dotfiles/.config/browser/stylus/stylus-themes.json

6819 lines
No EOL
2.2 MiB
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

[
{
"settings": {
"openEditInWindow": false,
"openEditInWindow.popup": false,
"windowPosition": {},
"show-badge": true,
"disableAll": false,
"exposeIframes": true,
"exposeStyleName": false,
"newStyleAsUsercss": true,
"styleViaXhr": false,
"patchCsp": true,
"urlInstaller": true,
"config.autosave": true,
"schemeSwitcher.enabled": "dark",
"schemeSwitcher.nightStart": "18:00",
"schemeSwitcher.nightEnd": "06:00",
"popup.breadcrumbs": true,
"popup.breadcrumbs.usePath": false,
"popup.enabledFirst": true,
"popup.stylesFirst": true,
"popup.autoResort": false,
"popup.borders": false,
"popup.findSort": "r",
"manage.onlyEnabled": false,
"manage.onlyLocal": false,
"manage.onlyUsercss": false,
"manage.onlyEnabled.invert": false,
"manage.onlyLocal.invert": false,
"manage.onlyUsercss.invert": false,
"manage.actions.expanded": true,
"manage.backup.expanded": true,
"manage.filters.expanded": true,
"manage.minColumnWidth": 750,
"manage.newUI": true,
"manage.newUI.favicons": false,
"manage.newUI.faviconsGray": true,
"manage.newUI.targets": 3,
"manage.newUI.sort": "dateInstalled,desc, title,asc",
"manage.searchMode": "meta",
"editor.options": {},
"editor.toc.expanded": true,
"editor.options.expanded": true,
"editor.lint.expanded": true,
"editor.publish.expanded": true,
"editor.lineWrapping": true,
"editor.smartIndent": true,
"editor.indentWithTabs": false,
"editor.tabSize": 4,
"editor.keyMap": "default",
"editor.theme": "default",
"editor.beautify": {
"selector_separator_newline": true,
"newline_before_open_brace": false,
"newline_after_open_brace": true,
"newline_between_properties": true,
"newline_before_close_brace": true,
"newline_between_rules": false,
"preserve_newlines": true,
"end_with_newline": false,
"indent_conditional": true,
"indent_mozdoc": true
},
"editor.beautify.hotkey": "",
"editor.lintDelay": 300,
"editor.linter": "csslint",
"editor.lintReportDelay": 500,
"editor.matchHighlight": "token",
"editor.autoCloseBrackets": true,
"editor.autocompleteOnTyping": false,
"editor.contextDelete": false,
"editor.selectByTokens": true,
"editor.arrowKeysTraverse": true,
"editor.appliesToLineWidget": true,
"editor.autosaveDraft": 10,
"editor.livePreview": true,
"editor.colorpicker": true,
"editor.colorpicker.hexUppercase": false,
"editor.colorpicker.hotkey": "",
"editor.colorpicker.color": "",
"editor.colorpicker.maxHeight": 300,
"hotkey._execute_browser_action": "",
"hotkey.openManage": "",
"hotkey.styleDisableAll": "",
"sync.enabled": "none",
"iconset": 0,
"badgeDisabled": "#8B0000",
"badgeNormal": "#006666",
"headerWidth.edit": 280,
"headerWidth.install": 280,
"headerWidth.manage": 280,
"popupWidth": 246,
"updateInterval": 24
},
"order": {
"main": [],
"prio": []
}
},
{
"enabled": true,
"updateUrl": "https://userstyles.world/api/style/3838.user.css",
"url": "https://github.com/OlaoluwaM/notion-catppuccin",
"installDate": 1671615207235,
"sections": [
{
"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,
"urlPrefixes": [
"https://www.notion.so"
]
}
],
"sourceCode": "/* ==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== */\n@-moz-document url-prefix(\"https://www.notion.so\")\n{\n :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 }\n}\n",
"usercssData": {
"name": "Notion Catppuccin",
"namespace": "https://github.com/OlaoluwaM",
"version": "1.0.2",
"description": "Soothing pastel theme for Notion",
"author": "OlaoluwaM",
"homepageURL": "https://github.com/OlaoluwaM/notion-catppuccin",
"updateURL": "https://userstyles.world/api/style/3838.user.css"
},
"author": "OlaoluwaM",
"description": "Soothing pastel theme for Notion",
"name": "Notion Catppuccin",
"originalDigest": "ca8a2d90f774cf612aac8593bb5da49bc5ce45d4",
"_id": "afe70576-7881-4f6f-a953-203ade9d1968",
"_rev": 1671615207235,
"installationUrl": "https://userstyles.world/style/3838",
"id": 12
},
{
"enabled": true,
"updateUrl": "https://userstyles.world/api/style/925.user.css",
"url": "https://github.com/blyad2137/nexusmods-overhaul",
"installDate": 1676806011816,
"sections": [
{
"code": "/* ==UserStyle==\n@name NexusMods Overhaul\n@namespace github.com/blyad2137/nexusmods-overhaul\n@version 1.1.5\n@description `Overhauls look of nexusmods to be more 'modern', from lack of better word.`\n@author blyad (https://github.com/blyad2137)\n@license CC BY-NC-SA 4.0\n@homepageURL https://github.com/blyad2137/nexusmods-overhaul\n@supportURL https://github.com/blyad2137/nexusmods-overhaul/issues\n==/UserStyle== */",
"start": 0
},
{
"code": "::-webkit-scrollbar-track {\n -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);\n border-radius: 0px;\n background-color: #212121;\n }\n html[hide-scrollbar=\"true\"] ::-webkit-scrollbar{display:none}\n ::-webkit-scrollbar {\n width: 1rem;\n background-color: #212121;\n }\n ::-webkit-scrollbar-thumb {\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .6);\n background-color: var(--theme-primary) !important;\n\t\t\t border: 5px solid rgba(0, 0, 0, 0);\n\t\t\t border-radius: 10px;\n\t\t\t background-clip: padding-box;\n }\n\t\t::-webkit-scrollbar-thumb:hover {\n\t\t\t background-color: var(--theme-secondary) !important;\n\t\t\t border: 4px solid rgba(0, 0, 0, 0);\n\t\t}\n\t\t::-webkit-scrollbar-corner {\n\t\t\t background-color: #212121;\n\t\t\t border-color: #212121;\n\t\t}\n\n\tspan.tooltip.tooltipstered {\n\t\tbackground-color: #0000 !important;\n\t}\n\tbody.scheme-theme-Fallout .mod-tile-left .mod-tile-dl-status {\n\t\tbackground-color: #92ab20D8 !important;\n\t\tcolor: #fff !important;\n\t}\n\t.rj-vortex-button {\n\t\tcolor: var(--theme-primary);\n\t\tborder-color: var(--theme-primary);\n\t}\n\t.rj-vortex-button:hover {\n\t\tbackground-color: var(--theme-primary);\n\t}\n\t#rj-back-to-top.rj-hug-footer {\n\t\tbackground-color: var(--theme-primary);\n\t\tposition: absolute;\n\t}\n\ti.fa.fa-chevron-up {\n\t\ttext-align: center;\n\t\ttop: 27%;\n\t\tleft: 31%;\n\t\tmargin: 0;\n\t\tposition: absolute;\n\t}\n\t.bubble {\n\t\tbackground-color: var(--theme-secondary);\n\t}\n\t#rj-back-to-top {\n\t\tbackground-color: var(--theme-primary-translucent);\n\t}\n\t.rj-standard-button, .page-layout .donation-wrapper form input[type=submit], .notification-indicator, .notification-preferences-body input:checked + .notification-preference-slider:before, .rj-btn.rj-btn-standard, .rj-btn:hover, .add-game-button {\n\t\tbackground-color: var(--theme-primary);\n\t}\n\t.rj-standard-button:hover, .title-with-pip .pip, .rj-panel .banner {\n\t\tbackground-color: var(--theme-secondary);\n\t}\n\t.rj-panel .banner:before {\n \tborder-color: transparent transparent var(--theme-secondary) transparent;\t\n\t}\n\t.rj-panel .banner:after {\n\t\tborder-color: var(--theme-secondary) transparent transparent transparent;\n\t}\n\t[src=\"/assets/images/footer/Vortex.svg\"] {\n\t\t-webkit-mask: url(/assets/images/footer/Vortex.svg) no-repeat center;\n\t\tmask: url(/assets/images/footer/Vortex.svg) no-repeat center;\n\t\tbackground-color: var(--theme-primary);\n\t\tcontent: url('https://i.imgur.com/WFQNmEA.png');\n\t\timage-rendering: auto;\n\t}\n\t#rj-sitemap ul li a:hover, .page-layout .table table tfoot a.replaced-login-link, .page-layout .donation-wrapper > p > p > a, .page-layout .author > span, .notifications-header a, .notifications-list ul li .notification-bold, .page-layout .back-wrapper a span, .page-layout .back-wrapper a i, .page-layout tbody td:last-child, .table .orange, .rj-header-tray .rj-mobile-menu-link-section a:active:hover, .rj-header-tray .rj-mobile-menu-link-section a:link:hover, .rj-header-tray .rj-mobile-menu-link-section a:visited:hover, .rj-panel-cta, i.orange, li.rj-mobile-menu-subsection>a>div>span.upload, .page-layout .donation-wrapper > p > span.timer {\n\t\tcolor: var(--theme-primary);\n\t}\n\t.rj-orange, a:link.rj-orange, a:active.rj-orange {\n\t\tcolor: var(--theme-primary) !important;\n\t}\n\t.rj-btn, a.rj-btn, button.rj-btn {\n\t\tborder-color: var(--theme-primary);\n\t}\n\t.rj-btn.rj-btn-outline:hover, .notification-preferences-body input:checked + .notification-preference-slider, .rj-btn.rj-btn-standard:hover {\n\t\tbackground-color: var(--theme-secondary);\n\t}\n\t.rj-news-items .news-item .news-img-wrapper {\n\t\tbackground: linear-gradient(to top,transparent,var(--theme-primary));\n\t}\n\t#qs_close:hover {\n\t\tcolor: var(--theme-primary);\n\t\tborder-color: rgba(44, 43, 43, .38);\n\t}\n\t#qs_pagination a {\n\t\tborder-color: rgba(44, 43, 43, .38);\n\t}\n\n\n\t.static .wrap:first-of-type {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.static .wrap {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.tabcontent {\n\t\tbackground-color: rgba(68, 68, 68, .38);\n\t}\n\tul.modtabs {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\tul.modtabs li {\n\t\tbackground-color: transparent;\n\t}\n\tul.modtabs li a.selected {\n\t\tbackground-color: rgba(68, 68, 68, .38);\n\t\tborder-right-color: rgba(76, 76, 76, .38);\n\t}\n\tul.modtabs li a:last-of-type:hover {\n\t\tborder-right-color: rgba(65, 65, 65, .38);\n\t}\n\tul.modtabs li a {\n\t\tborder-right-color: rgba(61, 61, 61, .38);\n\t}\n\tul.modtabs li a:hover {\n\t\tbackground-color: rgba(65, 65, 65, .38);\n\t}\n\t.mod-tile .mod-tile-left {\n\t\tbackground-color: transparent;\n\t\tbox-shadow: inset 0 0 20px rgba(56, 56, 56, .8);\n\t}\n\tli.mod-tile > .mod-tile-left > .tile-data {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t\tbox-shadow: inset 0 0 20px rgba(56, 56, 56, .8);\n\t}\n\t.tiles .fadeoff {\n\t\tbackground: -webkit-linear-gradient(top,rgba(56,56,56,0) 0,rgba(56,56,56,.8) 100%);\n\t\tbackground: linear-gradient(to bottom,rgba(56,56,56,0) 0,rgba(56,56,56,.8) 100%);\n\t}\n\tbody .home-intro, .collections-banner-outer-wrapper-trigger .collections-banner-wrapper {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\tul.tiles li.article-tile .mod-tile-left {\n\t\tbackground-color: transparent;\n\t\tbox-shadow: inset 0 0 30px rgba(56, 56, 56, .8);\n\t}\n\tli.article-tile > .mod-tile-left > .tile-data {\n\t\tbackground-color: rgba(45, 45, 45, .5);\n\t\tbox-shadow: inset 0 0 20px rgba(56, 56, 56, .8);\n\t}\n\t.modimages {\n\t\tbackground-color: rgba(32, 32, 32, .38);\n\t}\n\t.modpage .col-1-1.info-details {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.modpage>.wrap {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.modpage .sideitems {\n\t\tborder-bottom-color: rgba(56, 56, 56, .38);\n\t}\n\t.modpage .col-1-1:not(.popup-bugreport > .col-1-1):not(.popup-mod-tagging .col-1-1):not(.popup-js .col-1-1):not(.form-section-content .col-1-1) {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t}\n .popup-js .col-1-1 {\n background-color: transparent;\n }\n\t.accordion dt:hover {\n\t\tbackground-color: rgba(65, 65, 65, .38);\n\t}\n\t.accordion dt {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\t.accordion dt.accopen {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.accordion dd {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\t.table th.table-require-notes:hover, .table th.table-compat-notes:hover, .table th.table-translation-notes:hover {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.table th:hover {\n\t\tbackground: rgba(65, 65, 65, .38);\n\t}\n\t.table th, .table td {\n\t\tborder-right-color: rgba(73, 73, 73, .38);\n\t}\n\t.table th {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.tabcontent-mod-page .accordionitems .table td {\n\t\tborder-right-color: rgba(91, 91, 91, .38);\n\t\tborder-top-color: rgba(91, 91, 91, .38);\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t}\n\t.comments .comment-head {\n\t\tbackground-color: rgba(29, 29, 29, .38);\n\t\tborder-bottom-color: rgba(0, 0, 0, .38);\n\t}\n\t.comments>ol>li {\n\t\tbackground-color: rgba(35, 35, 35, .38);\n\t\tborder-color: rgba(0, 0, 0, .38);\n\t}\n\t.comments>ol>li ol>li {\n\t\tbackground-color: rgba(69, 69, 69, .38);\n\t\tborder-color: rgba(0, 0, 0, .38);\n\t}\n\t.edit-article-desc, .articlepage article {\n\t\tbackground-color: transparent;\n\t}\n\tsection#rj-vortex {\n\t\tborder-top-color: rgba(93, 93, 93, .38);\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t#rj-footer {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t\ttext-shadow: 1px 1px 1px #000000b8;\n\t}\n\t#rj-footer svg, #rj-footer img {\n\t\tfilter: drop-shadow(1px 1px 1px #000);\n\t}\n\tfigure.quote {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\tfigure.quote .icon-quote {\n\t\tfill: rgba(101, 101, 102, .38);\n\t}\n\t.col-1-1>.container, .modpage.mediapage .container.comments {\n\t\tbackground: rgba(76, 76, 76, 0);\n\t}\n\t.mod-tile > div {\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: -610px -120px, 0 0;\n\t\tbackground-image: -webkit-linear-gradient(top left,rgba(255, 255, 255, .1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\tbackground-image: -moz-linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, .1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%); \n\t\tbackground-image: -o-linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\tbackground-image: linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\t-moz-background-size: 250% 250%, 100% 100%;\n\t\tbackground-size: 250% 250%, 100% 100%;\n\t\t-webkit-transition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\t-moz-transition: background-position, transform, text-shadow, box-shadow 0s ease-in; \n\t\t-o-transition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\ttransition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\ttransition-duration: 0.1s\n\t}\n\t#mod-list .mod-tile > div:hover {\n\t\tbackground-position: 0 0, 0 0;\n\t\t-webkit-transition-duration: 0.4s;\n\t\t-moz-transition-duration: 0.4s;\n\t\ttransition-duration: 0.4s;\n\t\ttransform: scale(1.035);\n\t\ttext-shadow: 1px 1px 1px #000;\n\t\tbox-shadow: 0 0 1px #000;\n\t}\n\t.article-tile > div {\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: -810px -120px, 0 0;\n\t\tbackground-image: -webkit-linear-gradient(top left,rgba(255, 255, 255, .1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\tbackground-image: -moz-linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, .1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%); \n\t\tbackground-image: -o-linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\tbackground-image: linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\t-moz-background-size: 250% 250%, 100% 100%;\n\t\tbackground-size: 250% 250%, 100% 100%;\n\t\t-webkit-transition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\t-moz-transition: background-position, transform, text-shadow, box-shadow 0s ease-in; \n\t\t-o-transition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\ttransition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\ttransition-duration: 0.1s\n\t}\n\t.article-tile > div:hover {\n\t\tbackground-position: 0 0, 0 0;\n\t\t-webkit-transition-duration: 0.4s;\n\t\t-moz-transition-duration: 0.4s;\n\t\ttransition-duration: 0.4s;\n\t\ttransform: scale(1.035);\n\t\ttext-shadow: 1px 1px 1px #000;\n\t\tbox-shadow: 0 0 1px #000;\n\t}\n\t.activity-desc {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\tul.activity>li {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\tul.rj-mobile-menu-subsections, #head .rj-header-wrap .rj-header-left, #head .rj-header-wrap .rj-header-right, .game-home-link {\n\t\tbackground-color: transparent;\n\t}\n\t#head.new-head {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t}\n\t#head.new-head::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t#head .rj-header-wrap {\n\t\tposition: relative;\n\t}\n\t.rj-nav-item:hover, .rj-nav-item.active {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t}\n\tform.rj-search .search-button, form.rj-search .rj-search-input {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: #e8e8e8;\n\t}\n\t.rj-search-category-dropdown {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t\tcolor: #e8e8e8;\n\t}\n\t.rj-search-category-option:hover {\n\t\tbackground-color: rgba(255, 255, 255, .08);\n\t}\n\t.rj-header-wrap.rj-search-active .search-button {\n\t\tbackground-color: rgba(51, 51, 51, .38);\n\t}\n\t#qs_results {\n\t\tbackground: rgba(44, 43, 43, .38);\n\t}\n\t#gsearch_results {\n\t\tborder-color: rgba(37, 37, 37, .38);\n\t\tbackground: rgba(45, 45, 45, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t\tbox-shadow: inset 0 0 20rem 1rem rgba(0, 0, 0, .38);\n\t}\n\t#qsearch_results {\n\t\tborder-color: rgba(0, 0, 0, .38);\n\t}\n\t.gsearch_results_list li {\n\t\tborder-color: rgba(37, 37, 37, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.qs_result section>div {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\t.qs_result .stats {\n\t\tbackground-color: transparent;\n\t}\n\t.qs_result h2 {\n\t\tbackground: linear-gradient(to right,rgba(56, 56, 56, .38) 0,rgba(37, 37, 37, .38) 100%);\n\t}\n\t.gsearch_results_list li.active h2 {\n\t\tbackground: linear-gradient(to right,rgba(56, 56, 56, .38) 0,rgba(44, 43, 43, .38) 100%);\n\t}\n\t.premium-banner {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t.premium-banner > span, .premium-banner > i {\n\t\tcolor: #fff;\n\t}\n\t.select2-container--default .select2-selection--single {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t.select2-container--default .select2-selection--single .select2-selection__rendered {\n\t\tcolor: #bbb;\n\t}\n\t.select2-container--default .select2-selection--single .select2-selection__arrow b {\n\t\tborder-color: #777 transparent transparent transparent;\n\t}\n\t.select2-container--default .select2-results__option[aria-selected=true], #mod-editing-content .wysibb-text-editor {\n\t\tbackground-color: rgba(68, 68, 68, .38);\n\t}\n\t.select2-dropdown {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.select2-results__option {\n\t\tcolor: #aaa;\n\t}\n\t.select2-dropdown, .select2-dropdown--below, ul.tile-upload li .add-image .tile-image {\n\t\tborder-color: rgba(76, 76, 76, .38);\n\t}\n\t.popup-mod-requirements ul {\n\t\tbackground: rgba(34, 34, 34, .38);\n\t\tborder-color: rgba(136, 136, 136, .38);\n\t}\n\t.pagination ul li a.page-selected, .pagination ul li a.page-selected:hover {\n\t\tbackground: rgba(62, 62, 62, .38);\n\t}\n\t.pagination ul li a, .pagination ul li a:hover, .pagination ul li a:focus {\n\t\tcolor: #c8c8c8;\n\t}\n\t.pagination ul li a {\n\t\tbackground-color: rgba(17, 17, 17, .38);\n\t}\n\t.pagination ul li.prev .icon-arrow-thin, .pagination ul li.next .icon-arrow-thin {\n\t\tfill: #c8c8c8;\n\t}\n\t.pagination ul li a:hover, .pagination ul li a:focus, .pagination ul li.prev a:hover, .pagination ul li.prev a:focus, .pagination ul li.next a:hover, .pagination ul li.next a:focus {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: #c8c8c8;\n\t}\n\t.select2-container--default .select2-search--dropdown .select2-search__field {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: #aaa;\n\t}\n\t.article-actions {\n\t\tbackground-color: rgba(32, 32, 32, .38);\n\t}\n\t.article-nav .article-label {\n\t\tcolor: #a9a9a9;\n\t}\n\t.article-nav ul li:hover a {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t}\n\t.article-nav ul li a {\n\t\tborder-color: rgba(86, 86, 86, .38);\n\t}\n\t.article-nav ul li a .icon-arrow-thin {\n\t\tfill: #bcbcbc;\n\t}\n\t.article-page {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t\ttext-shadow: 1px 1px 1px #000;\n\t}\n\t.article-page .comments {\n\t\tborder-color: rgba(56, 56, 56, .38);\n\t}\n\t#head.new-head .headlogo svg {\n\t\tfilter: drop-shadow(1px 1px 1px #000);\n\t}\n\t.rj-search-category {\n\t\tborder-left-color: rgba(255, 255, 255, .08);\n\t}\n\tform.rj-search.open-category-select .rj-search-category-dropdown-toggle {\n\t\tbackground-color: rgba(255, 255, 255, .08);\n\t}\n\t.rj-search-category-wrapper {\n\t\tcolor: #e8e8e8;\n\t}\n\t.select2-container--default.select2-container--disabled .select2-selection--single, .searchtext, .select2-container--default .select2-selection--multiple, .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t.searchtext {\n\t\tcolor: #bbb;\n\t}\n\tinput[type=\"checkbox\"] {\n\t\tfilter: invert(.835) hue-rotate(180deg);\n\t}\n\t.refine-results ul.choice-list, .range-area {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t}\n\ta.mod-image {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\t.mod-tile-left, figure.image_figure .fore_div img, figure.image_figure .fore_div_mods img {\n\t\tbackground-color: transparent;\n\t}\n\t.game-filter form input {\n\t\tcolor: #919191;\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t[style=\"position: absolute; top: 72px; z-index: 9999; background-color: rgb(76, 76, 76); border: 1px solid rgb(225, 225, 225); padding: 8px 16px;\"] {\n\t\tbackground-color: rgba(76, 76, 76, .38) !important;\n\t\tborder-color: rgba(17, 17, 17, .38) !important;\n\t}\n\t.canvas, ul.tile-upload li .tile-image {\n\t\tborder-color: rgba(76, 76, 76, .38);\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.date_selector {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: #bbb;\n\t}\n\t.ui-widget-content {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t\tborder-color: rgba(64, 64, 64, .38);\n\t\tcolor: #919191;\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.ui-widget-header {\n\t\tbackground-color: rgba(64, 64, 64, .38);\n\t\tborder-color: rgba(64, 64, 64, .38);\n\t\tcolor: #bbb;\n\t}\n\t.ui-datepicker select.ui-datepicker-month option, .ui-datepicker select.ui-datepicker-year option {\n\t\tbackground-color: #383838;\n\t}\n\t.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {\n\t\tbackground-color: rgba(0, 0, 0, 0);\n\t}\n\t.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {\n\t\tborder-color: rgba(51, 51, 51, .38);\n\t\tcolor: #bbb;\n\t}\n\t.btn-inactive, .btn:disabled {\n\t\tbackground-color: #565656 !important;\n\t\tcolor: #000 !important;\n\t}\n\t.btn-inactive .icon, .btn:disabled .icon {\n\t\tfill: #000;\n\t}\n\t#rj-sitemap ul li a.rj-standard-button {\n\t\tcolor: #fff;\n\t}\n\t.rj-user-nav .nav-interact .ni-background {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t}\n\tsection#rj-sitemap {\n\t\tborder-image-source: linear-gradient(to right,rgba(255,255,255,0),rgba(255, 255, 255, .38) 52%,rgba(255,255,255,0));\n\t}\n\t.rj-header-tray {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.rj-header-full-width-banner {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t}\n\t.rj-panel.rj-panel-border:hover>.rj-panel-inner {\n\t\tbackground-color: rgba(77, 79, 80, .38);\n\t}\n\t.rj-panel.rj-panel-border>.rj-panel-inner {\n\t\tbackground-color: rgba(60, 61, 63, .38);\n\t}\n\t.rj-panel.rj-panel-border {\n\t\tbackground: none;\n\t\tposition: relative;\n\t}\n\t.rj-panel.rj-panel-border::before {\n\t\tcontent: '';\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tbackground: linear-gradient(180deg,var(--theme-primary),rgba(255,255,255,0.26));\n\t\tposition: absolute;\n\t\topacity: .38;\n\t}\n\t.rj-panel.rj-panel-border:hover {\n\t\tbackground-color: rgba(255,255,255,0.18);\n\t}\n\t.rj-right-tray {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.rj-tray-section.section-dark {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t.rj-right-tray .arrow {\n\t\tborder-bottom-color: rgba(43, 45, 47, .38);\n\t}\n\t.rj-right-tray .arrow::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tfilter: blur(1rem);\n\t}\n\t.rj-tray-section.section-dark.link-section:hover {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t}\n\t.widget-mod-requirements.popup.mfp-with-anim.col-1-1.popup-mod-requirements {\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\tdiv.bbc_spoiler_content {\n\t\tbackground: rgba(38, 38, 38, .38);\n\t\tborder-color: rgba(59, 59, 59, .38);\n\t}\n\t.notifications-header, .notification-preferences-header {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t}\n\t.notifications-list, .notification-load-more, .notification-preferences-menu {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t#featured #nofeature #pagetitle {\n\t\tbackground: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.38) 100%);\n\t\tbackground: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.38) 100%);\n\t}\n\t.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {\n\t\tcolor: #ccc !important;\n\t\tborder-color: rgba(103, 103, 103, .38);\n\t\tbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .38)), color-stop(100%, rgba(60, 60, 60, .38)));\n\t\tbackground: -webkit-linear-gradient(top, rgba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t\tbackground: -moz-linear-gradient(top, rgba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t\tbackground: -ms-linear-gradient(top, rgba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t\tbackground: -o-linear-gradient(top, rgba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t\tbackground: linear-gradient(to bottom, gba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t}\n\t.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {\n\t\tcolor: #999 !important;\n\t}\n\t.dataTables_wrapper .dataTables_paginate .paginate_button:hover {\n\t\tborder-color: rgba(17, 17, 17, .38);\n\t\tbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(88, 88, 88, .38)), color-stop(100%, rgba(17, 17, 17, .38)));\n\t\tbackground: -webkit-linear-gradient(top, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t\tbackground: -moz-linear-gradient(top, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t\tbackground: -ms-linear-gradient(top, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t\tbackground: -o-linear-gradient(top, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t\tbackground: linear-gradient(to bottom, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t}\n\t.dataTables_filter input, input.form-field, textarea.form-textarea {\n\t\tcolor: #aaa !important;\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\ttable.dataTable tbody tr, .form-section-content .select2-container--default .select2-selection--single {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\ttd.tracking-mod .tracking-icon {\n\t\tbackground: rgba(45, 45, 45, .38);\n\t}\n\t.table td {\n\t\tborder-top-color: rgba(73, 73, 73, .38);\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\ttable.dataTable.no-footer {\n\t\tborder-bottom-color: rgba(17, 17, 17, .38);\n\t}\n\ttable.dataTable thead th, table.dataTable thead td {\n\t\tborder-bottom-color: rgba(17, 17, 17, .38);\n\t}\n\t.form-section-content, .media-section-content {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\t.form-section header, textarea.application-key, .application-image-container {\n\t\tbackground: rgba(45, 45, 45, .38);\n\t}\n\t.line {\n\t\tborder-bottom-color: rgba(225, 225, 225, .38);\n\t}\n\t.page-layout .donation-panel {\n\t\tborder-color: rgba(136, 136, 136, .38);\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t.page-layout .donation-wrapper form input[type=text] {\n\t\tcolor: #e0e0e0;\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t.page-layout .donation-wrapper form .form-group > span {\n\t\tcolor: #e0e0e0;\n\t}\n\tul.add-process li, ul.add-process li a, .add-process li.disabled a:hover, .add-process li.disabled a:hover span {\n\t\tcolor: #bcbcbc;\n\t}\n\t.rj-btn.rj-btn-outline, .rj-btn.rj-btn-standard {\n\t\ttext-shadow: 1px 1px 1px #000;\n\t}\n\tdiv#mainContent > .tabcontent.tabcontent-mod-page[aria-live=\"assertive\"] {\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.forum-bugs td.bug-comment {\n\t\tbackground-color: rgba(32, 32, 32, .38);\n\t}\n\t.forum-bugs .comments>ol>li:first-of-type:before {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.info.warning {\n\t\tbackground-color: transparent;\n\t\tposition: relative;\n\t}\n\t.info.warning.site-notice {\n\t\tbackground-color: #d5632d;\n\t}\n\t.info .info-content::before:not(.form-user-upload) {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\tmargin: 0;\n\t\tbackground-color: var(--theme-primary);\n\t\topacity: .38;\n\t\tz-index: 2;\n\t}\n\t.info .info-content::after:not(.form-user-upload) {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\tmargin: 0;\n\t\tbackdrop-filter: blur(1rem);\n\t\tz-index: 0;\n\t}\n\t.info .info-content > h3, .info .info-content > p, .info > svg, .info {\n\t\tz-index: 3;\n\t\tposition: relative;\n\t\ttext-shadow: 1px 1px 1px #000000ba;\n\t}\n\tinput#user_login, input#password, input#otp_attempt, input#real_name, select {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: rgba(255, 255, 255, .6);\n\t}\n\tdiv.floating-label label, .password-group input[type=password]~.password-toggle>i, .password-group input[type=text]~.password-toggle>i {\n\t\tcolor: rgba(255, 255, 255, .6);\n\t}\n\t.password-group .password-toggle {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t.password-group .password-toggle:focus {\n\t\tbackground-color: rgba(51, 51, 51, .38);\n\t}\n\t.jumbotron {\n\t\tbackground-color: rgb(41, 44, 47);\n\t}\n\t#game-blurb {\n\t\tborder-top-color: rgba(255, 255, 255, .38);\n\t}\n\t.btn-active, #graph-widget-container .active {\n\t\tbackground-color: rgba(40, 40, 40, .38) !important;\n\t}\n\t.edit-mod-step:hover, .edit-mod-step:focus {\n\t\tbackground-color: rgba(40, 40, 40, .38);\n\t}\n\t.popup-bugreport.popup.mfp-with-anim.col-1-1 > .col-1-1, .wysibb, textarea#add-bugreport-post {\n\t\tbackground-color: transparent;\n\t}\n\t.wysibb .wysibb-text {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\t.wysibb {\n\t\tborder-color: #444;\n\t\tcolor: #fff;\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover .fonticon {\n\t\tcolor: #fff;\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover {\n\t\tbackground-color: rgba(17, 17, 17, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container {\n\t\tborder-color: #444;\n\t}\n\t#wbbmodal .wbbm {\n\t\tbackground: rgba(0, 0, 0, .38);\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t\tbox-shadow: 0 0 5px rgba(51, 51, 51, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t#wbbmodal .wbbm-title {\n\t\tcolor: #ccc;\n\t\tborder-color: rgba(51, 51, 51, .38);\n\t}\n\t#wbbmodal .div-modal-text {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tcolor: #919191;\n\t}\n\t#wbbmodal .wbbm-inp-row label {\n\t\tcolor: #919191;\n\t}\n\t#wbbmodal .wbbm-inp-row input {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tcolor: #919191;\n\t\tbackground-color: transparent;\n\t}\n\t#wbbmodal .wbbm-bottom {\n\t\tbackground-color: rgba(1, 1, 1, .38);\n\t\tborder-color: rgba(51, 51, 51, .38);\n\t}\n\t#wbbmodal .wbb-cancel-button:hover {\n\t\tbackground: rgba(0, 0, 0, .38);\n\t\tborder-color: rgba(51, 51, 51, .38);\n\t}\n\t#wbbmodal .wbb-cancel-button {\n\t\tbackground: rgba(5, 5, 5, .38);\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t\tcolor: #ccc;\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on:hover, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:active {\n\t\tbackground: rgba(51, 51, 51, .38);\n\t\tbox-shadow: inset 0 0 3px rgba(85, 85, 85, .38);\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on .fonticon {\n\t\tcolor: #fff;\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .fonticon {\n\t\tcolor: #ccc;\n\t\ttext-shadow: 0 1px 0 rgba(0, 0, 0, .38);\n\t}\n\t.wysibb .wysibb-toolbar {\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select:hover, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown:hover, .wbb-select .option:hover, .wbb-list .nc:hover {\n\t\tbackground-color: rgba(17, 17, 17, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select.on, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select.on:active {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tbackground: rgba(51, 51, 51, .38);\n\t\tbox-shadow: inset 0 0 3px rgba(85, 85, 85, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .wbb-list {\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t\tbox-shadow: 0 0 3px rgba(85, 85, 85, .38);\n\t\tbackground: rgba(0, 0, 0, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.wbb-list .nc, .comment-reply textarea {\n\t\tcolor: #999;\n\t}\n\t.wbb-list .sc {\n\t\tborder-color: rgba(0, 0, 0, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown.on, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown.on:active {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tbackground: rgba(51, 51, 51, .38);\n\t\tbox-shadow: inset 0 0 3px rgba(85, 85, 85, .38);\n\t}\n\t.popup {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\tbody.rails-default-error-page {\n\t\tbackground-color: #2b2d2f;\n\t}\n\t.rails-default-error-page div.dialog > div {\n\t\tborder-color: #444;\n\t\tborder-top-color: #B00100;\n\t\tborder-right-color: #666;\n\t\tborder-left-color: #666;\n\t\tborder-bottom-color: #555;\n\t\tbackground-color: #383838;\n\t}\n\t.rails-default-error-page div.dialog > p {\n\t\tbackground-color: #414141;\n\t\tborder-color: #555;\n\t\tborder-right-color: #666;\n\t\tborder-left-color: #666;\n\t\tborder-bottom-color: #666;\n\t\tborder-top-color: #383838;\n\t\tcolor: #999;\n\t}\n\t.rails-default-error-page h1 {\n\t\tcolor: #910;\n\t}\n\t.grey, .comments figure.quote {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t}\n\t.comments>ol>li ol>li .comment-head {\n\t\tbackground-color: rgba(69, 69, 69, .38);\n\t}\n\t.comment-content-text code {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t\tborder-color: rgba(136, 136, 136, .38);\n\t}\n\tdiv#nofeature {\n\t\tbackground-image: none !important;\n\t\tposition: relative;\n\t}\n\tdiv#nofeature::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tbackground-image: url('/assets/images/default/bg_default.jpg');\n\t\tbackground-size: cover;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\topacity: .38;\n\t\tz-index: -1;\n\t}\n\tbody .home-intro {\n\t\tposition: relative;\n\t\tbackground-image: none;\n\t}\n\tbody .home-intro::after {\n\t\tcontent: '';\n\t\tbackground-image: url('/assets/images/default/bg_game_header.jpg');\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: top center;\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 75%;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tz-index: -1;\n\t\topacity: .38;\n\t}\n\tbody .home-intro::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 25% !important;\n\t\tmax-height: 25% !important;\n\t\tleft: 0;\n\t\ttop: 38.05em;\n\t\tbackground-image: -webkit-linear-gradient(top, #2d2d2d 2%, #0000 100%);\n\t\tz-index: -1;\n\t\topacity: .38;\n\t}\n\t.rj-btn.rj-btn-secondary[id=\"slowDownloadButton\"]:hover {\n\t\tbackground-color: rgba(77, 77, 77, .38);\n\t}\n\t.rj-btn.rj-btn-secondary[id=\"slowDownloadButton\"] {\n\t\tcolor: #ddd;\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t}\n\t.subnav, .drop-down:hover>.btn {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\tul.sublist li a, div.container .actions ul.sublist li a {\n\t\tcolor: #a6a6a6;\n\t}\n\tinput#user_name, input#password_confirmation {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: rgba(255, 255, 255, .6);\n\t}\n\t.password-help {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t\tcolor: #dadcdb;\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.password-help>.arrow {\n\t\tborder-bottom-color: rgba(34, 34, 34, .38);\t\n\t}\n\t.password-help .password-condition.password-condition-success>div {\n\t\tcolor: rgba(255, 255, 255, .4);\n\t}\n\t.main.vortex-and-nmm {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.bg-vortex-pattern, .sso-container {\n\t\tbackground: none;\n\t\tposition: relative;\n\t}\n\t.bg-vortex-pattern::before, .sso-container::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground: url('/bootstrap/images/vortex/bg/vortex-bg.jpg');\n\t\topacity: .38;\n\t\ttop: 0;\n\t\tleft: 0;\n\t}\n\t.bg-dark, .article-image {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.popup-mod-tagging .col-1-1, ul.add-process {\n\t\tbackground-color: transparent;\n\t}\n\ttextarea.problem-description {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\tselect.form-field {\n\t\tcolor: #919191;\n\t}\n\toption {\n\t\tbackground-color: #2c2d2d;\n\t\tcolor: #919191;\n\t}\n\t.recent-files a {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\t.recent-files a:hover {\n\t\tbackground-color: rgba(42, 42, 42, .38);\n\t}\n\t.nexus-ui-blocker-message-box, dd.changelog ul.change-logs>li:nth-child(odd), div.changelog ul.change-logs>li:nth-child(odd) {\n\t\tbackground-color: transparent;\n\t}\n\t.tabcontent:before, .loading-wheel {\n\t\tfilter: drop-shadow(0 0 5px #000);\n\t}\n\t.lg-outer .lg-inner {\n\t\tmax-height: 90vh;\n\t\twidth: 90vw;\n\t\tposition: absolute;\n\t\tmargin: 0 auto;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t}\n\t.result {\n\t\theight: auto !important;\n\t\ttop: 0 !important;\n\t}\n\tinput#change_recovery_mobile_number_current_password, input#mobile_number, input#change_recovery_mobile_number_two_fa, input#change_email_current_password, input#new_email, input#change_email_two_fa, input#new_password, input#confirm_password, input#change_password_two_fa {\n\t\tbackground-color: rgba(0,0,0,.38);\n\t\tcolor: rgba(255, 255, 255, .6);\n\t}\n\t.security-edit-page .dial-code, .security-edit-page .fake-select i {\n\t\tcolor: #d1d5d9;\n\t}\n\t.security-edit-page .fake-select {\n\t\tbackground-color: rgb(51, 51, 51);\n\t}\n\t.security-edit-page .fake-select .flag {\n\t\tcolor: #fff;\n\t}\n\tul#breadcrumb.mod-crumb, ul#breadcrumb.static-crumb {\n\t\ttext-shadow: 0 1px 1px rgba(0, 0, 0, .8);\n\t}\n\tform.rj-search .search-button i, .rj-header-wrap.rj-search-active .search-button i {\n\t\tcolor: #e8e8e8;\n\t}\n\t[href*=\"/skyrimspecialedition/mods/52177\"] figure.image_figure .fore_div_mods img {\n\t\tcontent: url('https://i.kym-cdn.com/photos/images/facebook/001/857/748/54e.jpg');\n\t\ttransform: scale(1.5) translateY(-1.2rem) translateX(.5rem);\n\t}\n\t.premium-block.background-2 {\n\t\ttransition: background 400ms cubic-bezier(0.49, 0.38, 0.41, 1.24);\n\t}\n\t.premium-block.background-2:hover {\n\t\tbackground: linear-gradient(to right, #040404, 70%, transparent), url(https://staticdelivery.nexusmods.com/Images/ad_bg_2.png) right/70% no-repeat, #040404;\n\t}\n\t.areplacer, div.clearfix[style*=\"background: #2d2d2d\"] > div, .premium-block {\n\t\tdisplay: none;\n\t}",
"start": 502,
"domains": [
"nexusmods.com"
]
},
{
"code": "::-webkit-scrollbar-thumb {\n\t\tbackground-color: var(--orange);\n\t}",
"start": 34710,
"domains": [
"users.nexusmods.com"
]
},
{
"code": "::-webkit-scrollbar-thumb {\n\t\tborder-radius: 2px;\n\t\t-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 60%);\n\t\tbackground-color: #34d6ff;\n\t}\n\n\t#docsSearch {\n\t\tbackground-color: rgba(43, 45, 47);\n\t\tborder-color: rgba(65, 65, 65);\n\t}\n\tbody {\n\t\tbackground-color: #222;\n\t}\n\ttextarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {\n\t\tbackground-color: #181818;\n\t\tborder-color: rgba(65, 65, 65);\n\t\tcolor: #fff;\n\t}\n\t.category-list .category:hover {\n\t\tbackground-color: rgba(43, 45, 47);\n\t}\n\t.category-list h3 {\n\t\tcolor: #ccc;\n\t}\n\t.category-list .category {\n\t\tborder-color: rgba(65, 65, 65);\n\t}\n\t#sidebar form .search-query {\n\t\tborder-color: rgba(65, 65, 65);\n\t\tcolor: #999;\n\t}\n\t#sidebar h3, #sidebar .nav-list .active a, #sidebar .nav-list .active a:hover, #sidebar .nav-list .active a:focus, #sidebar .nav-list a:hover, #sidebar .nav-list a:focus, footer p a:hover, #fullArticle h1, #fullArticle h2, #fullArticle h3, #fullArticle h4, #fullArticle h5 {\n\t\tcolor: #ddd;\n\t}\n\t#sidebar .nav-list a, .contentWrapper p.descrip {\n\t\tcolor: #959595;\n\t}\n\t.nav-list>li>a, .nav-list .nav-header {\n\t\ttext-shadow: 0 1px 0 rgba(24, 24, 24, .5);\n\t}\n\t.contentWrapper {\n\t\tbackground-color: #181818;\n\t\tborder-color: rgba(65, 65, 65);\n\t\tcolor: #ddd;\n\t}\n\t.icon-article-doc:before {\n\t\tcolor: #676767;\n\t}\n\tselect {\n\t\tbackground-color: #181818;\n\t\tborder-color: rgba(65, 65, 65);\n\t}\n\tselect, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {\n\t\tcolor: #aaa;\n\t}\n\tfooter p a, footer p {\n\t\tcolor: #7b7b7b;\n\t}\n\t[class^=icon-], [class*=\" icon-\"], .featherlight-close-icon {\n\t\tcolor: #464646;\n\t}\n\t#fullArticle .printArticle:hover .icon-print {\n\t\tcolor: #686868;\n\t}\n\t#fullArticle table th, #fullArticle table td, #fullArticle img {\n\t\tborder-color: rgba(59, 59, 59);\n\t}\n\t#fullArticle, #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div, #fullArticle blockquote, #fullArticle dd, #fullArticle table {\n\t\tcolor: #a8a8a8;\n\t}\n\t.articleFoot p, .articleFoot time {\n\t\tcolor: #606060;\n\t}\n\t.related {\n\t\tbackground-color: #181818;\n\t\tborder-color: rgba(65, 65, 65);\n\t}\n\t.related h3 {\n\t\tcolor: #bdbdbd;\n\t}\n\t#fullArticle strong {\n\t\tcolor: #b9b9b9;\n\t}",
"start": 34826,
"domains": [
"help.nexusmods.com"
]
},
{
"code": ":root {\n\t\t--theme-primary: rgb(var(--primary));\n\t}",
"start": 37501,
"domains": [
"next.nexusmods.com"
]
},
{
"code": "::-webkit-scrollbar-thumb {\n\t\tborder-radius: 2px;\n\t\t-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 60%);\n\t\tbackground-color: #e6832b;\n\t}",
"start": 37601,
"domains": [
"wiki.nexusmods.com"
]
},
{
"code": "::-webkit-scrollbar-thumb {\n\t\t\t\t background-color: #43bbe2\n\t\t\t}\n\t\n\tinput[type=text], input[type=password], input[type=email], select {\n\t\tbackground-color: #0000 !important;\n\t}",
"start": 37789,
"domains": [
"forums.nexusmods.com"
]
},
{
"code": "/*Fallout3*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/119189.jpg');\n\t}",
"start": 38036,
"urlPrefixes": [
"https://www.nexusmods.com/fallout3"
]
},
{
"code": "/*NewVegas*/\n\tbody.scheme-theme-Fallout {\n\t\t--theme-primary: #da8e35;\n\t\t--theme-primary-translucent: #da8e35d8;\n\t\t--theme-secondary: #b4762c;\n\t\t--theme-dark: #815316;\n\t}\n\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/8qtlmjh77m511.jpg');\n\t}",
"start": 38392,
"urlPrefixes": [
"https://www.nexusmods.com/newvegas",
"https://www.nexusmods.com/fallout4/mods/55215",
"https://www.nexusmods.com/fallout4/mods/55332",
"https://www.nexusmods.com/fallout4/mods/55382"
]
},
{
"code": "/*Fallout4*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/720318.jpg');\n\t}",
"start": 38715,
"urlPrefixes": [
"https://www.nexusmods.com/fallout4"
]
},
{
"code": "/*Fallout76*/\n\tbody::before {\n\t\tbackground-image: url('https://images7.alphacoders.com/927/thumb-1920-927080.jpg');\n\t}",
"start": 38889,
"urlPrefixes": [
"https://www.nexusmods.com/fallout76"
]
},
{
"code": "/*Morrowind*/\n\tbody::before {\n\t\tbackground-image: url('https://images4.alphacoders.com/242/242068.jpg');\n\t}",
"start": 39078,
"urlPrefixes": [
"https://www.nexusmods.com/morrowind"
]
},
{
"code": "/*Oblivion*/\n\tbody::before {\n\t\tbackground-image: url('https://cdn.wccftech.com/wp-content/uploads/2021/01/skyblivion.jpg');\n\t}",
"start": 39255,
"urlPrefixes": [
"https://www.nexusmods.com/oblivion"
]
},
{
"code": "/*SkyrimLE*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/skyrim-wallpaper-4k-bu.jpg');\n\t}",
"start": 39449,
"urlPrefixes": [
"https://www.nexusmods.com/skyrim"
]
},
{
"code": "/*SkyrimSE*/\n\tbody::before {\n\t\tbackground-image: url('https://cdnb.artstation.com/p/assets/images/images/000/299/069/4k/Skyrim_ShrineOfTalos.jpg?1443927989');\n\t}",
"start": 39657,
"urlPrefixes": [
"https://www.nexusmods.com/skyrimspecialedition"
]
},
{
"code": "/*Witcher*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/653677.jpg');\n\t}",
"start": 39888,
"urlPrefixes": [
"https://www.nexusmods.com/witcher"
]
},
{
"code": "/*Witcher3*/\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/HyZeLfQ.png');\n\t}",
"start": 40061,
"urlPrefixes": [
"https://www.nexusmods.com/witcher3"
]
},
{
"code": "/*Cyberpunk2077*/\n\t:root {\n\t\t--theme-primary: rgb(255, 0, 60);\n\t\t--theme-primary-translucent: rgba(255, 0, 60, .84);\n\t\t--theme-secondary: rgb(198, 21, 62);\n\t\t--theme-dark: rgb(138, 21, 48);\n\t}\n\tbody::before {\n\t\tbackground-image: url(https://wallpaperaccess.com/full/4091251.png);\n\t}",
"start": 40228,
"urlPrefixes": [
"https://www.nexusmods.com/cyberpunk2077"
]
},
{
"code": "/*StaredValley*/\n\tbody::before {\n\t\tbackground-image: url('https://i.pinimg.com/originals/b8/1a/a4/b81aa44ba47c8ebb93c4525a96904101.jpg');\n\t}\n\t\n\t#mainContent > section {\n\t\tborder-image: url('https://stardewvalleywiki.com/mediawiki/extensions/StardewValley/images/menu_border.png') 15 stretch !important;\n\t\tborder: 7px solid transparent;\n\t}",
"start": 40587,
"urlPrefixes": [
"https://www.nexusmods.com/stardewvalley"
]
},
{
"code": "/*DragonAge*/\n\tbody::before {\n\t\tbackground-image: url('https://images3.alphacoders.com/109/109665.jpg');\n\t}",
"start": 40997,
"urlPrefixes": [
"https://www.nexusmods.com/dragonage"
]
},
{
"code": "/*MonsterHunterWorld*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/1926141.jpg');\n\t}",
"start": 41185,
"urlPrefixes": [
"https://www.nexusmods.com/monsterhunterworld"
]
},
{
"code": "/*MountAndBlade2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/5671474.png');\n\t}",
"start": 41385,
"urlPrefixes": [
"https://www.nexusmods.com/mountandblade2bannerlord"
]
},
{
"code": "/*DragonAge2*/\n\tbody::before {\n\t\tbackground-image: url('https://images3.alphacoders.com/120/thumb-1920-120325.jpg');\n\t}",
"start": 41568,
"urlPrefixes": [
"https://www.nexusmods.com/dragonage2"
]
},
{
"code": "/*DragonAgeInquisition*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/373700.jpg');\n\t}",
"start": 41770,
"urlPrefixes": [
"https://www.nexusmods.com/dragonageinquisition"
]
},
{
"code": "/*BlandeAndSorecry*/\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/la9po1nkaq751.png');\n\t}",
"start": 41963,
"urlPrefixes": [
"https://www.nexusmods.com/bladeandsorcery"
]
},
{
"code": "/*DarkSouls*/\n\tbody::before {\n\t\tbackground-image: url('https://images.alphacoders.com/278/thumb-1920-278051.jpg');\n\t}",
"start": 42138,
"urlPrefixes": [
"https://www.nexusmods.com/darksouls"
]
},
{
"code": "/*KingdomcomeDeliverence*/\n\tbody::before {\n\t\tbackground-image: url('https://external-preview.redd.it/wJq9109DaVFax4XCnN6EnNDPSq6PBsOwtRlfnb4ldYs.jpg?auto=webp&s=234107489ff7daecfb4d852bf56035fb48849374');\n\t}",
"start": 42340,
"urlPrefixes": [
"https://www.nexusmods.com/kingdomcomedeliverance"
]
},
{
"code": "/*Subnautica*/\n\tbody::before {\n\t\tbackground-image: url('https://images4.alphacoders.com/901/thumb-1920-901071.jpg');\n\t}",
"start": 42620,
"urlPrefixes": [
"https://www.nexusmods.com/subnautica"
]
},
{
"code": "/*ME1*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/4605441.jpg');\n\t}",
"start": 42812,
"urlPrefixes": [
"https://www.nexusmods.com/masseffect"
]
},
{
"code": "/*ME2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/2467187.jpg');\n\t}",
"start": 42984,
"urlPrefixes": [
"https://www.nexusmods.com/masseffect2"
]
},
{
"code": "/*ME3*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/mass-effect-3-pc-version-rj.jpg');\n\t}",
"start": 43156,
"urlPrefixes": [
"https://www.nexusmods.com/masseffect3"
]
},
{
"code": "/*MEAndromeda*/\n\tbody::before {\n\t\tbackground-image: url('https://images4.alphacoders.com/772/thumb-1920-772364.png');\n\t}",
"start": 43362,
"urlPrefixes": [
"https://www.nexusmods.com/masseffectandromeda"
]
},
{
"code": "/*ME_LE*/\n\t:root {\n\t\t--theme-primary: #e61809;\n\t\t--theme-primary-translucent: #e61809d8;\n\t\t--theme-secondary: #ae180d;\n\t\t--theme-dark: #781008;\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://w.wallha.com/ws/12/1USM7sVR.png');\n\t}",
"start": 43570,
"urlPrefixes": [
"https://www.nexusmods.com/masseffectlegendaryedition"
]
},
{
"code": "/*DarkestDungeon*/\n\t:root {\n\t\t--theme-primary: #000;\n\t\t--theme-primary-translucent: #000000d8;\n\t\t--theme-secondary: #000;\n\t\t--theme-dark: #000;\n\t}\n\n\tbody::before {\n\t\tbackground-image: url('https://7wallpapers.net/wp-content/uploads/9_Darkest-Dungeon.jpg');\n\t}\n\t#head.new-head .headlogo svg, .rj-vortex-icon-wrapper, .rj-vortex-button, #rj-footer svg, #rj-footer img, ul.action-log>li, ul.btnexpand:hover, figure.quote, .comments figure.quote, .wysibb .wysibb-text blockquote, .rvs-container .rvs-nav-item.rvs-active, .rj-btn.rj-button-outline, a.rj-btn.rj-button-outline, blockquote.ipsBlockquote, .motm_position, ul.friend-actions .btn, .widget-download-links .btn, .popup-register-copy .btn, .btn.signin, .btn-more .btn, .home-buttons .btn, .btn-load, .form-section-content .btn, ul.file-actions .btn, .add-clone, .form-section .btn.btnsmall, .add-nav .btn, .modactions .btn, .mobile-close, ul.actions .btn, #foot #backtop .btn, #usernav ul li a, #footbtn .btn, form.search input.btn, ul.search-terms li:after, .accordion dt .acc-status, .fake-accordion .acc-status, .acc-status, .tiles .btnexpand ul li, ul.btnexpand:hover, ul.btnexpand:focus, .popup .mfp-close, .tiles .view-label, .tracking-highlight span.update-bar, .edit, .crop, .set-primary, ul.add-process li.current:before, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .info.callout, #mobilebtn, nav#mobilenav #mobile-user ul li a, ul#mobile-primary li a, .rvs-container .rvs-nav-item.rvs-active, .irs-bar, #head .btn, a.btn, .btn, .btn:visited, .toggle-button, .toggle-button:active, .toggle-button:visited, .rj-button-outline:hover, a.rj-button-outline:hover, .arrow-box, a.post-category.site-news, .select2-container--default .select2-results__option--highlighted[aria-selected], #rj-back-to-top.rj-hug-footer, .bubble, .rj-standard-button, ul.friend-actions .btn:hover, ul.friend-actions .btn:focus, .btn.signin:hover, .popup-register-copy .btn:hover, .popup-register-copy .btn:focus, .btn-more .btn:hover, .btn-more .btn:focus, .home-buttons .btn:hover, .home-buttons .btn:focus, .btn-load:hover, .btn-load:focus, .form-section-content .btn:hover, .form-section-content .btn:focus, ul.file-actions .btn:hover, ul.file-actions .btn:focus, .add-clone:hover, .add-clone:focus, .form-section .btn.btnsmall:hover, .form-section .btn.btnsmall:focus, .add-nav .btn:hover, .add-nav .btn:focus, .modactions .btn:hover, .modactions .btn:focus, .mobile-close:hover, .mobile-close:focus, ul.actions .btn:hover, ul.actions .btn:focus, #foot #backtop .btn:hover, #foot #backtop .btn:focus, #footbtn .btn:hover, #footbtn .btn:focus, #head .btn:hover, #head .btn:focus, #usernav ul li:hover a, #usernav ul li:focus a, form.search input.btn:hover, form.search input.btn:focus, ul.btnexpand li ul li:hover, ul.btnexpand li ul li:focus, .popup .mfp-close:hover, .popup .mfp-close:focus, .edit:hover, .edit:focus, .crop:hover, .crop:focus, .set-primary:hover, .set-primary:focus, #mobilebtn:hover, #mobilebtn:focus, .rvs-container .rvs-nav-item.rvs-active:hover, .rvs-container .rvs-nav-item.rvs-active:focus, a.btn:hover, .btn:hover, .actions .drop-down .btn:hover, .actions .drop-down .btn:focus, .drop-down:hover>#button-manage, a.btn:focus, .btn:focus, span.alert, .arrow-box:hover {\n\t\tfilter: drop-shadow(1px 1px 3px #bd0707);\n\t}\n\t.home-trending ul.tiles ul.inline-list a:hover, .arrowlist a:hover, .widget-download-links .btn:hover, .widget-download-links .btn:focus, .popup-register-copy p a:hover, .popup .info-content a:hover, ol.pick-page a:hover, p#opening a:hover, .add-file p a:hover, .tabcontent a:hover, dd a:hover, article a:hover, article a:focus, article a:active, .sideitem a:hover, ul.post-meta a:hover, .article-copy p a:hover, #mobile-fav .mobile-header a:hover, .quote-meta a:hover, .tiles .author a:hover, .comment-name a:hover, ul.comment-inline a:hover, article p a:hover, #copyright a:hover, a.fav-edit:hover, #name a:hover, ul#breadcrumb li a:hover, a.clear-cat:hover, .tiles .category a:hover, nav#menu .wrap ul li.nav-games ul li a:hover, #rj-sitemap ul li a:hover {\n\t\ttext-shadow: 1px 1px 5px #d50707;\n\t}\n\t.home-trending ul.tiles ul.inline-list a, .arrowlist a, .popup-register-copy p a, .popup .info-content a, ol.pick-page a, p#opening a, .add-file p a, .tabcontent a, dd a, article a, .sideitem a, ul.post-meta a, .article-copy p a, #mobile-fav .mobile-header a, .quote-meta a, .comment-name a, ul.comment-inline a, article p a, #copyright a, a.fav-edit, .tiles .author a, a.clear-cat, ul#breadcrumb li a, .topnav ul.global li a:hover, nav#menu .wrap ul li ul li a:hover, nav#menu .wrap ul li.nav-games ul li a, div.container a, ul.sublist li a:hover, div.container .actions ul.sublist li a:hover, a.view-all:hover, .featured-article h2 a:hover, .tiles .tile-desc h3 a:hover, .tiles .category a, .tiles .tile-data ul li a:hover, ul.tracking-author-options li a:hover, .file-manage-title h3 a:hover, #sitemap ul.footlinks li a:hover, ul#mobile-primary li#mobile-updates .updatedesc a, #name a, .stat-endorsements a:link, .stat-endorsements a:visited, .stat-endorsements a:active, .user-list-details a, .category-item a .category-name, li .log-modified a, li .log-modified a:visited, .category-item a:visited .category-name, .breadcrumb a, #ajgpermalink, a.theme-link, .gsearch_results_list li.active h3, .top-lists-links a:link, .top-lists-links a:visited, .notification-actions a.set-notification-read, .notification-actions a.set-notification-read:visited {\n\t\ttext-shadow: 1px 1px 2px #bd0707;\n\t}",
"start": 43881,
"urlPrefixes": [
"https://www.nexusmods.com/darkestdungeon"
]
},
{
"code": "/*Battlefront2_2017*/\n\tbody::before {\n\t\tbackground-image: url('https://images7.alphacoders.com/824/thumb-1920-824123.jpg');\n\t}",
"start": 49493,
"urlPrefixes": [
"https://www.nexusmods.com/starwarsbattlefront22017"
]
},
{
"code": "/*RE2Remake*/\n\t:root {\n\t\t--theme-primary: #bf0000;\n\t\t--theme-primary-translucent: #bf0000d8;\n\t\t--theme-secondary: #900;\n\t\t--theme-dark: #7b0707;\n\t}\n\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/1256071.jpg');\n\t}",
"start": 49699,
"urlPrefixes": [
"https://www.nexusmods.com/residentevil22019"
]
},
{
"code": "/*RE3Remake*/\n\t:root {\n\t\t--theme-primary: rgb(233, 33, 17);\n\t\t--theme-primary-translucent: rgba(232, 32, 17, .85);\n\t\t--theme-secondary: rgb(172, 46, 35);\n\t\t--theme-dark: rgb(132, 23, 15);\n\t}\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/xytj0c6i2g441.png');\n\t}",
"start": 50018,
"urlPrefixes": [
"https://www.nexusmods.com/residentevil32020"
]
},
{
"code": "/*REVillage*/\n\tbody::before {\n\t\tbackground-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/0276f574-98ea-4e2d-ba44-68f500bf01bc/decy31o-b5746c63-250c-4a71-86e2-fa3134977f1c.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzAyNzZmNTc0LTk4ZWEtNGUyZC1iYTQ0LTY4ZjUwMGJmMDFiY1wvZGVjeTMxby1iNTc0NmM2My0yNTBjLTRhNzEtODZlMi1mYTMxMzQ5NzdmMWMuanBnIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.VnKYmU_gLkhsrLv24MGxbNKoosfdStcNqneV8CmD9o4');\n\t}",
"start": 50373,
"urlPrefixes": [
"https://www.nexusmods.com/residentevilvillage"
]
},
{
"code": "/*Valheim*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp8599076.jpg');\n\t}",
"start": 51065,
"urlPrefixes": [
"https://www.nexusmods.com/valheim"
]
},
{
"code": "/*DarkSouls2*/\n\tbody::before {\n\t\tbackground-image: url('https://cdn.wallpapersafari.com/75/54/h2igPl.jpg');\n\t}",
"start": 51239,
"urlPrefixes": [
"https://www.nexusmods.com/darksouls2"
]
},
{
"code": "/*Witcher2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3291282.jpg');\n\t}",
"start": 51420,
"urlPrefixes": [
"https://www.nexusmods.com/witcher2"
]
},
{
"code": "/*ThePhantomPain*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/4125603.jpg');\n\t}",
"start": 51602,
"urlPrefixes": [
"https://www.nexusmods.com/metalgearsolidvtpp"
]
},
{
"code": "/*NoMansSky*/\n\tbody::before {\n\t\tbackground-image: url('https://www.teahub.io/photos/full/70-704953_no-mans-sky-next-4k.jpg');\n\t}",
"start": 51784,
"urlPrefixes": [
"https://www.nexusmods.com/nomanssky"
]
},
{
"code": "/*DragonsDogma*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/364376.jpg');\n\t}",
"start": 51987,
"urlPrefixes": [
"https://www.nexusmods.com/dragonsdogma"
]
},
{
"code": "/*X-Com*/\n\tbody::before {\n\t\tbackground-image: url('https://vistapointe.net/images/xcom-enemy-unknown-11.jpg');\n\t}",
"start": 52161,
"urlPrefixes": [
"https://www.nexusmods.com/xcom"
]
},
{
"code": "/*X-Com2*/\n\tbody::before {\n\t\tbackground-image: url('https://images2.alphacoders.com/668/thumb-1920-668202.jpg');\n\t}",
"start": 52341,
"urlPrefixes": [
"https://www.nexusmods.com/xcom2"
]
},
{
"code": "/*KnightOfTheOldRepublic*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/467182.jpg');\n\t}",
"start": 52524,
"urlPrefixes": [
"https://www.nexusmods.com/kotor"
]
},
{
"code": "/*Warband*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/3206100.jpg');\n\t}",
"start": 52713,
"urlPrefixes": [
"https://www.nexusmods.com/mbwarband"
]
},
{
"code": "/*7D2D*/\n\tbody::before {\n\t\tbackground-image: url('https://images4.alphacoders.com/709/thumb-1920-709973.jpg');\n\t}",
"start": 52889,
"urlPrefixes": [
"https://www.nexusmods.com/7daystodie"
]
},
{
"code": "/*DarkSouls3*/\n\tbody::before {\n\t\tbackground-image: url('https://images5.alphacoders.com/609/609173.jpg');\n\t}",
"start": 53074,
"urlPrefixes": [
"https://www.nexusmods.com/darksouls3"
]
},
{
"code": "/*StateOfDecay*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/2192288.jpg');\n\t}",
"start": 53257,
"urlPrefixes": [
"https://www.nexusmods.com/stateofdecay"
]
},
{
"code": "/*Sekiro*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/1146370.jpg');\n\t}",
"start": 53434,
"urlPrefixes": [
"https://www.nexusmods.com/sekiro"
]
},
{
"code": "/*PathfinderKingmaker*/\n\tbody::before {\n\t\tbackground-image: url('https://wallup.net/wp-content/uploads/2017/05/29/434508-fantasy_art-artwork-Pathfinder.jpg');\n\t}",
"start": 53617,
"urlPrefixes": [
"https://www.nexusmods.com/pathfinderkingmaker"
]
},
{
"code": "/*Borderlands2*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/borderlands-2-4k-g6.jpg');\n\t}",
"start": 53853,
"urlPrefixes": [
"https://www.nexusmods.com/borderlands2"
]
},
{
"code": "/*Kenshi*/\n\tbody::before {\n\t\tbackground-image: url('https://images3.alphacoders.com/113/thumb-1920-1131614.jpg');\n\t}",
"start": 54048,
"urlPrefixes": [
"https://www.nexusmods.com/kenshi"
]
},
{
"code": "/*DivinityOriginalSin*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3622645.jpg');\n\t}",
"start": 54247,
"urlPrefixes": [
"https://www.nexusmods.com/divinityoriginalsin2"
]
},
{
"code": "/*DyingLight*/\n\tbody::before {\n\t\tbackground-image: url('https://images2.alphacoders.com/449/thumb-1920-449053.jpg');\n\t}",
"start": 54432,
"urlPrefixes": [
"https://www.nexusmods.com/dyinglight"
]
},
{
"code": "/*DyingLight2*/\n\t:root {\n\t\t--theme-primary: rgb(255, 2, 9);\n\t\t--theme-primary-translucent: rgba(255, 2, 9, .85);\n\t\t--theme-secondary: rgb(192, 10, 14);\n\t\t--theme-dark: rgb(127, 7, 10);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/BfMpm5o.jpg');\n\t}",
"start": 54624,
"urlPrefixes": [
"https://www.nexusmods.com/dyinglight2"
]
},
{
"code": "/*RDR2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/677565.jpg');\n\t}",
"start": 54972,
"urlPrefixes": [
"https://www.nexusmods.com/reddeadredemption2"
]
},
{
"code": "/*RimWorld*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3935722.png');\n\t}",
"start": 55141,
"urlPrefixes": [
"https://www.nexusmods.com/rimworld"
]
},
{
"code": "/*DarkSoulsRemastered*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3756449.jpg');\n\t}",
"start": 55324,
"urlPrefixes": [
"https://www.nexusmods.com/darksoulsremastered"
]
},
{
"code": "/*DoomEternal*/\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/i7oo37p28fb41.jpg');\n\t}",
"start": 55510,
"urlPrefixes": [
"https://www.nexusmods.com/doometernal"
]
},
{
"code": "/*DevilMayCry5*/\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/ELsSrGK.jpg');\n\t}",
"start": 55682,
"urlPrefixes": [
"https://www.nexusmods.com/devilmaycry5"
]
},
{
"code": "/*TheSims4*/\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/W2EPdqD.png');\n\t}/*My friend built auschwitz in sims 4*/",
"start": 55847,
"urlPrefixes": [
"https://www.nexusmods.com/thesims4"
]
},
{
"code": "/*AC1*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/6364321.jpg');\n\t}",
"start": 56053,
"urlPrefixes": [
"https://www.nexusmods.com/assassinscreed"
]
},
{
"code": "/*ACOdyssey*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/download/assassins-creed-odyssey-8k-nt-7680x4320.jpg');\n\t}",
"start": 56235,
"urlPrefixes": [
"https://www.nexusmods.com/assassinscreedodyssey"
]
},
{
"code": "/*GTA:SA*/\n\tbody::before {\n\t\tbackground-image: url('https://images2.alphacoders.com/112/thumb-1920-1125180.png');\n\t}",
"start": 56451,
"urlPrefixes": [
"https://www.nexusmods.com/gtasanandreas"
]
},
{
"code": "/*GTATrilogy*/\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/w0n7em07das71.png');\n\t}",
"start": 56653,
"urlPrefixes": [
"https://www.nexusmods.com/grandtheftautothetrilogy"
]
},
{
"code": "/*SubnauticaBelowZero*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3753691.jpg');\n\t}",
"start": 56831,
"urlPrefixes": [
"https://www.nexusmods.com/subnauticabelowzero"
]
},
{
"code": "/*SWJediTheFallerOrder*/\n\tbody::before {\n\t\tbackground-image: url('https://www.teahub.io/photos/full/55-557442_star-wars-jedi-fallen-order-4k-star-wars.jpg');\n\t}",
"start": 57029,
"urlPrefixes": [
"https://www.nexusmods.com/starwarsjedifallenorder"
]
},
{
"code": "/*StateOfDecay2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3024592.jpg');\n\t}",
"start": 57264,
"urlPrefixes": [
"https://www.nexusmods.com/stateofdecay2"
]
},
{
"code": "/*FC3*/\n\tbody::before {\n\t\tbackground-image: url('https://staticctf.akamaized.net/J3yJr34U2pZ2Ieem48Dwy9uqj5PNUQTn/7mt4mi2lLVpiZe0dDJLvhj/35e6267a0fbca6dbe33996bee5b6d028/far-cry-3-heroBanner.jpg');\n\t}",
"start": 57440,
"urlPrefixes": [
"https://www.nexusmods.com/farcry3"
]
},
{
"code": "/*DaysGone*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/days-gone-2019-4k-gs.jpg');\n\t}",
"start": 57710,
"urlPrefixes": [
"https://www.nexusmods.com/daysgone"
]
},
{
"code": "/*BaldursGate3*/\n\tbody::before {\n\t\tbackground-image: url('https://preview.redd.it/i1cg1etlaicb1.jpg?width=5120&format=pjpg&auto=webp&s=2cdea0bc5003f1e2edb7737c3c20ec475d93890b');\n\t}",
"start": 57907,
"urlPrefixes": [
"https://www.nexusmods.com/baldursgate3"
]
},
{
"code": "/*HaloTheMasterChiefCollection*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/510278.jpg');\n\t}",
"start": 58178,
"urlPrefixes": [
"https://www.nexusmods.com/halothemasterchiefcollection"
]
},
{
"code": "/*ReadyOrNot*/\n\t:root {\n\t\t--theme-primary: rgb(255, 255, 255);\n\t\t--theme-primary-translucent: rgba(255, 255, 255, .85);\n\t\t--theme-secondary: rgb(200, 200, 200);\n\t\t--theme-dark: rgb(139, 139, 139);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://get.wallhere.com/photo/Ready-or-Not-police-SWAT-FN-SCAR-1599523.jpg');\n\t}\n\t\n\t.headlogo svg g:nth-of-type(1) g path[style*=\"fill:#fff\"] {\n\t\tfill: #000 !important;\n\t}\n\t.headlogo svg g:nth-of-type(2) path[class=\"theme-primary\"] {\n\t\tfilter: drop-shadow(0 0 2em #f00);\n\t}\n\t[d=\"M44.4,162.5c-0.6,0-1.3,0-1.9-0.1c-1.5-0.2-2.9-0.5-4.5-1c-2.8-0.9-5.2-2.2-6.9-3.2c-3.8-2.2-7.7-4.9-11.8-8.3 c-1.8-1.5-3.6-3.1-5.3-4.7l-1.4-1.4c-1-0.9-1.9-1.9-2.6-3c-1.3-2-2.4-4.6-2.5-8c-0.1-1.1-0.2-2.2-0.2-3.4c0-2.4,0.1-5,0.5-7.5 c0.7-5.2,2.4-9.8,3.7-13.3c0.1-0.3,0.2-0.6,0.3-0.9c-0.4-0.9-0.7-1.9-1.1-2.9C8.9,99.6,7.7,93.8,7.1,88 c-0.6-6.1-0.4-12.3,0.5-18.4c0.2-1.3,0.4-2.6,0.7-3.8C5.9,62.3,2.9,57.3,1,51.5l0-0.1c-0.4-1.2-1.4-4.2-0.8-8 c0.2-1.4,0.5-2.8,1-4.3c0.9-2.8,2.2-5.1,3.2-6.8c2.2-3.8,4.9-7.6,8.2-11.7c1.5-1.8,3-3.6,4.6-5.2l1.4-1.4 c0.7-0.8,1.5-1.5,2.4-2.1c2-1.5,4.8-2.8,8.6-2.9c1.2-0.1,2.5-0.2,3.8-0.2h0.1c2.5,0,5.2,0.2,7.8,0.6c4,0.6,7.6,1.7,10.8,2.9 c2.1-0.9,4.3-1.7,6.6-2.5C64.1,8,69.9,6.8,75.7,6.4C81.8,5.9,88,6.2,93.9,7.2c1.4,0.2,2.8,0.5,4.2,0.8c4.7-3.2,9-5.5,13.5-6.9 l0.1,0c1-0.4,3.2-1.1,6.1-1.1c0.6,0,1.3,0,1.9,0.1c1.5,0.2,2.9,0.5,4.5,1c2.8,0.9,5.2,2.2,6.9,3.2c3.8,2.2,7.7,4.9,11.8,8.3 c1.8,1.5,3.6,3.1,5.3,4.7l1.4,1.4c0.7,0.6,1.4,1.3,1.9,2.1c1.8,2.3,3.2,5.6,3.3,10.2c0.1,1.6,0.1,3.3,0,5 c-0.2,3.7-0.7,7.2-1.6,10.4c-0.7,2.4-1.5,4.8-2.4,7.2c1.8,4.5,3.1,9.1,4,13.8c1.8,9.9,1.6,20.1-0.6,29.9c1.3,1.9,2.5,3.7,3.5,5.5 c1.7,3,3.1,6.1,4.1,9.3c0.4,1.2,1.3,4.2,0.7,8.2c-0.2,1.4-0.6,2.7-1.1,4.2c-1.8,5.1-4.6,9.3-7.1,12.8c-2.7,3.8-5.8,7.5-9,10.9 l-1.2,1.2c-0.7,0.8-1.5,1.5-2.4,2.2c-2,1.5-4.8,2.7-8.6,2.9c-1.2,0.1-2.5,0.2-3.8,0.2h-0.1c-2.7,0-5.4-0.2-8.2-0.7 c-4.5-0.7-8.5-2.1-12.1-3.5c-1.9,0.8-3.9,1.5-5.8,2.1c-5.6,1.7-11.5,2.8-17.4,3.1c-6.1,0.4-12.3-0.1-18.3-1.2 c-0.7-0.1-1.5-0.3-2.2-0.4c-5.2,3.7-9.8,6.1-14.6,7.7l-0.1,0C49.5,161.7,47.3,162.5,44.4,162.5L44.4,162.5z M24.6,134.1l10.6,3.7 c0.9-2.6,1-5.4,0.4-8c0,0.2,0,0.5,0.1,0.7c0,0.3,0.1,0.7,0.1,1.1c-0.1-2-0.8-4.6-2.6-7c-0.7-0.9-1.5-1.7-2.4-2.4l0.5,0.4l0.9,0.9 c-0.8-0.8-1.7-1.6-2.7-2.3L24.6,134.1L24.6,134.1z M123.7,129.4c-0.8,0.8-1.6,1.6-2.3,2.7l11.9,4.6l0-11.1c0,0,0,0,0,0 c-1.1,0-2.2,0.1-3.2,0.4c0.2,0,0.4,0,0.6,0c0.3,0,0.7-0.1,1.1-0.1c-1.8,0.1-4.2,0.7-6.4,2.1c-1.2,0.8-2.2,1.7-3.1,2.9l0.4-0.5 L123.7,129.4L123.7,129.4z M35.8,126.8c0.5,0.4,1,0.8,1.5,1.3c2.6,2.2,5,3.9,7.2,5.2c1.4-0.7,3-1.7,4.7-3 c0.5-0.3,0.9-0.7,1.4-1.1c0.3-0.2,0.5-0.5,0.8-0.7c0.1-0.1,0.3-0.3,0.4-0.4l6.2-6.3l8.4,2.9c0.3,0.1,0.6,0.2,0.8,0.3 c1.8,0.6,3.6,1,5.4,1.4c3.7,0.7,7.6,1,11.4,0.7c3.6-0.2,7.3-0.9,10.7-1.9c1.7-0.5,3.4-1.1,5-1.9c0.8-0.3,1.6-0.7,2.3-1.1 c2-1,4.3-1.6,6.6-1.6c3.6,0,6.3,1.3,7.6,2c0.4,0.2,0.8,0.4,1.3,0.5c2.5,1,5.4,2.2,8,2.6c0.4,0.1,0.9,0.1,1.3,0.2 c1.5-1.7,2.9-3.5,4.2-5.3c0.8-1.1,1.6-2.2,2.3-3.3c-0.1-0.2-0.2-0.4-0.4-0.7c-0.7-1.2-1.5-2.4-2.5-3.9c-0.3-0.5-0.7-0.9-1.1-1.4 c-0.2-0.2-0.3-0.4-0.5-0.6c-4.1-4-5.5-9.7-3.6-15.1c0.1-0.3,0.2-0.6,0.3-0.8c2.3-7.2,2.7-14.9,1.4-22.3c-0.7-3.5-1.7-7-3.2-10.3 c-0.1-0.3-0.3-0.6-0.4-0.9c-3.3-6.1-1.9-11.3-0.7-13.8c0.5-1,0.9-2.1,1.3-3.1c0.8-1.9,1.4-3.9,2-5.7c0.2-0.9,0.4-1.8,0.5-2.9 c-0.5-0.4-1-0.8-1.5-1.3c-2.7-2.2-5-3.9-7.2-5.2c-1.4,0.8-3,1.8-4.8,3c-0.5,0.4-1,0.8-1.5,1.2c-0.1,0.1-0.3,0.2-0.4,0.4 c-2.7,2.6-6.3,4-10,4c-1.8,0-3.5-0.3-5.2-1c-0.4-0.1-0.8-0.3-1.2-0.4c-1.8-0.5-3.6-1-5.5-1.3c-3.7-0.6-7.6-0.8-11.4-0.5 c-3.6,0.3-7.2,1-10.6,2.1c-1.7,0.5-3.3,1.2-4.9,1.9c-0.8,0.3-1.5,0.7-2.3,1.1L59.5,40c-2.1,1.2-4.6,1.8-7,1.8 c-2.2,0-4.4-0.5-6.5-1.5c-0.5-0.2-0.9-0.4-1.4-0.6c-2.4-1-5.3-2.1-7.8-2.4c-0.4-0.1-0.8-0.1-1.1-0.2c-0.4,0.5-0.8,1-1.2,1.4 c-2.2,2.7-3.9,5-5.2,7.3c0.7,1.4,1.7,2.9,2.9,4.7c0.3,0.5,0.7,1,1.1,1.4c0.2,0.3,0.5,0.5,0.7,0.8l5.8,6.1l-2.5,8 c-0.2,0.5-0.3,1-0.5,1.5c-0.5,1.8-0.9,3.7-1.2,5.6c-0.6,3.8-0.7,7.6-0.3,11.5c0.3,3.6,1.1,7.2,2.3,10.6c0.6,1.7,1.3,3.3,2,4.9 c0.1,0.2,0.2,0.4,0.3,0.6c2.1,4.3,2.1,9.1-0.1,13.4c-0.2,0.4-0.4,0.8-0.5,1.2c-0.4,1-0.9,2-1.3,3c-0.8,2.2-1.8,4.8-2.1,7.1 C35.9,126.3,35.8,126.6,35.8,126.8L35.8,126.8z M129.9,38.8c0.8,0.8,1.7,1.6,2.8,2.4l4.9-12.9L127,24.6c-0.9,2.6-1,5.4-0.4,8 c0-0.1,0-0.2,0-0.3c0-0.3,0-0.8,0-1.3v-0.1c0,1.5,0.5,4,2.1,6.4c0.8,1.1,1.7,2.1,2.8,3l-0.5-0.4L129.9,38.8L129.9,38.8z M29.3,26.3l0,11.1c1.1,0,2.2-0.1,3.2-0.4c-0.2,0-0.4,0-0.6,0c-0.3,0-0.7,0.1-1.1,0.1c1.8-0.1,4.2-0.7,6.4-2.1 c1.2-0.8,2.2-1.7,3.1-2.9l-0.4,0.5l-0.9,1c0.8-0.8,1.6-1.7,2.3-2.7L29.3,26.3L29.3,26.3z\"] {\n\t\tfill: rgb(255, 255, 255) !important;\n\t}\n\t.article-image ul.post-meta a, ul.post-meta a.post-category, ul.post-meta a.post-category:hover, a.post-category, div.container a.post-category, a.post-category:hover, .tabcontent a.btn, .add-file .info.error p a, .add-file .info.warning p a, div.container a:hover, ul.actions .btn, div.container a.btn, .tiles li .tile-content h3 a, a.theme-link:hover, a.theme-link:focus, div.container .expandtile a, #rj-sitemap ul li a.rj-standard-button, #rj-back-to-top.rj-hug-footer, .rj-user-nav a.rj-upload:hover, .bubble, i.fa.fa-chevron-up, .rj-vortex-button:hover, span.alert, .rj-standard-button, .page-layout .donation-wrapper form input[type=submit], .notification-indicator, .notification-preferences-body input:checked + .notification-preference-slider:before, .rj-btn.rj-btn-standard, .rj-btn:hover, .tiles .btnexpand ul li a, .tiles .view-label, a.btn, .btn, .btn:visited, .sideitem ul.tags + a.btn:hover, .modpage .sideitem a.btnsmall, .mfp-close, .title-with-pip .pip, .add-game-button, .page-layout .table table tfoot a.rj-btn[id=\"fastDownloadButton\"]{\n\t\tcolor: #000;\n\t}\n\tul.btnexpand svg {\n\t\tfill: #fff;\n\t}\n\tul.add-process li.current a, ul.add-process li.complete a, .category-item a:hover .category-name, .btn, div.container .btn a {\n\t\tcolor: #1a1a1a;\n\t}\n\tul.btnexpand:hover svg, .drop-down>.btn .icon, .icon-track, .icon-manual, .btnexpand:hover .icon-plus, .accordion dt .acc-status .icon-arrow, .fake-accordion .acc-status .icon-arrow, .icon-archive, .tile-menu svg, .icon-discussion, .icon-comment, .icon-report, .icon-nmm, .icon-plus, .icon-share, ul.btnexpand:hover svg {\n\t\tfill: #000;\n\t}\n\t[src=\"/assets/images/white_vortex.svg\"] {\n\t\tfilter: invert(1);\n\t}\n\t.rj-user-nav a.rj-upload:hover {\n\t\ttext-shadow: 0 0 4px #f00;\n\t}",
"start": 58374,
"urlPrefixes": [
"https://www.nexusmods.com/readyornot"
]
},
{
"code": "/*GOW2018*/\n\t:root {\n\t\t--theme-primary: rgb(146, 41, 41);\n\t\t--theme-primary-translucent: rgba(146, 41, 41, .85);\n\t\t--theme-secondary: rgb(146, 11, 11);\n\t\t--theme-dark: rgb(102, 0, 0);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://preview.redd.it/2mwwj73iv2211.png?auto=webp&s=9ae78d1f9180eae9f3f8b523426779d3882a900f');\n\t}\n\t\n\t.headlogo svg > g:nth-of-type(1) {\n\t\tvisibility: hidden;\n\t}\n\t#head.new-head .headlogo>div {\n\t\tposition: relative;\n\t}\n\t#head.new-head .headlogo>div::before {\n\t\tcontent: '';\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tposition: absolute;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbackground-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/14205259-3456-4d74-8583-1a0f2736b41c/dep78an-b527a6b3-d07d-4c4f-818f-e8bc5b300a75.png/v1/fill/w_1280,h_1114,strp/omega_symbol__god_of_war_2018__by_rootofalllight_dep78an-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTExNCIsInBhdGgiOiJcL2ZcLzE0MjA1MjU5LTM0NTYtNGQ3NC04NTgzLTFhMGYyNzM2YjQxY1wvZGVwNzhhbi1iNTI3YTZiMy1kMDdkLTRjNGYtODE4Zi1lOGJjNWIzMDBhNzUucG5nIiwid2lkdGgiOiI8PTEyODAifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.P4cY0Aojx7CqO43MfTr6mNMRAldo4eFeClvd9Pm6A78');\n\t\tbackground-size: 35px;\n\t\tbackground-position: center;\n\t\tbackground-position-x: 0;\n\t\tbackground-position-y: .75em;\n\t\tbackground-repeat: no-repeat;\n\t\tfilter: drop-shadow(2px 2px 0 black) drop-shadow(-1px -1px 0 black);\n\t}",
"start": 64748,
"urlPrefixes": [
"https://www.nexusmods.com/godofwar"
]
},
{
"code": "/*EldenRing*/\n\t:root {\n\t\t--theme-primary: rgb(213, 173, 62);\n\t\t--theme-primary-translucent: rgba(213, 173, 62, .85);\n\t\t--theme-secondary: rgb(179, 159, 49);\n\t\t--theme-dark: rgb(164, 141, 14);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://preview.redd.it/u7kjl5fh92571.png?auto=webp&s=3d20aa293bd80d31880d81cdf7ad4b4a0a8df6fd');\n\t}",
"start": 66411,
"urlPrefixes": [
"https://www.nexusmods.com/eldenring"
]
},
{
"code": "/*HogwartsLegacy*/\n\t:root {\n\t\t--theme-primary: rgb(213, 173, 62);\n\t\t--theme-primary-translucent: rgba(213, 173, 62, .85);\n\t\t--theme-secondary: rgb(179, 159, 49);\n\t\t--theme-dark: rgb(164, 141, 14);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/potn7vwaxyj91.png');\n\t}",
"start": 66825,
"urlPrefixes": [
"https://www.nexusmods.com/hogwartslegacy"
]
},
{
"code": "/*AtomicHeart*/\n\t:root {\n\t\t--theme-primary: rgb(191, 0, 0);\n\t\t--theme-primary-translucent: rgba(191, 0, 0, .85);\n\t\t--theme-secondary: rgb(153, 0, 0);\n\t\t--theme-dark: rgb(123, 7, 7);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/atomic-heart-eb.jpg');\n\t}",
"start": 67183,
"urlPrefixes": [
"https://www.nexusmods.com/atomicheart"
]
},
{
"code": "/*RE4*/\n\t:root {\n\t\t--theme-primary: rgb(233, 33, 17);\n\t\t--theme-primary-translucent: rgba(232, 32, 17, .85);\n\t\t--theme-secondary: rgb(172, 46, 35);\n\t\t--theme-dark: rgb(132, 23, 15);\n\t}\n\tbody::before {\n\t\tbackground-image: url('https://images3.alphacoders.com/594/thumb-1920-594233.jpg');\n\t}",
"start": 67550,
"urlPrefixes": [
"https://www.nexusmods.com/residentevil4"
]
},
{
"code": "/*RE4Remake*/\n\t:root {\n\t\t--theme-primary: rgb(233, 33, 17);\n\t\t--theme-primary-translucent: rgba(232, 32, 17, .85);\n\t\t--theme-secondary: rgb(172, 46, 35);\n\t\t--theme-dark: rgb(132, 23, 15);\n\t}\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/V7Udti6.jpeg');\n\t}",
"start": 67918,
"urlPrefixes": [
"https://www.nexusmods.com/residentevil42023"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name NexusMods Overhaul\n@namespace github.com/blyad2137/nexusmods-overhaul\n@version 1.1.5\n@description `Overhauls look of nexusmods to be more 'modern', from lack of better word.`\n@author blyad (https://github.com/blyad2137)\n@license CC BY-NC-SA 4.0\n@homepageURL https://github.com/blyad2137/nexusmods-overhaul\n@supportURL https://github.com/blyad2137/nexusmods-overhaul/issues\n==/UserStyle== */\n\n@-moz-document domain(\"nexusmods.com\") {\n\t\t::-webkit-scrollbar-track {\n -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);\n border-radius: 0px;\n background-color: #212121;\n }\n html[hide-scrollbar=\"true\"] ::-webkit-scrollbar{display:none}\n ::-webkit-scrollbar {\n width: 1rem;\n background-color: #212121;\n }\n ::-webkit-scrollbar-thumb {\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .6);\n background-color: var(--theme-primary) !important;\n\t\t\t border: 5px solid rgba(0, 0, 0, 0);\n\t\t\t border-radius: 10px;\n\t\t\t background-clip: padding-box;\n }\n\t\t::-webkit-scrollbar-thumb:hover {\n\t\t\t background-color: var(--theme-secondary) !important;\n\t\t\t border: 4px solid rgba(0, 0, 0, 0);\n\t\t}\n\t\t::-webkit-scrollbar-corner {\n\t\t\t background-color: #212121;\n\t\t\t border-color: #212121;\n\t\t}\n\n\tspan.tooltip.tooltipstered {\n\t\tbackground-color: #0000 !important;\n\t}\n\tbody.scheme-theme-Fallout .mod-tile-left .mod-tile-dl-status {\n\t\tbackground-color: #92ab20D8 !important;\n\t\tcolor: #fff !important;\n\t}\n\t.rj-vortex-button {\n\t\tcolor: var(--theme-primary);\n\t\tborder-color: var(--theme-primary);\n\t}\n\t.rj-vortex-button:hover {\n\t\tbackground-color: var(--theme-primary);\n\t}\n\t#rj-back-to-top.rj-hug-footer {\n\t\tbackground-color: var(--theme-primary);\n\t\tposition: absolute;\n\t}\n\ti.fa.fa-chevron-up {\n\t\ttext-align: center;\n\t\ttop: 27%;\n\t\tleft: 31%;\n\t\tmargin: 0;\n\t\tposition: absolute;\n\t}\n\t.bubble {\n\t\tbackground-color: var(--theme-secondary);\n\t}\n\t#rj-back-to-top {\n\t\tbackground-color: var(--theme-primary-translucent);\n\t}\n\t.rj-standard-button, .page-layout .donation-wrapper form input[type=submit], .notification-indicator, .notification-preferences-body input:checked + .notification-preference-slider:before, .rj-btn.rj-btn-standard, .rj-btn:hover, .add-game-button {\n\t\tbackground-color: var(--theme-primary);\n\t}\n\t.rj-standard-button:hover, .title-with-pip .pip, .rj-panel .banner {\n\t\tbackground-color: var(--theme-secondary);\n\t}\n\t.rj-panel .banner:before {\n \tborder-color: transparent transparent var(--theme-secondary) transparent;\t\n\t}\n\t.rj-panel .banner:after {\n\t\tborder-color: var(--theme-secondary) transparent transparent transparent;\n\t}\n\t[src=\"/assets/images/footer/Vortex.svg\"] {\n\t\t-webkit-mask: url(/assets/images/footer/Vortex.svg) no-repeat center;\n\t\tmask: url(/assets/images/footer/Vortex.svg) no-repeat center;\n\t\tbackground-color: var(--theme-primary);\n\t\tcontent: url('https://i.imgur.com/WFQNmEA.png');\n\t\timage-rendering: auto;\n\t}\n\t#rj-sitemap ul li a:hover, .page-layout .table table tfoot a.replaced-login-link, .page-layout .donation-wrapper > p > p > a, .page-layout .author > span, .notifications-header a, .notifications-list ul li .notification-bold, .page-layout .back-wrapper a span, .page-layout .back-wrapper a i, .page-layout tbody td:last-child, .table .orange, .rj-header-tray .rj-mobile-menu-link-section a:active:hover, .rj-header-tray .rj-mobile-menu-link-section a:link:hover, .rj-header-tray .rj-mobile-menu-link-section a:visited:hover, .rj-panel-cta, i.orange, li.rj-mobile-menu-subsection>a>div>span.upload, .page-layout .donation-wrapper > p > span.timer {\n\t\tcolor: var(--theme-primary);\n\t}\n\t.rj-orange, a:link.rj-orange, a:active.rj-orange {\n\t\tcolor: var(--theme-primary) !important;\n\t}\n\t.rj-btn, a.rj-btn, button.rj-btn {\n\t\tborder-color: var(--theme-primary);\n\t}\n\t.rj-btn.rj-btn-outline:hover, .notification-preferences-body input:checked + .notification-preference-slider, .rj-btn.rj-btn-standard:hover {\n\t\tbackground-color: var(--theme-secondary);\n\t}\n\t.rj-news-items .news-item .news-img-wrapper {\n\t\tbackground: linear-gradient(to top,transparent,var(--theme-primary));\n\t}\n\t#qs_close:hover {\n\t\tcolor: var(--theme-primary);\n\t\tborder-color: rgba(44, 43, 43, .38);\n\t}\n\t#qs_pagination a {\n\t\tborder-color: rgba(44, 43, 43, .38);\n\t}\n\n\n\t.static .wrap:first-of-type {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.static .wrap {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.tabcontent {\n\t\tbackground-color: rgba(68, 68, 68, .38);\n\t}\n\tul.modtabs {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\tul.modtabs li {\n\t\tbackground-color: transparent;\n\t}\n\tul.modtabs li a.selected {\n\t\tbackground-color: rgba(68, 68, 68, .38);\n\t\tborder-right-color: rgba(76, 76, 76, .38);\n\t}\n\tul.modtabs li a:last-of-type:hover {\n\t\tborder-right-color: rgba(65, 65, 65, .38);\n\t}\n\tul.modtabs li a {\n\t\tborder-right-color: rgba(61, 61, 61, .38);\n\t}\n\tul.modtabs li a:hover {\n\t\tbackground-color: rgba(65, 65, 65, .38);\n\t}\n\t.mod-tile .mod-tile-left {\n\t\tbackground-color: transparent;\n\t\tbox-shadow: inset 0 0 20px rgba(56, 56, 56, .8);\n\t}\n\tli.mod-tile > .mod-tile-left > .tile-data {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t\tbox-shadow: inset 0 0 20px rgba(56, 56, 56, .8);\n\t}\n\t.tiles .fadeoff {\n\t\tbackground: -webkit-linear-gradient(top,rgba(56,56,56,0) 0,rgba(56,56,56,.8) 100%);\n\t\tbackground: linear-gradient(to bottom,rgba(56,56,56,0) 0,rgba(56,56,56,.8) 100%);\n\t}\n\tbody .home-intro, .collections-banner-outer-wrapper-trigger .collections-banner-wrapper {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\tul.tiles li.article-tile .mod-tile-left {\n\t\tbackground-color: transparent;\n\t\tbox-shadow: inset 0 0 30px rgba(56, 56, 56, .8);\n\t}\n\tli.article-tile > .mod-tile-left > .tile-data {\n\t\tbackground-color: rgba(45, 45, 45, .5);\n\t\tbox-shadow: inset 0 0 20px rgba(56, 56, 56, .8);\n\t}\n\t.modimages {\n\t\tbackground-color: rgba(32, 32, 32, .38);\n\t}\n\t.modpage .col-1-1.info-details {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.modpage>.wrap {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.modpage .sideitems {\n\t\tborder-bottom-color: rgba(56, 56, 56, .38);\n\t}\n\t.modpage .col-1-1:not(.popup-bugreport > .col-1-1):not(.popup-mod-tagging .col-1-1):not(.popup-js .col-1-1):not(.form-section-content .col-1-1) {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t}\n .popup-js .col-1-1 {\n background-color: transparent;\n }\n\t.accordion dt:hover {\n\t\tbackground-color: rgba(65, 65, 65, .38);\n\t}\n\t.accordion dt {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\t.accordion dt.accopen {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.accordion dd {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\t.table th.table-require-notes:hover, .table th.table-compat-notes:hover, .table th.table-translation-notes:hover {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.table th:hover {\n\t\tbackground: rgba(65, 65, 65, .38);\n\t}\n\t.table th, .table td {\n\t\tborder-right-color: rgba(73, 73, 73, .38);\n\t}\n\t.table th {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.tabcontent-mod-page .accordionitems .table td {\n\t\tborder-right-color: rgba(91, 91, 91, .38);\n\t\tborder-top-color: rgba(91, 91, 91, .38);\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t}\n\t.comments .comment-head {\n\t\tbackground-color: rgba(29, 29, 29, .38);\n\t\tborder-bottom-color: rgba(0, 0, 0, .38);\n\t}\n\t.comments>ol>li {\n\t\tbackground-color: rgba(35, 35, 35, .38);\n\t\tborder-color: rgba(0, 0, 0, .38);\n\t}\n\t.comments>ol>li ol>li {\n\t\tbackground-color: rgba(69, 69, 69, .38);\n\t\tborder-color: rgba(0, 0, 0, .38);\n\t}\n\t.edit-article-desc, .articlepage article {\n\t\tbackground-color: transparent;\n\t}\n\tsection#rj-vortex {\n\t\tborder-top-color: rgba(93, 93, 93, .38);\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t#rj-footer {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t\ttext-shadow: 1px 1px 1px #000000b8;\n\t}\n\t#rj-footer svg, #rj-footer img {\n\t\tfilter: drop-shadow(1px 1px 1px #000);\n\t}\n\tfigure.quote {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\tfigure.quote .icon-quote {\n\t\tfill: rgba(101, 101, 102, .38);\n\t}\n\t.col-1-1>.container, .modpage.mediapage .container.comments {\n\t\tbackground: rgba(76, 76, 76, 0);\n\t}\n\t.mod-tile > div {\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: -610px -120px, 0 0;\n\t\tbackground-image: -webkit-linear-gradient(top left,rgba(255, 255, 255, .1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\tbackground-image: -moz-linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, .1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%); \n\t\tbackground-image: -o-linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\tbackground-image: linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\t-moz-background-size: 250% 250%, 100% 100%;\n\t\tbackground-size: 250% 250%, 100% 100%;\n\t\t-webkit-transition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\t-moz-transition: background-position, transform, text-shadow, box-shadow 0s ease-in; \n\t\t-o-transition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\ttransition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\ttransition-duration: 0.1s\n\t}\n\t#mod-list .mod-tile > div:hover {\n\t\tbackground-position: 0 0, 0 0;\n\t\t-webkit-transition-duration: 0.4s;\n\t\t-moz-transition-duration: 0.4s;\n\t\ttransition-duration: 0.4s;\n\t\ttransform: scale(1.035);\n\t\ttext-shadow: 1px 1px 1px #000;\n\t\tbox-shadow: 0 0 1px #000;\n\t}\n\t.article-tile > div {\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: -810px -120px, 0 0;\n\t\tbackground-image: -webkit-linear-gradient(top left,rgba(255, 255, 255, .1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\tbackground-image: -moz-linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, .1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%); \n\t\tbackground-image: -o-linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\tbackground-image: linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\t-moz-background-size: 250% 250%, 100% 100%;\n\t\tbackground-size: 250% 250%, 100% 100%;\n\t\t-webkit-transition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\t-moz-transition: background-position, transform, text-shadow, box-shadow 0s ease-in; \n\t\t-o-transition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\ttransition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\ttransition-duration: 0.1s\n\t}\n\t.article-tile > div:hover {\n\t\tbackground-position: 0 0, 0 0;\n\t\t-webkit-transition-duration: 0.4s;\n\t\t-moz-transition-duration: 0.4s;\n\t\ttransition-duration: 0.4s;\n\t\ttransform: scale(1.035);\n\t\ttext-shadow: 1px 1px 1px #000;\n\t\tbox-shadow: 0 0 1px #000;\n\t}\n\t.activity-desc {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\tul.activity>li {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\tul.rj-mobile-menu-subsections, #head .rj-header-wrap .rj-header-left, #head .rj-header-wrap .rj-header-right, .game-home-link {\n\t\tbackground-color: transparent;\n\t}\n\t#head.new-head {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t}\n\t#head.new-head::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t#head .rj-header-wrap {\n\t\tposition: relative;\n\t}\n\t.rj-nav-item:hover, .rj-nav-item.active {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t}\n\tform.rj-search .search-button, form.rj-search .rj-search-input {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: #e8e8e8;\n\t}\n\t.rj-search-category-dropdown {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t\tcolor: #e8e8e8;\n\t}\n\t.rj-search-category-option:hover {\n\t\tbackground-color: rgba(255, 255, 255, .08);\n\t}\n\t.rj-header-wrap.rj-search-active .search-button {\n\t\tbackground-color: rgba(51, 51, 51, .38);\n\t}\n\t#qs_results {\n\t\tbackground: rgba(44, 43, 43, .38);\n\t}\n\t#gsearch_results {\n\t\tborder-color: rgba(37, 37, 37, .38);\n\t\tbackground: rgba(45, 45, 45, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t\tbox-shadow: inset 0 0 20rem 1rem rgba(0, 0, 0, .38);\n\t}\n\t#qsearch_results {\n\t\tborder-color: rgba(0, 0, 0, .38);\n\t}\n\t.gsearch_results_list li {\n\t\tborder-color: rgba(37, 37, 37, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.qs_result section>div {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\t.qs_result .stats {\n\t\tbackground-color: transparent;\n\t}\n\t.qs_result h2 {\n\t\tbackground: linear-gradient(to right,rgba(56, 56, 56, .38) 0,rgba(37, 37, 37, .38) 100%);\n\t}\n\t.gsearch_results_list li.active h2 {\n\t\tbackground: linear-gradient(to right,rgba(56, 56, 56, .38) 0,rgba(44, 43, 43, .38) 100%);\n\t}\n\t.premium-banner {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t.premium-banner > span, .premium-banner > i {\n\t\tcolor: #fff;\n\t}\n\t.select2-container--default .select2-selection--single {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t.select2-container--default .select2-selection--single .select2-selection__rendered {\n\t\tcolor: #bbb;\n\t}\n\t.select2-container--default .select2-selection--single .select2-selection__arrow b {\n\t\tborder-color: #777 transparent transparent transparent;\n\t}\n\t.select2-container--default .select2-results__option[aria-selected=true], #mod-editing-content .wysibb-text-editor {\n\t\tbackground-color: rgba(68, 68, 68, .38);\n\t}\n\t.select2-dropdown {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.select2-results__option {\n\t\tcolor: #aaa;\n\t}\n\t.select2-dropdown, .select2-dropdown--below, ul.tile-upload li .add-image .tile-image {\n\t\tborder-color: rgba(76, 76, 76, .38);\n\t}\n\t.popup-mod-requirements ul {\n\t\tbackground: rgba(34, 34, 34, .38);\n\t\tborder-color: rgba(136, 136, 136, .38);\n\t}\n\t.pagination ul li a.page-selected, .pagination ul li a.page-selected:hover {\n\t\tbackground: rgba(62, 62, 62, .38);\n\t}\n\t.pagination ul li a, .pagination ul li a:hover, .pagination ul li a:focus {\n\t\tcolor: #c8c8c8;\n\t}\n\t.pagination ul li a {\n\t\tbackground-color: rgba(17, 17, 17, .38);\n\t}\n\t.pagination ul li.prev .icon-arrow-thin, .pagination ul li.next .icon-arrow-thin {\n\t\tfill: #c8c8c8;\n\t}\n\t.pagination ul li a:hover, .pagination ul li a:focus, .pagination ul li.prev a:hover, .pagination ul li.prev a:focus, .pagination ul li.next a:hover, .pagination ul li.next a:focus {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: #c8c8c8;\n\t}\n\t.select2-container--default .select2-search--dropdown .select2-search__field {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: #aaa;\n\t}\n\t.article-actions {\n\t\tbackground-color: rgba(32, 32, 32, .38);\n\t}\n\t.article-nav .article-label {\n\t\tcolor: #a9a9a9;\n\t}\n\t.article-nav ul li:hover a {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t}\n\t.article-nav ul li a {\n\t\tborder-color: rgba(86, 86, 86, .38);\n\t}\n\t.article-nav ul li a .icon-arrow-thin {\n\t\tfill: #bcbcbc;\n\t}\n\t.article-page {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t\ttext-shadow: 1px 1px 1px #000;\n\t}\n\t.article-page .comments {\n\t\tborder-color: rgba(56, 56, 56, .38);\n\t}\n\t#head.new-head .headlogo svg {\n\t\tfilter: drop-shadow(1px 1px 1px #000);\n\t}\n\t.rj-search-category {\n\t\tborder-left-color: rgba(255, 255, 255, .08);\n\t}\n\tform.rj-search.open-category-select .rj-search-category-dropdown-toggle {\n\t\tbackground-color: rgba(255, 255, 255, .08);\n\t}\n\t.rj-search-category-wrapper {\n\t\tcolor: #e8e8e8;\n\t}\n\t.select2-container--default.select2-container--disabled .select2-selection--single, .searchtext, .select2-container--default .select2-selection--multiple, .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t.searchtext {\n\t\tcolor: #bbb;\n\t}\n\tinput[type=\"checkbox\"] {\n\t\tfilter: invert(.835) hue-rotate(180deg);\n\t}\n\t.refine-results ul.choice-list, .range-area {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t}\n\ta.mod-image {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\t.mod-tile-left, figure.image_figure .fore_div img, figure.image_figure .fore_div_mods img {\n\t\tbackground-color: transparent;\n\t}\n\t.game-filter form input {\n\t\tcolor: #919191;\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t[style=\"position: absolute; top: 72px; z-index: 9999; background-color: rgb(76, 76, 76); border: 1px solid rgb(225, 225, 225); padding: 8px 16px;\"] {\n\t\tbackground-color: rgba(76, 76, 76, .38) !important;\n\t\tborder-color: rgba(17, 17, 17, .38) !important;\n\t}\n\t.canvas, ul.tile-upload li .tile-image {\n\t\tborder-color: rgba(76, 76, 76, .38);\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.date_selector {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: #bbb;\n\t}\n\t.ui-widget-content {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t\tborder-color: rgba(64, 64, 64, .38);\n\t\tcolor: #919191;\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.ui-widget-header {\n\t\tbackground-color: rgba(64, 64, 64, .38);\n\t\tborder-color: rgba(64, 64, 64, .38);\n\t\tcolor: #bbb;\n\t}\n\t.ui-datepicker select.ui-datepicker-month option, .ui-datepicker select.ui-datepicker-year option {\n\t\tbackground-color: #383838;\n\t}\n\t.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {\n\t\tbackground-color: rgba(0, 0, 0, 0);\n\t}\n\t.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {\n\t\tborder-color: rgba(51, 51, 51, .38);\n\t\tcolor: #bbb;\n\t}\n\t.btn-inactive, .btn:disabled {\n\t\tbackground-color: #565656 !important;\n\t\tcolor: #000 !important;\n\t}\n\t.btn-inactive .icon, .btn:disabled .icon {\n\t\tfill: #000;\n\t}\n\t#rj-sitemap ul li a.rj-standard-button {\n\t\tcolor: #fff;\n\t}\n\t.rj-user-nav .nav-interact .ni-background {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t}\n\tsection#rj-sitemap {\n\t\tborder-image-source: linear-gradient(to right,rgba(255,255,255,0),rgba(255, 255, 255, .38) 52%,rgba(255,255,255,0));\n\t}\n\t.rj-header-tray {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.rj-header-full-width-banner {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t}\n\t.rj-panel.rj-panel-border:hover>.rj-panel-inner {\n\t\tbackground-color: rgba(77, 79, 80, .38);\n\t}\n\t.rj-panel.rj-panel-border>.rj-panel-inner {\n\t\tbackground-color: rgba(60, 61, 63, .38);\n\t}\n\t.rj-panel.rj-panel-border {\n\t\tbackground: none;\n\t\tposition: relative;\n\t}\n\t.rj-panel.rj-panel-border::before {\n\t\tcontent: '';\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tbackground: linear-gradient(180deg,var(--theme-primary),rgba(255,255,255,0.26));\n\t\tposition: absolute;\n\t\topacity: .38;\n\t}\n\t.rj-panel.rj-panel-border:hover {\n\t\tbackground-color: rgba(255,255,255,0.18);\n\t}\n\t.rj-right-tray {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.rj-tray-section.section-dark {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t.rj-right-tray .arrow {\n\t\tborder-bottom-color: rgba(43, 45, 47, .38);\n\t}\n\t.rj-right-tray .arrow::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tfilter: blur(1rem);\n\t}\n\t.rj-tray-section.section-dark.link-section:hover {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t}\n\t.widget-mod-requirements.popup.mfp-with-anim.col-1-1.popup-mod-requirements {\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\tdiv.bbc_spoiler_content {\n\t\tbackground: rgba(38, 38, 38, .38);\n\t\tborder-color: rgba(59, 59, 59, .38);\n\t}\n\t.notifications-header, .notification-preferences-header {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t}\n\t.notifications-list, .notification-load-more, .notification-preferences-menu {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t#featured #nofeature #pagetitle {\n\t\tbackground: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.38) 100%);\n\t\tbackground: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.38) 100%);\n\t}\n\t.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {\n\t\tcolor: #ccc !important;\n\t\tborder-color: rgba(103, 103, 103, .38);\n\t\tbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .38)), color-stop(100%, rgba(60, 60, 60, .38)));\n\t\tbackground: -webkit-linear-gradient(top, rgba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t\tbackground: -moz-linear-gradient(top, rgba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t\tbackground: -ms-linear-gradient(top, rgba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t\tbackground: -o-linear-gradient(top, rgba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t\tbackground: linear-gradient(to bottom, gba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t}\n\t.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {\n\t\tcolor: #999 !important;\n\t}\n\t.dataTables_wrapper .dataTables_paginate .paginate_button:hover {\n\t\tborder-color: rgba(17, 17, 17, .38);\n\t\tbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(88, 88, 88, .38)), color-stop(100%, rgba(17, 17, 17, .38)));\n\t\tbackground: -webkit-linear-gradient(top, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t\tbackground: -moz-linear-gradient(top, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t\tbackground: -ms-linear-gradient(top, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t\tbackground: -o-linear-gradient(top, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t\tbackground: linear-gradient(to bottom, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t}\n\t.dataTables_filter input, input.form-field, textarea.form-textarea {\n\t\tcolor: #aaa !important;\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\ttable.dataTable tbody tr, .form-section-content .select2-container--default .select2-selection--single {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\ttd.tracking-mod .tracking-icon {\n\t\tbackground: rgba(45, 45, 45, .38);\n\t}\n\t.table td {\n\t\tborder-top-color: rgba(73, 73, 73, .38);\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\ttable.dataTable.no-footer {\n\t\tborder-bottom-color: rgba(17, 17, 17, .38);\n\t}\n\ttable.dataTable thead th, table.dataTable thead td {\n\t\tborder-bottom-color: rgba(17, 17, 17, .38);\n\t}\n\t.form-section-content, .media-section-content {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\t.form-section header, textarea.application-key, .application-image-container {\n\t\tbackground: rgba(45, 45, 45, .38);\n\t}\n\t.line {\n\t\tborder-bottom-color: rgba(225, 225, 225, .38);\n\t}\n\t.page-layout .donation-panel {\n\t\tborder-color: rgba(136, 136, 136, .38);\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t.page-layout .donation-wrapper form input[type=text] {\n\t\tcolor: #e0e0e0;\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t.page-layout .donation-wrapper form .form-group > span {\n\t\tcolor: #e0e0e0;\n\t}\n\tul.add-process li, ul.add-process li a, .add-process li.disabled a:hover, .add-process li.disabled a:hover span {\n\t\tcolor: #bcbcbc;\n\t}\n\t.rj-btn.rj-btn-outline, .rj-btn.rj-btn-standard {\n\t\ttext-shadow: 1px 1px 1px #000;\n\t}\n\tdiv#mainContent > .tabcontent.tabcontent-mod-page[aria-live=\"assertive\"] {\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.forum-bugs td.bug-comment {\n\t\tbackground-color: rgba(32, 32, 32, .38);\n\t}\n\t.forum-bugs .comments>ol>li:first-of-type:before {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.info.warning {\n\t\tbackground-color: transparent;\n\t\tposition: relative;\n\t}\n\t.info.warning.site-notice {\n\t\tbackground-color: #d5632d;\n\t}\n\t.info .info-content::before:not(.form-user-upload) {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\tmargin: 0;\n\t\tbackground-color: var(--theme-primary);\n\t\topacity: .38;\n\t\tz-index: 2;\n\t}\n\t.info .info-content::after:not(.form-user-upload) {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\tmargin: 0;\n\t\tbackdrop-filter: blur(1rem);\n\t\tz-index: 0;\n\t}\n\t.info .info-content > h3, .info .info-content > p, .info > svg, .info {\n\t\tz-index: 3;\n\t\tposition: relative;\n\t\ttext-shadow: 1px 1px 1px #000000ba;\n\t}\n\tinput#user_login, input#password, input#otp_attempt, input#real_name, select {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: rgba(255, 255, 255, .6);\n\t}\n\tdiv.floating-label label, .password-group input[type=password]~.password-toggle>i, .password-group input[type=text]~.password-toggle>i {\n\t\tcolor: rgba(255, 255, 255, .6);\n\t}\n\t.password-group .password-toggle {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t.password-group .password-toggle:focus {\n\t\tbackground-color: rgba(51, 51, 51, .38);\n\t}\n\t.jumbotron {\n\t\tbackground-color: rgb(41, 44, 47);\n\t}\n\t#game-blurb {\n\t\tborder-top-color: rgba(255, 255, 255, .38);\n\t}\n\t.btn-active, #graph-widget-container .active {\n\t\tbackground-color: rgba(40, 40, 40, .38) !important;\n\t}\n\t.edit-mod-step:hover, .edit-mod-step:focus {\n\t\tbackground-color: rgba(40, 40, 40, .38);\n\t}\n\t.popup-bugreport.popup.mfp-with-anim.col-1-1 > .col-1-1, .wysibb, textarea#add-bugreport-post {\n\t\tbackground-color: transparent;\n\t}\n\t.wysibb .wysibb-text {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\t.wysibb {\n\t\tborder-color: #444;\n\t\tcolor: #fff;\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover .fonticon {\n\t\tcolor: #fff;\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover {\n\t\tbackground-color: rgba(17, 17, 17, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container {\n\t\tborder-color: #444;\n\t}\n\t#wbbmodal .wbbm {\n\t\tbackground: rgba(0, 0, 0, .38);\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t\tbox-shadow: 0 0 5px rgba(51, 51, 51, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t#wbbmodal .wbbm-title {\n\t\tcolor: #ccc;\n\t\tborder-color: rgba(51, 51, 51, .38);\n\t}\n\t#wbbmodal .div-modal-text {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tcolor: #919191;\n\t}\n\t#wbbmodal .wbbm-inp-row label {\n\t\tcolor: #919191;\n\t}\n\t#wbbmodal .wbbm-inp-row input {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tcolor: #919191;\n\t\tbackground-color: transparent;\n\t}\n\t#wbbmodal .wbbm-bottom {\n\t\tbackground-color: rgba(1, 1, 1, .38);\n\t\tborder-color: rgba(51, 51, 51, .38);\n\t}\n\t#wbbmodal .wbb-cancel-button:hover {\n\t\tbackground: rgba(0, 0, 0, .38);\n\t\tborder-color: rgba(51, 51, 51, .38);\n\t}\n\t#wbbmodal .wbb-cancel-button {\n\t\tbackground: rgba(5, 5, 5, .38);\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t\tcolor: #ccc;\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on:hover, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:active {\n\t\tbackground: rgba(51, 51, 51, .38);\n\t\tbox-shadow: inset 0 0 3px rgba(85, 85, 85, .38);\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on .fonticon {\n\t\tcolor: #fff;\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .fonticon {\n\t\tcolor: #ccc;\n\t\ttext-shadow: 0 1px 0 rgba(0, 0, 0, .38);\n\t}\n\t.wysibb .wysibb-toolbar {\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select:hover, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown:hover, .wbb-select .option:hover, .wbb-list .nc:hover {\n\t\tbackground-color: rgba(17, 17, 17, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select.on, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select.on:active {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tbackground: rgba(51, 51, 51, .38);\n\t\tbox-shadow: inset 0 0 3px rgba(85, 85, 85, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .wbb-list {\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t\tbox-shadow: 0 0 3px rgba(85, 85, 85, .38);\n\t\tbackground: rgba(0, 0, 0, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.wbb-list .nc, .comment-reply textarea {\n\t\tcolor: #999;\n\t}\n\t.wbb-list .sc {\n\t\tborder-color: rgba(0, 0, 0, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown.on, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown.on:active {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tbackground: rgba(51, 51, 51, .38);\n\t\tbox-shadow: inset 0 0 3px rgba(85, 85, 85, .38);\n\t}\n\t.popup {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\tbody.rails-default-error-page {\n\t\tbackground-color: #2b2d2f;\n\t}\n\t.rails-default-error-page div.dialog > div {\n\t\tborder-color: #444;\n\t\tborder-top-color: #B00100;\n\t\tborder-right-color: #666;\n\t\tborder-left-color: #666;\n\t\tborder-bottom-color: #555;\n\t\tbackground-color: #383838;\n\t}\n\t.rails-default-error-page div.dialog > p {\n\t\tbackground-color: #414141;\n\t\tborder-color: #555;\n\t\tborder-right-color: #666;\n\t\tborder-left-color: #666;\n\t\tborder-bottom-color: #666;\n\t\tborder-top-color: #383838;\n\t\tcolor: #999;\n\t}\n\t.rails-default-error-page h1 {\n\t\tcolor: #910;\n\t}\n\t.grey, .comments figure.quote {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t}\n\t.comments>ol>li ol>li .comment-head {\n\t\tbackground-color: rgba(69, 69, 69, .38);\n\t}\n\t.comment-content-text code {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t\tborder-color: rgba(136, 136, 136, .38);\n\t}\n\tdiv#nofeature {\n\t\tbackground-image: none !important;\n\t\tposition: relative;\n\t}\n\tdiv#nofeature::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tbackground-image: url('/assets/images/default/bg_default.jpg');\n\t\tbackground-size: cover;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\topacity: .38;\n\t\tz-index: -1;\n\t}\n\tbody .home-intro {\n\t\tposition: relative;\n\t\tbackground-image: none;\n\t}\n\tbody .home-intro::after {\n\t\tcontent: '';\n\t\tbackground-image: url('/assets/images/default/bg_game_header.jpg');\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: top center;\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 75%;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tz-index: -1;\n\t\topacity: .38;\n\t}\n\tbody .home-intro::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 25% !important;\n\t\tmax-height: 25% !important;\n\t\tleft: 0;\n\t\ttop: 38.05em;\n\t\tbackground-image: -webkit-linear-gradient(top, #2d2d2d 2%, #0000 100%);\n\t\tz-index: -1;\n\t\topacity: .38;\n\t}\n\t.rj-btn.rj-btn-secondary[id=\"slowDownloadButton\"]:hover {\n\t\tbackground-color: rgba(77, 77, 77, .38);\n\t}\n\t.rj-btn.rj-btn-secondary[id=\"slowDownloadButton\"] {\n\t\tcolor: #ddd;\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t}\n\t.subnav, .drop-down:hover>.btn {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\tul.sublist li a, div.container .actions ul.sublist li a {\n\t\tcolor: #a6a6a6;\n\t}\n\tinput#user_name, input#password_confirmation {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: rgba(255, 255, 255, .6);\n\t}\n\t.password-help {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t\tcolor: #dadcdb;\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.password-help>.arrow {\n\t\tborder-bottom-color: rgba(34, 34, 34, .38);\t\n\t}\n\t.password-help .password-condition.password-condition-success>div {\n\t\tcolor: rgba(255, 255, 255, .4);\n\t}\n\t.main.vortex-and-nmm {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.bg-vortex-pattern, .sso-container {\n\t\tbackground: none;\n\t\tposition: relative;\n\t}\n\t.bg-vortex-pattern::before, .sso-container::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground: url('/bootstrap/images/vortex/bg/vortex-bg.jpg');\n\t\topacity: .38;\n\t\ttop: 0;\n\t\tleft: 0;\n\t}\n\t.bg-dark, .article-image {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.popup-mod-tagging .col-1-1, ul.add-process {\n\t\tbackground-color: transparent;\n\t}\n\ttextarea.problem-description {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\tselect.form-field {\n\t\tcolor: #919191;\n\t}\n\toption {\n\t\tbackground-color: #2c2d2d;\n\t\tcolor: #919191;\n\t}\n\t.recent-files a {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\t.recent-files a:hover {\n\t\tbackground-color: rgba(42, 42, 42, .38);\n\t}\n\t.nexus-ui-blocker-message-box, dd.changelog ul.change-logs>li:nth-child(odd), div.changelog ul.change-logs>li:nth-child(odd) {\n\t\tbackground-color: transparent;\n\t}\n\t.tabcontent:before, .loading-wheel {\n\t\tfilter: drop-shadow(0 0 5px #000);\n\t}\n\t.lg-outer .lg-inner {\n\t\tmax-height: 90vh;\n\t\twidth: 90vw;\n\t\tposition: absolute;\n\t\tmargin: 0 auto;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t}\n\t.result {\n\t\theight: auto !important;\n\t\ttop: 0 !important;\n\t}\n\tinput#change_recovery_mobile_number_current_password, input#mobile_number, input#change_recovery_mobile_number_two_fa, input#change_email_current_password, input#new_email, input#change_email_two_fa, input#new_password, input#confirm_password, input#change_password_two_fa {\n\t\tbackground-color: rgba(0,0,0,.38);\n\t\tcolor: rgba(255, 255, 255, .6);\n\t}\n\t.security-edit-page .dial-code, .security-edit-page .fake-select i {\n\t\tcolor: #d1d5d9;\n\t}\n\t.security-edit-page .fake-select {\n\t\tbackground-color: rgb(51, 51, 51);\n\t}\n\t.security-edit-page .fake-select .flag {\n\t\tcolor: #fff;\n\t}\n\tul#breadcrumb.mod-crumb, ul#breadcrumb.static-crumb {\n\t\ttext-shadow: 0 1px 1px rgba(0, 0, 0, .8);\n\t}\n\tform.rj-search .search-button i, .rj-header-wrap.rj-search-active .search-button i {\n\t\tcolor: #e8e8e8;\n\t}\n\t[href*=\"/skyrimspecialedition/mods/52177\"] figure.image_figure .fore_div_mods img {\n\t\tcontent: url('https://i.kym-cdn.com/photos/images/facebook/001/857/748/54e.jpg');\n\t\ttransform: scale(1.5) translateY(-1.2rem) translateX(.5rem);\n\t}\n\t.premium-block.background-2 {\n\t\ttransition: background 400ms cubic-bezier(0.49, 0.38, 0.41, 1.24);\n\t}\n\t.premium-block.background-2:hover {\n\t\tbackground: linear-gradient(to right, #040404, 70%, transparent), url(https://staticdelivery.nexusmods.com/Images/ad_bg_2.png) right/70% no-repeat, #040404;\n\t}\n\t.areplacer, div.clearfix[style*=\"background: #2d2d2d\"] > div, .premium-block {\n\t\tdisplay: none;\n\t}\n}\n@-moz-document domain(\"users.nexusmods.com\") {\n\t::-webkit-scrollbar-thumb {\n\t\tbackground-color: var(--orange);\n\t}\n}\n@-moz-document domain(\"help.nexusmods.com\") {\n\t::-webkit-scrollbar-thumb {\n\t\tborder-radius: 2px;\n\t\t-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 60%);\n\t\tbackground-color: #34d6ff;\n\t}\n\n\t#docsSearch {\n\t\tbackground-color: rgba(43, 45, 47);\n\t\tborder-color: rgba(65, 65, 65);\n\t}\n\tbody {\n\t\tbackground-color: #222;\n\t}\n\ttextarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {\n\t\tbackground-color: #181818;\n\t\tborder-color: rgba(65, 65, 65);\n\t\tcolor: #fff;\n\t}\n\t.category-list .category:hover {\n\t\tbackground-color: rgba(43, 45, 47);\n\t}\n\t.category-list h3 {\n\t\tcolor: #ccc;\n\t}\n\t.category-list .category {\n\t\tborder-color: rgba(65, 65, 65);\n\t}\n\t#sidebar form .search-query {\n\t\tborder-color: rgba(65, 65, 65);\n\t\tcolor: #999;\n\t}\n\t#sidebar h3, #sidebar .nav-list .active a, #sidebar .nav-list .active a:hover, #sidebar .nav-list .active a:focus, #sidebar .nav-list a:hover, #sidebar .nav-list a:focus, footer p a:hover, #fullArticle h1, #fullArticle h2, #fullArticle h3, #fullArticle h4, #fullArticle h5 {\n\t\tcolor: #ddd;\n\t}\n\t#sidebar .nav-list a, .contentWrapper p.descrip {\n\t\tcolor: #959595;\n\t}\n\t.nav-list>li>a, .nav-list .nav-header {\n\t\ttext-shadow: 0 1px 0 rgba(24, 24, 24, .5);\n\t}\n\t.contentWrapper {\n\t\tbackground-color: #181818;\n\t\tborder-color: rgba(65, 65, 65);\n\t\tcolor: #ddd;\n\t}\n\t.icon-article-doc:before {\n\t\tcolor: #676767;\n\t}\n\tselect {\n\t\tbackground-color: #181818;\n\t\tborder-color: rgba(65, 65, 65);\n\t}\n\tselect, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {\n\t\tcolor: #aaa;\n\t}\n\tfooter p a, footer p {\n\t\tcolor: #7b7b7b;\n\t}\n\t[class^=icon-], [class*=\" icon-\"], .featherlight-close-icon {\n\t\tcolor: #464646;\n\t}\n\t#fullArticle .printArticle:hover .icon-print {\n\t\tcolor: #686868;\n\t}\n\t#fullArticle table th, #fullArticle table td, #fullArticle img {\n\t\tborder-color: rgba(59, 59, 59);\n\t}\n\t#fullArticle, #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div, #fullArticle blockquote, #fullArticle dd, #fullArticle table {\n\t\tcolor: #a8a8a8;\n\t}\n\t.articleFoot p, .articleFoot time {\n\t\tcolor: #606060;\n\t}\n\t.related {\n\t\tbackground-color: #181818;\n\t\tborder-color: rgba(65, 65, 65);\n\t}\n\t.related h3 {\n\t\tcolor: #bdbdbd;\n\t}\n\t#fullArticle strong {\n\t\tcolor: #b9b9b9;\n\t}\n}\n@-moz-document domain(\"next.nexusmods.com\") {\n\t:root {\n\t\t--theme-primary: rgb(var(--primary));\n\t}\n}\n@-moz-document domain(\"wiki.nexusmods.com\") {\n\t::-webkit-scrollbar-thumb {\n\t\tborder-radius: 2px;\n\t\t-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 60%);\n\t\tbackground-color: #e6832b;\n\t}\n}\n\n@-moz-document domain(\"forums.nexusmods.com\") {\n\t\t\t::-webkit-scrollbar-thumb {\n\t\t\t\t background-color: #43bbe2\n\t\t\t}\n\t\n\tinput[type=text], input[type=password], input[type=email], select {\n\t\tbackground-color: #0000 !important;\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/fallout3\") {\n\t/*Fallout3*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/119189.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/newvegas\"), url-prefix(\"https://www.nexusmods.com/fallout4/mods/55215\"), url-prefix(\"https://www.nexusmods.com/fallout4/mods/55332\"), url-prefix(\"https://www.nexusmods.com/fallout4/mods/55382\") {\n\t/*NewVegas*/\n\tbody.scheme-theme-Fallout {\n\t\t--theme-primary: #da8e35;\n\t\t--theme-primary-translucent: #da8e35d8;\n\t\t--theme-secondary: #b4762c;\n\t\t--theme-dark: #815316;\n\t}\n\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/8qtlmjh77m511.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/fallout4\") {\n\t/*Fallout4*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/720318.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/fallout76\") {\n\t/*Fallout76*/\n\tbody::before {\n\t\tbackground-image: url('https://images7.alphacoders.com/927/thumb-1920-927080.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/morrowind\") {\n\t/*Morrowind*/\n\tbody::before {\n\t\tbackground-image: url('https://images4.alphacoders.com/242/242068.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/oblivion\") {\n\t/*Oblivion*/\n\tbody::before {\n\t\tbackground-image: url('https://cdn.wccftech.com/wp-content/uploads/2021/01/skyblivion.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/skyrim\") {\n\t/*SkyrimLE*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/skyrim-wallpaper-4k-bu.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/skyrimspecialedition\") {\n\t/*SkyrimSE*/\n\tbody::before {\n\t\tbackground-image: url('https://cdnb.artstation.com/p/assets/images/images/000/299/069/4k/Skyrim_ShrineOfTalos.jpg?1443927989');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/witcher\") {\n\t/*Witcher*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/653677.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/witcher3\") {\n\t/*Witcher3*/\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/HyZeLfQ.png');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/cyberpunk2077\") {\n\t/*Cyberpunk2077*/\n\t:root {\n\t\t--theme-primary: rgb(255, 0, 60);\n\t\t--theme-primary-translucent: rgba(255, 0, 60, .84);\n\t\t--theme-secondary: rgb(198, 21, 62);\n\t\t--theme-dark: rgb(138, 21, 48);\n\t}\n\tbody::before {\n\t\tbackground-image: url(https://wallpaperaccess.com/full/4091251.png);\n\t}\n\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/stardewvalley\") {\n\t/*StaredValley*/\n\tbody::before {\n\t\tbackground-image: url('https://i.pinimg.com/originals/b8/1a/a4/b81aa44ba47c8ebb93c4525a96904101.jpg');\n\t}\n\t\n\t#mainContent > section {\n\t\tborder-image: url('https://stardewvalleywiki.com/mediawiki/extensions/StardewValley/images/menu_border.png') 15 stretch !important;\n\t\tborder: 7px solid transparent;\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/dragonage\") {\n\t/*DragonAge*/\n\tbody::before {\n\t\tbackground-image: url('https://images3.alphacoders.com/109/109665.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/monsterhunterworld\") {\n\t/*MonsterHunterWorld*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/1926141.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/mountandblade2bannerlord\") {\n\t/*MountAndBlade2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/5671474.png');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/dragonage2\") {\n\t/*DragonAge2*/\n\tbody::before {\n\t\tbackground-image: url('https://images3.alphacoders.com/120/thumb-1920-120325.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/dragonageinquisition\") {\n\t/*DragonAgeInquisition*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/373700.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/bladeandsorcery\") {\n\t/*BlandeAndSorecry*/\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/la9po1nkaq751.png');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/darksouls\") {\n\t/*DarkSouls*/\n\tbody::before {\n\t\tbackground-image: url('https://images.alphacoders.com/278/thumb-1920-278051.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/kingdomcomedeliverance\") {\n\t/*KingdomcomeDeliverence*/\n\tbody::before {\n\t\tbackground-image: url('https://external-preview.redd.it/wJq9109DaVFax4XCnN6EnNDPSq6PBsOwtRlfnb4ldYs.jpg?auto=webp&s=234107489ff7daecfb4d852bf56035fb48849374');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/subnautica\") {\n\t/*Subnautica*/\n\tbody::before {\n\t\tbackground-image: url('https://images4.alphacoders.com/901/thumb-1920-901071.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/masseffect\") {\n\t/*ME1*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/4605441.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/masseffect2\") {\n\t/*ME2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/2467187.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/masseffect3\") {\n\t/*ME3*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/mass-effect-3-pc-version-rj.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/masseffectandromeda\") {\n\t/*MEAndromeda*/\n\tbody::before {\n\t\tbackground-image: url('https://images4.alphacoders.com/772/thumb-1920-772364.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/masseffectlegendaryedition\") {\n\t/*ME_LE*/\n\t:root {\n\t\t--theme-primary: #e61809;\n\t\t--theme-primary-translucent: #e61809d8;\n\t\t--theme-secondary: #ae180d;\n\t\t--theme-dark: #781008;\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://w.wallha.com/ws/12/1USM7sVR.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/darkestdungeon\") {\n\t/*DarkestDungeon*/\n\t:root {\n\t\t--theme-primary: #000;\n\t\t--theme-primary-translucent: #000000d8;\n\t\t--theme-secondary: #000;\n\t\t--theme-dark: #000;\n\t}\n\n\tbody::before {\n\t\tbackground-image: url('https://7wallpapers.net/wp-content/uploads/9_Darkest-Dungeon.jpg');\n\t}\n\t#head.new-head .headlogo svg, .rj-vortex-icon-wrapper, .rj-vortex-button, #rj-footer svg, #rj-footer img, ul.action-log>li, ul.btnexpand:hover, figure.quote, .comments figure.quote, .wysibb .wysibb-text blockquote, .rvs-container .rvs-nav-item.rvs-active, .rj-btn.rj-button-outline, a.rj-btn.rj-button-outline, blockquote.ipsBlockquote, .motm_position, ul.friend-actions .btn, .widget-download-links .btn, .popup-register-copy .btn, .btn.signin, .btn-more .btn, .home-buttons .btn, .btn-load, .form-section-content .btn, ul.file-actions .btn, .add-clone, .form-section .btn.btnsmall, .add-nav .btn, .modactions .btn, .mobile-close, ul.actions .btn, #foot #backtop .btn, #usernav ul li a, #footbtn .btn, form.search input.btn, ul.search-terms li:after, .accordion dt .acc-status, .fake-accordion .acc-status, .acc-status, .tiles .btnexpand ul li, ul.btnexpand:hover, ul.btnexpand:focus, .popup .mfp-close, .tiles .view-label, .tracking-highlight span.update-bar, .edit, .crop, .set-primary, ul.add-process li.current:before, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .info.callout, #mobilebtn, nav#mobilenav #mobile-user ul li a, ul#mobile-primary li a, .rvs-container .rvs-nav-item.rvs-active, .irs-bar, #head .btn, a.btn, .btn, .btn:visited, .toggle-button, .toggle-button:active, .toggle-button:visited, .rj-button-outline:hover, a.rj-button-outline:hover, .arrow-box, a.post-category.site-news, .select2-container--default .select2-results__option--highlighted[aria-selected], #rj-back-to-top.rj-hug-footer, .bubble, .rj-standard-button, ul.friend-actions .btn:hover, ul.friend-actions .btn:focus, .btn.signin:hover, .popup-register-copy .btn:hover, .popup-register-copy .btn:focus, .btn-more .btn:hover, .btn-more .btn:focus, .home-buttons .btn:hover, .home-buttons .btn:focus, .btn-load:hover, .btn-load:focus, .form-section-content .btn:hover, .form-section-content .btn:focus, ul.file-actions .btn:hover, ul.file-actions .btn:focus, .add-clone:hover, .add-clone:focus, .form-section .btn.btnsmall:hover, .form-section .btn.btnsmall:focus, .add-nav .btn:hover, .add-nav .btn:focus, .modactions .btn:hover, .modactions .btn:focus, .mobile-close:hover, .mobile-close:focus, ul.actions .btn:hover, ul.actions .btn:focus, #foot #backtop .btn:hover, #foot #backtop .btn:focus, #footbtn .btn:hover, #footbtn .btn:focus, #head .btn:hover, #head .btn:focus, #usernav ul li:hover a, #usernav ul li:focus a, form.search input.btn:hover, form.search input.btn:focus, ul.btnexpand li ul li:hover, ul.btnexpand li ul li:focus, .popup .mfp-close:hover, .popup .mfp-close:focus, .edit:hover, .edit:focus, .crop:hover, .crop:focus, .set-primary:hover, .set-primary:focus, #mobilebtn:hover, #mobilebtn:focus, .rvs-container .rvs-nav-item.rvs-active:hover, .rvs-container .rvs-nav-item.rvs-active:focus, a.btn:hover, .btn:hover, .actions .drop-down .btn:hover, .actions .drop-down .btn:focus, .drop-down:hover>#button-manage, a.btn:focus, .btn:focus, span.alert, .arrow-box:hover {\n\t\tfilter: drop-shadow(1px 1px 3px #bd0707);\n\t}\n\t.home-trending ul.tiles ul.inline-list a:hover, .arrowlist a:hover, .widget-download-links .btn:hover, .widget-download-links .btn:focus, .popup-register-copy p a:hover, .popup .info-content a:hover, ol.pick-page a:hover, p#opening a:hover, .add-file p a:hover, .tabcontent a:hover, dd a:hover, article a:hover, article a:focus, article a:active, .sideitem a:hover, ul.post-meta a:hover, .article-copy p a:hover, #mobile-fav .mobile-header a:hover, .quote-meta a:hover, .tiles .author a:hover, .comment-name a:hover, ul.comment-inline a:hover, article p a:hover, #copyright a:hover, a.fav-edit:hover, #name a:hover, ul#breadcrumb li a:hover, a.clear-cat:hover, .tiles .category a:hover, nav#menu .wrap ul li.nav-games ul li a:hover, #rj-sitemap ul li a:hover {\n\t\ttext-shadow: 1px 1px 5px #d50707;\n\t}\n\t.home-trending ul.tiles ul.inline-list a, .arrowlist a, .popup-register-copy p a, .popup .info-content a, ol.pick-page a, p#opening a, .add-file p a, .tabcontent a, dd a, article a, .sideitem a, ul.post-meta a, .article-copy p a, #mobile-fav .mobile-header a, .quote-meta a, .comment-name a, ul.comment-inline a, article p a, #copyright a, a.fav-edit, .tiles .author a, a.clear-cat, ul#breadcrumb li a, .topnav ul.global li a:hover, nav#menu .wrap ul li ul li a:hover, nav#menu .wrap ul li.nav-games ul li a, div.container a, ul.sublist li a:hover, div.container .actions ul.sublist li a:hover, a.view-all:hover, .featured-article h2 a:hover, .tiles .tile-desc h3 a:hover, .tiles .category a, .tiles .tile-data ul li a:hover, ul.tracking-author-options li a:hover, .file-manage-title h3 a:hover, #sitemap ul.footlinks li a:hover, ul#mobile-primary li#mobile-updates .updatedesc a, #name a, .stat-endorsements a:link, .stat-endorsements a:visited, .stat-endorsements a:active, .user-list-details a, .category-item a .category-name, li .log-modified a, li .log-modified a:visited, .category-item a:visited .category-name, .breadcrumb a, #ajgpermalink, a.theme-link, .gsearch_results_list li.active h3, .top-lists-links a:link, .top-lists-links a:visited, .notification-actions a.set-notification-read, .notification-actions a.set-notification-read:visited {\n\t\ttext-shadow: 1px 1px 2px #bd0707;\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/starwarsbattlefront22017\") {\n\t/*Battlefront2_2017*/\n\tbody::before {\n\t\tbackground-image: url('https://images7.alphacoders.com/824/thumb-1920-824123.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/residentevil22019\") {\n\t/*RE2Remake*/\n\t:root {\n\t\t--theme-primary: #bf0000;\n\t\t--theme-primary-translucent: #bf0000d8;\n\t\t--theme-secondary: #900;\n\t\t--theme-dark: #7b0707;\n\t}\n\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/1256071.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/residentevil32020\") {\n\t/*RE3Remake*/\n\t:root {\n\t\t--theme-primary: rgb(233, 33, 17);\n\t\t--theme-primary-translucent: rgba(232, 32, 17, .85);\n\t\t--theme-secondary: rgb(172, 46, 35);\n\t\t--theme-dark: rgb(132, 23, 15);\n\t}\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/xytj0c6i2g441.png');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/residentevilvillage\") {\n\t/*REVillage*/\n\tbody::before {\n\t\tbackground-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/0276f574-98ea-4e2d-ba44-68f500bf01bc/decy31o-b5746c63-250c-4a71-86e2-fa3134977f1c.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzAyNzZmNTc0LTk4ZWEtNGUyZC1iYTQ0LTY4ZjUwMGJmMDFiY1wvZGVjeTMxby1iNTc0NmM2My0yNTBjLTRhNzEtODZlMi1mYTMxMzQ5NzdmMWMuanBnIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.VnKYmU_gLkhsrLv24MGxbNKoosfdStcNqneV8CmD9o4');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/valheim\") {\n\t/*Valheim*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp8599076.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/darksouls2\") {\n\t/*DarkSouls2*/\n\tbody::before {\n\t\tbackground-image: url('https://cdn.wallpapersafari.com/75/54/h2igPl.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/witcher2\") {\n\t/*Witcher2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3291282.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/metalgearsolidvtpp\") {\n\t/*ThePhantomPain*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/4125603.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/nomanssky\") {\n\t/*NoMansSky*/\n\tbody::before {\n\t\tbackground-image: url('https://www.teahub.io/photos/full/70-704953_no-mans-sky-next-4k.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/dragonsdogma\") {\n\t/*DragonsDogma*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/364376.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/xcom\") {\n\t/*X-Com*/\n\tbody::before {\n\t\tbackground-image: url('https://vistapointe.net/images/xcom-enemy-unknown-11.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/xcom2\") {\n\t/*X-Com2*/\n\tbody::before {\n\t\tbackground-image: url('https://images2.alphacoders.com/668/thumb-1920-668202.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/kotor\") {\n\t/*KnightOfTheOldRepublic*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/467182.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/mbwarband\") {\n\t/*Warband*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/3206100.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/7daystodie\") {\n\t/*7D2D*/\n\tbody::before {\n\t\tbackground-image: url('https://images4.alphacoders.com/709/thumb-1920-709973.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/darksouls3\") {\n\t/*DarkSouls3*/\n\tbody::before {\n\t\tbackground-image: url('https://images5.alphacoders.com/609/609173.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/stateofdecay\") {\n\t/*StateOfDecay*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/2192288.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/sekiro\") {\n\t/*Sekiro*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/1146370.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/pathfinderkingmaker\") {\n\t/*PathfinderKingmaker*/\n\tbody::before {\n\t\tbackground-image: url('https://wallup.net/wp-content/uploads/2017/05/29/434508-fantasy_art-artwork-Pathfinder.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/borderlands2\") {\n\t/*Borderlands2*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/borderlands-2-4k-g6.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/kenshi\") {\n\t/*Kenshi*/\n\tbody::before {\n\t\tbackground-image: url('https://images3.alphacoders.com/113/thumb-1920-1131614.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/divinityoriginalsin2\") {\n\t/*DivinityOriginalSin*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3622645.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/dyinglight\") {\n\t/*DyingLight*/\n\tbody::before {\n\t\tbackground-image: url('https://images2.alphacoders.com/449/thumb-1920-449053.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/dyinglight2\") {\n\t/*DyingLight2*/\n\t:root {\n\t\t--theme-primary: rgb(255, 2, 9);\n\t\t--theme-primary-translucent: rgba(255, 2, 9, .85);\n\t\t--theme-secondary: rgb(192, 10, 14);\n\t\t--theme-dark: rgb(127, 7, 10);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/BfMpm5o.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/reddeadredemption2\") {\n\t/*RDR2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/677565.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/rimworld\") {\n\t/*RimWorld*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3935722.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/darksoulsremastered\") {\n\t/*DarkSoulsRemastered*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3756449.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/doometernal\") {\n\t/*DoomEternal*/\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/i7oo37p28fb41.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/devilmaycry5\") {\n\t/*DevilMayCry5*/\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/ELsSrGK.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/thesims4\") {\n\t/*TheSims4*/\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/W2EPdqD.png');\n\t}/*My friend built auschwitz in sims 4*/\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/assassinscreed\") {\n\t/*AC1*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/6364321.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/assassinscreedodyssey\") {\n\t/*ACOdyssey*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/download/assassins-creed-odyssey-8k-nt-7680x4320.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/gtasanandreas\") {\n\t/*GTA:SA*/\n\tbody::before {\n\t\tbackground-image: url('https://images2.alphacoders.com/112/thumb-1920-1125180.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/grandtheftautothetrilogy\") {\n\t/*GTATrilogy*/\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/w0n7em07das71.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/subnauticabelowzero\") {\n\t/*SubnauticaBelowZero*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3753691.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/starwarsjedifallenorder\") {\n\t/*SWJediTheFallerOrder*/\n\tbody::before {\n\t\tbackground-image: url('https://www.teahub.io/photos/full/55-557442_star-wars-jedi-fallen-order-4k-star-wars.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/stateofdecay2\") {\n\t/*StateOfDecay2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3024592.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/farcry3\") {\n\t/*FC3*/\n\tbody::before {\n\t\tbackground-image: url('https://staticctf.akamaized.net/J3yJr34U2pZ2Ieem48Dwy9uqj5PNUQTn/7mt4mi2lLVpiZe0dDJLvhj/35e6267a0fbca6dbe33996bee5b6d028/far-cry-3-heroBanner.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/daysgone\") {\n\t/*DaysGone*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/days-gone-2019-4k-gs.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/baldursgate3\") {\n\t/*BaldursGate3*/\n\tbody::before {\n\t\tbackground-image: url('https://preview.redd.it/i1cg1etlaicb1.jpg?width=5120&format=pjpg&auto=webp&s=2cdea0bc5003f1e2edb7737c3c20ec475d93890b');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/halothemasterchiefcollection\") {\n\t/*HaloTheMasterChiefCollection*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/510278.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/readyornot\") {\n\t/*ReadyOrNot*/\n\t:root {\n\t\t--theme-primary: rgb(255, 255, 255);\n\t\t--theme-primary-translucent: rgba(255, 255, 255, .85);\n\t\t--theme-secondary: rgb(200, 200, 200);\n\t\t--theme-dark: rgb(139, 139, 139);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://get.wallhere.com/photo/Ready-or-Not-police-SWAT-FN-SCAR-1599523.jpg');\n\t}\n\t\n\t.headlogo svg g:nth-of-type(1) g path[style*=\"fill:#fff\"] {\n\t\tfill: #000 !important;\n\t}\n\t.headlogo svg g:nth-of-type(2) path[class=\"theme-primary\"] {\n\t\tfilter: drop-shadow(0 0 2em #f00);\n\t}\n\t[d=\"M44.4,162.5c-0.6,0-1.3,0-1.9-0.1c-1.5-0.2-2.9-0.5-4.5-1c-2.8-0.9-5.2-2.2-6.9-3.2c-3.8-2.2-7.7-4.9-11.8-8.3 c-1.8-1.5-3.6-3.1-5.3-4.7l-1.4-1.4c-1-0.9-1.9-1.9-2.6-3c-1.3-2-2.4-4.6-2.5-8c-0.1-1.1-0.2-2.2-0.2-3.4c0-2.4,0.1-5,0.5-7.5 c0.7-5.2,2.4-9.8,3.7-13.3c0.1-0.3,0.2-0.6,0.3-0.9c-0.4-0.9-0.7-1.9-1.1-2.9C8.9,99.6,7.7,93.8,7.1,88 c-0.6-6.1-0.4-12.3,0.5-18.4c0.2-1.3,0.4-2.6,0.7-3.8C5.9,62.3,2.9,57.3,1,51.5l0-0.1c-0.4-1.2-1.4-4.2-0.8-8 c0.2-1.4,0.5-2.8,1-4.3c0.9-2.8,2.2-5.1,3.2-6.8c2.2-3.8,4.9-7.6,8.2-11.7c1.5-1.8,3-3.6,4.6-5.2l1.4-1.4 c0.7-0.8,1.5-1.5,2.4-2.1c2-1.5,4.8-2.8,8.6-2.9c1.2-0.1,2.5-0.2,3.8-0.2h0.1c2.5,0,5.2,0.2,7.8,0.6c4,0.6,7.6,1.7,10.8,2.9 c2.1-0.9,4.3-1.7,6.6-2.5C64.1,8,69.9,6.8,75.7,6.4C81.8,5.9,88,6.2,93.9,7.2c1.4,0.2,2.8,0.5,4.2,0.8c4.7-3.2,9-5.5,13.5-6.9 l0.1,0c1-0.4,3.2-1.1,6.1-1.1c0.6,0,1.3,0,1.9,0.1c1.5,0.2,2.9,0.5,4.5,1c2.8,0.9,5.2,2.2,6.9,3.2c3.8,2.2,7.7,4.9,11.8,8.3 c1.8,1.5,3.6,3.1,5.3,4.7l1.4,1.4c0.7,0.6,1.4,1.3,1.9,2.1c1.8,2.3,3.2,5.6,3.3,10.2c0.1,1.6,0.1,3.3,0,5 c-0.2,3.7-0.7,7.2-1.6,10.4c-0.7,2.4-1.5,4.8-2.4,7.2c1.8,4.5,3.1,9.1,4,13.8c1.8,9.9,1.6,20.1-0.6,29.9c1.3,1.9,2.5,3.7,3.5,5.5 c1.7,3,3.1,6.1,4.1,9.3c0.4,1.2,1.3,4.2,0.7,8.2c-0.2,1.4-0.6,2.7-1.1,4.2c-1.8,5.1-4.6,9.3-7.1,12.8c-2.7,3.8-5.8,7.5-9,10.9 l-1.2,1.2c-0.7,0.8-1.5,1.5-2.4,2.2c-2,1.5-4.8,2.7-8.6,2.9c-1.2,0.1-2.5,0.2-3.8,0.2h-0.1c-2.7,0-5.4-0.2-8.2-0.7 c-4.5-0.7-8.5-2.1-12.1-3.5c-1.9,0.8-3.9,1.5-5.8,2.1c-5.6,1.7-11.5,2.8-17.4,3.1c-6.1,0.4-12.3-0.1-18.3-1.2 c-0.7-0.1-1.5-0.3-2.2-0.4c-5.2,3.7-9.8,6.1-14.6,7.7l-0.1,0C49.5,161.7,47.3,162.5,44.4,162.5L44.4,162.5z M24.6,134.1l10.6,3.7 c0.9-2.6,1-5.4,0.4-8c0,0.2,0,0.5,0.1,0.7c0,0.3,0.1,0.7,0.1,1.1c-0.1-2-0.8-4.6-2.6-7c-0.7-0.9-1.5-1.7-2.4-2.4l0.5,0.4l0.9,0.9 c-0.8-0.8-1.7-1.6-2.7-2.3L24.6,134.1L24.6,134.1z M123.7,129.4c-0.8,0.8-1.6,1.6-2.3,2.7l11.9,4.6l0-11.1c0,0,0,0,0,0 c-1.1,0-2.2,0.1-3.2,0.4c0.2,0,0.4,0,0.6,0c0.3,0,0.7-0.1,1.1-0.1c-1.8,0.1-4.2,0.7-6.4,2.1c-1.2,0.8-2.2,1.7-3.1,2.9l0.4-0.5 L123.7,129.4L123.7,129.4z M35.8,126.8c0.5,0.4,1,0.8,1.5,1.3c2.6,2.2,5,3.9,7.2,5.2c1.4-0.7,3-1.7,4.7-3 c0.5-0.3,0.9-0.7,1.4-1.1c0.3-0.2,0.5-0.5,0.8-0.7c0.1-0.1,0.3-0.3,0.4-0.4l6.2-6.3l8.4,2.9c0.3,0.1,0.6,0.2,0.8,0.3 c1.8,0.6,3.6,1,5.4,1.4c3.7,0.7,7.6,1,11.4,0.7c3.6-0.2,7.3-0.9,10.7-1.9c1.7-0.5,3.4-1.1,5-1.9c0.8-0.3,1.6-0.7,2.3-1.1 c2-1,4.3-1.6,6.6-1.6c3.6,0,6.3,1.3,7.6,2c0.4,0.2,0.8,0.4,1.3,0.5c2.5,1,5.4,2.2,8,2.6c0.4,0.1,0.9,0.1,1.3,0.2 c1.5-1.7,2.9-3.5,4.2-5.3c0.8-1.1,1.6-2.2,2.3-3.3c-0.1-0.2-0.2-0.4-0.4-0.7c-0.7-1.2-1.5-2.4-2.5-3.9c-0.3-0.5-0.7-0.9-1.1-1.4 c-0.2-0.2-0.3-0.4-0.5-0.6c-4.1-4-5.5-9.7-3.6-15.1c0.1-0.3,0.2-0.6,0.3-0.8c2.3-7.2,2.7-14.9,1.4-22.3c-0.7-3.5-1.7-7-3.2-10.3 c-0.1-0.3-0.3-0.6-0.4-0.9c-3.3-6.1-1.9-11.3-0.7-13.8c0.5-1,0.9-2.1,1.3-3.1c0.8-1.9,1.4-3.9,2-5.7c0.2-0.9,0.4-1.8,0.5-2.9 c-0.5-0.4-1-0.8-1.5-1.3c-2.7-2.2-5-3.9-7.2-5.2c-1.4,0.8-3,1.8-4.8,3c-0.5,0.4-1,0.8-1.5,1.2c-0.1,0.1-0.3,0.2-0.4,0.4 c-2.7,2.6-6.3,4-10,4c-1.8,0-3.5-0.3-5.2-1c-0.4-0.1-0.8-0.3-1.2-0.4c-1.8-0.5-3.6-1-5.5-1.3c-3.7-0.6-7.6-0.8-11.4-0.5 c-3.6,0.3-7.2,1-10.6,2.1c-1.7,0.5-3.3,1.2-4.9,1.9c-0.8,0.3-1.5,0.7-2.3,1.1L59.5,40c-2.1,1.2-4.6,1.8-7,1.8 c-2.2,0-4.4-0.5-6.5-1.5c-0.5-0.2-0.9-0.4-1.4-0.6c-2.4-1-5.3-2.1-7.8-2.4c-0.4-0.1-0.8-0.1-1.1-0.2c-0.4,0.5-0.8,1-1.2,1.4 c-2.2,2.7-3.9,5-5.2,7.3c0.7,1.4,1.7,2.9,2.9,4.7c0.3,0.5,0.7,1,1.1,1.4c0.2,0.3,0.5,0.5,0.7,0.8l5.8,6.1l-2.5,8 c-0.2,0.5-0.3,1-0.5,1.5c-0.5,1.8-0.9,3.7-1.2,5.6c-0.6,3.8-0.7,7.6-0.3,11.5c0.3,3.6,1.1,7.2,2.3,10.6c0.6,1.7,1.3,3.3,2,4.9 c0.1,0.2,0.2,0.4,0.3,0.6c2.1,4.3,2.1,9.1-0.1,13.4c-0.2,0.4-0.4,0.8-0.5,1.2c-0.4,1-0.9,2-1.3,3c-0.8,2.2-1.8,4.8-2.1,7.1 C35.9,126.3,35.8,126.6,35.8,126.8L35.8,126.8z M129.9,38.8c0.8,0.8,1.7,1.6,2.8,2.4l4.9-12.9L127,24.6c-0.9,2.6-1,5.4-0.4,8 c0-0.1,0-0.2,0-0.3c0-0.3,0-0.8,0-1.3v-0.1c0,1.5,0.5,4,2.1,6.4c0.8,1.1,1.7,2.1,2.8,3l-0.5-0.4L129.9,38.8L129.9,38.8z M29.3,26.3l0,11.1c1.1,0,2.2-0.1,3.2-0.4c-0.2,0-0.4,0-0.6,0c-0.3,0-0.7,0.1-1.1,0.1c1.8-0.1,4.2-0.7,6.4-2.1 c1.2-0.8,2.2-1.7,3.1-2.9l-0.4,0.5l-0.9,1c0.8-0.8,1.6-1.7,2.3-2.7L29.3,26.3L29.3,26.3z\"] {\n\t\tfill: rgb(255, 255, 255) !important;\n\t}\n\t.article-image ul.post-meta a, ul.post-meta a.post-category, ul.post-meta a.post-category:hover, a.post-category, div.container a.post-category, a.post-category:hover, .tabcontent a.btn, .add-file .info.error p a, .add-file .info.warning p a, div.container a:hover, ul.actions .btn, div.container a.btn, .tiles li .tile-content h3 a, a.theme-link:hover, a.theme-link:focus, div.container .expandtile a, #rj-sitemap ul li a.rj-standard-button, #rj-back-to-top.rj-hug-footer, .rj-user-nav a.rj-upload:hover, .bubble, i.fa.fa-chevron-up, .rj-vortex-button:hover, span.alert, .rj-standard-button, .page-layout .donation-wrapper form input[type=submit], .notification-indicator, .notification-preferences-body input:checked + .notification-preference-slider:before, .rj-btn.rj-btn-standard, .rj-btn:hover, .tiles .btnexpand ul li a, .tiles .view-label, a.btn, .btn, .btn:visited, .sideitem ul.tags + a.btn:hover, .modpage .sideitem a.btnsmall, .mfp-close, .title-with-pip .pip, .add-game-button, .page-layout .table table tfoot a.rj-btn[id=\"fastDownloadButton\"]{\n\t\tcolor: #000;\n\t}\n\tul.btnexpand svg {\n\t\tfill: #fff;\n\t}\n\tul.add-process li.current a, ul.add-process li.complete a, .category-item a:hover .category-name, .btn, div.container .btn a {\n\t\tcolor: #1a1a1a;\n\t}\n\tul.btnexpand:hover svg, .drop-down>.btn .icon, .icon-track, .icon-manual, .btnexpand:hover .icon-plus, .accordion dt .acc-status .icon-arrow, .fake-accordion .acc-status .icon-arrow, .icon-archive, .tile-menu svg, .icon-discussion, .icon-comment, .icon-report, .icon-nmm, .icon-plus, .icon-share, ul.btnexpand:hover svg {\n\t\tfill: #000;\n\t}\n\t[src=\"/assets/images/white_vortex.svg\"] {\n\t\tfilter: invert(1);\n\t}\n\t.rj-user-nav a.rj-upload:hover {\n\t\ttext-shadow: 0 0 4px #f00;\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/godofwar\") {\n\t/*GOW2018*/\n\t:root {\n\t\t--theme-primary: rgb(146, 41, 41);\n\t\t--theme-primary-translucent: rgba(146, 41, 41, .85);\n\t\t--theme-secondary: rgb(146, 11, 11);\n\t\t--theme-dark: rgb(102, 0, 0);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://preview.redd.it/2mwwj73iv2211.png?auto=webp&s=9ae78d1f9180eae9f3f8b523426779d3882a900f');\n\t}\n\t\n\t.headlogo svg > g:nth-of-type(1) {\n\t\tvisibility: hidden;\n\t}\n\t#head.new-head .headlogo>div {\n\t\tposition: relative;\n\t}\n\t#head.new-head .headlogo>div::before {\n\t\tcontent: '';\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tposition: absolute;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbackground-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/14205259-3456-4d74-8583-1a0f2736b41c/dep78an-b527a6b3-d07d-4c4f-818f-e8bc5b300a75.png/v1/fill/w_1280,h_1114,strp/omega_symbol__god_of_war_2018__by_rootofalllight_dep78an-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTExNCIsInBhdGgiOiJcL2ZcLzE0MjA1MjU5LTM0NTYtNGQ3NC04NTgzLTFhMGYyNzM2YjQxY1wvZGVwNzhhbi1iNTI3YTZiMy1kMDdkLTRjNGYtODE4Zi1lOGJjNWIzMDBhNzUucG5nIiwid2lkdGgiOiI8PTEyODAifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.P4cY0Aojx7CqO43MfTr6mNMRAldo4eFeClvd9Pm6A78');\n\t\tbackground-size: 35px;\n\t\tbackground-position: center;\n\t\tbackground-position-x: 0;\n\t\tbackground-position-y: .75em;\n\t\tbackground-repeat: no-repeat;\n\t\tfilter: drop-shadow(2px 2px 0 black) drop-shadow(-1px -1px 0 black);\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/eldenring\") {\n\t/*EldenRing*/\n\t:root {\n\t\t--theme-primary: rgb(213, 173, 62);\n\t\t--theme-primary-translucent: rgba(213, 173, 62, .85);\n\t\t--theme-secondary: rgb(179, 159, 49);\n\t\t--theme-dark: rgb(164, 141, 14);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://preview.redd.it/u7kjl5fh92571.png?auto=webp&s=3d20aa293bd80d31880d81cdf7ad4b4a0a8df6fd');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/hogwartslegacy\") {\n\t/*HogwartsLegacy*/\n\t:root {\n\t\t--theme-primary: rgb(213, 173, 62);\n\t\t--theme-primary-translucent: rgba(213, 173, 62, .85);\n\t\t--theme-secondary: rgb(179, 159, 49);\n\t\t--theme-dark: rgb(164, 141, 14);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/potn7vwaxyj91.png');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/atomicheart\") {\n\t/*AtomicHeart*/\n\t:root {\n\t\t--theme-primary: rgb(191, 0, 0);\n\t\t--theme-primary-translucent: rgba(191, 0, 0, .85);\n\t\t--theme-secondary: rgb(153, 0, 0);\n\t\t--theme-dark: rgb(123, 7, 7);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/atomic-heart-eb.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/residentevil4\") {\n\t/*RE4*/\n\t:root {\n\t\t--theme-primary: rgb(233, 33, 17);\n\t\t--theme-primary-translucent: rgba(232, 32, 17, .85);\n\t\t--theme-secondary: rgb(172, 46, 35);\n\t\t--theme-dark: rgb(132, 23, 15);\n\t}\n\tbody::before {\n\t\tbackground-image: url('https://images3.alphacoders.com/594/thumb-1920-594233.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/residentevil42023\") {\n\t/*RE4Remake*/\n\t:root {\n\t\t--theme-primary: rgb(233, 33, 17);\n\t\t--theme-primary-translucent: rgba(232, 32, 17, .85);\n\t\t--theme-secondary: rgb(172, 46, 35);\n\t\t--theme-dark: rgb(132, 23, 15);\n\t}\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/V7Udti6.jpeg');\n\t}\n}",
"usercssData": {
"name": "NexusMods Overhaul",
"namespace": "github.com/blyad2137/nexusmods-overhaul",
"version": "1.1.5",
"description": "Overhauls look of nexusmods to be more 'modern', from lack of better word.",
"author": "blyad (https://github.com/blyad2137)",
"license": "CC BY-NC-SA 4.0",
"homepageURL": "https://github.com/blyad2137/nexusmods-overhaul",
"supportURL": "https://github.com/blyad2137/nexusmods-overhaul/issues"
},
"author": "blyad (https://github.com/blyad2137)",
"description": "Overhauls look of nexusmods to be more 'modern', from lack of better word.",
"name": "NexusMods Overhaul",
"originalDigest": "0dcd705f1d04e2d07991f300071797a047c1707d",
"_id": "9f667c49-c102-4566-8eee-9db901b54f0a",
"_rev": 1692446688887,
"installationUrl": "https://userstyles.world/style/925",
"id": 25,
"updateDate": 1692446688883
},
{
"enabled": true,
"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": 1694012975572,
"id": 33
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/youtubemusic/raw/main/src/youtubemusic.user.css",
"installDate": 1689350221716,
"sections": [
{
"code": "/* ==UserStyle==\n@name Youtube Music Catppuccin\n@namespace github.com/catppuccin/youtubemusic\n@version 0.3.0\n@description Soothing pastel theme for Youtube Music\n@author Catppuccin\n@preprocessor stylus\n@var select theme \"Theme\" [\"Latte\", \"Frappe\", \"Macchiato\", \"Mocha*\"]\n@var select accent-color \"Accent\" [\"Rosewater*\", \"Flamingo\", \"Pink\", \"Mauve\", \"Red\", \"Maroon\", \"Peach\", \"Yellow\", \"Green\", \"Teal\", \"Blue\", \"Sapphire\", \"Sky\", \"Lavender\", \"Text\"]\n==/UserStyle== */",
"start": 0
},
{
"code": "@import url(\"https://catppuccin.github.io/youtubemusic/src/macchiato.css\");\n html:not(.style-scope) {\n --ctp-accent: var(--ctp-lavender) !important;\n }",
"start": 546,
"domains": [
"music.youtube.com"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name Youtube Music Catppuccin\n@namespace github.com/catppuccin/youtubemusic\n@version 0.3.0\n@description Soothing pastel theme for Youtube Music\n@author Catppuccin\n@preprocessor stylus\n@var select theme \"Theme\" [\"Latte\", \"Frappe\", \"Macchiato\", \"Mocha*\"]\n@var select accent-color \"Accent\" [\"Rosewater*\", \"Flamingo\", \"Pink\", \"Mauve\", \"Red\", \"Maroon\", \"Peach\", \"Yellow\", \"Green\", \"Teal\", \"Blue\", \"Sapphire\", \"Sky\", \"Lavender\", \"Text\"]\n==/UserStyle== */\n\n@-moz-document domain(\"music.youtube.com\") {\n\n if (theme == \"Latte\") {\n @import url(\"https://catppuccin.github.io/youtubemusic/src/latte.css\");\n } else if (theme == \"Frappe\") {\n @import url(\"https://catppuccin.github.io/youtubemusic/src/frappe.css\");\n } else if (theme == \"Macchiato\") {\n @import url(\"https://catppuccin.github.io/youtubemusic/src/macchiato.css\");\n } else if (theme == \"Mocha\") {\n @import url(\"https://catppuccin.github.io/youtubemusic/src/mocha.css\");\n }\n \n html:not(.style-scope) { \n if (accent-color==\"Rosewater\") {\n --ctp-accent: var(--ctp-rosewater) !important;\n } else if (accent-color==\"Flamingo\") {\n --ctp-accent: var(--ctp-flamingo) !important;\n } else if (accent-color==\"Pink\") {\n --ctp-accent: var(--ctp-pink) !important;\n } else if (accent-color==\"Mauve\") {\n --ctp-accent: var(--ctp-mauve) !important;\n } else if (accent-color==\"Red\") {\n --ctp-accent: var(--ctp-red) !important;\n } else if (accent-color==\"Maroon\") {\n --ctp-accent: var(--ctp-maroon) !important;\n } else if (accent-color==\"Peach\") {\n --ctp-accent: var(--ctp-peach) !important;\n } else if (accent-color==\"Yellow\") {\n --ctp-accent: var(--ctp-yellow) !important;\n } else if (accent-color==\"Green\") {\n --ctp-accent: var(--ctp-green) !important;\n } else if (accent-color==\"Teal\") {\n --ctp-accent: var(--ctp-teal) !important;\n } else if (accent-color==\"Blue\") {\n --ctp-accent: var(--ctp-blue) !important;\n } else if (accent-color==\"Sapphire\") {\n --ctp-accent: var(--ctp-sapphire) !important;\n } else if (accent-color==\"Sky\") {\n --ctp-accent: var(--ctp-sky) !important;\n } else if (accent-color==\"Lavender\") {\n --ctp-accent: var(--ctp-lavender) !important;\n } else if (accent-color==\"Text\") {\n --ctp-accent: var(--ctp-text) !important;\n }\n }\n}",
"usercssData": {
"name": "Youtube Music Catppuccin",
"namespace": "github.com/catppuccin/youtubemusic",
"version": "0.3.0",
"description": "Soothing pastel theme for Youtube Music",
"author": "Catppuccin",
"preprocessor": "stylus",
"vars": {
"theme": {
"type": "select",
"label": "Theme",
"name": "theme",
"value": "Macchiato",
"default": "Mocha",
"options": [
{
"name": "Latte",
"label": "Latte",
"value": "Latte"
},
{
"name": "Frappe",
"label": "Frappe",
"value": "Frappe"
},
{
"name": "Macchiato",
"label": "Macchiato",
"value": "Macchiato"
},
{
"name": "Mocha",
"label": "Mocha",
"value": "Mocha"
}
]
},
"accent-color": {
"type": "select",
"label": "Accent",
"name": "accent-color",
"value": "Lavender",
"default": "Rosewater",
"options": [
{
"name": "Rosewater",
"label": "Rosewater",
"value": "Rosewater"
},
{
"name": "Flamingo",
"label": "Flamingo",
"value": "Flamingo"
},
{
"name": "Pink",
"label": "Pink",
"value": "Pink"
},
{
"name": "Mauve",
"label": "Mauve",
"value": "Mauve"
},
{
"name": "Red",
"label": "Red",
"value": "Red"
},
{
"name": "Maroon",
"label": "Maroon",
"value": "Maroon"
},
{
"name": "Peach",
"label": "Peach",
"value": "Peach"
},
{
"name": "Yellow",
"label": "Yellow",
"value": "Yellow"
},
{
"name": "Green",
"label": "Green",
"value": "Green"
},
{
"name": "Teal",
"label": "Teal",
"value": "Teal"
},
{
"name": "Blue",
"label": "Blue",
"value": "Blue"
},
{
"name": "Sapphire",
"label": "Sapphire",
"value": "Sapphire"
},
{
"name": "Sky",
"label": "Sky",
"value": "Sky"
},
{
"name": "Lavender",
"label": "Lavender",
"value": "Lavender"
},
{
"name": "Text",
"label": "Text",
"value": "Text"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Youtube Music",
"name": "Youtube Music Catppuccin",
"originalDigest": "2c8f106d5677ba960f006f0e12a54dfe18ef5e18",
"_id": "f31395a6-5945-40e7-8263-583009812a5e",
"_rev": 1689350221716,
"id": 34,
"etag": "W/\"77c73abc104b563acaed7264a9966a5598b793a9b3e5f77b74cb39b9a57e1883\""
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/nixos-search/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/nixos-search",
"installDate": 1690105698123,
"sections": [
{
"code": "/* ==UserStyle==\n@name NixOS Search Catppuccin\n@namespace github.com/catppuccin/userstyles/nixos-search\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/nixos-search\n@version 0.3.0\n@description Soothing pastel theme for NixOS Search\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/nixos-search/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue*\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */",
"start": 0
},
{
"code": "@media (prefers-color-scheme: light) {\n /* Generic */\n html,\n body {\n background-color: #eff1f5;\n color: #4c4f69;\n }\n code,\n pre {\n color: #d20f39;\n background-color: #ccd0da;\n border: none;\n }\n a,\n a:hover,\n a:focus {\n color: #7287fd;\n outline: none;\n }\n /* Navbar */\n .navbar .navbar-static-top {\n background-color: #e6e9ef;\n }\n .navbar-inner {\n background-color: #e6e9ef;\n background-image: none;\n border: 1px solid #eff1f5;\n }\n .nav-tabs {\n border-bottom: 1px solid #ccd0da;\n }\n .nav-tabs > .active > a,\n .nav-tabs > .active > a:hover,\n .nav-tabs > .active > a:focus {\n background-color: #eff1f5;\n border: 1px solid #ccd0da;\n color: #4c4f69;\n }\n .navbar .nav > li > a {\n text-shadow: none;\n color: #6c6f85;\n }\n .navbar .nav > li > a:focus,\n .navbar .nav > li > a:hover {\n color: #4c4f69;\n border: none;\n }\n .navbar .nav > .active > a,\n .navbar .nav > .active > a:hover,\n .navbar .nav > .active > a:focus {\n background-color: #ccd0da;\n color: #4c4f69;\n }\n /* Installation instructions tabs */\n .nav > li > a:hover,\n .nav > li > a:focus {\n background-color: #ccd0da;\n border: 1px solid #ccd0da;\n }\n /* \"Experimental\" label */\n .label,\n .badge {\n background-color: #7287fd;\n color: #dce0e8;\n text-shadow: none;\n }\n /* Buttons */\n .btn {\n background-color: #ccd0da;\n background-image: none;\n text-shadow: none;\n box-shadow: none;\n color: #4c4f69;\n border: 1px solid #eff1f5;\n }\n .btn:focus {\n outline: none;\n color: #4c4f69;\n background-color: #bcc0cc;\n }\n .btn:hover,\n .btn:active,\n .btn.active,\n .btn.disabled,\n .btn[disabled] {\n background-color: #bcc0cc;\n color: #4c4f69;\n }\n /* \"Sort\" menu */\n .dropdown-menu {\n background-color: #e6e9ef;\n border: 1px solid #dce0e8;\n box-shadow: 0 5px 10px #e6e9ef;\n }\n .dropdown-menu > li > a {\n color: #4c4f69;\n }\n .dropdown-menu > li > a:hover,\n .dropdown-menu > li > a:focus,\n .dropdown-submenu:hover > a,\n .dropdown-submenu:focus > a {\n background-color: #ccd0da;\n background-image: none;\n }\n .dropdown-menu .divider {\n background-color: #ccd0da;\n border-bottom: #ccd0da;\n }\n .dropdown .caret {\n border-top: 4px solid #4c4f69;\n }\n /* Overrides menu item hover color */\n .search-page > .search-results > div > :first-child > div:first-child > ul > li > a {\n color: #4c4f69;\n }\n /* Loading indicator */\n .loader {\n color: #dce0e8;\n }\n /* Input box */\n textarea,\n input[type=\"text\"],\n input[type=\"password\"],\n input[type=\"datetime\"],\n input[type=\"datetime-local\"],\n input[type=\"date\"],\n input[type=\"month\"],\n input[type=\"time\"],\n input[type=\"week\"],\n input[type=\"number\"],\n input[type=\"email\"],\n input[type=\"url\"],\n input[type=\"search\"],\n input[type=\"tel\"],\n input[type=\"color\"],\n .uneditable-input {\n background-color: #ccd0da;\n color: #4c4f69;\n border: 1px solid #eff1f5;\n }\n textarea:focus,\n input[type=\"text\"]:focus,\n input[type=\"password\"]:focus,\n input[type=\"datetime\"]:focus,\n input[type=\"datetime-local\"]:focus,\n input[type=\"date\"]:focus,\n input[type=\"month\"]:focus,\n input[type=\"time\"]:focus,\n input[type=\"week\"]:focus,\n input[type=\"number\"]:focus,\n input[type=\"email\"]:focus,\n input[type=\"url\"]:focus,\n input[type=\"search\"]:focus,\n input[type=\"tel\"]:focus,\n input[type=\"color\"]:focus,\n .uneditable-input:focus {\n border-color: #7287fd;\n box-shadow: inset 0 1px 1px #dce0e8, 0 0 8px #7287fd;\n }\n /* Fix input box placeholder text */\n textarea::placeholder,\n input[type=\"text\"]::placeholder,\n input[type=\"password\"]::placeholder,\n input[type=\"datetime\"]::placeholder,\n input[type=\"datetime-local\"]::placeholder,\n input[type=\"date\"]::placeholder,\n input[type=\"month\"]::placeholder,\n input[type=\"time\"]::placeholder,\n input[type=\"week\"]::placeholder,\n input[type=\"number\"]::placeholder,\n input[type=\"email\"]::placeholder,\n input[type=\"url\"]::placeholder,\n input[type=\"search\"]::placeholder,\n input[type=\"tel\"]::placeholder,\n input[type=\"color\"]::placeholder,\n .uneditable-input::placeholder {\n color: #6c6f85;\n }\n /* Search results */\n .search-page > .search-results > div > :nth-child(2) > li {\n border-bottom: 1px solid #ccd0da;\n }\n .search-page > .search-results > div > :nth-child(2) > li > :first-child {\n color: #7287fd;\n }\n .search-page > .search-results > div > :nth-child(2) > li.package > :nth-child(5) > :nth-child(2) ul.nav-tabs > li > a {\n color: #4c4f69;\n }\n .search-page > .search-results > div > :nth-child(2) > li.package > :nth-child(5) > :nth-child(2) pre {\n color: #4c4f69;\n background-color: #e6e9ef;\n border: none;\n }\n .search-page > .search-results > div > :nth-child(2) > li.package .result-item-show-more {\n background-color: #eff1f5;\n color: #4c4f69;\n }\n .search-page > .search-results > div > :nth-child(2) > li.package > :nth-child(3) > li {\n color: #4c4f69;\n }\n .search-page > .search-results > div > :nth-child(2) > li.package > :nth-child(5) > :nth-child(2) div.tab-content {\n border: 1px solid #ccd0da;\n }\n .search-page > .search-results > div > :nth-child(2) > li.option > :nth-child(2) > div:nth-child(2n) pre code {\n color: #4c4f69;\n background-color: #e6e9ef;\n }\n /* Search sidebar */\n .search-page ul.search-sidebar > li {\n border-color: #ccd0da;\n }\n .search-page ul.search-sidebar > li > ul > li > a {\n color: #4c4f69;\n }\n .search-page ul.search-sidebar > li > ul > li > a:hover {\n background-color: #ccd0da;\n }\n .search-page ul.search-sidebar > li > ul > li > a.selected {\n color: #dce0e8;\n background-color: #7287fd;\n }\n /* Override sidebar labels (number of packages) */\n .search-sidebar .label,\n .search-sidebar .badge {\n background-color: #ccd0da;\n color: #4c4f69;\n text-shadow: none;\n }\n /* Pager */\n .pager li > a,\n .pager li > span {\n color: #4c4f69;\n background-color: #ccd0da;\n border: none;\n border-radius: 5px;\n }\n .pager li > a:hover,\n .pager li > a:focus {\n background-color: #bcc0cc;\n transition: all;\n transition-duration: 5ms;\n }\n .pager .disabled > a,\n .pager .disabled > a:hover,\n .pager .disabled > a:focus,\n .pager .disabled > span {\n color: #4c4f69;\n background-color: #e6e9ef;\n border: none;\n border-radius: 5px;\n }\n }\n @media (prefers-color-scheme: dark) {\n /* Generic */\n html,\n body {\n background-color: #1e1e2e;\n color: #cdd6f4;\n }\n code,\n pre {\n color: #f38ba8;\n background-color: #313244;\n border: none;\n }\n a,\n a:hover,\n a:focus {\n color: #b4befe;\n outline: none;\n }\n /* Navbar */\n .navbar .navbar-static-top {\n background-color: #181825;\n }\n .navbar-inner {\n background-color: #181825;\n background-image: none;\n border: 1px solid #1e1e2e;\n }\n .nav-tabs {\n border-bottom: 1px solid #313244;\n }\n .nav-tabs > .active > a,\n .nav-tabs > .active > a:hover,\n .nav-tabs > .active > a:focus {\n background-color: #1e1e2e;\n border: 1px solid #313244;\n color: #cdd6f4;\n }\n .navbar .nav > li > a {\n text-shadow: none;\n color: #a6adc8;\n }\n .navbar .nav > li > a:focus,\n .navbar .nav > li > a:hover {\n color: #cdd6f4;\n border: none;\n }\n .navbar .nav > .active > a,\n .navbar .nav > .active > a:hover,\n .navbar .nav > .active > a:focus {\n background-color: #313244;\n color: #cdd6f4;\n }\n /* Installation instructions tabs */\n .nav > li > a:hover,\n .nav > li > a:focus {\n background-color: #313244;\n border: 1px solid #313244;\n }\n /* \"Experimental\" label */\n .label,\n .badge {\n background-color: #b4befe;\n color: #11111b;\n text-shadow: none;\n }\n /* Buttons */\n .btn {\n background-color: #313244;\n background-image: none;\n text-shadow: none;\n box-shadow: none;\n color: #cdd6f4;\n border: 1px solid #1e1e2e;\n }\n .btn:focus {\n outline: none;\n color: #cdd6f4;\n background-color: #45475a;\n }\n .btn:hover,\n .btn:active,\n .btn.active,\n .btn.disabled,\n .btn[disabled] {\n background-color: #45475a;\n color: #cdd6f4;\n }\n /* \"Sort\" menu */\n .dropdown-menu {\n background-color: #181825;\n border: 1px solid #11111b;\n box-shadow: 0 5px 10px #181825;\n }\n .dropdown-menu > li > a {\n color: #cdd6f4;\n }\n .dropdown-menu > li > a:hover,\n .dropdown-menu > li > a:focus,\n .dropdown-submenu:hover > a,\n .dropdown-submenu:focus > a {\n background-color: #313244;\n background-image: none;\n }\n .dropdown-menu .divider {\n background-color: #313244;\n border-bottom: #313244;\n }\n .dropdown .caret {\n border-top: 4px solid #cdd6f4;\n }\n /* Overrides menu item hover color */\n .search-page > .search-results > div > :first-child > div:first-child > ul > li > a {\n color: #cdd6f4;\n }\n /* Loading indicator */\n .loader {\n color: #11111b;\n }\n /* Input box */\n textarea,\n input[type=\"text\"],\n input[type=\"password\"],\n input[type=\"datetime\"],\n input[type=\"datetime-local\"],\n input[type=\"date\"],\n input[type=\"month\"],\n input[type=\"time\"],\n input[type=\"week\"],\n input[type=\"number\"],\n input[type=\"email\"],\n input[type=\"url\"],\n input[type=\"search\"],\n input[type=\"tel\"],\n input[type=\"color\"],\n .uneditable-input {\n background-color: #313244;\n color: #cdd6f4;\n border: 1px solid #1e1e2e;\n }\n textarea:focus,\n input[type=\"text\"]:focus,\n input[type=\"password\"]:focus,\n input[type=\"datetime\"]:focus,\n input[type=\"datetime-local\"]:focus,\n input[type=\"date\"]:focus,\n input[type=\"month\"]:focus,\n input[type=\"time\"]:focus,\n input[type=\"week\"]:focus,\n input[type=\"number\"]:focus,\n input[type=\"email\"]:focus,\n input[type=\"url\"]:focus,\n input[type=\"search\"]:focus,\n input[type=\"tel\"]:focus,\n input[type=\"color\"]:focus,\n .uneditable-input:focus {\n border-color: #b4befe;\n box-shadow: inset 0 1px 1px #11111b, 0 0 8px #b4befe;\n }\n /* Fix input box placeholder text */\n textarea::placeholder,\n input[type=\"text\"]::placeholder,\n input[type=\"password\"]::placeholder,\n input[type=\"datetime\"]::placeholder,\n input[type=\"datetime-local\"]::placeholder,\n input[type=\"date\"]::placeholder,\n input[type=\"month\"]::placeholder,\n input[type=\"time\"]::placeholder,\n input[type=\"week\"]::placeholder,\n input[type=\"number\"]::placeholder,\n input[type=\"email\"]::placeholder,\n input[type=\"url\"]::placeholder,\n input[type=\"search\"]::placeholder,\n input[type=\"tel\"]::placeholder,\n input[type=\"color\"]::placeholder,\n .uneditable-input::placeholder {\n color: #a6adc8;\n }\n /* Search results */\n .search-page > .search-results > div > :nth-child(2) > li {\n border-bottom: 1px solid #313244;\n }\n .search-page > .search-results > div > :nth-child(2) > li > :first-child {\n color: #b4befe;\n }\n .search-page > .search-results > div > :nth-child(2) > li.package > :nth-child(5) > :nth-child(2) ul.nav-tabs > li > a {\n color: #cdd6f4;\n }\n .search-page > .search-results > div > :nth-child(2) > li.package > :nth-child(5) > :nth-child(2) pre {\n color: #cdd6f4;\n background-color: #181825;\n border: none;\n }\n .search-page > .search-results > div > :nth-child(2) > li.package .result-item-show-more {\n background-color: #1e1e2e;\n color: #cdd6f4;\n }\n .search-page > .search-results > div > :nth-child(2) > li.package > :nth-child(3) > li {\n color: #cdd6f4;\n }\n .search-page > .search-results > div > :nth-child(2) > li.package > :nth-child(5) > :nth-child(2) div.tab-content {\n border: 1px solid #313244;\n }\n .search-page > .search-results > div > :nth-child(2) > li.option > :nth-child(2) > div:nth-child(2n) pre code {\n color: #cdd6f4;\n background-color: #181825;\n }\n /* Search sidebar */\n .search-page ul.search-sidebar > li {\n border-color: #313244;\n }\n .search-page ul.search-sidebar > li > ul > li > a {\n color: #cdd6f4;\n }\n .search-page ul.search-sidebar > li > ul > li > a:hover {\n background-color: #313244;\n }\n .search-page ul.search-sidebar > li > ul > li > a.selected {\n color: #11111b;\n background-color: #b4befe;\n }\n /* Override sidebar labels (number of packages) */\n .search-sidebar .label,\n .search-sidebar .badge {\n background-color: #313244;\n color: #cdd6f4;\n text-shadow: none;\n }\n /* Pager */\n .pager li > a,\n .pager li > span {\n color: #cdd6f4;\n background-color: #313244;\n border: none;\n border-radius: 5px;\n }\n .pager li > a:hover,\n .pager li > a:focus {\n background-color: #45475a;\n transition: all;\n transition-duration: 5ms;\n }\n .pager .disabled > a,\n .pager .disabled > a:hover,\n .pager .disabled > a:focus,\n .pager .disabled > span {\n color: #cdd6f4;\n background-color: #181825;\n border: none;\n border-radius: 5px;\n }\n }",
"start": 1015,
"domains": [
"search.nixos.org"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name NixOS Search Catppuccin\n@namespace github.com/catppuccin/userstyles/nixos-search\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/nixos-search\n@version 0.3.0\n@description Soothing pastel theme for NixOS Search\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/nixos-search/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue*\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"search.nixos.org\") {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n @media (prefers-color-scheme: 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 /* Generic */\n html,\n body {\n background-color: @base;\n color: @text;\n }\n\n code,\n pre {\n color: @red;\n background-color: @surface0;\n border: none;\n }\n\n a,\n a:hover,\n a:focus {\n color: @accent-color;\n outline: none;\n }\n\n /* Navbar */\n .navbar .navbar-static-top {\n background-color: @mantle;\n }\n\n .navbar-inner {\n background-color: @mantle;\n background-image: none;\n border: 1px solid @base;\n }\n\n .nav-tabs {\n border-bottom: 1px solid @surface0;\n }\n\n .nav-tabs > .active > a,\n .nav-tabs > .active > a:hover,\n .nav-tabs > .active > a:focus {\n background-color: @base;\n border: 1px solid @surface0;\n color: @text;\n }\n\n .navbar .nav > li > a {\n text-shadow: none;\n color: @subtext0;\n }\n\n .navbar .nav > li > a:focus,\n .navbar .nav > li > a:hover {\n color: @text;\n border: none;\n }\n\n .navbar .nav > .active > a,\n .navbar .nav > .active > a:hover,\n .navbar .nav > .active > a:focus {\n background-color: @surface0;\n color: @text;\n }\n\n /* Installation instructions tabs */\n .nav > li > a:hover,\n .nav > li > a:focus {\n background-color: @surface0;\n border: 1px solid @surface0;\n }\n\n /* \"Experimental\" label */\n .label,\n .badge {\n background-color: @accent-color;\n color: @crust;\n text-shadow: none;\n }\n\n /* Buttons */\n .btn {\n background-color: @surface0;\n background-image: none;\n text-shadow: none;\n box-shadow: none;\n color: @text;\n border: 1px solid @base;\n }\n\n .btn:focus {\n outline: none;\n color: @text;\n background-color: @surface1;\n }\n\n .btn:hover,\n .btn:active,\n .btn.active,\n .btn.disabled,\n .btn[disabled] {\n background-color: @surface1;\n color: @text;\n }\n\n /* \"Sort\" menu */\n .dropdown-menu {\n background-color: @mantle;\n border: 1px solid @crust;\n box-shadow: 0 5px 10px @mantle;\n }\n\n .dropdown-menu > li > a {\n color: @text;\n }\n\n .dropdown-menu > li > a:hover,\n .dropdown-menu > li > a:focus,\n .dropdown-submenu:hover > a,\n .dropdown-submenu:focus > a {\n background-color: @surface0;\n background-image: none;\n }\n\n .dropdown-menu .divider {\n background-color: @surface0;\n border-bottom: @surface0;\n }\n\n .dropdown .caret {\n border-top: 4px solid @text;\n }\n\n /* Overrides menu item hover color */\n .search-page\n > .search-results\n > div\n > :first-child\n > div:first-child\n > ul\n > li\n > a {\n color: @text;\n }\n\n /* Loading indicator */\n .loader {\n color: @crust;\n }\n\n /* Input box */\n textarea,\n input[type=\"text\"],\n input[type=\"password\"],\n input[type=\"datetime\"],\n input[type=\"datetime-local\"],\n input[type=\"date\"],\n input[type=\"month\"],\n input[type=\"time\"],\n input[type=\"week\"],\n input[type=\"number\"],\n input[type=\"email\"],\n input[type=\"url\"],\n input[type=\"search\"],\n input[type=\"tel\"],\n input[type=\"color\"],\n .uneditable-input {\n background-color: @surface0;\n color: @text;\n border: 1px solid @base;\n }\n\n textarea:focus,\n input[type=\"text\"]:focus,\n input[type=\"password\"]:focus,\n input[type=\"datetime\"]:focus,\n input[type=\"datetime-local\"]:focus,\n input[type=\"date\"]:focus,\n input[type=\"month\"]:focus,\n input[type=\"time\"]:focus,\n input[type=\"week\"]:focus,\n input[type=\"number\"]:focus,\n input[type=\"email\"]:focus,\n input[type=\"url\"]:focus,\n input[type=\"search\"]:focus,\n input[type=\"tel\"]:focus,\n input[type=\"color\"]:focus,\n .uneditable-input:focus {\n border-color: @accent-color;\n box-shadow:\n inset 0 1px 1px @crust,\n 0 0 8px @accent-color;\n }\n\n /* Fix input box placeholder text */\n textarea::placeholder,\n input[type=\"text\"]::placeholder,\n input[type=\"password\"]::placeholder,\n input[type=\"datetime\"]::placeholder,\n input[type=\"datetime-local\"]::placeholder,\n input[type=\"date\"]::placeholder,\n input[type=\"month\"]::placeholder,\n input[type=\"time\"]::placeholder,\n input[type=\"week\"]::placeholder,\n input[type=\"number\"]::placeholder,\n input[type=\"email\"]::placeholder,\n input[type=\"url\"]::placeholder,\n input[type=\"search\"]::placeholder,\n input[type=\"tel\"]::placeholder,\n input[type=\"color\"]::placeholder,\n .uneditable-input::placeholder {\n color: @subtext0;\n }\n\n /* Search results */\n .search-page > .search-results > div > :nth-child(2) > li {\n border-bottom: 1px solid @surface0;\n }\n\n .search-page > .search-results > div > :nth-child(2) > li > :first-child {\n color: @accent-color;\n }\n\n .search-page\n > .search-results\n > div\n > :nth-child(2)\n > li.package\n > :nth-child(5)\n > :nth-child(2)\n ul.nav-tabs\n > li\n > a {\n color: @text;\n }\n\n .search-page\n > .search-results\n > div\n > :nth-child(2)\n > li.package\n > :nth-child(5)\n > :nth-child(2)\n pre {\n color: @text;\n background-color: @mantle;\n border: none;\n }\n\n .search-page\n > .search-results\n > div\n > :nth-child(2)\n > li.package\n .result-item-show-more {\n background-color: @base;\n color: @text;\n }\n\n .search-page\n > .search-results\n > div\n > :nth-child(2)\n > li.package\n > :nth-child(3)\n > li {\n color: @text;\n }\n\n .search-page\n > .search-results\n > div\n > :nth-child(2)\n > li.package\n > :nth-child(5)\n > :nth-child(2)\n div.tab-content {\n border: 1px solid @surface0;\n }\n\n .search-page\n > .search-results\n > div\n > :nth-child(2)\n > li.option\n > :nth-child(2)\n > div:nth-child(2n)\n pre\n code {\n color: @text;\n background-color: @mantle;\n }\n\n /* Search sidebar */\n .search-page ul.search-sidebar > li {\n border-color: @surface0;\n }\n\n .search-page ul.search-sidebar > li > ul > li > a {\n color: @text;\n }\n\n .search-page ul.search-sidebar > li > ul > li > a:hover {\n background-color: @surface0;\n }\n\n .search-page ul.search-sidebar > li > ul > li > a.selected {\n color: @crust;\n background-color: @accent-color;\n }\n\n /* Override sidebar labels (number of packages) */\n .search-sidebar .label,\n .search-sidebar .badge {\n background-color: @surface0;\n color: @text;\n text-shadow: none;\n }\n\n /* Pager */\n .pager li > a,\n .pager li > span {\n color: @text;\n background-color: @surface0;\n border: none;\n border-radius: 5px;\n }\n\n .pager li > a:hover,\n .pager li > a:focus {\n background-color: @surface1;\n transition: all;\n transition-duration: 5ms;\n }\n\n .pager .disabled > a,\n .pager .disabled > a:hover,\n .pager .disabled > a:focus,\n .pager .disabled > span {\n color: @text;\n background-color: @mantle;\n border: none;\n border-radius: 5px;\n }\n }\n}\n\n@catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n};\n",
"usercssData": {
"name": "NixOS Search Catppuccin",
"namespace": "github.com/catppuccin/userstyles/nixos-search",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/nixos-search",
"version": "0.3.0",
"description": "Soothing pastel theme for NixOS Search",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/nixos-search/catppuccin.user.css",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": null,
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": null,
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": "lavender",
"default": "blue",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for NixOS Search",
"name": "NixOS Search Catppuccin",
"originalDigest": "4fc5c984e26c74ce7cb753622f63c9edaf13b23f",
"_id": "eeb65f49-e097-4314-abec-019fee34aac9",
"_rev": 1690535127930,
"id": 35,
"etag": "W/\"092986010d80be33634a0f16a01e1ca45b2ad58d1b289b6f5a9a2efd79e267fc\"",
"updateDate": 1690535120763
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/vercel/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/vercel",
"installDate": 1690105710610,
"sections": [
{
"code": "/* ==UserStyle==\n@name Vercel Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/vercel\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/vercel\n@version 0.0.5\n@description Soothing pastel theme for Vercel\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/vercel/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */",
"start": 0
},
{
"code": ":root.dark-theme {\n --geist-foreground: #cad3f5;\n --geist-background: #1e2030;\n --accents-1: #24273a;\n --accents-2: #363a4f;\n --accents-3: #494d64;\n --accents-4: #5b6078;\n --accents-5: #6e738d;\n --accents-6: #8087a2;\n --accents-7: #939ab7;\n --accents-8: #a5adcb;\n --geist-link-color: #f4dbd6;\n --geist-selection: #a5adcb;\n --geist-success: #8aadf4;\n --geist-error: #ed8796;\n --geist-cyan: #8bd5ca;\n --ds-background-100: #24273a;\n --ds-background-200: #363a4f;\n --ds-gray-100: #24273a;\n --ds-gray-200: #363a4f;\n --ds-gray-300: #494d64;\n --ds-gray-1000: #cad3f5;\n --ds-gray-900: #a5adcb;\n --ds-gray-800: #b8c0e0;\n --ds-red-800: #ed8796;\n --ds-red-900: #f09da9;\n }\n :root.dark-theme svg {\n --geist-stroke: var(--geist-background) !important;\n }\n :root.dark-theme .card-grid_card__S85BZ {\n background: linear-gradient(180deg, #24273a 0%, #181926 100%);\n }\n :root.dark-theme .card-grid_card__S85BZ:hover {\n background: linear-gradient(180deg, #24273a 0%, #1e2030 100%);\n }\n :root.light-theme {\n --geist-foreground: #cad3f5;\n --geist-background: #1e2030;\n --accents-1: #24273a;\n --accents-2: #363a4f;\n --accents-3: #494d64;\n --accents-4: #5b6078;\n --accents-5: #6e738d;\n --accents-6: #8087a2;\n --accents-7: #939ab7;\n --accents-8: #a5adcb;\n --geist-link-color: #f4dbd6;\n --geist-selection: #a5adcb;\n --geist-success: #8aadf4;\n --geist-error: #ed8796;\n --geist-cyan: #8bd5ca;\n --ds-background-100: #24273a;\n --ds-background-200: #363a4f;\n --ds-gray-100: #24273a;\n --ds-gray-200: #363a4f;\n --ds-gray-300: #494d64;\n --ds-gray-1000: #cad3f5;\n --ds-gray-900: #a5adcb;\n --ds-gray-800: #b8c0e0;\n --ds-red-800: #ed8796;\n --ds-red-900: #f09da9;\n }\n :root.light-theme svg {\n --geist-stroke: var(--geist-background) !important;\n }\n :root.light-theme .card-grid_card__S85BZ {\n background: linear-gradient(180deg, #24273a 0%, #181926 100%);\n }\n :root.light-theme .card-grid_card__S85BZ:hover {\n background: linear-gradient(180deg, #24273a 0%, #1e2030 100%);\n }",
"start": 710,
"domains": [
"vercel.com"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name Vercel Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/vercel\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/vercel\n@version 0.0.5\n@description Soothing pastel theme for Vercel\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/vercel/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n@-moz-document domain(\"vercel.com\") {\n :root.dark-theme {\n #catppuccin(@darkFlavor);\n }\n :root.light-theme {\n #catppuccin(@lightFlavor);\n }\n\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n\n --geist-foreground: @text;\n --geist-background: @mantle;\n --accents-1: @base;\n --accents-2: @surface0;\n --accents-3: @surface1;\n --accents-4: @surface2;\n --accents-5: @overlay0;\n --accents-6: @overlay1;\n --accents-7: @overlay2;\n --accents-8: @subtext0;\n --geist-link-color: @rosewater;\n --geist-selection: @subtext0;\n --geist-success: @blue;\n --geist-error: @red;\n --geist-cyan: @teal;\n\n --ds-background-100: @base;\n --ds-background-200: @surface0;\n --ds-gray-100: @base;\n --ds-gray-200: @surface0;\n --ds-gray-300: @surface1;\n --ds-gray-1000: @text;\n --ds-gray-900: @subtext0;\n --ds-gray-800: @subtext1;\n\n --ds-red-800: @red;\n --ds-red-900: lighten(@red, 5%);\n\n svg {\n --geist-stroke: var(--geist-background) !important;\n }\n\n .card-grid_card__S85BZ {\n background: linear-gradient(180deg, @base 0%, @crust 100%);\n &:hover {\n background: linear-gradient(180deg, @base 0%, @mantle 100%);\n }\n }\n }\n}\n",
"usercssData": {
"name": "Vercel Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/vercel",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/vercel",
"version": "0.0.5",
"description": "Soothing pastel theme for Vercel",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/vercel/catppuccin.user.css",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": "macchiato",
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Vercel",
"name": "Vercel Catppuccin",
"originalDigest": "f4c545f20ff65907977e16b0b607ec6210615824",
"_id": "ba326868-a3fe-430c-97fb-82968a9de57d",
"_rev": 1696713099989,
"id": 36,
"etag": "W/\"31fcb27459bd2d9c4e3081b8a044d95837d3984d33fd53b826a29ce8e2a8d3fb\"",
"updateDate": 1695404499543
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/whatsapp-web/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/whatsapp-web",
"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.3\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/whatsapp-web/catppuccin.user.css\n@description Soothing pastel theme for WhatsApp Web\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n@var checkbox lighterMessages \"Lighter incoming messages\" 0\n==/UserStyle== */",
"start": 0
},
{
"code": "/* prettier-ignore */\n :root {\n /* Start page drawing */\n /* Status unread dot */\n }\n :root .dark {\n /* STATUS PAGE */\n --status-background: #24273a !important;\n --modal-backdrop-solid: #24273a !important;\n /* join group pop up */\n --modal-background: #24273a !important;\n /* startup progress */\n --progress-primary: #b7bdf8 !important;\n --progress-background: #494d64 !important;\n --startup-background: #24273a !important;\n --startup-background-rgb: 36 39 58;\n /* home page, no chat selected */\n --intro-background: #24273a !important;\n --intro-border: #b7bdf8 !important;\n /* general background */\n --app-background: #24273a !important;\n /* CHAT LIST */\n /* chat list background */\n --background-default: #24273a !important;\n /* chat list header */\n --panel-header-background: #1e2030 !important;\n /* icons */\n --panel-header-icon: #cad3f5 !important;\n /* other warnings (notifications) */\n --butterbar-default-background: #1e2030 !important;\n --butterbar-notification-icon: #91d7e3 !important;\n /* loading messages warning */\n --butterbar-green-nux-background: #1e2030 !important;\n /* update available warning */\n --butterbar-update-background: #1e2030 !important;\n --butterbar-update-icon: #b7bdf8 !important;\n /* chat list search bar */\n --search-container-background: #24273a !important;\n --search-input-container-background: #24273a !important;\n --search-input-background: #363a4f !important;\n --search-input-container-background-active: #1e2030 !important;\n --icon-search-back: #b7bdf8 !important;\n /* archive icon */\n --icon-bright-highlight: #b7bdf8 !important;\n /* archived unread marker */\n --unread-marker-background: #b7bdf8 !important;\n --unread-timestamp: #b7bdf8 !important;\n /* archived chats header */\n --archived-chat-persistent-header-background: #181926 !important;\n /* unread voice message */\n --ptt-green: #a6da95 !important;\n /* read voice message */\n --ptt-blue: #8aadf4 !important;\n /* pinned chat icon */\n --icon-pinned: #b7bdf8 !important;\n /* last message in selected chat */\n --secondary-stronger: #b8c0e0 !important;\n /* background for active and hover chats in chat list */\n --background-default-active: #494d64 !important;\n --background-default-hover: #363a4f !important;\n /* unread chats filter */\n --icon-high-emphasis: #a6da95 !important;\n /* voice message playing */\n --ptt-ooc-background: #1e2030 !important;\n /* CONVERSATION */\n /* chat background */\n --conversation-panel-background: #1e2030 !important;\n /* MESSAGES */\n /* background for incoming and outgoing messages */\n --incoming-background: #24273a !important;\n --incoming-background-deeper: #363a4f !important;\n /* arrow icon in messages */\n --incoming-background-rgb: 36 39 58;\n --outgoing-background: #363a4f !important;\n /* read double tick */\n --icon-ack: #8aadf4 !important;\n /* received double tick */\n --bubble-meta-icon: #a5adcb !important;\n /* message timestamp */\n --bubble-meta: #cad3f5 !important;\n --message-primary: #cad3f5 !important;\n /* POLL */\n /* creation */\n --poll-modal-background-color: #24273a !important;\n --poll-modal-footer-background-color: #363a4f !important;\n /* votes */\n --poll-bar-fill-receiver: #a6da95 !important;\n --poll-bar-fill-sender: #a6da95 !important;\n --checkbox-mark: #181926 !important;\n /* audio duration */\n --audio-progress-metadata: #a5adcb !important;\n /* system messages (unread or day messages in chats) */\n --system-message-text: #cad3f5 !important;\n --system-message-background: #181926 !important;\n /* unread system message background */\n --unread-background: #181926 !important;\n --unread-bar-background: #494d64 !important;\n /* meta data for documents */\n --document-meta: #b8c0e0 !important;\n /* mentions, links and link previews */\n --mention-at-symbol: #7dc4e4 !important;\n --link: #7dc4e4 !important;\n --link-preview: #cad3f5 !important;\n --link-preview-lighter: #b8c0e0 !important;\n --link-preview-light: #a5adcb !important;\n --outgoing-background-rgb: 54 58 79;\n /* QUOTED MESSAGES */\n /* quoted messages */\n --quoted-message-text: #cad3f5 !important;\n /* background for quoted incoming and outgoing messages */\n --outgoing-background-deeper: #494d64 !important;\n /* SEARCH IN CHAT HIGHLIGHT */\n --highlight: #8bd5ca !important;\n /* quote colors */\n /* general text */\n --primary: #cad3f5 !important;\n --primary-strong: #cad3f5 !important;\n --primary-stronger: #cad3f5 !important;\n --primary-strongest: #cad3f5 !important;\n --secondary: #a5adcb !important;\n --secondary-strongest-rgb: 202 211 245;\n /* chat list typing message */\n --typing: #a6da95 !important;\n /* background for video player and image viewer */\n --media-viewer-background: #1e2030 !important;\n /* not loaded media */\n --media-gallery-thumb-background: #181926 !important;\n /* Group info/Contact info */\n --photopicker-overlay-background: rgba(30, 32, 48, 0.992) !important;\n --photopicker-overlay-background-rgb: 36 39 58;\n --media-viewer-background-rgb: 36 39 58;\n --drawer-background-deep: #181926 !important;\n /* group info read more */\n --input-button-more: #7dc4e4 !important;\n /* Group info thumbnails border */\n --chat-info-drawer-thumb-background: #5b6078 !important;\n /* Group admin badge background */\n --chat-marker-background: #1e2030 !important;\n --chat-marker-border: #1e2030 !important;\n /* Group admin badge foreground */\n --chat-marker: #a5adcb !important;\n /* Media gallery */\n --drawer-gallery-background: #181926 !important;\n /* mute toggle */\n --switch-button-checked-color: #b7bdf8 !important;\n --switch-track-checked-color: #5b6078 !important;\n --switch-track-color: #5b6078 !important;\n --switch-button-color: #8087a2 !important;\n /* danger, block, exit and report buttons */\n --danger: #ed8796!important;\n /* group added by someone not in contacts */\n --button-plain-background: #363a4f !important;\n --button-plain-background-hover: #494d64 !important;\n /* EMOJI AND STICKERS */\n --panel-input-background: #363a4f !important;\n --sticker-button-background: #494d64 !important;\n --active-tab-marker: #b7bdf8 !important;\n /* REACTIONS */\n --reactions-panel-background-color: #363a4f !important;\n --reactions-tray-background: #363a4f !important;\n --reactions-details-background: #363a4f !important;\n --svg-gray-button: #363a4f !important;\n /* Forward message popup */\n --panel-background-colored-deeper: #181926 !important;\n --modal-backdrop: rgba(30, 32, 48, 0.992) !important;\n /* MEDIA EDITOR */\n /* background for media editor */\n --panel-background-deeper: #1e2030 !important;\n /* message box for media editor */\n --media-editor-image-caption-input-background: #363a4f !important;\n /* selected picture in media editor */\n --media-editor-thumb-border-active: #b7bdf8 !important;\n /* send button in media editor */\n --button-round-background: #b7bdf8 !important;\n /* COMPOSE BAR */\n /* type a message bar and background */\n --compose-input-background: #363a4f !important;\n --compose-input-border: #494d64 !important;\n --compose-panel-background: #1e2030 !important;\n --rich-text-panel-background: #1e2030 !important;\n /* select messages fixes */\n --panel-background: #1e2030 !important;\n --panel-background-rgb: 30 32 48;\n --checkbox-background: #b7bdf8 !important;\n /* quoted message in compose */\n --popup-panel-background: #363a4f !important;\n /* use Surface 0 for contrast, other colors don't pass AAA */\n /* mention list item background */\n --compose-panel-background-hover: #494d64 !important;\n /* compose bar icons */\n --icon: #b7bdf8 !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: #b7bdf8 !important;\n --ptt-draft-waveform-background: #24273a !important;\n --ptt-draft-button-stop: #ed8796 !important;\n --ptt-draft-button-stop-hover: #ee99a0 !important;\n /* GENERAL OPTIONS */\n /* dropdown menus */\n --dropdown-background: #363a4f !important;\n --dropdown-background-hover: #494d64 !important;\n /* OTHER SECTIONS */\n /* profile background */\n --drawer-background: #24273a !important;\n /* communities, new chat, other panes */\n --panel-background-colored: #1e2030 !important;\n --drawer-section-background: #24273a !important;\n /* new chat icons */\n --round-icon-background: #a6da95 !important;\n --inverse: #cad3f5 !important;\n /* title and icon for drawers */\n --drawer-header-title: #cad3f5 !important;\n /* buttons such as create community */\n --button-primary-background: #b7bdf8 !important;\n --button-primary-background-hover: rgba(183, 189, 248, 0.992) !important;\n /* keyboard shortcuts background */\n --panel-background-lighter: #1e2030 !important;\n /* active input in modals and drawers */\n --input-border-active: #b7bdf8 !important;\n }\n :root .dark .landing-wrapper-before {\n background-color: #b7bdf8 !important;\n }\n :root .dark .bfsx6evv {\n background-color: #1e2030 !important;\n }\n :root .dark .p7idzaix {\n color: #181926 !important;\n }\n :root .dark .bg-color-1 {\n background-color: #a6da95 !important;\n }\n :root .dark .color-1 {\n color: #a6da95 !important;\n }\n :root .dark .bg-color-2 {\n background-color: #8aadf4 !important;\n }\n :root .dark .color-2 {\n color: #8aadf4 !important;\n }\n :root .dark .bg-color-3 {\n background-color: #f5bde6 !important;\n }\n :root .dark .color-3 {\n color: #f5bde6 !important;\n }\n :root .dark .bg-color-4 {\n background-color: #7dc4e4 !important;\n }\n :root .dark .color-4 {\n color: #7dc4e4 !important;\n }\n :root .dark .bg-color-5 {\n background-color: #f5a97f !important;\n }\n :root .dark .color-5 {\n color: #f5a97f !important;\n }\n :root .dark .bg-color-6 {\n background-color: #91d7e3 !important;\n }\n :root .dark .color-6 {\n color: #91d7e3 !important;\n }\n :root .dark .bg-color-7 {\n background-color: #eed49f !important;\n }\n :root .dark .color-7 {\n color: #eed49f !important;\n }\n :root .dark .bg-color-8 {\n background-color: #8bd5ca !important;\n }\n :root .dark .color-8 {\n color: #8bd5ca !important;\n }\n :root .dark .bg-color-9 {\n background-color: #b7bdf8 !important;\n }\n :root .dark .color-9 {\n color: #b7bdf8 !important;\n }\n :root .dark .bg-color-10 {\n background-color: #ed8796 !important;\n }\n :root .dark .color-10 {\n color: #ed8796 !important;\n }\n :root .dark .bg-color-11 {\n background-color: #c6a0f6 !important;\n }\n :root .dark .color-11 {\n color: #c6a0f6 !important;\n }\n :root .dark .bg-color-12 {\n background-color: #f0c6c6 !important;\n }\n :root .dark .color-12 {\n color: #f0c6c6 !important;\n }\n :root .dark .bg-color-13 {\n background-color: #f4dbd6 !important;\n }\n :root .dark .color-13 {\n color: #f4dbd6 !important;\n }\n :root .dark .bg-color-14 {\n background-color: #f5bde6 !important;\n }\n :root .dark .color-14 {\n color: #f5bde6 !important;\n }\n :root .dark .bg-color-15 {\n background-color: #ee99a0 !important;\n }\n :root .dark .color-15 {\n color: #ee99a0 !important;\n }\n :root .dark .bg-color-16 {\n background-color: #8bd5ca !important;\n }\n :root .dark .color-16 {\n color: #8bd5ca !important;\n }\n :root .dark div._1OT67 > div > span > div > div > ul > li:nth-child(6) > button > span > svg > circle {\n fill: #a6da95 !important;\n }\n :root .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: #f5bde6 !important;\n }\n :root .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: #f5bde6 !important;\n filter: brightness(85%) !important;\n }\n :root .dark div._1OT67 > div > span > div > div > ul > li:nth-child(1) > button > span > svg > g:nth-child(1) > g > rect {\n fill: #f5bde6 !important;\n filter: brightness(70%) !important;\n }\n :root .dark div._1OT67 > div > span > div > div > ul > li:nth-child(2) > button > span > svg > g > circle {\n fill: #8aadf4 !important;\n filter: brightness(85%) !important;\n }\n :root .dark div._1OT67 > div > span > div > div > ul > li:nth-child(2) > button > span > svg > g > path:nth-child(2) {\n fill: #8aadf4 !important;\n }\n :root .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: #ed8796 !important;\n filter: brightness(85%) !important;\n }\n :root .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: #ed8796 !important;\n }\n :root .dark div._1OT67 > div > span > div > div > ul > li:nth-child(3) > button > span > svg > g:nth-child(1) > g > rect {\n fill: #ed8796 !important;\n filter: brightness(85%) !important;\n }\n :root .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: #c6a0f6 !important;\n filter: brightness(85%) !important;\n }\n :root .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: #c6a0f6 !important;\n }\n :root .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: #91d7e3 !important;\n filter: brightness(85%) !important;\n }\n :root .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: #91d7e3 !important;\n }\n :root #app > div > div > div._2Ts6i._2xAQV > div > div > div.WM0_u > span > svg > path:nth-child(1) {\n fill: #5b6078 !important;\n }\n :root #df9d3429-f0ef-48b5-b5eb-f9d27b2deba6 > path:nth-child(2) {\n fill: #b7bdf8 !important;\n }\n :root #side > div._3gYev > div > div > button > div._3xdht._1ZD3q > span > svg > path {\n fill: #b7bdf8 !important;\n }",
"start": 915,
"domains": [
"web.whatsapp.com"
]
}
],
"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.3\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/whatsapp-web/catppuccin.user.css\n@description Soothing pastel theme for WhatsApp Web\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n@var checkbox lighterMessages \"Lighter incoming messages\" 0\n==/UserStyle== */\n@-moz-document domain(\"web.whatsapp.com\") {\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 :root {\n #catppuccin(@flavor, @accentColor);\n }\n\n @color: red;\n #rgbify(@color) {\n @rgb-raw: red(@color) green(@color) blue(@color);\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 .dark {\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 /* 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 /* 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\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// 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.3",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/whatsapp-web/catppuccin.user.css",
"description": "Soothing pastel theme for WhatsApp Web",
"author": "Catppuccin",
"license": "MIT",
"preprocessor": "less",
"vars": {
"flavor": {
"type": "select",
"label": "Flavor",
"name": "flavor",
"value": "macchiato",
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": "lavender",
"default": "sapphire",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Grey",
"value": "subtext0"
}
]
},
"lighterMessages": {
"type": "checkbox",
"label": "Lighter incoming messages",
"name": "lighterMessages",
"value": null,
"default": "0",
"options": null
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for WhatsApp Web",
"name": "WhatsApp Web Catppuccin",
"originalDigest": "660d16dd50abd147d7f6df5d437d96dbfbc2c0dc",
"_id": "f583e674-dc66-4e55-8f01-4fd979d1ecce",
"_rev": 1700339536251,
"id": 37,
"etag": "W/\"ecd584a3054b13159c0818757dd84fdb5f88322140754bba958bb1a33df8c0a0\"",
"updateDate": 1700339536055
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt",
"installDate": 1690105754414,
"sections": [
{
"code": "/* ==UserStyle==\n@name ChatGPT Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/chatgpt\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt\n@version 0.0.7\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css\n@description Soothing pastel theme for ChatGPT\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@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 .light body,\n .light html {\n --ctp-rosewater: 244, 219, 214;\n --ctp-flamingo: 240, 198, 198;\n --ctp-pink: 245, 189, 230;\n --ctp-mauve: 198, 160, 246;\n --ctp-red: 237, 135, 150;\n --ctp-maroon: 238, 153, 160;\n --ctp-peach: 245, 169, 127;\n --ctp-yellow: 238, 212, 159;\n --ctp-green: 166, 218, 149;\n --ctp-teal: 139, 213, 202;\n --ctp-sky: 145, 215, 227;\n --ctp-sapphire: 125, 196, 228;\n --ctp-blue: 138, 173, 244;\n --ctp-lavender: 183, 189, 248;\n --ctp-text: 202, 211, 245;\n --ctp-subtext1: 184, 192, 224;\n --ctp-subtext0: 165, 173, 203;\n --ctp-overlay2: 147, 154, 183;\n --ctp-overlay1: 128, 135, 162;\n --ctp-overlay0: 110, 115, 141;\n --ctp-surface2: 91, 96, 120;\n --ctp-surface1: 73, 77, 100;\n --ctp-surface0: 54, 58, 79;\n --ctp-base: 24, 25, 38;\n --ctp-mantle: 30, 32, 48;\n --ctp-curst: 24, 25, 38;\n --text-primary: #cad3f5;\n --text-secondary: #a5adcb;\n --text-tertiary: #b8c0e0;\n --surface-primary: #1e2030;\n --surface-secondary: #24273a;\n --surface-tertiary: #363a4f;\n --border-light: rgba(147, 154, 183, 0.1);\n --border-medium: rgba(147, 154, 183, 0.15);\n --border-heavy: rgba(147, 154, 183, 0.2);\n --border-xheavy: rgba(147, 154, 183, 0.25);\n background: #24273a !important;\n color: #cad3f5;\n /* Main page */\n /* ToS violating message. Don't ask how this was tested. */\n /* Chatbox */\n /* Go to end arrow */\n /* Message suggestions */\n /* Help Menu */\n /* Modal Background */\n /* Sidebar */\n /* Search */\n /* Bot messages */\n /* Buttons */\n /* TODO: is it used? */\n /* TODO: is it used? */\n /* TODO: is it used? */\n /* TODO: is it used? */\n /* Settings > Theme selector drop down */\n /* Shared Links */\n /* Custom Instructions */\n /* Toggle button */\n /* ChatGPT Icon\n (Needs `layout.css.has-selector.enabled`. If it's disabled, no changes are made)\n */\n /* SVG chat avatars (ChatGPT, and Anonymous)\n (Needs `layout.css.has-selector.enabled`. If it's disabled, no changes are made)\n */\n /* Send button */\n /* Notification Popup (Copied to clipboard) */\n /* Share page > \"Upgrade to Plus\" button */\n /* Login Page > buttons */\n }\n .light body div[class*=\"bg-gray-\"]:not(\n [class*=\"bg-gray-900\"],\n [class*=\"bg-gray-700\"],\n .bg-black .bg-gray-800,\n [class*=\"bg-gray-600/70\"], /* Modal background */\n [id^=\"headlessui-menu-items-\"], /* Help menu */\n [class*=\":radix-highlighted:hover:bg-[#2E2F33]\"] /* Settings > Theme selector drop down */\n ),\n .light html div[class*=\"bg-gray-\"]:not(\n [class*=\"bg-gray-900\"],\n [class*=\"bg-gray-700\"],\n .bg-black .bg-gray-800,\n [class*=\"bg-gray-600/70\"], /* Modal background */\n [id^=\"headlessui-menu-items-\"], /* Help menu */\n [class*=\":radix-highlighted:hover:bg-[#2E2F33]\"] /* Settings > Theme selector drop down */\n ),\n .light body div[class*=\"bg-vert-dark-gradient\"],\n .light html div[class*=\"bg-vert-dark-gradient\"] {\n background: #24273a !important;\n }\n .light body .text-orange-500,\n .light html .text-orange-500 {\n color: #f5a97f;\n }\n .light body .text-orange-500 .bg-orange-500\\/10.border-orange-500,\n .light html .text-orange-500 .bg-orange-500\\/10.border-orange-500 {\n background-color: rgba(245, 169, 127, 0.1);\n border-color: #f5a97f;\n }\n .light body [class*=\":shadow-[0_0_0_2px_\"],\n .light html [class*=\":shadow-[0_0_0_2px_\"] {\n --tw-shadow: 0 0 0 2px #6e738d !important;\n }\n .light body [class*=\":shadow-[0_0_0_2px_\"] ::placeholder,\n .light html [class*=\":shadow-[0_0_0_2px_\"] ::placeholder {\n color: #6e738d !important;\n }\n .light body [class*=\":bg-white/10\"],\n .light html [class*=\":bg-white/10\"] {\n background-color: #363a4f;\n border-color: #6e738d;\n }\n .light body [class*=\":from-gray-700\"],\n .light html [class*=\":from-gray-700\"] {\n --tw-gradient-from: #5b6078 var(--tw-gradient-from-position);\n --tw-gradient-to: transparent var(--tw-gradient-to-position);\n }\n .light body [id^=\"headlessui-menu-items-\"],\n .light html [id^=\"headlessui-menu-items-\"] {\n background-color: #1e2030 !important;\n }\n .light body [id^=\"headlessui-menu-items-\"] [id^=\"headlessui-menu-item-\"]:hover,\n .light html [id^=\"headlessui-menu-items-\"] [id^=\"headlessui-menu-item-\"]:hover {\n background-color: #363a4f !important;\n }\n .light body [class*=\"bg-gray-600/70\"],\n .light html [class*=\"bg-gray-600/70\"] {\n background: rgba(36, 39, 58, 0.7) !important;\n }\n .light body [class*=\"bg-gray-900\"]:not(.\\!bg-transparent),\n .light html [class*=\"bg-gray-900\"]:not(.\\!bg-transparent) {\n /* Also, Shared Links */\n background-color: #1e2030 !important;\n }\n .light body div,\n .light html div {\n --text-primary: #cad3f5;\n --text-secondary: #a5adcb;\n --text-tertiary: #b8c0e0;\n --surface-primary: #363a4f;\n --surface-secondary: #494d64;\n --surface-tertiary: #5b6078;\n --border-light: rgba(147, 154, 183, 0.1);\n --border-medium: rgba(147, 154, 183, 0.15);\n --border-heavy: rgba(147, 154, 183, 0.2);\n --border-xheavy: rgba(147, 154, 183, 0.25);\n }\n .light body nav,\n .light html nav {\n /* TODO: is it used? */\n /* Conversation */\n /* TODO: is it used? */\n /* Upgrade Plan */\n }\n .light body nav .sticky.bg-black,\n .light html nav .sticky.bg-black,\n .light body nav h3[class*=\":bg-black\"],\n .light html nav h3[class*=\":bg-black\"] {\n background-color: transparent !important;\n }\n .light body nav .bg-gray-900 .bg-gray-800,\n .light html nav .bg-gray-900 .bg-gray-800 {\n background-color: #363a4f !important;\n }\n .light body nav .group,\n .light html nav .group {\n /* Rename */\n /* Gradient */\n }\n .light body nav .group a[href^=\"/c/\"] ~ .absolute input,\n .light html nav .group a[href^=\"/c/\"] ~ .absolute input {\n border-color: #a6da95;\n --tw-ring-color: #a6da95;\n }\n .light body nav .group a[href^=\"/c/\"] .bg-gradient-to-l,\n .light html nav .group a[href^=\"/c/\"] .bg-gradient-to-l {\n --tw-gradient-from: #1e2030 var(--tw-gradient-from-position);\n }\n .light body nav .group:hover a[href^=\"/c/\"] .bg-gradient-to-l,\n .light html nav .group:hover a[href^=\"/c/\"] .bg-gradient-to-l {\n --tw-gradient-from: var(--surface-primary) var(--tw-gradient-from-position);\n }\n .light body nav .shim-yellow,\n .light html nav .shim-yellow {\n display: none;\n }\n .light body [class*=\":hover:bg-white/5\"][class*=\"hover:bg-black/5\"],\n .light html [class*=\":hover:bg-white/5\"][class*=\"hover:bg-black/5\"] {\n /* ... Menu */\n background-color: var(--surface-primary) !important;\n }\n .light body [class*=\":hover:bg-white/5\"][class*=\"hover:bg-black/5\"]:hover,\n .light html [class*=\":hover:bg-white/5\"][class*=\"hover:bg-black/5\"]:hover {\n background-color: var(--surface-tertiary) !important;\n }\n .light body div[class*=\"bg-gray-700\"],\n .light html div[class*=\"bg-gray-700\"] {\n background-color: #363a4f !important;\n }\n .light body [class*=\"text-gray-\"]:not(.text-gray-500),\n .light html [class*=\"text-gray-\"]:not(.text-gray-500),\n .light body [class*=\"text-white\"]:not(.btn-primary .text-white, .bg-green-600),\n .light html [class*=\"text-white\"]:not(.btn-primary .text-white, .bg-green-600) {\n color: #cad3f5 !important;\n }\n .light body .text-gray-500,\n .light html .text-gray-500 {\n color: #a5adcb;\n }\n .light body div[class*=\"border-gray\"],\n .light html div[class*=\"border-gray\"],\n .light body div[class*=\"border-white\"],\n .light html div[class*=\"border-white\"] {\n border-color: #6e738d !important;\n }\n .light body input,\n .light html input,\n .light body textarea,\n .light html textarea {\n color: #cad3f5;\n }\n .light body input::placeholder,\n .light html input::placeholder,\n .light body textarea::placeholder,\n .light html textarea::placeholder {\n color: #6e738d;\n }\n .light body [class*=\"bg-white/5\"],\n .light html [class*=\"bg-white/5\"] {\n background-color: #363a4f !important;\n }\n .light body .prose,\n .light html .prose {\n --tw-prose-body: #cad3f5 !important;\n --tw-prose-bold: #cad3f5 !important;\n --tw-prose-code: #cad3f5 !important;\n --tw-prose-links: #cad3f5 !important;\n --tw-prose-headings: #8087a2 !important;\n }\n .light body .bg-black,\n .light html .bg-black,\n .light body [class*=\":bg-black\"],\n .light html [class*=\":bg-black\"] {\n background-color: #181926 !important;\n }\n .light body .bg-black .bg-gray-800,\n .light html .bg-black .bg-gray-800 {\n background-color: #363a4f !important;\n }\n .light body code.hljs,\n .light html code.hljs,\n .light body code[class*=\"language-\"],\n .light html code[class*=\"language-\"],\n .light body pre[class*=\"language-\"],\n .light html pre[class*=\"language-\"] {\n color: #cad3f5 !important;\n }\n .light body .markdown [type=\"checkbox\"]:checked,\n .light html .markdown [type=\"checkbox\"]:checked {\n background-color: #a6da95;\n background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%2324273a%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.207%204.793a1%201%200%200%201%200%201.414l-5%205a1%201%200%200%201-1.414%200l-2-2a1%201%200%200%201%201.414-1.414L6.5%209.086l4.293-4.293a1%201%200%200%201%201.414%200z%22/%3E%3C/svg%3E');\n }\n .light body .markdown a,\n .light html .markdown a {\n color: #a6da95;\n }\n .light body .markdown a:hover,\n .light html .markdown a:hover {\n color: #b6e1a8;\n text-decoration-line: underline;\n }\n .light body .markdown th,\n .light html .markdown th {\n background: #1e2030;\n color: #cad3f5;\n }\n .light body .btn-neutral,\n .light html .btn-neutral,\n .light body .btn-dark,\n .light html .btn-dark {\n background-color: #494d64 !important;\n color: #cad3f5 !important;\n border-color: #6e738d;\n }\n .light body .btn-neutral:hover,\n .light html .btn-neutral:hover,\n .light body .btn-dark:hover,\n .light html .btn-dark:hover {\n background-color: #5b6078 !important;\n }\n .light body .btn-primary,\n .light html .btn-primary {\n background-color: #a6da95 !important;\n color: #181926 !important;\n }\n .light body .btn-primary .text-white,\n .light html .btn-primary .text-white {\n color: #181926 !important;\n }\n .light body .btn-danger,\n .light html .btn-danger {\n background-color: #ed8796 !important;\n color: #181926 !important;\n }\n .light body .btn-disabled,\n .light html .btn-disabled,\n .light body .btn-disabled:hover,\n .light html .btn-disabled:hover {\n background-color: #363a4f;\n color: #cad3f5;\n }\n .light body .text-2xl,\n .light html .text-2xl {\n color: #cad3f5 !important;\n }\n .light body .dark [class*=\"bg-yellow-\"],\n .light html .dark [class*=\"bg-yellow-\"] {\n color: #181926 !important;\n }\n .light body .light [class*=\"bg-yellow-\"],\n .light html .light [class*=\"bg-yellow-\"] {\n color: #cad3f5 !important;\n }\n .light body [class*=\"text-green\"],\n .light html [class*=\"text-green\"] {\n color: #a6da95 !important;\n }\n .light body .dark .dark\\:hover\\:bg-\\[\\#2A2B32\\]:hover,\n .light html .dark .dark\\:hover\\:bg-\\[\\#2A2B32\\]:hover {\n background-color: #363a4f;\n }\n .light body [class*=\":bg-gray-800\"]:not(\n [class*=\"hover:bg-gray-800\"],\n [class*=\"group-ui-open:bg-gray-800\"]\n ),\n .light html [class*=\":bg-gray-800\"]:not(\n [class*=\"hover:bg-gray-800\"],\n [class*=\"group-ui-open:bg-gray-800\"]\n ) {\n background-color: #363a4f;\n }\n .light body [class*=\":hover:bg-gray-800\"]:hover,\n .light html [class*=\":hover:bg-gray-800\"]:hover {\n background-color: #494d64;\n }\n .light body .radix-state-active\\:bg-gray-800[data-state=\"active\"],\n .light html .radix-state-active\\:bg-gray-800[data-state=\"active\"] {\n background-color: #363a4f;\n }\n .light body [class*=\":hover:bg-[#494A54]\"].bg-white,\n .light html [class*=\":hover:bg-[#494A54]\"].bg-white {\n background-color: #1e2030;\n }\n .light body [class*=\":hover:bg-[#494A54]\"].bg-white:hover,\n .light html [class*=\":hover:bg-[#494A54]\"].bg-white:hover {\n background-color: #363a4f;\n }\n .light body [class*=\":focus-visible:border-green-500\"]:focus-visible,\n .light html [class*=\":focus-visible:border-green-500\"]:focus-visible {\n border-color: #a6da95;\n }\n .light body [class*=\":radix-highlighted:hover:bg-[#2E2F33]\"]:hover,\n .light html [class*=\":radix-highlighted:hover:bg-[#2E2F33]\"]:hover {\n background-color: #363a4f !important;\n }\n .light body a[href^=\"/share/\"][class*=\"text-blue-400\"],\n .light html a[href^=\"/share/\"][class*=\"text-blue-400\"] {\n color: #a6da95;\n }\n .light body [class*=\":border-white/10\"],\n .light html [class*=\":border-white/10\"] {\n border-color: rgba(110, 115, 141, 0.1);\n }\n .light body .text-red-500,\n .light html .text-red-500 {\n color: #ed8796;\n }\n .light body .border-gray-100,\n .light html .border-gray-100 {\n border-color: #6e738d;\n }\n .light body .focus\\:border-brand-green:focus,\n .light html .focus\\:border-brand-green:focus {\n border-color: #a6da95;\n }\n .light body .radix-state-checked\\:bg-green-600[data-state=\"checked\"],\n .light html .radix-state-checked\\:bg-green-600[data-state=\"checked\"] {\n background-color: #a6da95;\n }\n .light body .radix-state-checked\\:bg-green-600[data-state=\"checked\"] > span,\n .light html .radix-state-checked\\:bg-green-600[data-state=\"checked\"] > span {\n background-color: #363a4f;\n }\n .light body .radix-state-checked\\:bg-green-600[data-state=\"unchecked\"],\n .light html .radix-state-checked\\:bg-green-600[data-state=\"unchecked\"] {\n background-color: #363a4f;\n }\n .light body .radix-state-checked\\:bg-green-600[data-state=\"unchecked\"] > span,\n .light html .radix-state-checked\\:bg-green-600[data-state=\"unchecked\"] > span {\n background-color: #cad3f5;\n }\n .light body div:has(> [role=\"img\"]),\n .light html div:has(> [role=\"img\"]) {\n background-color: #a6da95 !important;\n }\n .light body div:has(> [role=\"img\"]) > [role=\"img\"],\n .light html div:has(> [role=\"img\"]) > [role=\"img\"] {\n color: #24273a;\n }\n .light body div:has(> svg.icon-sm:only-child),\n .light html div:has(> svg.icon-sm:only-child) {\n background-color: #a6da95 !important;\n }\n .light body div:has(> svg.icon-sm:only-child) > svg,\n .light html div:has(> svg.icon-sm:only-child) > svg {\n color: #24273a;\n }\n .light body [data-testid=\"send-button\"][class*=\"bg-gray-900\"],\n .light html [data-testid=\"send-button\"][class*=\"bg-gray-900\"] {\n background-color: #24273a !important;\n border-color: #6e738d;\n }\n .light body [data-testid=\"send-button\"][class*=\"bg-gray-900\"] svg[class*=\"text-white\"],\n .light html [data-testid=\"send-button\"][class*=\"bg-gray-900\"] svg[class*=\"text-white\"] {\n color: #a6da95 !important;\n }\n .light body .bg-green-600.text-white.border-green-600,\n .light html .bg-green-600.text-white.border-green-600 {\n background-color: #a6da95;\n color: #24273a !important;\n border-color: #6e738d;\n }\n .light body a[href=\"/gpts/discovery\"].bg-green-600.text-white,\n .light html a[href=\"/gpts/discovery\"].bg-green-600.text-white {\n background-color: #a6da95;\n color: #24273a !important;\n }\n .light body .bg-\\[\\#3C46FF\\],\n .light html .bg-\\[\\#3C46FF\\] {\n background-color: #a6da95;\n color: #24273a;\n }\n .light body .hover\\:bg-\\[\\#0000FF\\]:hover,\n .light html .hover\\:bg-\\[\\#0000FF\\]:hover {\n background-color: #b6e1a8;\n }\n :root,\n .dark body,\n .dark html {\n --ctp-rosewater: 244, 219, 214;\n --ctp-flamingo: 240, 198, 198;\n --ctp-pink: 245, 189, 230;\n --ctp-mauve: 198, 160, 246;\n --ctp-red: 237, 135, 150;\n --ctp-maroon: 238, 153, 160;\n --ctp-peach: 245, 169, 127;\n --ctp-yellow: 238, 212, 159;\n --ctp-green: 166, 218, 149;\n --ctp-teal: 139, 213, 202;\n --ctp-sky: 145, 215, 227;\n --ctp-sapphire: 125, 196, 228;\n --ctp-blue: 138, 173, 244;\n --ctp-lavender: 183, 189, 248;\n --ctp-text: 202, 211, 245;\n --ctp-subtext1: 184, 192, 224;\n --ctp-subtext0: 165, 173, 203;\n --ctp-overlay2: 147, 154, 183;\n --ctp-overlay1: 128, 135, 162;\n --ctp-overlay0: 110, 115, 141;\n --ctp-surface2: 91, 96, 120;\n --ctp-surface1: 73, 77, 100;\n --ctp-surface0: 54, 58, 79;\n --ctp-base: 24, 25, 38;\n --ctp-mantle: 30, 32, 48;\n --ctp-curst: 24, 25, 38;\n --text-primary: #cad3f5;\n --text-secondary: #a5adcb;\n --text-tertiary: #b8c0e0;\n --surface-primary: #1e2030;\n --surface-secondary: #24273a;\n --surface-tertiary: #363a4f;\n --border-light: rgba(147, 154, 183, 0.1);\n --border-medium: rgba(147, 154, 183, 0.15);\n --border-heavy: rgba(147, 154, 183, 0.2);\n --border-xheavy: rgba(147, 154, 183, 0.25);\n background: #24273a !important;\n color: #cad3f5;\n /* Main page */\n /* ToS violating message. Don't ask how this was tested. */\n /* Chatbox */\n /* Go to end arrow */\n /* Message suggestions */\n /* Help Menu */\n /* Modal Background */\n /* Sidebar */\n /* Search */\n /* Bot messages */\n /* Buttons */\n /* TODO: is it used? */\n /* TODO: is it used? */\n /* TODO: is it used? */\n /* TODO: is it used? */\n /* Settings > Theme selector drop down */\n /* Shared Links */\n /* Custom Instructions */\n /* Toggle button */\n /* ChatGPT Icon\n (Needs `layout.css.has-selector.enabled`. If it's disabled, no changes are made)\n */\n /* SVG chat avatars (ChatGPT, and Anonymous)\n (Needs `layout.css.has-selector.enabled`. If it's disabled, no changes are made)\n */\n /* Send button */\n /* Notification Popup (Copied to clipboard) */\n /* Share page > \"Upgrade to Plus\" button */\n /* Login Page > buttons */\n }\n :root div[class*=\"bg-gray-\"]:not(\n [class*=\"bg-gray-900\"],\n [class*=\"bg-gray-700\"],\n .bg-black .bg-gray-800,\n [class*=\"bg-gray-600/70\"], /* Modal background */\n [id^=\"headlessui-menu-items-\"], /* Help menu */\n [class*=\":radix-highlighted:hover:bg-[#2E2F33]\"] /* Settings > Theme selector drop down */\n ),\n .dark body div[class*=\"bg-gray-\"]:not(\n [class*=\"bg-gray-900\"],\n [class*=\"bg-gray-700\"],\n .bg-black .bg-gray-800,\n [class*=\"bg-gray-600/70\"], /* Modal background */\n [id^=\"headlessui-menu-items-\"], /* Help menu */\n [class*=\":radix-highlighted:hover:bg-[#2E2F33]\"] /* Settings > Theme selector drop down */\n ),\n .dark html div[class*=\"bg-gray-\"]:not(\n [class*=\"bg-gray-900\"],\n [class*=\"bg-gray-700\"],\n .bg-black .bg-gray-800,\n [class*=\"bg-gray-600/70\"], /* Modal background */\n [id^=\"headlessui-menu-items-\"], /* Help menu */\n [class*=\":radix-highlighted:hover:bg-[#2E2F33]\"] /* Settings > Theme selector drop down */\n ),\n :root div[class*=\"bg-vert-dark-gradient\"],\n .dark body div[class*=\"bg-vert-dark-gradient\"],\n .dark html div[class*=\"bg-vert-dark-gradient\"] {\n background: #24273a !important;\n }\n :root .text-orange-500,\n .dark body .text-orange-500,\n .dark html .text-orange-500 {\n color: #f5a97f;\n }\n :root .text-orange-500 .bg-orange-500\\/10.border-orange-500,\n .dark body .text-orange-500 .bg-orange-500\\/10.border-orange-500,\n .dark html .text-orange-500 .bg-orange-500\\/10.border-orange-500 {\n background-color: rgba(245, 169, 127, 0.1);\n border-color: #f5a97f;\n }\n :root [class*=\":shadow-[0_0_0_2px_\"],\n .dark body [class*=\":shadow-[0_0_0_2px_\"],\n .dark html [class*=\":shadow-[0_0_0_2px_\"] {\n --tw-shadow: 0 0 0 2px #6e738d !important;\n }\n :root [class*=\":shadow-[0_0_0_2px_\"] ::placeholder,\n .dark body [class*=\":shadow-[0_0_0_2px_\"] ::placeholder,\n .dark html [class*=\":shadow-[0_0_0_2px_\"] ::placeholder {\n color: #6e738d !important;\n }\n :root [class*=\":bg-white/10\"],\n .dark body [class*=\":bg-white/10\"],\n .dark html [class*=\":bg-white/10\"] {\n background-color: #363a4f;\n border-color: #6e738d;\n }\n :root [class*=\":from-gray-700\"],\n .dark body [class*=\":from-gray-700\"],\n .dark html [class*=\":from-gray-700\"] {\n --tw-gradient-from: #5b6078 var(--tw-gradient-from-position);\n --tw-gradient-to: transparent var(--tw-gradient-to-position);\n }\n :root [id^=\"headlessui-menu-items-\"],\n .dark body [id^=\"headlessui-menu-items-\"],\n .dark html [id^=\"headlessui-menu-items-\"] {\n background-color: #1e2030 !important;\n }\n :root [id^=\"headlessui-menu-items-\"] [id^=\"headlessui-menu-item-\"]:hover,\n .dark body [id^=\"headlessui-menu-items-\"] [id^=\"headlessui-menu-item-\"]:hover,\n .dark html [id^=\"headlessui-menu-items-\"] [id^=\"headlessui-menu-item-\"]:hover {\n background-color: #363a4f !important;\n }\n :root [class*=\"bg-gray-600/70\"],\n .dark body [class*=\"bg-gray-600/70\"],\n .dark html [class*=\"bg-gray-600/70\"] {\n background: rgba(36, 39, 58, 0.7) !important;\n }\n :root [class*=\"bg-gray-900\"]:not(.\\!bg-transparent),\n .dark body [class*=\"bg-gray-900\"]:not(.\\!bg-transparent),\n .dark html [class*=\"bg-gray-900\"]:not(.\\!bg-transparent) {\n /* Also, Shared Links */\n background-color: #1e2030 !important;\n }\n :root div,\n .dark body div,\n .dark html div {\n --text-primary: #cad3f5;\n --text-secondary: #a5adcb;\n --text-tertiary: #b8c0e0;\n --surface-primary: #363a4f;\n --surface-secondary: #494d64;\n --surface-tertiary: #5b6078;\n --border-light: rgba(147, 154, 183, 0.1);\n --border-medium: rgba(147, 154, 183, 0.15);\n --border-heavy: rgba(147, 154, 183, 0.2);\n --border-xheavy: rgba(147, 154, 183, 0.25);\n }\n :root nav,\n .dark body nav,\n .dark html nav {\n /* TODO: is it used? */\n /* Conversation */\n /* TODO: is it used? */\n /* Upgrade Plan */\n }\n :root nav .sticky.bg-black,\n .dark body nav .sticky.bg-black,\n .dark html nav .sticky.bg-black,\n :root nav h3[class*=\":bg-black\"],\n .dark body nav h3[class*=\":bg-black\"],\n .dark html nav h3[class*=\":bg-black\"] {\n background-color: transparent !important;\n }\n :root nav .bg-gray-900 .bg-gray-800,\n .dark body nav .bg-gray-900 .bg-gray-800,\n .dark html nav .bg-gray-900 .bg-gray-800 {\n background-color: #363a4f !important;\n }\n :root nav .group,\n .dark body nav .group,\n .dark html nav .group {\n /* Rename */\n /* Gradient */\n }\n :root nav .group a[href^=\"/c/\"] ~ .absolute input,\n .dark body nav .group a[href^=\"/c/\"] ~ .absolute input,\n .dark html nav .group a[href^=\"/c/\"] ~ .absolute input {\n border-color: #a6da95;\n --tw-ring-color: #a6da95;\n }\n :root nav .group a[href^=\"/c/\"] .bg-gradient-to-l,\n .dark body nav .group a[href^=\"/c/\"] .bg-gradient-to-l,\n .dark html nav .group a[href^=\"/c/\"] .bg-gradient-to-l {\n --tw-gradient-from: #1e2030 var(--tw-gradient-from-position);\n }\n :root nav .group:hover a[href^=\"/c/\"] .bg-gradient-to-l,\n .dark body nav .group:hover a[href^=\"/c/\"] .bg-gradient-to-l,\n .dark html nav .group:hover a[href^=\"/c/\"] .bg-gradient-to-l {\n --tw-gradient-from: var(--surface-primary) var(--tw-gradient-from-position);\n }\n :root nav .shim-yellow,\n .dark body nav .shim-yellow,\n .dark html nav .shim-yellow {\n display: none;\n }\n :root [class*=\":hover:bg-white/5\"][class*=\"hover:bg-black/5\"],\n .dark body [class*=\":hover:bg-white/5\"][class*=\"hover:bg-black/5\"],\n .dark html [class*=\":hover:bg-white/5\"][class*=\"hover:bg-black/5\"] {\n /* ... Menu */\n background-color: var(--surface-primary) !important;\n }\n :root [class*=\":hover:bg-white/5\"][class*=\"hover:bg-black/5\"]:hover,\n .dark body [class*=\":hover:bg-white/5\"][class*=\"hover:bg-black/5\"]:hover,\n .dark html [class*=\":hover:bg-white/5\"][class*=\"hover:bg-black/5\"]:hover {\n background-color: var(--surface-tertiary) !important;\n }\n :root div[class*=\"bg-gray-700\"],\n .dark body div[class*=\"bg-gray-700\"],\n .dark html div[class*=\"bg-gray-700\"] {\n background-color: #363a4f !important;\n }\n :root [class*=\"text-gray-\"]:not(.text-gray-500),\n .dark body [class*=\"text-gray-\"]:not(.text-gray-500),\n .dark html [class*=\"text-gray-\"]:not(.text-gray-500),\n :root [class*=\"text-white\"]:not(.btn-primary .text-white, .bg-green-600),\n .dark body [class*=\"text-white\"]:not(.btn-primary .text-white, .bg-green-600),\n .dark html [class*=\"text-white\"]:not(.btn-primary .text-white, .bg-green-600) {\n color: #cad3f5 !important;\n }\n :root .text-gray-500,\n .dark body .text-gray-500,\n .dark html .text-gray-500 {\n color: #a5adcb;\n }\n :root div[class*=\"border-gray\"],\n .dark body div[class*=\"border-gray\"],\n .dark html div[class*=\"border-gray\"],\n :root div[class*=\"border-white\"],\n .dark body div[class*=\"border-white\"],\n .dark html div[class*=\"border-white\"] {\n border-color: #6e738d !important;\n }\n :root input,\n .dark body input,\n .dark html input,\n :root textarea,\n .dark body textarea,\n .dark html textarea {\n color: #cad3f5;\n }\n :root input::placeholder,\n .dark body input::placeholder,\n .dark html input::placeholder,\n :root textarea::placeholder,\n .dark body textarea::placeholder,\n .dark html textarea::placeholder {\n color: #6e738d;\n }\n :root [class*=\"bg-white/5\"],\n .dark body [class*=\"bg-white/5\"],\n .dark html [class*=\"bg-white/5\"] {\n background-color: #363a4f !important;\n }\n :root .prose,\n .dark body .prose,\n .dark html .prose {\n --tw-prose-body: #cad3f5 !important;\n --tw-prose-bold: #cad3f5 !important;\n --tw-prose-code: #cad3f5 !important;\n --tw-prose-links: #cad3f5 !important;\n --tw-prose-headings: #8087a2 !important;\n }\n :root .bg-black,\n .dark body .bg-black,\n .dark html .bg-black,\n :root [class*=\":bg-black\"],\n .dark body [class*=\":bg-black\"],\n .dark html [class*=\":bg-black\"] {\n background-color: #181926 !important;\n }\n :root .bg-black .bg-gray-800,\n .dark body .bg-black .bg-gray-800,\n .dark html .bg-black .bg-gray-800 {\n background-color: #363a4f !important;\n }\n :root code.hljs,\n .dark body code.hljs,\n .dark html code.hljs,\n :root code[class*=\"language-\"],\n .dark body code[class*=\"language-\"],\n .dark html code[class*=\"language-\"],\n :root pre[class*=\"language-\"],\n .dark body pre[class*=\"language-\"],\n .dark html pre[class*=\"language-\"] {\n color: #cad3f5 !important;\n }\n :root .markdown [type=\"checkbox\"]:checked,\n .dark body .markdown [type=\"checkbox\"]:checked,\n .dark html .markdown [type=\"checkbox\"]:checked {\n background-color: #a6da95;\n background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%2324273a%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.207%204.793a1%201%200%200%201%200%201.414l-5%205a1%201%200%200%201-1.414%200l-2-2a1%201%200%200%201%201.414-1.414L6.5%209.086l4.293-4.293a1%201%200%200%201%201.414%200z%22/%3E%3C/svg%3E');\n }\n :root .markdown a,\n .dark body .markdown a,\n .dark html .markdown a {\n color: #a6da95;\n }\n :root .markdown a:hover,\n .dark body .markdown a:hover,\n .dark html .markdown a:hover {\n color: #b6e1a8;\n text-decoration-line: underline;\n }\n :root .markdown th,\n .dark body .markdown th,\n .dark html .markdown th {\n background: #1e2030;\n color: #cad3f5;\n }\n :root .btn-neutral,\n .dark body .btn-neutral,\n .dark html .btn-neutral,\n :root .btn-dark,\n .dark body .btn-dark,\n .dark html .btn-dark {\n background-color: #494d64 !important;\n color: #cad3f5 !important;\n border-color: #6e738d;\n }\n :root .btn-neutral:hover,\n .dark body .btn-neutral:hover,\n .dark html .btn-neutral:hover,\n :root .btn-dark:hover,\n .dark body .btn-dark:hover,\n .dark html .btn-dark:hover {\n background-color: #5b6078 !important;\n }\n :root .btn-primary,\n .dark body .btn-primary,\n .dark html .btn-primary {\n background-color: #a6da95 !important;\n color: #181926 !important;\n }\n :root .btn-primary .text-white,\n .dark body .btn-primary .text-white,\n .dark html .btn-primary .text-white {\n color: #181926 !important;\n }\n :root .btn-danger,\n .dark body .btn-danger,\n .dark html .btn-danger {\n background-color: #ed8796 !important;\n color: #181926 !important;\n }\n :root .btn-disabled,\n .dark body .btn-disabled,\n .dark html .btn-disabled,\n :root .btn-disabled:hover,\n .dark body .btn-disabled:hover,\n .dark html .btn-disabled:hover {\n background-color: #363a4f;\n color: #cad3f5;\n }\n :root .text-2xl,\n .dark body .text-2xl,\n .dark html .text-2xl {\n color: #cad3f5 !important;\n }\n :root .dark [class*=\"bg-yellow-\"],\n .dark body .dark [class*=\"bg-yellow-\"],\n .dark html .dark [class*=\"bg-yellow-\"] {\n color: #181926 !important;\n }\n :root .light [class*=\"bg-yellow-\"],\n .dark body .light [class*=\"bg-yellow-\"],\n .dark html .light [class*=\"bg-yellow-\"] {\n color: #cad3f5 !important;\n }\n :root [class*=\"text-green\"],\n .dark body [class*=\"text-green\"],\n .dark html [class*=\"text-green\"] {\n color: #a6da95 !important;\n }\n :root .dark .dark\\:hover\\:bg-\\[\\#2A2B32\\]:hover,\n .dark body .dark .dark\\:hover\\:bg-\\[\\#2A2B32\\]:hover,\n .dark html .dark .dark\\:hover\\:bg-\\[\\#2A2B32\\]:hover {\n background-color: #363a4f;\n }\n :root [class*=\":bg-gray-800\"]:not(\n [class*=\"hover:bg-gray-800\"],\n [class*=\"group-ui-open:bg-gray-800\"]\n ),\n .dark body [class*=\":bg-gray-800\"]:not(\n [class*=\"hover:bg-gray-800\"],\n [class*=\"group-ui-open:bg-gray-800\"]\n ),\n .dark html [class*=\":bg-gray-800\"]:not(\n [class*=\"hover:bg-gray-800\"],\n [class*=\"group-ui-open:bg-gray-800\"]\n ) {\n background-color: #363a4f;\n }\n :root [class*=\":hover:bg-gray-800\"]:hover,\n .dark body [class*=\":hover:bg-gray-800\"]:hover,\n .dark html [class*=\":hover:bg-gray-800\"]:hover {\n background-color: #494d64;\n }\n :root .radix-state-active\\:bg-gray-800[data-state=\"active\"],\n .dark body .radix-state-active\\:bg-gray-800[data-state=\"active\"],\n .dark html .radix-state-active\\:bg-gray-800[data-state=\"active\"] {\n background-color: #363a4f;\n }\n :root [class*=\":hover:bg-[#494A54]\"].bg-white,\n .dark body [class*=\":hover:bg-[#494A54]\"].bg-white,\n .dark html [class*=\":hover:bg-[#494A54]\"].bg-white {\n background-color: #1e2030;\n }\n :root [class*=\":hover:bg-[#494A54]\"].bg-white:hover,\n .dark body [class*=\":hover:bg-[#494A54]\"].bg-white:hover,\n .dark html [class*=\":hover:bg-[#494A54]\"].bg-white:hover {\n background-color: #363a4f;\n }\n :root [class*=\":focus-visible:border-green-500\"]:focus-visible,\n .dark body [class*=\":focus-visible:border-green-500\"]:focus-visible,\n .dark html [class*=\":focus-visible:border-green-500\"]:focus-visible {\n border-color: #a6da95;\n }\n :root [class*=\":radix-highlighted:hover:bg-[#2E2F33]\"]:hover,\n .dark body [class*=\":radix-highlighted:hover:bg-[#2E2F33]\"]:hover,\n .dark html [class*=\":radix-highlighted:hover:bg-[#2E2F33]\"]:hover {\n background-color: #363a4f !important;\n }\n :root a[href^=\"/share/\"][class*=\"text-blue-400\"],\n .dark body a[href^=\"/share/\"][class*=\"text-blue-400\"],\n .dark html a[href^=\"/share/\"][class*=\"text-blue-400\"] {\n color: #a6da95;\n }\n :root [class*=\":border-white/10\"],\n .dark body [class*=\":border-white/10\"],\n .dark html [class*=\":border-white/10\"] {\n border-color: rgba(110, 115, 141, 0.1);\n }\n :root .text-red-500,\n .dark body .text-red-500,\n .dark html .text-red-500 {\n color: #ed8796;\n }\n :root .border-gray-100,\n .dark body .border-gray-100,\n .dark html .border-gray-100 {\n border-color: #6e738d;\n }\n :root .focus\\:border-brand-green:focus,\n .dark body .focus\\:border-brand-green:focus,\n .dark html .focus\\:border-brand-green:focus {\n border-color: #a6da95;\n }\n :root .radix-state-checked\\:bg-green-600[data-state=\"checked\"],\n .dark body .radix-state-checked\\:bg-green-600[data-state=\"checked\"],\n .dark html .radix-state-checked\\:bg-green-600[data-state=\"checked\"] {\n background-color: #a6da95;\n }\n :root .radix-state-checked\\:bg-green-600[data-state=\"checked\"] > span,\n .dark body .radix-state-checked\\:bg-green-600[data-state=\"checked\"] > span,\n .dark html .radix-state-checked\\:bg-green-600[data-state=\"checked\"] > span {\n background-color: #363a4f;\n }\n :root .radix-state-checked\\:bg-green-600[data-state=\"unchecked\"],\n .dark body .radix-state-checked\\:bg-green-600[data-state=\"unchecked\"],\n .dark html .radix-state-checked\\:bg-green-600[data-state=\"unchecked\"] {\n background-color: #363a4f;\n }\n :root .radix-state-checked\\:bg-green-600[data-state=\"unchecked\"] > span,\n .dark body .radix-state-checked\\:bg-green-600[data-state=\"unchecked\"] > span,\n .dark html .radix-state-checked\\:bg-green-600[data-state=\"unchecked\"] > span {\n background-color: #cad3f5;\n }\n :root div:has(> [role=\"img\"]),\n .dark body div:has(> [role=\"img\"]),\n .dark html div:has(> [role=\"img\"]) {\n background-color: #a6da95 !important;\n }\n :root div:has(> [role=\"img\"]) > [role=\"img\"],\n .dark body div:has(> [role=\"img\"]) > [role=\"img\"],\n .dark html div:has(> [role=\"img\"]) > [role=\"img\"] {\n color: #24273a;\n }\n :root div:has(> svg.icon-sm:only-child),\n .dark body div:has(> svg.icon-sm:only-child),\n .dark html div:has(> svg.icon-sm:only-child) {\n background-color: #a6da95 !important;\n }\n :root div:has(> svg.icon-sm:only-child) > svg,\n .dark body div:has(> svg.icon-sm:only-child) > svg,\n .dark html div:has(> svg.icon-sm:only-child) > svg {\n color: #24273a;\n }\n :root [data-testid=\"send-button\"][class*=\"bg-gray-900\"],\n .dark body [data-testid=\"send-button\"][class*=\"bg-gray-900\"],\n .dark html [data-testid=\"send-button\"][class*=\"bg-gray-900\"] {\n background-color: #24273a !important;\n border-color: #6e738d;\n }\n :root [data-testid=\"send-button\"][class*=\"bg-gray-900\"] svg[class*=\"text-white\"],\n .dark body [data-testid=\"send-button\"][class*=\"bg-gray-900\"] svg[class*=\"text-white\"],\n .dark html [data-testid=\"send-button\"][class*=\"bg-gray-900\"] svg[class*=\"text-white\"] {\n color: #a6da95 !important;\n }\n :root .bg-green-600.text-white.border-green-600,\n .dark body .bg-green-600.text-white.border-green-600,\n .dark html .bg-green-600.text-white.border-green-600 {\n background-color: #a6da95;\n color: #24273a !important;\n border-color: #6e738d;\n }\n :root a[href=\"/gpts/discovery\"].bg-green-600.text-white,\n .dark body a[href=\"/gpts/discovery\"].bg-green-600.text-white,\n .dark html a[href=\"/gpts/discovery\"].bg-green-600.text-white {\n background-color: #a6da95;\n color: #24273a !important;\n }\n :root .bg-\\[\\#3C46FF\\],\n .dark body .bg-\\[\\#3C46FF\\],\n .dark html .bg-\\[\\#3C46FF\\] {\n background-color: #a6da95;\n color: #24273a;\n }\n :root .hover\\:bg-\\[\\#0000FF\\]:hover,\n .dark body .hover\\:bg-\\[\\#0000FF\\]:hover,\n .dark html .hover\\:bg-\\[\\#0000FF\\]:hover {\n background-color: #b6e1a8;\n }\n /* prettier-ignore */",
"start": 949,
"domains": [
"chat.openai.com"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name ChatGPT Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/chatgpt\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt\n@version 0.0.7\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css\n@description Soothing pastel theme for ChatGPT\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green*\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"chat.openai.com\") {\n @import url(\"https://unpkg.com/@catppuccin/highlightjs@0.1.2/css/catppuccin.variables.css\");\n\n .light body,\n .light html {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n :root,\n .dark body,\n .dark html {\n #catppuccin(@darkFlavor, @accentColor);\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 @color: white;\n #rgbify(@color) {\n @rgb-raw: red(@color), green(@color), blue(@color);\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(@crust) [];\n --ctp-mantle: #rgbify(@mantle) [];\n --ctp-curst: #rgbify(@crust) [];\n\n --text-primary: @text;\n --text-secondary: @subtext0;\n --text-tertiary: @subtext1;\n --surface-primary: @mantle;\n --surface-secondary: @base;\n --surface-tertiary: @surface0;\n --border-light: fade(@overlay2, 10%);\n --border-medium: fade(@overlay2, 15%);\n --border-heavy: fade(@overlay2, 20%);\n --border-xheavy: fade(@overlay2, 25%);\n\n background: @base !important;\n color: @text;\n\n /* Main page */\n div[class*=\"bg-gray-\"]:not(\n [class*=\"bg-gray-900\"],\n [class*=\"bg-gray-700\"],\n .bg-black .bg-gray-800,\n [class*=\"bg-gray-600/70\"], /* Modal background */\n [id^=\"headlessui-menu-items-\"], /* Help menu */\n [class*=\":radix-highlighted:hover:bg-[#2E2F33]\"] /* Settings > Theme selector drop down */\n ),\n div[class*=\"bg-vert-dark-gradient\"] {\n background: @base !important;\n }\n\n /* ToS violating message. Don't ask how this was tested. */\n .text-orange-500 {\n color: @peach;\n\n .bg-orange-500\\/10.border-orange-500 {\n background-color: fade(@peach, 10%);\n border-color: @peach;\n }\n }\n\n /* Chatbox */\n [class*=\":shadow-[0_0_0_2px_\"] {\n --tw-shadow: 0 0 0 2px @overlay0 !important;\n ::placeholder {\n color: @overlay0 !important;\n }\n }\n\n /* Go to end arrow */\n [class*=\":bg-white/10\"] {\n background-color: @surface0;\n border-color: @overlay0;\n }\n\n /* Message suggestions */\n [class*=\":from-gray-700\"] {\n --tw-gradient-from: if(@lookup = latte, @crust, @surface2)\n var(--tw-gradient-from-position);\n --tw-gradient-to: transparent var(--tw-gradient-to-position);\n }\n\n /* Help Menu */\n [id^=\"headlessui-menu-items-\"] {\n background-color: @mantle !important;\n [id^=\"headlessui-menu-item-\"]:hover {\n background-color: @surface0 !important;\n }\n }\n\n /* Modal Background */\n [class*=\"bg-gray-600/70\"] {\n background: fade(@base, 70%) !important;\n }\n\n /* Sidebar */\n [class*=\"bg-gray-900\"]:not(.\\!bg-transparent) {\n /* Also, Shared Links */\n background-color: @mantle !important;\n }\n\n div {\n --text-primary: @text;\n --text-secondary: @subtext0;\n --text-tertiary: @subtext1;\n --surface-primary: @surface0;\n --surface-secondary: @surface1;\n --surface-tertiary: @surface2;\n --border-light: fade(@overlay2, 10%);\n --border-medium: fade(@overlay2, 15%);\n --border-heavy: fade(@overlay2, 20%);\n --border-xheavy: fade(@overlay2, 25%);\n }\n\n nav {\n .sticky.bg-black, /* New Chat */\n h3[class*=\":bg-black\"] /* Today, Yesterday */ {\n background-color: transparent !important;\n }\n\n /* TODO: is it used? */\n .bg-gray-900 .bg-gray-800 {\n background-color: @surface0 !important;\n }\n\n /* Conversation */\n .group {\n /* Rename */\n a[href^=\"/c/\"] ~ .absolute {\n input {\n border-color: @accent-color;\n --tw-ring-color: @accent-color;\n }\n }\n /* Gradient */\n a[href^=\"/c/\"] .bg-gradient-to-l {\n --tw-gradient-from: @mantle var(--tw-gradient-from-position);\n }\n &:hover a[href^=\"/c/\"] .bg-gradient-to-l {\n --tw-gradient-from: var(--surface-primary)\n var(--tw-gradient-from-position);\n }\n }\n\n /* TODO: is it used? */\n /* Upgrade Plan */\n .shim-yellow {\n display: none;\n }\n }\n\n [class*=\":hover:bg-white/5\"][class*=\"hover:bg-black/5\"] {\n /* ... Menu */\n background-color: var(--surface-primary) !important;\n &:hover {\n background-color: var(--surface-tertiary) !important;\n }\n }\n\n /* Search */\n div[class*=\"bg-gray-700\"] {\n background-color: if(@lookup = latte, @base, @surface0) !important;\n }\n\n [class*=\"text-gray-\"]:not(.text-gray-500),\n [class*=\"text-white\"]:not(.btn-primary .text-white, .bg-green-600) {\n color: @text !important;\n }\n\n .text-gray-500 {\n color: @subtext0;\n }\n\n div[class*=\"border-gray\"],\n div[class*=\"border-white\"] {\n border-color: @overlay0 !important;\n }\n\n input,\n textarea {\n color: @text;\n &::placeholder {\n color: @overlay0;\n }\n }\n\n [class*=\"bg-white/5\"] {\n background-color: @surface0 !important;\n }\n\n /* Bot messages */\n .prose {\n --tw-prose-body: @text !important;\n --tw-prose-bold: @text !important;\n --tw-prose-code: @text !important;\n --tw-prose-links: @text !important;\n --tw-prose-headings: @overlay1 !important;\n }\n\n .bg-black,\n [class*=\":bg-black\"] {\n background-color: @crust !important;\n }\n\n .bg-black .bg-gray-800 {\n background-color: @surface0 !important;\n }\n\n code.hljs,\n code[class*=\"language-\"],\n pre[class*=\"language-\"] {\n color: @text !important;\n }\n\n .markdown {\n [type=\"checkbox\"]:checked {\n background-color: @accent-color;\n @svg: escape(\n '<svg viewBox=\"0 0 16 16\" fill=\"@{base}\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z\"/></svg>'\n );\n background-image: ~\"url('data:image/svg+xml;charset=utf-8,@{svg}')\";\n }\n\n a {\n color: @accent-color;\n &:hover {\n color: lighten(@accent-color, 5%);\n text-decoration-line: underline;\n }\n }\n\n th {\n background: @mantle;\n color: @text;\n }\n }\n\n /* Buttons */\n .btn-neutral,\n .btn-dark {\n background-color: if(@lookup = latte, @base, @surface1) !important;\n color: @text !important;\n border-color: @overlay0;\n &:hover {\n background-color: if(@lookup = latte, @crust, @surface2) !important;\n }\n }\n\n .btn-primary {\n background-color: @accent-color !important;\n color: @crust !important;\n }\n\n .btn-primary .text-white {\n color: @crust !important;\n }\n\n .btn-danger {\n background-color: @red !important;\n color: @crust !important;\n }\n\n .btn-disabled,\n .btn-disabled:hover {\n background-color: @surface0;\n color: @text;\n }\n\n /* TODO: is it used? */\n .text-2xl {\n color: @text !important;\n }\n\n /* TODO: is it used? */\n .dark [class*=\"bg-yellow-\"] {\n color: @crust !important;\n }\n\n /* TODO: is it used? */\n .light [class*=\"bg-yellow-\"] {\n color: @text !important;\n }\n\n /* TODO: is it used? */\n [class*=\"text-green\"] {\n color: @accent-color !important;\n }\n\n .dark .dark\\:hover\\:bg-\\[\\#2A2B32\\]:hover {\n background-color: @surface0;\n }\n\n [class*=\":bg-gray-800\"]:not(\n [class*=\"hover:bg-gray-800\"],\n [class*=\"group-ui-open:bg-gray-800\"]\n ) {\n background-color: @surface0;\n }\n\n [class*=\":hover:bg-gray-800\"]:hover {\n background-color: @surface1;\n }\n\n .radix-state-active\\:bg-gray-800[data-state=\"active\"] {\n background-color: @surface0;\n }\n\n /* Settings > Theme selector drop down */\n [class*=\":hover:bg-[#494A54]\"].bg-white {\n background-color: @mantle;\n &:hover {\n background-color: @surface0;\n }\n }\n\n [class*=\":focus-visible:border-green-500\"]:focus-visible {\n border-color: @accent-color;\n }\n\n [class*=\":radix-highlighted:hover:bg-[#2E2F33]\"]:hover {\n background-color: @surface0 !important;\n }\n\n /* Shared Links */\n a[href^=\"/share/\"][class*=\"text-blue-400\"] {\n color: @accent-color;\n }\n\n [class*=\":border-white/10\"] {\n border-color: fade(@overlay0, 10%);\n }\n\n .text-red-500 {\n color: @red;\n }\n\n /* Custom Instructions */\n .border-gray-100 {\n border-color: @overlay0;\n }\n\n .focus\\:border-brand-green:focus {\n border-color: @accent-color;\n }\n\n /* Toggle button */\n .radix-state-checked\\:bg-green-600 {\n &[data-state=\"checked\"] {\n background-color: @accent-color;\n & > span {\n background-color: @surface0;\n }\n }\n &[data-state=\"unchecked\"] {\n background-color: @surface0;\n & > span {\n background-color: @text;\n }\n }\n }\n\n /* ChatGPT Icon\n (Needs `layout.css.has-selector.enabled`. If it's disabled, no changes are made)\n */\n div:has(> [role=\"img\"]) {\n background-color: @accent-color !important;\n & > [role=\"img\"] {\n color: @base;\n }\n }\n\n /* SVG chat avatars (ChatGPT, and Anonymous)\n (Needs `layout.css.has-selector.enabled`. If it's disabled, no changes are made)\n */\n div:has(> svg.icon-sm:only-child) {\n background-color: @accent-color !important;\n & > svg {\n color: @base;\n }\n }\n\n /* Send button */\n [data-testid=\"send-button\"][class*=\"bg-gray-900\"] {\n background-color: @base !important;\n border-color: @overlay0;\n svg[class*=\"text-white\"] {\n color: @accent-color !important;\n }\n }\n\n /* Notification Popup (Copied to clipboard) */\n .bg-green-600.text-white.border-green-600 {\n background-color: @accent-color;\n color: @base !important;\n border-color: @overlay0;\n }\n\n /* Share page > \"Upgrade to Plus\" button */\n a[href=\"/gpts/discovery\"].bg-green-600.text-white {\n background-color: @accent-color;\n color: @base !important;\n }\n\n /* Login Page > buttons */\n .bg-\\[\\#3C46FF\\] {\n background-color: @accent-color;\n color: @base;\n }\n\n .hover\\:bg-\\[\\#0000FF\\]:hover {\n background-color: lighten(@accent-color, 5%);\n }\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.0.7",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css",
"description": "Soothing pastel theme for ChatGPT",
"author": "Catppuccin",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": "macchiato",
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": null,
"default": "green",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for ChatGPT",
"name": "ChatGPT Catppuccin",
"originalDigest": "a147f05adb02daf062953879241ab432e2521990",
"_id": "2b610ac1-f4cb-41f2-ac48-40652d932405",
"_rev": 1700339535814,
"id": 38,
"etag": "W/\"c8ee622b0455c872aeee395d5c584e1afb9c4d96e57d69526347a44145e71bb3\"",
"updateDate": 1700339535786
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/github",
"installDate": 1690105783794,
"sections": [
{
"code": "/* ==UserStyle==\n@name Github Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/github\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/github\n@version 1.2.12\n@description Soothing pastel theme for GitHub\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater*\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var checkbox topbar \"Topbar colors\" 1\n==/UserStyle== */\n/* prettier-ignore */",
"start": 0
},
{
"code": "[data-color-mode=\"light\"],\n [data-color-mode=\"auto\"] > .theme-light {\n --color-workflow-card-connector: #6e738d;\n --color-workflow-card-connector-bg: #6e738d;\n --color-workflow-card-connector-inactive: #494d64;\n --color-workflow-card-connector-inactive-bg: #494d64;\n --color-workflow-card-connector-highlight: #b7bdf8;\n --color-workflow-card-connector-highlight-bg: #b7bdf8;\n --color-workflow-card-bg: #494d64;\n --color-workflow-card-inactive-bg: #363a4f;\n --color-workflow-card-header-shadow: #dc2286;\n --color-workflow-card-progress-complete-bg: rgba(138, 173, 244, 0.15);\n --color-workflow-card-progress-incomplete-bg: #494d64;\n --color-discussions-state-answered-icon: var(--color-scale-green-3);\n --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6);\n --color-notifications-button-text: var(--color-scale-white);\n --color-notifications-button-hover-text: var(--color-scale-white);\n --color-notifications-button-hover-bg: var(--color-scale-blue-4);\n --color-notifications-row-read-bg: var(--color-canvas-default);\n --color-notifications-row-bg: var(--color-canvas-subtle);\n --color-icon-directory: #cad3f5;\n --color-checks-step-error-icon: var(--color-scale-red-4);\n --color-calendar-halloween-graph-day-L1-bg: #631c03;\n --color-calendar-halloween-graph-day-L2-bg: #bd561d;\n --color-calendar-halloween-graph-day-L3-bg: #fa7a18;\n --color-calendar-halloween-graph-day-L4-bg: #fddf68;\n --color-calendar-graph-day-bg: #363a4f;\n --color-calendar-graph-day-border: transparent;\n /* These could do with a bit of refining */\n --color-calendar-graph-day-L1-bg: rgba(149, 218, 149, 0.4);\n --color-calendar-graph-day-L2-bg: rgba(154, 218, 149, 0.6);\n --color-calendar-graph-day-L3-bg: rgba(160, 218, 149, 0.8);\n --color-calendar-graph-day-L4-bg: #a6da95;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-user-mention-fg: var(--color-scale-yellow-0);\n --color-user-mention-bg: var(--color-scale-yellow-8);\n --color-text-white: #cad3f5;\n /* Buttons */\n /* Create PR button & New branch button & Fork repo button & Commit Changes button */\n /* New branch dialog */\n /* Branch drop down */\n /* Compare button & Cancel new branch button */\n /* search btn */\n /* Issue tags */\n /* Labels */\n /* Search */\n /* Tags */\n /* Slug */\n /* Links */\n /* Committer */\n /* Misc */\n /* Large notification */\n /* Button Fix */\n /* Button selection Fix */\n /* Darker bg for new AppHeader */\n /* Headers */\n /* New change visibility box star and watcher preview buttons Fix */\n /* New change visibility box danger buttons Fix */\n /* 2FA authentication box header Fix */\n /* Footer Logo Fix */\n /* Footer text hover fix */\n /* Notifications */\n /* Keyboard hint */\n /* Merge icon */\n /* Branch indicator */\n /* File view */\n /* Projects */\n /* Project table view */\n /* Tree Fix */\n /* Tree Fix */\n /* Weird barely visible outlines | Can be removed if intentional */\n /* New Repository Overview Fix */\n /* Buttons */\n /* Scrolling top menu */\n /* Fullscreen Sidebar Fixes */\n /* Dropdown Menus */\n /* Add File Menu */\n /* Notification Menu Fix */\n /* Loading Bar Color */\n }\n [data-color-mode=\"light\"],\n [data-color-mode=\"auto\"] > .theme-light,\n [data-color-mode=\"light\"] body,\n [data-color-mode=\"auto\"] > .theme-light body {\n accent-color: #b7bdf8;\n --bgColor-default: #24273a;\n --color-canvas-default-transparent: rgba(13, 17, 23, 0);\n --color-page-header-bg: #24273a;\n --color-marketing-icon-primary: #91d7e3;\n --color-marketing-icon-secondary: #8aadf4;\n --color-diff-blob-addition-num-text: #cad3f5;\n --color-diff-blob-addition-fg: #cad3f5;\n --color-diff-blob-addition-num-bg: rgba(166, 218, 149, 0.3);\n --color-diff-blob-addition-line-bg: rgba(166, 218, 149, 0.15);\n --color-diff-blob-addition-word-bg: rgba(166, 218, 149, 0.3);\n --color-diff-blob-deletion-num-text: #cad3f5;\n --color-diff-blob-deletion-fg: #cad3f5;\n --color-diff-blob-deletion-num-bg: rgba(237, 135, 150, 0.3);\n --color-diff-blob-deletion-line-bg: rgba(237, 135, 150, 0.15);\n --color-diff-blob-deletion-word-bg: rgba(237, 135, 150, 0.3);\n --color-diff-blob-hunk-num-bg: rgba(138, 173, 244, 0.4);\n --color-diff-blob-expander-icon: #8b949e;\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --color-diffstat-deletion-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-bg: #a6da95;\n --color-search-keyword-hl: rgba(210, 153, 34, 0.4);\n --color-prettylights-syntax-comment: #8087a2;\n --color-prettylights-syntax-constant: #8aadf4;\n --color-prettylights-syntax-entity: #8aadf4;\n --color-prettylights-syntax-storage-modifier-import: #f5a97f;\n --color-prettylights-syntax-entity-tag: #8bd5ca;\n --color-prettylights-syntax-keyword: #f5bde6;\n --color-prettylights-syntax-string: #a6da95;\n --color-prettylights-syntax-variable: #f5a97f;\n --color-prettylights-syntax-brackethighlighter-unmatched: #f0f;\n --color-prettylights-syntax-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\n --color-prettylights-syntax-carriage-return-text: #f0f;\n --color-prettylights-syntax-carriage-return-bg: #f0f;\n --color-prettylights-syntax-string-regexp: #f0f;\n --color-prettylights-syntax-markup-list: #f0f;\n --color-prettylights-syntax-markup-heading: #8bd5ca;\n --color-prettylights-syntax-markup-italic: #eed49f;\n --color-prettylights-syntax-markup-bold: #eed49f;\n --color-prettylights-syntax-markup-deleted-text: #cad3f5;\n --color-prettylights-syntax-markup-deleted-bg: rgba(237, 135, 150, 0.4);\n --color-prettylights-syntax-markup-inserted-text: #cad3f5;\n --color-prettylights-syntax-markup-inserted-bg: rgba(166, 218, 149, 0.4);\n --color-prettylights-syntax-markup-changed-text: #cad3f5;\n --color-prettylights-syntax-markup-changed-bg: rgba(238, 212, 159, 0.4);\n --color-prettylights-syntax-markup-ignored-text: #cad3f5;\n --color-prettylights-syntax-markup-ignored-bg: #f0f;\n --color-prettylights-syntax-meta-diff-range: #c6a0f6;\n --color-prettylights-syntax-brackethighlighter-angle: #f0f;\n --color-prettylights-syntax-sublimelinter-gutter-mark: #f0f;\n --color-prettylights-syntax-constant-other-reference-link: #f0f;\n --color-codemirror-text: #cad3f5;\n --color-codemirror-bg: #24273a;\n --color-codemirror-gutters-bg: #24273a;\n --color-codemirror-guttermarker-text: #24273a;\n --color-codemirror-guttermarker-subtle-text: #6e7681;\n --color-codemirror-linenumber-text: #8b949e;\n --color-codemirror-cursor: #c9d1d9;\n --color-codemirror-selection-bg: rgba(56, 139, 253, 0.4);\n --color-codemirror-activeline-bg: rgba(110, 118, 129, 0.1);\n --color-codemirror-matchingbracket-text: #c9d1d9;\n --color-codemirror-lines-bg: #24273a;\n --color-codemirror-syntax-comment: #8b949e;\n --color-codemirror-syntax-constant: #79c0ff;\n --color-codemirror-syntax-entity: #d2a8ff;\n --color-codemirror-syntax-keyword: #ff7b72;\n --color-codemirror-syntax-storage: #ff7b72;\n --color-codemirror-syntax-string: #a5d6ff;\n --color-codemirror-syntax-support: #79c0ff;\n --color-codemirror-syntax-variable: #ffa657;\n --color-checks-bg: #1e2030;\n --color-checks-run-border-width: 1px;\n --color-checks-container-border-width: 1px;\n --color-checks-text-primary: #cad3f5;\n --color-checks-text-secondary: #b8c0e0;\n --color-checks-text-link: #7dc4e4;\n --color-checks-btn-icon: #cad3f5;\n --color-checks-btn-hover-icon: #cad3f5;\n --color-checks-btn-hover-bg: #181926;\n --color-checks-input-text: #494d64;\n --color-checks-input-placeholder-text: #b8c0e0;\n --color-checks-input-focus-text: #cad3f5;\n --color-checks-input-bg: #363a4f;\n --color-checks-input-shadow: 0 0 0 1px;\n --color-checks-donut-error: #ed8796;\n --color-checks-donut-pending: #f5a97f;\n --color-checks-donut-success: #a6da95;\n --color-checks-donut-neutral: #939ab7;\n --color-checks-dropdown-text: #cad3f5;\n --color-checks-dropdown-bg: #363a4f;\n --color-checks-dropdown-border: #494d64;\n --color-checks-dropdown-shadow: #181926;\n --color-checks-dropdown-hover-text: #a5adcb;\n --color-checks-dropdown-hover-bg: #1e2030;\n --color-checks-dropdown-btn-hover-text: #cad3f5;\n --color-checks-dropdown-btn-hover-bg: #1e2030;\n --color-checks-scrollbar-thumb-bg: #1e2030;\n --color-checks-header-label-text: #cad3f5;\n --color-checks-header-label-open-text: #b7bdf8;\n --color-checks-header-border: #363a4f;\n --color-checks-header-icon: #cad3f5;\n --color-checks-line-text: #a5adcb;\n --color-checks-line-num-text: #a5adcb;\n --color-checks-line-timestamp-text: #a5adcb;\n --color-checks-line-hover-bg: #363a4f;\n --color-checks-line-selected-bg: #363a4f;\n --color-checks-line-selected-num-text: #dc2286;\n --color-checks-line-dt-fm-text: #dc2286;\n --color-checks-line-dt-fm-bg: #dc2286;\n --color-checks-gate-bg: rgba(187, 128, 9, 0.15);\n --color-checks-gate-text: #cad3f5;\n --color-checks-gate-waiting-text: #eed49f;\n --color-checks-step-header-open-bg: #363a4f;\n --color-checks-step-error-text: #ee99a0;\n --color-checks-step-warning-text: #f5a97f;\n --color-checks-logline-text: #cad3f5;\n --color-checks-logline-num-text: #cad3f5;\n --color-checks-logline-debug-text: #c6a0f6;\n --color-checks-logline-error-text: #cad3f5;\n --color-checks-logline-error-num-text: #ee99a0;\n --color-checks-logline-error-bg: rgba(238, 153, 160, 0.15);\n --color-checks-logline-warning-text: #b8c0e0;\n --color-checks-logline-warning-num-text: #f5a97f;\n --color-checks-logline-warning-bg: rgba(245, 169, 127, 0.15);\n --color-checks-logline-command-text: #8aadf4;\n --color-checks-logline-section-text: #a6da95;\n --color-checks-ansi-black: #494d64;\n --color-checks-ansi-black-bright: #5b6078;\n --color-checks-ansi-white: #b8c0e0;\n --color-checks-ansi-white-bright: #a5adcb;\n --divider-color: #494d64;\n --underlineNav-borderColor-active: #b7bdf8;\n --color-checks-ansi-gray: #f0f;\n --color-checks-ansi-red: #ed8796;\n --color-checks-ansi-red-bright: #ed8796;\n --color-checks-ansi-green: #a6da95;\n --color-checks-ansi-green-bright: #a6da95;\n --color-checks-ansi-yellow: #eed49f;\n --color-checks-ansi-yellow-bright: #eed49f;\n --color-checks-ansi-blue: #8aadf4;\n --color-checks-ansi-blue-bright: #8aadf4;\n --color-checks-ansi-magenta: #f5bde6;\n --color-checks-ansi-magenta-bright: #f5bde6;\n --color-checks-ansi-cyan: #8bd5ca;\n --color-checks-ansi-cyan-bright: #8bd5ca;\n --color-project-header-bg: #0d1117;\n --color-project-sidebar-bg: #161b22;\n --color-project-gradient-in: #161b22;\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-mktg-btn-bg: #f6f8fa;\n --color-mktg-btn-shadow-outline: rgb(255, 255, 255 / 25%) 0 0 0 1px inset;\n --color-mktg-btn-shadow-focus: rgb(255, 255, 255 / 25%) 0 0 0 4px;\n --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15),\n 0 100px 80px rgba(255, 255, 255, 0.02),\n 0 42px 33px rgba(255, 255, 255, 0.024),\n 0 22px 18px rgba(255, 255, 255, 0.028),\n 0 12px 10px rgba(255, 255, 255, 0.034),\n 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);\n --color-mktg-btn-shadow-hover-muted: #ffffff 0 0 0 2px inset;\n --color-avatar-bg: rgba(255, 255, 255, 0.1);\n --color-avatar-border: rgba(240, 246, 252, 0.1);\n --color-avatar-stack-fade: #30363d;\n --color-avatar-stack-fade-more: #21262d;\n --color-avatar-child-shadow: -2px -2px 0 #0d1117;\n --color-topic-tag-border: rgba(0, 0, 0, 0);\n --color-counter-border: rgba(0, 0, 0, 0);\n --color-select-menu-backdrop-border: #484f58;\n --color-select-menu-tap-highlight: rgba(48, 54, 61, 0.5);\n --color-select-menu-tap-focus-bg: #0c2d6b;\n --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85);\n --color-header-text: var(--subtext2);\n --color-header-bg: #24273a;\n --color-header-bg: #1e2030;\n --color-header-divider: #8b949e;\n --color-header-logo: #cad3f5;\n --color-header-search-bg: #363a4f;\n --color-header-search-border: #494d64;\n --color-sidenav-selected-bg: #494d64;\n --color-menu-bg-active: #5b6078;\n --color-input-disabled-bg: rgba(110, 118, 129, 0);\n --color-timeline-badge-bg: #363a4f;\n --color-ansi-black: #484f58;\n --color-ansi-black-bright: #6e7681;\n --color-ansi-white: #b1bac4;\n --color-ansi-white-bright: #fff;\n --color-ansi-gray: #6e7681;\n --color-ansi-red: #ff7b72;\n --color-ansi-red-bright: #ffa198;\n --color-ansi-green: #3fb950;\n --color-ansi-green-bright: #56d364;\n --color-ansi-yellow: #d29922;\n --color-ansi-yellow-bright: #e3b341;\n --color-ansi-blue: #58a6ff;\n --color-ansi-blue-bright: #79c0ff;\n --color-ansi-magenta: #bc8cff;\n --color-ansi-magenta-bright: #d2a8ff;\n --color-ansi-cyan: #39c5cf;\n --color-ansi-cyan-bright: #56d4dd;\n --color-btn-text: #cad3f5;\n --color-btn-bg: #363a4f;\n --color-btn-border: transparent;\n --color-btn-shadow: 0 0 transparent;\n --color-btn-inset-shadow: 0 0 transparent;\n --color-btn-hover-bg: #494d64;\n --color-btn-hover-border: transparent;\n --color-btn-active-bg: #5b6078;\n --color-btn-active-border: transparent;\n --color-btn-selected-bg: #5b6078;\n --color-btn-focus-bg: #21262d;\n --color-btn-focus-border: #8b949e;\n --color-btn-focus-shadow: 0 0 0 3px rgba(139, 148, 158, 0.3);\n --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15);\n --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31, 111, 235, 0.3);\n --color-btn-counter-bg: #5b6078;\n --color-btn-primary-text: #24273a;\n --color-btn-primary-bg: #a6da95;\n --color-btn-primary-border: transparent;\n --color-btn-primary-shadow: 0 0 transparent;\n --color-btn-primary-inset-shadow: 0 0 transparent;\n --color-btn-primary-hover-bg: #bfd5d8;\n --color-btn-primary-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-selected-bg: #b8d7c5;\n --color-btn-primary-selected-shadow: 0 0 transparent;\n --color-btn-primary-disabled-text: #181926;\n --color-btn-primary-disabled-bg: #729271;\n --color-btn-primary-disabled-border: transparent;\n --color-btn-primary-focus-bg: #238636;\n --color-btn-primary-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-primary-icon: #24273a;\n --color-btn-primary-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-text: #58a6ff;\n --color-btn-outline-hover-text: #58a6ff;\n --color-btn-outline-hover-bg: #30363d;\n --color-btn-outline-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-hover-shadow: 0 1px 0 rgba(1, 4, 9, 0.1);\n --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);\n --color-btn-outline-hover-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-selected-text: #fff;\n --color-btn-outline-selected-bg: #0d419d;\n --color-btn-outline-selected-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-selected-shadow: 0 0 transparent;\n --color-btn-outline-disabled-text: #a5adcb;\n --color-btn-outline-disabled-bg: #5b6078;\n --color-btn-outline-disabled-counter-bg: rgba(31, 111, 235, 0.05);\n --color-btn-outline-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17, 88, 199, 0.4);\n --color-btn-outline-counter-bg: rgba(31, 111, 235, 0.1);\n --color-btn-danger-text: #24273a;\n --color-btn-danger-bg: #ed8796;\n --color-btn-danger-border: transparent;\n --color-btn-danger-shadow: 0 0 transparent;\n --color-btn-danger-inset-shadow: 0 0 transparent;\n --color-btn-danger-hover-bg: #d4bcd9;\n --color-btn-danger-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-danger-selected-bg: #dcadc6;\n --color-btn-danger-selected-shadow: 0 0 transparent;\n --color-btn-danger-disabled-text: #181926;\n --color-btn-danger-disabled-bg: #9d6171;\n --color-btn-danger-disabled-border: transparent;\n --color-btn-danger-focus-bg: #238636;\n --color-btn-danger-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-danger-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-danger-icon: #24273a;\n --color-btn-danger-counter-bg: rgba(255, 255, 255, 0.2);\n --color-underlinenav-icon: #6e7681;\n --color-underlinenav-border-hover: rgba(110, 118, 129, 0.4);\n --color-action-list-item-inline-divider: #5b6078;\n --color-action-list-item-default-hover-bg: #363a4f;\n --color-action-list-item-default-hover-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-active-bg: rgba(177, 186, 196, 0.2);\n --color-action-list-item-default-active-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-selected-bg: #494d64;\n --color-action-list-item-danger-hover-bg: rgba(248, 81, 73, 0.16);\n --color-action-list-item-danger-active-bg: rgba(248, 81, 73, 0.24);\n --color-action-list-item-danger-hover-text: #ff7b72;\n --color-switch-track-bg: #010409;\n --color-switch-track-border: #6e7681;\n --color-switch-track-checked-bg: rgba(31, 111, 235, 0.35);\n --color-switch-track-checked-hover-bg: rgba(31, 111, 235, 0.5);\n --color-switch-track-checked-active-bg: rgba(31, 111, 235, 0.65);\n --color-switch-track-checked-border: #58a6ff;\n --color-switch-knob-checked-bg: #1f6feb;\n --color-switch-knob-checked-disabled-bg: #484f58;\n --color-fg-default: #cad3f5;\n --color-fg-muted: #b8c0e0;\n --color-fg-subtle: #b8c0e0;\n --color-fg-on-emphasis: #24273a;\n --color-canvas-default: #24273a;\n --color-canvas-overlay: #1e2030;\n --color-canvas-inset: #363a4f;\n --color-canvas-subtle: #1e2030;\n --color-border-default: #494d64;\n --color-border-muted: #363a4f;\n --color-border-subtle: rgba(240, 246, 252, 0.1);\n --color-shadow-small: 0 0 transparent;\n --color-shadow-medium: 0 3px 6px #181926;\n --color-shadow-large: 0 8px 24px #181926;\n --color-shadow-extra-large: 0 12px 48px #181926;\n --color-neutral-emphasis-plus: #6e738d;\n --color-neutral-emphasis: #939ab7;\n --color-neutral-muted: rgba(110, 118, 129, 0.4);\n --color-neutral-subtle: rgba(110, 118, 129, 0.1);\n --color-accent-fg: #b7bdf8;\n --color-accent-emphasis: #b7bdf8;\n --color-accent-muted: rgba(183, 189, 248, 0.4);\n --color-accent-subtle: rgba(183, 189, 248, 0.15);\n --color-success-fg: #a6da95;\n --color-success-emphasis: #a6da95;\n --color-success-muted: rgba(46, 160, 67, 0.4);\n --color-success-subtle: rgba(46, 160, 67, 0.15);\n --color-attention-fg: #f5a97f;\n --color-attention-emphasis: #f5a97f;\n --color-attention-muted: rgba(187, 128, 9, 0.4);\n --color-attention-subtle: rgba(187, 128, 9, 0.15);\n --color-severe-fg: #ee99a0;\n --color-severe-emphasis: #ee99a0;\n --color-severe-muted: rgba(219, 109, 40, 0.4);\n --color-severe-subtle: rgba(219, 109, 40, 0.15);\n --color-danger-fg: #ed8796;\n --color-danger-emphasis: #ed8796;\n --color-danger-muted: rgba(248, 81, 73, 0.4);\n --color-danger-subtle: rgba(248, 81, 73, 0.15);\n --color-open-fg: #a6da95;\n --color-open-emphasis: #a6da95;\n --color-open-muted: rgba(46, 160, 67, 0.4);\n --color-open-subtle: rgba(46, 160, 67, 0.15);\n --color-closed-fg: #ed8796;\n --color-closed-emphasis: #ed8796;\n --color-closed-muted: rgba(248, 81, 73, 0.4);\n --color-closed-subtle: rgba(248, 81, 73, 0.15);\n --color-done-fg: #c6a0f6;\n --color-done-emphasis: #c6a0f6;\n --color-done-muted: rgba(163, 113, 247, 0.4);\n --color-done-subtle: rgba(163, 113, 247, 0.15);\n --color-sponsors-fg: #c6a0f6;\n --color-sponsors-emphasis: #c6a0f6;\n --color-sponsors-muted: rgba(219, 97, 162, 0.4);\n --color-sponsors-subtle: rgba(219, 97, 162, 0.15);\n --color-primer-fg-disabled: rgba(183, 189, 248, 0.5);\n --color-primer-canvas-backdrop: rgba(1, 4, 9, 0.8);\n --color-primer-canvas-sticky: rgba(13, 17, 23, 0.95);\n --color-primer-border-active: #ed8796;\n --color-primer-border-contrast: rgba(255, 255, 255, 0.2);\n --color-primer-shadow-highlight: 0 0 transparent;\n --color-primer-shadow-inset: 0 0 transparent;\n --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;\n --color-scale-black: #010409;\n --color-scale-white: #fff;\n --color-scale-gray-0: #f0f6fc;\n --color-scale-gray-1: #c9d1d9;\n --color-scale-gray-2: #b1bac4;\n --color-scale-gray-3: #8b949e;\n --color-scale-gray-4: #6e7681;\n --color-scale-gray-5: #484f58;\n --color-scale-gray-6: #30363d;\n --color-scale-gray-7: #21262d;\n --color-scale-gray-8: #161b22;\n --color-scale-gray-9: #0d1117;\n --color-scale-blue-0: #cae8ff;\n --color-scale-blue-1: #a5d6ff;\n --color-scale-blue-2: #79c0ff;\n --color-scale-blue-3: #58a6ff;\n --color-scale-blue-4: #388bfd;\n --color-scale-blue-5: #1f6feb;\n --color-scale-blue-6: #1158c7;\n --color-scale-blue-7: #0d419d;\n --color-scale-blue-8: #0c2d6b;\n --color-scale-blue-9: #051d4d;\n --color-scale-green-0: #aff5b4;\n --color-scale-green-1: #7ee787;\n --color-scale-green-2: #56d364;\n --color-scale-green-3: #3fb950;\n --color-scale-green-4: #2ea043;\n --color-scale-green-5: #238636;\n --color-scale-green-6: #196c2e;\n --color-scale-green-7: #0f5323;\n --color-scale-green-8: #033a16;\n --color-scale-green-9: #04260f;\n --color-scale-yellow-0: #f8e3a1;\n --color-scale-yellow-1: #f2cc60;\n --color-scale-yellow-2: #e3b341;\n --color-scale-yellow-3: #d29922;\n --color-scale-yellow-4: #bb8009;\n --color-scale-yellow-5: #9e6a03;\n --color-scale-yellow-6: #845306;\n --color-scale-yellow-7: #693e00;\n --color-scale-yellow-8: #4b2900;\n --color-scale-yellow-9: #341a00;\n --color-scale-orange-0: #ffdfb6;\n --color-scale-orange-1: #ffc680;\n --color-scale-orange-2: #ffa657;\n --color-scale-orange-3: #f0883e;\n --color-scale-orange-4: #db6d28;\n --color-scale-orange-5: #bd561d;\n --color-scale-orange-6: #9b4215;\n --color-scale-orange-7: #762d0a;\n --color-scale-orange-8: #5a1e02;\n --color-scale-orange-9: #3d1300;\n --color-scale-red-0: #ffdcd7;\n --color-scale-red-1: #ffc1ba;\n --color-scale-red-2: #ffa198;\n --color-scale-red-3: #ff7b72;\n --color-scale-red-4: #f85149;\n --color-scale-red-5: #da3633;\n --color-scale-red-6: #b62324;\n --color-scale-red-7: #8e1519;\n --color-scale-red-8: #67060c;\n --color-scale-red-9: #490202;\n --color-scale-purple-0: #eddeff;\n --color-scale-purple-1: #e2c5ff;\n --color-scale-purple-2: #d2a8ff;\n --color-scale-purple-3: #bc8cff;\n --color-scale-purple-4: #a371f7;\n --color-scale-purple-5: #8957e5;\n --color-scale-purple-6: #6e40c9;\n --color-scale-purple-7: #553098;\n --color-scale-purple-8: #3c1e70;\n --color-scale-purple-9: #271052;\n --color-scale-pink-0: #ffdaec;\n --color-scale-pink-1: #ffbedd;\n --color-scale-pink-2: #ff9bce;\n --color-scale-pink-3: #f778ba;\n --color-scale-pink-4: #db61a2;\n --color-scale-pink-5: #bf4b8a;\n --color-scale-pink-6: #9e3670;\n --color-scale-pink-7: #7d2457;\n --color-scale-pink-8: #5e103e;\n --color-scale-pink-9: #42062a;\n --color-scale-coral-0: #ffddd2;\n --color-scale-coral-1: #ffc2b2;\n --color-scale-coral-2: #ffa28b;\n --color-scale-coral-3: #f78166;\n --color-scale-coral-4: #ea6045;\n --color-scale-coral-5: #cf462d;\n --color-scale-coral-6: #ac3220;\n --color-scale-coral-7: #872012;\n --color-scale-coral-8: #640d04;\n --color-scale-coral-9: #460701;\n }\n [data-color-mode=\"light\"] .btn-danger,\n [data-color-mode=\"auto\"] > .theme-light .btn-danger,\n [data-color-mode=\"light\"] .Button--danger,\n [data-color-mode=\"auto\"] > .theme-light .Button--danger {\n background: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"light\"] .iRoQzU,\n [data-color-mode=\"auto\"] > .theme-light .iRoQzU,\n [data-color-mode=\"light\"] .ifkUYV,\n [data-color-mode=\"auto\"] > .theme-light .ifkUYV,\n [data-color-mode=\"light\"] .bOZDzN,\n [data-color-mode=\"auto\"] > .theme-light .bOZDzN,\n [data-color-mode=\"light\"] .cYGUCw,\n [data-color-mode=\"auto\"] > .theme-light .cYGUCw,\n [data-color-mode=\"light\"] .bbZPuV,\n [data-color-mode=\"auto\"] > .theme-light .bbZPuV {\n background-color: #a6da95;\n color: #24273a;\n }\n [data-color-mode=\"light\"] .jenxrv,\n [data-color-mode=\"auto\"] > .theme-light .jenxrv {\n background-color: #1e2030;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .fHiIQb,\n [data-color-mode=\"auto\"] > .theme-light .fHiIQb {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .idPXPh,\n [data-color-mode=\"auto\"] > .theme-light .idPXPh,\n [data-color-mode=\"light\"] .epAEYw,\n [data-color-mode=\"auto\"] > .theme-light .epAEYw {\n background-color: #363a4f;\n color: #cad3f5;\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .header-search-button.placeholder,\n [data-color-mode=\"auto\"] > .theme-light .header-search-button.placeholder {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .hx_IssueLabel,\n [data-color-mode=\"auto\"] > .theme-light .hx_IssueLabel {\n --text: #cad3f5;\n }\n [data-color-mode=\"light\"] .hx_IssueLabel,\n [data-color-mode=\"auto\"] > .theme-light .hx_IssueLabel {\n --lightness-threshold: 0.453;\n --border-threshold: 0.96;\n --border-fadeout: 1;\n color: var(--text) !important;\n background: rgb(var(--label-r), var(--label-g), var(--label-b)) !important;\n border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 25) * 1%), var(--border-fadeout)) !important;\n }\n [data-color-mode=\"light\"] .Label,\n [data-color-mode=\"auto\"] > .theme-light .Label {\n color: var(--color-accent-fg);\n background-color: #363a4f;\n border-color: transparent;\n }\n [data-color-mode=\"light\"] .Label--secondary,\n [data-color-mode=\"auto\"] > .theme-light .Label--secondary {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .Label--success,\n [data-color-mode=\"auto\"] > .theme-light .Label--success {\n color: #24273a;\n background-color: #a6da95;\n }\n [data-color-mode=\"light\"] .Label--danger,\n [data-color-mode=\"auto\"] > .theme-light .Label--danger {\n background-color: var(--color-danger-emphasis);\n color: var(--color-btn-danger-text);\n }\n [data-color-mode=\"light\"] .timeline-comment-header .Label,\n [data-color-mode=\"auto\"] > .theme-light .timeline-comment-header .Label,\n [data-color-mode=\"light\"] .timeline-comment .Label,\n [data-color-mode=\"auto\"] > .theme-light .timeline-comment .Label {\n color: var(--color-fg-muted);\n }\n [data-color-mode=\"light\"] .header-search-input,\n [data-color-mode=\"auto\"] > .theme-light .header-search-input {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"light\"] .header-search-input::placeholder,\n [data-color-mode=\"auto\"] > .theme-light .header-search-input::placeholder {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"light\"] .topic-tag,\n [data-color-mode=\"auto\"] > .theme-light .topic-tag {\n --color-accent-fg: #b7bdf8;\n --color-accent-emphasis: #b7bdf8;\n --color-accent-muted: rgba(183, 189, 248, 0.4);\n --color-accent-subtle: rgba(183, 189, 248, 0.15);\n }\n [data-color-mode=\"light\"] .dYxKVs,\n [data-color-mode=\"auto\"] > .theme-light .dYxKVs,\n [data-color-mode=\"light\"] .eVjWum,\n [data-color-mode=\"auto\"] > .theme-light .eVjWum {\n color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .fIqerb,\n [data-color-mode=\"auto\"] > .theme-light .fIqerb {\n color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .ftOYgF,\n [data-color-mode=\"auto\"] > .theme-light .ftOYgF {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .col-md-8,\n [data-color-mode=\"auto\"] > .theme-light .col-md-8 {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .user-mention,\n [data-color-mode=\"auto\"] > .theme-light .user-mention,\n [data-color-mode=\"light\"] .team-mention,\n [data-color-mode=\"auto\"] > .theme-light .team-mention {\n color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg,\n [data-color-mode=\"auto\"] > .theme-light .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: #a6da95;\n }\n [data-color-mode=\"light\"] .starred .starred-button-icon,\n [data-color-mode=\"auto\"] > .theme-light .starred .starred-button-icon {\n color: #eed49f;\n }\n [data-color-mode=\"light\"] .flash,\n [data-color-mode=\"auto\"] > .theme-light .flash {\n --color-attention-muted: #b7bdf8;\n --bgColor-attention-muted: rgba(183, 189, 248, 0.4);\n --color-attention-subtle: rgba(183, 189, 248, 0.15);\n }\n [data-color-mode=\"light\"] .color-bg-subtle,\n [data-color-mode=\"auto\"] > .theme-light .color-bg-subtle {\n background-color: transparent !important;\n }\n [data-color-mode=\"light\"] .command-palette-details-dialog .color-bg-subtle,\n [data-color-mode=\"auto\"] > .theme-light .command-palette-details-dialog .color-bg-subtle {\n background-color: #363a4f !important;\n }\n [data-color-mode=\"light\"] .navigation-item[aria-selected=\"true\"] .color-fg-muted,\n [data-color-mode=\"auto\"] > .theme-light .navigation-item[aria-selected=\"true\"] .color-fg-muted {\n color: #24273a !important;\n }\n [data-color-mode=\"light\"] .AppHeader,\n [data-color-mode=\"auto\"] > .theme-light .AppHeader {\n background: var(--color-header-bg);\n }\n [data-color-mode=\"light\"] h1,\n [data-color-mode=\"auto\"] > .theme-light h1,\n [data-color-mode=\"light\"] h2,\n [data-color-mode=\"auto\"] > .theme-light h2,\n [data-color-mode=\"light\"] h3,\n [data-color-mode=\"auto\"] > .theme-light h3,\n [data-color-mode=\"light\"] h4,\n [data-color-mode=\"auto\"] > .theme-light h4,\n [data-color-mode=\"light\"] h5,\n [data-color-mode=\"auto\"] > .theme-light h5,\n [data-color-mode=\"light\"] h6,\n [data-color-mode=\"auto\"] > .theme-light h6 {\n color: #b8c0e0;\n }\n [data-color-mode=\"light\"] #check-step-header-title,\n [data-color-mode=\"auto\"] > .theme-light #check-step-header-title {\n color: var(--color-checks-text-link) !important;\n }\n [data-color-mode=\"light\"] ::selection,\n [data-color-mode=\"auto\"] > .theme-light ::selection {\n background: #5b6078 !important;\n }\n [data-color-mode=\"light\"] .btn.color-fg-danger.cursor-default,\n [data-color-mode=\"auto\"] > .theme-light .btn.color-fg-danger.cursor-default {\n color: var(--color-btn-danger-text) !important;\n background-color: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"light\"] .btn.color-fg-danger.cursor-default:hover,\n [data-color-mode=\"auto\"] > .theme-light .btn.color-fg-danger.cursor-default:hover {\n background-color: var(--color-btn-danger-hover-bg);\n }\n [data-color-mode=\"light\"] .btn.color-fg-danger.cursor-default > svg.octicon,\n [data-color-mode=\"auto\"] > .theme-light .btn.color-fg-danger.cursor-default > svg.octicon {\n color: var(--color-btn-danger-text) !important;\n }\n [data-color-mode=\"light\"] :where(\n #repo-visibility-proceed-button-public,\n #repo-visibility-proceed-button-private\n ):not([data-next-stage]),\n [data-color-mode=\"auto\"] > .theme-light :where(\n #repo-visibility-proceed-button-public,\n #repo-visibility-proceed-button-private\n ):not([data-next-stage]) {\n color: var(--color-btn-danger-text);\n background-color: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"light\"] body.session-authentication div.Box-header,\n [data-color-mode=\"auto\"] > .theme-light body.session-authentication div.Box-header {\n background-color: inherit;\n }\n [data-color-mode=\"light\"] .footer-octicon > svg:nth-child(1) > path:nth-child(1),\n [data-color-mode=\"auto\"] > .theme-light .footer-octicon > svg:nth-child(1) > path:nth-child(1) {\n fill: #cad3f5;\n }\n [data-color-mode=\"light\"] .footer nav.col-12 *,\n [data-color-mode=\"auto\"] > .theme-light .footer nav.col-12 * {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"light\"] .notification-indicator .mail-status,\n [data-color-mode=\"auto\"] > .theme-light .notification-indicator .mail-status {\n background-image: none;\n background-color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .bdgUpN,\n [data-color-mode=\"auto\"] > .theme-light .bdgUpN,\n [data-color-mode=\"light\"] .hZMmEi .TextInput-icon,\n [data-color-mode=\"auto\"] > .theme-light .hZMmEi .TextInput-icon,\n [data-color-mode=\"light\"] .hZMmEi .TextInput-action,\n [data-color-mode=\"auto\"] > .theme-light .hZMmEi .TextInput-action {\n color: #cad3f5;\n background-color: #1e2030;\n border-color: #363a4f;\n }\n [data-color-mode=\"light\"] .fMJQEf,\n [data-color-mode=\"auto\"] > .theme-light .fMJQEf {\n color: #cad3f5;\n background-color: #6e738d;\n }\n [data-color-mode=\"light\"] .iVNDSi,\n [data-color-mode=\"auto\"] > .theme-light .iVNDSi {\n color: #b7bdf8;\n background-color: rgba(183, 189, 248, 0.1);\n }\n [data-color-mode=\"light\"] .hwnsNO,\n [data-color-mode=\"auto\"] > .theme-light .hwnsNO {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .hwnsNO th,\n [data-color-mode=\"auto\"] > .theme-light .hwnsNO th {\n background: #1e2030;\n }\n [data-color-mode=\"light\"] .dXveNa[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .dXveNa[data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .dXveNa,\n [data-color-mode=\"auto\"] > .theme-light .dXveNa,\n [data-color-mode=\"light\"] .kbjJSF,\n [data-color-mode=\"auto\"] > .theme-light .kbjJSF {\n background-color: #363a4f;\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .gUecKw,\n [data-color-mode=\"auto\"] > .theme-light .gUecKw,\n [data-color-mode=\"light\"] .lcpiaz,\n [data-color-mode=\"auto\"] > .theme-light .lcpiaz,\n [data-color-mode=\"light\"] .jolsUx,\n [data-color-mode=\"auto\"] > .theme-light .jolsUx,\n [data-color-mode=\"light\"] .fsSggy,\n [data-color-mode=\"auto\"] > .theme-light .fsSggy {\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .Cxvmo,\n [data-color-mode=\"auto\"] > .theme-light .Cxvmo,\n [data-color-mode=\"light\"] .dhYcqs,\n [data-color-mode=\"auto\"] > .theme-light .dhYcqs {\n color: #ed8796;\n }\n [data-color-mode=\"light\"] .byJIBD,\n [data-color-mode=\"auto\"] > .theme-light .byJIBD,\n [data-color-mode=\"light\"] .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg,\n [data-color-mode=\"auto\"] > .theme-light .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: #a6da95;\n }\n [data-color-mode=\"light\"] .lmmHGT:not(:first-of-type),\n [data-color-mode=\"auto\"] > .theme-light .lmmHGT:not(:first-of-type),\n [data-color-mode=\"light\"] .fOEJrA,\n [data-color-mode=\"auto\"] > .theme-light .fOEJrA,\n [data-color-mode=\"light\"] .fnFdxN,\n [data-color-mode=\"auto\"] > .theme-light .fnFdxN,\n [data-color-mode=\"light\"] .huABLg,\n [data-color-mode=\"auto\"] > .theme-light .huABLg,\n [data-color-mode=\"light\"] .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-light .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"light\"] .cwSUxL,\n [data-color-mode=\"auto\"] > .theme-light .cwSUxL,\n [data-color-mode=\"light\"] .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"light\"] .jvzHAP,\n [data-color-mode=\"auto\"] > .theme-light .jvzHAP,\n [data-color-mode=\"light\"] .hPIyzG,\n [data-color-mode=\"auto\"] > .theme-light .hPIyzG,\n [data-color-mode=\"light\"] .gTeenv[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .gTeenv[data-no-visuals=\"true\"],\n [data-color-mode=\"light\"] .VplrY[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .VplrY[data-no-visuals=\"true\"],\n [data-color-mode=\"light\"] .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-light .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"light\"] .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"light\"] .kKFNhh,\n [data-color-mode=\"auto\"] > .theme-light .kKFNhh,\n [data-color-mode=\"light\"] .lnXbGs,\n [data-color-mode=\"auto\"] > .theme-light .lnXbGs,\n [data-color-mode=\"light\"] .dTxwit,\n [data-color-mode=\"auto\"] > .theme-light .dTxwit {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .gssqTz,\n [data-color-mode=\"auto\"] > .theme-light .gssqTz {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"light\"] .bPgnBp,\n [data-color-mode=\"auto\"] > .theme-light .bPgnBp,\n [data-color-mode=\"light\"] .jMyfUO,\n [data-color-mode=\"auto\"] > .theme-light .jMyfUO,\n [data-color-mode=\"light\"] .cBrzIN,\n [data-color-mode=\"auto\"] > .theme-light .cBrzIN {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .eLaeIt:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .eLaeIt:hover:not([disabled]),\n [data-color-mode=\"light\"] .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n [data-color-mode=\"light\"] .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-light .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"light\"] .bDSYgZ:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .bDSYgZ:hover:not([disabled]),\n [data-color-mode=\"light\"] .icOaJE:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .icOaJE:hover:not([disabled]) {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .icOaJE[aria-pressed=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .icOaJE[aria-pressed=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .cZRqXf,\n [data-color-mode=\"auto\"] > .theme-light .cZRqXf {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .cZRqXf:active:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .cZRqXf:active:not([disabled]),\n [data-color-mode=\"light\"] .cZRqXf[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .cZRqXf[aria-expanded=\"true\"] {\n border-color: #5b6078;\n }\n [data-color-mode=\"light\"] .cZRqXf:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .cZRqXf:hover:not([disabled]) {\n border-color: #5b6078;\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .kdEavw,\n [data-color-mode=\"auto\"] > .theme-light .kdEavw,\n [data-color-mode=\"light\"] .ddNLNa,\n [data-color-mode=\"auto\"] > .theme-light .ddNLNa,\n [data-color-mode=\"light\"] .jepClM,\n [data-color-mode=\"auto\"] > .theme-light .jepClM,\n [data-color-mode=\"light\"] .gTeenv,\n [data-color-mode=\"auto\"] > .theme-light .gTeenv,\n [data-color-mode=\"light\"] .VplrY,\n [data-color-mode=\"auto\"] > .theme-light .VplrY {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .kdEavw:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .kdEavw:hover:not([disabled]),\n [data-color-mode=\"light\"] .ddNLNa:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .ddNLNa:hover:not([disabled]),\n [data-color-mode=\"light\"] .jepClM:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .jepClM:hover:not([disabled]),\n [data-color-mode=\"light\"] .gTeenv:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .gTeenv:hover:not([disabled]),\n [data-color-mode=\"light\"] .VplrY:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .VplrY:hover:not([disabled]) {\n border-color: #5b6078;\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .feVXyu,\n [data-color-mode=\"auto\"] > .theme-light .feVXyu,\n [data-color-mode=\"light\"] .ecdhqS,\n [data-color-mode=\"auto\"] > .theme-light .ecdhqS,\n [data-color-mode=\"light\"] .iwGxyT,\n [data-color-mode=\"auto\"] > .theme-light .iwGxyT,\n [data-color-mode=\"light\"] .kLxXov,\n [data-color-mode=\"auto\"] > .theme-light .kLxXov,\n [data-color-mode=\"light\"] .flDsrw,\n [data-color-mode=\"auto\"] > .theme-light .flDsrw {\n border-color: #363a4f;\n }\n [data-color-mode=\"light\"] .juEfKr,\n [data-color-mode=\"auto\"] > .theme-light .juEfKr {\n border-color: #5b6078;\n }\n [data-color-mode=\"light\"] .eUqMHM,\n [data-color-mode=\"auto\"] > .theme-light .eUqMHM,\n [data-color-mode=\"light\"] .hSXtjz,\n [data-color-mode=\"auto\"] > .theme-light .hSXtjz {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .gtXnmh,\n [data-color-mode=\"auto\"] > .theme-light .gtXnmh,\n [data-color-mode=\"light\"] .ukUXs,\n [data-color-mode=\"auto\"] > .theme-light .ukUXs,\n [data-color-mode=\"light\"] .giEfVQ,\n [data-color-mode=\"auto\"] > .theme-light .giEfVQ,\n [data-color-mode=\"light\"] .cKvNNO,\n [data-color-mode=\"auto\"] > .theme-light .cKvNNO,\n [data-color-mode=\"light\"] .evdFFE,\n [data-color-mode=\"auto\"] > .theme-light .evdFFE,\n [data-color-mode=\"light\"] .kTUxDY,\n [data-color-mode=\"auto\"] > .theme-light .kTUxDY {\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .hLwWNO .PRIVATE_TreeView-item-container,\n [data-color-mode=\"auto\"] > .theme-light .hLwWNO .PRIVATE_TreeView-item-container,\n [data-color-mode=\"light\"] .dycbWg,\n [data-color-mode=\"auto\"] > .theme-light .dycbWg,\n [data-color-mode=\"light\"] .hYaoHV,\n [data-color-mode=\"auto\"] > .theme-light .hYaoHV,\n [data-color-mode=\"light\"] .rLhXz,\n [data-color-mode=\"auto\"] > .theme-light .rLhXz,\n [data-color-mode=\"light\"] .gtXnmh,\n [data-color-mode=\"auto\"] > .theme-light .gtXnmh,\n [data-color-mode=\"light\"] .lmmHGT,\n [data-color-mode=\"auto\"] > .theme-light .lmmHGT,\n [data-color-mode=\"light\"] .dEmXPQ,\n [data-color-mode=\"auto\"] > .theme-light .dEmXPQ {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .bJBoUI,\n [data-color-mode=\"auto\"] > .theme-light .bJBoUI,\n [data-color-mode=\"light\"] .iJtJJh,\n [data-color-mode=\"auto\"] > .theme-light .iJtJJh {\n color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .lhyFLG,\n [data-color-mode=\"auto\"] > .theme-light .lhyFLG {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .hUWqlv,\n [data-color-mode=\"auto\"] > .theme-light .hUWqlv,\n [data-color-mode=\"light\"] .bJcMWH,\n [data-color-mode=\"auto\"] > .theme-light .bJcMWH {\n color: #8aadf4;\n }\n [data-color-mode=\"light\"] .Link__StyledLink-sc-14289xe-0.ifbDxt,\n [data-color-mode=\"auto\"] > .theme-light .Link__StyledLink-sc-14289xe-0.ifbDxt {\n color: #8aadf4;\n }\n [data-color-mode=\"light\"] .Link__StyledLink-sc-14289xe-0.ifbDxt:hover,\n [data-color-mode=\"auto\"] > .theme-light .Link__StyledLink-sc-14289xe-0.ifbDxt:hover {\n background-color: rgba(138, 173, 244, 0.4);\n }\n [data-color-mode=\"light\"] .cxcvTj,\n [data-color-mode=\"auto\"] > .theme-light .cxcvTj,\n [data-color-mode=\"light\"] .Box-sc-g0xbh4-0.grSspY button,\n [data-color-mode=\"auto\"] > .theme-light .Box-sc-g0xbh4-0.grSspY button {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .gxGEao,\n [data-color-mode=\"auto\"] > .theme-light .gxGEao {\n border-bottom-color: #363a4f;\n }\n [data-color-mode=\"light\"] .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container,\n [data-color-mode=\"auto\"] > .theme-light .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container::after,\n [data-color-mode=\"auto\"] > .theme-light .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .dfAUyE .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .dfAUyE .segmentedControl-content,\n [data-color-mode=\"light\"] .gKuCoB .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .gKuCoB .segmentedControl-content,\n [data-color-mode=\"light\"] .bFrOJy .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .bFrOJy .segmentedControl-content {\n background-color: #1e2030;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .cuqBaK,\n [data-color-mode=\"auto\"] > .theme-light .cuqBaK,\n [data-color-mode=\"light\"] .fCAAcl,\n [data-color-mode=\"auto\"] > .theme-light .fCAAcl,\n [data-color-mode=\"light\"] .dAXkSP,\n [data-color-mode=\"auto\"] > .theme-light .dAXkSP {\n color: #cad3f5;\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .cuqBaK:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .cuqBaK:hover .segmentedControl-content,\n [data-color-mode=\"light\"] .fCAAcl:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .fCAAcl:hover .segmentedControl-content,\n [data-color-mode=\"light\"] .dAXkSP:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .dAXkSP:hover .segmentedControl-content {\n background: #363a4f;\n }\n @media (hover: hover) and (pointer: fine) {\n [data-color-mode=\"light\"] .rLhXz:hover:not([aria-disabled]),\n [data-color-mode=\"auto\"] > .theme-light .rLhXz:hover:not([aria-disabled]) {\n background-color: #363a4f;\n }\n }\n [data-color-mode=\"light\"] .ksbilD,\n [data-color-mode=\"auto\"] > .theme-light .ksbilD,\n [data-color-mode=\"light\"] .cuaLcW,\n [data-color-mode=\"auto\"] > .theme-light .cuaLcW,\n [data-color-mode=\"light\"] .joCMLT,\n [data-color-mode=\"auto\"] > .theme-light .joCMLT,\n [data-color-mode=\"light\"] .jClMHS,\n [data-color-mode=\"auto\"] > .theme-light .jClMHS,\n [data-color-mode=\"light\"] .jhjELj,\n [data-color-mode=\"auto\"] > .theme-light .jhjELj,\n [data-color-mode=\"light\"] .diDjDG,\n [data-color-mode=\"auto\"] > .theme-light .diDjDG,\n [data-color-mode=\"light\"] .gFuKCf,\n [data-color-mode=\"auto\"] > .theme-light .gFuKCf,\n [data-color-mode=\"light\"] .dHdESs,\n [data-color-mode=\"auto\"] > .theme-light .dHdESs,\n [data-color-mode=\"light\"] .hpfKPO,\n [data-color-mode=\"auto\"] > .theme-light .hpfKPO,\n [data-color-mode=\"light\"] .jdgyJn,\n [data-color-mode=\"auto\"] > .theme-light .jdgyJn,\n [data-color-mode=\"light\"] .iInViE,\n [data-color-mode=\"auto\"] > .theme-light .iInViE,\n [data-color-mode=\"light\"] .brqMal,\n [data-color-mode=\"auto\"] > .theme-light .brqMal,\n [data-color-mode=\"light\"] .AbCTW,\n [data-color-mode=\"auto\"] > .theme-light .AbCTW {\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .jEgFtJ,\n [data-color-mode=\"auto\"] > .theme-light .jEgFtJ,\n [data-color-mode=\"light\"] .lixtXZ:hover,\n [data-color-mode=\"auto\"] > .theme-light .lixtXZ:hover,\n [data-color-mode=\"light\"] .eNIoFu,\n [data-color-mode=\"auto\"] > .theme-light .eNIoFu,\n [data-color-mode=\"light\"] .idPXPh:hover,\n [data-color-mode=\"auto\"] > .theme-light .idPXPh:hover,\n [data-color-mode=\"light\"] .fdORwV,\n [data-color-mode=\"auto\"] > .theme-light .fdORwV,\n [data-color-mode=\"light\"] .cjFogo,\n [data-color-mode=\"auto\"] > .theme-light .cjFogo,\n [data-color-mode=\"light\"] .gIOnJa,\n [data-color-mode=\"auto\"] > .theme-light .gIOnJa {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .jBCpbB,\n [data-color-mode=\"auto\"] > .theme-light .jBCpbB {\n color: #cad3f5;\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .kzrUhn.selected,\n [data-color-mode=\"auto\"] > .theme-light .kzrUhn.selected {\n background-color: #24273a;\n border-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .esIQoN,\n [data-color-mode=\"auto\"] > .theme-light .esIQoN,\n [data-color-mode=\"light\"] .kbjJSF:disabled,\n [data-color-mode=\"auto\"] > .theme-light .kbjJSF:disabled {\n color: #b8c0e0;\n }\n [data-color-mode=\"light\"] .eJTCnd,\n [data-color-mode=\"auto\"] > .theme-light .eJTCnd,\n [data-color-mode=\"light\"] .eTthoV,\n [data-color-mode=\"auto\"] > .theme-light .eTthoV {\n border-color: #363a4f;\n background-color: #24273a;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .eJTCnd .fixINc,\n [data-color-mode=\"auto\"] > .theme-light .eJTCnd .fixINc,\n [data-color-mode=\"light\"] .eTthoV .fixINc,\n [data-color-mode=\"auto\"] > .theme-light .eTthoV .fixINc,\n [data-color-mode=\"light\"] .eJTCnd .eDZJqt,\n [data-color-mode=\"auto\"] > .theme-light .eJTCnd .eDZJqt,\n [data-color-mode=\"light\"] .eTthoV .eDZJqt,\n [data-color-mode=\"auto\"] > .theme-light .eTthoV .eDZJqt {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .eJTCnd .bniVFX,\n [data-color-mode=\"auto\"] > .theme-light .eJTCnd .bniVFX,\n [data-color-mode=\"light\"] .eTthoV .bniVFX,\n [data-color-mode=\"auto\"] > .theme-light .eTthoV .bniVFX,\n [data-color-mode=\"light\"] .eJTCnd .jtlytA,\n [data-color-mode=\"auto\"] > .theme-light .eJTCnd .jtlytA,\n [data-color-mode=\"light\"] .eTthoV .jtlytA,\n [data-color-mode=\"auto\"] > .theme-light .eTthoV .jtlytA {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .ikTPpF,\n [data-color-mode=\"auto\"] > .theme-light .ikTPpF {\n box-shadow: #24273a 0 3px 6px;\n border-color: #363a4f;\n }\n [data-color-mode=\"light\"] .cvveTk,\n [data-color-mode=\"auto\"] > .theme-light .cvveTk,\n [data-color-mode=\"light\"] .dwoION,\n [data-color-mode=\"auto\"] > .theme-light .dwoION {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .FKGWN,\n [data-color-mode=\"auto\"] > .theme-light .FKGWN {\n background-color: #24273a;\n border-color: #363a4f;\n }\n [data-color-mode=\"light\"] .jPHlsW::after,\n [data-color-mode=\"auto\"] > .theme-light .jPHlsW::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .khCtfm:hover,\n [data-color-mode=\"auto\"] > .theme-light .khCtfm:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .bWlbEI,\n [data-color-mode=\"auto\"] > .theme-light .bWlbEI,\n [data-color-mode=\"light\"] .hzIORV,\n [data-color-mode=\"auto\"] > .theme-light .hzIORV {\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .khCtfm,\n [data-color-mode=\"auto\"] > .theme-light .khCtfm,\n [data-color-mode=\"light\"] .khCtfm[data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] > .theme-light .khCtfm[data-component=\"leadingVisual\"],\n [data-color-mode=\"light\"] .Tnbrt[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-light .Tnbrt[data-component=\"IconButton\"][data-no-visuals] {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .Tnbrt:active,\n [data-color-mode=\"auto\"] > .theme-light .Tnbrt:active,\n [data-color-mode=\"light\"] .Tnbrt[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .Tnbrt[aria-expanded=\"true\"] {\n background-color: #5b6078;\n }\n [data-color-mode=\"light\"] .Tnbrt:hover,\n [data-color-mode=\"auto\"] > .theme-light .Tnbrt:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .imsxCM,\n [data-color-mode=\"auto\"] > .theme-light .imsxCM {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .imsxCM .is-selected::after,\n [data-color-mode=\"auto\"] > .theme-light .imsxCM .is-selected::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .pxYjU,\n [data-color-mode=\"auto\"] > .theme-light .pxYjU {\n background-color: #1e2030;\n color: #cad3f5;\n border-color: #363a4f;\n }\n [data-color-mode=\"light\"] .ilLRrZ,\n [data-color-mode=\"auto\"] > .theme-light .ilLRrZ {\n color: #cad3f5;\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .cnIHxk,\n [data-color-mode=\"auto\"] > .theme-light .cnIHxk {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .cnIHxk:disabled,\n [data-color-mode=\"auto\"] > .theme-light .cnIHxk:disabled {\n background-color: #6e738d;\n color: #181926;\n }\n [data-color-mode=\"light\"] .ghFpol,\n [data-color-mode=\"auto\"] > .theme-light .ghFpol {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .hVmCdl,\n [data-color-mode=\"auto\"] > .theme-light .hVmCdl,\n [data-color-mode=\"light\"] .fqKZNC,\n [data-color-mode=\"auto\"] > .theme-light .fqKZNC,\n [data-color-mode=\"light\"] .fZFWUy,\n [data-color-mode=\"auto\"] > .theme-light .fZFWUy,\n [data-color-mode=\"light\"] .kbjJSF,\n [data-color-mode=\"auto\"] > .theme-light .kbjJSF,\n [data-color-mode=\"light\"] .flKHtV,\n [data-color-mode=\"auto\"] > .theme-light .flKHtV,\n [data-color-mode=\"light\"] .jolsUx,\n [data-color-mode=\"auto\"] > .theme-light .jolsUx,\n [data-color-mode=\"light\"] .ekNmOn,\n [data-color-mode=\"auto\"] > .theme-light .ekNmOn {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-light .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"light\"] .klUZzf:not(:first-of-type),\n [data-color-mode=\"auto\"] > .theme-light .klUZzf:not(:first-of-type) {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .jvpWzR:hover,\n [data-color-mode=\"auto\"] > .theme-light .jvpWzR:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .jvpWzR[data-size=\"large\"][data-block=\"block\"],\n [data-color-mode=\"auto\"] > .theme-light .jvpWzR[data-size=\"large\"][data-block=\"block\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .fZFWUy,\n [data-color-mode=\"auto\"] > .theme-light .fZFWUy,\n [data-color-mode=\"light\"] .fzjwje,\n [data-color-mode=\"auto\"] > .theme-light .fzjwje {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .cEYXBH,\n [data-color-mode=\"auto\"] > .theme-light .cEYXBH {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .joxhcl,\n [data-color-mode=\"auto\"] > .theme-light .joxhcl,\n [data-color-mode=\"light\"] .hXyJIp,\n [data-color-mode=\"auto\"] > .theme-light .hXyJIp,\n [data-color-mode=\"light\"] .fMkBhb > .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .fMkBhb > .segmentedControl-content {\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .dVFmxu,\n [data-color-mode=\"auto\"] > .theme-light .dVFmxu,\n [data-color-mode=\"light\"] .gbKtit,\n [data-color-mode=\"auto\"] > .theme-light .gbKtit,\n [data-color-mode=\"light\"] .lnKxja,\n [data-color-mode=\"auto\"] > .theme-light .lnKxja,\n [data-color-mode=\"light\"] .jzwNMs,\n [data-color-mode=\"auto\"] > .theme-light .jzwNMs {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .dVFmxu svg,\n [data-color-mode=\"auto\"] > .theme-light .dVFmxu svg,\n [data-color-mode=\"light\"] .gbKtit svg,\n [data-color-mode=\"auto\"] > .theme-light .gbKtit svg,\n [data-color-mode=\"light\"] .lnKxja svg,\n [data-color-mode=\"auto\"] > .theme-light .lnKxja svg,\n [data-color-mode=\"light\"] .jzwNMs svg,\n [data-color-mode=\"auto\"] > .theme-light .jzwNMs svg {\n fill: #a5adcb;\n }\n [data-color-mode=\"light\"] .dVFmxu:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .dVFmxu:hover .segmentedControl-content,\n [data-color-mode=\"light\"] .gbKtit:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .gbKtit:hover .segmentedControl-content,\n [data-color-mode=\"light\"] .lnKxja:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .lnKxja:hover .segmentedControl-content,\n [data-color-mode=\"light\"] .jzwNMs:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .jzwNMs:hover .segmentedControl-content {\n background-color: #494d64;\n border-color: #363a4f;\n }\n [data-color-mode=\"light\"] .hJMtSk,\n [data-color-mode=\"auto\"] > .theme-light .hJMtSk {\n color: #181926;\n background-color: #a6da95;\n }\n [data-color-mode=\"light\"] .hJMtSk:disabled,\n [data-color-mode=\"auto\"] > .theme-light .hJMtSk:disabled {\n color: #181926;\n background-color: #6e738d;\n }\n [data-color-mode=\"light\"] .iDiUTR,\n [data-color-mode=\"auto\"] > .theme-light .iDiUTR {\n color: #cad3f5;\n background-color: #24273a;\n border-color: #363a4f;\n }\n [data-color-mode=\"light\"] .iDiUTR:hover,\n [data-color-mode=\"auto\"] > .theme-light .iDiUTR:hover {\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .eQfJKc,\n [data-color-mode=\"auto\"] > .theme-light .eQfJKc,\n [data-color-mode=\"light\"] .UHWYv,\n [data-color-mode=\"auto\"] > .theme-light .UHWYv {\n color: #ed8796;\n }\n [data-color-mode=\"light\"] .jVIqnb,\n [data-color-mode=\"auto\"] > .theme-light .jVIqnb {\n color: #ed8796;\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .jVIqnb:hover,\n [data-color-mode=\"auto\"] > .theme-light .jVIqnb:hover {\n color: #24273a;\n background-color: #ed8796;\n }\n [data-color-mode=\"light\"] .UHWYv:hover,\n [data-color-mode=\"auto\"] > .theme-light .UHWYv:hover {\n background-color: rgba(237, 135, 150, 0.2);\n }\n [data-color-mode=\"light\"] .lmmHGT:hover,\n [data-color-mode=\"auto\"] > .theme-light .lmmHGT:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .hYdbWk,\n [data-color-mode=\"auto\"] > .theme-light .hYdbWk,\n [data-color-mode=\"light\"] .gkeKEr,\n [data-color-mode=\"auto\"] > .theme-light .gkeKEr,\n [data-color-mode=\"light\"] .jzcCeu,\n [data-color-mode=\"auto\"] > .theme-light .jzcCeu,\n [data-color-mode=\"light\"] .iGxiw,\n [data-color-mode=\"auto\"] > .theme-light .iGxiw,\n [data-color-mode=\"light\"] .ixFSpw,\n [data-color-mode=\"auto\"] > .theme-light .ixFSpw,\n [data-color-mode=\"light\"] .koxWOe,\n [data-color-mode=\"auto\"] > .theme-light .koxWOe,\n [data-color-mode=\"light\"] .gkWKRr,\n [data-color-mode=\"auto\"] > .theme-light .gkWKRr,\n [data-color-mode=\"light\"] .ikaTJo > svg,\n [data-color-mode=\"auto\"] > .theme-light .ikaTJo > svg,\n [data-color-mode=\"light\"] .dcGHGc,\n [data-color-mode=\"auto\"] > .theme-light .dcGHGc,\n [data-color-mode=\"light\"] .dzMFih,\n [data-color-mode=\"auto\"] > .theme-light .dzMFih,\n [data-color-mode=\"light\"] .hYdbWk::before,\n [data-color-mode=\"auto\"] > .theme-light .hYdbWk::before,\n [data-color-mode=\"light\"] .ixFSpw::before,\n [data-color-mode=\"auto\"] > .theme-light .ixFSpw::before,\n [data-color-mode=\"light\"] .dSHKOE,\n [data-color-mode=\"auto\"] > .theme-light .dSHKOE {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .gkWKRr,\n [data-color-mode=\"auto\"] > .theme-light .gkWKRr {\n border-top-color: #363a4f;\n border-right-color: #363a4f;\n border-left-color: #363a4f;\n }\n [data-color-mode=\"light\"] .hPQRKh,\n [data-color-mode=\"auto\"] > .theme-light .hPQRKh {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .hPQRKh:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .hPQRKh:hover:not([disabled]) {\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .hPQRKh[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-light .hPQRKh[data-component=\"IconButton\"][data-no-visuals] {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .kfwhFa:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .kfwhFa:hover:not([disabled]) {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .kfwhFa[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .kfwhFa[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .jykkjb,\n [data-color-mode=\"auto\"] > .theme-light .jykkjb {\n background-color: #24273a;\n box-shadow: #181926 0 -2px 0 inset, #181926 0 1px 0 inset;\n }\n [data-color-mode=\"light\"] .jhjELj,\n [data-color-mode=\"auto\"] > .theme-light .jhjELj,\n [data-color-mode=\"light\"] .ixTUPS,\n [data-color-mode=\"auto\"] > .theme-light .ixTUPS {\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .gmscZx:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .gmscZx:hover:not([disabled]),\n [data-color-mode=\"light\"] .fUaEiu:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-light .fUaEiu:hover:not([disabled]) {\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .gmscZx[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .gmscZx[aria-expanded=\"true\"],\n [data-color-mode=\"light\"] .fUaEiu[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .fUaEiu[aria-expanded=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .gmscZx [data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] > .theme-light .gmscZx [data-component=\"leadingVisual\"],\n [data-color-mode=\"light\"] .fUaEiu [data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] > .theme-light .fUaEiu [data-component=\"leadingVisual\"],\n [data-color-mode=\"light\"] .gmscZx[data-size=\"small\"],\n [data-color-mode=\"auto\"] > .theme-light .gmscZx[data-size=\"small\"],\n [data-color-mode=\"light\"] .fUaEiu[data-size=\"small\"],\n [data-color-mode=\"auto\"] > .theme-light .fUaEiu[data-size=\"small\"],\n [data-color-mode=\"light\"] .gmscZx[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .gmscZx[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"light\"] .fUaEiu[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .fUaEiu[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .cBssZb,\n [data-color-mode=\"auto\"] > .theme-light .cBssZb {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .jhjELj::before,\n [data-color-mode=\"auto\"] > .theme-light .jhjELj::before {\n border-color: transparent transparent #494d64;\n }\n [data-color-mode=\"light\"] .fHpqaf,\n [data-color-mode=\"auto\"] > .theme-light .fHpqaf,\n [data-color-mode=\"light\"] .bfQVnA,\n [data-color-mode=\"auto\"] > .theme-light .bfQVnA,\n [data-color-mode=\"light\"] .iGxiw,\n [data-color-mode=\"auto\"] > .theme-light .iGxiw,\n [data-color-mode=\"light\"] .fUzagb,\n [data-color-mode=\"auto\"] > .theme-light .fUzagb,\n [data-color-mode=\"light\"] .gisjeK,\n [data-color-mode=\"auto\"] > .theme-light .gisjeK,\n [data-color-mode=\"light\"] .iQkwAM,\n [data-color-mode=\"auto\"] > .theme-light .iQkwAM {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .dtTTcd,\n [data-color-mode=\"auto\"] > .theme-light .dtTTcd {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .dtTTcd.hoverable:hover,\n [data-color-mode=\"auto\"] > .theme-light .dtTTcd.hoverable:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .pQcjM,\n [data-color-mode=\"auto\"] > .theme-light .pQcjM {\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .pQcjM.hoverable:hover,\n [data-color-mode=\"auto\"] > .theme-light .pQcjM.hoverable:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .eTSXcP,\n [data-color-mode=\"auto\"] > .theme-light .eTSXcP {\n background-color: #ed8796;\n }\n [data-color-mode=\"light\"] .iGxiw,\n [data-color-mode=\"auto\"] > .theme-light .iGxiw {\n border-bottom-color: #494d64;\n }\n [data-color-mode=\"light\"] .brFBoI,\n [data-color-mode=\"auto\"] > .theme-light .brFBoI,\n [data-color-mode=\"light\"] .ldUAkr,\n [data-color-mode=\"auto\"] > .theme-light .ldUAkr,\n [data-color-mode=\"light\"] .gtXnmh,\n [data-color-mode=\"auto\"] > .theme-light .gtXnmh {\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .gWjhfa,\n [data-color-mode=\"auto\"] > .theme-light .gWjhfa,\n [data-color-mode=\"light\"] .jMdYTc,\n [data-color-mode=\"auto\"] > .theme-light .jMdYTc {\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .jMdYTc,\n [data-color-mode=\"auto\"] > .theme-light .jMdYTc {\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .jMdYTc button,\n [data-color-mode=\"auto\"] > .theme-light .jMdYTc button {\n color: #b8c0e0;\n }\n [data-color-mode=\"light\"] .jMdYTc button:hover,\n [data-color-mode=\"auto\"] > .theme-light .jMdYTc button:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .jMdYTc button[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-light .jMdYTc button[aria-expanded=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .gwuIGu > a:hover,\n [data-color-mode=\"auto\"] > .theme-light .gwuIGu > a:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .gwuIGu > a span,\n [data-color-mode=\"auto\"] > .theme-light .gwuIGu > a span {\n color: #b8c0e0;\n }\n [data-color-mode=\"light\"] .bJYdrf:hover,\n [data-color-mode=\"auto\"] > .theme-light .bJYdrf:hover {\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .dSlCya:hover,\n [data-color-mode=\"auto\"] > .theme-light .dSlCya:hover {\n color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .hNNRLM,\n [data-color-mode=\"auto\"] > .theme-light .hNNRLM,\n [data-color-mode=\"light\"] .hGgJQu,\n [data-color-mode=\"auto\"] > .theme-light .hGgJQu,\n [data-color-mode=\"light\"] .hTcsdJ,\n [data-color-mode=\"auto\"] > .theme-light .hTcsdJ {\n background-color: #363a4f;\n border-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .hNNRLM:hover,\n [data-color-mode=\"auto\"] > .theme-light .hNNRLM:hover,\n [data-color-mode=\"light\"] .hGgJQu:hover,\n [data-color-mode=\"auto\"] > .theme-light .hGgJQu:hover,\n [data-color-mode=\"light\"] .hTcsdJ:hover,\n [data-color-mode=\"auto\"] > .theme-light .hTcsdJ:hover {\n background-color: #494d64;\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .eOIzRT,\n [data-color-mode=\"auto\"] > .theme-light .eOIzRT {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .eOIzRT:hover,\n [data-color-mode=\"auto\"] > .theme-light .eOIzRT:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .hNNRLM svg,\n [data-color-mode=\"auto\"] > .theme-light .hNNRLM svg {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .react-last-commit-history-group:hover,\n [data-color-mode=\"auto\"] > .theme-light .react-last-commit-history-group:hover {\n background-color: #24273a;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .ContributionCalendar-day,\n [data-color-mode=\"auto\"] > .theme-light .ContributionCalendar-day {\n --color-calendar-graph-day-L1-bg: rgba(149, 218, 149, 0.4);\n --color-calendar-graph-day-L2-bg: rgba(154, 218, 149, 0.6);\n --color-calendar-graph-day-L3-bg: rgba(160, 218, 149, 0.8);\n --color-calendar-graph-day-L4-bg: #a6da95;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-calendar-graph-day-bg: #363a4f;\n }\n [data-color-mode=\"light\"] .tooltipped.tooltipped-s rect,\n [data-color-mode=\"auto\"] > .theme-light .tooltipped.tooltipped-s rect {\n fill: #a6da95 !important;\n }\n [data-color-mode=\"light\"] .hfRvxg,\n [data-color-mode=\"auto\"] > .theme-light .hfRvxg {\n color: #b8c0e0;\n }\n [data-color-mode=\"light\"] .hfRvxg:hover,\n [data-color-mode=\"auto\"] > .theme-light .hfRvxg:hover {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .lbYguI,\n [data-color-mode=\"auto\"] > .theme-light .lbYguI {\n border-radius: 6px;\n }\n [data-color-mode=\"light\"] .hPsWZB,\n [data-color-mode=\"auto\"] > .theme-light .hPsWZB,\n [data-color-mode=\"light\"] .bOUZZs,\n [data-color-mode=\"auto\"] > .theme-light .bOUZZs {\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .react-blob-header-edit-and-raw-actions > div > a,\n [data-color-mode=\"auto\"] > .theme-light .react-blob-header-edit-and-raw-actions > div > a,\n [data-color-mode=\"light\"] .react-blob-header-edit-and-raw-actions > div > span > a,\n [data-color-mode=\"auto\"] > .theme-light .react-blob-header-edit-and-raw-actions > div > span > a,\n [data-color-mode=\"light\"] .react-blob-header-edit-and-raw-actions > div > span > button,\n [data-color-mode=\"auto\"] > .theme-light .react-blob-header-edit-and-raw-actions > div > span > button {\n background-color: #24273a;\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .react-blob-header-edit-and-raw-actions > div > a:hover,\n [data-color-mode=\"auto\"] > .theme-light .react-blob-header-edit-and-raw-actions > div > a:hover,\n [data-color-mode=\"light\"] .react-blob-header-edit-and-raw-actions > div > span > a:hover,\n [data-color-mode=\"auto\"] > .theme-light .react-blob-header-edit-and-raw-actions > div > span > a:hover,\n [data-color-mode=\"light\"] .react-blob-header-edit-and-raw-actions > div > span > button:hover,\n [data-color-mode=\"auto\"] > .theme-light .react-blob-header-edit-and-raw-actions > div > span > button:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .hMOAua,\n [data-color-mode=\"auto\"] > .theme-light .hMOAua {\n color: #b8c0e0;\n }\n [data-color-mode=\"light\"] .hMOAua:hover,\n [data-color-mode=\"auto\"] > .theme-light .hMOAua:hover {\n background-color: #1e2030;\n border-color: #494d64;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .hMCjFU,\n [data-color-mode=\"auto\"] > .theme-light .hMCjFU,\n [data-color-mode=\"light\"] .jcKsih,\n [data-color-mode=\"auto\"] > .theme-light .jcKsih,\n [data-color-mode=\"light\"] .hpgNiv,\n [data-color-mode=\"auto\"] > .theme-light .hpgNiv {\n background-color: #24273a;\n color: #cad3f5;\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .hMCjFU:hover,\n [data-color-mode=\"auto\"] > .theme-light .hMCjFU:hover,\n [data-color-mode=\"light\"] .jcKsih:hover,\n [data-color-mode=\"auto\"] > .theme-light .jcKsih:hover,\n [data-color-mode=\"light\"] .hpgNiv:hover,\n [data-color-mode=\"auto\"] > .theme-light .hpgNiv:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"light\"] .jfOCiu,\n [data-color-mode=\"auto\"] > .theme-light .jfOCiu,\n [data-color-mode=\"light\"] .gNXjVV,\n [data-color-mode=\"auto\"] > .theme-light .gNXjVV,\n [data-color-mode=\"light\"] .iGzDhH,\n [data-color-mode=\"auto\"] > .theme-light .iGzDhH,\n [data-color-mode=\"light\"] .Overlay,\n [data-color-mode=\"auto\"] > .theme-light .Overlay {\n background-color: #1e2030;\n border-color: #494d64;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n [data-color-mode=\"light\"] .jfOCiu li,\n [data-color-mode=\"auto\"] > .theme-light .jfOCiu li {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .kRbyXo,\n [data-color-mode=\"auto\"] > .theme-light .kRbyXo {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .VgnWi,\n [data-color-mode=\"auto\"] > .theme-light .VgnWi {\n background-color: #24273a;\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .VgnWi:focus-within,\n [data-color-mode=\"auto\"] > .theme-light .VgnWi:focus-within {\n border-color: #b7bdf8;\n box-shadow: #b7bdf8 0 0 0 1px inset;\n }\n [data-color-mode=\"light\"] .bAKGFC,\n [data-color-mode=\"auto\"] > .theme-light .bAKGFC {\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] .bdMlHy,\n [data-color-mode=\"auto\"] > .theme-light .bdMlHy {\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .jMyfUO.selected,\n [data-color-mode=\"auto\"] > .theme-light .jMyfUO.selected {\n border-color: #494d64;\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .bPgnBp,\n [data-color-mode=\"auto\"] > .theme-light .bPgnBp {\n color: #b7bdf8;\n }\n [data-color-mode=\"light\"] kbd,\n [data-color-mode=\"auto\"] > .theme-light kbd {\n background-color: #494d64;\n }\n [data-color-mode=\"light\"] select option,\n [data-color-mode=\"auto\"] > .theme-light select option,\n [data-color-mode=\"light\"] optgroup,\n [data-color-mode=\"auto\"] > .theme-light optgroup {\n background-color: #1e2030;\n border-color: #494d64;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n [data-color-mode=\"light\"] .hUQSCH,\n [data-color-mode=\"auto\"] > .theme-light .hUQSCH {\n background-color: #24273a;\n color: #b8c0e0;\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .hUQSCH:hover,\n [data-color-mode=\"auto\"] > .theme-light .hUQSCH:hover {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .dQPLyc,\n [data-color-mode=\"auto\"] > .theme-light .dQPLyc {\n background-color: transparent;\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .ktGGEf,\n [data-color-mode=\"auto\"] > .theme-light .ktGGEf {\n background-color: #24273a;\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .gkfBtX,\n [data-color-mode=\"auto\"] > .theme-light .gkfBtX {\n background-color: #1e2030;\n border-radius: 6px 0 0;\n border-bottom-color: #494d64;\n }\n [data-color-mode=\"light\"] .jproXT,\n [data-color-mode=\"auto\"] > .theme-light .jproXT {\n background-color: transparent;\n border-color: transparent;\n color: #b8c0e0;\n }\n [data-color-mode=\"light\"] .jproXT:hover,\n [data-color-mode=\"auto\"] > .theme-light .jproXT:hover {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .jproXT:focus-within,\n [data-color-mode=\"auto\"] > .theme-light .jproXT:focus-within {\n border-color: transparent;\n box-shadow: none;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .wLDmP,\n [data-color-mode=\"auto\"] > .theme-light .wLDmP {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .eNSiNz .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .eNSiNz .segmentedControl-content,\n [data-color-mode=\"light\"] .gKuCoB .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-light .gKuCoB .segmentedControl-content {\n background-color: #24273a;\n }\n [data-color-mode=\"light\"] .notifications-list-item.notification-read,\n [data-color-mode=\"auto\"] > .theme-light .notifications-list-item.notification-read,\n [data-color-mode=\"light\"] .notifications-list-item.notification-archived,\n [data-color-mode=\"auto\"] > .theme-light .notifications-list-item.notification-archived {\n background-color: #24273a !important;\n }\n [data-color-mode=\"light\"] .notifications-list-item.notification-read:last-child,\n [data-color-mode=\"auto\"] > .theme-light .notifications-list-item.notification-read:last-child,\n [data-color-mode=\"light\"] .notifications-list-item.notification-archived:last-child,\n [data-color-mode=\"auto\"] > .theme-light .notifications-list-item.notification-archived:last-child {\n border-bottom-left-radius: 6px;\n }\n [data-color-mode=\"light\"] .turbo-progress-bar,\n [data-color-mode=\"auto\"] > .theme-light .turbo-progress-bar {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"light\"] .search-results-page,\n [data-color-mode=\"auto\"] > .theme-light .search-results-page {\n background-color: #24273a;\n }\n @media (prefers-color-scheme: light) {\n [data-color-mode=\"auto\"] {\n --color-workflow-card-connector: #6e738d;\n --color-workflow-card-connector-bg: #6e738d;\n --color-workflow-card-connector-inactive: #494d64;\n --color-workflow-card-connector-inactive-bg: #494d64;\n --color-workflow-card-connector-highlight: #b7bdf8;\n --color-workflow-card-connector-highlight-bg: #b7bdf8;\n --color-workflow-card-bg: #494d64;\n --color-workflow-card-inactive-bg: #363a4f;\n --color-workflow-card-header-shadow: #dc2286;\n --color-workflow-card-progress-complete-bg: rgba(138, 173, 244, 0.15);\n --color-workflow-card-progress-incomplete-bg: #494d64;\n --color-discussions-state-answered-icon: var(--color-scale-green-3);\n --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6);\n --color-notifications-button-text: var(--color-scale-white);\n --color-notifications-button-hover-text: var(--color-scale-white);\n --color-notifications-button-hover-bg: var(--color-scale-blue-4);\n --color-notifications-row-read-bg: var(--color-canvas-default);\n --color-notifications-row-bg: var(--color-canvas-subtle);\n --color-icon-directory: #cad3f5;\n --color-checks-step-error-icon: var(--color-scale-red-4);\n --color-calendar-halloween-graph-day-L1-bg: #631c03;\n --color-calendar-halloween-graph-day-L2-bg: #bd561d;\n --color-calendar-halloween-graph-day-L3-bg: #fa7a18;\n --color-calendar-halloween-graph-day-L4-bg: #fddf68;\n --color-calendar-graph-day-bg: #363a4f;\n --color-calendar-graph-day-border: transparent;\n /* These could do with a bit of refining */\n --color-calendar-graph-day-L1-bg: rgba(149, 218, 149, 0.4);\n --color-calendar-graph-day-L2-bg: rgba(154, 218, 149, 0.6);\n --color-calendar-graph-day-L3-bg: rgba(160, 218, 149, 0.8);\n --color-calendar-graph-day-L4-bg: #a6da95;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-user-mention-fg: var(--color-scale-yellow-0);\n --color-user-mention-bg: var(--color-scale-yellow-8);\n --color-text-white: #cad3f5;\n /* Buttons */\n /* Create PR button & New branch button & Fork repo button & Commit Changes button */\n /* New branch dialog */\n /* Branch drop down */\n /* Compare button & Cancel new branch button */\n /* search btn */\n /* Issue tags */\n /* Labels */\n /* Search */\n /* Tags */\n /* Slug */\n /* Links */\n /* Committer */\n /* Misc */\n /* Large notification */\n /* Button Fix */\n /* Button selection Fix */\n /* Darker bg for new AppHeader */\n /* Headers */\n /* New change visibility box star and watcher preview buttons Fix */\n /* New change visibility box danger buttons Fix */\n /* 2FA authentication box header Fix */\n /* Footer Logo Fix */\n /* Footer text hover fix */\n /* Notifications */\n /* Keyboard hint */\n /* Merge icon */\n /* Branch indicator */\n /* File view */\n /* Projects */\n /* Project table view */\n /* Tree Fix */\n /* Tree Fix */\n /* Weird barely visible outlines | Can be removed if intentional */\n /* New Repository Overview Fix */\n /* Buttons */\n /* Scrolling top menu */\n /* Fullscreen Sidebar Fixes */\n /* Dropdown Menus */\n /* Add File Menu */\n /* Notification Menu Fix */\n /* Loading Bar Color */\n }\n [data-color-mode=\"auto\"],\n [data-color-mode=\"auto\"] body {\n accent-color: #b7bdf8;\n --bgColor-default: #24273a;\n --color-canvas-default-transparent: rgba(13, 17, 23, 0);\n --color-page-header-bg: #24273a;\n --color-marketing-icon-primary: #91d7e3;\n --color-marketing-icon-secondary: #8aadf4;\n --color-diff-blob-addition-num-text: #cad3f5;\n --color-diff-blob-addition-fg: #cad3f5;\n --color-diff-blob-addition-num-bg: rgba(166, 218, 149, 0.3);\n --color-diff-blob-addition-line-bg: rgba(166, 218, 149, 0.15);\n --color-diff-blob-addition-word-bg: rgba(166, 218, 149, 0.3);\n --color-diff-blob-deletion-num-text: #cad3f5;\n --color-diff-blob-deletion-fg: #cad3f5;\n --color-diff-blob-deletion-num-bg: rgba(237, 135, 150, 0.3);\n --color-diff-blob-deletion-line-bg: rgba(237, 135, 150, 0.15);\n --color-diff-blob-deletion-word-bg: rgba(237, 135, 150, 0.3);\n --color-diff-blob-hunk-num-bg: rgba(138, 173, 244, 0.4);\n --color-diff-blob-expander-icon: #8b949e;\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --color-diffstat-deletion-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-bg: #a6da95;\n --color-search-keyword-hl: rgba(210, 153, 34, 0.4);\n --color-prettylights-syntax-comment: #8087a2;\n --color-prettylights-syntax-constant: #8aadf4;\n --color-prettylights-syntax-entity: #8aadf4;\n --color-prettylights-syntax-storage-modifier-import: #f5a97f;\n --color-prettylights-syntax-entity-tag: #8bd5ca;\n --color-prettylights-syntax-keyword: #f5bde6;\n --color-prettylights-syntax-string: #a6da95;\n --color-prettylights-syntax-variable: #f5a97f;\n --color-prettylights-syntax-brackethighlighter-unmatched: #f0f;\n --color-prettylights-syntax-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\n --color-prettylights-syntax-carriage-return-text: #f0f;\n --color-prettylights-syntax-carriage-return-bg: #f0f;\n --color-prettylights-syntax-string-regexp: #f0f;\n --color-prettylights-syntax-markup-list: #f0f;\n --color-prettylights-syntax-markup-heading: #8bd5ca;\n --color-prettylights-syntax-markup-italic: #eed49f;\n --color-prettylights-syntax-markup-bold: #eed49f;\n --color-prettylights-syntax-markup-deleted-text: #cad3f5;\n --color-prettylights-syntax-markup-deleted-bg: rgba(237, 135, 150, 0.4);\n --color-prettylights-syntax-markup-inserted-text: #cad3f5;\n --color-prettylights-syntax-markup-inserted-bg: rgba(166, 218, 149, 0.4);\n --color-prettylights-syntax-markup-changed-text: #cad3f5;\n --color-prettylights-syntax-markup-changed-bg: rgba(238, 212, 159, 0.4);\n --color-prettylights-syntax-markup-ignored-text: #cad3f5;\n --color-prettylights-syntax-markup-ignored-bg: #f0f;\n --color-prettylights-syntax-meta-diff-range: #c6a0f6;\n --color-prettylights-syntax-brackethighlighter-angle: #f0f;\n --color-prettylights-syntax-sublimelinter-gutter-mark: #f0f;\n --color-prettylights-syntax-constant-other-reference-link: #f0f;\n --color-codemirror-text: #cad3f5;\n --color-codemirror-bg: #24273a;\n --color-codemirror-gutters-bg: #24273a;\n --color-codemirror-guttermarker-text: #24273a;\n --color-codemirror-guttermarker-subtle-text: #6e7681;\n --color-codemirror-linenumber-text: #8b949e;\n --color-codemirror-cursor: #c9d1d9;\n --color-codemirror-selection-bg: rgba(56, 139, 253, 0.4);\n --color-codemirror-activeline-bg: rgba(110, 118, 129, 0.1);\n --color-codemirror-matchingbracket-text: #c9d1d9;\n --color-codemirror-lines-bg: #24273a;\n --color-codemirror-syntax-comment: #8b949e;\n --color-codemirror-syntax-constant: #79c0ff;\n --color-codemirror-syntax-entity: #d2a8ff;\n --color-codemirror-syntax-keyword: #ff7b72;\n --color-codemirror-syntax-storage: #ff7b72;\n --color-codemirror-syntax-string: #a5d6ff;\n --color-codemirror-syntax-support: #79c0ff;\n --color-codemirror-syntax-variable: #ffa657;\n --color-checks-bg: #1e2030;\n --color-checks-run-border-width: 1px;\n --color-checks-container-border-width: 1px;\n --color-checks-text-primary: #cad3f5;\n --color-checks-text-secondary: #b8c0e0;\n --color-checks-text-link: #7dc4e4;\n --color-checks-btn-icon: #cad3f5;\n --color-checks-btn-hover-icon: #cad3f5;\n --color-checks-btn-hover-bg: #181926;\n --color-checks-input-text: #494d64;\n --color-checks-input-placeholder-text: #b8c0e0;\n --color-checks-input-focus-text: #cad3f5;\n --color-checks-input-bg: #363a4f;\n --color-checks-input-shadow: 0 0 0 1px;\n --color-checks-donut-error: #ed8796;\n --color-checks-donut-pending: #f5a97f;\n --color-checks-donut-success: #a6da95;\n --color-checks-donut-neutral: #939ab7;\n --color-checks-dropdown-text: #cad3f5;\n --color-checks-dropdown-bg: #363a4f;\n --color-checks-dropdown-border: #494d64;\n --color-checks-dropdown-shadow: #181926;\n --color-checks-dropdown-hover-text: #a5adcb;\n --color-checks-dropdown-hover-bg: #1e2030;\n --color-checks-dropdown-btn-hover-text: #cad3f5;\n --color-checks-dropdown-btn-hover-bg: #1e2030;\n --color-checks-scrollbar-thumb-bg: #1e2030;\n --color-checks-header-label-text: #cad3f5;\n --color-checks-header-label-open-text: #b7bdf8;\n --color-checks-header-border: #363a4f;\n --color-checks-header-icon: #cad3f5;\n --color-checks-line-text: #a5adcb;\n --color-checks-line-num-text: #a5adcb;\n --color-checks-line-timestamp-text: #a5adcb;\n --color-checks-line-hover-bg: #363a4f;\n --color-checks-line-selected-bg: #363a4f;\n --color-checks-line-selected-num-text: #dc2286;\n --color-checks-line-dt-fm-text: #dc2286;\n --color-checks-line-dt-fm-bg: #dc2286;\n --color-checks-gate-bg: rgba(187, 128, 9, 0.15);\n --color-checks-gate-text: #cad3f5;\n --color-checks-gate-waiting-text: #eed49f;\n --color-checks-step-header-open-bg: #363a4f;\n --color-checks-step-error-text: #ee99a0;\n --color-checks-step-warning-text: #f5a97f;\n --color-checks-logline-text: #cad3f5;\n --color-checks-logline-num-text: #cad3f5;\n --color-checks-logline-debug-text: #c6a0f6;\n --color-checks-logline-error-text: #cad3f5;\n --color-checks-logline-error-num-text: #ee99a0;\n --color-checks-logline-error-bg: rgba(238, 153, 160, 0.15);\n --color-checks-logline-warning-text: #b8c0e0;\n --color-checks-logline-warning-num-text: #f5a97f;\n --color-checks-logline-warning-bg: rgba(245, 169, 127, 0.15);\n --color-checks-logline-command-text: #8aadf4;\n --color-checks-logline-section-text: #a6da95;\n --color-checks-ansi-black: #494d64;\n --color-checks-ansi-black-bright: #5b6078;\n --color-checks-ansi-white: #b8c0e0;\n --color-checks-ansi-white-bright: #a5adcb;\n --divider-color: #494d64;\n --underlineNav-borderColor-active: #b7bdf8;\n --color-checks-ansi-gray: #f0f;\n --color-checks-ansi-red: #ed8796;\n --color-checks-ansi-red-bright: #ed8796;\n --color-checks-ansi-green: #a6da95;\n --color-checks-ansi-green-bright: #a6da95;\n --color-checks-ansi-yellow: #eed49f;\n --color-checks-ansi-yellow-bright: #eed49f;\n --color-checks-ansi-blue: #8aadf4;\n --color-checks-ansi-blue-bright: #8aadf4;\n --color-checks-ansi-magenta: #f5bde6;\n --color-checks-ansi-magenta-bright: #f5bde6;\n --color-checks-ansi-cyan: #8bd5ca;\n --color-checks-ansi-cyan-bright: #8bd5ca;\n --color-project-header-bg: #0d1117;\n --color-project-sidebar-bg: #161b22;\n --color-project-gradient-in: #161b22;\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-mktg-btn-bg: #f6f8fa;\n --color-mktg-btn-shadow-outline: rgb(255, 255, 255 / 25%) 0 0 0 1px inset;\n --color-mktg-btn-shadow-focus: rgb(255, 255, 255 / 25%) 0 0 0 4px;\n --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15),\n 0 100px 80px rgba(255, 255, 255, 0.02),\n 0 42px 33px rgba(255, 255, 255, 0.024),\n 0 22px 18px rgba(255, 255, 255, 0.028),\n 0 12px 10px rgba(255, 255, 255, 0.034),\n 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);\n --color-mktg-btn-shadow-hover-muted: #ffffff 0 0 0 2px inset;\n --color-avatar-bg: rgba(255, 255, 255, 0.1);\n --color-avatar-border: rgba(240, 246, 252, 0.1);\n --color-avatar-stack-fade: #30363d;\n --color-avatar-stack-fade-more: #21262d;\n --color-avatar-child-shadow: -2px -2px 0 #0d1117;\n --color-topic-tag-border: rgba(0, 0, 0, 0);\n --color-counter-border: rgba(0, 0, 0, 0);\n --color-select-menu-backdrop-border: #484f58;\n --color-select-menu-tap-highlight: rgba(48, 54, 61, 0.5);\n --color-select-menu-tap-focus-bg: #0c2d6b;\n --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85);\n --color-header-text: var(--subtext2);\n --color-header-bg: #24273a;\n --color-header-bg: #1e2030;\n --color-header-divider: #8b949e;\n --color-header-logo: #cad3f5;\n --color-header-search-bg: #363a4f;\n --color-header-search-border: #494d64;\n --color-sidenav-selected-bg: #494d64;\n --color-menu-bg-active: #5b6078;\n --color-input-disabled-bg: rgba(110, 118, 129, 0);\n --color-timeline-badge-bg: #363a4f;\n --color-ansi-black: #484f58;\n --color-ansi-black-bright: #6e7681;\n --color-ansi-white: #b1bac4;\n --color-ansi-white-bright: #fff;\n --color-ansi-gray: #6e7681;\n --color-ansi-red: #ff7b72;\n --color-ansi-red-bright: #ffa198;\n --color-ansi-green: #3fb950;\n --color-ansi-green-bright: #56d364;\n --color-ansi-yellow: #d29922;\n --color-ansi-yellow-bright: #e3b341;\n --color-ansi-blue: #58a6ff;\n --color-ansi-blue-bright: #79c0ff;\n --color-ansi-magenta: #bc8cff;\n --color-ansi-magenta-bright: #d2a8ff;\n --color-ansi-cyan: #39c5cf;\n --color-ansi-cyan-bright: #56d4dd;\n --color-btn-text: #cad3f5;\n --color-btn-bg: #363a4f;\n --color-btn-border: transparent;\n --color-btn-shadow: 0 0 transparent;\n --color-btn-inset-shadow: 0 0 transparent;\n --color-btn-hover-bg: #494d64;\n --color-btn-hover-border: transparent;\n --color-btn-active-bg: #5b6078;\n --color-btn-active-border: transparent;\n --color-btn-selected-bg: #5b6078;\n --color-btn-focus-bg: #21262d;\n --color-btn-focus-border: #8b949e;\n --color-btn-focus-shadow: 0 0 0 3px rgba(139, 148, 158, 0.3);\n --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15);\n --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31, 111, 235, 0.3);\n --color-btn-counter-bg: #5b6078;\n --color-btn-primary-text: #24273a;\n --color-btn-primary-bg: #a6da95;\n --color-btn-primary-border: transparent;\n --color-btn-primary-shadow: 0 0 transparent;\n --color-btn-primary-inset-shadow: 0 0 transparent;\n --color-btn-primary-hover-bg: #bfd5d8;\n --color-btn-primary-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-selected-bg: #b8d7c5;\n --color-btn-primary-selected-shadow: 0 0 transparent;\n --color-btn-primary-disabled-text: #181926;\n --color-btn-primary-disabled-bg: #729271;\n --color-btn-primary-disabled-border: transparent;\n --color-btn-primary-focus-bg: #238636;\n --color-btn-primary-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-primary-icon: #24273a;\n --color-btn-primary-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-text: #58a6ff;\n --color-btn-outline-hover-text: #58a6ff;\n --color-btn-outline-hover-bg: #30363d;\n --color-btn-outline-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-hover-shadow: 0 1px 0 rgba(1, 4, 9, 0.1);\n --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);\n --color-btn-outline-hover-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-selected-text: #fff;\n --color-btn-outline-selected-bg: #0d419d;\n --color-btn-outline-selected-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-selected-shadow: 0 0 transparent;\n --color-btn-outline-disabled-text: #a5adcb;\n --color-btn-outline-disabled-bg: #5b6078;\n --color-btn-outline-disabled-counter-bg: rgba(31, 111, 235, 0.05);\n --color-btn-outline-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17, 88, 199, 0.4);\n --color-btn-outline-counter-bg: rgba(31, 111, 235, 0.1);\n --color-btn-danger-text: #24273a;\n --color-btn-danger-bg: #ed8796;\n --color-btn-danger-border: transparent;\n --color-btn-danger-shadow: 0 0 transparent;\n --color-btn-danger-inset-shadow: 0 0 transparent;\n --color-btn-danger-hover-bg: #d4bcd9;\n --color-btn-danger-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-danger-selected-bg: #dcadc6;\n --color-btn-danger-selected-shadow: 0 0 transparent;\n --color-btn-danger-disabled-text: #181926;\n --color-btn-danger-disabled-bg: #9d6171;\n --color-btn-danger-disabled-border: transparent;\n --color-btn-danger-focus-bg: #238636;\n --color-btn-danger-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-danger-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-danger-icon: #24273a;\n --color-btn-danger-counter-bg: rgba(255, 255, 255, 0.2);\n --color-underlinenav-icon: #6e7681;\n --color-underlinenav-border-hover: rgba(110, 118, 129, 0.4);\n --color-action-list-item-inline-divider: #5b6078;\n --color-action-list-item-default-hover-bg: #363a4f;\n --color-action-list-item-default-hover-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-active-bg: rgba(177, 186, 196, 0.2);\n --color-action-list-item-default-active-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-selected-bg: #494d64;\n --color-action-list-item-danger-hover-bg: rgba(248, 81, 73, 0.16);\n --color-action-list-item-danger-active-bg: rgba(248, 81, 73, 0.24);\n --color-action-list-item-danger-hover-text: #ff7b72;\n --color-switch-track-bg: #010409;\n --color-switch-track-border: #6e7681;\n --color-switch-track-checked-bg: rgba(31, 111, 235, 0.35);\n --color-switch-track-checked-hover-bg: rgba(31, 111, 235, 0.5);\n --color-switch-track-checked-active-bg: rgba(31, 111, 235, 0.65);\n --color-switch-track-checked-border: #58a6ff;\n --color-switch-knob-checked-bg: #1f6feb;\n --color-switch-knob-checked-disabled-bg: #484f58;\n --color-fg-default: #cad3f5;\n --color-fg-muted: #b8c0e0;\n --color-fg-subtle: #b8c0e0;\n --color-fg-on-emphasis: #24273a;\n --color-canvas-default: #24273a;\n --color-canvas-overlay: #1e2030;\n --color-canvas-inset: #363a4f;\n --color-canvas-subtle: #1e2030;\n --color-border-default: #494d64;\n --color-border-muted: #363a4f;\n --color-border-subtle: rgba(240, 246, 252, 0.1);\n --color-shadow-small: 0 0 transparent;\n --color-shadow-medium: 0 3px 6px #181926;\n --color-shadow-large: 0 8px 24px #181926;\n --color-shadow-extra-large: 0 12px 48px #181926;\n --color-neutral-emphasis-plus: #6e738d;\n --color-neutral-emphasis: #939ab7;\n --color-neutral-muted: rgba(110, 118, 129, 0.4);\n --color-neutral-subtle: rgba(110, 118, 129, 0.1);\n --color-accent-fg: #b7bdf8;\n --color-accent-emphasis: #b7bdf8;\n --color-accent-muted: rgba(183, 189, 248, 0.4);\n --color-accent-subtle: rgba(183, 189, 248, 0.15);\n --color-success-fg: #a6da95;\n --color-success-emphasis: #a6da95;\n --color-success-muted: rgba(46, 160, 67, 0.4);\n --color-success-subtle: rgba(46, 160, 67, 0.15);\n --color-attention-fg: #f5a97f;\n --color-attention-emphasis: #f5a97f;\n --color-attention-muted: rgba(187, 128, 9, 0.4);\n --color-attention-subtle: rgba(187, 128, 9, 0.15);\n --color-severe-fg: #ee99a0;\n --color-severe-emphasis: #ee99a0;\n --color-severe-muted: rgba(219, 109, 40, 0.4);\n --color-severe-subtle: rgba(219, 109, 40, 0.15);\n --color-danger-fg: #ed8796;\n --color-danger-emphasis: #ed8796;\n --color-danger-muted: rgba(248, 81, 73, 0.4);\n --color-danger-subtle: rgba(248, 81, 73, 0.15);\n --color-open-fg: #a6da95;\n --color-open-emphasis: #a6da95;\n --color-open-muted: rgba(46, 160, 67, 0.4);\n --color-open-subtle: rgba(46, 160, 67, 0.15);\n --color-closed-fg: #ed8796;\n --color-closed-emphasis: #ed8796;\n --color-closed-muted: rgba(248, 81, 73, 0.4);\n --color-closed-subtle: rgba(248, 81, 73, 0.15);\n --color-done-fg: #c6a0f6;\n --color-done-emphasis: #c6a0f6;\n --color-done-muted: rgba(163, 113, 247, 0.4);\n --color-done-subtle: rgba(163, 113, 247, 0.15);\n --color-sponsors-fg: #c6a0f6;\n --color-sponsors-emphasis: #c6a0f6;\n --color-sponsors-muted: rgba(219, 97, 162, 0.4);\n --color-sponsors-subtle: rgba(219, 97, 162, 0.15);\n --color-primer-fg-disabled: rgba(183, 189, 248, 0.5);\n --color-primer-canvas-backdrop: rgba(1, 4, 9, 0.8);\n --color-primer-canvas-sticky: rgba(13, 17, 23, 0.95);\n --color-primer-border-active: #ed8796;\n --color-primer-border-contrast: rgba(255, 255, 255, 0.2);\n --color-primer-shadow-highlight: 0 0 transparent;\n --color-primer-shadow-inset: 0 0 transparent;\n --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;\n --color-scale-black: #010409;\n --color-scale-white: #fff;\n --color-scale-gray-0: #f0f6fc;\n --color-scale-gray-1: #c9d1d9;\n --color-scale-gray-2: #b1bac4;\n --color-scale-gray-3: #8b949e;\n --color-scale-gray-4: #6e7681;\n --color-scale-gray-5: #484f58;\n --color-scale-gray-6: #30363d;\n --color-scale-gray-7: #21262d;\n --color-scale-gray-8: #161b22;\n --color-scale-gray-9: #0d1117;\n --color-scale-blue-0: #cae8ff;\n --color-scale-blue-1: #a5d6ff;\n --color-scale-blue-2: #79c0ff;\n --color-scale-blue-3: #58a6ff;\n --color-scale-blue-4: #388bfd;\n --color-scale-blue-5: #1f6feb;\n --color-scale-blue-6: #1158c7;\n --color-scale-blue-7: #0d419d;\n --color-scale-blue-8: #0c2d6b;\n --color-scale-blue-9: #051d4d;\n --color-scale-green-0: #aff5b4;\n --color-scale-green-1: #7ee787;\n --color-scale-green-2: #56d364;\n --color-scale-green-3: #3fb950;\n --color-scale-green-4: #2ea043;\n --color-scale-green-5: #238636;\n --color-scale-green-6: #196c2e;\n --color-scale-green-7: #0f5323;\n --color-scale-green-8: #033a16;\n --color-scale-green-9: #04260f;\n --color-scale-yellow-0: #f8e3a1;\n --color-scale-yellow-1: #f2cc60;\n --color-scale-yellow-2: #e3b341;\n --color-scale-yellow-3: #d29922;\n --color-scale-yellow-4: #bb8009;\n --color-scale-yellow-5: #9e6a03;\n --color-scale-yellow-6: #845306;\n --color-scale-yellow-7: #693e00;\n --color-scale-yellow-8: #4b2900;\n --color-scale-yellow-9: #341a00;\n --color-scale-orange-0: #ffdfb6;\n --color-scale-orange-1: #ffc680;\n --color-scale-orange-2: #ffa657;\n --color-scale-orange-3: #f0883e;\n --color-scale-orange-4: #db6d28;\n --color-scale-orange-5: #bd561d;\n --color-scale-orange-6: #9b4215;\n --color-scale-orange-7: #762d0a;\n --color-scale-orange-8: #5a1e02;\n --color-scale-orange-9: #3d1300;\n --color-scale-red-0: #ffdcd7;\n --color-scale-red-1: #ffc1ba;\n --color-scale-red-2: #ffa198;\n --color-scale-red-3: #ff7b72;\n --color-scale-red-4: #f85149;\n --color-scale-red-5: #da3633;\n --color-scale-red-6: #b62324;\n --color-scale-red-7: #8e1519;\n --color-scale-red-8: #67060c;\n --color-scale-red-9: #490202;\n --color-scale-purple-0: #eddeff;\n --color-scale-purple-1: #e2c5ff;\n --color-scale-purple-2: #d2a8ff;\n --color-scale-purple-3: #bc8cff;\n --color-scale-purple-4: #a371f7;\n --color-scale-purple-5: #8957e5;\n --color-scale-purple-6: #6e40c9;\n --color-scale-purple-7: #553098;\n --color-scale-purple-8: #3c1e70;\n --color-scale-purple-9: #271052;\n --color-scale-pink-0: #ffdaec;\n --color-scale-pink-1: #ffbedd;\n --color-scale-pink-2: #ff9bce;\n --color-scale-pink-3: #f778ba;\n --color-scale-pink-4: #db61a2;\n --color-scale-pink-5: #bf4b8a;\n --color-scale-pink-6: #9e3670;\n --color-scale-pink-7: #7d2457;\n --color-scale-pink-8: #5e103e;\n --color-scale-pink-9: #42062a;\n --color-scale-coral-0: #ffddd2;\n --color-scale-coral-1: #ffc2b2;\n --color-scale-coral-2: #ffa28b;\n --color-scale-coral-3: #f78166;\n --color-scale-coral-4: #ea6045;\n --color-scale-coral-5: #cf462d;\n --color-scale-coral-6: #ac3220;\n --color-scale-coral-7: #872012;\n --color-scale-coral-8: #640d04;\n --color-scale-coral-9: #460701;\n }\n [data-color-mode=\"auto\"] .btn-danger,\n [data-color-mode=\"auto\"] .Button--danger {\n background: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"auto\"] .iRoQzU,\n [data-color-mode=\"auto\"] .ifkUYV,\n [data-color-mode=\"auto\"] .bOZDzN,\n [data-color-mode=\"auto\"] .cYGUCw,\n [data-color-mode=\"auto\"] .bbZPuV {\n background-color: #a6da95;\n color: #24273a;\n }\n [data-color-mode=\"auto\"] .jenxrv {\n background-color: #1e2030;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .fHiIQb {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .idPXPh,\n [data-color-mode=\"auto\"] .epAEYw {\n background-color: #363a4f;\n color: #cad3f5;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .header-search-button.placeholder {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hx_IssueLabel {\n --text: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hx_IssueLabel {\n --lightness-threshold: 0.453;\n --border-threshold: 0.96;\n --border-fadeout: 1;\n color: var(--text) !important;\n background: rgb(var(--label-r), var(--label-g), var(--label-b)) !important;\n border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 25) * 1%), var(--border-fadeout)) !important;\n }\n [data-color-mode=\"auto\"] .Label {\n color: var(--color-accent-fg);\n background-color: #363a4f;\n border-color: transparent;\n }\n [data-color-mode=\"auto\"] .Label--secondary {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .Label--success {\n color: #24273a;\n background-color: #a6da95;\n }\n [data-color-mode=\"auto\"] .Label--danger {\n background-color: var(--color-danger-emphasis);\n color: var(--color-btn-danger-text);\n }\n [data-color-mode=\"auto\"] .timeline-comment-header .Label,\n [data-color-mode=\"auto\"] .timeline-comment .Label {\n color: var(--color-fg-muted);\n }\n [data-color-mode=\"auto\"] .header-search-input {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"auto\"] .header-search-input::placeholder {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"auto\"] .topic-tag {\n --color-accent-fg: #b7bdf8;\n --color-accent-emphasis: #b7bdf8;\n --color-accent-muted: rgba(183, 189, 248, 0.4);\n --color-accent-subtle: rgba(183, 189, 248, 0.15);\n }\n [data-color-mode=\"auto\"] .dYxKVs,\n [data-color-mode=\"auto\"] .eVjWum {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .fIqerb {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .ftOYgF {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .col-md-8 {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .user-mention,\n [data-color-mode=\"auto\"] .team-mention {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: #a6da95;\n }\n [data-color-mode=\"auto\"] .starred .starred-button-icon {\n color: #eed49f;\n }\n [data-color-mode=\"auto\"] .flash {\n --color-attention-muted: #b7bdf8;\n --bgColor-attention-muted: rgba(183, 189, 248, 0.4);\n --color-attention-subtle: rgba(183, 189, 248, 0.15);\n }\n [data-color-mode=\"auto\"] .color-bg-subtle {\n background-color: transparent !important;\n }\n [data-color-mode=\"auto\"] .command-palette-details-dialog .color-bg-subtle {\n background-color: #363a4f !important;\n }\n [data-color-mode=\"auto\"] .navigation-item[aria-selected=\"true\"] .color-fg-muted {\n color: #24273a !important;\n }\n [data-color-mode=\"auto\"] .AppHeader {\n background: var(--color-header-bg);\n }\n [data-color-mode=\"auto\"] h1,\n [data-color-mode=\"auto\"] h2,\n [data-color-mode=\"auto\"] h3,\n [data-color-mode=\"auto\"] h4,\n [data-color-mode=\"auto\"] h5,\n [data-color-mode=\"auto\"] h6 {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] #check-step-header-title {\n color: var(--color-checks-text-link) !important;\n }\n [data-color-mode=\"auto\"] ::selection {\n background: #5b6078 !important;\n }\n [data-color-mode=\"auto\"] .btn.color-fg-danger.cursor-default {\n color: var(--color-btn-danger-text) !important;\n background-color: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"auto\"] .btn.color-fg-danger.cursor-default:hover {\n background-color: var(--color-btn-danger-hover-bg);\n }\n [data-color-mode=\"auto\"] .btn.color-fg-danger.cursor-default > svg.octicon {\n color: var(--color-btn-danger-text) !important;\n }\n [data-color-mode=\"auto\"] :where(\n #repo-visibility-proceed-button-public,\n #repo-visibility-proceed-button-private\n ):not([data-next-stage]) {\n color: var(--color-btn-danger-text);\n background-color: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"auto\"] body.session-authentication div.Box-header {\n background-color: inherit;\n }\n [data-color-mode=\"auto\"] .footer-octicon > svg:nth-child(1) > path:nth-child(1) {\n fill: #cad3f5;\n }\n [data-color-mode=\"auto\"] .footer nav.col-12 * {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"auto\"] .notification-indicator .mail-status {\n background-image: none;\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .bdgUpN,\n [data-color-mode=\"auto\"] .hZMmEi .TextInput-icon,\n [data-color-mode=\"auto\"] .hZMmEi .TextInput-action {\n color: #cad3f5;\n background-color: #1e2030;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .fMJQEf {\n color: #cad3f5;\n background-color: #6e738d;\n }\n [data-color-mode=\"auto\"] .iVNDSi {\n color: #b7bdf8;\n background-color: rgba(183, 189, 248, 0.1);\n }\n [data-color-mode=\"auto\"] .hwnsNO {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hwnsNO th {\n background: #1e2030;\n }\n [data-color-mode=\"auto\"] .dXveNa[data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .dXveNa,\n [data-color-mode=\"auto\"] .kbjJSF {\n background-color: #363a4f;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gUecKw,\n [data-color-mode=\"auto\"] .lcpiaz,\n [data-color-mode=\"auto\"] .jolsUx,\n [data-color-mode=\"auto\"] .fsSggy {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .Cxvmo,\n [data-color-mode=\"auto\"] .dhYcqs {\n color: #ed8796;\n }\n [data-color-mode=\"auto\"] .byJIBD,\n [data-color-mode=\"auto\"] .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: #a6da95;\n }\n [data-color-mode=\"auto\"] .lmmHGT:not(:first-of-type),\n [data-color-mode=\"auto\"] .fOEJrA,\n [data-color-mode=\"auto\"] .fnFdxN,\n [data-color-mode=\"auto\"] .huABLg,\n [data-color-mode=\"auto\"] .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] .cwSUxL,\n [data-color-mode=\"auto\"] .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .jvzHAP,\n [data-color-mode=\"auto\"] .hPIyzG,\n [data-color-mode=\"auto\"] .gTeenv[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .VplrY[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .kKFNhh,\n [data-color-mode=\"auto\"] .lnXbGs,\n [data-color-mode=\"auto\"] .dTxwit {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .gssqTz {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"auto\"] .bPgnBp,\n [data-color-mode=\"auto\"] .jMyfUO,\n [data-color-mode=\"auto\"] .cBrzIN {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .eLaeIt:hover:not([disabled]),\n [data-color-mode=\"auto\"] .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n [data-color-mode=\"auto\"] .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] .bDSYgZ:hover:not([disabled]),\n [data-color-mode=\"auto\"] .icOaJE:hover:not([disabled]) {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .icOaJE[aria-pressed=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .cZRqXf {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .cZRqXf:active:not([disabled]),\n [data-color-mode=\"auto\"] .cZRqXf[aria-expanded=\"true\"] {\n border-color: #5b6078;\n }\n [data-color-mode=\"auto\"] .cZRqXf:hover:not([disabled]) {\n border-color: #5b6078;\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .kdEavw,\n [data-color-mode=\"auto\"] .ddNLNa,\n [data-color-mode=\"auto\"] .jepClM,\n [data-color-mode=\"auto\"] .gTeenv,\n [data-color-mode=\"auto\"] .VplrY {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .kdEavw:hover:not([disabled]),\n [data-color-mode=\"auto\"] .ddNLNa:hover:not([disabled]),\n [data-color-mode=\"auto\"] .jepClM:hover:not([disabled]),\n [data-color-mode=\"auto\"] .gTeenv:hover:not([disabled]),\n [data-color-mode=\"auto\"] .VplrY:hover:not([disabled]) {\n border-color: #5b6078;\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .feVXyu,\n [data-color-mode=\"auto\"] .ecdhqS,\n [data-color-mode=\"auto\"] .iwGxyT,\n [data-color-mode=\"auto\"] .kLxXov,\n [data-color-mode=\"auto\"] .flDsrw {\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .juEfKr {\n border-color: #5b6078;\n }\n [data-color-mode=\"auto\"] .eUqMHM,\n [data-color-mode=\"auto\"] .hSXtjz {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .gtXnmh,\n [data-color-mode=\"auto\"] .ukUXs,\n [data-color-mode=\"auto\"] .giEfVQ,\n [data-color-mode=\"auto\"] .cKvNNO,\n [data-color-mode=\"auto\"] .evdFFE,\n [data-color-mode=\"auto\"] .kTUxDY {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .hLwWNO .PRIVATE_TreeView-item-container,\n [data-color-mode=\"auto\"] .dycbWg,\n [data-color-mode=\"auto\"] .hYaoHV,\n [data-color-mode=\"auto\"] .rLhXz,\n [data-color-mode=\"auto\"] .gtXnmh,\n [data-color-mode=\"auto\"] .lmmHGT,\n [data-color-mode=\"auto\"] .dEmXPQ {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .bJBoUI,\n [data-color-mode=\"auto\"] .iJtJJh {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .lhyFLG {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hUWqlv,\n [data-color-mode=\"auto\"] .bJcMWH {\n color: #8aadf4;\n }\n [data-color-mode=\"auto\"] .Link__StyledLink-sc-14289xe-0.ifbDxt {\n color: #8aadf4;\n }\n [data-color-mode=\"auto\"] .Link__StyledLink-sc-14289xe-0.ifbDxt:hover {\n background-color: rgba(138, 173, 244, 0.4);\n }\n [data-color-mode=\"auto\"] .cxcvTj,\n [data-color-mode=\"auto\"] .Box-sc-g0xbh4-0.grSspY button {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gxGEao {\n border-bottom-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .dfAUyE .segmentedControl-content,\n [data-color-mode=\"auto\"] .gKuCoB .segmentedControl-content,\n [data-color-mode=\"auto\"] .bFrOJy .segmentedControl-content {\n background-color: #1e2030;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .cuqBaK,\n [data-color-mode=\"auto\"] .fCAAcl,\n [data-color-mode=\"auto\"] .dAXkSP {\n color: #cad3f5;\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .cuqBaK:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .fCAAcl:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .dAXkSP:hover .segmentedControl-content {\n background: #363a4f;\n }\n [data-color-mode=\"auto\"] .ksbilD,\n [data-color-mode=\"auto\"] .cuaLcW,\n [data-color-mode=\"auto\"] .joCMLT,\n [data-color-mode=\"auto\"] .jClMHS,\n [data-color-mode=\"auto\"] .jhjELj,\n [data-color-mode=\"auto\"] .diDjDG,\n [data-color-mode=\"auto\"] .gFuKCf,\n [data-color-mode=\"auto\"] .dHdESs,\n [data-color-mode=\"auto\"] .hpfKPO,\n [data-color-mode=\"auto\"] .jdgyJn,\n [data-color-mode=\"auto\"] .iInViE,\n [data-color-mode=\"auto\"] .brqMal,\n [data-color-mode=\"auto\"] .AbCTW {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .jEgFtJ,\n [data-color-mode=\"auto\"] .lixtXZ:hover,\n [data-color-mode=\"auto\"] .eNIoFu,\n [data-color-mode=\"auto\"] .idPXPh:hover,\n [data-color-mode=\"auto\"] .fdORwV,\n [data-color-mode=\"auto\"] .cjFogo,\n [data-color-mode=\"auto\"] .gIOnJa {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jBCpbB {\n color: #cad3f5;\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .kzrUhn.selected {\n background-color: #24273a;\n border-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .esIQoN,\n [data-color-mode=\"auto\"] .kbjJSF:disabled {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .eJTCnd,\n [data-color-mode=\"auto\"] .eTthoV {\n border-color: #363a4f;\n background-color: #24273a;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .eJTCnd .fixINc,\n [data-color-mode=\"auto\"] .eTthoV .fixINc,\n [data-color-mode=\"auto\"] .eJTCnd .eDZJqt,\n [data-color-mode=\"auto\"] .eTthoV .eDZJqt {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .eJTCnd .bniVFX,\n [data-color-mode=\"auto\"] .eTthoV .bniVFX,\n [data-color-mode=\"auto\"] .eJTCnd .jtlytA,\n [data-color-mode=\"auto\"] .eTthoV .jtlytA {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .ikTPpF {\n box-shadow: #24273a 0 3px 6px;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .cvveTk,\n [data-color-mode=\"auto\"] .dwoION {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .FKGWN {\n background-color: #24273a;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jPHlsW::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .khCtfm:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .bWlbEI,\n [data-color-mode=\"auto\"] .hzIORV {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .khCtfm,\n [data-color-mode=\"auto\"] .khCtfm[data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] .Tnbrt[data-component=\"IconButton\"][data-no-visuals] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .Tnbrt:active,\n [data-color-mode=\"auto\"] .Tnbrt[aria-expanded=\"true\"] {\n background-color: #5b6078;\n }\n [data-color-mode=\"auto\"] .Tnbrt:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .imsxCM {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .imsxCM .is-selected::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .pxYjU {\n background-color: #1e2030;\n color: #cad3f5;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .ilLRrZ {\n color: #cad3f5;\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .cnIHxk {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .cnIHxk:disabled {\n background-color: #6e738d;\n color: #181926;\n }\n [data-color-mode=\"auto\"] .ghFpol {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .hVmCdl,\n [data-color-mode=\"auto\"] .fqKZNC,\n [data-color-mode=\"auto\"] .fZFWUy,\n [data-color-mode=\"auto\"] .kbjJSF,\n [data-color-mode=\"auto\"] .flKHtV,\n [data-color-mode=\"auto\"] .jolsUx,\n [data-color-mode=\"auto\"] .ekNmOn {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] .klUZzf:not(:first-of-type) {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .jvpWzR:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .jvpWzR[data-size=\"large\"][data-block=\"block\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .fZFWUy,\n [data-color-mode=\"auto\"] .fzjwje {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .cEYXBH {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .joxhcl,\n [data-color-mode=\"auto\"] .hXyJIp,\n [data-color-mode=\"auto\"] .fMkBhb > .segmentedControl-content {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .dVFmxu,\n [data-color-mode=\"auto\"] .gbKtit,\n [data-color-mode=\"auto\"] .lnKxja,\n [data-color-mode=\"auto\"] .jzwNMs {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .dVFmxu svg,\n [data-color-mode=\"auto\"] .gbKtit svg,\n [data-color-mode=\"auto\"] .lnKxja svg,\n [data-color-mode=\"auto\"] .jzwNMs svg {\n fill: #a5adcb;\n }\n [data-color-mode=\"auto\"] .dVFmxu:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .gbKtit:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .lnKxja:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .jzwNMs:hover .segmentedControl-content {\n background-color: #494d64;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hJMtSk {\n color: #181926;\n background-color: #a6da95;\n }\n [data-color-mode=\"auto\"] .hJMtSk:disabled {\n color: #181926;\n background-color: #6e738d;\n }\n [data-color-mode=\"auto\"] .iDiUTR {\n color: #cad3f5;\n background-color: #24273a;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .iDiUTR:hover {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .eQfJKc,\n [data-color-mode=\"auto\"] .UHWYv {\n color: #ed8796;\n }\n [data-color-mode=\"auto\"] .jVIqnb {\n color: #ed8796;\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jVIqnb:hover {\n color: #24273a;\n background-color: #ed8796;\n }\n [data-color-mode=\"auto\"] .UHWYv:hover {\n background-color: rgba(237, 135, 150, 0.2);\n }\n [data-color-mode=\"auto\"] .lmmHGT:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hYdbWk,\n [data-color-mode=\"auto\"] .gkeKEr,\n [data-color-mode=\"auto\"] .jzcCeu,\n [data-color-mode=\"auto\"] .iGxiw,\n [data-color-mode=\"auto\"] .ixFSpw,\n [data-color-mode=\"auto\"] .koxWOe,\n [data-color-mode=\"auto\"] .gkWKRr,\n [data-color-mode=\"auto\"] .ikaTJo > svg,\n [data-color-mode=\"auto\"] .dcGHGc,\n [data-color-mode=\"auto\"] .dzMFih,\n [data-color-mode=\"auto\"] .hYdbWk::before,\n [data-color-mode=\"auto\"] .ixFSpw::before,\n [data-color-mode=\"auto\"] .dSHKOE {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .gkWKRr {\n border-top-color: #363a4f;\n border-right-color: #363a4f;\n border-left-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hPQRKh {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hPQRKh:hover:not([disabled]) {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hPQRKh[data-component=\"IconButton\"][data-no-visuals] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .kfwhFa:hover:not([disabled]) {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .kfwhFa[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .jykkjb {\n background-color: #24273a;\n box-shadow: #181926 0 -2px 0 inset, #181926 0 1px 0 inset;\n }\n [data-color-mode=\"auto\"] .jhjELj,\n [data-color-mode=\"auto\"] .ixTUPS {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gmscZx:hover:not([disabled]),\n [data-color-mode=\"auto\"] .fUaEiu:hover:not([disabled]) {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gmscZx[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] .fUaEiu[aria-expanded=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .gmscZx [data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] .fUaEiu [data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] .gmscZx[data-size=\"small\"],\n [data-color-mode=\"auto\"] .fUaEiu[data-size=\"small\"],\n [data-color-mode=\"auto\"] .gmscZx[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .fUaEiu[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .cBssZb {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .jhjELj::before {\n border-color: transparent transparent #494d64;\n }\n [data-color-mode=\"auto\"] .fHpqaf,\n [data-color-mode=\"auto\"] .bfQVnA,\n [data-color-mode=\"auto\"] .iGxiw,\n [data-color-mode=\"auto\"] .fUzagb,\n [data-color-mode=\"auto\"] .gisjeK,\n [data-color-mode=\"auto\"] .iQkwAM {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .dtTTcd {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .dtTTcd.hoverable:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .pQcjM {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .pQcjM.hoverable:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .eTSXcP {\n background-color: #ed8796;\n }\n [data-color-mode=\"auto\"] .iGxiw {\n border-bottom-color: #494d64;\n }\n [data-color-mode=\"auto\"] .brFBoI,\n [data-color-mode=\"auto\"] .ldUAkr,\n [data-color-mode=\"auto\"] .gtXnmh {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gWjhfa,\n [data-color-mode=\"auto\"] .jMdYTc {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .jMdYTc {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .jMdYTc button {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .jMdYTc button:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jMdYTc button[aria-expanded=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .gwuIGu > a:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .gwuIGu > a span {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .bJYdrf:hover {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .dSlCya:hover {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .hNNRLM,\n [data-color-mode=\"auto\"] .hGgJQu,\n [data-color-mode=\"auto\"] .hTcsdJ {\n background-color: #363a4f;\n border-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hNNRLM:hover,\n [data-color-mode=\"auto\"] .hGgJQu:hover,\n [data-color-mode=\"auto\"] .hTcsdJ:hover {\n background-color: #494d64;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .eOIzRT {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .eOIzRT:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hNNRLM svg {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .react-last-commit-history-group:hover {\n background-color: #24273a;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .ContributionCalendar-day {\n --color-calendar-graph-day-L1-bg: rgba(149, 218, 149, 0.4);\n --color-calendar-graph-day-L2-bg: rgba(154, 218, 149, 0.6);\n --color-calendar-graph-day-L3-bg: rgba(160, 218, 149, 0.8);\n --color-calendar-graph-day-L4-bg: #a6da95;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-calendar-graph-day-bg: #363a4f;\n }\n [data-color-mode=\"auto\"] .tooltipped.tooltipped-s rect {\n fill: #a6da95 !important;\n }\n [data-color-mode=\"auto\"] .hfRvxg {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .hfRvxg:hover {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .lbYguI {\n border-radius: 6px;\n }\n [data-color-mode=\"auto\"] .hPsWZB,\n [data-color-mode=\"auto\"] .bOUZZs {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > a,\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > span > a,\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > span > button {\n background-color: #24273a;\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > a:hover,\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > span > a:hover,\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > span > button:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hMOAua {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .hMOAua:hover {\n background-color: #1e2030;\n border-color: #494d64;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hMCjFU,\n [data-color-mode=\"auto\"] .jcKsih,\n [data-color-mode=\"auto\"] .hpgNiv {\n background-color: #24273a;\n color: #cad3f5;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hMCjFU:hover,\n [data-color-mode=\"auto\"] .jcKsih:hover,\n [data-color-mode=\"auto\"] .hpgNiv:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jfOCiu,\n [data-color-mode=\"auto\"] .gNXjVV,\n [data-color-mode=\"auto\"] .iGzDhH,\n [data-color-mode=\"auto\"] .Overlay {\n background-color: #1e2030;\n border-color: #494d64;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n [data-color-mode=\"auto\"] .jfOCiu li {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .kRbyXo {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .VgnWi {\n background-color: #24273a;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .VgnWi:focus-within {\n border-color: #b7bdf8;\n box-shadow: #b7bdf8 0 0 0 1px inset;\n }\n [data-color-mode=\"auto\"] .bAKGFC {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .bdMlHy {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .jMyfUO.selected {\n border-color: #494d64;\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .bPgnBp {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] kbd {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] select option,\n [data-color-mode=\"auto\"] optgroup {\n background-color: #1e2030;\n border-color: #494d64;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n [data-color-mode=\"auto\"] .hUQSCH {\n background-color: #24273a;\n color: #b8c0e0;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hUQSCH:hover {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .dQPLyc {\n background-color: transparent;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .ktGGEf {\n background-color: #24273a;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gkfBtX {\n background-color: #1e2030;\n border-radius: 6px 0 0;\n border-bottom-color: #494d64;\n }\n [data-color-mode=\"auto\"] .jproXT {\n background-color: transparent;\n border-color: transparent;\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .jproXT:hover {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .jproXT:focus-within {\n border-color: transparent;\n box-shadow: none;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .wLDmP {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .eNSiNz .segmentedControl-content,\n [data-color-mode=\"auto\"] .gKuCoB .segmentedControl-content {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .notifications-list-item.notification-read,\n [data-color-mode=\"auto\"] .notifications-list-item.notification-archived {\n background-color: #24273a !important;\n }\n [data-color-mode=\"auto\"] .notifications-list-item.notification-read:last-child,\n [data-color-mode=\"auto\"] .notifications-list-item.notification-archived:last-child {\n border-bottom-left-radius: 6px;\n }\n [data-color-mode=\"auto\"] .turbo-progress-bar {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .search-results-page {\n background-color: #24273a;\n }\n }\n @media (prefers-color-scheme: light) and (hover: hover) and (pointer: fine) {\n [data-color-mode=\"auto\"] .rLhXz:hover:not([aria-disabled]) {\n background-color: #363a4f;\n }\n }\n [data-color-mode=\"dark\"],\n [data-color-mode=\"auto\"] > .theme-dark {\n --color-workflow-card-connector: #6e738d;\n --color-workflow-card-connector-bg: #6e738d;\n --color-workflow-card-connector-inactive: #494d64;\n --color-workflow-card-connector-inactive-bg: #494d64;\n --color-workflow-card-connector-highlight: #b7bdf8;\n --color-workflow-card-connector-highlight-bg: #b7bdf8;\n --color-workflow-card-bg: #494d64;\n --color-workflow-card-inactive-bg: #363a4f;\n --color-workflow-card-header-shadow: #dc2286;\n --color-workflow-card-progress-complete-bg: rgba(138, 173, 244, 0.15);\n --color-workflow-card-progress-incomplete-bg: #494d64;\n --color-discussions-state-answered-icon: var(--color-scale-green-3);\n --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6);\n --color-notifications-button-text: var(--color-scale-white);\n --color-notifications-button-hover-text: var(--color-scale-white);\n --color-notifications-button-hover-bg: var(--color-scale-blue-4);\n --color-notifications-row-read-bg: var(--color-canvas-default);\n --color-notifications-row-bg: var(--color-canvas-subtle);\n --color-icon-directory: #cad3f5;\n --color-checks-step-error-icon: var(--color-scale-red-4);\n --color-calendar-halloween-graph-day-L1-bg: #631c03;\n --color-calendar-halloween-graph-day-L2-bg: #bd561d;\n --color-calendar-halloween-graph-day-L3-bg: #fa7a18;\n --color-calendar-halloween-graph-day-L4-bg: #fddf68;\n --color-calendar-graph-day-bg: #363a4f;\n --color-calendar-graph-day-border: transparent;\n /* These could do with a bit of refining */\n --color-calendar-graph-day-L1-bg: rgba(149, 218, 149, 0.4);\n --color-calendar-graph-day-L2-bg: rgba(154, 218, 149, 0.6);\n --color-calendar-graph-day-L3-bg: rgba(160, 218, 149, 0.8);\n --color-calendar-graph-day-L4-bg: #a6da95;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-user-mention-fg: var(--color-scale-yellow-0);\n --color-user-mention-bg: var(--color-scale-yellow-8);\n --color-text-white: #cad3f5;\n /* Buttons */\n /* Create PR button & New branch button & Fork repo button & Commit Changes button */\n /* New branch dialog */\n /* Branch drop down */\n /* Compare button & Cancel new branch button */\n /* search btn */\n /* Issue tags */\n /* Labels */\n /* Search */\n /* Tags */\n /* Slug */\n /* Links */\n /* Committer */\n /* Misc */\n /* Large notification */\n /* Button Fix */\n /* Button selection Fix */\n /* Darker bg for new AppHeader */\n /* Headers */\n /* New change visibility box star and watcher preview buttons Fix */\n /* New change visibility box danger buttons Fix */\n /* 2FA authentication box header Fix */\n /* Footer Logo Fix */\n /* Footer text hover fix */\n /* Notifications */\n /* Keyboard hint */\n /* Merge icon */\n /* Branch indicator */\n /* File view */\n /* Projects */\n /* Project table view */\n /* Tree Fix */\n /* Tree Fix */\n /* Weird barely visible outlines | Can be removed if intentional */\n /* New Repository Overview Fix */\n /* Buttons */\n /* Scrolling top menu */\n /* Fullscreen Sidebar Fixes */\n /* Dropdown Menus */\n /* Add File Menu */\n /* Notification Menu Fix */\n /* Loading Bar Color */\n }\n [data-color-mode=\"dark\"],\n [data-color-mode=\"auto\"] > .theme-dark,\n [data-color-mode=\"dark\"] body,\n [data-color-mode=\"auto\"] > .theme-dark body {\n accent-color: #b7bdf8;\n --bgColor-default: #24273a;\n --color-canvas-default-transparent: rgba(13, 17, 23, 0);\n --color-page-header-bg: #24273a;\n --color-marketing-icon-primary: #91d7e3;\n --color-marketing-icon-secondary: #8aadf4;\n --color-diff-blob-addition-num-text: #cad3f5;\n --color-diff-blob-addition-fg: #cad3f5;\n --color-diff-blob-addition-num-bg: rgba(166, 218, 149, 0.3);\n --color-diff-blob-addition-line-bg: rgba(166, 218, 149, 0.15);\n --color-diff-blob-addition-word-bg: rgba(166, 218, 149, 0.3);\n --color-diff-blob-deletion-num-text: #cad3f5;\n --color-diff-blob-deletion-fg: #cad3f5;\n --color-diff-blob-deletion-num-bg: rgba(237, 135, 150, 0.3);\n --color-diff-blob-deletion-line-bg: rgba(237, 135, 150, 0.15);\n --color-diff-blob-deletion-word-bg: rgba(237, 135, 150, 0.3);\n --color-diff-blob-hunk-num-bg: rgba(138, 173, 244, 0.4);\n --color-diff-blob-expander-icon: #8b949e;\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --color-diffstat-deletion-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-bg: #a6da95;\n --color-search-keyword-hl: rgba(210, 153, 34, 0.4);\n --color-prettylights-syntax-comment: #8087a2;\n --color-prettylights-syntax-constant: #8aadf4;\n --color-prettylights-syntax-entity: #8aadf4;\n --color-prettylights-syntax-storage-modifier-import: #f5a97f;\n --color-prettylights-syntax-entity-tag: #8bd5ca;\n --color-prettylights-syntax-keyword: #f5bde6;\n --color-prettylights-syntax-string: #a6da95;\n --color-prettylights-syntax-variable: #f5a97f;\n --color-prettylights-syntax-brackethighlighter-unmatched: #f0f;\n --color-prettylights-syntax-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\n --color-prettylights-syntax-carriage-return-text: #f0f;\n --color-prettylights-syntax-carriage-return-bg: #f0f;\n --color-prettylights-syntax-string-regexp: #f0f;\n --color-prettylights-syntax-markup-list: #f0f;\n --color-prettylights-syntax-markup-heading: #8bd5ca;\n --color-prettylights-syntax-markup-italic: #eed49f;\n --color-prettylights-syntax-markup-bold: #eed49f;\n --color-prettylights-syntax-markup-deleted-text: #cad3f5;\n --color-prettylights-syntax-markup-deleted-bg: rgba(237, 135, 150, 0.4);\n --color-prettylights-syntax-markup-inserted-text: #cad3f5;\n --color-prettylights-syntax-markup-inserted-bg: rgba(166, 218, 149, 0.4);\n --color-prettylights-syntax-markup-changed-text: #cad3f5;\n --color-prettylights-syntax-markup-changed-bg: rgba(238, 212, 159, 0.4);\n --color-prettylights-syntax-markup-ignored-text: #cad3f5;\n --color-prettylights-syntax-markup-ignored-bg: #f0f;\n --color-prettylights-syntax-meta-diff-range: #c6a0f6;\n --color-prettylights-syntax-brackethighlighter-angle: #f0f;\n --color-prettylights-syntax-sublimelinter-gutter-mark: #f0f;\n --color-prettylights-syntax-constant-other-reference-link: #f0f;\n --color-codemirror-text: #cad3f5;\n --color-codemirror-bg: #24273a;\n --color-codemirror-gutters-bg: #24273a;\n --color-codemirror-guttermarker-text: #24273a;\n --color-codemirror-guttermarker-subtle-text: #6e7681;\n --color-codemirror-linenumber-text: #8b949e;\n --color-codemirror-cursor: #c9d1d9;\n --color-codemirror-selection-bg: rgba(56, 139, 253, 0.4);\n --color-codemirror-activeline-bg: rgba(110, 118, 129, 0.1);\n --color-codemirror-matchingbracket-text: #c9d1d9;\n --color-codemirror-lines-bg: #24273a;\n --color-codemirror-syntax-comment: #8b949e;\n --color-codemirror-syntax-constant: #79c0ff;\n --color-codemirror-syntax-entity: #d2a8ff;\n --color-codemirror-syntax-keyword: #ff7b72;\n --color-codemirror-syntax-storage: #ff7b72;\n --color-codemirror-syntax-string: #a5d6ff;\n --color-codemirror-syntax-support: #79c0ff;\n --color-codemirror-syntax-variable: #ffa657;\n --color-checks-bg: #1e2030;\n --color-checks-run-border-width: 1px;\n --color-checks-container-border-width: 1px;\n --color-checks-text-primary: #cad3f5;\n --color-checks-text-secondary: #b8c0e0;\n --color-checks-text-link: #7dc4e4;\n --color-checks-btn-icon: #cad3f5;\n --color-checks-btn-hover-icon: #cad3f5;\n --color-checks-btn-hover-bg: #181926;\n --color-checks-input-text: #494d64;\n --color-checks-input-placeholder-text: #b8c0e0;\n --color-checks-input-focus-text: #cad3f5;\n --color-checks-input-bg: #363a4f;\n --color-checks-input-shadow: 0 0 0 1px;\n --color-checks-donut-error: #ed8796;\n --color-checks-donut-pending: #f5a97f;\n --color-checks-donut-success: #a6da95;\n --color-checks-donut-neutral: #939ab7;\n --color-checks-dropdown-text: #cad3f5;\n --color-checks-dropdown-bg: #363a4f;\n --color-checks-dropdown-border: #494d64;\n --color-checks-dropdown-shadow: #181926;\n --color-checks-dropdown-hover-text: #a5adcb;\n --color-checks-dropdown-hover-bg: #1e2030;\n --color-checks-dropdown-btn-hover-text: #cad3f5;\n --color-checks-dropdown-btn-hover-bg: #1e2030;\n --color-checks-scrollbar-thumb-bg: #1e2030;\n --color-checks-header-label-text: #cad3f5;\n --color-checks-header-label-open-text: #b7bdf8;\n --color-checks-header-border: #363a4f;\n --color-checks-header-icon: #cad3f5;\n --color-checks-line-text: #a5adcb;\n --color-checks-line-num-text: #a5adcb;\n --color-checks-line-timestamp-text: #a5adcb;\n --color-checks-line-hover-bg: #363a4f;\n --color-checks-line-selected-bg: #363a4f;\n --color-checks-line-selected-num-text: #dc2286;\n --color-checks-line-dt-fm-text: #dc2286;\n --color-checks-line-dt-fm-bg: #dc2286;\n --color-checks-gate-bg: rgba(187, 128, 9, 0.15);\n --color-checks-gate-text: #cad3f5;\n --color-checks-gate-waiting-text: #eed49f;\n --color-checks-step-header-open-bg: #363a4f;\n --color-checks-step-error-text: #ee99a0;\n --color-checks-step-warning-text: #f5a97f;\n --color-checks-logline-text: #cad3f5;\n --color-checks-logline-num-text: #cad3f5;\n --color-checks-logline-debug-text: #c6a0f6;\n --color-checks-logline-error-text: #cad3f5;\n --color-checks-logline-error-num-text: #ee99a0;\n --color-checks-logline-error-bg: rgba(238, 153, 160, 0.15);\n --color-checks-logline-warning-text: #b8c0e0;\n --color-checks-logline-warning-num-text: #f5a97f;\n --color-checks-logline-warning-bg: rgba(245, 169, 127, 0.15);\n --color-checks-logline-command-text: #8aadf4;\n --color-checks-logline-section-text: #a6da95;\n --color-checks-ansi-black: #494d64;\n --color-checks-ansi-black-bright: #5b6078;\n --color-checks-ansi-white: #b8c0e0;\n --color-checks-ansi-white-bright: #a5adcb;\n --divider-color: #494d64;\n --underlineNav-borderColor-active: #b7bdf8;\n --color-checks-ansi-gray: #f0f;\n --color-checks-ansi-red: #ed8796;\n --color-checks-ansi-red-bright: #ed8796;\n --color-checks-ansi-green: #a6da95;\n --color-checks-ansi-green-bright: #a6da95;\n --color-checks-ansi-yellow: #eed49f;\n --color-checks-ansi-yellow-bright: #eed49f;\n --color-checks-ansi-blue: #8aadf4;\n --color-checks-ansi-blue-bright: #8aadf4;\n --color-checks-ansi-magenta: #f5bde6;\n --color-checks-ansi-magenta-bright: #f5bde6;\n --color-checks-ansi-cyan: #8bd5ca;\n --color-checks-ansi-cyan-bright: #8bd5ca;\n --color-project-header-bg: #0d1117;\n --color-project-sidebar-bg: #161b22;\n --color-project-gradient-in: #161b22;\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-mktg-btn-bg: #f6f8fa;\n --color-mktg-btn-shadow-outline: rgb(255, 255, 255 / 25%) 0 0 0 1px inset;\n --color-mktg-btn-shadow-focus: rgb(255, 255, 255 / 25%) 0 0 0 4px;\n --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15),\n 0 100px 80px rgba(255, 255, 255, 0.02),\n 0 42px 33px rgba(255, 255, 255, 0.024),\n 0 22px 18px rgba(255, 255, 255, 0.028),\n 0 12px 10px rgba(255, 255, 255, 0.034),\n 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);\n --color-mktg-btn-shadow-hover-muted: #ffffff 0 0 0 2px inset;\n --color-avatar-bg: rgba(255, 255, 255, 0.1);\n --color-avatar-border: rgba(240, 246, 252, 0.1);\n --color-avatar-stack-fade: #30363d;\n --color-avatar-stack-fade-more: #21262d;\n --color-avatar-child-shadow: -2px -2px 0 #0d1117;\n --color-topic-tag-border: rgba(0, 0, 0, 0);\n --color-counter-border: rgba(0, 0, 0, 0);\n --color-select-menu-backdrop-border: #484f58;\n --color-select-menu-tap-highlight: rgba(48, 54, 61, 0.5);\n --color-select-menu-tap-focus-bg: #0c2d6b;\n --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85);\n --color-header-text: var(--subtext2);\n --color-header-bg: #24273a;\n --color-header-bg: #1e2030;\n --color-header-divider: #8b949e;\n --color-header-logo: #cad3f5;\n --color-header-search-bg: #363a4f;\n --color-header-search-border: #494d64;\n --color-sidenav-selected-bg: #494d64;\n --color-menu-bg-active: #5b6078;\n --color-input-disabled-bg: rgba(110, 118, 129, 0);\n --color-timeline-badge-bg: #363a4f;\n --color-ansi-black: #484f58;\n --color-ansi-black-bright: #6e7681;\n --color-ansi-white: #b1bac4;\n --color-ansi-white-bright: #fff;\n --color-ansi-gray: #6e7681;\n --color-ansi-red: #ff7b72;\n --color-ansi-red-bright: #ffa198;\n --color-ansi-green: #3fb950;\n --color-ansi-green-bright: #56d364;\n --color-ansi-yellow: #d29922;\n --color-ansi-yellow-bright: #e3b341;\n --color-ansi-blue: #58a6ff;\n --color-ansi-blue-bright: #79c0ff;\n --color-ansi-magenta: #bc8cff;\n --color-ansi-magenta-bright: #d2a8ff;\n --color-ansi-cyan: #39c5cf;\n --color-ansi-cyan-bright: #56d4dd;\n --color-btn-text: #cad3f5;\n --color-btn-bg: #363a4f;\n --color-btn-border: transparent;\n --color-btn-shadow: 0 0 transparent;\n --color-btn-inset-shadow: 0 0 transparent;\n --color-btn-hover-bg: #494d64;\n --color-btn-hover-border: transparent;\n --color-btn-active-bg: #5b6078;\n --color-btn-active-border: transparent;\n --color-btn-selected-bg: #5b6078;\n --color-btn-focus-bg: #21262d;\n --color-btn-focus-border: #8b949e;\n --color-btn-focus-shadow: 0 0 0 3px rgba(139, 148, 158, 0.3);\n --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15);\n --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31, 111, 235, 0.3);\n --color-btn-counter-bg: #5b6078;\n --color-btn-primary-text: #24273a;\n --color-btn-primary-bg: #a6da95;\n --color-btn-primary-border: transparent;\n --color-btn-primary-shadow: 0 0 transparent;\n --color-btn-primary-inset-shadow: 0 0 transparent;\n --color-btn-primary-hover-bg: #bfd5d8;\n --color-btn-primary-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-selected-bg: #b8d7c5;\n --color-btn-primary-selected-shadow: 0 0 transparent;\n --color-btn-primary-disabled-text: #181926;\n --color-btn-primary-disabled-bg: #729271;\n --color-btn-primary-disabled-border: transparent;\n --color-btn-primary-focus-bg: #238636;\n --color-btn-primary-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-primary-icon: #24273a;\n --color-btn-primary-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-text: #58a6ff;\n --color-btn-outline-hover-text: #58a6ff;\n --color-btn-outline-hover-bg: #30363d;\n --color-btn-outline-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-hover-shadow: 0 1px 0 rgba(1, 4, 9, 0.1);\n --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);\n --color-btn-outline-hover-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-selected-text: #fff;\n --color-btn-outline-selected-bg: #0d419d;\n --color-btn-outline-selected-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-selected-shadow: 0 0 transparent;\n --color-btn-outline-disabled-text: #a5adcb;\n --color-btn-outline-disabled-bg: #5b6078;\n --color-btn-outline-disabled-counter-bg: rgba(31, 111, 235, 0.05);\n --color-btn-outline-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17, 88, 199, 0.4);\n --color-btn-outline-counter-bg: rgba(31, 111, 235, 0.1);\n --color-btn-danger-text: #24273a;\n --color-btn-danger-bg: #ed8796;\n --color-btn-danger-border: transparent;\n --color-btn-danger-shadow: 0 0 transparent;\n --color-btn-danger-inset-shadow: 0 0 transparent;\n --color-btn-danger-hover-bg: #d4bcd9;\n --color-btn-danger-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-danger-selected-bg: #dcadc6;\n --color-btn-danger-selected-shadow: 0 0 transparent;\n --color-btn-danger-disabled-text: #181926;\n --color-btn-danger-disabled-bg: #9d6171;\n --color-btn-danger-disabled-border: transparent;\n --color-btn-danger-focus-bg: #238636;\n --color-btn-danger-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-danger-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-danger-icon: #24273a;\n --color-btn-danger-counter-bg: rgba(255, 255, 255, 0.2);\n --color-underlinenav-icon: #6e7681;\n --color-underlinenav-border-hover: rgba(110, 118, 129, 0.4);\n --color-action-list-item-inline-divider: #5b6078;\n --color-action-list-item-default-hover-bg: #363a4f;\n --color-action-list-item-default-hover-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-active-bg: rgba(177, 186, 196, 0.2);\n --color-action-list-item-default-active-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-selected-bg: #494d64;\n --color-action-list-item-danger-hover-bg: rgba(248, 81, 73, 0.16);\n --color-action-list-item-danger-active-bg: rgba(248, 81, 73, 0.24);\n --color-action-list-item-danger-hover-text: #ff7b72;\n --color-switch-track-bg: #010409;\n --color-switch-track-border: #6e7681;\n --color-switch-track-checked-bg: rgba(31, 111, 235, 0.35);\n --color-switch-track-checked-hover-bg: rgba(31, 111, 235, 0.5);\n --color-switch-track-checked-active-bg: rgba(31, 111, 235, 0.65);\n --color-switch-track-checked-border: #58a6ff;\n --color-switch-knob-checked-bg: #1f6feb;\n --color-switch-knob-checked-disabled-bg: #484f58;\n --color-fg-default: #cad3f5;\n --color-fg-muted: #b8c0e0;\n --color-fg-subtle: #b8c0e0;\n --color-fg-on-emphasis: #24273a;\n --color-canvas-default: #24273a;\n --color-canvas-overlay: #1e2030;\n --color-canvas-inset: #363a4f;\n --color-canvas-subtle: #1e2030;\n --color-border-default: #494d64;\n --color-border-muted: #363a4f;\n --color-border-subtle: rgba(240, 246, 252, 0.1);\n --color-shadow-small: 0 0 transparent;\n --color-shadow-medium: 0 3px 6px #181926;\n --color-shadow-large: 0 8px 24px #181926;\n --color-shadow-extra-large: 0 12px 48px #181926;\n --color-neutral-emphasis-plus: #6e738d;\n --color-neutral-emphasis: #939ab7;\n --color-neutral-muted: rgba(110, 118, 129, 0.4);\n --color-neutral-subtle: rgba(110, 118, 129, 0.1);\n --color-accent-fg: #b7bdf8;\n --color-accent-emphasis: #b7bdf8;\n --color-accent-muted: rgba(183, 189, 248, 0.4);\n --color-accent-subtle: rgba(183, 189, 248, 0.15);\n --color-success-fg: #a6da95;\n --color-success-emphasis: #a6da95;\n --color-success-muted: rgba(46, 160, 67, 0.4);\n --color-success-subtle: rgba(46, 160, 67, 0.15);\n --color-attention-fg: #f5a97f;\n --color-attention-emphasis: #f5a97f;\n --color-attention-muted: rgba(187, 128, 9, 0.4);\n --color-attention-subtle: rgba(187, 128, 9, 0.15);\n --color-severe-fg: #ee99a0;\n --color-severe-emphasis: #ee99a0;\n --color-severe-muted: rgba(219, 109, 40, 0.4);\n --color-severe-subtle: rgba(219, 109, 40, 0.15);\n --color-danger-fg: #ed8796;\n --color-danger-emphasis: #ed8796;\n --color-danger-muted: rgba(248, 81, 73, 0.4);\n --color-danger-subtle: rgba(248, 81, 73, 0.15);\n --color-open-fg: #a6da95;\n --color-open-emphasis: #a6da95;\n --color-open-muted: rgba(46, 160, 67, 0.4);\n --color-open-subtle: rgba(46, 160, 67, 0.15);\n --color-closed-fg: #ed8796;\n --color-closed-emphasis: #ed8796;\n --color-closed-muted: rgba(248, 81, 73, 0.4);\n --color-closed-subtle: rgba(248, 81, 73, 0.15);\n --color-done-fg: #c6a0f6;\n --color-done-emphasis: #c6a0f6;\n --color-done-muted: rgba(163, 113, 247, 0.4);\n --color-done-subtle: rgba(163, 113, 247, 0.15);\n --color-sponsors-fg: #c6a0f6;\n --color-sponsors-emphasis: #c6a0f6;\n --color-sponsors-muted: rgba(219, 97, 162, 0.4);\n --color-sponsors-subtle: rgba(219, 97, 162, 0.15);\n --color-primer-fg-disabled: rgba(183, 189, 248, 0.5);\n --color-primer-canvas-backdrop: rgba(1, 4, 9, 0.8);\n --color-primer-canvas-sticky: rgba(13, 17, 23, 0.95);\n --color-primer-border-active: #ed8796;\n --color-primer-border-contrast: rgba(255, 255, 255, 0.2);\n --color-primer-shadow-highlight: 0 0 transparent;\n --color-primer-shadow-inset: 0 0 transparent;\n --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;\n --color-scale-black: #010409;\n --color-scale-white: #fff;\n --color-scale-gray-0: #f0f6fc;\n --color-scale-gray-1: #c9d1d9;\n --color-scale-gray-2: #b1bac4;\n --color-scale-gray-3: #8b949e;\n --color-scale-gray-4: #6e7681;\n --color-scale-gray-5: #484f58;\n --color-scale-gray-6: #30363d;\n --color-scale-gray-7: #21262d;\n --color-scale-gray-8: #161b22;\n --color-scale-gray-9: #0d1117;\n --color-scale-blue-0: #cae8ff;\n --color-scale-blue-1: #a5d6ff;\n --color-scale-blue-2: #79c0ff;\n --color-scale-blue-3: #58a6ff;\n --color-scale-blue-4: #388bfd;\n --color-scale-blue-5: #1f6feb;\n --color-scale-blue-6: #1158c7;\n --color-scale-blue-7: #0d419d;\n --color-scale-blue-8: #0c2d6b;\n --color-scale-blue-9: #051d4d;\n --color-scale-green-0: #aff5b4;\n --color-scale-green-1: #7ee787;\n --color-scale-green-2: #56d364;\n --color-scale-green-3: #3fb950;\n --color-scale-green-4: #2ea043;\n --color-scale-green-5: #238636;\n --color-scale-green-6: #196c2e;\n --color-scale-green-7: #0f5323;\n --color-scale-green-8: #033a16;\n --color-scale-green-9: #04260f;\n --color-scale-yellow-0: #f8e3a1;\n --color-scale-yellow-1: #f2cc60;\n --color-scale-yellow-2: #e3b341;\n --color-scale-yellow-3: #d29922;\n --color-scale-yellow-4: #bb8009;\n --color-scale-yellow-5: #9e6a03;\n --color-scale-yellow-6: #845306;\n --color-scale-yellow-7: #693e00;\n --color-scale-yellow-8: #4b2900;\n --color-scale-yellow-9: #341a00;\n --color-scale-orange-0: #ffdfb6;\n --color-scale-orange-1: #ffc680;\n --color-scale-orange-2: #ffa657;\n --color-scale-orange-3: #f0883e;\n --color-scale-orange-4: #db6d28;\n --color-scale-orange-5: #bd561d;\n --color-scale-orange-6: #9b4215;\n --color-scale-orange-7: #762d0a;\n --color-scale-orange-8: #5a1e02;\n --color-scale-orange-9: #3d1300;\n --color-scale-red-0: #ffdcd7;\n --color-scale-red-1: #ffc1ba;\n --color-scale-red-2: #ffa198;\n --color-scale-red-3: #ff7b72;\n --color-scale-red-4: #f85149;\n --color-scale-red-5: #da3633;\n --color-scale-red-6: #b62324;\n --color-scale-red-7: #8e1519;\n --color-scale-red-8: #67060c;\n --color-scale-red-9: #490202;\n --color-scale-purple-0: #eddeff;\n --color-scale-purple-1: #e2c5ff;\n --color-scale-purple-2: #d2a8ff;\n --color-scale-purple-3: #bc8cff;\n --color-scale-purple-4: #a371f7;\n --color-scale-purple-5: #8957e5;\n --color-scale-purple-6: #6e40c9;\n --color-scale-purple-7: #553098;\n --color-scale-purple-8: #3c1e70;\n --color-scale-purple-9: #271052;\n --color-scale-pink-0: #ffdaec;\n --color-scale-pink-1: #ffbedd;\n --color-scale-pink-2: #ff9bce;\n --color-scale-pink-3: #f778ba;\n --color-scale-pink-4: #db61a2;\n --color-scale-pink-5: #bf4b8a;\n --color-scale-pink-6: #9e3670;\n --color-scale-pink-7: #7d2457;\n --color-scale-pink-8: #5e103e;\n --color-scale-pink-9: #42062a;\n --color-scale-coral-0: #ffddd2;\n --color-scale-coral-1: #ffc2b2;\n --color-scale-coral-2: #ffa28b;\n --color-scale-coral-3: #f78166;\n --color-scale-coral-4: #ea6045;\n --color-scale-coral-5: #cf462d;\n --color-scale-coral-6: #ac3220;\n --color-scale-coral-7: #872012;\n --color-scale-coral-8: #640d04;\n --color-scale-coral-9: #460701;\n }\n [data-color-mode=\"dark\"] .btn-danger,\n [data-color-mode=\"auto\"] > .theme-dark .btn-danger,\n [data-color-mode=\"dark\"] .Button--danger,\n [data-color-mode=\"auto\"] > .theme-dark .Button--danger {\n background: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"dark\"] .iRoQzU,\n [data-color-mode=\"auto\"] > .theme-dark .iRoQzU,\n [data-color-mode=\"dark\"] .ifkUYV,\n [data-color-mode=\"auto\"] > .theme-dark .ifkUYV,\n [data-color-mode=\"dark\"] .bOZDzN,\n [data-color-mode=\"auto\"] > .theme-dark .bOZDzN,\n [data-color-mode=\"dark\"] .cYGUCw,\n [data-color-mode=\"auto\"] > .theme-dark .cYGUCw,\n [data-color-mode=\"dark\"] .bbZPuV,\n [data-color-mode=\"auto\"] > .theme-dark .bbZPuV {\n background-color: #a6da95;\n color: #24273a;\n }\n [data-color-mode=\"dark\"] .jenxrv,\n [data-color-mode=\"auto\"] > .theme-dark .jenxrv {\n background-color: #1e2030;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .fHiIQb,\n [data-color-mode=\"auto\"] > .theme-dark .fHiIQb {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .idPXPh,\n [data-color-mode=\"auto\"] > .theme-dark .idPXPh,\n [data-color-mode=\"dark\"] .epAEYw,\n [data-color-mode=\"auto\"] > .theme-dark .epAEYw {\n background-color: #363a4f;\n color: #cad3f5;\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .header-search-button.placeholder,\n [data-color-mode=\"auto\"] > .theme-dark .header-search-button.placeholder {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .hx_IssueLabel,\n [data-color-mode=\"auto\"] > .theme-dark .hx_IssueLabel {\n --text: #cad3f5;\n }\n [data-color-mode=\"dark\"] .hx_IssueLabel,\n [data-color-mode=\"auto\"] > .theme-dark .hx_IssueLabel {\n --lightness-threshold: 0.453;\n --border-threshold: 0.96;\n --border-fadeout: 1;\n color: var(--text) !important;\n background: rgb(var(--label-r), var(--label-g), var(--label-b)) !important;\n border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 25) * 1%), var(--border-fadeout)) !important;\n }\n [data-color-mode=\"dark\"] .Label,\n [data-color-mode=\"auto\"] > .theme-dark .Label {\n color: var(--color-accent-fg);\n background-color: #363a4f;\n border-color: transparent;\n }\n [data-color-mode=\"dark\"] .Label--secondary,\n [data-color-mode=\"auto\"] > .theme-dark .Label--secondary {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .Label--success,\n [data-color-mode=\"auto\"] > .theme-dark .Label--success {\n color: #24273a;\n background-color: #a6da95;\n }\n [data-color-mode=\"dark\"] .Label--danger,\n [data-color-mode=\"auto\"] > .theme-dark .Label--danger {\n background-color: var(--color-danger-emphasis);\n color: var(--color-btn-danger-text);\n }\n [data-color-mode=\"dark\"] .timeline-comment-header .Label,\n [data-color-mode=\"auto\"] > .theme-dark .timeline-comment-header .Label,\n [data-color-mode=\"dark\"] .timeline-comment .Label,\n [data-color-mode=\"auto\"] > .theme-dark .timeline-comment .Label {\n color: var(--color-fg-muted);\n }\n [data-color-mode=\"dark\"] .header-search-input,\n [data-color-mode=\"auto\"] > .theme-dark .header-search-input {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"dark\"] .header-search-input::placeholder,\n [data-color-mode=\"auto\"] > .theme-dark .header-search-input::placeholder {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"dark\"] .topic-tag,\n [data-color-mode=\"auto\"] > .theme-dark .topic-tag {\n --color-accent-fg: #b7bdf8;\n --color-accent-emphasis: #b7bdf8;\n --color-accent-muted: rgba(183, 189, 248, 0.4);\n --color-accent-subtle: rgba(183, 189, 248, 0.15);\n }\n [data-color-mode=\"dark\"] .dYxKVs,\n [data-color-mode=\"auto\"] > .theme-dark .dYxKVs,\n [data-color-mode=\"dark\"] .eVjWum,\n [data-color-mode=\"auto\"] > .theme-dark .eVjWum {\n color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .fIqerb,\n [data-color-mode=\"auto\"] > .theme-dark .fIqerb {\n color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .ftOYgF,\n [data-color-mode=\"auto\"] > .theme-dark .ftOYgF {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .col-md-8,\n [data-color-mode=\"auto\"] > .theme-dark .col-md-8 {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .user-mention,\n [data-color-mode=\"auto\"] > .theme-dark .user-mention,\n [data-color-mode=\"dark\"] .team-mention,\n [data-color-mode=\"auto\"] > .theme-dark .team-mention {\n color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg,\n [data-color-mode=\"auto\"] > .theme-dark .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: #a6da95;\n }\n [data-color-mode=\"dark\"] .starred .starred-button-icon,\n [data-color-mode=\"auto\"] > .theme-dark .starred .starred-button-icon {\n color: #eed49f;\n }\n [data-color-mode=\"dark\"] .flash,\n [data-color-mode=\"auto\"] > .theme-dark .flash {\n --color-attention-muted: #b7bdf8;\n --bgColor-attention-muted: rgba(183, 189, 248, 0.4);\n --color-attention-subtle: rgba(183, 189, 248, 0.15);\n }\n [data-color-mode=\"dark\"] .color-bg-subtle,\n [data-color-mode=\"auto\"] > .theme-dark .color-bg-subtle {\n background-color: transparent !important;\n }\n [data-color-mode=\"dark\"] .command-palette-details-dialog .color-bg-subtle,\n [data-color-mode=\"auto\"] > .theme-dark .command-palette-details-dialog .color-bg-subtle {\n background-color: #363a4f !important;\n }\n [data-color-mode=\"dark\"] .navigation-item[aria-selected=\"true\"] .color-fg-muted,\n [data-color-mode=\"auto\"] > .theme-dark .navigation-item[aria-selected=\"true\"] .color-fg-muted {\n color: #24273a !important;\n }\n [data-color-mode=\"dark\"] .AppHeader,\n [data-color-mode=\"auto\"] > .theme-dark .AppHeader {\n background: var(--color-header-bg);\n }\n [data-color-mode=\"dark\"] h1,\n [data-color-mode=\"auto\"] > .theme-dark h1,\n [data-color-mode=\"dark\"] h2,\n [data-color-mode=\"auto\"] > .theme-dark h2,\n [data-color-mode=\"dark\"] h3,\n [data-color-mode=\"auto\"] > .theme-dark h3,\n [data-color-mode=\"dark\"] h4,\n [data-color-mode=\"auto\"] > .theme-dark h4,\n [data-color-mode=\"dark\"] h5,\n [data-color-mode=\"auto\"] > .theme-dark h5,\n [data-color-mode=\"dark\"] h6,\n [data-color-mode=\"auto\"] > .theme-dark h6 {\n color: #b8c0e0;\n }\n [data-color-mode=\"dark\"] #check-step-header-title,\n [data-color-mode=\"auto\"] > .theme-dark #check-step-header-title {\n color: var(--color-checks-text-link) !important;\n }\n [data-color-mode=\"dark\"] ::selection,\n [data-color-mode=\"auto\"] > .theme-dark ::selection {\n background: #5b6078 !important;\n }\n [data-color-mode=\"dark\"] .btn.color-fg-danger.cursor-default,\n [data-color-mode=\"auto\"] > .theme-dark .btn.color-fg-danger.cursor-default {\n color: var(--color-btn-danger-text) !important;\n background-color: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"dark\"] .btn.color-fg-danger.cursor-default:hover,\n [data-color-mode=\"auto\"] > .theme-dark .btn.color-fg-danger.cursor-default:hover {\n background-color: var(--color-btn-danger-hover-bg);\n }\n [data-color-mode=\"dark\"] .btn.color-fg-danger.cursor-default > svg.octicon,\n [data-color-mode=\"auto\"] > .theme-dark .btn.color-fg-danger.cursor-default > svg.octicon {\n color: var(--color-btn-danger-text) !important;\n }\n [data-color-mode=\"dark\"] :where(\n #repo-visibility-proceed-button-public,\n #repo-visibility-proceed-button-private\n ):not([data-next-stage]),\n [data-color-mode=\"auto\"] > .theme-dark :where(\n #repo-visibility-proceed-button-public,\n #repo-visibility-proceed-button-private\n ):not([data-next-stage]) {\n color: var(--color-btn-danger-text);\n background-color: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"dark\"] body.session-authentication div.Box-header,\n [data-color-mode=\"auto\"] > .theme-dark body.session-authentication div.Box-header {\n background-color: inherit;\n }\n [data-color-mode=\"dark\"] .footer-octicon > svg:nth-child(1) > path:nth-child(1),\n [data-color-mode=\"auto\"] > .theme-dark .footer-octicon > svg:nth-child(1) > path:nth-child(1) {\n fill: #cad3f5;\n }\n [data-color-mode=\"dark\"] .footer nav.col-12 *,\n [data-color-mode=\"auto\"] > .theme-dark .footer nav.col-12 * {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"dark\"] .notification-indicator .mail-status,\n [data-color-mode=\"auto\"] > .theme-dark .notification-indicator .mail-status {\n background-image: none;\n background-color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .bdgUpN,\n [data-color-mode=\"auto\"] > .theme-dark .bdgUpN,\n [data-color-mode=\"dark\"] .hZMmEi .TextInput-icon,\n [data-color-mode=\"auto\"] > .theme-dark .hZMmEi .TextInput-icon,\n [data-color-mode=\"dark\"] .hZMmEi .TextInput-action,\n [data-color-mode=\"auto\"] > .theme-dark .hZMmEi .TextInput-action {\n color: #cad3f5;\n background-color: #1e2030;\n border-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .fMJQEf,\n [data-color-mode=\"auto\"] > .theme-dark .fMJQEf {\n color: #cad3f5;\n background-color: #6e738d;\n }\n [data-color-mode=\"dark\"] .iVNDSi,\n [data-color-mode=\"auto\"] > .theme-dark .iVNDSi {\n color: #b7bdf8;\n background-color: rgba(183, 189, 248, 0.1);\n }\n [data-color-mode=\"dark\"] .hwnsNO,\n [data-color-mode=\"auto\"] > .theme-dark .hwnsNO {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .hwnsNO th,\n [data-color-mode=\"auto\"] > .theme-dark .hwnsNO th {\n background: #1e2030;\n }\n [data-color-mode=\"dark\"] .dXveNa[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .dXveNa[data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .dXveNa,\n [data-color-mode=\"auto\"] > .theme-dark .dXveNa,\n [data-color-mode=\"dark\"] .kbjJSF,\n [data-color-mode=\"auto\"] > .theme-dark .kbjJSF {\n background-color: #363a4f;\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .gUecKw,\n [data-color-mode=\"auto\"] > .theme-dark .gUecKw,\n [data-color-mode=\"dark\"] .lcpiaz,\n [data-color-mode=\"auto\"] > .theme-dark .lcpiaz,\n [data-color-mode=\"dark\"] .jolsUx,\n [data-color-mode=\"auto\"] > .theme-dark .jolsUx,\n [data-color-mode=\"dark\"] .fsSggy,\n [data-color-mode=\"auto\"] > .theme-dark .fsSggy {\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .Cxvmo,\n [data-color-mode=\"auto\"] > .theme-dark .Cxvmo,\n [data-color-mode=\"dark\"] .dhYcqs,\n [data-color-mode=\"auto\"] > .theme-dark .dhYcqs {\n color: #ed8796;\n }\n [data-color-mode=\"dark\"] .byJIBD,\n [data-color-mode=\"auto\"] > .theme-dark .byJIBD,\n [data-color-mode=\"dark\"] .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg,\n [data-color-mode=\"auto\"] > .theme-dark .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: #a6da95;\n }\n [data-color-mode=\"dark\"] .lmmHGT:not(:first-of-type),\n [data-color-mode=\"auto\"] > .theme-dark .lmmHGT:not(:first-of-type),\n [data-color-mode=\"dark\"] .fOEJrA,\n [data-color-mode=\"auto\"] > .theme-dark .fOEJrA,\n [data-color-mode=\"dark\"] .fnFdxN,\n [data-color-mode=\"auto\"] > .theme-dark .fnFdxN,\n [data-color-mode=\"dark\"] .huABLg,\n [data-color-mode=\"auto\"] > .theme-dark .huABLg,\n [data-color-mode=\"dark\"] .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-dark .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"dark\"] .cwSUxL,\n [data-color-mode=\"auto\"] > .theme-dark .cwSUxL,\n [data-color-mode=\"dark\"] .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"dark\"] .jvzHAP,\n [data-color-mode=\"auto\"] > .theme-dark .jvzHAP,\n [data-color-mode=\"dark\"] .hPIyzG,\n [data-color-mode=\"auto\"] > .theme-dark .hPIyzG,\n [data-color-mode=\"dark\"] .gTeenv[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .gTeenv[data-no-visuals=\"true\"],\n [data-color-mode=\"dark\"] .VplrY[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .VplrY[data-no-visuals=\"true\"],\n [data-color-mode=\"dark\"] .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-dark .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"dark\"] .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"dark\"] .kKFNhh,\n [data-color-mode=\"auto\"] > .theme-dark .kKFNhh,\n [data-color-mode=\"dark\"] .lnXbGs,\n [data-color-mode=\"auto\"] > .theme-dark .lnXbGs,\n [data-color-mode=\"dark\"] .dTxwit,\n [data-color-mode=\"auto\"] > .theme-dark .dTxwit {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .gssqTz,\n [data-color-mode=\"auto\"] > .theme-dark .gssqTz {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"dark\"] .bPgnBp,\n [data-color-mode=\"auto\"] > .theme-dark .bPgnBp,\n [data-color-mode=\"dark\"] .jMyfUO,\n [data-color-mode=\"auto\"] > .theme-dark .jMyfUO,\n [data-color-mode=\"dark\"] .cBrzIN,\n [data-color-mode=\"auto\"] > .theme-dark .cBrzIN {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .eLaeIt:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .eLaeIt:hover:not([disabled]),\n [data-color-mode=\"dark\"] .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n [data-color-mode=\"dark\"] .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-dark .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"dark\"] .bDSYgZ:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .bDSYgZ:hover:not([disabled]),\n [data-color-mode=\"dark\"] .icOaJE:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .icOaJE:hover:not([disabled]) {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .icOaJE[aria-pressed=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .icOaJE[aria-pressed=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .cZRqXf,\n [data-color-mode=\"auto\"] > .theme-dark .cZRqXf {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .cZRqXf:active:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .cZRqXf:active:not([disabled]),\n [data-color-mode=\"dark\"] .cZRqXf[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .cZRqXf[aria-expanded=\"true\"] {\n border-color: #5b6078;\n }\n [data-color-mode=\"dark\"] .cZRqXf:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .cZRqXf:hover:not([disabled]) {\n border-color: #5b6078;\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .kdEavw,\n [data-color-mode=\"auto\"] > .theme-dark .kdEavw,\n [data-color-mode=\"dark\"] .ddNLNa,\n [data-color-mode=\"auto\"] > .theme-dark .ddNLNa,\n [data-color-mode=\"dark\"] .jepClM,\n [data-color-mode=\"auto\"] > .theme-dark .jepClM,\n [data-color-mode=\"dark\"] .gTeenv,\n [data-color-mode=\"auto\"] > .theme-dark .gTeenv,\n [data-color-mode=\"dark\"] .VplrY,\n [data-color-mode=\"auto\"] > .theme-dark .VplrY {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .kdEavw:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .kdEavw:hover:not([disabled]),\n [data-color-mode=\"dark\"] .ddNLNa:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .ddNLNa:hover:not([disabled]),\n [data-color-mode=\"dark\"] .jepClM:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .jepClM:hover:not([disabled]),\n [data-color-mode=\"dark\"] .gTeenv:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .gTeenv:hover:not([disabled]),\n [data-color-mode=\"dark\"] .VplrY:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .VplrY:hover:not([disabled]) {\n border-color: #5b6078;\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .feVXyu,\n [data-color-mode=\"auto\"] > .theme-dark .feVXyu,\n [data-color-mode=\"dark\"] .ecdhqS,\n [data-color-mode=\"auto\"] > .theme-dark .ecdhqS,\n [data-color-mode=\"dark\"] .iwGxyT,\n [data-color-mode=\"auto\"] > .theme-dark .iwGxyT,\n [data-color-mode=\"dark\"] .kLxXov,\n [data-color-mode=\"auto\"] > .theme-dark .kLxXov,\n [data-color-mode=\"dark\"] .flDsrw,\n [data-color-mode=\"auto\"] > .theme-dark .flDsrw {\n border-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .juEfKr,\n [data-color-mode=\"auto\"] > .theme-dark .juEfKr {\n border-color: #5b6078;\n }\n [data-color-mode=\"dark\"] .eUqMHM,\n [data-color-mode=\"auto\"] > .theme-dark .eUqMHM,\n [data-color-mode=\"dark\"] .hSXtjz,\n [data-color-mode=\"auto\"] > .theme-dark .hSXtjz {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .gtXnmh,\n [data-color-mode=\"auto\"] > .theme-dark .gtXnmh,\n [data-color-mode=\"dark\"] .ukUXs,\n [data-color-mode=\"auto\"] > .theme-dark .ukUXs,\n [data-color-mode=\"dark\"] .giEfVQ,\n [data-color-mode=\"auto\"] > .theme-dark .giEfVQ,\n [data-color-mode=\"dark\"] .cKvNNO,\n [data-color-mode=\"auto\"] > .theme-dark .cKvNNO,\n [data-color-mode=\"dark\"] .evdFFE,\n [data-color-mode=\"auto\"] > .theme-dark .evdFFE,\n [data-color-mode=\"dark\"] .kTUxDY,\n [data-color-mode=\"auto\"] > .theme-dark .kTUxDY {\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .hLwWNO .PRIVATE_TreeView-item-container,\n [data-color-mode=\"auto\"] > .theme-dark .hLwWNO .PRIVATE_TreeView-item-container,\n [data-color-mode=\"dark\"] .dycbWg,\n [data-color-mode=\"auto\"] > .theme-dark .dycbWg,\n [data-color-mode=\"dark\"] .hYaoHV,\n [data-color-mode=\"auto\"] > .theme-dark .hYaoHV,\n [data-color-mode=\"dark\"] .rLhXz,\n [data-color-mode=\"auto\"] > .theme-dark .rLhXz,\n [data-color-mode=\"dark\"] .gtXnmh,\n [data-color-mode=\"auto\"] > .theme-dark .gtXnmh,\n [data-color-mode=\"dark\"] .lmmHGT,\n [data-color-mode=\"auto\"] > .theme-dark .lmmHGT,\n [data-color-mode=\"dark\"] .dEmXPQ,\n [data-color-mode=\"auto\"] > .theme-dark .dEmXPQ {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .bJBoUI,\n [data-color-mode=\"auto\"] > .theme-dark .bJBoUI,\n [data-color-mode=\"dark\"] .iJtJJh,\n [data-color-mode=\"auto\"] > .theme-dark .iJtJJh {\n color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .lhyFLG,\n [data-color-mode=\"auto\"] > .theme-dark .lhyFLG {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .hUWqlv,\n [data-color-mode=\"auto\"] > .theme-dark .hUWqlv,\n [data-color-mode=\"dark\"] .bJcMWH,\n [data-color-mode=\"auto\"] > .theme-dark .bJcMWH {\n color: #8aadf4;\n }\n [data-color-mode=\"dark\"] .Link__StyledLink-sc-14289xe-0.ifbDxt,\n [data-color-mode=\"auto\"] > .theme-dark .Link__StyledLink-sc-14289xe-0.ifbDxt {\n color: #8aadf4;\n }\n [data-color-mode=\"dark\"] .Link__StyledLink-sc-14289xe-0.ifbDxt:hover,\n [data-color-mode=\"auto\"] > .theme-dark .Link__StyledLink-sc-14289xe-0.ifbDxt:hover {\n background-color: rgba(138, 173, 244, 0.4);\n }\n [data-color-mode=\"dark\"] .cxcvTj,\n [data-color-mode=\"auto\"] > .theme-dark .cxcvTj,\n [data-color-mode=\"dark\"] .Box-sc-g0xbh4-0.grSspY button,\n [data-color-mode=\"auto\"] > .theme-dark .Box-sc-g0xbh4-0.grSspY button {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .gxGEao,\n [data-color-mode=\"auto\"] > .theme-dark .gxGEao {\n border-bottom-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container,\n [data-color-mode=\"auto\"] > .theme-dark .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container::after,\n [data-color-mode=\"auto\"] > .theme-dark .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .dfAUyE .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .dfAUyE .segmentedControl-content,\n [data-color-mode=\"dark\"] .gKuCoB .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .gKuCoB .segmentedControl-content,\n [data-color-mode=\"dark\"] .bFrOJy .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .bFrOJy .segmentedControl-content {\n background-color: #1e2030;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .cuqBaK,\n [data-color-mode=\"auto\"] > .theme-dark .cuqBaK,\n [data-color-mode=\"dark\"] .fCAAcl,\n [data-color-mode=\"auto\"] > .theme-dark .fCAAcl,\n [data-color-mode=\"dark\"] .dAXkSP,\n [data-color-mode=\"auto\"] > .theme-dark .dAXkSP {\n color: #cad3f5;\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .cuqBaK:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .cuqBaK:hover .segmentedControl-content,\n [data-color-mode=\"dark\"] .fCAAcl:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .fCAAcl:hover .segmentedControl-content,\n [data-color-mode=\"dark\"] .dAXkSP:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .dAXkSP:hover .segmentedControl-content {\n background: #363a4f;\n }\n @media (hover: hover) and (pointer: fine) {\n [data-color-mode=\"dark\"] .rLhXz:hover:not([aria-disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .rLhXz:hover:not([aria-disabled]) {\n background-color: #363a4f;\n }\n }\n [data-color-mode=\"dark\"] .ksbilD,\n [data-color-mode=\"auto\"] > .theme-dark .ksbilD,\n [data-color-mode=\"dark\"] .cuaLcW,\n [data-color-mode=\"auto\"] > .theme-dark .cuaLcW,\n [data-color-mode=\"dark\"] .joCMLT,\n [data-color-mode=\"auto\"] > .theme-dark .joCMLT,\n [data-color-mode=\"dark\"] .jClMHS,\n [data-color-mode=\"auto\"] > .theme-dark .jClMHS,\n [data-color-mode=\"dark\"] .jhjELj,\n [data-color-mode=\"auto\"] > .theme-dark .jhjELj,\n [data-color-mode=\"dark\"] .diDjDG,\n [data-color-mode=\"auto\"] > .theme-dark .diDjDG,\n [data-color-mode=\"dark\"] .gFuKCf,\n [data-color-mode=\"auto\"] > .theme-dark .gFuKCf,\n [data-color-mode=\"dark\"] .dHdESs,\n [data-color-mode=\"auto\"] > .theme-dark .dHdESs,\n [data-color-mode=\"dark\"] .hpfKPO,\n [data-color-mode=\"auto\"] > .theme-dark .hpfKPO,\n [data-color-mode=\"dark\"] .jdgyJn,\n [data-color-mode=\"auto\"] > .theme-dark .jdgyJn,\n [data-color-mode=\"dark\"] .iInViE,\n [data-color-mode=\"auto\"] > .theme-dark .iInViE,\n [data-color-mode=\"dark\"] .brqMal,\n [data-color-mode=\"auto\"] > .theme-dark .brqMal,\n [data-color-mode=\"dark\"] .AbCTW,\n [data-color-mode=\"auto\"] > .theme-dark .AbCTW {\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .jEgFtJ,\n [data-color-mode=\"auto\"] > .theme-dark .jEgFtJ,\n [data-color-mode=\"dark\"] .lixtXZ:hover,\n [data-color-mode=\"auto\"] > .theme-dark .lixtXZ:hover,\n [data-color-mode=\"dark\"] .eNIoFu,\n [data-color-mode=\"auto\"] > .theme-dark .eNIoFu,\n [data-color-mode=\"dark\"] .idPXPh:hover,\n [data-color-mode=\"auto\"] > .theme-dark .idPXPh:hover,\n [data-color-mode=\"dark\"] .fdORwV,\n [data-color-mode=\"auto\"] > .theme-dark .fdORwV,\n [data-color-mode=\"dark\"] .cjFogo,\n [data-color-mode=\"auto\"] > .theme-dark .cjFogo,\n [data-color-mode=\"dark\"] .gIOnJa,\n [data-color-mode=\"auto\"] > .theme-dark .gIOnJa {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .jBCpbB,\n [data-color-mode=\"auto\"] > .theme-dark .jBCpbB {\n color: #cad3f5;\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .kzrUhn.selected,\n [data-color-mode=\"auto\"] > .theme-dark .kzrUhn.selected {\n background-color: #24273a;\n border-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .esIQoN,\n [data-color-mode=\"auto\"] > .theme-dark .esIQoN,\n [data-color-mode=\"dark\"] .kbjJSF:disabled,\n [data-color-mode=\"auto\"] > .theme-dark .kbjJSF:disabled {\n color: #b8c0e0;\n }\n [data-color-mode=\"dark\"] .eJTCnd,\n [data-color-mode=\"auto\"] > .theme-dark .eJTCnd,\n [data-color-mode=\"dark\"] .eTthoV,\n [data-color-mode=\"auto\"] > .theme-dark .eTthoV {\n border-color: #363a4f;\n background-color: #24273a;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .eJTCnd .fixINc,\n [data-color-mode=\"auto\"] > .theme-dark .eJTCnd .fixINc,\n [data-color-mode=\"dark\"] .eTthoV .fixINc,\n [data-color-mode=\"auto\"] > .theme-dark .eTthoV .fixINc,\n [data-color-mode=\"dark\"] .eJTCnd .eDZJqt,\n [data-color-mode=\"auto\"] > .theme-dark .eJTCnd .eDZJqt,\n [data-color-mode=\"dark\"] .eTthoV .eDZJqt,\n [data-color-mode=\"auto\"] > .theme-dark .eTthoV .eDZJqt {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .eJTCnd .bniVFX,\n [data-color-mode=\"auto\"] > .theme-dark .eJTCnd .bniVFX,\n [data-color-mode=\"dark\"] .eTthoV .bniVFX,\n [data-color-mode=\"auto\"] > .theme-dark .eTthoV .bniVFX,\n [data-color-mode=\"dark\"] .eJTCnd .jtlytA,\n [data-color-mode=\"auto\"] > .theme-dark .eJTCnd .jtlytA,\n [data-color-mode=\"dark\"] .eTthoV .jtlytA,\n [data-color-mode=\"auto\"] > .theme-dark .eTthoV .jtlytA {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .ikTPpF,\n [data-color-mode=\"auto\"] > .theme-dark .ikTPpF {\n box-shadow: #24273a 0 3px 6px;\n border-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .cvveTk,\n [data-color-mode=\"auto\"] > .theme-dark .cvveTk,\n [data-color-mode=\"dark\"] .dwoION,\n [data-color-mode=\"auto\"] > .theme-dark .dwoION {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .FKGWN,\n [data-color-mode=\"auto\"] > .theme-dark .FKGWN {\n background-color: #24273a;\n border-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .jPHlsW::after,\n [data-color-mode=\"auto\"] > .theme-dark .jPHlsW::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .khCtfm:hover,\n [data-color-mode=\"auto\"] > .theme-dark .khCtfm:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .bWlbEI,\n [data-color-mode=\"auto\"] > .theme-dark .bWlbEI,\n [data-color-mode=\"dark\"] .hzIORV,\n [data-color-mode=\"auto\"] > .theme-dark .hzIORV {\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .khCtfm,\n [data-color-mode=\"auto\"] > .theme-dark .khCtfm,\n [data-color-mode=\"dark\"] .khCtfm[data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] > .theme-dark .khCtfm[data-component=\"leadingVisual\"],\n [data-color-mode=\"dark\"] .Tnbrt[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-dark .Tnbrt[data-component=\"IconButton\"][data-no-visuals] {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .Tnbrt:active,\n [data-color-mode=\"auto\"] > .theme-dark .Tnbrt:active,\n [data-color-mode=\"dark\"] .Tnbrt[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .Tnbrt[aria-expanded=\"true\"] {\n background-color: #5b6078;\n }\n [data-color-mode=\"dark\"] .Tnbrt:hover,\n [data-color-mode=\"auto\"] > .theme-dark .Tnbrt:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .imsxCM,\n [data-color-mode=\"auto\"] > .theme-dark .imsxCM {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .imsxCM .is-selected::after,\n [data-color-mode=\"auto\"] > .theme-dark .imsxCM .is-selected::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .pxYjU,\n [data-color-mode=\"auto\"] > .theme-dark .pxYjU {\n background-color: #1e2030;\n color: #cad3f5;\n border-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .ilLRrZ,\n [data-color-mode=\"auto\"] > .theme-dark .ilLRrZ {\n color: #cad3f5;\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .cnIHxk,\n [data-color-mode=\"auto\"] > .theme-dark .cnIHxk {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .cnIHxk:disabled,\n [data-color-mode=\"auto\"] > .theme-dark .cnIHxk:disabled {\n background-color: #6e738d;\n color: #181926;\n }\n [data-color-mode=\"dark\"] .ghFpol,\n [data-color-mode=\"auto\"] > .theme-dark .ghFpol {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .hVmCdl,\n [data-color-mode=\"auto\"] > .theme-dark .hVmCdl,\n [data-color-mode=\"dark\"] .fqKZNC,\n [data-color-mode=\"auto\"] > .theme-dark .fqKZNC,\n [data-color-mode=\"dark\"] .fZFWUy,\n [data-color-mode=\"auto\"] > .theme-dark .fZFWUy,\n [data-color-mode=\"dark\"] .kbjJSF,\n [data-color-mode=\"auto\"] > .theme-dark .kbjJSF,\n [data-color-mode=\"dark\"] .flKHtV,\n [data-color-mode=\"auto\"] > .theme-dark .flKHtV,\n [data-color-mode=\"dark\"] .jolsUx,\n [data-color-mode=\"auto\"] > .theme-dark .jolsUx,\n [data-color-mode=\"dark\"] .ekNmOn,\n [data-color-mode=\"auto\"] > .theme-dark .ekNmOn {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-dark .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"dark\"] .klUZzf:not(:first-of-type),\n [data-color-mode=\"auto\"] > .theme-dark .klUZzf:not(:first-of-type) {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .jvpWzR:hover,\n [data-color-mode=\"auto\"] > .theme-dark .jvpWzR:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .jvpWzR[data-size=\"large\"][data-block=\"block\"],\n [data-color-mode=\"auto\"] > .theme-dark .jvpWzR[data-size=\"large\"][data-block=\"block\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .fZFWUy,\n [data-color-mode=\"auto\"] > .theme-dark .fZFWUy,\n [data-color-mode=\"dark\"] .fzjwje,\n [data-color-mode=\"auto\"] > .theme-dark .fzjwje {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .cEYXBH,\n [data-color-mode=\"auto\"] > .theme-dark .cEYXBH {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .joxhcl,\n [data-color-mode=\"auto\"] > .theme-dark .joxhcl,\n [data-color-mode=\"dark\"] .hXyJIp,\n [data-color-mode=\"auto\"] > .theme-dark .hXyJIp,\n [data-color-mode=\"dark\"] .fMkBhb > .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .fMkBhb > .segmentedControl-content {\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .dVFmxu,\n [data-color-mode=\"auto\"] > .theme-dark .dVFmxu,\n [data-color-mode=\"dark\"] .gbKtit,\n [data-color-mode=\"auto\"] > .theme-dark .gbKtit,\n [data-color-mode=\"dark\"] .lnKxja,\n [data-color-mode=\"auto\"] > .theme-dark .lnKxja,\n [data-color-mode=\"dark\"] .jzwNMs,\n [data-color-mode=\"auto\"] > .theme-dark .jzwNMs {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .dVFmxu svg,\n [data-color-mode=\"auto\"] > .theme-dark .dVFmxu svg,\n [data-color-mode=\"dark\"] .gbKtit svg,\n [data-color-mode=\"auto\"] > .theme-dark .gbKtit svg,\n [data-color-mode=\"dark\"] .lnKxja svg,\n [data-color-mode=\"auto\"] > .theme-dark .lnKxja svg,\n [data-color-mode=\"dark\"] .jzwNMs svg,\n [data-color-mode=\"auto\"] > .theme-dark .jzwNMs svg {\n fill: #a5adcb;\n }\n [data-color-mode=\"dark\"] .dVFmxu:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .dVFmxu:hover .segmentedControl-content,\n [data-color-mode=\"dark\"] .gbKtit:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .gbKtit:hover .segmentedControl-content,\n [data-color-mode=\"dark\"] .lnKxja:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .lnKxja:hover .segmentedControl-content,\n [data-color-mode=\"dark\"] .jzwNMs:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .jzwNMs:hover .segmentedControl-content {\n background-color: #494d64;\n border-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .hJMtSk,\n [data-color-mode=\"auto\"] > .theme-dark .hJMtSk {\n color: #181926;\n background-color: #a6da95;\n }\n [data-color-mode=\"dark\"] .hJMtSk:disabled,\n [data-color-mode=\"auto\"] > .theme-dark .hJMtSk:disabled {\n color: #181926;\n background-color: #6e738d;\n }\n [data-color-mode=\"dark\"] .iDiUTR,\n [data-color-mode=\"auto\"] > .theme-dark .iDiUTR {\n color: #cad3f5;\n background-color: #24273a;\n border-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .iDiUTR:hover,\n [data-color-mode=\"auto\"] > .theme-dark .iDiUTR:hover {\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .eQfJKc,\n [data-color-mode=\"auto\"] > .theme-dark .eQfJKc,\n [data-color-mode=\"dark\"] .UHWYv,\n [data-color-mode=\"auto\"] > .theme-dark .UHWYv {\n color: #ed8796;\n }\n [data-color-mode=\"dark\"] .jVIqnb,\n [data-color-mode=\"auto\"] > .theme-dark .jVIqnb {\n color: #ed8796;\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .jVIqnb:hover,\n [data-color-mode=\"auto\"] > .theme-dark .jVIqnb:hover {\n color: #24273a;\n background-color: #ed8796;\n }\n [data-color-mode=\"dark\"] .UHWYv:hover,\n [data-color-mode=\"auto\"] > .theme-dark .UHWYv:hover {\n background-color: rgba(237, 135, 150, 0.2);\n }\n [data-color-mode=\"dark\"] .lmmHGT:hover,\n [data-color-mode=\"auto\"] > .theme-dark .lmmHGT:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .hYdbWk,\n [data-color-mode=\"auto\"] > .theme-dark .hYdbWk,\n [data-color-mode=\"dark\"] .gkeKEr,\n [data-color-mode=\"auto\"] > .theme-dark .gkeKEr,\n [data-color-mode=\"dark\"] .jzcCeu,\n [data-color-mode=\"auto\"] > .theme-dark .jzcCeu,\n [data-color-mode=\"dark\"] .iGxiw,\n [data-color-mode=\"auto\"] > .theme-dark .iGxiw,\n [data-color-mode=\"dark\"] .ixFSpw,\n [data-color-mode=\"auto\"] > .theme-dark .ixFSpw,\n [data-color-mode=\"dark\"] .koxWOe,\n [data-color-mode=\"auto\"] > .theme-dark .koxWOe,\n [data-color-mode=\"dark\"] .gkWKRr,\n [data-color-mode=\"auto\"] > .theme-dark .gkWKRr,\n [data-color-mode=\"dark\"] .ikaTJo > svg,\n [data-color-mode=\"auto\"] > .theme-dark .ikaTJo > svg,\n [data-color-mode=\"dark\"] .dcGHGc,\n [data-color-mode=\"auto\"] > .theme-dark .dcGHGc,\n [data-color-mode=\"dark\"] .dzMFih,\n [data-color-mode=\"auto\"] > .theme-dark .dzMFih,\n [data-color-mode=\"dark\"] .hYdbWk::before,\n [data-color-mode=\"auto\"] > .theme-dark .hYdbWk::before,\n [data-color-mode=\"dark\"] .ixFSpw::before,\n [data-color-mode=\"auto\"] > .theme-dark .ixFSpw::before,\n [data-color-mode=\"dark\"] .dSHKOE,\n [data-color-mode=\"auto\"] > .theme-dark .dSHKOE {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .gkWKRr,\n [data-color-mode=\"auto\"] > .theme-dark .gkWKRr {\n border-top-color: #363a4f;\n border-right-color: #363a4f;\n border-left-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .hPQRKh,\n [data-color-mode=\"auto\"] > .theme-dark .hPQRKh {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .hPQRKh:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .hPQRKh:hover:not([disabled]) {\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .hPQRKh[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] > .theme-dark .hPQRKh[data-component=\"IconButton\"][data-no-visuals] {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .kfwhFa:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .kfwhFa:hover:not([disabled]) {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .kfwhFa[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .kfwhFa[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .jykkjb,\n [data-color-mode=\"auto\"] > .theme-dark .jykkjb {\n background-color: #24273a;\n box-shadow: #181926 0 -2px 0 inset, #181926 0 1px 0 inset;\n }\n [data-color-mode=\"dark\"] .jhjELj,\n [data-color-mode=\"auto\"] > .theme-dark .jhjELj,\n [data-color-mode=\"dark\"] .ixTUPS,\n [data-color-mode=\"auto\"] > .theme-dark .ixTUPS {\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .gmscZx:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .gmscZx:hover:not([disabled]),\n [data-color-mode=\"dark\"] .fUaEiu:hover:not([disabled]),\n [data-color-mode=\"auto\"] > .theme-dark .fUaEiu:hover:not([disabled]) {\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .gmscZx[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .gmscZx[aria-expanded=\"true\"],\n [data-color-mode=\"dark\"] .fUaEiu[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .fUaEiu[aria-expanded=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .gmscZx [data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] > .theme-dark .gmscZx [data-component=\"leadingVisual\"],\n [data-color-mode=\"dark\"] .fUaEiu [data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] > .theme-dark .fUaEiu [data-component=\"leadingVisual\"],\n [data-color-mode=\"dark\"] .gmscZx[data-size=\"small\"],\n [data-color-mode=\"auto\"] > .theme-dark .gmscZx[data-size=\"small\"],\n [data-color-mode=\"dark\"] .fUaEiu[data-size=\"small\"],\n [data-color-mode=\"auto\"] > .theme-dark .fUaEiu[data-size=\"small\"],\n [data-color-mode=\"dark\"] .gmscZx[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .gmscZx[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"dark\"] .fUaEiu[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .fUaEiu[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .cBssZb,\n [data-color-mode=\"auto\"] > .theme-dark .cBssZb {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .jhjELj::before,\n [data-color-mode=\"auto\"] > .theme-dark .jhjELj::before {\n border-color: transparent transparent #494d64;\n }\n [data-color-mode=\"dark\"] .fHpqaf,\n [data-color-mode=\"auto\"] > .theme-dark .fHpqaf,\n [data-color-mode=\"dark\"] .bfQVnA,\n [data-color-mode=\"auto\"] > .theme-dark .bfQVnA,\n [data-color-mode=\"dark\"] .iGxiw,\n [data-color-mode=\"auto\"] > .theme-dark .iGxiw,\n [data-color-mode=\"dark\"] .fUzagb,\n [data-color-mode=\"auto\"] > .theme-dark .fUzagb,\n [data-color-mode=\"dark\"] .gisjeK,\n [data-color-mode=\"auto\"] > .theme-dark .gisjeK,\n [data-color-mode=\"dark\"] .iQkwAM,\n [data-color-mode=\"auto\"] > .theme-dark .iQkwAM {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .dtTTcd,\n [data-color-mode=\"auto\"] > .theme-dark .dtTTcd {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .dtTTcd.hoverable:hover,\n [data-color-mode=\"auto\"] > .theme-dark .dtTTcd.hoverable:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .pQcjM,\n [data-color-mode=\"auto\"] > .theme-dark .pQcjM {\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .pQcjM.hoverable:hover,\n [data-color-mode=\"auto\"] > .theme-dark .pQcjM.hoverable:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .eTSXcP,\n [data-color-mode=\"auto\"] > .theme-dark .eTSXcP {\n background-color: #ed8796;\n }\n [data-color-mode=\"dark\"] .iGxiw,\n [data-color-mode=\"auto\"] > .theme-dark .iGxiw {\n border-bottom-color: #494d64;\n }\n [data-color-mode=\"dark\"] .brFBoI,\n [data-color-mode=\"auto\"] > .theme-dark .brFBoI,\n [data-color-mode=\"dark\"] .ldUAkr,\n [data-color-mode=\"auto\"] > .theme-dark .ldUAkr,\n [data-color-mode=\"dark\"] .gtXnmh,\n [data-color-mode=\"auto\"] > .theme-dark .gtXnmh {\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .gWjhfa,\n [data-color-mode=\"auto\"] > .theme-dark .gWjhfa,\n [data-color-mode=\"dark\"] .jMdYTc,\n [data-color-mode=\"auto\"] > .theme-dark .jMdYTc {\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .jMdYTc,\n [data-color-mode=\"auto\"] > .theme-dark .jMdYTc {\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .jMdYTc button,\n [data-color-mode=\"auto\"] > .theme-dark .jMdYTc button {\n color: #b8c0e0;\n }\n [data-color-mode=\"dark\"] .jMdYTc button:hover,\n [data-color-mode=\"auto\"] > .theme-dark .jMdYTc button:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .jMdYTc button[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] > .theme-dark .jMdYTc button[aria-expanded=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .gwuIGu > a:hover,\n [data-color-mode=\"auto\"] > .theme-dark .gwuIGu > a:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .gwuIGu > a span,\n [data-color-mode=\"auto\"] > .theme-dark .gwuIGu > a span {\n color: #b8c0e0;\n }\n [data-color-mode=\"dark\"] .bJYdrf:hover,\n [data-color-mode=\"auto\"] > .theme-dark .bJYdrf:hover {\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .dSlCya:hover,\n [data-color-mode=\"auto\"] > .theme-dark .dSlCya:hover {\n color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .hNNRLM,\n [data-color-mode=\"auto\"] > .theme-dark .hNNRLM,\n [data-color-mode=\"dark\"] .hGgJQu,\n [data-color-mode=\"auto\"] > .theme-dark .hGgJQu,\n [data-color-mode=\"dark\"] .hTcsdJ,\n [data-color-mode=\"auto\"] > .theme-dark .hTcsdJ {\n background-color: #363a4f;\n border-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .hNNRLM:hover,\n [data-color-mode=\"auto\"] > .theme-dark .hNNRLM:hover,\n [data-color-mode=\"dark\"] .hGgJQu:hover,\n [data-color-mode=\"auto\"] > .theme-dark .hGgJQu:hover,\n [data-color-mode=\"dark\"] .hTcsdJ:hover,\n [data-color-mode=\"auto\"] > .theme-dark .hTcsdJ:hover {\n background-color: #494d64;\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .eOIzRT,\n [data-color-mode=\"auto\"] > .theme-dark .eOIzRT {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .eOIzRT:hover,\n [data-color-mode=\"auto\"] > .theme-dark .eOIzRT:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .hNNRLM svg,\n [data-color-mode=\"auto\"] > .theme-dark .hNNRLM svg {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .react-last-commit-history-group:hover,\n [data-color-mode=\"auto\"] > .theme-dark .react-last-commit-history-group:hover {\n background-color: #24273a;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .ContributionCalendar-day,\n [data-color-mode=\"auto\"] > .theme-dark .ContributionCalendar-day {\n --color-calendar-graph-day-L1-bg: rgba(149, 218, 149, 0.4);\n --color-calendar-graph-day-L2-bg: rgba(154, 218, 149, 0.6);\n --color-calendar-graph-day-L3-bg: rgba(160, 218, 149, 0.8);\n --color-calendar-graph-day-L4-bg: #a6da95;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-calendar-graph-day-bg: #363a4f;\n }\n [data-color-mode=\"dark\"] .tooltipped.tooltipped-s rect,\n [data-color-mode=\"auto\"] > .theme-dark .tooltipped.tooltipped-s rect {\n fill: #a6da95 !important;\n }\n [data-color-mode=\"dark\"] .hfRvxg,\n [data-color-mode=\"auto\"] > .theme-dark .hfRvxg {\n color: #b8c0e0;\n }\n [data-color-mode=\"dark\"] .hfRvxg:hover,\n [data-color-mode=\"auto\"] > .theme-dark .hfRvxg:hover {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .lbYguI,\n [data-color-mode=\"auto\"] > .theme-dark .lbYguI {\n border-radius: 6px;\n }\n [data-color-mode=\"dark\"] .hPsWZB,\n [data-color-mode=\"auto\"] > .theme-dark .hPsWZB,\n [data-color-mode=\"dark\"] .bOUZZs,\n [data-color-mode=\"auto\"] > .theme-dark .bOUZZs {\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .react-blob-header-edit-and-raw-actions > div > a,\n [data-color-mode=\"auto\"] > .theme-dark .react-blob-header-edit-and-raw-actions > div > a,\n [data-color-mode=\"dark\"] .react-blob-header-edit-and-raw-actions > div > span > a,\n [data-color-mode=\"auto\"] > .theme-dark .react-blob-header-edit-and-raw-actions > div > span > a,\n [data-color-mode=\"dark\"] .react-blob-header-edit-and-raw-actions > div > span > button,\n [data-color-mode=\"auto\"] > .theme-dark .react-blob-header-edit-and-raw-actions > div > span > button {\n background-color: #24273a;\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .react-blob-header-edit-and-raw-actions > div > a:hover,\n [data-color-mode=\"auto\"] > .theme-dark .react-blob-header-edit-and-raw-actions > div > a:hover,\n [data-color-mode=\"dark\"] .react-blob-header-edit-and-raw-actions > div > span > a:hover,\n [data-color-mode=\"auto\"] > .theme-dark .react-blob-header-edit-and-raw-actions > div > span > a:hover,\n [data-color-mode=\"dark\"] .react-blob-header-edit-and-raw-actions > div > span > button:hover,\n [data-color-mode=\"auto\"] > .theme-dark .react-blob-header-edit-and-raw-actions > div > span > button:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .hMOAua,\n [data-color-mode=\"auto\"] > .theme-dark .hMOAua {\n color: #b8c0e0;\n }\n [data-color-mode=\"dark\"] .hMOAua:hover,\n [data-color-mode=\"auto\"] > .theme-dark .hMOAua:hover {\n background-color: #1e2030;\n border-color: #494d64;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .hMCjFU,\n [data-color-mode=\"auto\"] > .theme-dark .hMCjFU,\n [data-color-mode=\"dark\"] .jcKsih,\n [data-color-mode=\"auto\"] > .theme-dark .jcKsih,\n [data-color-mode=\"dark\"] .hpgNiv,\n [data-color-mode=\"auto\"] > .theme-dark .hpgNiv {\n background-color: #24273a;\n color: #cad3f5;\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .hMCjFU:hover,\n [data-color-mode=\"auto\"] > .theme-dark .hMCjFU:hover,\n [data-color-mode=\"dark\"] .jcKsih:hover,\n [data-color-mode=\"auto\"] > .theme-dark .jcKsih:hover,\n [data-color-mode=\"dark\"] .hpgNiv:hover,\n [data-color-mode=\"auto\"] > .theme-dark .hpgNiv:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .jfOCiu,\n [data-color-mode=\"auto\"] > .theme-dark .jfOCiu,\n [data-color-mode=\"dark\"] .gNXjVV,\n [data-color-mode=\"auto\"] > .theme-dark .gNXjVV,\n [data-color-mode=\"dark\"] .iGzDhH,\n [data-color-mode=\"auto\"] > .theme-dark .iGzDhH,\n [data-color-mode=\"dark\"] .Overlay,\n [data-color-mode=\"auto\"] > .theme-dark .Overlay {\n background-color: #1e2030;\n border-color: #494d64;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n [data-color-mode=\"dark\"] .jfOCiu li,\n [data-color-mode=\"auto\"] > .theme-dark .jfOCiu li {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .kRbyXo,\n [data-color-mode=\"auto\"] > .theme-dark .kRbyXo {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .VgnWi,\n [data-color-mode=\"auto\"] > .theme-dark .VgnWi {\n background-color: #24273a;\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .VgnWi:focus-within,\n [data-color-mode=\"auto\"] > .theme-dark .VgnWi:focus-within {\n border-color: #b7bdf8;\n box-shadow: #b7bdf8 0 0 0 1px inset;\n }\n [data-color-mode=\"dark\"] .bAKGFC,\n [data-color-mode=\"auto\"] > .theme-dark .bAKGFC {\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] .bdMlHy,\n [data-color-mode=\"auto\"] > .theme-dark .bdMlHy {\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .jMyfUO.selected,\n [data-color-mode=\"auto\"] > .theme-dark .jMyfUO.selected {\n border-color: #494d64;\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .bPgnBp,\n [data-color-mode=\"auto\"] > .theme-dark .bPgnBp {\n color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] kbd,\n [data-color-mode=\"auto\"] > .theme-dark kbd {\n background-color: #494d64;\n }\n [data-color-mode=\"dark\"] select option,\n [data-color-mode=\"auto\"] > .theme-dark select option,\n [data-color-mode=\"dark\"] optgroup,\n [data-color-mode=\"auto\"] > .theme-dark optgroup {\n background-color: #1e2030;\n border-color: #494d64;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n [data-color-mode=\"dark\"] .hUQSCH,\n [data-color-mode=\"auto\"] > .theme-dark .hUQSCH {\n background-color: #24273a;\n color: #b8c0e0;\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .hUQSCH:hover,\n [data-color-mode=\"auto\"] > .theme-dark .hUQSCH:hover {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .dQPLyc,\n [data-color-mode=\"auto\"] > .theme-dark .dQPLyc {\n background-color: transparent;\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .ktGGEf,\n [data-color-mode=\"auto\"] > .theme-dark .ktGGEf {\n background-color: #24273a;\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .gkfBtX,\n [data-color-mode=\"auto\"] > .theme-dark .gkfBtX {\n background-color: #1e2030;\n border-radius: 6px 0 0;\n border-bottom-color: #494d64;\n }\n [data-color-mode=\"dark\"] .jproXT,\n [data-color-mode=\"auto\"] > .theme-dark .jproXT {\n background-color: transparent;\n border-color: transparent;\n color: #b8c0e0;\n }\n [data-color-mode=\"dark\"] .jproXT:hover,\n [data-color-mode=\"auto\"] > .theme-dark .jproXT:hover {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .jproXT:focus-within,\n [data-color-mode=\"auto\"] > .theme-dark .jproXT:focus-within {\n border-color: transparent;\n box-shadow: none;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .wLDmP,\n [data-color-mode=\"auto\"] > .theme-dark .wLDmP {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .eNSiNz .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .eNSiNz .segmentedControl-content,\n [data-color-mode=\"dark\"] .gKuCoB .segmentedControl-content,\n [data-color-mode=\"auto\"] > .theme-dark .gKuCoB .segmentedControl-content {\n background-color: #24273a;\n }\n [data-color-mode=\"dark\"] .notifications-list-item.notification-read,\n [data-color-mode=\"auto\"] > .theme-dark .notifications-list-item.notification-read,\n [data-color-mode=\"dark\"] .notifications-list-item.notification-archived,\n [data-color-mode=\"auto\"] > .theme-dark .notifications-list-item.notification-archived {\n background-color: #24273a !important;\n }\n [data-color-mode=\"dark\"] .notifications-list-item.notification-read:last-child,\n [data-color-mode=\"auto\"] > .theme-dark .notifications-list-item.notification-read:last-child,\n [data-color-mode=\"dark\"] .notifications-list-item.notification-archived:last-child,\n [data-color-mode=\"auto\"] > .theme-dark .notifications-list-item.notification-archived:last-child {\n border-bottom-left-radius: 6px;\n }\n [data-color-mode=\"dark\"] .turbo-progress-bar,\n [data-color-mode=\"auto\"] > .theme-dark .turbo-progress-bar {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"dark\"] .search-results-page,\n [data-color-mode=\"auto\"] > .theme-dark .search-results-page {\n background-color: #24273a;\n }\n @media (prefers-color-scheme: dark) {\n [data-color-mode=\"auto\"] {\n --color-workflow-card-connector: #6e738d;\n --color-workflow-card-connector-bg: #6e738d;\n --color-workflow-card-connector-inactive: #494d64;\n --color-workflow-card-connector-inactive-bg: #494d64;\n --color-workflow-card-connector-highlight: #b7bdf8;\n --color-workflow-card-connector-highlight-bg: #b7bdf8;\n --color-workflow-card-bg: #494d64;\n --color-workflow-card-inactive-bg: #363a4f;\n --color-workflow-card-header-shadow: #dc2286;\n --color-workflow-card-progress-complete-bg: rgba(138, 173, 244, 0.15);\n --color-workflow-card-progress-incomplete-bg: #494d64;\n --color-discussions-state-answered-icon: var(--color-scale-green-3);\n --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6);\n --color-notifications-button-text: var(--color-scale-white);\n --color-notifications-button-hover-text: var(--color-scale-white);\n --color-notifications-button-hover-bg: var(--color-scale-blue-4);\n --color-notifications-row-read-bg: var(--color-canvas-default);\n --color-notifications-row-bg: var(--color-canvas-subtle);\n --color-icon-directory: #cad3f5;\n --color-checks-step-error-icon: var(--color-scale-red-4);\n --color-calendar-halloween-graph-day-L1-bg: #631c03;\n --color-calendar-halloween-graph-day-L2-bg: #bd561d;\n --color-calendar-halloween-graph-day-L3-bg: #fa7a18;\n --color-calendar-halloween-graph-day-L4-bg: #fddf68;\n --color-calendar-graph-day-bg: #363a4f;\n --color-calendar-graph-day-border: transparent;\n /* These could do with a bit of refining */\n --color-calendar-graph-day-L1-bg: rgba(149, 218, 149, 0.4);\n --color-calendar-graph-day-L2-bg: rgba(154, 218, 149, 0.6);\n --color-calendar-graph-day-L3-bg: rgba(160, 218, 149, 0.8);\n --color-calendar-graph-day-L4-bg: #a6da95;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-user-mention-fg: var(--color-scale-yellow-0);\n --color-user-mention-bg: var(--color-scale-yellow-8);\n --color-text-white: #cad3f5;\n /* Buttons */\n /* Create PR button & New branch button & Fork repo button & Commit Changes button */\n /* New branch dialog */\n /* Branch drop down */\n /* Compare button & Cancel new branch button */\n /* search btn */\n /* Issue tags */\n /* Labels */\n /* Search */\n /* Tags */\n /* Slug */\n /* Links */\n /* Committer */\n /* Misc */\n /* Large notification */\n /* Button Fix */\n /* Button selection Fix */\n /* Darker bg for new AppHeader */\n /* Headers */\n /* New change visibility box star and watcher preview buttons Fix */\n /* New change visibility box danger buttons Fix */\n /* 2FA authentication box header Fix */\n /* Footer Logo Fix */\n /* Footer text hover fix */\n /* Notifications */\n /* Keyboard hint */\n /* Merge icon */\n /* Branch indicator */\n /* File view */\n /* Projects */\n /* Project table view */\n /* Tree Fix */\n /* Tree Fix */\n /* Weird barely visible outlines | Can be removed if intentional */\n /* New Repository Overview Fix */\n /* Buttons */\n /* Scrolling top menu */\n /* Fullscreen Sidebar Fixes */\n /* Dropdown Menus */\n /* Add File Menu */\n /* Notification Menu Fix */\n /* Loading Bar Color */\n }\n [data-color-mode=\"auto\"],\n [data-color-mode=\"auto\"] body {\n accent-color: #b7bdf8;\n --bgColor-default: #24273a;\n --color-canvas-default-transparent: rgba(13, 17, 23, 0);\n --color-page-header-bg: #24273a;\n --color-marketing-icon-primary: #91d7e3;\n --color-marketing-icon-secondary: #8aadf4;\n --color-diff-blob-addition-num-text: #cad3f5;\n --color-diff-blob-addition-fg: #cad3f5;\n --color-diff-blob-addition-num-bg: rgba(166, 218, 149, 0.3);\n --color-diff-blob-addition-line-bg: rgba(166, 218, 149, 0.15);\n --color-diff-blob-addition-word-bg: rgba(166, 218, 149, 0.3);\n --color-diff-blob-deletion-num-text: #cad3f5;\n --color-diff-blob-deletion-fg: #cad3f5;\n --color-diff-blob-deletion-num-bg: rgba(237, 135, 150, 0.3);\n --color-diff-blob-deletion-line-bg: rgba(237, 135, 150, 0.15);\n --color-diff-blob-deletion-word-bg: rgba(237, 135, 150, 0.3);\n --color-diff-blob-hunk-num-bg: rgba(138, 173, 244, 0.4);\n --color-diff-blob-expander-icon: #8b949e;\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --color-diffstat-deletion-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-bg: #a6da95;\n --color-search-keyword-hl: rgba(210, 153, 34, 0.4);\n --color-prettylights-syntax-comment: #8087a2;\n --color-prettylights-syntax-constant: #8aadf4;\n --color-prettylights-syntax-entity: #8aadf4;\n --color-prettylights-syntax-storage-modifier-import: #f5a97f;\n --color-prettylights-syntax-entity-tag: #8bd5ca;\n --color-prettylights-syntax-keyword: #f5bde6;\n --color-prettylights-syntax-string: #a6da95;\n --color-prettylights-syntax-variable: #f5a97f;\n --color-prettylights-syntax-brackethighlighter-unmatched: #f0f;\n --color-prettylights-syntax-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\n --color-prettylights-syntax-carriage-return-text: #f0f;\n --color-prettylights-syntax-carriage-return-bg: #f0f;\n --color-prettylights-syntax-string-regexp: #f0f;\n --color-prettylights-syntax-markup-list: #f0f;\n --color-prettylights-syntax-markup-heading: #8bd5ca;\n --color-prettylights-syntax-markup-italic: #eed49f;\n --color-prettylights-syntax-markup-bold: #eed49f;\n --color-prettylights-syntax-markup-deleted-text: #cad3f5;\n --color-prettylights-syntax-markup-deleted-bg: rgba(237, 135, 150, 0.4);\n --color-prettylights-syntax-markup-inserted-text: #cad3f5;\n --color-prettylights-syntax-markup-inserted-bg: rgba(166, 218, 149, 0.4);\n --color-prettylights-syntax-markup-changed-text: #cad3f5;\n --color-prettylights-syntax-markup-changed-bg: rgba(238, 212, 159, 0.4);\n --color-prettylights-syntax-markup-ignored-text: #cad3f5;\n --color-prettylights-syntax-markup-ignored-bg: #f0f;\n --color-prettylights-syntax-meta-diff-range: #c6a0f6;\n --color-prettylights-syntax-brackethighlighter-angle: #f0f;\n --color-prettylights-syntax-sublimelinter-gutter-mark: #f0f;\n --color-prettylights-syntax-constant-other-reference-link: #f0f;\n --color-codemirror-text: #cad3f5;\n --color-codemirror-bg: #24273a;\n --color-codemirror-gutters-bg: #24273a;\n --color-codemirror-guttermarker-text: #24273a;\n --color-codemirror-guttermarker-subtle-text: #6e7681;\n --color-codemirror-linenumber-text: #8b949e;\n --color-codemirror-cursor: #c9d1d9;\n --color-codemirror-selection-bg: rgba(56, 139, 253, 0.4);\n --color-codemirror-activeline-bg: rgba(110, 118, 129, 0.1);\n --color-codemirror-matchingbracket-text: #c9d1d9;\n --color-codemirror-lines-bg: #24273a;\n --color-codemirror-syntax-comment: #8b949e;\n --color-codemirror-syntax-constant: #79c0ff;\n --color-codemirror-syntax-entity: #d2a8ff;\n --color-codemirror-syntax-keyword: #ff7b72;\n --color-codemirror-syntax-storage: #ff7b72;\n --color-codemirror-syntax-string: #a5d6ff;\n --color-codemirror-syntax-support: #79c0ff;\n --color-codemirror-syntax-variable: #ffa657;\n --color-checks-bg: #1e2030;\n --color-checks-run-border-width: 1px;\n --color-checks-container-border-width: 1px;\n --color-checks-text-primary: #cad3f5;\n --color-checks-text-secondary: #b8c0e0;\n --color-checks-text-link: #7dc4e4;\n --color-checks-btn-icon: #cad3f5;\n --color-checks-btn-hover-icon: #cad3f5;\n --color-checks-btn-hover-bg: #181926;\n --color-checks-input-text: #494d64;\n --color-checks-input-placeholder-text: #b8c0e0;\n --color-checks-input-focus-text: #cad3f5;\n --color-checks-input-bg: #363a4f;\n --color-checks-input-shadow: 0 0 0 1px;\n --color-checks-donut-error: #ed8796;\n --color-checks-donut-pending: #f5a97f;\n --color-checks-donut-success: #a6da95;\n --color-checks-donut-neutral: #939ab7;\n --color-checks-dropdown-text: #cad3f5;\n --color-checks-dropdown-bg: #363a4f;\n --color-checks-dropdown-border: #494d64;\n --color-checks-dropdown-shadow: #181926;\n --color-checks-dropdown-hover-text: #a5adcb;\n --color-checks-dropdown-hover-bg: #1e2030;\n --color-checks-dropdown-btn-hover-text: #cad3f5;\n --color-checks-dropdown-btn-hover-bg: #1e2030;\n --color-checks-scrollbar-thumb-bg: #1e2030;\n --color-checks-header-label-text: #cad3f5;\n --color-checks-header-label-open-text: #b7bdf8;\n --color-checks-header-border: #363a4f;\n --color-checks-header-icon: #cad3f5;\n --color-checks-line-text: #a5adcb;\n --color-checks-line-num-text: #a5adcb;\n --color-checks-line-timestamp-text: #a5adcb;\n --color-checks-line-hover-bg: #363a4f;\n --color-checks-line-selected-bg: #363a4f;\n --color-checks-line-selected-num-text: #dc2286;\n --color-checks-line-dt-fm-text: #dc2286;\n --color-checks-line-dt-fm-bg: #dc2286;\n --color-checks-gate-bg: rgba(187, 128, 9, 0.15);\n --color-checks-gate-text: #cad3f5;\n --color-checks-gate-waiting-text: #eed49f;\n --color-checks-step-header-open-bg: #363a4f;\n --color-checks-step-error-text: #ee99a0;\n --color-checks-step-warning-text: #f5a97f;\n --color-checks-logline-text: #cad3f5;\n --color-checks-logline-num-text: #cad3f5;\n --color-checks-logline-debug-text: #c6a0f6;\n --color-checks-logline-error-text: #cad3f5;\n --color-checks-logline-error-num-text: #ee99a0;\n --color-checks-logline-error-bg: rgba(238, 153, 160, 0.15);\n --color-checks-logline-warning-text: #b8c0e0;\n --color-checks-logline-warning-num-text: #f5a97f;\n --color-checks-logline-warning-bg: rgba(245, 169, 127, 0.15);\n --color-checks-logline-command-text: #8aadf4;\n --color-checks-logline-section-text: #a6da95;\n --color-checks-ansi-black: #494d64;\n --color-checks-ansi-black-bright: #5b6078;\n --color-checks-ansi-white: #b8c0e0;\n --color-checks-ansi-white-bright: #a5adcb;\n --divider-color: #494d64;\n --underlineNav-borderColor-active: #b7bdf8;\n --color-checks-ansi-gray: #f0f;\n --color-checks-ansi-red: #ed8796;\n --color-checks-ansi-red-bright: #ed8796;\n --color-checks-ansi-green: #a6da95;\n --color-checks-ansi-green-bright: #a6da95;\n --color-checks-ansi-yellow: #eed49f;\n --color-checks-ansi-yellow-bright: #eed49f;\n --color-checks-ansi-blue: #8aadf4;\n --color-checks-ansi-blue-bright: #8aadf4;\n --color-checks-ansi-magenta: #f5bde6;\n --color-checks-ansi-magenta-bright: #f5bde6;\n --color-checks-ansi-cyan: #8bd5ca;\n --color-checks-ansi-cyan-bright: #8bd5ca;\n --color-project-header-bg: #0d1117;\n --color-project-sidebar-bg: #161b22;\n --color-project-gradient-in: #161b22;\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-mktg-btn-bg: #f6f8fa;\n --color-mktg-btn-shadow-outline: rgb(255, 255, 255 / 25%) 0 0 0 1px inset;\n --color-mktg-btn-shadow-focus: rgb(255, 255, 255 / 25%) 0 0 0 4px;\n --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15),\n 0 100px 80px rgba(255, 255, 255, 0.02),\n 0 42px 33px rgba(255, 255, 255, 0.024),\n 0 22px 18px rgba(255, 255, 255, 0.028),\n 0 12px 10px rgba(255, 255, 255, 0.034),\n 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);\n --color-mktg-btn-shadow-hover-muted: #ffffff 0 0 0 2px inset;\n --color-avatar-bg: rgba(255, 255, 255, 0.1);\n --color-avatar-border: rgba(240, 246, 252, 0.1);\n --color-avatar-stack-fade: #30363d;\n --color-avatar-stack-fade-more: #21262d;\n --color-avatar-child-shadow: -2px -2px 0 #0d1117;\n --color-topic-tag-border: rgba(0, 0, 0, 0);\n --color-counter-border: rgba(0, 0, 0, 0);\n --color-select-menu-backdrop-border: #484f58;\n --color-select-menu-tap-highlight: rgba(48, 54, 61, 0.5);\n --color-select-menu-tap-focus-bg: #0c2d6b;\n --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85);\n --color-header-text: var(--subtext2);\n --color-header-bg: #24273a;\n --color-header-bg: #1e2030;\n --color-header-divider: #8b949e;\n --color-header-logo: #cad3f5;\n --color-header-search-bg: #363a4f;\n --color-header-search-border: #494d64;\n --color-sidenav-selected-bg: #494d64;\n --color-menu-bg-active: #5b6078;\n --color-input-disabled-bg: rgba(110, 118, 129, 0);\n --color-timeline-badge-bg: #363a4f;\n --color-ansi-black: #484f58;\n --color-ansi-black-bright: #6e7681;\n --color-ansi-white: #b1bac4;\n --color-ansi-white-bright: #fff;\n --color-ansi-gray: #6e7681;\n --color-ansi-red: #ff7b72;\n --color-ansi-red-bright: #ffa198;\n --color-ansi-green: #3fb950;\n --color-ansi-green-bright: #56d364;\n --color-ansi-yellow: #d29922;\n --color-ansi-yellow-bright: #e3b341;\n --color-ansi-blue: #58a6ff;\n --color-ansi-blue-bright: #79c0ff;\n --color-ansi-magenta: #bc8cff;\n --color-ansi-magenta-bright: #d2a8ff;\n --color-ansi-cyan: #39c5cf;\n --color-ansi-cyan-bright: #56d4dd;\n --color-btn-text: #cad3f5;\n --color-btn-bg: #363a4f;\n --color-btn-border: transparent;\n --color-btn-shadow: 0 0 transparent;\n --color-btn-inset-shadow: 0 0 transparent;\n --color-btn-hover-bg: #494d64;\n --color-btn-hover-border: transparent;\n --color-btn-active-bg: #5b6078;\n --color-btn-active-border: transparent;\n --color-btn-selected-bg: #5b6078;\n --color-btn-focus-bg: #21262d;\n --color-btn-focus-border: #8b949e;\n --color-btn-focus-shadow: 0 0 0 3px rgba(139, 148, 158, 0.3);\n --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15);\n --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31, 111, 235, 0.3);\n --color-btn-counter-bg: #5b6078;\n --color-btn-primary-text: #24273a;\n --color-btn-primary-bg: #a6da95;\n --color-btn-primary-border: transparent;\n --color-btn-primary-shadow: 0 0 transparent;\n --color-btn-primary-inset-shadow: 0 0 transparent;\n --color-btn-primary-hover-bg: #bfd5d8;\n --color-btn-primary-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-selected-bg: #b8d7c5;\n --color-btn-primary-selected-shadow: 0 0 transparent;\n --color-btn-primary-disabled-text: #181926;\n --color-btn-primary-disabled-bg: #729271;\n --color-btn-primary-disabled-border: transparent;\n --color-btn-primary-focus-bg: #238636;\n --color-btn-primary-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-primary-icon: #24273a;\n --color-btn-primary-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-text: #58a6ff;\n --color-btn-outline-hover-text: #58a6ff;\n --color-btn-outline-hover-bg: #30363d;\n --color-btn-outline-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-hover-shadow: 0 1px 0 rgba(1, 4, 9, 0.1);\n --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);\n --color-btn-outline-hover-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-selected-text: #fff;\n --color-btn-outline-selected-bg: #0d419d;\n --color-btn-outline-selected-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-selected-shadow: 0 0 transparent;\n --color-btn-outline-disabled-text: #a5adcb;\n --color-btn-outline-disabled-bg: #5b6078;\n --color-btn-outline-disabled-counter-bg: rgba(31, 111, 235, 0.05);\n --color-btn-outline-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17, 88, 199, 0.4);\n --color-btn-outline-counter-bg: rgba(31, 111, 235, 0.1);\n --color-btn-danger-text: #24273a;\n --color-btn-danger-bg: #ed8796;\n --color-btn-danger-border: transparent;\n --color-btn-danger-shadow: 0 0 transparent;\n --color-btn-danger-inset-shadow: 0 0 transparent;\n --color-btn-danger-hover-bg: #d4bcd9;\n --color-btn-danger-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-danger-selected-bg: #dcadc6;\n --color-btn-danger-selected-shadow: 0 0 transparent;\n --color-btn-danger-disabled-text: #181926;\n --color-btn-danger-disabled-bg: #9d6171;\n --color-btn-danger-disabled-border: transparent;\n --color-btn-danger-focus-bg: #238636;\n --color-btn-danger-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-danger-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-danger-icon: #24273a;\n --color-btn-danger-counter-bg: rgba(255, 255, 255, 0.2);\n --color-underlinenav-icon: #6e7681;\n --color-underlinenav-border-hover: rgba(110, 118, 129, 0.4);\n --color-action-list-item-inline-divider: #5b6078;\n --color-action-list-item-default-hover-bg: #363a4f;\n --color-action-list-item-default-hover-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-active-bg: rgba(177, 186, 196, 0.2);\n --color-action-list-item-default-active-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-selected-bg: #494d64;\n --color-action-list-item-danger-hover-bg: rgba(248, 81, 73, 0.16);\n --color-action-list-item-danger-active-bg: rgba(248, 81, 73, 0.24);\n --color-action-list-item-danger-hover-text: #ff7b72;\n --color-switch-track-bg: #010409;\n --color-switch-track-border: #6e7681;\n --color-switch-track-checked-bg: rgba(31, 111, 235, 0.35);\n --color-switch-track-checked-hover-bg: rgba(31, 111, 235, 0.5);\n --color-switch-track-checked-active-bg: rgba(31, 111, 235, 0.65);\n --color-switch-track-checked-border: #58a6ff;\n --color-switch-knob-checked-bg: #1f6feb;\n --color-switch-knob-checked-disabled-bg: #484f58;\n --color-fg-default: #cad3f5;\n --color-fg-muted: #b8c0e0;\n --color-fg-subtle: #b8c0e0;\n --color-fg-on-emphasis: #24273a;\n --color-canvas-default: #24273a;\n --color-canvas-overlay: #1e2030;\n --color-canvas-inset: #363a4f;\n --color-canvas-subtle: #1e2030;\n --color-border-default: #494d64;\n --color-border-muted: #363a4f;\n --color-border-subtle: rgba(240, 246, 252, 0.1);\n --color-shadow-small: 0 0 transparent;\n --color-shadow-medium: 0 3px 6px #181926;\n --color-shadow-large: 0 8px 24px #181926;\n --color-shadow-extra-large: 0 12px 48px #181926;\n --color-neutral-emphasis-plus: #6e738d;\n --color-neutral-emphasis: #939ab7;\n --color-neutral-muted: rgba(110, 118, 129, 0.4);\n --color-neutral-subtle: rgba(110, 118, 129, 0.1);\n --color-accent-fg: #b7bdf8;\n --color-accent-emphasis: #b7bdf8;\n --color-accent-muted: rgba(183, 189, 248, 0.4);\n --color-accent-subtle: rgba(183, 189, 248, 0.15);\n --color-success-fg: #a6da95;\n --color-success-emphasis: #a6da95;\n --color-success-muted: rgba(46, 160, 67, 0.4);\n --color-success-subtle: rgba(46, 160, 67, 0.15);\n --color-attention-fg: #f5a97f;\n --color-attention-emphasis: #f5a97f;\n --color-attention-muted: rgba(187, 128, 9, 0.4);\n --color-attention-subtle: rgba(187, 128, 9, 0.15);\n --color-severe-fg: #ee99a0;\n --color-severe-emphasis: #ee99a0;\n --color-severe-muted: rgba(219, 109, 40, 0.4);\n --color-severe-subtle: rgba(219, 109, 40, 0.15);\n --color-danger-fg: #ed8796;\n --color-danger-emphasis: #ed8796;\n --color-danger-muted: rgba(248, 81, 73, 0.4);\n --color-danger-subtle: rgba(248, 81, 73, 0.15);\n --color-open-fg: #a6da95;\n --color-open-emphasis: #a6da95;\n --color-open-muted: rgba(46, 160, 67, 0.4);\n --color-open-subtle: rgba(46, 160, 67, 0.15);\n --color-closed-fg: #ed8796;\n --color-closed-emphasis: #ed8796;\n --color-closed-muted: rgba(248, 81, 73, 0.4);\n --color-closed-subtle: rgba(248, 81, 73, 0.15);\n --color-done-fg: #c6a0f6;\n --color-done-emphasis: #c6a0f6;\n --color-done-muted: rgba(163, 113, 247, 0.4);\n --color-done-subtle: rgba(163, 113, 247, 0.15);\n --color-sponsors-fg: #c6a0f6;\n --color-sponsors-emphasis: #c6a0f6;\n --color-sponsors-muted: rgba(219, 97, 162, 0.4);\n --color-sponsors-subtle: rgba(219, 97, 162, 0.15);\n --color-primer-fg-disabled: rgba(183, 189, 248, 0.5);\n --color-primer-canvas-backdrop: rgba(1, 4, 9, 0.8);\n --color-primer-canvas-sticky: rgba(13, 17, 23, 0.95);\n --color-primer-border-active: #ed8796;\n --color-primer-border-contrast: rgba(255, 255, 255, 0.2);\n --color-primer-shadow-highlight: 0 0 transparent;\n --color-primer-shadow-inset: 0 0 transparent;\n --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;\n --color-scale-black: #010409;\n --color-scale-white: #fff;\n --color-scale-gray-0: #f0f6fc;\n --color-scale-gray-1: #c9d1d9;\n --color-scale-gray-2: #b1bac4;\n --color-scale-gray-3: #8b949e;\n --color-scale-gray-4: #6e7681;\n --color-scale-gray-5: #484f58;\n --color-scale-gray-6: #30363d;\n --color-scale-gray-7: #21262d;\n --color-scale-gray-8: #161b22;\n --color-scale-gray-9: #0d1117;\n --color-scale-blue-0: #cae8ff;\n --color-scale-blue-1: #a5d6ff;\n --color-scale-blue-2: #79c0ff;\n --color-scale-blue-3: #58a6ff;\n --color-scale-blue-4: #388bfd;\n --color-scale-blue-5: #1f6feb;\n --color-scale-blue-6: #1158c7;\n --color-scale-blue-7: #0d419d;\n --color-scale-blue-8: #0c2d6b;\n --color-scale-blue-9: #051d4d;\n --color-scale-green-0: #aff5b4;\n --color-scale-green-1: #7ee787;\n --color-scale-green-2: #56d364;\n --color-scale-green-3: #3fb950;\n --color-scale-green-4: #2ea043;\n --color-scale-green-5: #238636;\n --color-scale-green-6: #196c2e;\n --color-scale-green-7: #0f5323;\n --color-scale-green-8: #033a16;\n --color-scale-green-9: #04260f;\n --color-scale-yellow-0: #f8e3a1;\n --color-scale-yellow-1: #f2cc60;\n --color-scale-yellow-2: #e3b341;\n --color-scale-yellow-3: #d29922;\n --color-scale-yellow-4: #bb8009;\n --color-scale-yellow-5: #9e6a03;\n --color-scale-yellow-6: #845306;\n --color-scale-yellow-7: #693e00;\n --color-scale-yellow-8: #4b2900;\n --color-scale-yellow-9: #341a00;\n --color-scale-orange-0: #ffdfb6;\n --color-scale-orange-1: #ffc680;\n --color-scale-orange-2: #ffa657;\n --color-scale-orange-3: #f0883e;\n --color-scale-orange-4: #db6d28;\n --color-scale-orange-5: #bd561d;\n --color-scale-orange-6: #9b4215;\n --color-scale-orange-7: #762d0a;\n --color-scale-orange-8: #5a1e02;\n --color-scale-orange-9: #3d1300;\n --color-scale-red-0: #ffdcd7;\n --color-scale-red-1: #ffc1ba;\n --color-scale-red-2: #ffa198;\n --color-scale-red-3: #ff7b72;\n --color-scale-red-4: #f85149;\n --color-scale-red-5: #da3633;\n --color-scale-red-6: #b62324;\n --color-scale-red-7: #8e1519;\n --color-scale-red-8: #67060c;\n --color-scale-red-9: #490202;\n --color-scale-purple-0: #eddeff;\n --color-scale-purple-1: #e2c5ff;\n --color-scale-purple-2: #d2a8ff;\n --color-scale-purple-3: #bc8cff;\n --color-scale-purple-4: #a371f7;\n --color-scale-purple-5: #8957e5;\n --color-scale-purple-6: #6e40c9;\n --color-scale-purple-7: #553098;\n --color-scale-purple-8: #3c1e70;\n --color-scale-purple-9: #271052;\n --color-scale-pink-0: #ffdaec;\n --color-scale-pink-1: #ffbedd;\n --color-scale-pink-2: #ff9bce;\n --color-scale-pink-3: #f778ba;\n --color-scale-pink-4: #db61a2;\n --color-scale-pink-5: #bf4b8a;\n --color-scale-pink-6: #9e3670;\n --color-scale-pink-7: #7d2457;\n --color-scale-pink-8: #5e103e;\n --color-scale-pink-9: #42062a;\n --color-scale-coral-0: #ffddd2;\n --color-scale-coral-1: #ffc2b2;\n --color-scale-coral-2: #ffa28b;\n --color-scale-coral-3: #f78166;\n --color-scale-coral-4: #ea6045;\n --color-scale-coral-5: #cf462d;\n --color-scale-coral-6: #ac3220;\n --color-scale-coral-7: #872012;\n --color-scale-coral-8: #640d04;\n --color-scale-coral-9: #460701;\n }\n [data-color-mode=\"auto\"] .btn-danger,\n [data-color-mode=\"auto\"] .Button--danger {\n background: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"auto\"] .iRoQzU,\n [data-color-mode=\"auto\"] .ifkUYV,\n [data-color-mode=\"auto\"] .bOZDzN,\n [data-color-mode=\"auto\"] .cYGUCw,\n [data-color-mode=\"auto\"] .bbZPuV {\n background-color: #a6da95;\n color: #24273a;\n }\n [data-color-mode=\"auto\"] .jenxrv {\n background-color: #1e2030;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .fHiIQb {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .idPXPh,\n [data-color-mode=\"auto\"] .epAEYw {\n background-color: #363a4f;\n color: #cad3f5;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .header-search-button.placeholder {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hx_IssueLabel {\n --text: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hx_IssueLabel {\n --lightness-threshold: 0.453;\n --border-threshold: 0.96;\n --border-fadeout: 1;\n color: var(--text) !important;\n background: rgb(var(--label-r), var(--label-g), var(--label-b)) !important;\n border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 25) * 1%), var(--border-fadeout)) !important;\n }\n [data-color-mode=\"auto\"] .Label {\n color: var(--color-accent-fg);\n background-color: #363a4f;\n border-color: transparent;\n }\n [data-color-mode=\"auto\"] .Label--secondary {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .Label--success {\n color: #24273a;\n background-color: #a6da95;\n }\n [data-color-mode=\"auto\"] .Label--danger {\n background-color: var(--color-danger-emphasis);\n color: var(--color-btn-danger-text);\n }\n [data-color-mode=\"auto\"] .timeline-comment-header .Label,\n [data-color-mode=\"auto\"] .timeline-comment .Label {\n color: var(--color-fg-muted);\n }\n [data-color-mode=\"auto\"] .header-search-input {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"auto\"] .header-search-input::placeholder {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"auto\"] .topic-tag {\n --color-accent-fg: #b7bdf8;\n --color-accent-emphasis: #b7bdf8;\n --color-accent-muted: rgba(183, 189, 248, 0.4);\n --color-accent-subtle: rgba(183, 189, 248, 0.15);\n }\n [data-color-mode=\"auto\"] .dYxKVs,\n [data-color-mode=\"auto\"] .eVjWum {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .fIqerb {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .ftOYgF {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .col-md-8 {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .user-mention,\n [data-color-mode=\"auto\"] .team-mention {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: #a6da95;\n }\n [data-color-mode=\"auto\"] .starred .starred-button-icon {\n color: #eed49f;\n }\n [data-color-mode=\"auto\"] .flash {\n --color-attention-muted: #b7bdf8;\n --bgColor-attention-muted: rgba(183, 189, 248, 0.4);\n --color-attention-subtle: rgba(183, 189, 248, 0.15);\n }\n [data-color-mode=\"auto\"] .color-bg-subtle {\n background-color: transparent !important;\n }\n [data-color-mode=\"auto\"] .command-palette-details-dialog .color-bg-subtle {\n background-color: #363a4f !important;\n }\n [data-color-mode=\"auto\"] .navigation-item[aria-selected=\"true\"] .color-fg-muted {\n color: #24273a !important;\n }\n [data-color-mode=\"auto\"] .AppHeader {\n background: var(--color-header-bg);\n }\n [data-color-mode=\"auto\"] h1,\n [data-color-mode=\"auto\"] h2,\n [data-color-mode=\"auto\"] h3,\n [data-color-mode=\"auto\"] h4,\n [data-color-mode=\"auto\"] h5,\n [data-color-mode=\"auto\"] h6 {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] #check-step-header-title {\n color: var(--color-checks-text-link) !important;\n }\n [data-color-mode=\"auto\"] ::selection {\n background: #5b6078 !important;\n }\n [data-color-mode=\"auto\"] .btn.color-fg-danger.cursor-default {\n color: var(--color-btn-danger-text) !important;\n background-color: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"auto\"] .btn.color-fg-danger.cursor-default:hover {\n background-color: var(--color-btn-danger-hover-bg);\n }\n [data-color-mode=\"auto\"] .btn.color-fg-danger.cursor-default > svg.octicon {\n color: var(--color-btn-danger-text) !important;\n }\n [data-color-mode=\"auto\"] :where(\n #repo-visibility-proceed-button-public,\n #repo-visibility-proceed-button-private\n ):not([data-next-stage]) {\n color: var(--color-btn-danger-text);\n background-color: var(--color-btn-danger-bg);\n }\n [data-color-mode=\"auto\"] body.session-authentication div.Box-header {\n background-color: inherit;\n }\n [data-color-mode=\"auto\"] .footer-octicon > svg:nth-child(1) > path:nth-child(1) {\n fill: #cad3f5;\n }\n [data-color-mode=\"auto\"] .footer nav.col-12 * {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"auto\"] .notification-indicator .mail-status {\n background-image: none;\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .bdgUpN,\n [data-color-mode=\"auto\"] .hZMmEi .TextInput-icon,\n [data-color-mode=\"auto\"] .hZMmEi .TextInput-action {\n color: #cad3f5;\n background-color: #1e2030;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .fMJQEf {\n color: #cad3f5;\n background-color: #6e738d;\n }\n [data-color-mode=\"auto\"] .iVNDSi {\n color: #b7bdf8;\n background-color: rgba(183, 189, 248, 0.1);\n }\n [data-color-mode=\"auto\"] .hwnsNO {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hwnsNO th {\n background: #1e2030;\n }\n [data-color-mode=\"auto\"] .dXveNa[data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .dXveNa,\n [data-color-mode=\"auto\"] .kbjJSF {\n background-color: #363a4f;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gUecKw,\n [data-color-mode=\"auto\"] .lcpiaz,\n [data-color-mode=\"auto\"] .jolsUx,\n [data-color-mode=\"auto\"] .fsSggy {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .Cxvmo,\n [data-color-mode=\"auto\"] .dhYcqs {\n color: #ed8796;\n }\n [data-color-mode=\"auto\"] .byJIBD,\n [data-color-mode=\"auto\"] .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: #a6da95;\n }\n [data-color-mode=\"auto\"] .lmmHGT:not(:first-of-type),\n [data-color-mode=\"auto\"] .fOEJrA,\n [data-color-mode=\"auto\"] .fnFdxN,\n [data-color-mode=\"auto\"] .huABLg,\n [data-color-mode=\"auto\"] .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] .cwSUxL,\n [data-color-mode=\"auto\"] .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .jvzHAP,\n [data-color-mode=\"auto\"] .hPIyzG,\n [data-color-mode=\"auto\"] .gTeenv[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .VplrY[data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .kKFNhh,\n [data-color-mode=\"auto\"] .lnXbGs,\n [data-color-mode=\"auto\"] .dTxwit {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .gssqTz {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"auto\"] .bPgnBp,\n [data-color-mode=\"auto\"] .jMyfUO,\n [data-color-mode=\"auto\"] .cBrzIN {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .eLaeIt:hover:not([disabled]),\n [data-color-mode=\"auto\"] .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n [data-color-mode=\"auto\"] .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] .bDSYgZ:hover:not([disabled]),\n [data-color-mode=\"auto\"] .icOaJE:hover:not([disabled]) {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .icOaJE[aria-pressed=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .cZRqXf {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .cZRqXf:active:not([disabled]),\n [data-color-mode=\"auto\"] .cZRqXf[aria-expanded=\"true\"] {\n border-color: #5b6078;\n }\n [data-color-mode=\"auto\"] .cZRqXf:hover:not([disabled]) {\n border-color: #5b6078;\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .kdEavw,\n [data-color-mode=\"auto\"] .ddNLNa,\n [data-color-mode=\"auto\"] .jepClM,\n [data-color-mode=\"auto\"] .gTeenv,\n [data-color-mode=\"auto\"] .VplrY {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .kdEavw:hover:not([disabled]),\n [data-color-mode=\"auto\"] .ddNLNa:hover:not([disabled]),\n [data-color-mode=\"auto\"] .jepClM:hover:not([disabled]),\n [data-color-mode=\"auto\"] .gTeenv:hover:not([disabled]),\n [data-color-mode=\"auto\"] .VplrY:hover:not([disabled]) {\n border-color: #5b6078;\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .feVXyu,\n [data-color-mode=\"auto\"] .ecdhqS,\n [data-color-mode=\"auto\"] .iwGxyT,\n [data-color-mode=\"auto\"] .kLxXov,\n [data-color-mode=\"auto\"] .flDsrw {\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .juEfKr {\n border-color: #5b6078;\n }\n [data-color-mode=\"auto\"] .eUqMHM,\n [data-color-mode=\"auto\"] .hSXtjz {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .gtXnmh,\n [data-color-mode=\"auto\"] .ukUXs,\n [data-color-mode=\"auto\"] .giEfVQ,\n [data-color-mode=\"auto\"] .cKvNNO,\n [data-color-mode=\"auto\"] .evdFFE,\n [data-color-mode=\"auto\"] .kTUxDY {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .hLwWNO .PRIVATE_TreeView-item-container,\n [data-color-mode=\"auto\"] .dycbWg,\n [data-color-mode=\"auto\"] .hYaoHV,\n [data-color-mode=\"auto\"] .rLhXz,\n [data-color-mode=\"auto\"] .gtXnmh,\n [data-color-mode=\"auto\"] .lmmHGT,\n [data-color-mode=\"auto\"] .dEmXPQ {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .bJBoUI,\n [data-color-mode=\"auto\"] .iJtJJh {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .lhyFLG {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hUWqlv,\n [data-color-mode=\"auto\"] .bJcMWH {\n color: #8aadf4;\n }\n [data-color-mode=\"auto\"] .Link__StyledLink-sc-14289xe-0.ifbDxt {\n color: #8aadf4;\n }\n [data-color-mode=\"auto\"] .Link__StyledLink-sc-14289xe-0.ifbDxt:hover {\n background-color: rgba(138, 173, 244, 0.4);\n }\n [data-color-mode=\"auto\"] .cxcvTj,\n [data-color-mode=\"auto\"] .Box-sc-g0xbh4-0.grSspY button {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gxGEao {\n border-bottom-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .dfAUyE .segmentedControl-content,\n [data-color-mode=\"auto\"] .gKuCoB .segmentedControl-content,\n [data-color-mode=\"auto\"] .bFrOJy .segmentedControl-content {\n background-color: #1e2030;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .cuqBaK,\n [data-color-mode=\"auto\"] .fCAAcl,\n [data-color-mode=\"auto\"] .dAXkSP {\n color: #cad3f5;\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .cuqBaK:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .fCAAcl:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .dAXkSP:hover .segmentedControl-content {\n background: #363a4f;\n }\n [data-color-mode=\"auto\"] .ksbilD,\n [data-color-mode=\"auto\"] .cuaLcW,\n [data-color-mode=\"auto\"] .joCMLT,\n [data-color-mode=\"auto\"] .jClMHS,\n [data-color-mode=\"auto\"] .jhjELj,\n [data-color-mode=\"auto\"] .diDjDG,\n [data-color-mode=\"auto\"] .gFuKCf,\n [data-color-mode=\"auto\"] .dHdESs,\n [data-color-mode=\"auto\"] .hpfKPO,\n [data-color-mode=\"auto\"] .jdgyJn,\n [data-color-mode=\"auto\"] .iInViE,\n [data-color-mode=\"auto\"] .brqMal,\n [data-color-mode=\"auto\"] .AbCTW {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .jEgFtJ,\n [data-color-mode=\"auto\"] .lixtXZ:hover,\n [data-color-mode=\"auto\"] .eNIoFu,\n [data-color-mode=\"auto\"] .idPXPh:hover,\n [data-color-mode=\"auto\"] .fdORwV,\n [data-color-mode=\"auto\"] .cjFogo,\n [data-color-mode=\"auto\"] .gIOnJa {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jBCpbB {\n color: #cad3f5;\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .kzrUhn.selected {\n background-color: #24273a;\n border-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .esIQoN,\n [data-color-mode=\"auto\"] .kbjJSF:disabled {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .eJTCnd,\n [data-color-mode=\"auto\"] .eTthoV {\n border-color: #363a4f;\n background-color: #24273a;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .eJTCnd .fixINc,\n [data-color-mode=\"auto\"] .eTthoV .fixINc,\n [data-color-mode=\"auto\"] .eJTCnd .eDZJqt,\n [data-color-mode=\"auto\"] .eTthoV .eDZJqt {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .eJTCnd .bniVFX,\n [data-color-mode=\"auto\"] .eTthoV .bniVFX,\n [data-color-mode=\"auto\"] .eJTCnd .jtlytA,\n [data-color-mode=\"auto\"] .eTthoV .jtlytA {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .ikTPpF {\n box-shadow: #24273a 0 3px 6px;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .cvveTk,\n [data-color-mode=\"auto\"] .dwoION {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .FKGWN {\n background-color: #24273a;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jPHlsW::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .khCtfm:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .bWlbEI,\n [data-color-mode=\"auto\"] .hzIORV {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .khCtfm,\n [data-color-mode=\"auto\"] .khCtfm[data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] .Tnbrt[data-component=\"IconButton\"][data-no-visuals] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .Tnbrt:active,\n [data-color-mode=\"auto\"] .Tnbrt[aria-expanded=\"true\"] {\n background-color: #5b6078;\n }\n [data-color-mode=\"auto\"] .Tnbrt:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .imsxCM {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .imsxCM .is-selected::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .pxYjU {\n background-color: #1e2030;\n color: #cad3f5;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .ilLRrZ {\n color: #cad3f5;\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .cnIHxk {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .cnIHxk:disabled {\n background-color: #6e738d;\n color: #181926;\n }\n [data-color-mode=\"auto\"] .ghFpol {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .hVmCdl,\n [data-color-mode=\"auto\"] .fqKZNC,\n [data-color-mode=\"auto\"] .fZFWUy,\n [data-color-mode=\"auto\"] .kbjJSF,\n [data-color-mode=\"auto\"] .flKHtV,\n [data-color-mode=\"auto\"] .jolsUx,\n [data-color-mode=\"auto\"] .ekNmOn {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n [data-color-mode=\"auto\"] .klUZzf:not(:first-of-type) {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .jvpWzR:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .jvpWzR[data-size=\"large\"][data-block=\"block\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .fZFWUy,\n [data-color-mode=\"auto\"] .fzjwje {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .cEYXBH {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .joxhcl,\n [data-color-mode=\"auto\"] .hXyJIp,\n [data-color-mode=\"auto\"] .fMkBhb > .segmentedControl-content {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .dVFmxu,\n [data-color-mode=\"auto\"] .gbKtit,\n [data-color-mode=\"auto\"] .lnKxja,\n [data-color-mode=\"auto\"] .jzwNMs {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .dVFmxu svg,\n [data-color-mode=\"auto\"] .gbKtit svg,\n [data-color-mode=\"auto\"] .lnKxja svg,\n [data-color-mode=\"auto\"] .jzwNMs svg {\n fill: #a5adcb;\n }\n [data-color-mode=\"auto\"] .dVFmxu:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .gbKtit:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .lnKxja:hover .segmentedControl-content,\n [data-color-mode=\"auto\"] .jzwNMs:hover .segmentedControl-content {\n background-color: #494d64;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hJMtSk {\n color: #181926;\n background-color: #a6da95;\n }\n [data-color-mode=\"auto\"] .hJMtSk:disabled {\n color: #181926;\n background-color: #6e738d;\n }\n [data-color-mode=\"auto\"] .iDiUTR {\n color: #cad3f5;\n background-color: #24273a;\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .iDiUTR:hover {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .eQfJKc,\n [data-color-mode=\"auto\"] .UHWYv {\n color: #ed8796;\n }\n [data-color-mode=\"auto\"] .jVIqnb {\n color: #ed8796;\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jVIqnb:hover {\n color: #24273a;\n background-color: #ed8796;\n }\n [data-color-mode=\"auto\"] .UHWYv:hover {\n background-color: rgba(237, 135, 150, 0.2);\n }\n [data-color-mode=\"auto\"] .lmmHGT:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hYdbWk,\n [data-color-mode=\"auto\"] .gkeKEr,\n [data-color-mode=\"auto\"] .jzcCeu,\n [data-color-mode=\"auto\"] .iGxiw,\n [data-color-mode=\"auto\"] .ixFSpw,\n [data-color-mode=\"auto\"] .koxWOe,\n [data-color-mode=\"auto\"] .gkWKRr,\n [data-color-mode=\"auto\"] .ikaTJo > svg,\n [data-color-mode=\"auto\"] .dcGHGc,\n [data-color-mode=\"auto\"] .dzMFih,\n [data-color-mode=\"auto\"] .hYdbWk::before,\n [data-color-mode=\"auto\"] .ixFSpw::before,\n [data-color-mode=\"auto\"] .dSHKOE {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .gkWKRr {\n border-top-color: #363a4f;\n border-right-color: #363a4f;\n border-left-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hPQRKh {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hPQRKh:hover:not([disabled]) {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hPQRKh[data-component=\"IconButton\"][data-no-visuals] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .kfwhFa:hover:not([disabled]) {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .kfwhFa[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .jykkjb {\n background-color: #24273a;\n box-shadow: #181926 0 -2px 0 inset, #181926 0 1px 0 inset;\n }\n [data-color-mode=\"auto\"] .jhjELj,\n [data-color-mode=\"auto\"] .ixTUPS {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gmscZx:hover:not([disabled]),\n [data-color-mode=\"auto\"] .fUaEiu:hover:not([disabled]) {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gmscZx[aria-expanded=\"true\"],\n [data-color-mode=\"auto\"] .fUaEiu[aria-expanded=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .gmscZx [data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] .fUaEiu [data-component=\"leadingVisual\"],\n [data-color-mode=\"auto\"] .gmscZx[data-size=\"small\"],\n [data-color-mode=\"auto\"] .fUaEiu[data-size=\"small\"],\n [data-color-mode=\"auto\"] .gmscZx[data-size=\"small\"][data-no-visuals=\"true\"],\n [data-color-mode=\"auto\"] .fUaEiu[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .cBssZb {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .jhjELj::before {\n border-color: transparent transparent #494d64;\n }\n [data-color-mode=\"auto\"] .fHpqaf,\n [data-color-mode=\"auto\"] .bfQVnA,\n [data-color-mode=\"auto\"] .iGxiw,\n [data-color-mode=\"auto\"] .fUzagb,\n [data-color-mode=\"auto\"] .gisjeK,\n [data-color-mode=\"auto\"] .iQkwAM {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .dtTTcd {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .dtTTcd.hoverable:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .pQcjM {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .pQcjM.hoverable:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .eTSXcP {\n background-color: #ed8796;\n }\n [data-color-mode=\"auto\"] .iGxiw {\n border-bottom-color: #494d64;\n }\n [data-color-mode=\"auto\"] .brFBoI,\n [data-color-mode=\"auto\"] .ldUAkr,\n [data-color-mode=\"auto\"] .gtXnmh {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gWjhfa,\n [data-color-mode=\"auto\"] .jMdYTc {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .jMdYTc {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .jMdYTc button {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .jMdYTc button:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jMdYTc button[aria-expanded=\"true\"] {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .gwuIGu > a:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .gwuIGu > a span {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .bJYdrf:hover {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .dSlCya:hover {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .hNNRLM,\n [data-color-mode=\"auto\"] .hGgJQu,\n [data-color-mode=\"auto\"] .hTcsdJ {\n background-color: #363a4f;\n border-color: #363a4f;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hNNRLM:hover,\n [data-color-mode=\"auto\"] .hGgJQu:hover,\n [data-color-mode=\"auto\"] .hTcsdJ:hover {\n background-color: #494d64;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .eOIzRT {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .eOIzRT:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .hNNRLM svg {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .react-last-commit-history-group:hover {\n background-color: #24273a;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .ContributionCalendar-day {\n --color-calendar-graph-day-L1-bg: rgba(149, 218, 149, 0.4);\n --color-calendar-graph-day-L2-bg: rgba(154, 218, 149, 0.6);\n --color-calendar-graph-day-L3-bg: rgba(160, 218, 149, 0.8);\n --color-calendar-graph-day-L4-bg: #a6da95;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-calendar-graph-day-bg: #363a4f;\n }\n [data-color-mode=\"auto\"] .tooltipped.tooltipped-s rect {\n fill: #a6da95 !important;\n }\n [data-color-mode=\"auto\"] .hfRvxg {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .hfRvxg:hover {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .lbYguI {\n border-radius: 6px;\n }\n [data-color-mode=\"auto\"] .hPsWZB,\n [data-color-mode=\"auto\"] .bOUZZs {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > a,\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > span > a,\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > span > button {\n background-color: #24273a;\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > a:hover,\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > span > a:hover,\n [data-color-mode=\"auto\"] .react-blob-header-edit-and-raw-actions > div > span > button:hover {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hMOAua {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .hMOAua:hover {\n background-color: #1e2030;\n border-color: #494d64;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .hMCjFU,\n [data-color-mode=\"auto\"] .jcKsih,\n [data-color-mode=\"auto\"] .hpgNiv {\n background-color: #24273a;\n color: #cad3f5;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hMCjFU:hover,\n [data-color-mode=\"auto\"] .jcKsih:hover,\n [data-color-mode=\"auto\"] .hpgNiv:hover {\n background-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .jfOCiu,\n [data-color-mode=\"auto\"] .gNXjVV,\n [data-color-mode=\"auto\"] .iGzDhH,\n [data-color-mode=\"auto\"] .Overlay {\n background-color: #1e2030;\n border-color: #494d64;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n [data-color-mode=\"auto\"] .jfOCiu li {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .kRbyXo {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .VgnWi {\n background-color: #24273a;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .VgnWi:focus-within {\n border-color: #b7bdf8;\n box-shadow: #b7bdf8 0 0 0 1px inset;\n }\n [data-color-mode=\"auto\"] .bAKGFC {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] .bdMlHy {\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .jMyfUO.selected {\n border-color: #494d64;\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .bPgnBp {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] kbd {\n background-color: #494d64;\n }\n [data-color-mode=\"auto\"] select option,\n [data-color-mode=\"auto\"] optgroup {\n background-color: #1e2030;\n border-color: #494d64;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n [data-color-mode=\"auto\"] .hUQSCH {\n background-color: #24273a;\n color: #b8c0e0;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .hUQSCH:hover {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .dQPLyc {\n background-color: transparent;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .ktGGEf {\n background-color: #24273a;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .gkfBtX {\n background-color: #1e2030;\n border-radius: 6px 0 0;\n border-bottom-color: #494d64;\n }\n [data-color-mode=\"auto\"] .jproXT {\n background-color: transparent;\n border-color: transparent;\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .jproXT:hover {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .jproXT:focus-within {\n border-color: transparent;\n box-shadow: none;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .wLDmP {\n background-color: #1e2030;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .eNSiNz .segmentedControl-content,\n [data-color-mode=\"auto\"] .gKuCoB .segmentedControl-content {\n background-color: #24273a;\n }\n [data-color-mode=\"auto\"] .notifications-list-item.notification-read,\n [data-color-mode=\"auto\"] .notifications-list-item.notification-archived {\n background-color: #24273a !important;\n }\n [data-color-mode=\"auto\"] .notifications-list-item.notification-read:last-child,\n [data-color-mode=\"auto\"] .notifications-list-item.notification-archived:last-child {\n border-bottom-left-radius: 6px;\n }\n [data-color-mode=\"auto\"] .turbo-progress-bar {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"] .search-results-page {\n background-color: #24273a;\n }\n }\n @media (prefers-color-scheme: dark) and (hover: hover) and (pointer: fine) {\n [data-color-mode=\"auto\"] .rLhXz:hover:not([aria-disabled]) {\n background-color: #363a4f;\n }\n }\n html:not([data-light-theme=\"light\"]) body:not(.logged-out)::after,\n html:not([data-dark-theme=\"dark\"]) body:not(.logged-out)::after {\n position: fixed;\n top: 0;\n left: 0;\n padding: 1rem;\n margin: 1rem;\n 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": 1145,
"regexps": [
"https:\\/\\/(gist\\.)*github\\.com(?!\\/(home|marketplace|organizations\\/plan))(?!\\/.+?\\/.+?\\/commit\\/[A-Fa-f0-9]+\\.).*"
]
},
{
"code": ":root {\n /* Colors */\n --color-scale-black: #010409;\n --color-scale-white: #fff;\n --color-scale-gray-0: #f0f6fc;\n --color-scale-gray-1: #c9d1d9;\n --color-scale-gray-2: #b1bac4;\n --color-scale-gray-3: #8b949e;\n --color-scale-gray-4: #6e7681;\n --color-scale-gray-5: #484f58;\n --color-scale-gray-6: #30363d;\n --color-scale-gray-7: #21262d;\n --color-scale-gray-8: #161b22;\n --color-scale-gray-9: #0d1117;\n --color-scale-blue-0: #cae8ff;\n --color-scale-blue-1: #a5d6ff;\n --color-scale-blue-2: #79c0ff;\n --color-scale-blue-3: #58a6ff;\n --color-scale-blue-4: #388bfd;\n --color-scale-blue-5: #1f6feb;\n --color-scale-blue-6: #1158c7;\n --color-scale-blue-7: #0d419d;\n --color-scale-blue-8: #0c2d6b;\n --color-scale-blue-9: #051d4d;\n --color-scale-green-0: #aff5b4;\n --color-scale-green-1: #7ee787;\n --color-scale-green-2: #56d364;\n --color-scale-green-3: #3fb950;\n --color-scale-green-4: #2ea043;\n --color-scale-green-5: #238636;\n --color-scale-green-6: #196c2e;\n --color-scale-green-7: #0f5323;\n --color-scale-green-8: #033a16;\n --color-scale-green-9: #04260f;\n --color-scale-yellow-0: #f8e3a1;\n --color-scale-yellow-1: #f2cc60;\n --color-scale-yellow-2: #e3b341;\n --color-scale-yellow-3: #d29922;\n --color-scale-yellow-4: #bb8009;\n --color-scale-yellow-5: #9e6a03;\n --color-scale-yellow-6: #845306;\n --color-scale-yellow-7: #693e00;\n --color-scale-yellow-8: #4b2900;\n --color-scale-yellow-9: #341a00;\n --color-scale-orange-0: #ffdfb6;\n --color-scale-orange-1: #ffc680;\n --color-scale-orange-2: #ffa657;\n --color-scale-orange-3: #f0883e;\n --color-scale-orange-4: #db6d28;\n --color-scale-orange-5: #bd561d;\n --color-scale-orange-6: #9b4215;\n --color-scale-orange-7: #762d0a;\n --color-scale-orange-8: #5a1e02;\n --color-scale-orange-9: #3d1300;\n --color-scale-red-0: #ffdcd7;\n --color-scale-red-1: #ffc1ba;\n --color-scale-red-2: #ffa198;\n --color-scale-red-3: #ff7b72;\n --color-scale-red-4: #f85149;\n --color-scale-red-5: #da3633;\n --color-scale-red-6: #b62324;\n --color-scale-red-7: #8e1519;\n --color-scale-red-8: #67060c;\n --color-scale-red-9: #490202;\n --color-scale-purple-0: #eddeff;\n --color-scale-purple-1: #e2c5ff;\n --color-scale-purple-2: #d2a8ff;\n --color-scale-purple-3: #bc8cff;\n --color-scale-purple-4: #a371f7;\n --color-scale-purple-5: #8957e5;\n --color-scale-purple-6: #6e40c9;\n --color-scale-purple-7: #553098;\n --color-scale-purple-8: #3c1e70;\n --color-scale-purple-9: #271052;\n --color-scale-pink-0: #ffdaec;\n --color-scale-pink-1: #ffbedd;\n --color-scale-pink-2: #ff9bce;\n --color-scale-pink-3: #f778ba;\n --color-scale-pink-4: #db61a2;\n --color-scale-pink-5: #bf4b8a;\n --color-scale-pink-6: #9e3670;\n --color-scale-pink-7: #7d2457;\n --color-scale-pink-8: #5e103e;\n --color-scale-pink-9: #42062a;\n --color-scale-coral-0: #ffddd2;\n --color-scale-coral-1: #ffc2b2;\n --color-scale-coral-2: #ffa28b;\n --color-scale-coral-3: #f78166;\n --color-scale-coral-4: #ea6045;\n --color-scale-coral-5: #cf462d;\n --color-scale-coral-6: #ac3220;\n --color-scale-coral-7: #872012;\n --color-scale-coral-8: #640d04;\n --color-scale-coral-9: #460701;\n --jp-border-color0: var(--color-scale-gray-7);\n --jp-border-color1: var(--color-scale-gray-7);\n --jp-border-color2: var(--color-scale-gray-8);\n --jp-border-color3: var(--color-scale-gray-9);\n --jp-ui-font-color0: #cad3f5;\n --jp-ui-font-color1: rgba(202, 211, 245, 0.87);\n --jp-ui-font-color2: rgba(202, 211, 245, 0.54);\n --jp-ui-font-color3: rgba(202, 211, 245, 0.28);\n --jp-ui-inverse-font-color0: #181926;\n --jp-ui-inverse-font-color1: rgba(24, 25, 38, 0.8);\n --jp-ui-inverse-font-color2: rgba(24, 25, 38, 0.5);\n --jp-ui-inverse-font-color3: rgba(24, 25, 38, 0.3);\n --jp-content-font-color0: #cad3f5;\n --jp-content-font-color1: #cad3f5;\n --jp-content-font-color2: rgba(202, 211, 245, 0.7);\n --jp-content-font-color3: rgba(202, 211, 245, 0.5);\n --jp-content-link-color: #7dc4e4;\n --jp-layout-color0: #24273a !important;\n --jp-layout-color1: var(--color-scale-gray-9);\n --jp-layout-color2: var(--color-scale-gray-8);\n --jp-layout-color3: var(--color-scale-gray-7);\n --jp-layout-color4: var(--color-scale-gray-6);\n --jp-inverse-layout-color0: var(--color-scale-white);\n --jp-inverse-layout-color1: var(--color-scale-white);\n --jp-inverse-layout-color2: var(--color-scale-gray-2);\n --jp-inverse-layout-color3: var(--color-scale-gray-4);\n --jp-inverse-layout-color4: var(--color-scale-gray-6);\n --jp-brand-color0: var(--color-scale-blue-7);\n --jp-brand-color1: var(--color-scale-blue-5);\n --jp-brand-color2: var(--color-scale-blue-3);\n --jp-brand-color3: var(--color-scale-blue-1);\n --jp-brand-color4: var(--color-scale-blue-0);\n --jp-accent-color0: var(--color-scale-green-7);\n --jp-accent-color1: var(--color-scale-green-5);\n --jp-accent-color2: var(--color-scale-green-3);\n --jp-accent-color3: var(--color-scale-green-1);\n --jp-warn-color0: var(--color-scale-orange-7);\n --jp-warn-color1: var(--color-scale-orange-5);\n --jp-warn-color2: var(--color-scale-orange-3);\n --jp-warn-color3: var(--color-scale-orange-1);\n --jp-error-color0: var(--color-scale-red-7);\n --jp-error-color1: var(--color-scale-red-5);\n --jp-error-color2: var(--color-scale-red-3);\n --jp-error-color3: var(--color-scale-red-1);\n --jp-success-color0: var(--color-scale-green-7);\n --jp-success-color1: var(--color-scale-green-5);\n --jp-success-color2: var(--color-scale-green-3);\n --jp-success-color3: var(--color-scale-green-1);\n --jp-info-color0: var(--color-scale-blue-7);\n --jp-info-color1: var(--color-scale-blue-5);\n --jp-info-color2: var(--color-scale-blue-3);\n --jp-info-color3: var(--color-scale-blue-1);\n --jp-cell-editor-border-color: var(--color-scale-gray-7);\n --jp-cell-editor-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n --jp-cell-prompt-not-active-font-color: rgba(202, 211, 245, 0.5);\n --jp-cell-inprompt-font-color: var(--color-scale-blue-6);\n --jp-cell-outprompt-font-color: var(--color-scale-coral-6);\n --jp-notebook-multiselected-color: rgba(147, 154, 183, 0.14);\n --jp-rendermime-error-background: rgba(237, 135, 150, 0.18);\n --jp-rendermime-table-row-background: var(--color-scale-gray-9);\n --jp-rendermime-table-row-hover-background: rgba(91, 96, 120, 0.14);\n --jp-dialog-background: rgba(24, 25, 38, 0.6);\n --jp-toolbar-box-shadow: 0px 0px 2px 0px rgba(24, 25, 38, 0.8);\n --jp-input-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n --jp-input-background: var(--color-scale-gray-8);\n --jp-input-active-box-shadow-color: rgba(138, 173, 244, 0.3);\n --jp-editor-selected-focused-background: rgba(138, 173, 244, 0.14);\n --jp-mirror-editor-keyword-color: var(--color-scale-green-5);\n --jp-mirror-editor-atom-color: var(--color-scale-blue-3);\n --jp-mirror-editor-number-color: var(--color-scale-green-4);\n --jp-mirror-editor-def-color: var(--color-scale-blue-6);\n --jp-mirror-editor-variable-color: var(--color-scale-gray-3);\n --jp-mirror-editor-variable-2-color: var(--color-scale-blue-4);\n --jp-mirror-editor-variable-3-color: var(--color-scale-green-6);\n --jp-mirror-editor-punctuation-color: var(--color-scale-blue-4);\n --jp-mirror-editor-property-color: var(--color-scale-blue-4);\n --jp-mirror-editor-operator-color: #c6a0f6;\n --jp-mirror-editor-comment-color: #a5adcb;\n --jp-mirror-editor-string-color: #f5a97f;\n --jp-mirror-editor-string-2-color: var(--color-scale-purple-3);\n --jp-mirror-editor-meta-color: #c6a0f6;\n --jp-mirror-editor-qualifier-color: var(--color-scale-gray-5);\n --jp-mirror-editor-builtin-color: var(--color-scale-green-6);\n --jp-mirror-editor-bracket-color: var(--color-scale-gray-2);\n --jp-mirror-editor-tag-color: var(--color-scale-blue-7);\n --jp-mirror-editor-attribute-color: var(--color-scale-blue-7);\n --jp-mirror-editor-header-color: var(--color-scale-blue-5);\n --jp-mirror-editor-quote-color: var(--color-scale-green-3);\n --jp-mirror-editor-link-color: var(--color-scale-blue-7);\n --jp-mirror-editor-error-color: #ed8796;\n --jp-mirror-editor-hr-color: var(--color-scale-gray-8);\n --jp-vega-background: var(--color-scale-gray-4);\n --jp-search-selected-match-background-color: #eed49f;\n --jp-search-selected-match-color: #181926;\n --jp-icon-contrast-color0: var(--color-scale-purple-6);\n --jp-icon-contrast-color1: var(--color-scale-green-6);\n --jp-icon-contrast-color2: var(--color-scale-pink-6);\n --jp-icon-contrast-color3: var(--color-scale-blue-6);\n }",
"start": 255745,
"regexps": [
"https:\\/\\/notebooks\\.githubusercontent\\.com\\/view\\/ipynb.*"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name Github Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/github\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/github\n@version 1.2.12\n@description Soothing pastel theme for GitHub\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater*\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var checkbox topbar \"Topbar colors\" 1\n==/UserStyle== */\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@-moz-document regexp(\"https:\\/\\/(gist\\.)*github\\.com(?!\\/(home|marketplace|organizations\\/plan))(?!\\/.+?\\/.+?\\/commit\\/[A-Fa-f0-9]+\\.).*\") {\n [data-color-mode=\"light\"],\n [data-color-mode=\"auto\"] > .theme-light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n @media (prefers-color-scheme: light) {\n [data-color-mode=\"auto\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n [data-color-mode=\"dark\"],\n [data-color-mode=\"auto\"] > .theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n @media (prefers-color-scheme: dark) {\n [data-color-mode=\"auto\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n html:not([data-light-theme=\"light\"]) body:not(.logged-out)::after,\n html:not([data-dark-theme=\"dark\"]) body:not(.logged-out)::after {\n position: fixed;\n top: 0;\n left: 0;\n padding: 1rem;\n margin: 1rem;\n border-radius: 0.5rem;\n max-width: 40ch;\n background-color: var(--color-danger-fg);\n color: var(--color-header-bg);\n content: \"Unsupported GitHub theme detected! Please switch to the default light/dark theme via the GitHub Appearance settings to get the best experience for the Catppuccin GitHub userstyle.\";\n z-index: 9999;\n }\n\n #coloredButton(@name, @color) {\n --color-btn-@{name}-text: @base;\n --color-btn-@{name}-bg: @color;\n --color-btn-@{name}-border: transparent;\n --color-btn-@{name}-shadow: 0 0 transparent;\n --color-btn-@{name}-inset-shadow: 0 0 transparent;\n --color-btn-@{name}-hover-bg: mix(@color, @text, 30%);\n --color-btn-@{name}-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-@{name}-selected-bg: mix(@color, @text, 50%);\n --color-btn-@{name}-selected-shadow: 0 0 transparent;\n --color-btn-@{name}-disabled-text: @crust;\n --color-btn-@{name}-disabled-bg: mix(@color, @base, 60%);\n --color-btn-@{name}-disabled-border: transparent;\n --color-btn-@{name}-focus-bg: #238636;\n --color-btn-@{name}-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-@{name}-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-@{name}-icon: @base;\n --color-btn-@{name}-counter-bg: rgba(255, 255, 255, 0.2);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n &,\n & body {\n accent-color: @accent-color;\n --bgColor-default: @base;\n --color-canvas-default-transparent: rgba(13, 17, 23, 0);\n --color-page-header-bg: @base;\n --color-marketing-icon-primary: @sky;\n --color-marketing-icon-secondary: @blue;\n --color-diff-blob-addition-num-text: @text;\n --color-diff-blob-addition-fg: @text;\n --color-diff-blob-addition-num-bg: fadeout(@green, 70%);\n --color-diff-blob-addition-line-bg: fadeout(@green, 85%);\n --color-diff-blob-addition-word-bg: fadeout(@green, 70%);\n --color-diff-blob-deletion-num-text: @text;\n --color-diff-blob-deletion-fg: @text;\n --color-diff-blob-deletion-num-bg: fadeout(@red, 70%);\n --color-diff-blob-deletion-line-bg: fadeout(@red, 85%);\n --color-diff-blob-deletion-word-bg: fadeout(@red, 70%);\n --color-diff-blob-hunk-num-bg: fadeout(@blue, 60%);\n --color-diff-blob-expander-icon: #8b949e;\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --color-diffstat-deletion-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-bg: @green;\n --color-search-keyword-hl: rgba(210, 153, 34, 0.4);\n --color-prettylights-syntax-comment: @overlay1;\n --color-prettylights-syntax-constant: @blue;\n --color-prettylights-syntax-entity: @blue;\n --color-prettylights-syntax-storage-modifier-import: @peach;\n --color-prettylights-syntax-entity-tag: @teal;\n --color-prettylights-syntax-keyword: @pink;\n --color-prettylights-syntax-string: @green;\n --color-prettylights-syntax-variable: @peach;\n --color-prettylights-syntax-brackethighlighter-unmatched: #f0f;\n --color-prettylights-syntax-invalid-illegal-text: @red;\n --color-prettylights-syntax-invalid-illegal-bg: fadeout(@red, 85%);\n --color-prettylights-syntax-carriage-return-text: #f0f;\n --color-prettylights-syntax-carriage-return-bg: #f0f;\n --color-prettylights-syntax-string-regexp: #f0f;\n --color-prettylights-syntax-markup-list: #f0f;\n --color-prettylights-syntax-markup-heading: @teal;\n --color-prettylights-syntax-markup-italic: @yellow;\n --color-prettylights-syntax-markup-bold: @yellow;\n --color-prettylights-syntax-markup-deleted-text: @text;\n --color-prettylights-syntax-markup-deleted-bg: fadeout(@red, 60%);\n --color-prettylights-syntax-markup-inserted-text: @text;\n --color-prettylights-syntax-markup-inserted-bg: fadeout(@green, 60%);\n --color-prettylights-syntax-markup-changed-text: @text;\n --color-prettylights-syntax-markup-changed-bg: fadeout(@yellow, 60%);\n --color-prettylights-syntax-markup-ignored-text: @text;\n --color-prettylights-syntax-markup-ignored-bg: #f0f;\n --color-prettylights-syntax-meta-diff-range: @mauve;\n --color-prettylights-syntax-brackethighlighter-angle: #f0f;\n --color-prettylights-syntax-sublimelinter-gutter-mark: #f0f;\n --color-prettylights-syntax-constant-other-reference-link: #f0f;\n --color-codemirror-text: @text;\n --color-codemirror-bg: @base;\n --color-codemirror-gutters-bg: @base;\n --color-codemirror-guttermarker-text: @base;\n --color-codemirror-guttermarker-subtle-text: #6e7681;\n --color-codemirror-linenumber-text: #8b949e;\n --color-codemirror-cursor: #c9d1d9;\n --color-codemirror-selection-bg: rgba(56, 139, 253, 0.4);\n --color-codemirror-activeline-bg: rgba(110, 118, 129, 0.1);\n --color-codemirror-matchingbracket-text: #c9d1d9;\n --color-codemirror-lines-bg: @base;\n --color-codemirror-syntax-comment: #8b949e;\n --color-codemirror-syntax-constant: #79c0ff;\n --color-codemirror-syntax-entity: #d2a8ff;\n --color-codemirror-syntax-keyword: #ff7b72;\n --color-codemirror-syntax-storage: #ff7b72;\n --color-codemirror-syntax-string: #a5d6ff;\n --color-codemirror-syntax-support: #79c0ff;\n --color-codemirror-syntax-variable: #ffa657;\n --color-checks-bg: @mantle;\n --color-checks-run-border-width: 1px;\n --color-checks-container-border-width: 1px;\n --color-checks-text-primary: @text;\n --color-checks-text-secondary: @subtext1;\n --color-checks-text-link: @sapphire;\n --color-checks-btn-icon: @text;\n --color-checks-btn-hover-icon: @text;\n --color-checks-btn-hover-bg: @crust;\n --color-checks-input-text: @surface1;\n --color-checks-input-placeholder-text: @subtext1;\n --color-checks-input-focus-text: @text;\n --color-checks-input-bg: @surface0;\n --color-checks-input-shadow: 0 0 0 1px;\n --color-checks-donut-error: @red;\n --color-checks-donut-pending: @peach;\n --color-checks-donut-success: @green;\n --color-checks-donut-neutral: @overlay2;\n --color-checks-dropdown-text: @text;\n --color-checks-dropdown-bg: @surface0;\n --color-checks-dropdown-border: @surface1;\n --color-checks-dropdown-shadow: @crust;\n --color-checks-dropdown-hover-text: @subtext0;\n --color-checks-dropdown-hover-bg: @mantle;\n --color-checks-dropdown-btn-hover-text: @text;\n --color-checks-dropdown-btn-hover-bg: @mantle;\n --color-checks-scrollbar-thumb-bg: @mantle;\n --color-checks-header-label-text: @text;\n --color-checks-header-label-open-text: @accent-color;\n --color-checks-header-border: @surface0;\n --color-checks-header-icon: @text;\n --color-checks-line-text: @subtext0;\n --color-checks-line-num-text: @subtext0;\n --color-checks-line-timestamp-text: @subtext0;\n --color-checks-line-hover-bg: @surface0;\n --color-checks-line-selected-bg: @surface0;\n --color-checks-line-selected-num-text: #dc2286;\n --color-checks-line-dt-fm-text: #dc2286;\n --color-checks-line-dt-fm-bg: #dc2286;\n --color-checks-gate-bg: rgba(187, 128, 9, 0.15);\n --color-checks-gate-text: @text;\n --color-checks-gate-waiting-text: @yellow;\n --color-checks-step-header-open-bg: @surface0;\n --color-checks-step-error-text: @maroon;\n --color-checks-step-warning-text: @peach;\n --color-checks-logline-text: @text;\n --color-checks-logline-num-text: @text;\n --color-checks-logline-debug-text: @mauve;\n --color-checks-logline-error-text: @text;\n --color-checks-logline-error-num-text: @maroon;\n --color-checks-logline-error-bg: fadeout(@maroon, 85%);\n --color-checks-logline-warning-text: @subtext1;\n --color-checks-logline-warning-num-text: @peach;\n --color-checks-logline-warning-bg: fadeout(@peach, 85%);\n --color-checks-logline-command-text: @blue;\n --color-checks-logline-section-text: @green;\n --color-checks-ansi-black: @surface1;\n --color-checks-ansi-black-bright: @surface2;\n --color-checks-ansi-white: @subtext1;\n --color-checks-ansi-white-bright: @subtext0;\n --divider-color: @surface1;\n --underlineNav-borderColor-active: @accent-color;\n\n & when (@lookup =latte) {\n // When using a light theme use the light colors instead of the dark\n --color-checks-ansi-black: @subtext1;\n --color-checks-ansi-black-bright: @subtext0;\n --color-checks-ansi-white: @surface2;\n --color-checks-ansi-white-bright: @surface1;\n }\n\n --color-checks-ansi-gray: #f0f;\n --color-checks-ansi-red: @red;\n --color-checks-ansi-red-bright: @red;\n --color-checks-ansi-green: @green;\n --color-checks-ansi-green-bright: @green;\n --color-checks-ansi-yellow: @yellow;\n --color-checks-ansi-yellow-bright: @yellow;\n --color-checks-ansi-blue: @blue;\n --color-checks-ansi-blue-bright: @blue;\n --color-checks-ansi-magenta: @pink;\n --color-checks-ansi-magenta-bright: @pink;\n --color-checks-ansi-cyan: @teal;\n --color-checks-ansi-cyan-bright: @teal;\n --color-project-header-bg: #0d1117;\n --color-project-sidebar-bg: #161b22;\n --color-project-gradient-in: #161b22;\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-mktg-btn-bg: #f6f8fa;\n --color-mktg-btn-shadow-outline: rgb(255, 255, 255 / 25%) 0 0 0 1px inset;\n --color-mktg-btn-shadow-focus: rgb(255, 255, 255 / 25%) 0 0 0 4px;\n --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15),\n 0 100px 80px rgba(255, 255, 255, 0.02),\n 0 42px 33px rgba(255, 255, 255, 0.024),\n 0 22px 18px rgba(255, 255, 255, 0.028),\n 0 12px 10px rgba(255, 255, 255, 0.034),\n 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);\n --color-mktg-btn-shadow-hover-muted: rgb(255, 255, 255) 0 0 0 2px inset;\n --color-avatar-bg: rgba(255, 255, 255, 0.1);\n --color-avatar-border: rgba(240, 246, 252, 0.1);\n --color-avatar-stack-fade: #30363d;\n --color-avatar-stack-fade-more: #21262d;\n --color-avatar-child-shadow: -2px -2px 0 #0d1117;\n --color-topic-tag-border: rgba(0, 0, 0, 0);\n --color-counter-border: rgba(0, 0, 0, 0);\n --color-select-menu-backdrop-border: #484f58;\n --color-select-menu-tap-highlight: rgba(48, 54, 61, 0.5);\n --color-select-menu-tap-focus-bg: #0c2d6b;\n --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85);\n --color-header-text: var(--subtext2);\n --color-header-bg: @base;\n\n & when (@topbar =1) {\n // If topbar is enabled then make the topbar color different\n --color-header-bg: @mantle;\n }\n\n --color-header-divider: #8b949e;\n --color-header-logo: @text;\n --color-header-search-bg: @surface0;\n --color-header-search-border: @surface1;\n --color-sidenav-selected-bg: @surface1;\n --color-menu-bg-active: @surface2;\n --color-input-disabled-bg: rgba(110, 118, 129, 0);\n --color-timeline-badge-bg: @surface0;\n --color-ansi-black: #484f58;\n --color-ansi-black-bright: #6e7681;\n --color-ansi-white: #b1bac4;\n --color-ansi-white-bright: #fff;\n --color-ansi-gray: #6e7681;\n --color-ansi-red: #ff7b72;\n --color-ansi-red-bright: #ffa198;\n --color-ansi-green: #3fb950;\n --color-ansi-green-bright: #56d364;\n --color-ansi-yellow: #d29922;\n --color-ansi-yellow-bright: #e3b341;\n --color-ansi-blue: #58a6ff;\n --color-ansi-blue-bright: #79c0ff;\n --color-ansi-magenta: #bc8cff;\n --color-ansi-magenta-bright: #d2a8ff;\n --color-ansi-cyan: #39c5cf;\n --color-ansi-cyan-bright: #56d4dd;\n --color-btn-text: @text;\n --color-btn-bg: @surface0;\n --color-btn-border: transparent;\n --color-btn-shadow: 0 0 transparent;\n --color-btn-inset-shadow: 0 0 transparent;\n --color-btn-hover-bg: @surface1;\n --color-btn-hover-border: transparent;\n --color-btn-active-bg: @surface2;\n --color-btn-active-border: transparent;\n --color-btn-selected-bg: @surface2;\n --color-btn-focus-bg: #21262d;\n --color-btn-focus-border: #8b949e;\n --color-btn-focus-shadow: 0 0 0 3px rgba(139, 148, 158, 0.3);\n --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15);\n --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31, 111, 235, 0.3);\n --color-btn-counter-bg: @surface2;\n #coloredButton(primary, @green);\n --color-btn-outline-text: #58a6ff;\n --color-btn-outline-hover-text: #58a6ff;\n --color-btn-outline-hover-bg: #30363d;\n --color-btn-outline-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-hover-shadow: 0 1px 0 rgba(1, 4, 9, 0.1);\n --color-btn-outline-hover-inset-shadow: inset 0 1px 0\n rgba(255, 255, 255, 0.03);\n --color-btn-outline-hover-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-selected-text: #fff;\n --color-btn-outline-selected-bg: #0d419d;\n --color-btn-outline-selected-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-selected-shadow: 0 0 transparent;\n --color-btn-outline-disabled-text: @subtext0;\n --color-btn-outline-disabled-bg: @surface2;\n --color-btn-outline-disabled-counter-bg: rgba(31, 111, 235, 0.05);\n --color-btn-outline-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17, 88, 199, 0.4);\n --color-btn-outline-counter-bg: rgba(31, 111, 235, 0.1);\n #coloredButton(danger, @red);\n --color-underlinenav-icon: #6e7681;\n --color-underlinenav-border-hover: rgba(110, 118, 129, 0.4);\n --color-action-list-item-inline-divider: @surface2;\n --color-action-list-item-default-hover-bg: @surface0;\n --color-action-list-item-default-hover-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-active-bg: rgba(177, 186, 196, 0.2);\n --color-action-list-item-default-active-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-selected-bg: @surface1;\n --color-action-list-item-danger-hover-bg: rgba(248, 81, 73, 0.16);\n --color-action-list-item-danger-active-bg: rgba(248, 81, 73, 0.24);\n --color-action-list-item-danger-hover-text: #ff7b72;\n --color-switch-track-bg: #010409;\n --color-switch-track-border: #6e7681;\n --color-switch-track-checked-bg: rgba(31, 111, 235, 0.35);\n --color-switch-track-checked-hover-bg: rgba(31, 111, 235, 0.5);\n --color-switch-track-checked-active-bg: rgba(31, 111, 235, 0.65);\n --color-switch-track-checked-border: #58a6ff;\n --color-switch-knob-checked-bg: #1f6feb;\n --color-switch-knob-checked-disabled-bg: #484f58;\n --color-fg-default: @text;\n --color-fg-muted: @subtext1;\n --color-fg-subtle: @subtext1;\n --color-fg-on-emphasis: @base;\n --color-canvas-default: @base;\n --color-canvas-overlay: @mantle;\n --color-canvas-inset: @surface0;\n --color-canvas-subtle: @mantle;\n --color-border-default: @surface1;\n --color-border-muted: @surface0;\n --color-border-subtle: rgba(240, 246, 252, 0.1);\n --color-shadow-small: 0 0 transparent;\n --color-shadow-medium: 0 3px 6px @crust;\n --color-shadow-large: 0 8px 24px @crust;\n --color-shadow-extra-large: 0 12px 48px @crust;\n --color-neutral-emphasis-plus: @overlay0;\n --color-neutral-emphasis: @overlay2;\n --color-neutral-muted: rgba(110, 118, 129, 0.4);\n --color-neutral-subtle: rgba(110, 118, 129, 0.1);\n --color-accent-fg: @accent-color;\n --color-accent-emphasis: @accent-color;\n --color-accent-muted: fadeout(@accent-color, 60%);\n --color-accent-subtle: fadeout(@accent-color, 85%);\n --color-success-fg: @green;\n --color-success-emphasis: @green;\n --color-success-muted: rgba(46, 160, 67, 0.4);\n --color-success-subtle: rgba(46, 160, 67, 0.15);\n --color-attention-fg: @peach;\n --color-attention-emphasis: @peach;\n --color-attention-muted: rgba(187, 128, 9, 0.4);\n --color-attention-subtle: rgba(187, 128, 9, 0.15);\n --color-severe-fg: @maroon;\n --color-severe-emphasis: @maroon;\n --color-severe-muted: rgba(219, 109, 40, 0.4);\n --color-severe-subtle: rgba(219, 109, 40, 0.15);\n --color-danger-fg: @red;\n --color-danger-emphasis: @red;\n --color-danger-muted: rgba(248, 81, 73, 0.4);\n --color-danger-subtle: rgba(248, 81, 73, 0.15);\n --color-open-fg: @green;\n --color-open-emphasis: @green;\n --color-open-muted: rgba(46, 160, 67, 0.4);\n --color-open-subtle: rgba(46, 160, 67, 0.15);\n --color-closed-fg: @red;\n --color-closed-emphasis: @red;\n --color-closed-muted: rgba(248, 81, 73, 0.4);\n --color-closed-subtle: rgba(248, 81, 73, 0.15);\n --color-done-fg: @mauve;\n --color-done-emphasis: @mauve;\n --color-done-muted: rgba(163, 113, 247, 0.4);\n --color-done-subtle: rgba(163, 113, 247, 0.15);\n --color-sponsors-fg: @mauve;\n --color-sponsors-emphasis: @mauve;\n --color-sponsors-muted: rgba(219, 97, 162, 0.4);\n --color-sponsors-subtle: rgba(219, 97, 162, 0.15);\n --color-primer-fg-disabled: fadeout(@accent-color, 50%);\n --color-primer-canvas-backdrop: rgba(1, 4, 9, 0.8);\n --color-primer-canvas-sticky: rgba(13, 17, 23, 0.95);\n --color-primer-border-active: @red;\n --color-primer-border-contrast: rgba(255, 255, 255, 0.2);\n --color-primer-shadow-highlight: 0 0 transparent;\n --color-primer-shadow-inset: 0 0 transparent;\n --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;\n --color-scale-black: #010409;\n --color-scale-white: #fff;\n --color-scale-gray-0: #f0f6fc;\n --color-scale-gray-1: #c9d1d9;\n --color-scale-gray-2: #b1bac4;\n --color-scale-gray-3: #8b949e;\n --color-scale-gray-4: #6e7681;\n --color-scale-gray-5: #484f58;\n --color-scale-gray-6: #30363d;\n --color-scale-gray-7: #21262d;\n --color-scale-gray-8: #161b22;\n --color-scale-gray-9: #0d1117;\n --color-scale-blue-0: #cae8ff;\n --color-scale-blue-1: #a5d6ff;\n --color-scale-blue-2: #79c0ff;\n --color-scale-blue-3: #58a6ff;\n --color-scale-blue-4: #388bfd;\n --color-scale-blue-5: #1f6feb;\n --color-scale-blue-6: #1158c7;\n --color-scale-blue-7: #0d419d;\n --color-scale-blue-8: #0c2d6b;\n --color-scale-blue-9: #051d4d;\n --color-scale-green-0: #aff5b4;\n --color-scale-green-1: #7ee787;\n --color-scale-green-2: #56d364;\n --color-scale-green-3: #3fb950;\n --color-scale-green-4: #2ea043;\n --color-scale-green-5: #238636;\n --color-scale-green-6: #196c2e;\n --color-scale-green-7: #0f5323;\n --color-scale-green-8: #033a16;\n --color-scale-green-9: #04260f;\n --color-scale-yellow-0: #f8e3a1;\n --color-scale-yellow-1: #f2cc60;\n --color-scale-yellow-2: #e3b341;\n --color-scale-yellow-3: #d29922;\n --color-scale-yellow-4: #bb8009;\n --color-scale-yellow-5: #9e6a03;\n --color-scale-yellow-6: #845306;\n --color-scale-yellow-7: #693e00;\n --color-scale-yellow-8: #4b2900;\n --color-scale-yellow-9: #341a00;\n --color-scale-orange-0: #ffdfb6;\n --color-scale-orange-1: #ffc680;\n --color-scale-orange-2: #ffa657;\n --color-scale-orange-3: #f0883e;\n --color-scale-orange-4: #db6d28;\n --color-scale-orange-5: #bd561d;\n --color-scale-orange-6: #9b4215;\n --color-scale-orange-7: #762d0a;\n --color-scale-orange-8: #5a1e02;\n --color-scale-orange-9: #3d1300;\n --color-scale-red-0: #ffdcd7;\n --color-scale-red-1: #ffc1ba;\n --color-scale-red-2: #ffa198;\n --color-scale-red-3: #ff7b72;\n --color-scale-red-4: #f85149;\n --color-scale-red-5: #da3633;\n --color-scale-red-6: #b62324;\n --color-scale-red-7: #8e1519;\n --color-scale-red-8: #67060c;\n --color-scale-red-9: #490202;\n --color-scale-purple-0: #eddeff;\n --color-scale-purple-1: #e2c5ff;\n --color-scale-purple-2: #d2a8ff;\n --color-scale-purple-3: #bc8cff;\n --color-scale-purple-4: #a371f7;\n --color-scale-purple-5: #8957e5;\n --color-scale-purple-6: #6e40c9;\n --color-scale-purple-7: #553098;\n --color-scale-purple-8: #3c1e70;\n --color-scale-purple-9: #271052;\n --color-scale-pink-0: #ffdaec;\n --color-scale-pink-1: #ffbedd;\n --color-scale-pink-2: #ff9bce;\n --color-scale-pink-3: #f778ba;\n --color-scale-pink-4: #db61a2;\n --color-scale-pink-5: #bf4b8a;\n --color-scale-pink-6: #9e3670;\n --color-scale-pink-7: #7d2457;\n --color-scale-pink-8: #5e103e;\n --color-scale-pink-9: #42062a;\n --color-scale-coral-0: #ffddd2;\n --color-scale-coral-1: #ffc2b2;\n --color-scale-coral-2: #ffa28b;\n --color-scale-coral-3: #f78166;\n --color-scale-coral-4: #ea6045;\n --color-scale-coral-5: #cf462d;\n --color-scale-coral-6: #ac3220;\n --color-scale-coral-7: #872012;\n --color-scale-coral-8: #640d04;\n --color-scale-coral-9: #460701;\n }\n --color-workflow-card-connector: @overlay0;\n --color-workflow-card-connector-bg: @overlay0;\n --color-workflow-card-connector-inactive: @surface1;\n --color-workflow-card-connector-inactive-bg: @surface1;\n --color-workflow-card-connector-highlight: @accent-color;\n --color-workflow-card-connector-highlight-bg: @accent-color;\n --color-workflow-card-bg: @surface1;\n --color-workflow-card-inactive-bg: @surface0;\n --color-workflow-card-header-shadow: #dc2286;\n --color-workflow-card-progress-complete-bg: fadeout(@blue, 85%);\n --color-workflow-card-progress-incomplete-bg: @surface1;\n --color-discussions-state-answered-icon: var(--color-scale-green-3);\n --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6);\n --color-notifications-button-text: var(--color-scale-white);\n --color-notifications-button-hover-text: var(--color-scale-white);\n --color-notifications-button-hover-bg: var(--color-scale-blue-4);\n --color-notifications-row-read-bg: var(--color-canvas-default);\n --color-notifications-row-bg: var(--color-canvas-subtle);\n --color-icon-directory: @text;\n --color-checks-step-error-icon: var(--color-scale-red-4);\n --color-calendar-halloween-graph-day-L1-bg: #631c03;\n --color-calendar-halloween-graph-day-L2-bg: #bd561d;\n --color-calendar-halloween-graph-day-L3-bg: #fa7a18;\n --color-calendar-halloween-graph-day-L4-bg: #fddf68;\n --color-calendar-graph-day-bg: @surface0;\n --color-calendar-graph-day-border: transparent;\n /* These could do with a bit of refining */\n --color-calendar-graph-day-L1-bg: spin(fade(@green, 40%), 15deg);\n --color-calendar-graph-day-L2-bg: spin(fade(@green, 60%), 10deg);\n --color-calendar-graph-day-L3-bg: spin(fade(@green, 80%), 5deg);\n --color-calendar-graph-day-L4-bg: @green;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-user-mention-fg: var(--color-scale-yellow-0);\n --color-user-mention-bg: var(--color-scale-yellow-8);\n --color-text-white: @text;\n\n /* Buttons */\n .btn-danger,\n .Button--danger {\n background: var(--color-btn-danger-bg);\n }\n\n /* Create PR button & New branch button & Fork repo button & Commit Changes button */\n .iRoQzU,\n .ifkUYV,\n .bOZDzN,\n .cYGUCw,\n .bbZPuV {\n background-color: @green;\n color: @base;\n }\n\n /* New branch dialog */\n .jenxrv {\n background-color: @mantle;\n color: @text;\n }\n\n /* Branch drop down */\n .fHiIQb {\n background-color: @surface0;\n }\n\n /* Compare button & Cancel new branch button */\n .idPXPh,\n .epAEYw {\n background-color: @surface0;\n color: @text;\n border-color: @surface1;\n }\n\n /* search btn */\n .header-search-button.placeholder {\n color: @text;\n }\n\n /* Issue tags */\n .hx_IssueLabel {\n --text: @text;\n }\n\n .hx_IssueLabel when not (@lookup =latte) {\n --lightness-threshold: 0.453;\n --border-threshold: 0.96;\n --border-fadeout: max(\n 0,\n min(\n calc((var(--perceived-lightness) - var(--border-threshold)) * 100),\n 1\n )\n ); //color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%)) !important;\n color: var(--text) !important;\n background: rgb(\n var(--label-r),\n var(--label-g),\n var(--label-b)\n ) !important;\n border-color: hsla(\n var(--label-h),\n calc(var(--label-s) * 1%),\n calc((var(--label-l) - 25) * 1%),\n var(--border-fadeout)\n ) !important;\n }\n\n .hx_IssueLabel when (@lookup =latte) {\n --lightness-threshold: 0.6;\n --background-fadeout: 0.18;\n --border-fadeout: 0.3;\n --lighten-by: calc(\n ((var(--lightness-threshold) - var(--perceived-lightness)) * 100) *\n var(--lightness-switch)\n );\n color: hsl(\n var(--label-h),\n calc(var(--label-s) * 1%),\n calc((var(--label-l) + var(--lighten-by)) * 1%)\n ) !important;\n background: rgba(\n var(--label-r),\n var(--label-g),\n var(--label-b),\n var(--background-fadeout)\n ) !important;\n border-color: hsla(\n var(--label-h),\n calc(var(--label-s) * 1%),\n calc((var(--label-l) + var(--lighten-by)) * 1%),\n var(--border-fadeout)\n ) !important;\n }\n\n /* Labels */\n .Label {\n color: var(--color-accent-fg);\n background-color: @surface0;\n border-color: transparent;\n }\n\n .Label--secondary {\n background-color: @surface0;\n color: @text;\n }\n\n .Label--success {\n color: @base;\n background-color: @green;\n }\n\n .Label--danger {\n background-color: var(--color-danger-emphasis);\n color: var(--color-btn-danger-text);\n }\n\n .timeline-comment-header .Label,\n .timeline-comment .Label {\n color: var(--color-fg-muted);\n }\n\n /* Search */\n .header-search-input {\n color: @text !important;\n }\n\n .header-search-input::placeholder {\n color: @subtext1 !important;\n }\n\n /* Tags */\n .topic-tag {\n --color-accent-fg: @accent-color;\n --color-accent-emphasis: @accent-color;\n --color-accent-muted: fadeout(@accent-color, 60%);\n --color-accent-subtle: fadeout(@accent-color, 85%);\n }\n\n /* Slug */\n .dYxKVs,\n .eVjWum {\n color: @accent-color;\n }\n\n /* Links */\n .fIqerb {\n color: @accent-color;\n }\n\n /* Committer */\n .ftOYgF {\n color: @text;\n }\n\n /* Misc */\n .col-md-8 {\n background-color: @base;\n }\n\n .user-mention,\n .team-mention {\n color: @accent-color;\n }\n\n .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: @green;\n }\n .starred .starred-button-icon {\n color: @yellow;\n }\n\n /* Large notification */\n .flash {\n --color-attention-muted: @accent-color;\n --bgColor-attention-muted: fadeout(@accent-color, 60%);\n --color-attention-subtle: fadeout(@accent-color, 85%);\n }\n\n /* Button Fix */\n .color-bg-subtle {\n background-color: transparent !important;\n }\n\n .command-palette-details-dialog .color-bg-subtle {\n background-color: @surface0 !important;\n }\n\n /* Button selection Fix */\n .navigation-item[aria-selected=\"true\"] .color-fg-muted {\n color: @base !important;\n }\n\n /* Darker bg for new AppHeader */\n .AppHeader {\n background: var(--color-header-bg);\n }\n\n /* Headers */\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: @subtext1;\n }\n\n #check-step-header-title {\n color: var(--color-checks-text-link) !important;\n }\n\n ::selection {\n background: @surface2 !important;\n }\n\n /* New change visibility box star and watcher preview buttons Fix */\n .btn.color-fg-danger.cursor-default {\n color: var(--color-btn-danger-text) !important;\n background-color: var(--color-btn-danger-bg);\n }\n\n .btn.color-fg-danger.cursor-default:hover {\n background-color: var(--color-btn-danger-hover-bg);\n }\n\n .btn.color-fg-danger.cursor-default > svg.octicon {\n color: var(--color-btn-danger-text) !important;\n }\n\n /* New change visibility box danger buttons Fix */\n :where(\n #repo-visibility-proceed-button-public,\n #repo-visibility-proceed-button-private\n ):not([data-next-stage]) {\n color: var(--color-btn-danger-text);\n background-color: var(--color-btn-danger-bg);\n }\n\n /* 2FA authentication box header Fix */\n body.session-authentication div.Box-header {\n background-color: inherit;\n }\n\n /* Footer Logo Fix */\n .footer-octicon > svg:nth-child(1) > path:nth-child(1) {\n fill: @text;\n }\n\n /* Footer text hover fix */\n .footer nav.col-12 * {\n color: @subtext1 !important;\n }\n\n /* Notifications */\n .notification-indicator .mail-status {\n background-image: none;\n background-color: @accent-color;\n }\n\n /* Keyboard hint */\n .bdgUpN,\n .hZMmEi .TextInput-icon,\n .hZMmEi .TextInput-action {\n color: @text;\n background-color: @mantle;\n border-color: @surface0;\n }\n\n /* Merge icon */\n .fMJQEf {\n color: @text;\n background-color: @overlay0;\n }\n\n /* Branch indicator */\n .iVNDSi {\n color: @accent-color;\n background-color: fade(@accent-color, 10);\n }\n\n /* File view */\n .hwnsNO {\n color: @text;\n th {\n background: @mantle;\n }\n }\n\n .dXveNa[data-no-visuals=\"true\"] {\n color: @subtext0;\n }\n\n .dXveNa,\n .kbjJSF {\n background-color: @surface0;\n border-color: @surface1;\n }\n\n .gUecKw,\n .lcpiaz,\n .jolsUx,\n .fsSggy {\n background-color: @mantle;\n }\n\n .Cxvmo,\n .dhYcqs {\n color: @red;\n }\n\n .byJIBD,\n .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: @green;\n }\n\n .lmmHGT:not(:first-of-type),\n .fOEJrA,\n .fnFdxN,\n .huABLg,\n .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n .cwSUxL,\n .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n .jvzHAP,\n .hPIyzG,\n .gTeenv[data-no-visuals=\"true\"],\n .VplrY[data-no-visuals=\"true\"],\n .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n .kKFNhh,\n .lnXbGs,\n .dTxwit {\n color: @subtext0;\n }\n\n .gssqTz {\n color: @text !important;\n }\n\n .bPgnBp,\n .jMyfUO,\n .cBrzIN {\n color: @text;\n }\n\n .eLaeIt:hover:not([disabled]),\n .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n .bDSYgZ:hover:not([disabled]),\n .icOaJE:hover:not([disabled]) {\n background-color: @surface0;\n }\n\n .icOaJE[aria-pressed=\"true\"] {\n background-color: @surface0;\n }\n\n .cZRqXf {\n background-color: @surface0;\n &:active:not([disabled]),\n &[aria-expanded=\"true\"] {\n border-color: @surface2;\n }\n &:hover:not([disabled]) {\n border-color: @surface2;\n background-color: @surface1;\n }\n }\n\n .kdEavw,\n .ddNLNa,\n .jepClM,\n .gTeenv,\n .VplrY {\n background-color: @surface0;\n &:hover:not([disabled]) {\n border-color: @surface2;\n background-color: @surface1;\n }\n }\n\n .feVXyu,\n .ecdhqS,\n .iwGxyT,\n .kLxXov,\n .flDsrw {\n border-color: @surface0;\n }\n\n .juEfKr {\n border-color: @surface2;\n }\n\n .eUqMHM,\n .hSXtjz {\n background-color: @base;\n }\n\n .gtXnmh,\n .ukUXs,\n .giEfVQ,\n .cKvNNO,\n .evdFFE,\n .kTUxDY {\n background-color: @mantle;\n }\n\n .hLwWNO .PRIVATE_TreeView-item-container,\n .dycbWg,\n .hYaoHV,\n .rLhXz,\n .gtXnmh,\n .lmmHGT,\n .dEmXPQ {\n color: @text;\n }\n\n .bJBoUI,\n .iJtJJh {\n color: @accent-color;\n }\n\n .lhyFLG {\n background-color: @mantle;\n border-color: @surface1;\n }\n\n .hUWqlv,\n .bJcMWH {\n color: @blue;\n }\n // search menu links\n .Link__StyledLink-sc-14289xe-0.ifbDxt {\n color: @blue;\n }\n .Link__StyledLink-sc-14289xe-0.ifbDxt:hover {\n background-color: fadeout(@blue, 60%);\n }\n // Search page buttons\n .cxcvTj,\n .Box-sc-g0xbh4-0.grSspY button {\n background-color: @mantle;\n border-color: @surface1;\n }\n\n .gxGEao {\n border-bottom-color: @surface0;\n }\n\n .hLwWNO\n .PRIVATE_TreeView-item[aria-current=\"true\"]\n > .PRIVATE_TreeView-item-container {\n background-color: @surface0;\n &::after {\n background-color: @accent-color;\n }\n }\n\n .dfAUyE,\n .gKuCoB,\n .bFrOJy {\n .segmentedControl-content {\n background-color: @mantle;\n color: @text;\n }\n }\n\n .cuqBaK,\n .fCAAcl,\n .dAXkSP {\n color: @text;\n background-color: @base;\n &:hover .segmentedControl-content {\n background: @surface0;\n }\n }\n\n @media (hover: hover) and (pointer: fine) {\n .rLhXz:hover:not([aria-disabled]) {\n background-color: @surface0;\n }\n }\n\n /* Projects */\n .ksbilD,\n .cuaLcW,\n .joCMLT,\n .jClMHS,\n .jhjELj,\n .diDjDG,\n .gFuKCf,\n .dHdESs,\n .hpfKPO,\n .jdgyJn,\n .iInViE,\n .brqMal,\n .AbCTW {\n background-color: @mantle;\n }\n\n .jEgFtJ,\n .lixtXZ:hover,\n .eNIoFu,\n .idPXPh:hover,\n .fdORwV,\n .cjFogo,\n .gIOnJa {\n background-color: @surface0;\n }\n\n .jBCpbB {\n color: @text;\n background-color: @surface0;\n }\n\n .kzrUhn.selected {\n background-color: @base;\n border-color: @surface0;\n color: @text;\n }\n\n .esIQoN,\n .kbjJSF:disabled {\n color: @subtext1;\n }\n\n .eJTCnd,\n .eTthoV {\n border-color: @surface0;\n background-color: @base;\n color: @text;\n .fixINc,\n .eDZJqt {\n color: @subtext0;\n }\n .bniVFX,\n .jtlytA {\n color: @text;\n }\n }\n\n .ikTPpF {\n box-shadow: @base 0 3px 6px;\n border-color: @surface0;\n }\n\n .cvveTk,\n .dwoION {\n background-color: @base;\n }\n\n .FKGWN {\n background-color: @base;\n border-color: @surface0;\n }\n\n .jPHlsW::after {\n background-color: @accent-color;\n }\n\n .khCtfm:hover {\n background-color: @surface0;\n }\n .bWlbEI,\n .hzIORV {\n background-color: @mantle;\n }\n\n .khCtfm,\n .khCtfm[data-component=\"leadingVisual\"],\n .Tnbrt[data-component=\"IconButton\"][data-no-visuals] {\n color: @subtext0;\n }\n\n .Tnbrt {\n &:active,\n &[aria-expanded=\"true\"] {\n background-color: @surface2;\n }\n &:hover {\n background-color: @surface1;\n }\n }\n\n .imsxCM {\n color: @text;\n\n .is-selected::after {\n background-color: @accent-color;\n }\n }\n\n .pxYjU {\n background-color: @mantle;\n color: @text;\n border-color: @surface0;\n }\n\n .ilLRrZ {\n color: @text;\n background-color: @surface1;\n }\n\n .cnIHxk {\n background-color: @surface0;\n color: @text;\n &:disabled {\n background-color: @overlay0;\n color: @crust;\n }\n }\n\n .ghFpol {\n background-color: @base;\n }\n\n .hVmCdl,\n .fqKZNC,\n .fZFWUy,\n .kbjJSF,\n .flKHtV,\n .jolsUx,\n .ekNmOn {\n color: @text;\n }\n\n .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n .klUZzf:not(:first-of-type) {\n color: @subtext0;\n }\n\n .jvpWzR {\n &:hover {\n background-color: @surface1;\n }\n &[data-size=\"large\"][data-block=\"block\"] {\n color: @subtext0;\n }\n }\n\n .fZFWUy,\n .fzjwje {\n background-color: @base;\n }\n\n .cEYXBH {\n background-color: @accent-color;\n }\n\n .joxhcl,\n .hXyJIp,\n .fMkBhb > .segmentedControl-content {\n background-color: @mantle;\n }\n\n .dVFmxu,\n .gbKtit,\n .lnKxja,\n .jzwNMs {\n color: @subtext0;\n svg {\n fill: @subtext0;\n }\n &:hover .segmentedControl-content {\n background-color: @surface1;\n border-color: @surface0;\n }\n }\n\n .hJMtSk {\n color: @crust;\n background-color: @green;\n &:disabled {\n color: @crust;\n background-color: @overlay0;\n }\n }\n\n .iDiUTR {\n color: @text;\n background-color: @base;\n border-color: @surface0;\n &:hover {\n border-color: @surface1;\n }\n }\n\n .eQfJKc,\n .UHWYv {\n color: @red;\n }\n\n .jVIqnb {\n color: @red;\n background-color: @surface0;\n &:hover {\n color: @base;\n background-color: @red;\n }\n }\n\n .UHWYv:hover {\n background-color: fade(@red, 20);\n }\n\n .lmmHGT:hover {\n background-color: @surface0;\n }\n\n /* Project table view */\n .hYdbWk,\n .gkeKEr,\n .jzcCeu,\n .iGxiw,\n .ixFSpw,\n .koxWOe,\n .gkWKRr,\n .ikaTJo > svg,\n .dcGHGc,\n .dzMFih,\n .hYdbWk::before,\n .ixFSpw::before,\n .dSHKOE {\n background-color: @base;\n }\n\n .gkWKRr {\n border-top-color: @surface0;\n border-right-color: @surface0;\n border-left-color: @surface0;\n }\n\n .hPQRKh {\n background-color: @surface0;\n &:hover:not([disabled]) {\n background-color: @surface1;\n }\n &[data-component=\"IconButton\"][data-no-visuals] {\n color: @subtext0;\n }\n }\n\n .kfwhFa {\n &:hover:not([disabled]) {\n background-color: @surface0;\n }\n &[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: @subtext0;\n }\n }\n\n .jykkjb {\n background-color: @base;\n box-shadow:\n @crust 0 -2px 0 inset,\n @crust 0 1px 0 inset;\n }\n\n .jhjELj,\n .ixTUPS {\n border-color: @surface1;\n }\n\n .gmscZx,\n .fUaEiu {\n &:hover:not([disabled]) {\n background-color: @surface1;\n }\n &[aria-expanded=\"true\"] {\n background-color: @surface0;\n }\n & [data-component=\"leadingVisual\"],\n &[data-size=\"small\"],\n &[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: @subtext0;\n }\n }\n\n .cBssZb {\n color: @text;\n }\n\n .jhjELj::before {\n border-color: transparent transparent @surface1;\n }\n\n .fHpqaf,\n .bfQVnA,\n .iGxiw,\n .fUzagb,\n .gisjeK,\n .iQkwAM {\n color: @subtext0;\n }\n\n .dtTTcd {\n background-color: @base;\n &.hoverable:hover {\n background-color: @surface0;\n }\n }\n\n .pQcjM {\n border-color: @surface1;\n &.hoverable:hover {\n background-color: @surface0;\n }\n }\n\n .eTSXcP {\n background-color: @red;\n }\n\n .iGxiw {\n border-bottom-color: @surface1;\n }\n\n /* Tree Fix */\n\n /* Tree Fix */\n\n /* Weird barely visible outlines | Can be removed if intentional */\n .brFBoI,\n .ldUAkr,\n .gtXnmh {\n border-color: @surface1;\n }\n\n /* New Repository Overview Fix */\n .gWjhfa,\n .jMdYTc {\n background-color: @mantle;\n }\n\n .jMdYTc {\n border-color: @surface1;\n\n & button {\n color: @subtext1;\n\n &:hover {\n background-color: @surface0;\n }\n\n &[aria-expanded=\"true\"] {\n background-color: @surface0;\n }\n }\n }\n\n .gwuIGu > a {\n &:hover {\n background-color: @surface0;\n }\n\n & span {\n color: @subtext1;\n }\n }\n\n /* Buttons */\n .bJYdrf:hover {\n background-color: @mantle;\n }\n\n .dSlCya:hover {\n color: @accent-color;\n }\n\n .hNNRLM,\n .hGgJQu,\n .hTcsdJ {\n background-color: @surface0;\n border-color: @surface0;\n color: @text;\n\n &:hover {\n background-color: @surface1;\n border-color: @surface1;\n }\n }\n\n .eOIzRT {\n background-color: @base;\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n .hNNRLM svg {\n color: @text;\n }\n\n .react-last-commit-history-group:hover {\n background-color: @base;\n color: @text;\n }\n .ContributionCalendar-day {\n --color-calendar-graph-day-L1-bg: spin(fade(@green, 40%), 15deg);\n --color-calendar-graph-day-L2-bg: spin(fade(@green, 60%), 10deg);\n --color-calendar-graph-day-L3-bg: spin(fade(@green, 80%), 5deg);\n --color-calendar-graph-day-L4-bg: @green;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-calendar-graph-day-bg: @surface0;\n }\n\n .tooltipped.tooltipped-s rect {\n fill: @green !important;\n }\n .hfRvxg {\n color: @subtext1;\n\n &:hover {\n color: @text;\n }\n }\n\n /* Scrolling top menu */\n .lbYguI {\n border-radius: 6px;\n }\n\n .hPsWZB,\n .bOUZZs {\n background-color: @mantle;\n }\n\n .react-blob-header-edit-and-raw-actions > div > a,\n .react-blob-header-edit-and-raw-actions > div > span > a,\n .react-blob-header-edit-and-raw-actions > div > span > button {\n background-color: @base;\n color: @subtext0;\n\n &:hover {\n background-color: @surface1;\n }\n }\n\n .hMOAua {\n color: @subtext1;\n\n &:hover {\n background-color: @mantle;\n border-color: @surface1;\n color: @text;\n }\n }\n\n /* Fullscreen Sidebar Fixes */\n .hMCjFU,\n .jcKsih,\n .hpgNiv {\n background-color: @base;\n color: @text;\n border-color: @surface1;\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n /* Dropdown Menus */\n .jfOCiu,\n .gNXjVV,\n .iGzDhH,\n .Overlay {\n background-color: @mantle;\n border-color: @surface1;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n\n .jfOCiu li {\n color: @text;\n }\n\n .kRbyXo {\n color: @text;\n }\n\n .VgnWi {\n background-color: @base;\n border-color: @surface1;\n\n &:focus-within {\n border-color: @accent-color;\n box-shadow: @accent-color 0 0 0 1px inset;\n }\n }\n\n .bAKGFC {\n background-color: @surface1;\n }\n\n .bdMlHy {\n border-color: @surface1;\n }\n\n .jMyfUO.selected {\n border-color: @surface1;\n background-color: @mantle;\n }\n\n .bPgnBp {\n color: @accent-color;\n }\n\n kbd {\n background-color: @surface1;\n }\n\n select option,\n optgroup {\n background-color: @mantle;\n border-color: @surface1;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n\n .hUQSCH {\n background-color: @base;\n color: @subtext1;\n border-color: @surface1;\n\n &:hover {\n background-color: @mantle;\n border-color: @surface1;\n }\n }\n\n /* Add File Menu */\n .dQPLyc {\n background-color: transparent;\n border-color: @surface1;\n }\n\n .ktGGEf {\n background-color: @base;\n border-color: @surface1;\n }\n\n .gkfBtX {\n background-color: @mantle;\n border-radius: 6px 0 0;\n border-bottom-color: @surface1;\n }\n\n .jproXT {\n background-color: transparent;\n border-color: transparent;\n color: @subtext1;\n\n &:hover {\n color: @text;\n }\n\n &:focus-within {\n border-color: transparent;\n box-shadow: none;\n color: @text;\n }\n }\n\n .wLDmP {\n background-color: @mantle;\n border-color: @surface1;\n }\n\n .eNSiNz .segmentedControl-content,\n .gKuCoB .segmentedControl-content {\n background-color: @base;\n }\n\n /* Notification Menu Fix */\n .notifications-list-item.notification-read,\n .notifications-list-item.notification-archived {\n background-color: @base !important;\n\n &:last-child {\n border-bottom-left-radius: 6px;\n }\n }\n\n /* Loading Bar Color */\n .turbo-progress-bar {\n background-color: @accent-color;\n }\n .search-results-page {\n background-color: @base;\n }\n }\n}\n@-moz-document regexp(\"https:\\/\\/notebooks\\.githubusercontent\\.com\\/view\\/ipynb.*\") {\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n /* Colors */\n --color-scale-black: #010409;\n --color-scale-white: #fff;\n --color-scale-gray-0: #f0f6fc;\n --color-scale-gray-1: #c9d1d9;\n --color-scale-gray-2: #b1bac4;\n --color-scale-gray-3: #8b949e;\n --color-scale-gray-4: #6e7681;\n --color-scale-gray-5: #484f58;\n --color-scale-gray-6: #30363d;\n --color-scale-gray-7: #21262d;\n --color-scale-gray-8: #161b22;\n --color-scale-gray-9: #0d1117;\n --color-scale-blue-0: #cae8ff;\n --color-scale-blue-1: #a5d6ff;\n --color-scale-blue-2: #79c0ff;\n --color-scale-blue-3: #58a6ff;\n --color-scale-blue-4: #388bfd;\n --color-scale-blue-5: #1f6feb;\n --color-scale-blue-6: #1158c7;\n --color-scale-blue-7: #0d419d;\n --color-scale-blue-8: #0c2d6b;\n --color-scale-blue-9: #051d4d;\n --color-scale-green-0: #aff5b4;\n --color-scale-green-1: #7ee787;\n --color-scale-green-2: #56d364;\n --color-scale-green-3: #3fb950;\n --color-scale-green-4: #2ea043;\n --color-scale-green-5: #238636;\n --color-scale-green-6: #196c2e;\n --color-scale-green-7: #0f5323;\n --color-scale-green-8: #033a16;\n --color-scale-green-9: #04260f;\n --color-scale-yellow-0: #f8e3a1;\n --color-scale-yellow-1: #f2cc60;\n --color-scale-yellow-2: #e3b341;\n --color-scale-yellow-3: #d29922;\n --color-scale-yellow-4: #bb8009;\n --color-scale-yellow-5: #9e6a03;\n --color-scale-yellow-6: #845306;\n --color-scale-yellow-7: #693e00;\n --color-scale-yellow-8: #4b2900;\n --color-scale-yellow-9: #341a00;\n --color-scale-orange-0: #ffdfb6;\n --color-scale-orange-1: #ffc680;\n --color-scale-orange-2: #ffa657;\n --color-scale-orange-3: #f0883e;\n --color-scale-orange-4: #db6d28;\n --color-scale-orange-5: #bd561d;\n --color-scale-orange-6: #9b4215;\n --color-scale-orange-7: #762d0a;\n --color-scale-orange-8: #5a1e02;\n --color-scale-orange-9: #3d1300;\n --color-scale-red-0: #ffdcd7;\n --color-scale-red-1: #ffc1ba;\n --color-scale-red-2: #ffa198;\n --color-scale-red-3: #ff7b72;\n --color-scale-red-4: #f85149;\n --color-scale-red-5: #da3633;\n --color-scale-red-6: #b62324;\n --color-scale-red-7: #8e1519;\n --color-scale-red-8: #67060c;\n --color-scale-red-9: #490202;\n --color-scale-purple-0: #eddeff;\n --color-scale-purple-1: #e2c5ff;\n --color-scale-purple-2: #d2a8ff;\n --color-scale-purple-3: #bc8cff;\n --color-scale-purple-4: #a371f7;\n --color-scale-purple-5: #8957e5;\n --color-scale-purple-6: #6e40c9;\n --color-scale-purple-7: #553098;\n --color-scale-purple-8: #3c1e70;\n --color-scale-purple-9: #271052;\n --color-scale-pink-0: #ffdaec;\n --color-scale-pink-1: #ffbedd;\n --color-scale-pink-2: #ff9bce;\n --color-scale-pink-3: #f778ba;\n --color-scale-pink-4: #db61a2;\n --color-scale-pink-5: #bf4b8a;\n --color-scale-pink-6: #9e3670;\n --color-scale-pink-7: #7d2457;\n --color-scale-pink-8: #5e103e;\n --color-scale-pink-9: #42062a;\n --color-scale-coral-0: #ffddd2;\n --color-scale-coral-1: #ffc2b2;\n --color-scale-coral-2: #ffa28b;\n --color-scale-coral-3: #f78166;\n --color-scale-coral-4: #ea6045;\n --color-scale-coral-5: #cf462d;\n --color-scale-coral-6: #ac3220;\n --color-scale-coral-7: #872012;\n --color-scale-coral-8: #640d04;\n --color-scale-coral-9: #460701;\n\n --jp-border-color0: var(--color-scale-gray-7);\n --jp-border-color1: var(--color-scale-gray-7);\n --jp-border-color2: var(--color-scale-gray-8);\n --jp-border-color3: var(--color-scale-gray-9);\n --jp-ui-font-color0: @text;\n --jp-ui-font-color1: fadeout(@text, 13%);\n --jp-ui-font-color2: fadeout(@text, 46%);\n --jp-ui-font-color3: fadeout(@text, 72%);\n --jp-ui-inverse-font-color0: @crust;\n --jp-ui-inverse-font-color1: fadeout(@crust, 20%);\n --jp-ui-inverse-font-color2: fadeout(@crust, 50%);\n --jp-ui-inverse-font-color3: fadeout(@crust, 70%);\n --jp-content-font-color0: @text;\n --jp-content-font-color1: @text;\n --jp-content-font-color2: fadeout(@text, 30%);\n --jp-content-font-color3: fadeout(@text, 50%);\n --jp-content-link-color: @sapphire;\n --jp-layout-color0: @base !important;\n --jp-layout-color1: var(--color-scale-gray-9);\n --jp-layout-color2: var(--color-scale-gray-8);\n --jp-layout-color3: var(--color-scale-gray-7);\n --jp-layout-color4: var(--color-scale-gray-6);\n --jp-inverse-layout-color0: var(--color-scale-white);\n --jp-inverse-layout-color1: var(--color-scale-white);\n --jp-inverse-layout-color2: var(--color-scale-gray-2);\n --jp-inverse-layout-color3: var(--color-scale-gray-4);\n --jp-inverse-layout-color4: var(--color-scale-gray-6);\n --jp-brand-color0: var(--color-scale-blue-7);\n --jp-brand-color1: var(--color-scale-blue-5);\n --jp-brand-color2: var(--color-scale-blue-3);\n --jp-brand-color3: var(--color-scale-blue-1);\n --jp-brand-color4: var(--color-scale-blue-0);\n --jp-accent-color0: var(--color-scale-green-7);\n --jp-accent-color1: var(--color-scale-green-5);\n --jp-accent-color2: var(--color-scale-green-3);\n --jp-accent-color3: var(--color-scale-green-1);\n --jp-warn-color0: var(--color-scale-orange-7);\n --jp-warn-color1: var(--color-scale-orange-5);\n --jp-warn-color2: var(--color-scale-orange-3);\n --jp-warn-color3: var(--color-scale-orange-1);\n --jp-error-color0: var(--color-scale-red-7);\n --jp-error-color1: var(--color-scale-red-5);\n --jp-error-color2: var(--color-scale-red-3);\n --jp-error-color3: var(--color-scale-red-1);\n --jp-success-color0: var(--color-scale-green-7);\n --jp-success-color1: var(--color-scale-green-5);\n --jp-success-color2: var(--color-scale-green-3);\n --jp-success-color3: var(--color-scale-green-1);\n --jp-info-color0: var(--color-scale-blue-7);\n --jp-info-color1: var(--color-scale-blue-5);\n --jp-info-color2: var(--color-scale-blue-3);\n --jp-info-color3: var(--color-scale-blue-1);\n --jp-cell-editor-border-color: var(--color-scale-gray-7);\n --jp-cell-editor-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n --jp-cell-prompt-not-active-font-color: fadeout(@text, 50%);\n --jp-cell-inprompt-font-color: var(--color-scale-blue-6);\n --jp-cell-outprompt-font-color: var(--color-scale-coral-6);\n --jp-notebook-multiselected-color: fadeout(@overlay2, 86%);\n --jp-rendermime-error-background: fadeout(@red, 82%);\n --jp-rendermime-table-row-background: var(--color-scale-gray-9);\n --jp-rendermime-table-row-hover-background: fadeout(@surface2, 86%);\n --jp-dialog-background: fadeout(@crust, 40%);\n --jp-toolbar-box-shadow: 0px 0px 2px 0px fadeout(@crust, 20%);\n --jp-input-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n --jp-input-background: var(--color-scale-gray-8);\n --jp-input-active-box-shadow-color: fadeout(@blue, 70%);\n --jp-editor-selected-focused-background: fadeout(@blue, 86%);\n --jp-mirror-editor-keyword-color: var(--color-scale-green-5);\n --jp-mirror-editor-atom-color: var(--color-scale-blue-3);\n --jp-mirror-editor-number-color: var(--color-scale-green-4);\n --jp-mirror-editor-def-color: var(--color-scale-blue-6);\n --jp-mirror-editor-variable-color: var(--color-scale-gray-3);\n --jp-mirror-editor-variable-2-color: var(--color-scale-blue-4);\n --jp-mirror-editor-variable-3-color: var(--color-scale-green-6);\n --jp-mirror-editor-punctuation-color: var(--color-scale-blue-4);\n --jp-mirror-editor-property-color: var(--color-scale-blue-4);\n --jp-mirror-editor-operator-color: @mauve;\n --jp-mirror-editor-comment-color: @subtext0;\n --jp-mirror-editor-string-color: @peach;\n --jp-mirror-editor-string-2-color: var(--color-scale-purple-3);\n --jp-mirror-editor-meta-color: @mauve;\n --jp-mirror-editor-qualifier-color: var(--color-scale-gray-5);\n --jp-mirror-editor-builtin-color: var(--color-scale-green-6);\n --jp-mirror-editor-bracket-color: var(--color-scale-gray-2);\n --jp-mirror-editor-tag-color: var(--color-scale-blue-7);\n --jp-mirror-editor-attribute-color: var(--color-scale-blue-7);\n --jp-mirror-editor-header-color: var(--color-scale-blue-5);\n --jp-mirror-editor-quote-color: var(--color-scale-green-3);\n --jp-mirror-editor-link-color: var(--color-scale-blue-7);\n --jp-mirror-editor-error-color: @red;\n --jp-mirror-editor-hr-color: var(--color-scale-gray-8);\n --jp-vega-background: var(--color-scale-gray-4);\n --jp-search-selected-match-background-color: @yellow;\n --jp-search-selected-match-color: @crust;\n --jp-icon-contrast-color0: var(--color-scale-purple-6);\n --jp-icon-contrast-color1: var(--color-scale-green-6);\n --jp-icon-contrast-color2: var(--color-scale-pink-6);\n --jp-icon-contrast-color3: var(--color-scale-blue-6);\n }\n}\n// 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.2.12",
"description": "Soothing pastel theme for GitHub",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": "macchiato",
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": "lavender",
"default": "rosewater",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
},
"topbar": {
"type": "checkbox",
"label": "Topbar colors",
"name": "topbar",
"value": "1",
"default": "1",
"options": null
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for GitHub",
"name": "Github Catppuccin",
"originalDigest": "28202a7f53b7596faf27771d01e9ad9e2c49a6a6",
"_id": "707de53d-4c74-462b-befa-7b946665e44e",
"_rev": 1700347992616,
"id": 40,
"etag": "W/\"f552b9dfc865b1cf5defa6f658e1f2320834d43e8b7f45c1413ff085369f9dac\"",
"updateDate": 1700339536185
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/wikiwand/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/wikiwand",
"installDate": 1690105930236,
"sections": [
{
"code": "/* ==UserStyle==\n@name Wikiwand Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/wikiwand\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/wikiwand\n@version 1.2.0\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/wikiwand/catppuccin.user.css\n@description Soothing pastel theme for Wikiwand\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */",
"start": 0
},
{
"code": ".root_light__Inhun {\n --color-bg: #24273a;\n --color-text: #cad3f5;\n --color-grey: #a5adcb;\n --color-table: #363a4f;\n --color-table-border: #363a4f;\n --color-link: #b7bdf8;\n --toc-bg: #1e2030;\n --toc-text: #cad3f5;\n --toc-border: #181926;\n --tag-bg: #363a4f;\n --tag-text: #8087a2;\n --navbar-bg: #181926;\n --navbar-border: #1e2030;\n --navbar-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2),\n 0px 5px 10px rgba(0, 0, 0, 0.3);\n }\n .root_light__Inhun .popover_arrow__pQSsX::before {\n background-color: #494d64;\n border: 1px solid #5b6078;\n }\n .root_light__Inhun *[class*=\"dropdown_item\"] {\n color: #cad3f5;\n }\n .root_light__Inhun .popover_popover__jgyGp {\n background-color: #494d64;\n border: 1px solid #5b6078;\n border-radius: 0.625em;\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.1);\n }\n .root_light__Inhun .draggable_wrapper__YB014 {\n background-color: #494d64;\n border: 1px solid #363a4f;\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.3);\n color: #cad3f5;\n }\n .root_light__Inhun .checkbox_checkbox__uXwIZ {\n width: 1.125em;\n height: 1.125em;\n border-radius: 0.125em;\n border: 1px solid #494d64;\n background-color: #5b6078;\n position: relative;\n }\n .root_light__Inhun .checkbox_checkbox__uXwIZ::before {\n background-color: #b7bdf8;\n }\n .root_light__Inhun svg.audio_icon__eZ5Bx {\n color: #cad3f5;\n }\n .root_light__Inhun .checkbox_label__V5gon,\n .root_light__Inhun .audio_select__kmOPL {\n color: #a5adcb !important;\n }\n .root_light__Inhun .draggable_header__bfxdq {\n border: 1px solid #494d64 !important;\n }\n .root_light__Inhun .footer_donation__Cje_Q {\n display: none !important;\n }\n .root_light__Inhun .dropdown_content__4NAxl {\n background-color: #494d64;\n border: 1px solid #5b6078;\n }\n .root_light__Inhun p.settings_setLabel__NrVBx:nth-child(3),\n .root_light__Inhun article.settings_section__vRaq_:nth-child(1) {\n color: #cad3f5;\n }\n .root_light__Inhun .toggle_label__y7mDQ {\n color: #cad3f5;\n }\n .root_light__Inhun .toggle_bg__Qn4Oc {\n background-color: #b7bdf8;\n }\n .root_light__Inhun .toggle_label__y7mDQ.toggle_active__l_k3F {\n color: #24273a;\n }\n .root_light__Inhun .toggle_label__y7mDQ:not(.toggle_active__l_k3F):hover {\n color: #b7bdf8;\n }\n .root_light__Inhun .themeBtn_wrapper__KTkHk.themeBtn_active__4gb_I,\n .root_light__Inhun .themeBtn_wrapper__KTkHk:hover {\n color: #b7bdf8;\n }\n .root_light__Inhun .themeBtn_label__GyvdH {\n color: #b8c0e0;\n }\n .root_light__Inhun .toggle_toggle__jzkKG {\n background-color: #5b6078;\n }\n .root_light__Inhun .settings_reset__GO2x4 {\n border-top: 1px solid #5b6078;\n }\n .root_light__Inhun .settings_resetBtn__3yLrG {\n color: #cad3f5;\n }\n .root_light__Inhun .settings_resetBtn__3yLrG:not(.settings_disabled__7X7Nu):hover {\n color: #ed8796;\n }\n .root_light__Inhun .themeBtn_label__GyvdH span {\n background-color: #5b6078;\n border: 1px solid #5b6078;\n }\n .root_light__Inhun .themeBtn_wrapper__KTkHk.themeBtn_active__4gb_I .themeBtn_demoWrapper__fdi7G {\n border: 1px solid #b7bdf8 !important;\n }\n .root_light__Inhun div.themeBtn_wrapper__KTkHk:nth-child(3) > p:nth-child(2) > span:nth-child(1)::before {\n background-color: #b7bdf8;\n }\n .root_light__Inhun .item_item__uLhiz.item_active__4kaIV {\n color: #b7bdf8;\n }\n .root_light__Inhun .item_item__uLhiz.item_active__4kaIV,\n .root_light__Inhun .item_item__uLhiz:hover {\n background-color: #5b6078;\n }\n .root_light__Inhun .languages_wrapper__1Ad3R {\n color: #b8c0e0;\n }\n .root_light__Inhun .input_input__uGeT_ {\n color: #cad3f5;\n background-color: #6e738d;\n border-radius: 4px;\n }\n .root_light__Inhun .input_wrapper__aeypb {\n border: none !important;\n }\n .root_light__Inhun .action_action___vLQg {\n color: #b7bdf8;\n }\n .root_light__Inhun .share_btn__9IJpe {\n color: #cad3f5;\n background-color: #5b6078;\n border: #5b6078;\n }\n .root_light__Inhun .share_btn__9IJpe span {\n color: #cad3f5;\n }\n .root_light__Inhun .footer_socialWrapper__R1iSQ *:hover,\n .root_light__Inhun .footer_link__TA4rr:hover {\n color: #b7bdf8;\n }\n .root_light__Inhun .list_wrapper__TYM2l,\n .root_light__Inhun .input_wrapper__aeypb {\n background-color: #494d64;\n color: #cad3f5;\n }\n .root_light__Inhun .input_wrapper__aeypb * {\n color: #cad3f5;\n }\n .root_light__Inhun .list_item_VVizU:hover {\n background-color: #5b6078 !important;\n }\n .root_light__Inhun .search_header__gqnk7.search_article__L3Khv {\n background: transparent;\n }\n .root_light__Inhun .item_item__jj0Ue {\n color: #cad3f5;\n }\n .root_light__Inhun .item_item__jj0Ue:hover {\n background-color: #5b6078 !important;\n border-color: #b7bdf8;\n }\n .root_light__Inhun .modal_header__t094_ {\n border-color: #494d64;\n color: #cad3f5;\n }\n .root_light__Inhun .list_item__VVizU.list_active__ahAYX,\n .root_light__Inhun .list_item__VVizU:hover {\n background-color: #5b6078;\n }\n .root_light__Inhun .button_btn__ln0Hv {\n color: #b7bdf8;\n background-color: #363a4f;\n }\n .root_light__Inhun .navbarMobile_footer__y5Kwi.navbarMobile_dark__eIcxf .navbarMobile_icons__tirr9,\n .root_light__Inhun .navbarMobile_footer__y5Kwi.navbarMobile_dark__eIcxf .navbarMobile_toc__iPfvP,\n .root_light__Inhun .navbarMobile_footer__y5Kwi.navbarMobile_grey__5dmnP .navbarMobile_icons__tirr9,\n .root_light__Inhun .navbarMobile_footer__y5Kwi.navbarMobile_grey__5dmnP .navbarMobile_toc__iPfvP {\n background-color: #494d64;\n color: #cad3f5;\n }\n .root_light__Inhun .tooltip_tooltip_QQr79.tooltip_dark_ZWBHd,\n .root_light__Inhun .tooltip_tooltip_QQr79.tooltip_dark_ZWBHd > * > * {\n background-color: #181926 !important;\n }\n .root_light__Inhun .dropdown_item__yrn67:hover {\n background-color: #5b6078;\n color: #b7bdf8;\n border-color: #b7bdf8 !important;\n }\n .root_light__Inhun .audio_dot__jeWOr.audio_active__li6PM {\n background-color: #b7bdf8;\n }\n .root_light__Inhun .audio_dot__jeWOr {\n background-color: #5b6078;\n box-shadow: 6.666px 0 0 0px #5b6078;\n border-radius: 0px;\n border: 1px solid #5b6078 !important;\n }\n .root_light__Inhun .gallery_icon__7LOBi {\n background-color: #5b6078;\n color: #b8c0e0;\n }\n .root_light__Inhun .gallery_disable__1QuKw {\n background-color: #363a4f;\n }\n .root_light__Inhun .gallery_icon__7LOBi:hover {\n background-color: #6e738d;\n color: #b7bdf8;\n }\n .root_light__Inhun .gallery_nav__BEeM3 {\n background-color: #24273a;\n }\n .root_light__Inhun .image_wrapper__Dq3Jq {\n background-color: #181926;\n }\n .root_light__Inhun .stage_caption__BvSjQ {\n color: #a5adcb;\n }\n .root_light__Inhun .gallery_wrapper__1a7bM,\n .root_light__Inhun .thumbnails_wrapper__1Q5be {\n background-color: #1e2030 !important;\n }\n .root_light__Inhun .thumbnails_thumbnail__H4tNf {\n background-color: #fafafa;\n border-radius: 4px;\n padding: 4px;\n }\n .root_light__Inhun .list_loading__j43_R {\n color: #b7bdf8;\n }\n .root_light__Inhun .info_wrapper__HpdJH,\n .root_light__Inhun .info_arrow__ehjUI {\n background-color: #494d64;\n border-color: #494d64;\n }\n .root_light__Inhun .info_wrapper__HpdJH::after {\n background: linear-gradient(180deg, hsla(0, 0%, 98%, 0), #494d64 90%);\n }\n .root_light__Inhun .list_item__VVizU.list_active__ahAYX {\n color: #b7bdf8;\n }\n .root_light__Inhun .item_star__arENF {\n color: #b8c0e0;\n }\n .root_light__Inhun .item_star__arENF.item_active__4kaIV {\n color: #eed49f;\n }\n .root_light__Inhun .action_action___vLQg.action_remove__z6g_k {\n color: #cad3f5;\n }\n .root_light__Inhun .action_action___vLQg:not(.action_limit__u0EDs):hover.action_remove__z6g_k {\n color: #b7bdf8;\n }\n .root_light__Inhun .item_remove__f1A5k {\n background-color: #494d64;\n }\n .root_light__Inhun .item_remove__f1A5k span,\n .root_light__Inhun .item_remove__f1A5k svg {\n color: #ed8796;\n }\n .root_light__Inhun caption {\n background-color: #363a4f !important;\n border-color: #363a4f !important;\n }\n .root_light__Inhun .summary_wordtuneWrapper__21QxG > img:nth-child(2) {\n background-color: #b7bdf8;\n }\n .root_light__Inhun code > a {\n color: #b7bdf8 !important;\n }\n .root_light__Inhun table * {\n background-color: #363a4f !important;\n color: #cad3f5 !important;\n border-color: #5b6078 !important;\n }\n .root_light__Inhun table {\n background-color: #363a4f !important;\n border: none !important;\n }\n .root_light__Inhun a.wl {\n color: #b7bdf8 !important;\n }\n .root_light__Inhun .summary_footer__Lk6z7 > span:nth-child(1),\n .root_light__Inhun svg.icon_icon__0vohI,\n .root_light__Inhun .icon_icon__0vohI.input_icon__He3sV,\n .root_light__Inhun svg.icon_icon__0vohI:nth-child(2) > use:nth-child(1) {\n color: #b7bdf8;\n fill: #b7bdf8;\n }\n .root_light__Inhun .wikitable tr::before {\n background-color: #363a4f !important;\n border-color: #5b6078 !important;\n }\n .root_earth__3sDLo,\n .root_dark__oGh5X,\n .root_auto__Xg3qF,\n .root_grey__eKz_h {\n --color-bg: #24273a;\n --color-text: #cad3f5;\n --color-grey: #a5adcb;\n --color-table: #363a4f;\n --color-table-border: #363a4f;\n --color-link: #b7bdf8;\n --toc-bg: #1e2030;\n --toc-text: #cad3f5;\n --toc-border: #181926;\n --tag-bg: #363a4f;\n --tag-text: #8087a2;\n --navbar-bg: #181926;\n --navbar-border: #1e2030;\n --navbar-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2),\n 0px 5px 10px rgba(0, 0, 0, 0.3);\n }\n .root_earth__3sDLo .popover_arrow__pQSsX::before,\n .root_dark__oGh5X .popover_arrow__pQSsX::before,\n .root_auto__Xg3qF .popover_arrow__pQSsX::before,\n .root_grey__eKz_h .popover_arrow__pQSsX::before {\n background-color: #494d64;\n border: 1px solid #5b6078;\n }\n .root_earth__3sDLo *[class*=\"dropdown_item\"],\n .root_dark__oGh5X *[class*=\"dropdown_item\"],\n .root_auto__Xg3qF *[class*=\"dropdown_item\"],\n .root_grey__eKz_h *[class*=\"dropdown_item\"] {\n color: #cad3f5;\n }\n .root_earth__3sDLo .popover_popover__jgyGp,\n .root_dark__oGh5X .popover_popover__jgyGp,\n .root_auto__Xg3qF .popover_popover__jgyGp,\n .root_grey__eKz_h .popover_popover__jgyGp {\n background-color: #494d64;\n border: 1px solid #5b6078;\n border-radius: 0.625em;\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.1);\n }\n .root_earth__3sDLo .draggable_wrapper__YB014,\n .root_dark__oGh5X .draggable_wrapper__YB014,\n .root_auto__Xg3qF .draggable_wrapper__YB014,\n .root_grey__eKz_h .draggable_wrapper__YB014 {\n background-color: #494d64;\n border: 1px solid #363a4f;\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.3);\n color: #cad3f5;\n }\n .root_earth__3sDLo .checkbox_checkbox__uXwIZ,\n .root_dark__oGh5X .checkbox_checkbox__uXwIZ,\n .root_auto__Xg3qF .checkbox_checkbox__uXwIZ,\n .root_grey__eKz_h .checkbox_checkbox__uXwIZ {\n width: 1.125em;\n height: 1.125em;\n border-radius: 0.125em;\n border: 1px solid #494d64;\n background-color: #5b6078;\n position: relative;\n }\n .root_earth__3sDLo .checkbox_checkbox__uXwIZ::before,\n .root_dark__oGh5X .checkbox_checkbox__uXwIZ::before,\n .root_auto__Xg3qF .checkbox_checkbox__uXwIZ::before,\n .root_grey__eKz_h .checkbox_checkbox__uXwIZ::before {\n background-color: #b7bdf8;\n }\n .root_earth__3sDLo svg.audio_icon__eZ5Bx,\n .root_dark__oGh5X svg.audio_icon__eZ5Bx,\n .root_auto__Xg3qF svg.audio_icon__eZ5Bx,\n .root_grey__eKz_h svg.audio_icon__eZ5Bx {\n color: #cad3f5;\n }\n .root_earth__3sDLo .checkbox_label__V5gon,\n .root_dark__oGh5X .checkbox_label__V5gon,\n .root_auto__Xg3qF .checkbox_label__V5gon,\n .root_grey__eKz_h .checkbox_label__V5gon,\n .root_earth__3sDLo .audio_select__kmOPL,\n .root_dark__oGh5X .audio_select__kmOPL,\n .root_auto__Xg3qF .audio_select__kmOPL,\n .root_grey__eKz_h .audio_select__kmOPL {\n color: #a5adcb !important;\n }\n .root_earth__3sDLo .draggable_header__bfxdq,\n .root_dark__oGh5X .draggable_header__bfxdq,\n .root_auto__Xg3qF .draggable_header__bfxdq,\n .root_grey__eKz_h .draggable_header__bfxdq {\n border: 1px solid #494d64 !important;\n }\n .root_earth__3sDLo .footer_donation__Cje_Q,\n .root_dark__oGh5X .footer_donation__Cje_Q,\n .root_auto__Xg3qF .footer_donation__Cje_Q,\n .root_grey__eKz_h .footer_donation__Cje_Q {\n display: none !important;\n }\n .root_earth__3sDLo .dropdown_content__4NAxl,\n .root_dark__oGh5X .dropdown_content__4NAxl,\n .root_auto__Xg3qF .dropdown_content__4NAxl,\n .root_grey__eKz_h .dropdown_content__4NAxl {\n background-color: #494d64;\n border: 1px solid #5b6078;\n }\n .root_earth__3sDLo p.settings_setLabel__NrVBx:nth-child(3),\n .root_dark__oGh5X p.settings_setLabel__NrVBx:nth-child(3),\n .root_auto__Xg3qF p.settings_setLabel__NrVBx:nth-child(3),\n .root_grey__eKz_h p.settings_setLabel__NrVBx:nth-child(3),\n .root_earth__3sDLo article.settings_section__vRaq_:nth-child(1),\n .root_dark__oGh5X article.settings_section__vRaq_:nth-child(1),\n .root_auto__Xg3qF article.settings_section__vRaq_:nth-child(1),\n .root_grey__eKz_h article.settings_section__vRaq_:nth-child(1) {\n color: #cad3f5;\n }\n .root_earth__3sDLo .toggle_label__y7mDQ,\n .root_dark__oGh5X .toggle_label__y7mDQ,\n .root_auto__Xg3qF .toggle_label__y7mDQ,\n .root_grey__eKz_h .toggle_label__y7mDQ {\n color: #cad3f5;\n }\n .root_earth__3sDLo .toggle_bg__Qn4Oc,\n .root_dark__oGh5X .toggle_bg__Qn4Oc,\n .root_auto__Xg3qF .toggle_bg__Qn4Oc,\n .root_grey__eKz_h .toggle_bg__Qn4Oc {\n background-color: #b7bdf8;\n }\n .root_earth__3sDLo .toggle_label__y7mDQ.toggle_active__l_k3F,\n .root_dark__oGh5X .toggle_label__y7mDQ.toggle_active__l_k3F,\n .root_auto__Xg3qF .toggle_label__y7mDQ.toggle_active__l_k3F,\n .root_grey__eKz_h .toggle_label__y7mDQ.toggle_active__l_k3F {\n color: #24273a;\n }\n .root_earth__3sDLo .toggle_label__y7mDQ:not(.toggle_active__l_k3F):hover,\n .root_dark__oGh5X .toggle_label__y7mDQ:not(.toggle_active__l_k3F):hover,\n .root_auto__Xg3qF .toggle_label__y7mDQ:not(.toggle_active__l_k3F):hover,\n .root_grey__eKz_h .toggle_label__y7mDQ:not(.toggle_active__l_k3F):hover {\n color: #b7bdf8;\n }\n .root_earth__3sDLo .themeBtn_wrapper__KTkHk.themeBtn_active__4gb_I,\n .root_dark__oGh5X .themeBtn_wrapper__KTkHk.themeBtn_active__4gb_I,\n .root_auto__Xg3qF .themeBtn_wrapper__KTkHk.themeBtn_active__4gb_I,\n .root_grey__eKz_h .themeBtn_wrapper__KTkHk.themeBtn_active__4gb_I,\n .root_earth__3sDLo .themeBtn_wrapper__KTkHk:hover,\n .root_dark__oGh5X .themeBtn_wrapper__KTkHk:hover,\n .root_auto__Xg3qF .themeBtn_wrapper__KTkHk:hover,\n .root_grey__eKz_h .themeBtn_wrapper__KTkHk:hover {\n color: #b7bdf8;\n }\n .root_earth__3sDLo .themeBtn_label__GyvdH,\n .root_dark__oGh5X .themeBtn_label__GyvdH,\n .root_auto__Xg3qF .themeBtn_label__GyvdH,\n .root_grey__eKz_h .themeBtn_label__GyvdH {\n color: #b8c0e0;\n }\n .root_earth__3sDLo .toggle_toggle__jzkKG,\n .root_dark__oGh5X .toggle_toggle__jzkKG,\n .root_auto__Xg3qF .toggle_toggle__jzkKG,\n .root_grey__eKz_h .toggle_toggle__jzkKG {\n background-color: #5b6078;\n }\n .root_earth__3sDLo .settings_reset__GO2x4,\n .root_dark__oGh5X .settings_reset__GO2x4,\n .root_auto__Xg3qF .settings_reset__GO2x4,\n .root_grey__eKz_h .settings_reset__GO2x4 {\n border-top: 1px solid #5b6078;\n }\n .root_earth__3sDLo .settings_resetBtn__3yLrG,\n .root_dark__oGh5X .settings_resetBtn__3yLrG,\n .root_auto__Xg3qF .settings_resetBtn__3yLrG,\n .root_grey__eKz_h .settings_resetBtn__3yLrG {\n color: #cad3f5;\n }\n .root_earth__3sDLo .settings_resetBtn__3yLrG:not(.settings_disabled__7X7Nu):hover,\n .root_dark__oGh5X .settings_resetBtn__3yLrG:not(.settings_disabled__7X7Nu):hover,\n .root_auto__Xg3qF .settings_resetBtn__3yLrG:not(.settings_disabled__7X7Nu):hover,\n .root_grey__eKz_h .settings_resetBtn__3yLrG:not(.settings_disabled__7X7Nu):hover {\n color: #ed8796;\n }\n .root_earth__3sDLo .themeBtn_label__GyvdH span,\n .root_dark__oGh5X .themeBtn_label__GyvdH span,\n .root_auto__Xg3qF .themeBtn_label__GyvdH span,\n .root_grey__eKz_h .themeBtn_label__GyvdH span {\n background-color: #5b6078;\n border: 1px solid #5b6078;\n }\n .root_earth__3sDLo .themeBtn_wrapper__KTkHk.themeBtn_active__4gb_I .themeBtn_demoWrapper__fdi7G,\n .root_dark__oGh5X .themeBtn_wrapper__KTkHk.themeBtn_active__4gb_I .themeBtn_demoWrapper__fdi7G,\n .root_auto__Xg3qF .themeBtn_wrapper__KTkHk.themeBtn_active__4gb_I .themeBtn_demoWrapper__fdi7G,\n .root_grey__eKz_h .themeBtn_wrapper__KTkHk.themeBtn_active__4gb_I .themeBtn_demoWrapper__fdi7G {\n border: 1px solid #b7bdf8 !important;\n }\n .root_earth__3sDLo div.themeBtn_wrapper__KTkHk:nth-child(3) > p:nth-child(2) > span:nth-child(1)::before,\n .root_dark__oGh5X div.themeBtn_wrapper__KTkHk:nth-child(3) > p:nth-child(2) > span:nth-child(1)::before,\n .root_auto__Xg3qF div.themeBtn_wrapper__KTkHk:nth-child(3) > p:nth-child(2) > span:nth-child(1)::before,\n .root_grey__eKz_h div.themeBtn_wrapper__KTkHk:nth-child(3) > p:nth-child(2) > span:nth-child(1)::before {\n background-color: #b7bdf8;\n }\n .root_earth__3sDLo .item_item__uLhiz.item_active__4kaIV,\n .root_dark__oGh5X .item_item__uLhiz.item_active__4kaIV,\n .root_auto__Xg3qF .item_item__uLhiz.item_active__4kaIV,\n .root_grey__eKz_h .item_item__uLhiz.item_active__4kaIV {\n color: #b7bdf8;\n }\n .root_earth__3sDLo .item_item__uLhiz.item_active__4kaIV,\n .root_dark__oGh5X .item_item__uLhiz.item_active__4kaIV,\n .root_auto__Xg3qF .item_item__uLhiz.item_active__4kaIV,\n .root_grey__eKz_h .item_item__uLhiz.item_active__4kaIV,\n .root_earth__3sDLo .item_item__uLhiz:hover,\n .root_dark__oGh5X .item_item__uLhiz:hover,\n .root_auto__Xg3qF .item_item__uLhiz:hover,\n .root_grey__eKz_h .item_item__uLhiz:hover {\n background-color: #5b6078;\n }\n .root_earth__3sDLo .languages_wrapper__1Ad3R,\n .root_dark__oGh5X .languages_wrapper__1Ad3R,\n .root_auto__Xg3qF .languages_wrapper__1Ad3R,\n .root_grey__eKz_h .languages_wrapper__1Ad3R {\n color: #b8c0e0;\n }\n .root_earth__3sDLo .input_input__uGeT_,\n .root_dark__oGh5X .input_input__uGeT_,\n .root_auto__Xg3qF .input_input__uGeT_,\n .root_grey__eKz_h .input_input__uGeT_ {\n color: #cad3f5;\n background-color: #6e738d;\n border-radius: 4px;\n }\n .root_earth__3sDLo .input_wrapper__aeypb,\n .root_dark__oGh5X .input_wrapper__aeypb,\n .root_auto__Xg3qF .input_wrapper__aeypb,\n .root_grey__eKz_h .input_wrapper__aeypb {\n border: none !important;\n }\n .root_earth__3sDLo .action_action___vLQg,\n .root_dark__oGh5X .action_action___vLQg,\n .root_auto__Xg3qF .action_action___vLQg,\n .root_grey__eKz_h .action_action___vLQg {\n color: #b7bdf8;\n }\n .root_earth__3sDLo .share_btn__9IJpe,\n .root_dark__oGh5X .share_btn__9IJpe,\n .root_auto__Xg3qF .share_btn__9IJpe,\n .root_grey__eKz_h .share_btn__9IJpe {\n color: #cad3f5;\n background-color: #5b6078;\n border: #5b6078;\n }\n .root_earth__3sDLo .share_btn__9IJpe span,\n .root_dark__oGh5X .share_btn__9IJpe span,\n .root_auto__Xg3qF .share_btn__9IJpe span,\n .root_grey__eKz_h .share_btn__9IJpe span {\n color: #cad3f5;\n }\n .root_earth__3sDLo .footer_socialWrapper__R1iSQ *:hover,\n .root_dark__oGh5X .footer_socialWrapper__R1iSQ *:hover,\n .root_auto__Xg3qF .footer_socialWrapper__R1iSQ *:hover,\n .root_grey__eKz_h .footer_socialWrapper__R1iSQ *:hover,\n .root_earth__3sDLo .footer_link__TA4rr:hover,\n .root_dark__oGh5X .footer_link__TA4rr:hover,\n .root_auto__Xg3qF .footer_link__TA4rr:hover,\n .root_grey__eKz_h .footer_link__TA4rr:hover {\n color: #b7bdf8;\n }\n .root_earth__3sDLo .list_wrapper__TYM2l,\n .root_dark__oGh5X .list_wrapper__TYM2l,\n .root_auto__Xg3qF .list_wrapper__TYM2l,\n .root_grey__eKz_h .list_wrapper__TYM2l,\n .root_earth__3sDLo .input_wrapper__aeypb,\n .root_dark__oGh5X .input_wrapper__aeypb,\n .root_auto__Xg3qF .input_wrapper__aeypb,\n .root_grey__eKz_h .input_wrapper__aeypb {\n background-color: #494d64;\n color: #cad3f5;\n }\n .root_earth__3sDLo .input_wrapper__aeypb *,\n .root_dark__oGh5X .input_wrapper__aeypb *,\n .root_auto__Xg3qF .input_wrapper__aeypb *,\n .root_grey__eKz_h .input_wrapper__aeypb * {\n color: #cad3f5;\n }\n .root_earth__3sDLo .list_item_VVizU:hover,\n .root_dark__oGh5X .list_item_VVizU:hover,\n .root_auto__Xg3qF .list_item_VVizU:hover,\n .root_grey__eKz_h .list_item_VVizU:hover {\n background-color: #5b6078 !important;\n }\n .root_earth__3sDLo .search_header__gqnk7.search_article__L3Khv,\n .root_dark__oGh5X .search_header__gqnk7.search_article__L3Khv,\n .root_auto__Xg3qF .search_header__gqnk7.search_article__L3Khv,\n .root_grey__eKz_h .search_header__gqnk7.search_article__L3Khv {\n background: transparent;\n }\n .root_earth__3sDLo .item_item__jj0Ue,\n .root_dark__oGh5X .item_item__jj0Ue,\n .root_auto__Xg3qF .item_item__jj0Ue,\n .root_grey__eKz_h .item_item__jj0Ue {\n color: #cad3f5;\n }\n .root_earth__3sDLo .item_item__jj0Ue:hover,\n .root_dark__oGh5X .item_item__jj0Ue:hover,\n .root_auto__Xg3qF .item_item__jj0Ue:hover,\n .root_grey__eKz_h .item_item__jj0Ue:hover {\n background-color: #5b6078 !important;\n border-color: #b7bdf8;\n }\n .root_earth__3sDLo .modal_header__t094_,\n .root_dark__oGh5X .modal_header__t094_,\n .root_auto__Xg3qF .modal_header__t094_,\n .root_grey__eKz_h .modal_header__t094_ {\n border-color: #494d64;\n color: #cad3f5;\n }\n .root_earth__3sDLo .list_item__VVizU.list_active__ahAYX,\n .root_dark__oGh5X .list_item__VVizU.list_active__ahAYX,\n .root_auto__Xg3qF .list_item__VVizU.list_active__ahAYX,\n .root_grey__eKz_h .list_item__VVizU.list_active__ahAYX,\n .root_earth__3sDLo .list_item__VVizU:hover,\n .root_dark__oGh5X .list_item__VVizU:hover,\n .root_auto__Xg3qF .list_item__VVizU:hover,\n .root_grey__eKz_h .list_item__VVizU:hover {\n background-color: #5b6078;\n }\n .root_earth__3sDLo .button_btn__ln0Hv,\n .root_dark__oGh5X .button_btn__ln0Hv,\n .root_auto__Xg3qF .button_btn__ln0Hv,\n .root_grey__eKz_h .button_btn__ln0Hv {\n color: #b7bdf8;\n background-color: #363a4f;\n }\n .root_earth__3sDLo .navbarMobile_footer__y5Kwi.navbarMobile_dark__eIcxf .navbarMobile_icons__tirr9,\n .root_dark__oGh5X .navbarMobile_footer__y5Kwi.navbarMobile_dark__eIcxf .navbarMobile_icons__tirr9,\n .root_auto__Xg3qF .navbarMobile_footer__y5Kwi.navbarMobile_dark__eIcxf .navbarMobile_icons__tirr9,\n .root_grey__eKz_h .navbarMobile_footer__y5Kwi.navbarMobile_dark__eIcxf .navbarMobile_icons__tirr9,\n .root_earth__3sDLo .navbarMobile_footer__y5Kwi.navbarMobile_dark__eIcxf .navbarMobile_toc__iPfvP,\n .root_dark__oGh5X .navbarMobile_footer__y5Kwi.navbarMobile_dark__eIcxf .navbarMobile_toc__iPfvP,\n .root_auto__Xg3qF .navbarMobile_footer__y5Kwi.navbarMobile_dark__eIcxf .navbarMobile_toc__iPfvP,\n .root_grey__eKz_h .navbarMobile_footer__y5Kwi.navbarMobile_dark__eIcxf .navbarMobile_toc__iPfvP,\n .root_earth__3sDLo .navbarMobile_footer__y5Kwi.navbarMobile_grey__5dmnP .navbarMobile_icons__tirr9,\n .root_dark__oGh5X .navbarMobile_footer__y5Kwi.navbarMobile_grey__5dmnP .navbarMobile_icons__tirr9,\n .root_auto__Xg3qF .navbarMobile_footer__y5Kwi.navbarMobile_grey__5dmnP .navbarMobile_icons__tirr9,\n .root_grey__eKz_h .navbarMobile_footer__y5Kwi.navbarMobile_grey__5dmnP .navbarMobile_icons__tirr9,\n .root_earth__3sDLo .navbarMobile_footer__y5Kwi.navbarMobile_grey__5dmnP .navbarMobile_toc__iPfvP,\n .root_dark__oGh5X .navbarMobile_footer__y5Kwi.navbarMobile_grey__5dmnP .navbarMobile_toc__iPfvP,\n .root_auto__Xg3qF .navbarMobile_footer__y5Kwi.navbarMobile_grey__5dmnP .navbarMobile_toc__iPfvP,\n .root_grey__eKz_h .navbarMobile_footer__y5Kwi.navbarMobile_grey__5dmnP .navbarMobile_toc__iPfvP {\n background-color: #494d64;\n color: #cad3f5;\n }\n .root_earth__3sDLo .tooltip_tooltip_QQr79.tooltip_dark_ZWBHd,\n .root_dark__oGh5X .tooltip_tooltip_QQr79.tooltip_dark_ZWBHd,\n .root_auto__Xg3qF .tooltip_tooltip_QQr79.tooltip_dark_ZWBHd,\n .root_grey__eKz_h .tooltip_tooltip_QQr79.tooltip_dark_ZWBHd,\n .root_earth__3sDLo .tooltip_tooltip_QQr79.tooltip_dark_ZWBHd > * > *,\n .root_dark__oGh5X .tooltip_tooltip_QQr79.tooltip_dark_ZWBHd > * > *,\n .root_auto__Xg3qF .tooltip_tooltip_QQr79.tooltip_dark_ZWBHd > * > *,\n .root_grey__eKz_h .tooltip_tooltip_QQr79.tooltip_dark_ZWBHd > * > * {\n background-color: #181926 !important;\n }\n .root_earth__3sDLo .dropdown_item__yrn67:hover,\n .root_dark__oGh5X .dropdown_item__yrn67:hover,\n .root_auto__Xg3qF .dropdown_item__yrn67:hover,\n .root_grey__eKz_h .dropdown_item__yrn67:hover {\n background-color: #5b6078;\n color: #b7bdf8;\n border-color: #b7bdf8 !important;\n }\n .root_earth__3sDLo .audio_dot__jeWOr.audio_active__li6PM,\n .root_dark__oGh5X .audio_dot__jeWOr.audio_active__li6PM,\n .root_auto__Xg3qF .audio_dot__jeWOr.audio_active__li6PM,\n .root_grey__eKz_h .audio_dot__jeWOr.audio_active__li6PM {\n background-color: #b7bdf8;\n }\n .root_earth__3sDLo .audio_dot__jeWOr,\n .root_dark__oGh5X .audio_dot__jeWOr,\n .root_auto__Xg3qF .audio_dot__jeWOr,\n .root_grey__eKz_h .audio_dot__jeWOr {\n background-color: #5b6078;\n box-shadow: 6.666px 0 0 0px #5b6078;\n border-radius: 0px;\n border: 1px solid #5b6078 !important;\n }\n .root_earth__3sDLo .gallery_icon__7LOBi,\n .root_dark__oGh5X .gallery_icon__7LOBi,\n .root_auto__Xg3qF .gallery_icon__7LOBi,\n .root_grey__eKz_h .gallery_icon__7LOBi {\n background-color: #5b6078;\n color: #b8c0e0;\n }\n .root_earth__3sDLo .gallery_disable__1QuKw,\n .root_dark__oGh5X .gallery_disable__1QuKw,\n .root_auto__Xg3qF .gallery_disable__1QuKw,\n .root_grey__eKz_h .gallery_disable__1QuKw {\n background-color: #363a4f;\n }\n .root_earth__3sDLo .gallery_icon__7LOBi:hover,\n .root_dark__oGh5X .gallery_icon__7LOBi:hover,\n .root_auto__Xg3qF .gallery_icon__7LOBi:hover,\n .root_grey__eKz_h .gallery_icon__7LOBi:hover {\n background-color: #6e738d;\n color: #b7bdf8;\n }\n .root_earth__3sDLo .gallery_nav__BEeM3,\n .root_dark__oGh5X .gallery_nav__BEeM3,\n .root_auto__Xg3qF .gallery_nav__BEeM3,\n .root_grey__eKz_h .gallery_nav__BEeM3 {\n background-color: #24273a;\n }\n .root_earth__3sDLo .image_wrapper__Dq3Jq,\n .root_dark__oGh5X .image_wrapper__Dq3Jq,\n .root_auto__Xg3qF .image_wrapper__Dq3Jq,\n .root_grey__eKz_h .image_wrapper__Dq3Jq {\n background-color: #181926;\n }\n .root_earth__3sDLo .stage_caption__BvSjQ,\n .root_dark__oGh5X .stage_caption__BvSjQ,\n .root_auto__Xg3qF .stage_caption__BvSjQ,\n .root_grey__eKz_h .stage_caption__BvSjQ {\n color: #a5adcb;\n }\n .root_earth__3sDLo .gallery_wrapper__1a7bM,\n .root_dark__oGh5X .gallery_wrapper__1a7bM,\n .root_auto__Xg3qF .gallery_wrapper__1a7bM,\n .root_grey__eKz_h .gallery_wrapper__1a7bM,\n .root_earth__3sDLo .thumbnails_wrapper__1Q5be,\n .root_dark__oGh5X .thumbnails_wrapper__1Q5be,\n .root_auto__Xg3qF .thumbnails_wrapper__1Q5be,\n .root_grey__eKz_h .thumbnails_wrapper__1Q5be {\n background-color: #1e2030 !important;\n }\n .root_earth__3sDLo .thumbnails_thumbnail__H4tNf,\n .root_dark__oGh5X .thumbnails_thumbnail__H4tNf,\n .root_auto__Xg3qF .thumbnails_thumbnail__H4tNf,\n .root_grey__eKz_h .thumbnails_thumbnail__H4tNf {\n background-color: #fafafa;\n border-radius: 4px;\n padding: 4px;\n }\n .root_earth__3sDLo .list_loading__j43_R,\n .root_dark__oGh5X .list_loading__j43_R,\n .root_auto__Xg3qF .list_loading__j43_R,\n .root_grey__eKz_h .list_loading__j43_R {\n color: #b7bdf8;\n }\n .root_earth__3sDLo .info_wrapper__HpdJH,\n .root_dark__oGh5X .info_wrapper__HpdJH,\n .root_auto__Xg3qF .info_wrapper__HpdJH,\n .root_grey__eKz_h .info_wrapper__HpdJH,\n .root_earth__3sDLo .info_arrow__ehjUI,\n .root_dark__oGh5X .info_arrow__ehjUI,\n .root_auto__Xg3qF .info_arrow__ehjUI,\n .root_grey__eKz_h .info_arrow__ehjUI {\n background-color: #494d64;\n border-color: #494d64;\n }\n .root_earth__3sDLo .info_wrapper__HpdJH::after,\n .root_dark__oGh5X .info_wrapper__HpdJH::after,\n .root_auto__Xg3qF .info_wrapper__HpdJH::after,\n .root_grey__eKz_h .info_wrapper__HpdJH::after {\n background: linear-gradient(180deg, hsla(0, 0%, 98%, 0), #494d64 90%);\n }\n .root_earth__3sDLo .list_item__VVizU.list_active__ahAYX,\n .root_dark__oGh5X .list_item__VVizU.list_active__ahAYX,\n .root_auto__Xg3qF .list_item__VVizU.list_active__ahAYX,\n .root_grey__eKz_h .list_item__VVizU.list_active__ahAYX {\n color: #b7bdf8;\n }\n .root_earth__3sDLo .item_star__arENF,\n .root_dark__oGh5X .item_star__arENF,\n .root_auto__Xg3qF .item_star__arENF,\n .root_grey__eKz_h .item_star__arENF {\n color: #b8c0e0;\n }\n .root_earth__3sDLo .item_star__arENF.item_active__4kaIV,\n .root_dark__oGh5X .item_star__arENF.item_active__4kaIV,\n .root_auto__Xg3qF .item_star__arENF.item_active__4kaIV,\n .root_grey__eKz_h .item_star__arENF.item_active__4kaIV {\n color: #eed49f;\n }\n .root_earth__3sDLo .action_action___vLQg.action_remove__z6g_k,\n .root_dark__oGh5X .action_action___vLQg.action_remove__z6g_k,\n .root_auto__Xg3qF .action_action___vLQg.action_remove__z6g_k,\n .root_grey__eKz_h .action_action___vLQg.action_remove__z6g_k {\n color: #cad3f5;\n }\n .root_earth__3sDLo .action_action___vLQg:not(.action_limit__u0EDs):hover.action_remove__z6g_k,\n .root_dark__oGh5X .action_action___vLQg:not(.action_limit__u0EDs):hover.action_remove__z6g_k,\n .root_auto__Xg3qF .action_action___vLQg:not(.action_limit__u0EDs):hover.action_remove__z6g_k,\n .root_grey__eKz_h .action_action___vLQg:not(.action_limit__u0EDs):hover.action_remove__z6g_k {\n color: #b7bdf8;\n }\n .root_earth__3sDLo .item_remove__f1A5k,\n .root_dark__oGh5X .item_remove__f1A5k,\n .root_auto__Xg3qF .item_remove__f1A5k,\n .root_grey__eKz_h .item_remove__f1A5k {\n background-color: #494d64;\n }\n .root_earth__3sDLo .item_remove__f1A5k span,\n .root_dark__oGh5X .item_remove__f1A5k span,\n .root_auto__Xg3qF .item_remove__f1A5k span,\n .root_grey__eKz_h .item_remove__f1A5k span,\n .root_earth__3sDLo .item_remove__f1A5k svg,\n .root_dark__oGh5X .item_remove__f1A5k svg,\n .root_auto__Xg3qF .item_remove__f1A5k svg,\n .root_grey__eKz_h .item_remove__f1A5k svg {\n color: #ed8796;\n }\n .root_earth__3sDLo caption,\n .root_dark__oGh5X caption,\n .root_auto__Xg3qF caption,\n .root_grey__eKz_h caption {\n background-color: #363a4f !important;\n border-color: #363a4f !important;\n }\n .root_earth__3sDLo .summary_wordtuneWrapper__21QxG > img:nth-child(2),\n .root_dark__oGh5X .summary_wordtuneWrapper__21QxG > img:nth-child(2),\n .root_auto__Xg3qF .summary_wordtuneWrapper__21QxG > img:nth-child(2),\n .root_grey__eKz_h .summary_wordtuneWrapper__21QxG > img:nth-child(2) {\n background-color: #b7bdf8;\n }\n .root_earth__3sDLo code > a,\n .root_dark__oGh5X code > a,\n .root_auto__Xg3qF code > a,\n .root_grey__eKz_h code > a {\n color: #b7bdf8 !important;\n }\n .root_earth__3sDLo table *,\n .root_dark__oGh5X table *,\n .root_auto__Xg3qF table *,\n .root_grey__eKz_h table * {\n background-color: #363a4f !important;\n color: #cad3f5 !important;\n border-color: #5b6078 !important;\n }\n .root_earth__3sDLo table,\n .root_dark__oGh5X table,\n .root_auto__Xg3qF table,\n .root_grey__eKz_h table {\n background-color: #363a4f !important;\n border: none !important;\n }\n .root_earth__3sDLo a.wl,\n .root_dark__oGh5X a.wl,\n .root_auto__Xg3qF a.wl,\n .root_grey__eKz_h a.wl {\n color: #b7bdf8 !important;\n }\n .root_earth__3sDLo .summary_footer__Lk6z7 > span:nth-child(1),\n .root_dark__oGh5X .summary_footer__Lk6z7 > span:nth-child(1),\n .root_auto__Xg3qF .summary_footer__Lk6z7 > span:nth-child(1),\n .root_grey__eKz_h .summary_footer__Lk6z7 > span:nth-child(1),\n .root_earth__3sDLo svg.icon_icon__0vohI,\n .root_dark__oGh5X svg.icon_icon__0vohI,\n .root_auto__Xg3qF svg.icon_icon__0vohI,\n .root_grey__eKz_h svg.icon_icon__0vohI,\n .root_earth__3sDLo .icon_icon__0vohI.input_icon__He3sV,\n .root_dark__oGh5X .icon_icon__0vohI.input_icon__He3sV,\n .root_auto__Xg3qF .icon_icon__0vohI.input_icon__He3sV,\n .root_grey__eKz_h .icon_icon__0vohI.input_icon__He3sV,\n .root_earth__3sDLo svg.icon_icon__0vohI:nth-child(2) > use:nth-child(1),\n .root_dark__oGh5X svg.icon_icon__0vohI:nth-child(2) > use:nth-child(1),\n .root_auto__Xg3qF svg.icon_icon__0vohI:nth-child(2) > use:nth-child(1),\n .root_grey__eKz_h svg.icon_icon__0vohI:nth-child(2) > use:nth-child(1) {\n color: #b7bdf8;\n fill: #b7bdf8;\n }\n .root_earth__3sDLo .wikitable tr::before,\n .root_dark__oGh5X .wikitable tr::before,\n .root_auto__Xg3qF .wikitable tr::before,\n .root_grey__eKz_h .wikitable tr::before {\n background-color: #363a4f !important;\n border-color: #5b6078 !important;\n }",
"start": 950,
"domains": [
"wikiwand.com"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name Wikiwand Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/wikiwand\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/wikiwand\n@version 1.2.0\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/wikiwand/catppuccin.user.css\n@description Soothing pastel theme for Wikiwand\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"wikiwand.com\") {\n\n .root_light__Inhun {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n .root_earth__3sDLo,\n .root_dark__oGh5X,\n .root_auto__Xg3qF,\n .root_grey__eKz_h {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n }\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n }\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n }\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n }\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n & {\n --color-bg: @base;\n --color-text: @text;\n --color-grey: @subtext0;\n --color-table: @surface0;\n --color-table-border: @surface0;\n --color-link: @accent-Color;\n --toc-bg: @mantle;\n --toc-text: @text;\n --toc-border: @crust;\n --tag-bg: @surface0;\n --tag-text: @overlay1;\n --navbar-bg: @crust;\n --navbar-border: @mantle;\n --navbar-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2),\n 0px 5px 10px rgba(0, 0, 0, 0.3);\n }\n .popover_arrow__pQSsX::before {\n background-color: @surface1;\n border: 1px solid @surface2;\n }\n *[class*=\"dropdown_item\"] {\n color: @text;\n }\n .popover_popover__jgyGp {\n background-color: @surface1;\n border: 1px solid @surface2;\n border-radius: 0.625em;\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.1);\n }\n .draggable_wrapper__YB014 {\n background-color: @surface1;\n border: 1px solid @surface0;\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.3);\n color: @text;\n }\n .checkbox_checkbox__uXwIZ {\n width: 1.125em;\n height: 1.125em;\n border-radius: 0.125em;\n border: 1px solid @surface1;\n background-color: @surface2;\n position: relative;\n }\n .checkbox_checkbox__uXwIZ::before {\n background-color: @accent-Color;\n }\n svg.audio_icon__eZ5Bx {\n color: @text;\n }\n .checkbox_label__V5gon,\n .audio_select__kmOPL {\n color: @subtext0 !important;\n }\n .draggable_header__bfxdq {\n border: 1px solid @surface1 !important;\n }\n .footer_donation__Cje_Q {\n display: none !important;\n }\n .dropdown_content__4NAxl {\n background-color: @surface1;\n border: 1px solid @surface2;\n }\n p.settings_setLabel__NrVBx:nth-child(3),\n article.settings_section__vRaq_:nth-child(1) {\n color: @text;\n }\n .toggle_label__y7mDQ {\n color: @text;\n }\n .toggle_bg__Qn4Oc {\n background-color: @accent-Color;\n }\n .toggle_label__y7mDQ.toggle_active__l_k3F {\n color: @base;\n }\n .toggle_label__y7mDQ:not(.toggle_active__l_k3F):hover {\n color: @accent-Color;\n }\n .themeBtn_wrapper__KTkHk.themeBtn_active__4gb_I,\n .themeBtn_wrapper__KTkHk:hover {\n color: @accent-Color;\n }\n .themeBtn_label__GyvdH {\n color: @subtext1;\n }\n .toggle_toggle__jzkKG {\n background-color: @surface2;\n }\n .settings_reset__GO2x4 {\n border-top: 1px solid @surface2;\n }\n .settings_resetBtn__3yLrG {\n color: @text;\n }\n .settings_resetBtn__3yLrG:not(.settings_disabled__7X7Nu):hover {\n color: @red;\n }\n .themeBtn_label__GyvdH span {\n background-color: @surface2;\n border: 1px solid @surface2;\n }\n .themeBtn_wrapper__KTkHk.themeBtn_active__4gb_I .themeBtn_demoWrapper__fdi7G {\n border: 1px solid @accent-Color !important;\n }\n div.themeBtn_wrapper__KTkHk:nth-child(3) > p:nth-child(2) > span:nth-child(1)::before {\n background-color: @accent-Color;\n }\n .item_item__uLhiz.item_active__4kaIV {\n color: @accent-Color;\n }\n .item_item__uLhiz.item_active__4kaIV,\n .item_item__uLhiz:hover {\n background-color: @surface2;\n }\n .languages_wrapper__1Ad3R {\n color: @subtext1;\n }\n .input_input__uGeT_ {\n color: @text;\n background-color: @overlay0;\n border-radius: 4px;\n }\n .input_wrapper__aeypb {\n border: none !important;\n }\n .action_action___vLQg {\n color: @accent-Color;\n }\n .share_btn__9IJpe {\n color: @text;\n background-color: @surface2;\n border: @surface2;\n }\n .share_btn__9IJpe span {\n color: @text;\n }\n .footer_socialWrapper__R1iSQ *:hover,\n .footer_link__TA4rr:hover {\n color: @accent-Color;\n }\n .list_wrapper__TYM2l,\n .input_wrapper__aeypb {\n background-color: @surface1;\n color: @text;\n }\n .input_wrapper__aeypb * {\n color: @text;\n }\n .list_item_VVizU:hover {\n background-color: @surface2 !important;\n }\n .search_header__gqnk7.search_article__L3Khv {\n background: transparent;\n }\n .item_item__jj0Ue {\n color: @text;\n }\n .item_item__jj0Ue:hover {\n background-color: @surface2 !important;\n border-color: @accent-Color;\n }\n .modal_header__t094_ {\n border-color: @surface1;\n color: @text;\n }\n .list_item__VVizU.list_active__ahAYX,\n .list_item__VVizU:hover {\n background-color: @surface2;\n }\n .button_btn__ln0Hv {\n color: @accent-Color;\n background-color: @surface0;\n }\n\n .navbarMobile_footer__y5Kwi.navbarMobile_dark__eIcxf .navbarMobile_icons__tirr9,\n .navbarMobile_footer__y5Kwi.navbarMobile_dark__eIcxf .navbarMobile_toc__iPfvP,\n .navbarMobile_footer__y5Kwi.navbarMobile_grey__5dmnP .navbarMobile_icons__tirr9,\n .navbarMobile_footer__y5Kwi.navbarMobile_grey__5dmnP .navbarMobile_toc__iPfvP {\n background-color: @surface1;\n color: @text;\n }\n .tooltip_tooltip_QQr79.tooltip_dark_ZWBHd,\n .tooltip_tooltip_QQr79.tooltip_dark_ZWBHd > * > * {\n background-color: @crust !important;\n }\n .dropdown_item__yrn67:hover {\n background-color: @surface2;\n color: @accent-Color;\n border-color: @accent-Color !important;\n }\n .audio_dot__jeWOr.audio_active__li6PM {\n background-color: @accent-Color;\n }\n .audio_dot__jeWOr {\n background-color: @surface2;\n box-shadow: 6.666px 0 0 0px @surface2;\n border-radius: 0px;\n border: 1px solid @surface2 !important;\n }\n .gallery_icon__7LOBi {\n background-color: @surface2;\n color: @subtext1;\n }\n .gallery_disable__1QuKw {\n background-color: @surface0;\n }\n .gallery_icon__7LOBi:hover {\n background-color: @overlay0;\n color: @accent-Color;\n }\n .gallery_nav__BEeM3 {\n background-color: @base;\n }\n .image_wrapper__Dq3Jq {\n background-color: @crust;\n }\n .stage_caption__BvSjQ {\n color: @subtext0;\n }\n .gallery_wrapper__1a7bM,\n .thumbnails_wrapper__1Q5be {\n background-color: @mantle !important;\n }\n .thumbnails_thumbnail__H4tNf {\n background-color: #fafafa;\n border-radius: 4px;\n padding: 4px;\n }\n\n .list_loading__j43_R {\n color: @accent-Color;\n }\n .info_wrapper__HpdJH,\n .info_arrow__ehjUI {\n background-color: @surface1;\n border-color: @surface1;\n }\n\n .info_wrapper__HpdJH::after {\n background: linear-gradient( 180deg,\n hsla(0, 0%, 98%, 0),\n @surface1 90%);\n }\n .list_item__VVizU.list_active__ahAYX {\n color: @accent-Color;\n }\n .item_star__arENF {\n color: @subtext1;\n }\n .item_star__arENF.item_active__4kaIV {\n color: @yellow;\n }\n .action_action___vLQg.action_remove__z6g_k {\n color: @text;\n }\n .action_action___vLQg:not(.action_limit__u0EDs):hover.action_remove__z6g_k {\n color: @accent-Color;\n }\n .item_remove__f1A5k {\n background-color: @surface1;\n }\n .item_remove__f1A5k span,\n .item_remove__f1A5k svg {\n color: @red;\n }\n caption {\n background-color: @surface0 !important;\n border-color: @surface0 !important;\n }\n .summary_wordtuneWrapper__21QxG > img:nth-child(2) {\n background-color: @accent-Color;\n }\n code > a {\n color: @accent-Color !important;\n }\n table * {\n background-color: @surface0 !important;\n color: @text !important;\n border-color: @surface2 !important;\n }\n table {\n background-color: @surface0 !important;\n border: none !important;\n }\n a.wl {\n color: @accent-Color !important;\n }\n .summary_footer__Lk6z7 > span:nth-child(1),\n svg.icon_icon__0vohI,\n .icon_icon__0vohI.input_icon__He3sV,\n svg.icon_icon__0vohI:nth-child(2) > use:nth-child(1) {\n color: @accent-Color;\n fill: @accent-Color;\n }\n .wikitable tr::before {\n background-color: @surface0 !important;\n border-color: @surface2 !important;\n }\n }\n}\n",
"usercssData": {
"name": "Wikiwand Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/wikiwand",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/wikiwand",
"version": "1.2.0",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/wikiwand/catppuccin.user.css",
"description": "Soothing pastel theme for Wikiwand",
"author": "Catppuccin",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": "macchiato",
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": "lavender",
"default": "red",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Wikiwand",
"name": "Wikiwand Catppuccin",
"originalDigest": "525ec86e524391c34a17d621f26ad4ff2f3ba95b",
"_id": "2b505832-cc5a-4902-bf4f-e868b4dab84d",
"_rev": 1690105930236,
"id": 42,
"etag": "W/\"911c9a35b929124df85cde8898aad93c5cc477022a21c3ae8266df69f2762a47\""
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/reddit/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/reddit",
"installDate": 1690105972974,
"sections": [
{
"code": "/* ==UserStyle==\n@name Reddit Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/reddit\n@homepageURL\thttps://github.com/catppuccin/userstyles/tree/main/styles/reddit\n@version 2.0.0\n@description Soothing pastel theme for Reddit\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/reddit/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent Color\" [ \"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": ":root:not(.theme-dark) .theme-rpl,\n :root:not(.theme-dark).theme-rpl,\n :root:not(.theme-dark) .theme-beta,\n :root:not(.theme-dark).theme-beta,\n .theme-light {\n /* BETA */\n --color-pizzaRed: #ed8796;\n --color-global-brand-orangered: #f5a97f;\n --color-global-focus: #494d64;\n --color-interactive-content-disabled: #a5adcb;\n --color-interactive-background-disabled: #a5adcb;\n --color-interactive-pressed: #9fa7c7;\n --color-neutral-content: #cad3f5;\n --color-neutral-content-disabled: #a5adcb;\n --color-neutral-content-weak: #a5adcb;\n --color-neutral-content-strong: #cad3f5;\n --color-global-white: #cad3f5;\n --color-neutral-background: #24273a;\n --color-neutral-background-selected: #363a4f;\n --color-neutral-background-weak: #1e2030;\n --color-neutral-background-medium: #24273a;\n --color-neutral-background-strong: #1e2030;\n --color-neutral-background-hover: #363a4f;\n --color-neutral-border: #363a4f;\n --color-neutral-border-medium: #363a4f;\n --color-neutral-border-weak: #363a4f;\n --color-neutral-border-strong: #5b6078;\n --color-primary: #b7bdf8;\n --color-primary-hover: #e5e8fd;\n --color-primary-visited: #b7bdf8;\n --color-primary-background: #24273a;\n --color-primary-background-hover: #363a4f;\n --color-primary-background-selected: #363a4f;\n --color-primary-onBackground: #cad3f5;\n --color-primary-onBackground-selected: #181926;\n --color-secondary: #a5adcb;\n --color-secondary-hover: #b8c0e0;\n --color-secondary-weak: #a5adcb;\n --color-secondary-onBackground: #cad3f5;\n --color-secondary-background: #1e2030;\n --color-secondary-background-hover: #1a1c2a;\n --color-secondary-background-selected: #1a1c2a;\n --color-secondary-plain: #a5adcb;\n --color-secondary-plain-hover: #b8c0e0;\n --color-danger-background: #ed8796;\n --color-danger-background-disabled: rgba(237, 135, 150, 0.2);\n --color-danger-background-hover: rgba(237, 135, 150, 0.98);\n --color-danger-onBackground: #cad3f5;\n --color-danger-content: #ed8796;\n --color-danger-content-hover: #ec7e8e;\n --color-success-content: #a6da95;\n --color-success-hover: #a0d78d;\n --color-success-onBackground: #cad3f5;\n --color-success-background: #a6da95;\n --color-success-background-hover: #a0d78d;\n --color-warning-content: #eed49f;\n --color-warning-content-hover: #ecd096;\n --color-warning-onBackground: #24273a;\n --color-warning-background: #eed49f;\n --color-warning-background-hover: #ecd096;\n --color-upvote-content: #b7bdf8;\n --color-upvote-disabled: #a5adcb;\n --color-upvote-onBackground: #cad3f5;\n --color-upvote-background: #24273a;\n --color-upvote-background-hover: #24273a;\n --color-upvote-background-disabled: #24273a;\n --color-downvote-content: #cad3f5;\n --color-downvote-content-weak: #cad3f5;\n --color-downvote-disabled: #a5adcb;\n --color-downvote-onBackground: #cad3f5;\n --color-downvote-background: #24273a;\n --color-downvote-background-hover: #24273a;\n --color-downvote-background-disabled: @;\n --color-tone-1: #cad3f5;\n --color-tone-2: #a5adcb;\n --color-tone-3: #939ab7;\n --color-tone-4: #363a4f;\n --color-tone-5: #494d64;\n --color-tone-6: #5b6078;\n --color-tone-7: #24273a;\n --color-avatar-gradient: #b7bdf8;\n --color-transparent-background-hover: rgba(54, 58, 79, 0.3);\n --color-opacity-50: rgba(36, 39, 58, 0.5);\n --color-online: #b7bdf8;\n --color-favorite: #b7bdf8;\n --color-brand-background: #b7bdf8;\n --color-brand-background-hover: #b7bdf8;\n /* normal stuff */\n /* reddit chat variables */\n /* site background */\n /* PROFILE MENU */\n /* karma count */\n /* profile button karma icon */\n /* menu headers */\n /* switches, should also apply sitewide */\n /* online status */\n /* PROFILE PAGE */\n /* create avatar button */\n /* cake day and followers icon */\n /* add social links button readability tweak */\n /* profile moderation and user settings page */\n /* Beta Badge */\n /* Delete Account */\n /* Delete Account Icon */\n /* blocked, muted input */\n /* fixes profile posts not being themed */\n /* NFT AVATAR VIEWER */\n /* modal background */\n /* mint status */\n /* carousel background */\n /* nft card back */\n /* external links */\n /* shop for avatars button */\n /* AVATAR CREATOR */\n /* SITE HEADER */\n /* reddit logo */\n /* notification icon */\n /* advertise button */\n /* reddit now notification */\n /* search scope pill text */\n /* search popup title */\n /* safe search toggle */\n /* NAVIGATION SIDEBAR */\n /* close icon */\n /* item color */\n /* navigation sidebar header color */\n /* favorites */\n /* RIGHT FRONTPAGE SIDEBAR */\n /* reddit premium icon */\n /* reddit premium try now button */\n /* recent posts thumbnail borders */\n /* POSTS */\n /* post background for card style */\n /* post options (save, comment, etc.) */\n /* post title color */\n /* \n * post op color and\n * post date color\n */\n /* nsfw flair */\n /* pinned post icon */\n /* give award icon */\n /* locked post icon */\n /* post button divider */\n /* UPVOTES/DOWNVOTES */\n /* upvote/downvote background */\n /* inactive vote text color */\n /* active upvote color */\n /* active upvote text color */\n /* hover background for both upvotes and downvotes */\n /* active downvote color */\n /* active downvote text color */\n /* REPORT MODAL */\n /* SUBREDDIT PAGES */\n /* radio buttons (flair selector, etc.) */\n /* checkboxes */\n /* SUBREDDIT RIGHT SIDEBAR (some styles carry over from the homepage right sidebar section) */\n /* header background */\n /* subreddit image background */\n /* border between uela */\n /* default subreddit icon */\n /* online users */\n /* POST VIEWER */\n /* spoiler tags */\n /* mod comment tag */\n /* op comment tag */\n /* post overlay if you have \"open in new tab\" disabled */\n /* fixes comment section background not working when \"open in new tab is disabled\" */\n /* shade applied to background when clicking on a post with \"open in new tab\" disabled */\n /* gold award gradient */\n /* image gallery next/previous buttons */\n /* image gallery image count */\n /* comment search bar */\n /* tab bar below banner */\n /* MULTIREDDITS/CUSTOM FEEDS */\n /* delete custom feed button */\n /* TOOLTIPS */\n }\n :root:not(.theme-dark) .theme-rpl #reddit-logo circle[fill=\"#FF4500\"],\n :root:not(.theme-dark).theme-rpl #reddit-logo circle[fill=\"#FF4500\"],\n :root:not(.theme-dark) .theme-beta #reddit-logo circle[fill=\"#FF4500\"],\n :root:not(.theme-dark).theme-beta #reddit-logo circle[fill=\"#FF4500\"],\n .theme-light #reddit-logo circle[fill=\"#FF4500\"] {\n fill: #b7bdf8 !important;\n }\n :root:not(.theme-dark) .theme-rpl #reddit-logo path[fill=\"#FFF\"],\n :root:not(.theme-dark).theme-rpl #reddit-logo path[fill=\"#FFF\"],\n :root:not(.theme-dark) .theme-beta #reddit-logo path[fill=\"#FFF\"],\n :root:not(.theme-dark).theme-beta #reddit-logo path[fill=\"#FFF\"],\n .theme-light #reddit-logo path[fill=\"#FFF\"] {\n fill: #181926 !important;\n }\n :root:not(.theme-dark) .theme-rpl,\n :root:not(.theme-dark).theme-rpl,\n :root:not(.theme-dark) .theme-beta,\n :root:not(.theme-dark).theme-beta,\n .theme-light,\n :root:not(.theme-dark) .theme-rpl div[class^=\"subredditvars\"],\n :root:not(.theme-dark).theme-rpl div[class^=\"subredditvars\"],\n :root:not(.theme-dark) .theme-beta div[class^=\"subredditvars\"],\n :root:not(.theme-dark).theme-beta div[class^=\"subredditvars\"],\n .theme-light div[class^=\"subredditvars\"] {\n --color-online: #a6da95 !important;\n --newCommunityTheme-actionIcon: #a5adcb !important;\n --newCommunityTheme-actionIconAlpha20: rgba(24, 25, 38, 0.8) !important;\n --newCommunityTheme-actionIconAlpha50: rgba(24, 25, 38, 0.8) !important;\n --newCommunityTheme-actionIconShaded80: #a5adcb !important;\n --newCommunityTheme-actionIconTinted80: #b8c0e0 !important;\n --newCommunityTheme-active: #b7bdf8 !important;\n --newCommunityTheme-activeAlpha10: rgba(24, 25, 38, 0.8) !important;\n --newCommunityTheme-activeAlpha20: rgba(24, 25, 38, 0.8) !important;\n --newCommunityTheme-activeAlpha50: rgba(24, 25, 38, 0.8) !important;\n --newCommunityTheme-activeLight60: #b7bdf8 !important;\n --newCommunityTheme-activeShaded80: #b7bdf8 !important;\n --newCommunityTheme-activeShaded90: #b7bdf8 !important;\n --newCommunityTheme-activeTinted05: #cad3f5 !important;\n --newCommunityTheme-banner-backgroundColor: #b7bdf8 !important;\n --newCommunityTheme-banner-iconColor: #b7bdf8 !important;\n --newCommunityTheme-body: #1e2030 !important;\n --newCommunityTheme-bodyAlpha50: #363a4f !important;\n --newCommunityTheme-bodyAlpha70: #494d64 !important;\n --newCommunityTheme-bodyAlpha80: #5b6078 !important;\n --newCommunityTheme-bodyFade: #a5adcb !important;\n --newCommunityTheme-bodyShaded80: #1e2030 !important;\n --newCommunityTheme-bodyText: #cad3f5 !important;\n --newCommunityTheme-bodyTextAlpha03: #1e2030 !important;\n --newCommunityTheme-bodyTextAlpha20: #494d64 !important;\n --newCommunityTheme-bodyTextShaded20: #363a4f !important;\n --newCommunityTheme-bodyTextTinted20: #a5adcb !important;\n --newCommunityTheme-bodyTinted50: #8087a2 !important;\n --newCommunityTheme-bodyTinted80: #6e738d !important;\n --newCommunityTheme-button: #cad3f5 !important;\n --newCommunityTheme-buttonAlpha05: rgba(24, 25, 38, 0.8) !important;\n --newCommunityTheme-buttonAlpha10: rgba(24, 25, 38, 0.8) !important;\n --newCommunityTheme-buttonAlpha20: rgba(24, 25, 38, 0.8) !important;\n --newCommunityTheme-buttonAlpha40: #a5adcb !important;\n --newCommunityTheme-buttonAlpha50: #b8c0e0 !important;\n --newCommunityTheme-buttonAlpha80: #b8c0e0 !important;\n --newCommunityTheme-buttonShaded80: #6e738d !important;\n --newCommunityTheme-buttonTinted20: #b7bdf8 !important;\n --newCommunityTheme-buttonTinted50: #b7bdf8 !important;\n --newCommunityTheme-buttonTinted80: #b7bdf8 !important;\n --newCommunityTheme-canvas: #181926 !important;\n --newCommunityTheme-checkbox: #cad3f5 !important;\n --newCommunityTheme-errorText: #ed8796 !important;\n --newCommunityTheme-field: #363a4f !important;\n --newCommunityTheme-fieldFade: rgba(73, 77, 100, 0.2) !important;\n --newCommunityTheme-flair: #b7bdf8 !important;\n --newCommunityTheme-highlight: #24273a !important;\n --newCommunityTheme-inactive: #a5adcb !important;\n --newCommunityTheme-lightText: #cad3f5 !important;\n --newCommunityTheme-lightTextAlpha75: #b8c0e0 !important;\n --newCommunityTheme-line: rgba(73, 77, 100, 0.2) !important;\n --newCommunityTheme-lineShaded80: rgba(73, 77, 100, 0.2) !important;\n --newCommunityTheme-lineShaded90: rgba(73, 77, 100, 0.2) !important;\n --newCommunityTheme-lineShadedNinety: rgba(73, 77, 100, 0.2) !important;\n --newCommunityTheme-linkText: #b7bdf8 !important;\n --newCommunityTheme-linkTextAlpha80: #b7bdf8 !important;\n --newCommunityTheme-linkTextShaded80: #b7bdf8 !important;\n --newCommunityTheme-linkTextTinted80: #b7bdf8 !important;\n --newCommunityTheme-linkTextWithBody: #b7bdf8 !important;\n --newCommunityTheme-menu: #1e2030 !important;\n --newCommunityTheme-menuActiveText: #cad3f5 !important;\n --newCommunityTheme-menuButtonBackground-active: #24273a !important;\n --newCommunityTheme-menuButtonBackground-focus: #24273a !important;\n --newCommunityTheme-menuButtonBackground-hover: #24273a !important;\n --newCommunityTheme-menuInactiveText: #cad3f5 !important;\n --newCommunityTheme-metaText: #a5adcb !important;\n --newCommunityTheme-metaTextAlpha50: #a5adcb !important;\n --newCommunityTheme-metaTextShaded80: #a5adcb !important;\n --newCommunityTheme-monospaceColor: #b7bdf8 !important;\n --newCommunityTheme-navBar-activeLink: #cad3f5 !important;\n --newCommunityTheme-navBar-activeSubmenuCaret: #cad3f5 !important;\n --newCommunityTheme-navBar-activeSubmenuLink: #cad3f5 !important;\n --newCommunityTheme-navBar-backgroundColor: #1e2030 !important;\n --newCommunityTheme-navBar-hoverLink: #cad3f5 !important;\n --newCommunityTheme-navBar-inactiveLink: #cad3f5 !important;\n --newCommunityTheme-navBar-inactiveSubmenuCaret: #cad3f5 !important;\n --newCommunityTheme-navBar-inactiveSubmenuLink: #cad3f5 !important;\n --newCommunityTheme-navBar-submenuBackgroundColor: #1e2030 !important;\n --newCommunityTheme-navIcon: #cad3f5 !important;\n /* upvote/downvote focus */\n --newCommunityTheme-navIconFaded10: rgba(24, 25, 38, 0.8) !important;\n --newCommunityTheme-nsfw: #ed8796 !important;\n --newCommunityTheme-nsfwBlocking-bgcolor: #181926 !important;\n --newCommunityTheme-nsfwBlocking-color: #cad3f5 !important;\n --newCommunityTheme-nsfwBlocking-contentTitleBgColor: #24273a !important;\n --newCommunityTheme-nsfwBlocking-mainCtaBgColor: #1e2030 !important;\n --newCommunityTheme-pageHeader: #5b6078 !important;\n --newCommunityTheme-placeholder: #363a4f !important;\n --newCommunityTheme-post: #1e2030 !important;\n --newCommunityTheme-postError: #ed8796 !important;\n --newCommunityTheme-postFlairText: #181926 !important;\n --newCommunityTheme-postIcon: #b7bdf8 !important;\n --newCommunityTheme-postLine: rgba(73, 77, 100, 0.2) !important;\n --newCommunityTheme-postLineShaded80: rgba(73, 77, 100, 0.2) !important;\n --newCommunityTheme-postLineShaded90: rgba(73, 77, 100, 0.2) !important;\n --newCommunityTheme-postTinted20: #24273a !important;\n --newCommunityTheme-postTransparent20: #24273a !important;\n --newCommunityTheme-primaryButtonShadedEighty: #8087a2 !important;\n --newCommunityTheme-primaryButtonTintedEighty: #8087a2 !important;\n --newCommunityTheme-primaryButtonTintedFifty: #6e738d !important;\n --newCommunityTheme-primaryButtonTintedSixty: #6e738d !important;\n --newCommunityTheme-quarantine: #eed49f !important;\n --newCommunityTheme-report: #494d64 !important;\n --newCommunityTheme-search-syntaxHighlightBackgroundColor: #b7bdf8 !important;\n --newCommunityTheme-search-syntaxHighlightColor: #24273a !important;\n --newCommunityTheme-titleText: #cad3f5 !important;\n --newCommunityTheme-upsell-appleIcon: #b8c0e0 !important;\n --newCommunityTheme-upsell-ssoButtonBorderColor: rgba(73, 77, 100, 0.2) !important;\n --newCommunityTheme-upsell-ssoButtonTextColor: #cad3f5 !important;\n --newCommunityTheme-voteText-base: #a5adcb !important;\n --newCommunityTheme-voteText-downvote: #8aadf4 !important;\n --newCommunityTheme-voteText-downvoteShaded80: #8aadf4 !important;\n --newCommunityTheme-voteText-downvoteTinted80: #8aadf4 !important;\n --newCommunityTheme-voteText-upvote: #ed8796 !important;\n --newCommunityTheme-voteText-upvoteShaded80: #ed8796 !important;\n --newCommunityTheme-voteText-upvoteTinted80: #ed8796 !important;\n --newCommunityTheme-widgetColors-appleIcon: #6e738d !important;\n --newCommunityTheme-widgetColors-lineColor: rgba(73, 77, 100, 0.2) !important;\n /* sidebar widgets */\n --newCommunityTheme-widgetColors-sidebarWidgetBackgroundColor: #1e2030 !important;\n --newCommunityTheme-widgetColors-sidebarWidgetBorderColor: rgba(73, 77, 100, 0.2) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetHeaderColor: #181926 !important;\n --newCommunityTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: #1e2030 !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTextColor: #cad3f5 !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTextColorShaded80: #b8c0e0 !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTitleColor: #cad3f5 !important;\n --newRedditTheme-actionIcon: #a5adcb !important;\n --newRedditTheme-actionIconAlpha20: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-actionIconAlpha50: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-actionIconShaded80: #a5adcb !important;\n --newRedditTheme-actionIconTinted80: #b8c0e0 !important;\n --newRedditTheme-active: #b7bdf8 !important;\n --newRedditTheme-activeAlpha10: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-activeAlpha20: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-activeAlpha50: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-activeLight60: #b7bdf8 !important;\n --newRedditTheme-activeShaded80: #b7bdf8 !important;\n --newRedditTheme-activeShaded90: #b7bdf8 !important;\n --newRedditTheme-activeTinted05: #cad3f5 !important;\n --newRedditTheme-banner-backgroundColor: #b7bdf8 !important;\n --newRedditTheme-banner-iconColor: #b7bdf8 !important;\n --newRedditTheme-body: #1e2030 !important;\n --newRedditTheme-bodyAlpha50: #363a4f !important;\n --newRedditTheme-bodyAlpha70: #494d64 !important;\n --newRedditTheme-bodyAlpha80: #5b6078 !important;\n --newRedditTheme-bodyFade: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-bodyShaded80: #1e2030 !important;\n --newRedditTheme-bodyText: #cad3f5 !important;\n --newRedditTheme-bodyTextAlpha03: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-bodyTextAlpha20: #494d64 !important;\n --newRedditTheme-bodyTextShaded20: #363a4f !important;\n --newRedditTheme-bodyTextTinted20: #b8c0e0 !important;\n --newRedditTheme-bodyTinted50: #6e738d !important;\n --newRedditTheme-bodyTinted80: #8087a2 !important;\n --newRedditTheme-button: #cad3f5 !important;\n --newRedditTheme-buttonAlpha05: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-buttonAlpha10: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-buttonAlpha20: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-buttonAlpha40: #a5adcb !important;\n --newRedditTheme-buttonAlpha50: #b8c0e0 !important;\n --newRedditTheme-buttonAlpha80: #b8c0e0 !important;\n --newRedditTheme-buttonShaded80: #6e738d !important;\n --newRedditTheme-buttonTinted20: #b7bdf8 !important;\n --newRedditTheme-buttonTinted50: #b7bdf8 !important;\n --newRedditTheme-buttonTinted80: #b7bdf8 !important;\n --newRedditTheme-canvas: #181926 !important;\n --newRedditTheme-checkbox: #cad3f5 !important;\n --newRedditTheme-errorText: #ed8796 !important;\n --newRedditTheme-field: #24273a !important;\n --newRedditTheme-fieldFade: #1e2030 !important;\n --newRedditTheme-flair: #b7bdf8 !important;\n /* controls menu, link, and other similar highlights. very important */\n --newRedditTheme-highlight: #24273a !important;\n --newRedditTheme-inactive: #363a4f !important;\n --newRedditTheme-lightText: #cad3f5 !important;\n --newRedditTheme-lightTextAlpha75: #b8c0e0 !important;\n --newRedditTheme-line: rgba(73, 77, 100, 0.2) !important;\n --newRedditTheme-lineShaded80: rgba(73, 77, 100, 0.2) !important;\n --newRedditTheme-lineShaded90: rgba(73, 77, 100, 0.2) !important;\n --newRedditTheme-lineShadedNinety: rgba(73, 77, 100, 0.2) !important;\n /* links */\n --newRedditTheme-linkText: #b7bdf8 !important;\n --newRedditTheme-linkTextAlpha80: #b7bdf8 !important;\n --newRedditTheme-linkTextShaded80: #b7bdf8 !important;\n --newRedditTheme-linkTextTinted80: #b7bdf8 !important;\n --newRedditTheme-linkTextWithBody: #b7bdf8 !important;\n /* menus */\n --newRedditTheme-menu: #1e2030 !important;\n --newRedditTheme-menuActiveText: #cad3f5 !important;\n --newRedditTheme-menuButtonBackground-active: #b7bdf8 !important;\n --newRedditTheme-menuButtonBackground-focus: #24273a !important;\n --newRedditTheme-menuButtonBackground-hover: #24273a !important;\n --newRedditTheme-menuInactiveText: #cad3f5 !important;\n --newRedditTheme-metaText: #a5adcb !important;\n --newRedditTheme-metaTextAlpha50: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-metaTextShaded80: #b8c0e0 !important;\n --newRedditTheme-monospaceColor: #b7bdf8 !important;\n --newRedditTheme-navBar-activeLink: #cad3f5 !important;\n --newRedditTheme-navBar-activeSubmenuCaret: #cad3f5 !important;\n --newRedditTheme-navBar-activeSubmenuLink: #cad3f5 !important;\n --newRedditTheme-navBar-backgroundColor: #1e2030 !important;\n --newRedditTheme-navBar-hoverLink: #cad3f5 !important;\n --newRedditTheme-navBar-inactiveLink: #cad3f5 !important;\n --newRedditTheme-navBar-inactiveSubmenuCaret: #cad3f5 !important;\n --newRedditTheme-navBar-inactiveSubmenuLink: #cad3f5 !important;\n --newRedditTheme-navBar-submenuBackgroundColor: #1e2030 !important;\n --newRedditTheme-navIcon: #cad3f5 !important;\n --newRedditTheme-navIconFaded10: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-nsfw: #ed8796 !important;\n --newRedditTheme-nsfwBlocking-bgcolor: #181926 !important;\n --newRedditTheme-nsfwBlocking-color: #cad3f5 !important;\n --newRedditTheme-nsfwBlocking-contentTitleBgColor: #24273a !important;\n --newRedditTheme-nsfwBlocking-mainCtaBgColor: #1e2030 !important;\n --newRedditTheme-pageHeader: #363a4f !important;\n --newRedditTheme-placeholder: #494d64 !important;\n --newRedditTheme-post: #1e2030 !important;\n --newRedditTheme-postError: #ed8796 !important;\n --newRedditTheme-postFlairText: #cad3f5 !important;\n --newRedditTheme-postIcon: #b7bdf8 !important;\n --newRedditTheme-postLine: rgba(73, 77, 100, 0.2) !important;\n --newRedditTheme-postLineShaded80: rgba(73, 77, 100, 0.2) !important;\n --newRedditTheme-postLineShaded90: rgba(73, 77, 100, 0.2) !important;\n --newRedditTheme-postTinted20: #24273a !important;\n --newRedditTheme-postTransparent20: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-primaryButtonShadedEighty: #494d64 !important;\n --newRedditTheme-primaryButtonTintedEighty: #5b6078 !important;\n --newRedditTheme-primaryButtonTintedFifty: #494d64 !important;\n --newRedditTheme-primaryButtonTintedSixty: #494d64 !important;\n --newRedditTheme-quarantine: #eed49f !important;\n --newRedditTheme-report: #24273a !important;\n --newRedditTheme-search-syntaxHighlightBackgroundColor: #b7bdf8 !important;\n --newRedditTheme-search-syntaxHighlightColor: #24273a !important;\n --newRedditTheme-titleText: #cad3f5 !important;\n --newRedditTheme-upsell-appleIcon: #6e738d !important;\n --newRedditTheme-upsell-ssoButtonBorderColor: #cad3f5 !important;\n --newRedditTheme-upsell-ssoButtonTextColor: #cad3f5 !important;\n --newRedditTheme-voteText-base: #b8c0e0 !important;\n --newRedditTheme-voteText-downvote: #8aadf4 !important;\n --newRedditTheme-voteText-downvoteShaded80: #8aadf4 !important;\n --newRedditTheme-voteText-downvoteTinted80: #8aadf4 !important;\n --newRedditTheme-voteText-upvote: #ed8796 !important;\n --newRedditTheme-voteText-upvoteShaded80: #ed8796 !important;\n --newRedditTheme-voteText-upvoteTinted80: #ed8796 !important;\n --newRedditTheme-widgetColors-appleIcon: #6e738d !important;\n --newRedditTheme-widgetColors-lineColor: rgba(73, 77, 100, 0.2) !important;\n --newRedditTheme-widgetColors-sidebarWidgetBackgroundColor: #1e2030 !important;\n --newRedditTheme-widgetColors-sidebarWidgetBorderColor: rgba(73, 77, 100, 0.2) !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColor: #181926 !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-widgetColors-sidebarWidgetTextColor: #cad3f5 !important;\n --newRedditTheme-widgetColors-sidebarWidgetTextColorShaded80: #b8c0e0 !important;\n --newRedditTheme-widgetColors-sidebarWidgetTitleColor: #cad3f5 !important;\n --tw-bg-opacity: #181926 !important;\n --vds-video-bg-color: #181926 !important;\n }\n :root:not(.theme-dark) .theme-rpl :root,\n :root:not(.theme-dark).theme-rpl :root,\n :root:not(.theme-dark) .theme-beta :root,\n :root:not(.theme-dark).theme-beta :root,\n .theme-light :root {\n --activity-button-chatFilterColor: #363a4f !important;\n --activity-button-newChatFilter-activeBg: #b7bdf8 !important;\n --activity-button-newChatFilter-activeText: #24273a !important;\n --activity-button-newChatFilter-defaultBorder: #494d64 !important;\n --activity-button-newChatFilter-defaultText: #cad3f5 !important;\n --activity-button-primary: #b7bdf8 !important;\n --activity-button-secondary: #cad3f5 !important;\n --activity-buttonPrimary-color: #b7bdf8 !important;\n --activity-buttonSecondary-active: #b7bdf8 !important;\n --activity-checkbox-checked: #b7bdf8 !important;\n --activity-checkbox-checkmark: #cad3f5 !important;\n --activity-checkbox-unchecked: #24273a !important;\n --activity-checkbox-uncheckedBorder: #494d64 !important;\n --activity-icon-active: #b7bdf8 !important;\n --activity-icon-contrast: #494d64 !important;\n --activity-icon-default: #a5adcb !important;\n --activity-icon-disable: #5b6078 !important;\n --activity-icon-hover: #5b6078 !important;\n --activity-icon-nsfw-bg: #24273a !important;\n --activity-icon-nsfw-text: #cad3f5 !important;\n --activity-icon-subIcon-backgroundColor: #cad3f5 !important;\n --activity-icon-toaster: #181926 !important;\n --activity-input-background: rgba(24, 25, 38, 0.8) !important;\n --activity-input-border: #494d64 !important;\n --activity-input-channelRename: #a5adcb !important;\n --activity-input-color: #b8c0e0 !important;\n --activity-input-error: #ed8796 !important;\n --activity-input-focusBg: #a6da95 !important;\n --activity-input-focusColor: #cad3f5 !important;\n --activity-input-ownerBg: #363a4f !important;\n --activity-link-hoverText: #ed8796 !important;\n --activity-link-staticText: #b7bdf8 !important;\n --activity-link-staticUnderline: #b7bdf8 !important;\n --activity-minimizedPortal-backgroundColor-unreadFinal: #1e2030 !important;\n --activity-minimizedPortal-backgroundColor-unreadInitial: #b7bdf8 !important;\n --activity-minimizedPortal-color-unreadFinal: #cad3f5 !important;\n --activity-minimizedPortal-color-unreadInitial: #cad3f5 !important;\n --activity-send-disable: #363a4f !important;\n --activity-send-hover: #b7bdf8 !important;\n --activity-text-active: #b7bdf8 !important;\n --activity-text-fade: #a5adcb !important;\n --activity-text-highlight: #cad3f5 !important;\n --activity-text-light: #a5adcb !important;\n --activity-text-meta: #a5adcb !important;\n --activity-text-regular: #cad3f5 !important;\n --activity-text-success: #a6da95 !important;\n --activity-text-tutorial: #f4dbd6 !important;\n --activity-text-warning: #ed8796 !important;\n --addReaction-backgroundColor: #363a4f !important;\n --addReaction-iconFill: #494d64 !important;\n --boxShadow: rgba(24, 25, 38, 0.8) !important;\n --bubble-border: rgba(73, 77, 100, 0.2) !important;\n --bubble-channelsFilter-background: #181926 !important;\n --bubble-channelsFilter-selected: #6e738d !important;\n --bubble-color: #cad3f5 !important;\n --bubble-link-color: #b7bdf8 !important;\n --bubbleActions-hover: #363a4f !important;\n --editName: #494d64 !important;\n --layout-body: #1e2030 !important;\n --layout-colsBorder: rgba(73, 77, 100, 0.2) !important;\n --layout-controlsBorder: rgba(73, 77, 100, 0.2) !important;\n --layout-dropdown-border: rgba(73, 77, 100, 0.2) !important;\n --layout-header-counterBg: #ed8796 !important;\n --layout-header-counterText: #cad3f5 !important;\n --layout-overlayBackground: rgba(24, 25, 38, 0.8) !important;\n --layout-overlayReportFlow: rgba(24, 25, 38, 0.8) !important;\n --layout-scrollbar: #cad3f5 !important;\n --layout-scrollbarHover: #b7bdf8 !important;\n --layout-timeStamp-tooltip-background: #363a4f !important;\n --message-list-item-button: #494d64 !important;\n --message-list-item-onlineIndicator: #a6da95 !important;\n --message-list-item-ownerBg: #494d64 !important;\n --message-list-item-richItem: #6e738d !important;\n --message-list-item-richItemBorder: rgba(73, 77, 100, 0.2) !important;\n --message-list-item-white: #cad3f5 !important;\n --modal-buttonsBackground: #cad3f5 !important;\n --modal-primaryButtonWarning: #ed8796 !important;\n --modal-secondaryButton: #cad3f5 !important;\n --newChat-inviteLink-borderColor: rgba(73, 77, 100, 0.2) !important;\n --overlay-backgroundColor: #1e2030 !important;\n --overlay-headerColor: #cad3f5 !important;\n --overlay-inputBackground: #181926 !important;\n --overlay-searchBarBackground: #1e2030 !important;\n --prompt-tooltip-background: #b7bdf8 !important;\n --searchBar-backgroundColor: #1e2030 !important;\n --settings-color: #a5adcb !important;\n --settings-dropdownItemHoverBackground: #181926 !important;\n --settings-panelBackground: #181926 !important;\n --settings-panelItemHoverBackground: #363a4f !important;\n --settings-panelItemSelectedBackground: #494d64 !important;\n --sidebar-background: rgba(73, 77, 100, 0.2) !important;\n --sidebar-basic-background-active: #b7bdf8 !important;\n --sidebar-basic-background-hover: #1e2030 !important;\n --sidebar-footer-background: #181926 !important;\n --sidebar-item-active: #494d64 !important;\n --sidebar-item-hover: #363a4f !important;\n --sidebar-item-selected: #5b6078 !important;\n --sidebar-item-text-active: #cad3f5 !important;\n --sidebar-subreddit-background-active: #b7bdf8 !important;\n --sidebar-subreddit-background-hover: #494d64 !important;\n --sidebar-text-divider: #494d64 !important;\n --skeleton-field: #5b6078 !important;\n --skeleton-inactive: #363a4f !important;\n --subreddit-iconBg: #b7bdf8 !important;\n --toast-error: #ed8796 !important;\n --toast-pending: #181926 !important;\n --toast-success: #a6da95 !important;\n --uploads-progress-background: #a5adcb !important;\n --uploads-progress-bar: #b7bdf8 !important;\n --videoModal-button-background: #cad3f5 !important;\n --videoModal-button-color: #1e2030 !important;\n }\n :root:not(.theme-dark) .theme-rpl ::placeholder,\n :root:not(.theme-dark).theme-rpl ::placeholder,\n :root:not(.theme-dark) .theme-beta ::placeholder,\n :root:not(.theme-dark).theme-beta ::placeholder,\n .theme-light ::placeholder {\n color: #a5adcb !important;\n }\n :root:not(.theme-dark) .theme-rpl div.ListingLayout-backgroundContainer::before,\n :root:not(.theme-dark).theme-rpl div.ListingLayout-backgroundContainer::before,\n :root:not(.theme-dark) .theme-beta div.ListingLayout-backgroundContainer::before,\n :root:not(.theme-dark).theme-beta div.ListingLayout-backgroundContainer::before,\n .theme-light div.ListingLayout-backgroundContainer::before {\n background: #24273a !important;\n }\n :root:not(.theme-dark) .theme-rpl span#email-collection-tooltip-id > :nth-child(2) > :nth-child(2) > span,\n :root:not(.theme-dark).theme-rpl span#email-collection-tooltip-id > :nth-child(2) > :nth-child(2) > span,\n :root:not(.theme-dark) .theme-beta span#email-collection-tooltip-id > :nth-child(2) > :nth-child(2) > span,\n :root:not(.theme-dark).theme-beta span#email-collection-tooltip-id > :nth-child(2) > :nth-child(2) > span,\n .theme-light span#email-collection-tooltip-id > :nth-child(2) > :nth-child(2) > span {\n color: #a5adcb !important;\n }\n :root:not(.theme-dark) .theme-rpl i.icon-karma_fill,\n :root:not(.theme-dark).theme-rpl i.icon-karma_fill,\n :root:not(.theme-dark) .theme-beta i.icon-karma_fill,\n :root:not(.theme-dark).theme-beta i.icon-karma_fill,\n .theme-light i.icon-karma_fill {\n color: #ed8796 !important;\n }\n :root:not(.theme-dark) .theme-rpl div[role=\"menu\"] > div > div > span > span,\n :root:not(.theme-dark).theme-rpl div[role=\"menu\"] > div > div > span > span,\n :root:not(.theme-dark) .theme-beta div[role=\"menu\"] > div > div > span > span,\n :root:not(.theme-dark).theme-beta div[role=\"menu\"] > div > div > span > span,\n .theme-light div[role=\"menu\"] > div > div > span > span {\n color: #a5adcb !important;\n }\n :root:not(.theme-dark) .theme-rpl button[role=\"switch\"][aria-checked=\"false\"],\n :root:not(.theme-dark).theme-rpl button[role=\"switch\"][aria-checked=\"false\"],\n :root:not(.theme-dark) .theme-beta button[role=\"switch\"][aria-checked=\"false\"],\n :root:not(.theme-dark).theme-beta button[role=\"switch\"][aria-checked=\"false\"],\n .theme-light button[role=\"switch\"][aria-checked=\"false\"] {\n background: #363a4f !important;\n }\n :root:not(.theme-dark) .theme-rpl button[role=\"switch\"] > div,\n :root:not(.theme-dark).theme-rpl button[role=\"switch\"] > div,\n :root:not(.theme-dark) .theme-beta button[role=\"switch\"] > div,\n :root:not(.theme-dark).theme-beta button[role=\"switch\"] > div,\n .theme-light button[role=\"switch\"] > div {\n background: #cad3f5 !important;\n }\n :root:not(.theme-dark) .theme-rpl ._2dn5Ncenn0BSD4tCSmxQhA,\n :root:not(.theme-dark).theme-rpl ._2dn5Ncenn0BSD4tCSmxQhA,\n :root:not(.theme-dark) .theme-beta ._2dn5Ncenn0BSD4tCSmxQhA,\n :root:not(.theme-dark).theme-beta ._2dn5Ncenn0BSD4tCSmxQhA,\n .theme-light ._2dn5Ncenn0BSD4tCSmxQhA {\n fill: #a6da95 !important;\n }\n :root:not(.theme-dark) .theme-rpl ._3SlBAJb2MbUHwgBZFH8eL7,\n :root:not(.theme-dark).theme-rpl ._3SlBAJb2MbUHwgBZFH8eL7,\n :root:not(.theme-dark) .theme-beta ._3SlBAJb2MbUHwgBZFH8eL7,\n :root:not(.theme-dark).theme-beta ._3SlBAJb2MbUHwgBZFH8eL7,\n .theme-light ._3SlBAJb2MbUHwgBZFH8eL7 {\n fill: #24273a !important;\n }\n :root:not(.theme-dark) .theme-rpl button._3F1tNW0P4Ff182mO_CefIg,\n :root:not(.theme-dark).theme-rpl button._3F1tNW0P4Ff182mO_CefIg,\n :root:not(.theme-dark) .theme-beta button._3F1tNW0P4Ff182mO_CefIg,\n :root:not(.theme-dark).theme-beta button._3F1tNW0P4Ff182mO_CefIg,\n .theme-light button._3F1tNW0P4Ff182mO_CefIg {\n background: linear-gradient(90deg, #ed8796, #f5a97f) !important;\n color: #24273a !important;\n }\n :root:not(.theme-dark) .theme-rpl button._3F1tNW0P4Ff182mO_CefIg > i,\n :root:not(.theme-dark).theme-rpl button._3F1tNW0P4Ff182mO_CefIg > i,\n :root:not(.theme-dark) .theme-beta button._3F1tNW0P4Ff182mO_CefIg > i,\n :root:not(.theme-dark).theme-beta button._3F1tNW0P4Ff182mO_CefIg > i,\n .theme-light button._3F1tNW0P4Ff182mO_CefIg > i {\n color: #24273a !important;\n }\n :root:not(.theme-dark) .theme-rpl i.icon-cake_fill,\n :root:not(.theme-dark).theme-rpl i.icon-cake_fill,\n :root:not(.theme-dark) .theme-beta i.icon-cake_fill,\n :root:not(.theme-dark).theme-beta i.icon-cake_fill,\n .theme-light i.icon-cake_fill,\n :root:not(.theme-dark) .theme-rpl i.icon-user_fill,\n :root:not(.theme-dark).theme-rpl i.icon-user_fill,\n :root:not(.theme-dark) .theme-beta i.icon-user_fill,\n :root:not(.theme-dark).theme-beta i.icon-user_fill,\n .theme-light i.icon-user_fill {\n color: #b7bdf8 !important;\n }\n :root:not(.theme-dark) .theme-rpl div._3hew1NnzwygOKDNQDKp6R4,\n :root:not(.theme-dark).theme-rpl div._3hew1NnzwygOKDNQDKp6R4,\n :root:not(.theme-dark) .theme-beta div._3hew1NnzwygOKDNQDKp6R4,\n :root:not(.theme-dark).theme-beta div._3hew1NnzwygOKDNQDKp6R4,\n .theme-light div._3hew1NnzwygOKDNQDKp6R4,\n :root:not(.theme-dark) .theme-rpl div._3hew1NnzwygOKDNQDKp6R4 > i,\n :root:not(.theme-dark).theme-rpl div._3hew1NnzwygOKDNQDKp6R4 > i,\n :root:not(.theme-dark) .theme-beta div._3hew1NnzwygOKDNQDKp6R4 > i,\n :root:not(.theme-dark).theme-beta div._3hew1NnzwygOKDNQDKp6R4 > i,\n .theme-light div._3hew1NnzwygOKDNQDKp6R4 > i,\n :root:not(.theme-dark) .theme-rpl li._3hew1NnzwygOKDNQDKp6R4,\n :root:not(.theme-dark).theme-rpl li._3hew1NnzwygOKDNQDKp6R4,\n :root:not(.theme-dark) .theme-beta li._3hew1NnzwygOKDNQDKp6R4,\n :root:not(.theme-dark).theme-beta li._3hew1NnzwygOKDNQDKp6R4,\n .theme-light li._3hew1NnzwygOKDNQDKp6R4 {\n color: #24273a !important;\n }\n :root:not(.theme-dark) .theme-rpl div._1VP69d9lk-Wk9zokOaylL,\n :root:not(.theme-dark).theme-rpl div._1VP69d9lk-Wk9zokOaylL,\n :root:not(.theme-dark) .theme-beta div._1VP69d9lk-Wk9zokOaylL,\n :root:not(.theme-dark).theme-beta div._1VP69d9lk-Wk9zokOaylL,\n .theme-light div._1VP69d9lk-Wk9zokOaylL {\n --background: #24273a !important;\n --canvas: #24273a !important;\n }\n :root:not(.theme-dark) .theme-rpl span._2KFJx8Dhh1o1u0Xb8e7NuD,\n :root:not(.theme-dark).theme-rpl span._2KFJx8Dhh1o1u0Xb8e7NuD,\n :root:not(.theme-dark) .theme-beta span._2KFJx8Dhh1o1u0Xb8e7NuD,\n :root:not(.theme-dark).theme-beta span._2KFJx8Dhh1o1u0Xb8e7NuD,\n .theme-light span._2KFJx8Dhh1o1u0Xb8e7NuD {\n color: #b7bdf8 !important;\n }\n :root:not(.theme-dark) .theme-rpl button.EBd2MhBQlQeZ13YeP0K8a,\n :root:not(.theme-dark).theme-rpl button.EBd2MhBQlQeZ13YeP0K8a,\n :root:not(.theme-dark) .theme-beta button.EBd2MhBQlQeZ13YeP0K8a,\n :root:not(.theme-dark).theme-beta button.EBd2MhBQlQeZ13YeP0K8a,\n .theme-light button.EBd2MhBQlQeZ13YeP0K8a {\n color: #b7bdf8 !important;\n }\n :root:not(.theme-dark) .theme-rpl svg._1Fa4RPHlhrfUZuNaXK2-eP > path,\n :root:not(.theme-dark).theme-rpl svg._1Fa4RPHlhrfUZuNaXK2-eP > path,\n :root:not(.theme-dark) .theme-beta svg._1Fa4RPHlhrfUZuNaXK2-eP > path,\n :root:not(.theme-dark).theme-beta svg._1Fa4RPHlhrfUZuNaXK2-eP > path,\n .theme-light svg._1Fa4RPHlhrfUZuNaXK2-eP > path {\n fill: #b7bdf8 !important;\n }\n :root:not(.theme-dark) .theme-rpl input._1Vnaj3fBuYrmHKEPQD_zWW,\n :root:not(.theme-dark).theme-rpl input._1Vnaj3fBuYrmHKEPQD_zWW,\n :root:not(.theme-dark) .theme-beta input._1Vnaj3fBuYrmHKEPQD_zWW,\n :root:not(.theme-dark).theme-beta input._1Vnaj3fBuYrmHKEPQD_zWW,\n .theme-light input._1Vnaj3fBuYrmHKEPQD_zWW {\n background-color: #24273a !important;\n }\n :root:not(.theme-dark) .theme-rpl div.scrollerItem > div,\n :root:not(.theme-dark).theme-rpl div.scrollerItem > div,\n :root:not(.theme-dark) .theme-beta div.scrollerItem > div,\n :root:not(.theme-dark).theme-beta div.scrollerItem > div,\n .theme-light div.scrollerItem > div,\n :root:not(.theme-dark) .theme-rpl div[data-testid=\"post-container\"],\n :root:not(.theme-dark).theme-rpl div[data-testid=\"post-container\"],\n :root:not(.theme-dark) .theme-beta div[data-testid=\"post-container\"],\n :root:not(.theme-dark).theme-beta div[data-testid=\"post-container\"],\n .theme-light div[data-testid=\"post-container\"],\n :root:not(.theme-dark) .theme-rpl div[style=\"background:#1A1A1B\"],\n :root:not(.theme-dark).theme-rpl div[style=\"background:#1A1A1B\"],\n :root:not(.theme-dark) .theme-beta div[style=\"background:#1A1A1B\"],\n :root:not(.theme-dark).theme-beta div[style=\"background:#1A1A1B\"],\n .theme-light div[style=\"background:#1A1A1B\"],\n :root:not(.theme-dark) .theme-rpl div._2otRz3OtuWajw1RleFDJ5P,\n :root:not(.theme-dark).theme-rpl div._2otRz3OtuWajw1RleFDJ5P,\n :root:not(.theme-dark) .theme-beta div._2otRz3OtuWajw1RleFDJ5P,\n :root:not(.theme-dark).theme-beta div._2otRz3OtuWajw1RleFDJ5P,\n .theme-light div._2otRz3OtuWajw1RleFDJ5P {\n background: #1e2030 !important;\n }\n :root:not(.theme-dark) .theme-rpl div._productDetails_7kbcu_53,\n :root:not(.theme-dark).theme-rpl div._productDetails_7kbcu_53,\n :root:not(.theme-dark) .theme-beta div._productDetails_7kbcu_53,\n :root:not(.theme-dark).theme-beta div._productDetails_7kbcu_53,\n .theme-light div._productDetails_7kbcu_53 {\n background: #1e2030 !important;\n color: #cad3f5 !important;\n }\n :root:not(.theme-dark) .theme-rpl div._mintStatus_7kbcu_264,\n :root:not(.theme-dark).theme-rpl div._mintStatus_7kbcu_264,\n :root:not(.theme-dark) .theme-beta div._mintStatus_7kbcu_264,\n :root:not(.theme-dark).theme-beta div._mintStatus_7kbcu_264,\n .theme-light div._mintStatus_7kbcu_264 {\n color: #b7bdf8 !important;\n }\n :root:not(.theme-dark) .theme-rpl div._carousel_7kbcu_45,\n :root:not(.theme-dark).theme-rpl div._carousel_7kbcu_45,\n :root:not(.theme-dark) .theme-beta div._carousel_7kbcu_45,\n :root:not(.theme-dark).theme-beta div._carousel_7kbcu_45,\n .theme-light div._carousel_7kbcu_45 {\n background: linear-gradient(243.37deg, #24273a 16.42%, #8aadf4 100%);\n }\n :root:not(.theme-dark) .theme-rpl div._card_1ooes_1,\n :root:not(.theme-dark).theme-rpl div._card_1ooes_1,\n :root:not(.theme-dark) .theme-beta div._card_1ooes_1,\n :root:not(.theme-dark).theme-beta div._card_1ooes_1,\n .theme-light div._card_1ooes_1 {\n background: #8aadf4 !important;\n }\n :root:not(.theme-dark) .theme-rpl ol._container_1t62i_1,\n :root:not(.theme-dark).theme-rpl ol._container_1t62i_1,\n :root:not(.theme-dark) .theme-beta ol._container_1t62i_1,\n :root:not(.theme-dark).theme-beta ol._container_1t62i_1,\n .theme-light ol._container_1t62i_1 {\n border-color: #24273a !important;\n }\n :root:not(.theme-dark) .theme-rpl ol._container_1t62i_1 > li,\n :root:not(.theme-dark).theme-rpl ol._container_1t62i_1 > li,\n :root:not(.theme-dark) .theme-beta ol._container_1t62i_1 > li,\n :root:not(.theme-dark).theme-beta ol._container_1t62i_1 > li,\n .theme-light ol._container_1t62i_1 > li {\n border-color: #24273a !important;\n }\n :root:not(.theme-dark) .theme-rpl ol._container_1t62i_1 > li > div,\n :root:not(.theme-dark).theme-rpl ol._container_1t62i_1 > li > div,\n :root:not(.theme-dark) .theme-beta ol._container_1t62i_1 > li > div,\n :root:not(.theme-dark).theme-beta ol._container_1t62i_1 > li > div,\n .theme-light ol._container_1t62i_1 > li > div {\n color: #24273a !important;\n }\n :root:not(.theme-dark) .theme-rpl div.MuiMobileStepper-dot,\n :root:not(.theme-dark).theme-rpl div.MuiMobileStepper-dot,\n :root:not(.theme-dark) .theme-beta div.MuiMobileStepper-dot,\n :root:not(.theme-dark).theme-beta div.MuiMobileStepper-dot,\n .theme-light div.MuiMobileStepper-dot {\n background: #363a4f !important;\n }\n :root:not(.theme-dark) .theme-rpl div.MuiMobileStepper-dotActive,\n :root:not(.theme-dark).theme-rpl div.MuiMobileStepper-dotActive,\n :root:not(.theme-dark) .theme-beta div.MuiMobileStepper-dotActive,\n :root:not(.theme-dark).theme-beta div.MuiMobileStepper-dotActive,\n .theme-light div.MuiMobileStepper-dotActive {\n background: #b7bdf8 !important;\n }\n :root:not(.theme-dark) .theme-rpl div._scrollContainer_7kbcu_104 > div > h3,\n :root:not(.theme-dark).theme-rpl div._scrollContainer_7kbcu_104 > div > h3,\n :root:not(.theme-dark) .theme-beta div._scrollContainer_7kbcu_104 > div > h3,\n :root:not(.theme-dark).theme-beta div._scrollContainer_7kbcu_104 > div > h3,\n .theme-light div._scrollContainer_7kbcu_104 > div > h3,\n :root:not(.theme-dark) .theme-rpl div._cardAuthor_7kbcu_79,\n :root:not(.theme-dark).theme-rpl div._cardAuthor_7kbcu_79,\n :root:not(.theme-dark) .theme-beta div._cardAuthor_7kbcu_79,\n :root:not(.theme-dark).theme-beta div._cardAuthor_7kbcu_79,\n .theme-light div._cardAuthor_7kbcu_79 {\n color: #a5adcb !important;\n }\n :root:not(.theme-dark) .theme-rpl div._container_oikih_1,\n :root:not(.theme-dark).theme-rpl div._container_oikih_1,\n :root:not(.theme-dark) .theme-beta div._container_oikih_1,\n :root:not(.theme-dark).theme-beta div._container_oikih_1,\n .theme-light div._container_oikih_1 {\n background: #181926 !important;\n border-color: #494d64 !important;\n }\n :root:not(.theme-dark) .theme-rpl a._pill_7kbcu_280,\n :root:not(.theme-dark).theme-rpl a._pill_7kbcu_280,\n :root:not(.theme-dark) .theme-beta a._pill_7kbcu_280,\n :root:not(.theme-dark).theme-beta a._pill_7kbcu_280,\n .theme-light a._pill_7kbcu_280 {\n background: #181926 !important;\n color: #cad3f5 !important;\n }\n :root:not(.theme-dark) .theme-rpl button._shopForMoreButton_7kbcu_125,\n :root:not(.theme-dark).theme-rpl button._shopForMoreButton_7kbcu_125,\n :root:not(.theme-dark) .theme-beta button._shopForMoreButton_7kbcu_125,\n :root:not(.theme-dark).theme-beta button._shopForMoreButton_7kbcu_125,\n .theme-light button._shopForMoreButton_7kbcu_125 {\n background: linear-gradient(90deg, #ed8796, #f5a97f) !important;\n color: #24273a !important;\n }\n :root:not(.theme-dark) .theme-rpl div._wrapper_1upjl_7,\n :root:not(.theme-dark).theme-rpl div._wrapper_1upjl_7,\n :root:not(.theme-dark) .theme-beta div._wrapper_1upjl_7,\n :root:not(.theme-dark).theme-beta div._wrapper_1upjl_7,\n .theme-light div._wrapper_1upjl_7 {\n background: #24273a !important;\n color: #cad3f5 !important;\n }\n :root:not(.theme-dark) .theme-rpl a[aria-label=\"Home\"] > svg > g > circle,\n :root:not(.theme-dark).theme-rpl a[aria-label=\"Home\"] > svg > g > circle,\n :root:not(.theme-dark) .theme-beta a[aria-label=\"Home\"] > svg > g > circle,\n :root:not(.theme-dark).theme-beta a[aria-label=\"Home\"] > svg > g > circle,\n .theme-light a[aria-label=\"Home\"] > svg > g > circle {\n fill: #b7bdf8 !important;\n }\n :root:not(.theme-dark) .theme-rpl a[aria-label=\"Home\"] > svg:first-child > g > path,\n :root:not(.theme-dark).theme-rpl a[aria-label=\"Home\"] > svg:first-child > g > path,\n :root:not(.theme-dark) .theme-beta a[aria-label=\"Home\"] > svg:first-child > g > path,\n :root:not(.theme-dark).theme-beta a[aria-label=\"Home\"] > svg:first-child > g > path,\n .theme-light a[aria-label=\"Home\"] > svg:first-child > g > path {\n fill: #24273a !important;\n }\n :root:not(.theme-dark) .theme-rpl a[aria-label=\"Home\"] > svg:nth-child(2) > g > path,\n :root:not(.theme-dark).theme-rpl a[aria-label=\"Home\"] > svg:nth-child(2) > g > path,\n :root:not(.theme-dark) .theme-beta a[aria-label=\"Home\"] > svg:nth-child(2) > g > path,\n :root:not(.theme-dark).theme-beta a[aria-label=\"Home\"] > svg:nth-child(2) > g > path,\n .theme-light a[aria-label=\"Home\"] > svg:nth-child(2) > g > path {\n fill: #cad3f5 !important;\n }\n :root:not(.theme-dark) .theme-rpl button[aria-label=\"Open notifications inbox\"] > div > span,\n :root:not(.theme-dark).theme-rpl button[aria-label=\"Open notifications inbox\"] > div > span,\n :root:not(.theme-dark) .theme-beta button[aria-label=\"Open notifications inbox\"] > div > span,\n :root:not(.theme-dark).theme-beta button[aria-label=\"Open notifications inbox\"] > div > span,\n .theme-light button[aria-label=\"Open notifications inbox\"] > div > span {\n background: #b7bdf8 !important;\n color: #1e2030 !important;\n }\n :root:not(.theme-dark) .theme-rpl #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a,\n :root:not(.theme-dark).theme-rpl #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a,\n :root:not(.theme-dark) .theme-beta #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a,\n :root:not(.theme-dark).theme-beta #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a,\n .theme-light #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a {\n background: #363a4f !important;\n color: #cad3f5 !important;\n }\n :root:not(.theme-dark) .theme-rpl #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a > i,\n :root:not(.theme-dark).theme-rpl #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a > i,\n :root:not(.theme-dark) .theme-beta #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a > i,\n :root:not(.theme-dark).theme-beta #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a > i,\n .theme-light #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a > i {\n color: #cad3f5 !important;\n }\n :root:not(.theme-dark) .theme-rpl a[href=\"/now\"] > div,\n :root:not(.theme-dark).theme-rpl a[href=\"/now\"] > div,\n :root:not(.theme-dark) .theme-beta a[href=\"/now\"] > div,\n :root:not(.theme-dark).theme-beta a[href=\"/now\"] > div,\n .theme-light a[href=\"/now\"] > div {\n background: #b7bdf8 !important;\n }\n :root:not(.theme-dark) .theme-rpl div[data-testid=\"search-scope-pill-text\"],\n :root:not(.theme-dark).theme-rpl div[data-testid=\"search-scope-pill-text\"],\n :root:not(.theme-dark) .theme-beta div[data-testid=\"search-scope-pill-text\"],\n :root:not(.theme-dark).theme-beta div[data-testid=\"search-scope-pill-text\"],\n .theme-light div[data-testid=\"search-scope-pill-text\"] {\n color: #cad3f5 !important;\n }\n :root:not(.theme-dark) .theme-rpl div[class*=\"_2SdHzo12ISmrC8H86TgSCp\"][class*=\"_1QVrieUoti9cxiQSRw314E\"][class*=\"uWdXen_41bh0iwLrgzFkc\"],\n :root:not(.theme-dark).theme-rpl div[class*=\"_2SdHzo12ISmrC8H86TgSCp\"][class*=\"_1QVrieUoti9cxiQSRw314E\"][class*=\"uWdXen_41bh0iwLrgzFkc\"],\n :root:not(.theme-dark) .theme-beta div[class*=\"_2SdHzo12ISmrC8H86TgSCp\"][class*=\"_1QVrieUoti9cxiQSRw314E\"][class*=\"uWdXen_41bh0iwLrgzFkc\"],\n :root:not(.theme-dark).theme-beta div[class*=\"_2SdHzo12ISmrC8H86TgSCp\"][class*=\"_1QVrieUoti9cxiQSRw314E\"][class*=\"uWdXen_41bh0iwLrgzFkc\"],\n .theme-light div[class*=\"_2SdHzo12ISmrC8H86TgSCp\"][class*=\"_1QVrieUoti9cxiQSRw314E\"][class*=\"uWdXen_41bh0iwLrgzFkc\"] {\n --posttitletextcolor: #cad3f5 !important;\n }\n :root:not(.theme-dark) .theme-rpl button#safe-search-toggle[aria-checked=\"true\"],\n :root:not(.theme-dark).theme-rpl button#safe-search-toggle[aria-checked=\"true\"],\n :root:not(.theme-dark) .theme-beta button#safe-search-toggle[aria-checked=\"true\"],\n :root:not(.theme-dark).theme-beta button#safe-search-toggle[aria-checked=\"true\"],\n .theme-light button#safe-search-toggle[aria-checked=\"true\"] {\n background: #b7bdf8 !important;\n }\n :root:not(.theme-dark) .theme-rpl i.icon-close,\n :root:not(.theme-dark).theme-rpl i.icon-close,\n :root:not(.theme-dark) .theme-beta i.icon-close,\n :root:not(.theme-dark).theme-beta i.icon-close,\n .theme-light i.icon-close {\n color: #a5adcb !important;\n }\n :root:not(.theme-dark) .theme-rpl a[role=\"menuitem\"],\n :root:not(.theme-dark).theme-rpl a[role=\"menuitem\"],\n :root:not(.theme-dark) .theme-beta a[role=\"menuitem\"],\n :root:not(.theme-dark).theme-beta a[role=\"menuitem\"],\n .theme-light a[role=\"menuitem\"] {\n color: #cad3f5 !important;\n }\n :root:not(.theme-dark) .theme-rpl div[role=\"menu\"] > div[role=\"heading\"],\n :root:not(.theme-dark).theme-rpl div[role=\"menu\"] > div[role=\"heading\"],\n :root:not(.theme-dark) .theme-beta div[role=\"menu\"] > div[role=\"heading\"],\n :root:not(.theme-dark).theme-beta div[role=\"menu\"] > div[role=\"heading\"],\n .theme-light div[role=\"menu\"] > div[role=\"heading\"] {\n color: #a5adcb !important;\n }\n :root:not(.theme-dark) .theme-rpl a[role=\"menuitem\"]:hover,\n :root:not(.theme-dark).theme-rpl a[role=\"menuitem\"]:hover,\n :root:not(.theme-dark) .theme-beta a[role=\"menuitem\"]:hover,\n :root:not(.theme-dark).theme-beta a[role=\"menuitem\"]:hover,\n .theme-light a[role=\"menuitem\"]:hover {\n background: #363a4f !important;\n }\n :root:not(.theme-dark) .theme-rpl i.icon-star_fill,\n :root:not(.theme-dark).theme-rpl i.icon-star_fill,\n :root:not(.theme-dark) .theme-beta i.icon-star_fill,\n :root:not(.theme-dark).theme-beta i.icon-star_fill,\n .theme-light i.icon-star_fill {\n color: #b7bdf8 !important;\n }\n :root:not(.theme-dark) .theme-rpl i.icon-star,\n :root:not(.theme-dark).theme-rpl i.icon-star,\n :root:not(.theme-dark) .theme-beta i.icon-star,\n :root:not(.theme-dark).theme-beta i.icon-star,\n .theme-light i.icon-star {\n color: #a5adcb !important;\n }\n :root:not(.theme-dark) .theme-rpl i.icon-premium_fill,\n :root:not(.theme-dark).theme-rpl i.icon-premium_fill,\n :root:not(.theme-dark) .theme-beta i.icon-premium_fill,\n :root:not(.theme-dark).theme-beta i.icon-premium_fill,\n .theme-light i.icon-premium_fill {\n color: #b7bdf8 !important;\n }\n :root:not(.theme-dark) .theme-rpl button._10BQ7pjWbeYP63SAPNS8Ts.q_unSaY23rpdd3lDvGZ-,\n :root:not(.theme-dark).theme-rpl button._10BQ7pjWbeYP63SAPNS8Ts.q_unSaY23rpdd3lDvGZ-,\n :root:not(.theme-dark) .theme-beta button._10BQ7pjWbeYP63SAPNS8Ts.q_unSaY23rpdd3lDvGZ-,\n :root:not(.theme-dark).theme-beta button._10BQ7pjWbeYP63SAPNS8Ts.q_unSaY23rpdd3lDvGZ-,\n .theme-light button._10BQ7pjWbeYP63SAPNS8Ts.q_unSaY23rpdd3lDvGZ- {\n background: #b7bdf8 !important;\n color: #24273a !important;\n }\n :root:not(.theme-dark) .theme-rpl div._3fWuhJ6bVet7XJT5A0mZM2 > div > div > div,\n :root:not(.theme-dark).theme-rpl div._3fWuhJ6bVet7XJT5A0mZM2 > div > div > div,\n :root:not(.theme-dark) .theme-beta div._3fWuhJ6bVet7XJT5A0mZM2 > div > div > div,\n :root:not(.theme-dark).theme-beta div._3fWuhJ6bVet7XJT5A0mZM2 > div > div > div,\n .theme-light div._3fWuhJ6bVet7XJT5A0mZM2 > div > div > div {\n border-color: #a5adcb !important;\n }\n :root:not(.theme-dark) .theme-rpl div[data-adclicklocation=\"background\"],\n :root:not(.theme-dark).theme-rpl div[data-adclicklocation=\"background\"],\n :root:not(.theme-dark) .theme-beta div[data-adclicklocation=\"background\"],\n :root:not(.theme-dark).theme-beta div[data-adclicklocation=\"background\"],\n .theme-light div[data-adclicklocation=\"background\"] {\n background: #24273a !important;\n }\n :root:not(.theme-dark) .theme-rpl div._3-miAEojrCvx_4FQ8x3P-s,\n :root:not(.theme-dark).theme-rpl div._3-miAEojrCvx_4FQ8x3P-s,\n :root:not(.theme-dark) .theme-beta div._3-miAEojrCvx_4FQ8x3P-s,\n :root:not(.theme-dark).theme-beta div._3-miAEojrCvx_4FQ8x3P-s,\n .theme-light div._3-miAEojrCvx_4FQ8x3P-s,\n :root:not(.theme-dark) .theme-rpl i.icon-comment,\n :root:not(.theme-dark).theme-rpl i.icon-comment,\n :root:not(.theme-dark) .theme-beta i.icon-comment,\n :root:not(.theme-dark).theme-beta i.icon-comment,\n .theme-light i.icon-comment,\n :root:not(.theme-dark) .theme-rpl i.icon-share,\n :root:not(.theme-dark).theme-rpl i.icon-share,\n :root:not(.theme-dark) .theme-beta i.icon-share,\n :root:not(.theme-dark).theme-beta i.icon-share,\n .theme-light i.icon-share,\n :root:not(.theme-dark) .theme-rpl i.icon-save,\n :root:not(.theme-dark).theme-rpl i.icon-save,\n :root:not(.theme-dark) .theme-beta i.icon-save,\n :root:not(.theme-dark).theme-beta i.icon-save,\n .theme-light i.icon-save,\n :root:not(.theme-dark) .theme-rpl i.icon-expand,\n :root:not(.theme-dark).theme-rpl i.icon-expand,\n :root:not(.theme-dark) .theme-beta i.icon-expand,\n :root:not(.theme-dark).theme-beta i.icon-expand,\n .theme-light i.icon-expand,\n :root:not(.theme-dark) .theme-rpl i.icon-collapse,\n :root:not(.theme-dark).theme-rpl i.icon-collapse,\n :root:not(.theme-dark) .theme-beta i.icon-collapse,\n :root:not(.theme-dark).theme-beta i.icon-collapse,\n .theme-light i.icon-collapse,\n :root:not(.theme-dark) .theme-rpl i.icon-text_post,\n :root:not(.theme-dark).theme-rpl i.icon-text_post,\n :root:not(.theme-dark) .theme-beta i.icon-text_post,\n :root:not(.theme-dark).theme-beta i.icon-text_post,\n .theme-light i.icon-text_post,\n :root:not(.theme-dark) .theme-rpl i.icon-image_post,\n :root:not(.theme-dark).theme-rpl i.icon-image_post,\n :root:not(.theme-dark) .theme-beta i.icon-image_post,\n :root:not(.theme-dark).theme-beta i.icon-image_post,\n .theme-light i.icon-image_post,\n :root:not(.theme-dark) .theme-rpl i.icon-media_gallery,\n :root:not(.theme-dark).theme-rpl i.icon-media_gallery,\n :root:not(.theme-dark) .theme-beta i.icon-media_gallery,\n :root:not(.theme-dark).theme-beta i.icon-media_gallery,\n .theme-light i.icon-media_gallery,\n :root:not(.theme-dark) .theme-rpl i.icon-video_post,\n :root:not(.theme-dark).theme-rpl i.icon-video_post,\n :root:not(.theme-dark) .theme-beta i.icon-video_post,\n :root:not(.theme-dark).theme-beta i.icon-video_post,\n .theme-light i.icon-video_post,\n :root:not(.theme-dark) .theme-rpl i.icon-gif_post,\n :root:not(.theme-dark).theme-rpl i.icon-gif_post,\n :root:not(.theme-dark) .theme-beta i.icon-gif_post,\n :root:not(.theme-dark).theme-beta i.icon-gif_post,\n .theme-light i.icon-gif_post,\n :root:not(.theme-dark) .theme-rpl i.icon-embed,\n :root:not(.theme-dark).theme-rpl i.icon-embed,\n :root:not(.theme-dark) .theme-beta i.icon-embed,\n :root:not(.theme-dark).theme-beta i.icon-embed,\n .theme-light i.icon-embed,\n :root:not(.theme-dark) .theme-rpl i.icon-external_link,\n :root:not(.theme-dark).theme-rpl i.icon-external_link,\n :root:not(.theme-dark) .theme-beta i.icon-external_link,\n :root:not(.theme-dark).theme-beta i.icon-external_link,\n .theme-light i.icon-external_link,\n :root:not(.theme-dark) .theme-rpl i.icon-poll_post,\n :root:not(.theme-dark).theme-rpl i.icon-poll_post,\n :root:not(.theme-dark) .theme-beta i.icon-poll_post,\n :root:not(.theme-dark).theme-beta i.icon-poll_post,\n .theme-light i.icon-poll_post {\n color: #a5adcb !important;\n }\n :root:not(.theme-dark) .theme-rpl div[data-adclicklocation=\"title\"] > div > a > div > h3,\n :root:not(.theme-dark).theme-rpl div[data-adclicklocation=\"title\"] > div > a > div > h3,\n :root:not(.theme-dark) .theme-beta div[data-adclicklocation=\"title\"] > div > a > div > h3,\n :root:not(.theme-dark).theme-beta div[data-adclicklocation=\"title\"] > div > a > div > h3,\n .theme-light div[data-adclicklocation=\"title\"] > div > a > div > h3,\n :root:not(.theme-dark) .theme-rpl div[data-adclicklocation=\"title\"] > div:first-child > div:first-child > h1:first-child,\n :root:not(.theme-dark).theme-rpl div[data-adclicklocation=\"title\"] > div:first-child > div:first-child > h1:first-child,\n :root:not(.theme-dark) .theme-beta div[data-adclicklocation=\"title\"] > div:first-child > div:first-child > h1:first-child,\n :root:not(.theme-dark).theme-beta div[data-adclicklocation=\"title\"] > div:first-child > div:first-child > h1:first-child,\n .theme-light div[data-adclicklocation=\"title\"] > div:first-child > div:first-child > h1:first-child {\n color: #cad3f5 !important;\n }\n :root:not(.theme-dark) .theme-rpl div[data-adclicklocation=\"top_bar\"] > span,\n :root:not(.theme-dark).theme-rpl div[data-adclicklocation=\"top_bar\"] > span,\n :root:not(.theme-dark) .theme-beta div[data-adclicklocation=\"top_bar\"] > span,\n :root:not(.theme-dark).theme-beta div[data-adclicklocation=\"top_bar\"] > span,\n .theme-light div[data-adclicklocation=\"top_bar\"] > span,\n :root:not(.theme-dark) .theme-rpl a[data-testid=\"post_author_link\"],\n :root:not(.theme-dark).theme-rpl a[data-testid=\"post_author_link\"],\n :root:not(.theme-dark) .theme-beta a[data-testid=\"post_author_link\"],\n :root:not(.theme-dark).theme-beta a[data-testid=\"post_author_link\"],\n .theme-light a[data-testid=\"post_author_link\"] {\n color: #a5adcb !important;\n }\n :root:not(.theme-dark) .theme-rpl span._1wzhGvvafQFOWAyA157okr,\n :root:not(.theme-dark).theme-rpl span._1wzhGvvafQFOWAyA157okr,\n :root:not(.theme-dark) .theme-beta span._1wzhGvvafQFOWAyA157okr,\n :root:not(.theme-dark).theme-beta span._1wzhGvvafQFOWAyA157okr,\n .theme-light span._1wzhGvvafQFOWAyA157okr {\n border-color: #ed8796 !important;\n color: #ed8796 !important;\n }\n :root:not(.theme-dark) .theme-rpl i.icon-pin_fill,\n :root:not(.theme-dark).theme-rpl i.icon-pin_fill,\n :root:not(.theme-dark) .theme-beta i.icon-pin_fill,\n :root:not(.theme-dark).theme-beta i.icon-pin_fill,\n .theme-light i.icon-pin_fill {\n color: #a6da95 !important;\n }\n :root:not(.theme-dark) .theme-rpl i.icon-award,\n :root:not(.theme-dark).theme-rpl i.icon-award,\n :root:not(.theme-dark) .theme-beta i.icon-award,\n :root:not(.theme-dark).theme-beta i.icon-award,\n .theme-light i.icon-award {\n color: #a5adcb !important;\n }\n :root:not(.theme-dark) .theme-rpl i.icon-archived_fill,\n :root:not(.theme-dark).theme-rpl i.icon-archived_fill,\n :root:not(.theme-dark) .theme-beta i.icon-archived_fill,\n :root:not(.theme-dark).theme-beta i.icon-archived_fill,\n .theme-light i.icon-archived_fill,\n :root:not(.theme-dark) .theme-rpl i.icon-lock_fill,\n :root:not(.theme-dark).theme-rpl i.icon-lock_fill,\n :root:not(.theme-dark) .theme-beta i.icon-lock_fill,\n :root:not(.theme-dark).theme-beta i.icon-lock_fill,\n .theme-light i.icon-lock_fill {\n color: #eed49f !important;\n }\n :root:not(.theme-dark) .theme-rpl div[data-click-id=\"body\"] > div:nth-child(3) > div:nth-child(3),\n :root:not(.theme-dark).theme-rpl div[data-click-id=\"body\"] > div:nth-child(3) > div:nth-child(3),\n :root:not(.theme-dark) .theme-beta div[data-click-id=\"body\"] > div:nth-child(3) > div:nth-child(3),\n :root:not(.theme-dark).theme-beta div[data-click-id=\"body\"] > div:nth-child(3) > div:nth-child(3),\n .theme-light div[data-click-id=\"body\"] > div:nth-child(3) > div:nth-child(3) {\n border-color: #494d64 !important;\n }\n :root:not(.theme-dark) .theme-rpl div.Post,\n :root:not(.theme-dark).theme-rpl div.Post,\n :root:not(.theme-dark) .theme-beta div.Post,\n :root:not(.theme-dark).theme-beta div.Post,\n .theme-light div.Post,\n :root:not(.theme-dark) .theme-rpl div[data-click-id=\"media\"],\n :root:not(.theme-dark).theme-rpl div[data-click-id=\"media\"],\n :root:not(.theme-dark) .theme-beta div[data-click-id=\"media\"],\n :root:not(.theme-dark).theme-beta div[data-click-id=\"media\"],\n .theme-light div[data-click-id=\"media\"] {\n background: #1e2030 !important;\n fill: #1e2030 !important;\n }\n :root:not(.theme-dark) .theme-rpl div[id^=\"vote-arrows\"] > div,\n :root:not(.theme-dark).theme-rpl div[id^=\"vote-arrows\"] > div,\n :root:not(.theme-dark) .theme-beta div[id^=\"vote-arrows\"] > div,\n :root:not(.theme-dark).theme-beta div[id^=\"vote-arrows\"] > div,\n .theme-light div[id^=\"vote-arrows\"] > div {\n color: #a5adcb !important;\n }\n :root:not(.theme-dark) .theme-rpl i.icon-upvote_fill,\n :root:not(.theme-dark).theme-rpl i.icon-upvote_fill,\n :root:not(.theme-dark) .theme-beta i.icon-upvote_fill,\n :root:not(.theme-dark).theme-beta i.icon-upvote_fill,\n .theme-light i.icon-upvote_fill {\n color: #ed8796 !important;\n }\n :root:not(.theme-dark) .theme-rpl button[aria-label=\"upvote\"][aria-pressed=\"false\"] > span:hover > i,\n :root:not(.theme-dark).theme-rpl button[aria-label=\"upvote\"][aria-pressed=\"false\"] > span:hover > i,\n :root:not(.theme-dark) .theme-beta button[aria-label=\"upvote\"][aria-pressed=\"false\"] > span:hover > i,\n :root:not(.theme-dark).theme-beta button[aria-label=\"upvote\"][aria-pressed=\"false\"] > span:hover > i,\n .theme-light button[aria-label=\"upvote\"][aria-pressed=\"false\"] > span:hover > i {\n color: #ed8796 !important;\n }\n :root:not(.theme-dark) .theme-rpl button[aria-label=\"upvote\"][aria-pressed=\"true\"] ~ div,\n :root:not(.theme-dark).theme-rpl button[aria-label=\"upvote\"][aria-pressed=\"true\"] ~ div,\n :root:not(.theme-dark) .theme-beta button[aria-label=\"upvote\"][aria-pressed=\"true\"] ~ div,\n :root:not(.theme-dark).theme-beta button[aria-label=\"upvote\"][aria-pressed=\"true\"] ~ div,\n .theme-light button[aria-label=\"upvote\"][aria-pressed=\"true\"] ~ div {\n color: #ed8796 !important;\n }\n :root:not(.theme-dark) .theme-rpl button[aria-label=\"upvote\"][aria-label=\"downvote\"] > span:hover,\n :root:not(.theme-dark).theme-rpl button[aria-label=\"upvote\"][aria-label=\"downvote\"] > span:hover,\n :root:not(.theme-dark) .theme-beta button[aria-label=\"upvote\"][aria-label=\"downvote\"] > span:hover,\n :root:not(.theme-dark).theme-beta button[aria-label=\"upvote\"][aria-label=\"downvote\"] > span:hover,\n .theme-light button[aria-label=\"upvote\"][aria-label=\"downvote\"] > span:hover {\n background: #363a4f !important;\n }\n :root:not(.theme-dark) .theme-rpl .icon-downvote_fill,\n :root:not(.theme-dark).theme-rpl .icon-downvote_fill,\n :root:not(.theme-dark) .theme-beta .icon-downvote_fill,\n :root:not(.theme-dark).theme-beta .icon-downvote_fill,\n .theme-light .icon-downvote_fill {\n color: #8aadf4 !important;\n }\n :root:not(.theme-dark) .theme-rpl button[aria-label=\"downvote\"][aria-pressed=\"true\"] ~ div,\n :root:not(.theme-dark).theme-rpl button[aria-label=\"downvote\"][aria-pressed=\"true\"] ~ div,\n :root:not(.theme-dark) .theme-beta button[aria-label=\"downvote\"][aria-pressed=\"true\"] ~ div,\n :root:not(.theme-dark).theme-beta button[aria-label=\"downvote\"][aria-pressed=\"true\"] ~ div,\n .theme-light button[aria-label=\"downvote\"][aria-pressed=\"true\"] ~ div {\n color: #8aadf4 !important;\n }\n :root:not(.theme-dark) .theme-rpl button[aria-label=\"downvote\"][aria-pressed=\"false\"] > span:hover > i,\n :root:not(.theme-dark).theme-rpl button[aria-label=\"downvote\"][aria-pressed=\"false\"] > span:hover > i,\n :root:not(.theme-dark) .theme-beta button[aria-label=\"downvote\"][aria-pressed=\"false\"] > span:hover > i,\n :root:not(.theme-dark).theme-beta button[aria-label=\"downvote\"][aria-pressed=\"false\"] > span:hover > i,\n .theme-light button[aria-label=\"downvote\"][aria-pressed=\"false\"] > span:hover > i {\n color: #8aadf4 !important;\n }\n :root:not(.theme-dark) .theme-rpl a.o1ov2mzLxTFAFP-O4Uv8I,\n :root:not(.theme-dark).theme-rpl a.o1ov2mzLxTFAFP-O4Uv8I,\n :root:not(.theme-dark) .theme-beta a.o1ov2mzLxTFAFP-O4Uv8I,\n :root:not(.theme-dark).theme-beta a.o1ov2mzLxTFAFP-O4Uv8I,\n .theme-light a.o1ov2mzLxTFAFP-O4Uv8I {\n color: #b7bdf8 !important;\n }\n :root:not(.theme-dark) .theme-rpl button._1lDGFVGU9k2mi-4kjU95Rp,\n :root:not(.theme-dark).theme-rpl button._1lDGFVGU9k2mi-4kjU95Rp,\n :root:not(.theme-dark) .theme-beta button._1lDGFVGU9k2mi-4kjU95Rp,\n :root:not(.theme-dark).theme-beta button._1lDGFVGU9k2mi-4kjU95Rp,\n .theme-light button._1lDGFVGU9k2mi-4kjU95Rp {\n color: #24273a !important;\n }\n :root:not(.theme-dark) .theme-rpl a[role=\"button\"][target=\"_blank\"],\n :root:not(.theme-dark).theme-rpl a[role=\"button\"][target=\"_blank\"],\n :root:not(.theme-dark) .theme-beta a[role=\"button\"][target=\"_blank\"],\n :root:not(.theme-dark).theme-beta a[role=\"button\"][target=\"_blank\"],\n .theme-light a[role=\"button\"][target=\"_blank\"] {\n background: #cad3f5 !important;\n color: #24273a !important;\n }\n :root:not(.theme-dark) .theme-rpl div[role=\"radio\"]:hover,\n :root:not(.theme-dark).theme-rpl div[role=\"radio\"]:hover,\n :root:not(.theme-dark) .theme-beta div[role=\"radio\"]:hover,\n :root:not(.theme-dark).theme-beta div[role=\"radio\"]:hover,\n .theme-light div[role=\"radio\"]:hover,\n :root:not(.theme-dark) .theme-rpl div[role=\"radio\"]:focus,\n :root:not(.theme-dark).theme-rpl div[role=\"radio\"]:focus,\n :root:not(.theme-dark) .theme-beta div[role=\"radio\"]:focus,\n :root:not(.theme-dark).theme-beta div[role=\"radio\"]:focus,\n .theme-light div[role=\"radio\"]:focus {\n background: #b7bdf8 !important;\n }\n :root:not(.theme-dark) .theme-rpl div[role=\"radio\"] > svg,\n :root:not(.theme-dark).theme-rpl div[role=\"radio\"] > svg,\n :root:not(.theme-dark) .theme-beta div[role=\"radio\"] > svg,\n :root:not(.theme-dark).theme-beta div[role=\"radio\"] > svg,\n .theme-light div[role=\"radio\"] > svg,\n :root:not(.theme-dark) .theme-rpl div[role=\"radio\"] > svg:active,\n :root:not(.theme-dark).theme-rpl div[role=\"radio\"] > svg:active,\n :root:not(.theme-dark) .theme-beta div[role=\"radio\"] > svg:active,\n :root:not(.theme-dark).theme-beta div[role=\"radio\"] > svg:active,\n .theme-light div[role=\"radio\"] > svg:active {\n fill: #cad3f5 !important;\n }\n :root:not(.theme-dark) .theme-rpl button[role=\"checkbox\"],\n :root:not(.theme-dark).theme-rpl button[role=\"checkbox\"],\n :root:not(.theme-dark) .theme-beta button[role=\"checkbox\"],\n :root:not(.theme-dark).theme-beta button[role=\"checkbox\"],\n .theme-light button[role=\"checkbox\"] {\n fill: #b7bdf8 !important;\n }\n :root:not(.theme-dark) .theme-rpl ._ZhON3a3vplThB8NFwuJn,\n :root:not(.theme-dark).theme-rpl ._ZhON3a3vplThB8NFwuJn,\n :root:not(.theme-dark) .theme-beta ._ZhON3a3vplThB8NFwuJn,\n :root:not(.theme-dark).theme-beta ._ZhON3a3vplThB8NFwuJn,\n .theme-light ._ZhON3a3vplThB8NFwuJn {\n background: #181926 !important;\n color: #cad3f5 !important;\n }\n :root:not(.theme-dark) .theme-rpl img[alt=\"Subreddit Icon\"][role=\"presentation\"],\n :root:not(.theme-dark).theme-rpl img[alt=\"Subreddit Icon\"][role=\"presentation\"],\n :root:not(.theme-dark) .theme-beta img[alt=\"Subreddit Icon\"][role=\"presentation\"],\n :root:not(.theme-dark).theme-beta img[alt=\"Subreddit Icon\"][role=\"presentation\"],\n .theme-light img[alt=\"Subreddit Icon\"][role=\"presentation\"] {\n background: #b7bdf8 !important;\n }\n :root:not(.theme-dark) .theme-rpl ._1KrMye71CT332tKKKUWAj6:not(:last-of-type),\n :root:not(.theme-dark).theme-rpl ._1KrMye71CT332tKKKUWAj6:not(:last-of-type),\n :root:not(.theme-dark) .theme-beta ._1KrMye71CT332tKKKUWAj6:not(:last-of-type),\n :root:not(.theme-dark).theme-beta ._1KrMye71CT332tKKKUWAj6:not(:last-of-type),\n .theme-light ._1KrMye71CT332tKKKUWAj6:not(:last-of-type) {\n border-bottom-color: #363a4f;\n }\n :root:not(.theme-dark) .theme-rpl i.icon-community_fill,\n :root:not(.theme-dark).theme-rpl i.icon-community_fill,\n :root:not(.theme-dark) .theme-beta i.icon-community_fill,\n :root:not(.theme-dark).theme-beta i.icon-community_fill,\n .theme-light i.icon-community_fill {\n color: #b7bdf8 !important;\n }\n :root:not(.theme-dark) .theme-rpl div._21RLQh5PvUhC6vOKoFeHUP::before,\n :root:not(.theme-dark).theme-rpl div._21RLQh5PvUhC6vOKoFeHUP::before,\n :root:not(.theme-dark) .theme-beta div._21RLQh5PvUhC6vOKoFeHUP::before,\n :root:not(.theme-dark).theme-beta div._21RLQh5PvUhC6vOKoFeHUP::before,\n .theme-light div._21RLQh5PvUhC6vOKoFeHUP::before {\n color: #a6da95 !important;\n }\n :root:not(.theme-dark) .theme-rpl ._2v4IIjPhKL0PDaWaWtjJ1E,\n :root:not(.theme-dark).theme-rpl ._2v4IIjPhKL0PDaWaWtjJ1E,\n :root:not(.theme-dark) .theme-beta ._2v4IIjPhKL0PDaWaWtjJ1E,\n :root:not(.theme-dark).theme-beta ._2v4IIjPhKL0PDaWaWtjJ1E,\n .theme-light ._2v4IIjPhKL0PDaWaWtjJ1E {\n background: #363a4f !important;\n }\n :root:not(.theme-dark) .theme-rpl span[id^=\"CommentTopMeta--Mod\"],\n :root:not(.theme-dark).theme-rpl span[id^=\"CommentTopMeta--Mod\"],\n :root:not(.theme-dark) .theme-beta span[id^=\"CommentTopMeta--Mod\"],\n :root:not(.theme-dark).theme-beta span[id^=\"CommentTopMeta--Mod\"],\n .theme-light span[id^=\"CommentTopMeta--Mod\"] {\n color: #a6da95 !important;\n }\n :root:not(.theme-dark) .theme-rpl span[id^=\"CommentTopMeta--OP\"],\n :root:not(.theme-dark).theme-rpl span[id^=\"CommentTopMeta--OP\"],\n :root:not(.theme-dark) .theme-beta span[id^=\"CommentTopMeta--OP\"],\n :root:not(.theme-dark).theme-beta span[id^=\"CommentTopMeta--OP\"],\n .theme-light span[id^=\"CommentTopMeta--OP\"] {\n color: #8aadf4 !important;\n }\n :root:not(.theme-dark) .theme-rpl div#overlayScrollContainer > div,\n :root:not(.theme-dark).theme-rpl div#overlayScrollContainer > div,\n :root:not(.theme-dark) .theme-beta div#overlayScrollContainer > div,\n :root:not(.theme-dark).theme-beta div#overlayScrollContainer > div,\n .theme-light div#overlayScrollContainer > div {\n background: #181926 !important;\n }\n :root:not(.theme-dark) .theme-rpl div._2M2wOqmeoPVvcSsJ6Po9-V._3287nL7j7epK9JmDC3N1VR,\n :root:not(.theme-dark).theme-rpl div._2M2wOqmeoPVvcSsJ6Po9-V._3287nL7j7epK9JmDC3N1VR,\n :root:not(.theme-dark) .theme-beta div._2M2wOqmeoPVvcSsJ6Po9-V._3287nL7j7epK9JmDC3N1VR,\n :root:not(.theme-dark).theme-beta div._2M2wOqmeoPVvcSsJ6Po9-V._3287nL7j7epK9JmDC3N1VR,\n .theme-light div._2M2wOqmeoPVvcSsJ6Po9-V._3287nL7j7epK9JmDC3N1VR {\n background: #1e2030 !important;\n }\n :root:not(.theme-dark) .theme-rpl div._2DJXORCrmcNpPTSq0LqL6i,\n :root:not(.theme-dark).theme-rpl div._2DJXORCrmcNpPTSq0LqL6i,\n :root:not(.theme-dark) .theme-beta div._2DJXORCrmcNpPTSq0LqL6i,\n :root:not(.theme-dark).theme-beta div._2DJXORCrmcNpPTSq0LqL6i,\n .theme-light div._2DJXORCrmcNpPTSq0LqL6i,\n :root:not(.theme-dark) .theme-rpl div._1DK52RbaamLOWw5UPaht_S,\n :root:not(.theme-dark).theme-rpl div._1DK52RbaamLOWw5UPaht_S,\n :root:not(.theme-dark) .theme-beta div._1DK52RbaamLOWw5UPaht_S,\n :root:not(.theme-dark).theme-beta div._1DK52RbaamLOWw5UPaht_S,\n .theme-light div._1DK52RbaamLOWw5UPaht_S {\n background: rgba(24, 25, 38, 0.8) !important;\n }\n :root:not(.theme-dark) .theme-rpl div.TmlaIdEplCzZ0F1aRGYQh[role=\"presentation\"],\n :root:not(.theme-dark).theme-rpl div.TmlaIdEplCzZ0F1aRGYQh[role=\"presentation\"],\n :root:not(.theme-dark) .theme-beta div.TmlaIdEplCzZ0F1aRGYQh[role=\"presentation\"],\n :root:not(.theme-dark).theme-beta div.TmlaIdEplCzZ0F1aRGYQh[role=\"presentation\"],\n .theme-light div.TmlaIdEplCzZ0F1aRGYQh[role=\"presentation\"] {\n background: linear-gradient(188deg, #f9e2af1f 1.7%, #f9e2af00 46%, rgba(0, 0, 0, 0)) !important;\n }\n :root:not(.theme-dark) .theme-rpl a[title=\"Next\"] > i,\n :root:not(.theme-dark).theme-rpl a[title=\"Next\"] > i,\n :root:not(.theme-dark) .theme-beta a[title=\"Next\"] > i,\n :root:not(.theme-dark).theme-beta a[title=\"Next\"] > i,\n .theme-light a[title=\"Next\"] > i,\n :root:not(.theme-dark) .theme-rpl a[title=\"Previous\"] > i,\n :root:not(.theme-dark).theme-rpl a[title=\"Previous\"] > i,\n :root:not(.theme-dark) .theme-beta a[title=\"Previous\"] > i,\n :root:not(.theme-dark).theme-beta a[title=\"Previous\"] > i,\n .theme-light a[title=\"Previous\"] > i {\n background: #363a4f !important;\n }\n :root:not(.theme-dark) .theme-rpl div._61i6grM3um1yuw4GrN97P,\n :root:not(.theme-dark).theme-rpl div._61i6grM3um1yuw4GrN97P,\n :root:not(.theme-dark) .theme-beta div._61i6grM3um1yuw4GrN97P,\n :root:not(.theme-dark).theme-beta div._61i6grM3um1yuw4GrN97P,\n .theme-light div._61i6grM3um1yuw4GrN97P {\n background: rgba(24, 25, 38, 0.8) !important;\n color: #cad3f5 !important;\n }\n :root:not(.theme-dark) .theme-rpl input#comment_search-bar,\n :root:not(.theme-dark).theme-rpl input#comment_search-bar,\n :root:not(.theme-dark) .theme-beta input#comment_search-bar,\n :root:not(.theme-dark).theme-beta input#comment_search-bar,\n .theme-light input#comment_search-bar {\n background: #24273a !important;\n }\n :root:not(.theme-dark) .theme-rpl ._1gVVmSnHZpkUgVShsn7-ua,\n :root:not(.theme-dark).theme-rpl ._1gVVmSnHZpkUgVShsn7-ua,\n :root:not(.theme-dark) .theme-beta ._1gVVmSnHZpkUgVShsn7-ua,\n :root:not(.theme-dark).theme-beta ._1gVVmSnHZpkUgVShsn7-ua,\n .theme-light ._1gVVmSnHZpkUgVShsn7-ua {\n background: #1e2030 !important;\n }\n :root:not(.theme-dark) .theme-rpl .bX6SqXfzfxpv4GQbuIYVZ,\n :root:not(.theme-dark).theme-rpl .bX6SqXfzfxpv4GQbuIYVZ,\n :root:not(.theme-dark) .theme-beta .bX6SqXfzfxpv4GQbuIYVZ,\n :root:not(.theme-dark).theme-beta .bX6SqXfzfxpv4GQbuIYVZ,\n .theme-light .bX6SqXfzfxpv4GQbuIYVZ {\n color: #ed8796 !important;\n }\n :root:not(.theme-dark) .theme-rpl div.HQ2VJViRjokXpRbJzPvvc,\n :root:not(.theme-dark).theme-rpl div.HQ2VJViRjokXpRbJzPvvc,\n :root:not(.theme-dark) .theme-beta div.HQ2VJViRjokXpRbJzPvvc,\n :root:not(.theme-dark).theme-beta div.HQ2VJViRjokXpRbJzPvvc,\n .theme-light div.HQ2VJViRjokXpRbJzPvvc {\n background: #1e2030 !important;\n color: #cad3f5 !important;\n }\n :root:not(.theme-dark) .theme-rpl div.HQ2VJViRjokXpRbJzPvvc::after,\n :root:not(.theme-dark).theme-rpl div.HQ2VJViRjokXpRbJzPvvc::after,\n :root:not(.theme-dark) .theme-beta div.HQ2VJViRjokXpRbJzPvvc::after,\n :root:not(.theme-dark).theme-beta div.HQ2VJViRjokXpRbJzPvvc::after,\n .theme-light div.HQ2VJViRjokXpRbJzPvvc::after {\n border-top-color: #1e2030 !important;\n }\n :root:not(.theme-light) .theme-rpl,\n :root:not(.theme-light).theme-rpl,\n :root:not(.theme-light) .theme-beta,\n :root:not(.theme-light).theme-beta,\n .theme-dark {\n /* BETA */\n --color-pizzaRed: #ed8796;\n --color-global-brand-orangered: #f5a97f;\n --color-global-focus: #494d64;\n --color-interactive-content-disabled: #a5adcb;\n --color-interactive-background-disabled: #a5adcb;\n --color-interactive-pressed: #9fa7c7;\n --color-neutral-content: #cad3f5;\n --color-neutral-content-disabled: #a5adcb;\n --color-neutral-content-weak: #a5adcb;\n --color-neutral-content-strong: #cad3f5;\n --color-global-white: #cad3f5;\n --color-neutral-background: #24273a;\n --color-neutral-background-selected: #363a4f;\n --color-neutral-background-weak: #1e2030;\n --color-neutral-background-medium: #24273a;\n --color-neutral-background-strong: #1e2030;\n --color-neutral-background-hover: #363a4f;\n --color-neutral-border: #363a4f;\n --color-neutral-border-medium: #363a4f;\n --color-neutral-border-weak: #363a4f;\n --color-neutral-border-strong: #5b6078;\n --color-primary: #b7bdf8;\n --color-primary-hover: #e5e8fd;\n --color-primary-visited: #b7bdf8;\n --color-primary-background: #24273a;\n --color-primary-background-hover: #363a4f;\n --color-primary-background-selected: #363a4f;\n --color-primary-onBackground: #cad3f5;\n --color-primary-onBackground-selected: #181926;\n --color-secondary: #a5adcb;\n --color-secondary-hover: #b8c0e0;\n --color-secondary-weak: #a5adcb;\n --color-secondary-onBackground: #cad3f5;\n --color-secondary-background: #1e2030;\n --color-secondary-background-hover: #1a1c2a;\n --color-secondary-background-selected: #1a1c2a;\n --color-secondary-plain: #a5adcb;\n --color-secondary-plain-hover: #b8c0e0;\n --color-danger-background: #ed8796;\n --color-danger-background-disabled: rgba(237, 135, 150, 0.2);\n --color-danger-background-hover: rgba(237, 135, 150, 0.98);\n --color-danger-onBackground: #cad3f5;\n --color-danger-content: #ed8796;\n --color-danger-content-hover: #ec7e8e;\n --color-success-content: #a6da95;\n --color-success-hover: #a0d78d;\n --color-success-onBackground: #cad3f5;\n --color-success-background: #a6da95;\n --color-success-background-hover: #a0d78d;\n --color-warning-content: #eed49f;\n --color-warning-content-hover: #ecd096;\n --color-warning-onBackground: #24273a;\n --color-warning-background: #eed49f;\n --color-warning-background-hover: #ecd096;\n --color-upvote-content: #b7bdf8;\n --color-upvote-disabled: #a5adcb;\n --color-upvote-onBackground: #cad3f5;\n --color-upvote-background: #24273a;\n --color-upvote-background-hover: #24273a;\n --color-upvote-background-disabled: #24273a;\n --color-downvote-content: #cad3f5;\n --color-downvote-content-weak: #cad3f5;\n --color-downvote-disabled: #a5adcb;\n --color-downvote-onBackground: #cad3f5;\n --color-downvote-background: #24273a;\n --color-downvote-background-hover: #24273a;\n --color-downvote-background-disabled: @;\n --color-tone-1: #cad3f5;\n --color-tone-2: #a5adcb;\n --color-tone-3: #939ab7;\n --color-tone-4: #363a4f;\n --color-tone-5: #494d64;\n --color-tone-6: #5b6078;\n --color-tone-7: #24273a;\n --color-avatar-gradient: #b7bdf8;\n --color-transparent-background-hover: rgba(54, 58, 79, 0.3);\n --color-opacity-50: rgba(36, 39, 58, 0.5);\n --color-online: #b7bdf8;\n --color-favorite: #b7bdf8;\n --color-brand-background: #b7bdf8;\n --color-brand-background-hover: #b7bdf8;\n /* normal stuff */\n /* reddit chat variables */\n /* site background */\n /* PROFILE MENU */\n /* karma count */\n /* profile button karma icon */\n /* menu headers */\n /* switches, should also apply sitewide */\n /* online status */\n /* PROFILE PAGE */\n /* create avatar button */\n /* cake day and followers icon */\n /* add social links button readability tweak */\n /* profile moderation and user settings page */\n /* Beta Badge */\n /* Delete Account */\n /* Delete Account Icon */\n /* blocked, muted input */\n /* fixes profile posts not being themed */\n /* NFT AVATAR VIEWER */\n /* modal background */\n /* mint status */\n /* carousel background */\n /* nft card back */\n /* external links */\n /* shop for avatars button */\n /* AVATAR CREATOR */\n /* SITE HEADER */\n /* reddit logo */\n /* notification icon */\n /* advertise button */\n /* reddit now notification */\n /* search scope pill text */\n /* search popup title */\n /* safe search toggle */\n /* NAVIGATION SIDEBAR */\n /* close icon */\n /* item color */\n /* navigation sidebar header color */\n /* favorites */\n /* RIGHT FRONTPAGE SIDEBAR */\n /* reddit premium icon */\n /* reddit premium try now button */\n /* recent posts thumbnail borders */\n /* POSTS */\n /* post background for card style */\n /* post options (save, comment, etc.) */\n /* post title color */\n /* \n * post op color and\n * post date color\n */\n /* nsfw flair */\n /* pinned post icon */\n /* give award icon */\n /* locked post icon */\n /* post button divider */\n /* UPVOTES/DOWNVOTES */\n /* upvote/downvote background */\n /* inactive vote text color */\n /* active upvote color */\n /* active upvote text color */\n /* hover background for both upvotes and downvotes */\n /* active downvote color */\n /* active downvote text color */\n /* REPORT MODAL */\n /* SUBREDDIT PAGES */\n /* radio buttons (flair selector, etc.) */\n /* checkboxes */\n /* SUBREDDIT RIGHT SIDEBAR (some styles carry over from the homepage right sidebar section) */\n /* header background */\n /* subreddit image background */\n /* border between uela */\n /* default subreddit icon */\n /* online users */\n /* POST VIEWER */\n /* spoiler tags */\n /* mod comment tag */\n /* op comment tag */\n /* post overlay if you have \"open in new tab\" disabled */\n /* fixes comment section background not working when \"open in new tab is disabled\" */\n /* shade applied to background when clicking on a post with \"open in new tab\" disabled */\n /* gold award gradient */\n /* image gallery next/previous buttons */\n /* image gallery image count */\n /* comment search bar */\n /* tab bar below banner */\n /* MULTIREDDITS/CUSTOM FEEDS */\n /* delete custom feed button */\n /* TOOLTIPS */\n }\n :root:not(.theme-light) .theme-rpl #reddit-logo circle[fill=\"#FF4500\"],\n :root:not(.theme-light).theme-rpl #reddit-logo circle[fill=\"#FF4500\"],\n :root:not(.theme-light) .theme-beta #reddit-logo circle[fill=\"#FF4500\"],\n :root:not(.theme-light).theme-beta #reddit-logo circle[fill=\"#FF4500\"],\n .theme-dark #reddit-logo circle[fill=\"#FF4500\"] {\n fill: #b7bdf8 !important;\n }\n :root:not(.theme-light) .theme-rpl #reddit-logo path[fill=\"#FFF\"],\n :root:not(.theme-light).theme-rpl #reddit-logo path[fill=\"#FFF\"],\n :root:not(.theme-light) .theme-beta #reddit-logo path[fill=\"#FFF\"],\n :root:not(.theme-light).theme-beta #reddit-logo path[fill=\"#FFF\"],\n .theme-dark #reddit-logo path[fill=\"#FFF\"] {\n fill: #181926 !important;\n }\n :root:not(.theme-light) .theme-rpl,\n :root:not(.theme-light).theme-rpl,\n :root:not(.theme-light) .theme-beta,\n :root:not(.theme-light).theme-beta,\n .theme-dark,\n :root:not(.theme-light) .theme-rpl div[class^=\"subredditvars\"],\n :root:not(.theme-light).theme-rpl div[class^=\"subredditvars\"],\n :root:not(.theme-light) .theme-beta div[class^=\"subredditvars\"],\n :root:not(.theme-light).theme-beta div[class^=\"subredditvars\"],\n .theme-dark div[class^=\"subredditvars\"] {\n --color-online: #a6da95 !important;\n --newCommunityTheme-actionIcon: #a5adcb !important;\n --newCommunityTheme-actionIconAlpha20: rgba(24, 25, 38, 0.8) !important;\n --newCommunityTheme-actionIconAlpha50: rgba(24, 25, 38, 0.8) !important;\n --newCommunityTheme-actionIconShaded80: #a5adcb !important;\n --newCommunityTheme-actionIconTinted80: #b8c0e0 !important;\n --newCommunityTheme-active: #b7bdf8 !important;\n --newCommunityTheme-activeAlpha10: rgba(24, 25, 38, 0.8) !important;\n --newCommunityTheme-activeAlpha20: rgba(24, 25, 38, 0.8) !important;\n --newCommunityTheme-activeAlpha50: rgba(24, 25, 38, 0.8) !important;\n --newCommunityTheme-activeLight60: #b7bdf8 !important;\n --newCommunityTheme-activeShaded80: #b7bdf8 !important;\n --newCommunityTheme-activeShaded90: #b7bdf8 !important;\n --newCommunityTheme-activeTinted05: #cad3f5 !important;\n --newCommunityTheme-banner-backgroundColor: #b7bdf8 !important;\n --newCommunityTheme-banner-iconColor: #b7bdf8 !important;\n --newCommunityTheme-body: #1e2030 !important;\n --newCommunityTheme-bodyAlpha50: #363a4f !important;\n --newCommunityTheme-bodyAlpha70: #494d64 !important;\n --newCommunityTheme-bodyAlpha80: #5b6078 !important;\n --newCommunityTheme-bodyFade: #a5adcb !important;\n --newCommunityTheme-bodyShaded80: #1e2030 !important;\n --newCommunityTheme-bodyText: #cad3f5 !important;\n --newCommunityTheme-bodyTextAlpha03: #1e2030 !important;\n --newCommunityTheme-bodyTextAlpha20: #494d64 !important;\n --newCommunityTheme-bodyTextShaded20: #363a4f !important;\n --newCommunityTheme-bodyTextTinted20: #a5adcb !important;\n --newCommunityTheme-bodyTinted50: #8087a2 !important;\n --newCommunityTheme-bodyTinted80: #6e738d !important;\n --newCommunityTheme-button: #cad3f5 !important;\n --newCommunityTheme-buttonAlpha05: rgba(24, 25, 38, 0.8) !important;\n --newCommunityTheme-buttonAlpha10: rgba(24, 25, 38, 0.8) !important;\n --newCommunityTheme-buttonAlpha20: rgba(24, 25, 38, 0.8) !important;\n --newCommunityTheme-buttonAlpha40: #a5adcb !important;\n --newCommunityTheme-buttonAlpha50: #b8c0e0 !important;\n --newCommunityTheme-buttonAlpha80: #b8c0e0 !important;\n --newCommunityTheme-buttonShaded80: #6e738d !important;\n --newCommunityTheme-buttonTinted20: #b7bdf8 !important;\n --newCommunityTheme-buttonTinted50: #b7bdf8 !important;\n --newCommunityTheme-buttonTinted80: #b7bdf8 !important;\n --newCommunityTheme-canvas: #181926 !important;\n --newCommunityTheme-checkbox: #cad3f5 !important;\n --newCommunityTheme-errorText: #ed8796 !important;\n --newCommunityTheme-field: #363a4f !important;\n --newCommunityTheme-fieldFade: rgba(73, 77, 100, 0.2) !important;\n --newCommunityTheme-flair: #b7bdf8 !important;\n --newCommunityTheme-highlight: #24273a !important;\n --newCommunityTheme-inactive: #a5adcb !important;\n --newCommunityTheme-lightText: #cad3f5 !important;\n --newCommunityTheme-lightTextAlpha75: #b8c0e0 !important;\n --newCommunityTheme-line: rgba(73, 77, 100, 0.2) !important;\n --newCommunityTheme-lineShaded80: rgba(73, 77, 100, 0.2) !important;\n --newCommunityTheme-lineShaded90: rgba(73, 77, 100, 0.2) !important;\n --newCommunityTheme-lineShadedNinety: rgba(73, 77, 100, 0.2) !important;\n --newCommunityTheme-linkText: #b7bdf8 !important;\n --newCommunityTheme-linkTextAlpha80: #b7bdf8 !important;\n --newCommunityTheme-linkTextShaded80: #b7bdf8 !important;\n --newCommunityTheme-linkTextTinted80: #b7bdf8 !important;\n --newCommunityTheme-linkTextWithBody: #b7bdf8 !important;\n --newCommunityTheme-menu: #1e2030 !important;\n --newCommunityTheme-menuActiveText: #cad3f5 !important;\n --newCommunityTheme-menuButtonBackground-active: #24273a !important;\n --newCommunityTheme-menuButtonBackground-focus: #24273a !important;\n --newCommunityTheme-menuButtonBackground-hover: #24273a !important;\n --newCommunityTheme-menuInactiveText: #cad3f5 !important;\n --newCommunityTheme-metaText: #a5adcb !important;\n --newCommunityTheme-metaTextAlpha50: #a5adcb !important;\n --newCommunityTheme-metaTextShaded80: #a5adcb !important;\n --newCommunityTheme-monospaceColor: #b7bdf8 !important;\n --newCommunityTheme-navBar-activeLink: #cad3f5 !important;\n --newCommunityTheme-navBar-activeSubmenuCaret: #cad3f5 !important;\n --newCommunityTheme-navBar-activeSubmenuLink: #cad3f5 !important;\n --newCommunityTheme-navBar-backgroundColor: #1e2030 !important;\n --newCommunityTheme-navBar-hoverLink: #cad3f5 !important;\n --newCommunityTheme-navBar-inactiveLink: #cad3f5 !important;\n --newCommunityTheme-navBar-inactiveSubmenuCaret: #cad3f5 !important;\n --newCommunityTheme-navBar-inactiveSubmenuLink: #cad3f5 !important;\n --newCommunityTheme-navBar-submenuBackgroundColor: #1e2030 !important;\n --newCommunityTheme-navIcon: #cad3f5 !important;\n /* upvote/downvote focus */\n --newCommunityTheme-navIconFaded10: rgba(24, 25, 38, 0.8) !important;\n --newCommunityTheme-nsfw: #ed8796 !important;\n --newCommunityTheme-nsfwBlocking-bgcolor: #181926 !important;\n --newCommunityTheme-nsfwBlocking-color: #cad3f5 !important;\n --newCommunityTheme-nsfwBlocking-contentTitleBgColor: #24273a !important;\n --newCommunityTheme-nsfwBlocking-mainCtaBgColor: #1e2030 !important;\n --newCommunityTheme-pageHeader: #5b6078 !important;\n --newCommunityTheme-placeholder: #363a4f !important;\n --newCommunityTheme-post: #1e2030 !important;\n --newCommunityTheme-postError: #ed8796 !important;\n --newCommunityTheme-postFlairText: #181926 !important;\n --newCommunityTheme-postIcon: #b7bdf8 !important;\n --newCommunityTheme-postLine: rgba(73, 77, 100, 0.2) !important;\n --newCommunityTheme-postLineShaded80: rgba(73, 77, 100, 0.2) !important;\n --newCommunityTheme-postLineShaded90: rgba(73, 77, 100, 0.2) !important;\n --newCommunityTheme-postTinted20: #24273a !important;\n --newCommunityTheme-postTransparent20: #24273a !important;\n --newCommunityTheme-primaryButtonShadedEighty: #8087a2 !important;\n --newCommunityTheme-primaryButtonTintedEighty: #8087a2 !important;\n --newCommunityTheme-primaryButtonTintedFifty: #6e738d !important;\n --newCommunityTheme-primaryButtonTintedSixty: #6e738d !important;\n --newCommunityTheme-quarantine: #eed49f !important;\n --newCommunityTheme-report: #494d64 !important;\n --newCommunityTheme-search-syntaxHighlightBackgroundColor: #b7bdf8 !important;\n --newCommunityTheme-search-syntaxHighlightColor: #24273a !important;\n --newCommunityTheme-titleText: #cad3f5 !important;\n --newCommunityTheme-upsell-appleIcon: #b8c0e0 !important;\n --newCommunityTheme-upsell-ssoButtonBorderColor: rgba(73, 77, 100, 0.2) !important;\n --newCommunityTheme-upsell-ssoButtonTextColor: #cad3f5 !important;\n --newCommunityTheme-voteText-base: #a5adcb !important;\n --newCommunityTheme-voteText-downvote: #8aadf4 !important;\n --newCommunityTheme-voteText-downvoteShaded80: #8aadf4 !important;\n --newCommunityTheme-voteText-downvoteTinted80: #8aadf4 !important;\n --newCommunityTheme-voteText-upvote: #ed8796 !important;\n --newCommunityTheme-voteText-upvoteShaded80: #ed8796 !important;\n --newCommunityTheme-voteText-upvoteTinted80: #ed8796 !important;\n --newCommunityTheme-widgetColors-appleIcon: #6e738d !important;\n --newCommunityTheme-widgetColors-lineColor: rgba(73, 77, 100, 0.2) !important;\n /* sidebar widgets */\n --newCommunityTheme-widgetColors-sidebarWidgetBackgroundColor: #1e2030 !important;\n --newCommunityTheme-widgetColors-sidebarWidgetBorderColor: rgba(73, 77, 100, 0.2) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetHeaderColor: #181926 !important;\n --newCommunityTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: #1e2030 !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTextColor: #cad3f5 !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTextColorShaded80: #b8c0e0 !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTitleColor: #cad3f5 !important;\n --newRedditTheme-actionIcon: #a5adcb !important;\n --newRedditTheme-actionIconAlpha20: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-actionIconAlpha50: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-actionIconShaded80: #a5adcb !important;\n --newRedditTheme-actionIconTinted80: #b8c0e0 !important;\n --newRedditTheme-active: #b7bdf8 !important;\n --newRedditTheme-activeAlpha10: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-activeAlpha20: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-activeAlpha50: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-activeLight60: #b7bdf8 !important;\n --newRedditTheme-activeShaded80: #b7bdf8 !important;\n --newRedditTheme-activeShaded90: #b7bdf8 !important;\n --newRedditTheme-activeTinted05: #cad3f5 !important;\n --newRedditTheme-banner-backgroundColor: #b7bdf8 !important;\n --newRedditTheme-banner-iconColor: #b7bdf8 !important;\n --newRedditTheme-body: #1e2030 !important;\n --newRedditTheme-bodyAlpha50: #363a4f !important;\n --newRedditTheme-bodyAlpha70: #494d64 !important;\n --newRedditTheme-bodyAlpha80: #5b6078 !important;\n --newRedditTheme-bodyFade: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-bodyShaded80: #1e2030 !important;\n --newRedditTheme-bodyText: #cad3f5 !important;\n --newRedditTheme-bodyTextAlpha03: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-bodyTextAlpha20: #494d64 !important;\n --newRedditTheme-bodyTextShaded20: #363a4f !important;\n --newRedditTheme-bodyTextTinted20: #b8c0e0 !important;\n --newRedditTheme-bodyTinted50: #6e738d !important;\n --newRedditTheme-bodyTinted80: #8087a2 !important;\n --newRedditTheme-button: #cad3f5 !important;\n --newRedditTheme-buttonAlpha05: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-buttonAlpha10: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-buttonAlpha20: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-buttonAlpha40: #a5adcb !important;\n --newRedditTheme-buttonAlpha50: #b8c0e0 !important;\n --newRedditTheme-buttonAlpha80: #b8c0e0 !important;\n --newRedditTheme-buttonShaded80: #6e738d !important;\n --newRedditTheme-buttonTinted20: #b7bdf8 !important;\n --newRedditTheme-buttonTinted50: #b7bdf8 !important;\n --newRedditTheme-buttonTinted80: #b7bdf8 !important;\n --newRedditTheme-canvas: #181926 !important;\n --newRedditTheme-checkbox: #cad3f5 !important;\n --newRedditTheme-errorText: #ed8796 !important;\n --newRedditTheme-field: #24273a !important;\n --newRedditTheme-fieldFade: #1e2030 !important;\n --newRedditTheme-flair: #b7bdf8 !important;\n /* controls menu, link, and other similar highlights. very important */\n --newRedditTheme-highlight: #24273a !important;\n --newRedditTheme-inactive: #363a4f !important;\n --newRedditTheme-lightText: #cad3f5 !important;\n --newRedditTheme-lightTextAlpha75: #b8c0e0 !important;\n --newRedditTheme-line: rgba(73, 77, 100, 0.2) !important;\n --newRedditTheme-lineShaded80: rgba(73, 77, 100, 0.2) !important;\n --newRedditTheme-lineShaded90: rgba(73, 77, 100, 0.2) !important;\n --newRedditTheme-lineShadedNinety: rgba(73, 77, 100, 0.2) !important;\n /* links */\n --newRedditTheme-linkText: #b7bdf8 !important;\n --newRedditTheme-linkTextAlpha80: #b7bdf8 !important;\n --newRedditTheme-linkTextShaded80: #b7bdf8 !important;\n --newRedditTheme-linkTextTinted80: #b7bdf8 !important;\n --newRedditTheme-linkTextWithBody: #b7bdf8 !important;\n /* menus */\n --newRedditTheme-menu: #1e2030 !important;\n --newRedditTheme-menuActiveText: #cad3f5 !important;\n --newRedditTheme-menuButtonBackground-active: #b7bdf8 !important;\n --newRedditTheme-menuButtonBackground-focus: #24273a !important;\n --newRedditTheme-menuButtonBackground-hover: #24273a !important;\n --newRedditTheme-menuInactiveText: #cad3f5 !important;\n --newRedditTheme-metaText: #a5adcb !important;\n --newRedditTheme-metaTextAlpha50: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-metaTextShaded80: #b8c0e0 !important;\n --newRedditTheme-monospaceColor: #b7bdf8 !important;\n --newRedditTheme-navBar-activeLink: #cad3f5 !important;\n --newRedditTheme-navBar-activeSubmenuCaret: #cad3f5 !important;\n --newRedditTheme-navBar-activeSubmenuLink: #cad3f5 !important;\n --newRedditTheme-navBar-backgroundColor: #1e2030 !important;\n --newRedditTheme-navBar-hoverLink: #cad3f5 !important;\n --newRedditTheme-navBar-inactiveLink: #cad3f5 !important;\n --newRedditTheme-navBar-inactiveSubmenuCaret: #cad3f5 !important;\n --newRedditTheme-navBar-inactiveSubmenuLink: #cad3f5 !important;\n --newRedditTheme-navBar-submenuBackgroundColor: #1e2030 !important;\n --newRedditTheme-navIcon: #cad3f5 !important;\n --newRedditTheme-navIconFaded10: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-nsfw: #ed8796 !important;\n --newRedditTheme-nsfwBlocking-bgcolor: #181926 !important;\n --newRedditTheme-nsfwBlocking-color: #cad3f5 !important;\n --newRedditTheme-nsfwBlocking-contentTitleBgColor: #24273a !important;\n --newRedditTheme-nsfwBlocking-mainCtaBgColor: #1e2030 !important;\n --newRedditTheme-pageHeader: #363a4f !important;\n --newRedditTheme-placeholder: #494d64 !important;\n --newRedditTheme-post: #1e2030 !important;\n --newRedditTheme-postError: #ed8796 !important;\n --newRedditTheme-postFlairText: #cad3f5 !important;\n --newRedditTheme-postIcon: #b7bdf8 !important;\n --newRedditTheme-postLine: rgba(73, 77, 100, 0.2) !important;\n --newRedditTheme-postLineShaded80: rgba(73, 77, 100, 0.2) !important;\n --newRedditTheme-postLineShaded90: rgba(73, 77, 100, 0.2) !important;\n --newRedditTheme-postTinted20: #24273a !important;\n --newRedditTheme-postTransparent20: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-primaryButtonShadedEighty: #494d64 !important;\n --newRedditTheme-primaryButtonTintedEighty: #5b6078 !important;\n --newRedditTheme-primaryButtonTintedFifty: #494d64 !important;\n --newRedditTheme-primaryButtonTintedSixty: #494d64 !important;\n --newRedditTheme-quarantine: #eed49f !important;\n --newRedditTheme-report: #24273a !important;\n --newRedditTheme-search-syntaxHighlightBackgroundColor: #b7bdf8 !important;\n --newRedditTheme-search-syntaxHighlightColor: #24273a !important;\n --newRedditTheme-titleText: #cad3f5 !important;\n --newRedditTheme-upsell-appleIcon: #6e738d !important;\n --newRedditTheme-upsell-ssoButtonBorderColor: #cad3f5 !important;\n --newRedditTheme-upsell-ssoButtonTextColor: #cad3f5 !important;\n --newRedditTheme-voteText-base: #b8c0e0 !important;\n --newRedditTheme-voteText-downvote: #8aadf4 !important;\n --newRedditTheme-voteText-downvoteShaded80: #8aadf4 !important;\n --newRedditTheme-voteText-downvoteTinted80: #8aadf4 !important;\n --newRedditTheme-voteText-upvote: #ed8796 !important;\n --newRedditTheme-voteText-upvoteShaded80: #ed8796 !important;\n --newRedditTheme-voteText-upvoteTinted80: #ed8796 !important;\n --newRedditTheme-widgetColors-appleIcon: #6e738d !important;\n --newRedditTheme-widgetColors-lineColor: rgba(73, 77, 100, 0.2) !important;\n --newRedditTheme-widgetColors-sidebarWidgetBackgroundColor: #1e2030 !important;\n --newRedditTheme-widgetColors-sidebarWidgetBorderColor: rgba(73, 77, 100, 0.2) !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColor: #181926 !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: rgba(24, 25, 38, 0.8) !important;\n --newRedditTheme-widgetColors-sidebarWidgetTextColor: #cad3f5 !important;\n --newRedditTheme-widgetColors-sidebarWidgetTextColorShaded80: #b8c0e0 !important;\n --newRedditTheme-widgetColors-sidebarWidgetTitleColor: #cad3f5 !important;\n --tw-bg-opacity: #181926 !important;\n --vds-video-bg-color: #181926 !important;\n }\n :root:not(.theme-light) .theme-rpl :root,\n :root:not(.theme-light).theme-rpl :root,\n :root:not(.theme-light) .theme-beta :root,\n :root:not(.theme-light).theme-beta :root,\n .theme-dark :root {\n --activity-button-chatFilterColor: #363a4f !important;\n --activity-button-newChatFilter-activeBg: #b7bdf8 !important;\n --activity-button-newChatFilter-activeText: #24273a !important;\n --activity-button-newChatFilter-defaultBorder: #494d64 !important;\n --activity-button-newChatFilter-defaultText: #cad3f5 !important;\n --activity-button-primary: #b7bdf8 !important;\n --activity-button-secondary: #cad3f5 !important;\n --activity-buttonPrimary-color: #b7bdf8 !important;\n --activity-buttonSecondary-active: #b7bdf8 !important;\n --activity-checkbox-checked: #b7bdf8 !important;\n --activity-checkbox-checkmark: #cad3f5 !important;\n --activity-checkbox-unchecked: #24273a !important;\n --activity-checkbox-uncheckedBorder: #494d64 !important;\n --activity-icon-active: #b7bdf8 !important;\n --activity-icon-contrast: #494d64 !important;\n --activity-icon-default: #a5adcb !important;\n --activity-icon-disable: #5b6078 !important;\n --activity-icon-hover: #5b6078 !important;\n --activity-icon-nsfw-bg: #24273a !important;\n --activity-icon-nsfw-text: #cad3f5 !important;\n --activity-icon-subIcon-backgroundColor: #cad3f5 !important;\n --activity-icon-toaster: #181926 !important;\n --activity-input-background: rgba(24, 25, 38, 0.8) !important;\n --activity-input-border: #494d64 !important;\n --activity-input-channelRename: #a5adcb !important;\n --activity-input-color: #b8c0e0 !important;\n --activity-input-error: #ed8796 !important;\n --activity-input-focusBg: #a6da95 !important;\n --activity-input-focusColor: #cad3f5 !important;\n --activity-input-ownerBg: #363a4f !important;\n --activity-link-hoverText: #ed8796 !important;\n --activity-link-staticText: #b7bdf8 !important;\n --activity-link-staticUnderline: #b7bdf8 !important;\n --activity-minimizedPortal-backgroundColor-unreadFinal: #1e2030 !important;\n --activity-minimizedPortal-backgroundColor-unreadInitial: #b7bdf8 !important;\n --activity-minimizedPortal-color-unreadFinal: #cad3f5 !important;\n --activity-minimizedPortal-color-unreadInitial: #cad3f5 !important;\n --activity-send-disable: #363a4f !important;\n --activity-send-hover: #b7bdf8 !important;\n --activity-text-active: #b7bdf8 !important;\n --activity-text-fade: #a5adcb !important;\n --activity-text-highlight: #cad3f5 !important;\n --activity-text-light: #a5adcb !important;\n --activity-text-meta: #a5adcb !important;\n --activity-text-regular: #cad3f5 !important;\n --activity-text-success: #a6da95 !important;\n --activity-text-tutorial: #f4dbd6 !important;\n --activity-text-warning: #ed8796 !important;\n --addReaction-backgroundColor: #363a4f !important;\n --addReaction-iconFill: #494d64 !important;\n --boxShadow: rgba(24, 25, 38, 0.8) !important;\n --bubble-border: rgba(73, 77, 100, 0.2) !important;\n --bubble-channelsFilter-background: #181926 !important;\n --bubble-channelsFilter-selected: #6e738d !important;\n --bubble-color: #cad3f5 !important;\n --bubble-link-color: #b7bdf8 !important;\n --bubbleActions-hover: #363a4f !important;\n --editName: #494d64 !important;\n --layout-body: #1e2030 !important;\n --layout-colsBorder: rgba(73, 77, 100, 0.2) !important;\n --layout-controlsBorder: rgba(73, 77, 100, 0.2) !important;\n --layout-dropdown-border: rgba(73, 77, 100, 0.2) !important;\n --layout-header-counterBg: #ed8796 !important;\n --layout-header-counterText: #cad3f5 !important;\n --layout-overlayBackground: rgba(24, 25, 38, 0.8) !important;\n --layout-overlayReportFlow: rgba(24, 25, 38, 0.8) !important;\n --layout-scrollbar: #cad3f5 !important;\n --layout-scrollbarHover: #b7bdf8 !important;\n --layout-timeStamp-tooltip-background: #363a4f !important;\n --message-list-item-button: #494d64 !important;\n --message-list-item-onlineIndicator: #a6da95 !important;\n --message-list-item-ownerBg: #494d64 !important;\n --message-list-item-richItem: #6e738d !important;\n --message-list-item-richItemBorder: rgba(73, 77, 100, 0.2) !important;\n --message-list-item-white: #cad3f5 !important;\n --modal-buttonsBackground: #cad3f5 !important;\n --modal-primaryButtonWarning: #ed8796 !important;\n --modal-secondaryButton: #cad3f5 !important;\n --newChat-inviteLink-borderColor: rgba(73, 77, 100, 0.2) !important;\n --overlay-backgroundColor: #1e2030 !important;\n --overlay-headerColor: #cad3f5 !important;\n --overlay-inputBackground: #181926 !important;\n --overlay-searchBarBackground: #1e2030 !important;\n --prompt-tooltip-background: #b7bdf8 !important;\n --searchBar-backgroundColor: #1e2030 !important;\n --settings-color: #a5adcb !important;\n --settings-dropdownItemHoverBackground: #181926 !important;\n --settings-panelBackground: #181926 !important;\n --settings-panelItemHoverBackground: #363a4f !important;\n --settings-panelItemSelectedBackground: #494d64 !important;\n --sidebar-background: rgba(73, 77, 100, 0.2) !important;\n --sidebar-basic-background-active: #b7bdf8 !important;\n --sidebar-basic-background-hover: #1e2030 !important;\n --sidebar-footer-background: #181926 !important;\n --sidebar-item-active: #494d64 !important;\n --sidebar-item-hover: #363a4f !important;\n --sidebar-item-selected: #5b6078 !important;\n --sidebar-item-text-active: #cad3f5 !important;\n --sidebar-subreddit-background-active: #b7bdf8 !important;\n --sidebar-subreddit-background-hover: #494d64 !important;\n --sidebar-text-divider: #494d64 !important;\n --skeleton-field: #5b6078 !important;\n --skeleton-inactive: #363a4f !important;\n --subreddit-iconBg: #b7bdf8 !important;\n --toast-error: #ed8796 !important;\n --toast-pending: #181926 !important;\n --toast-success: #a6da95 !important;\n --uploads-progress-background: #a5adcb !important;\n --uploads-progress-bar: #b7bdf8 !important;\n --videoModal-button-background: #cad3f5 !important;\n --videoModal-button-color: #1e2030 !important;\n }\n :root:not(.theme-light) .theme-rpl ::placeholder,\n :root:not(.theme-light).theme-rpl ::placeholder,\n :root:not(.theme-light) .theme-beta ::placeholder,\n :root:not(.theme-light).theme-beta ::placeholder,\n .theme-dark ::placeholder {\n color: #a5adcb !important;\n }\n :root:not(.theme-light) .theme-rpl div.ListingLayout-backgroundContainer::before,\n :root:not(.theme-light).theme-rpl div.ListingLayout-backgroundContainer::before,\n :root:not(.theme-light) .theme-beta div.ListingLayout-backgroundContainer::before,\n :root:not(.theme-light).theme-beta div.ListingLayout-backgroundContainer::before,\n .theme-dark div.ListingLayout-backgroundContainer::before {\n background: #24273a !important;\n }\n :root:not(.theme-light) .theme-rpl span#email-collection-tooltip-id > :nth-child(2) > :nth-child(2) > span,\n :root:not(.theme-light).theme-rpl span#email-collection-tooltip-id > :nth-child(2) > :nth-child(2) > span,\n :root:not(.theme-light) .theme-beta span#email-collection-tooltip-id > :nth-child(2) > :nth-child(2) > span,\n :root:not(.theme-light).theme-beta span#email-collection-tooltip-id > :nth-child(2) > :nth-child(2) > span,\n .theme-dark span#email-collection-tooltip-id > :nth-child(2) > :nth-child(2) > span {\n color: #a5adcb !important;\n }\n :root:not(.theme-light) .theme-rpl i.icon-karma_fill,\n :root:not(.theme-light).theme-rpl i.icon-karma_fill,\n :root:not(.theme-light) .theme-beta i.icon-karma_fill,\n :root:not(.theme-light).theme-beta i.icon-karma_fill,\n .theme-dark i.icon-karma_fill {\n color: #ed8796 !important;\n }\n :root:not(.theme-light) .theme-rpl div[role=\"menu\"] > div > div > span > span,\n :root:not(.theme-light).theme-rpl div[role=\"menu\"] > div > div > span > span,\n :root:not(.theme-light) .theme-beta div[role=\"menu\"] > div > div > span > span,\n :root:not(.theme-light).theme-beta div[role=\"menu\"] > div > div > span > span,\n .theme-dark div[role=\"menu\"] > div > div > span > span {\n color: #a5adcb !important;\n }\n :root:not(.theme-light) .theme-rpl button[role=\"switch\"][aria-checked=\"false\"],\n :root:not(.theme-light).theme-rpl button[role=\"switch\"][aria-checked=\"false\"],\n :root:not(.theme-light) .theme-beta button[role=\"switch\"][aria-checked=\"false\"],\n :root:not(.theme-light).theme-beta button[role=\"switch\"][aria-checked=\"false\"],\n .theme-dark button[role=\"switch\"][aria-checked=\"false\"] {\n background: #363a4f !important;\n }\n :root:not(.theme-light) .theme-rpl button[role=\"switch\"] > div,\n :root:not(.theme-light).theme-rpl button[role=\"switch\"] > div,\n :root:not(.theme-light) .theme-beta button[role=\"switch\"] > div,\n :root:not(.theme-light).theme-beta button[role=\"switch\"] > div,\n .theme-dark button[role=\"switch\"] > div {\n background: #cad3f5 !important;\n }\n :root:not(.theme-light) .theme-rpl ._2dn5Ncenn0BSD4tCSmxQhA,\n :root:not(.theme-light).theme-rpl ._2dn5Ncenn0BSD4tCSmxQhA,\n :root:not(.theme-light) .theme-beta ._2dn5Ncenn0BSD4tCSmxQhA,\n :root:not(.theme-light).theme-beta ._2dn5Ncenn0BSD4tCSmxQhA,\n .theme-dark ._2dn5Ncenn0BSD4tCSmxQhA {\n fill: #a6da95 !important;\n }\n :root:not(.theme-light) .theme-rpl ._3SlBAJb2MbUHwgBZFH8eL7,\n :root:not(.theme-light).theme-rpl ._3SlBAJb2MbUHwgBZFH8eL7,\n :root:not(.theme-light) .theme-beta ._3SlBAJb2MbUHwgBZFH8eL7,\n :root:not(.theme-light).theme-beta ._3SlBAJb2MbUHwgBZFH8eL7,\n .theme-dark ._3SlBAJb2MbUHwgBZFH8eL7 {\n fill: #24273a !important;\n }\n :root:not(.theme-light) .theme-rpl button._3F1tNW0P4Ff182mO_CefIg,\n :root:not(.theme-light).theme-rpl button._3F1tNW0P4Ff182mO_CefIg,\n :root:not(.theme-light) .theme-beta button._3F1tNW0P4Ff182mO_CefIg,\n :root:not(.theme-light).theme-beta button._3F1tNW0P4Ff182mO_CefIg,\n .theme-dark button._3F1tNW0P4Ff182mO_CefIg {\n background: linear-gradient(90deg, #ed8796, #f5a97f) !important;\n color: #24273a !important;\n }\n :root:not(.theme-light) .theme-rpl button._3F1tNW0P4Ff182mO_CefIg > i,\n :root:not(.theme-light).theme-rpl button._3F1tNW0P4Ff182mO_CefIg > i,\n :root:not(.theme-light) .theme-beta button._3F1tNW0P4Ff182mO_CefIg > i,\n :root:not(.theme-light).theme-beta button._3F1tNW0P4Ff182mO_CefIg > i,\n .theme-dark button._3F1tNW0P4Ff182mO_CefIg > i {\n color: #24273a !important;\n }\n :root:not(.theme-light) .theme-rpl i.icon-cake_fill,\n :root:not(.theme-light).theme-rpl i.icon-cake_fill,\n :root:not(.theme-light) .theme-beta i.icon-cake_fill,\n :root:not(.theme-light).theme-beta i.icon-cake_fill,\n .theme-dark i.icon-cake_fill,\n :root:not(.theme-light) .theme-rpl i.icon-user_fill,\n :root:not(.theme-light).theme-rpl i.icon-user_fill,\n :root:not(.theme-light) .theme-beta i.icon-user_fill,\n :root:not(.theme-light).theme-beta i.icon-user_fill,\n .theme-dark i.icon-user_fill {\n color: #b7bdf8 !important;\n }\n :root:not(.theme-light) .theme-rpl div._3hew1NnzwygOKDNQDKp6R4,\n :root:not(.theme-light).theme-rpl div._3hew1NnzwygOKDNQDKp6R4,\n :root:not(.theme-light) .theme-beta div._3hew1NnzwygOKDNQDKp6R4,\n :root:not(.theme-light).theme-beta div._3hew1NnzwygOKDNQDKp6R4,\n .theme-dark div._3hew1NnzwygOKDNQDKp6R4,\n :root:not(.theme-light) .theme-rpl div._3hew1NnzwygOKDNQDKp6R4 > i,\n :root:not(.theme-light).theme-rpl div._3hew1NnzwygOKDNQDKp6R4 > i,\n :root:not(.theme-light) .theme-beta div._3hew1NnzwygOKDNQDKp6R4 > i,\n :root:not(.theme-light).theme-beta div._3hew1NnzwygOKDNQDKp6R4 > i,\n .theme-dark div._3hew1NnzwygOKDNQDKp6R4 > i,\n :root:not(.theme-light) .theme-rpl li._3hew1NnzwygOKDNQDKp6R4,\n :root:not(.theme-light).theme-rpl li._3hew1NnzwygOKDNQDKp6R4,\n :root:not(.theme-light) .theme-beta li._3hew1NnzwygOKDNQDKp6R4,\n :root:not(.theme-light).theme-beta li._3hew1NnzwygOKDNQDKp6R4,\n .theme-dark li._3hew1NnzwygOKDNQDKp6R4 {\n color: #24273a !important;\n }\n :root:not(.theme-light) .theme-rpl div._1VP69d9lk-Wk9zokOaylL,\n :root:not(.theme-light).theme-rpl div._1VP69d9lk-Wk9zokOaylL,\n :root:not(.theme-light) .theme-beta div._1VP69d9lk-Wk9zokOaylL,\n :root:not(.theme-light).theme-beta div._1VP69d9lk-Wk9zokOaylL,\n .theme-dark div._1VP69d9lk-Wk9zokOaylL {\n --background: #24273a !important;\n --canvas: #24273a !important;\n }\n :root:not(.theme-light) .theme-rpl span._2KFJx8Dhh1o1u0Xb8e7NuD,\n :root:not(.theme-light).theme-rpl span._2KFJx8Dhh1o1u0Xb8e7NuD,\n :root:not(.theme-light) .theme-beta span._2KFJx8Dhh1o1u0Xb8e7NuD,\n :root:not(.theme-light).theme-beta span._2KFJx8Dhh1o1u0Xb8e7NuD,\n .theme-dark span._2KFJx8Dhh1o1u0Xb8e7NuD {\n color: #b7bdf8 !important;\n }\n :root:not(.theme-light) .theme-rpl button.EBd2MhBQlQeZ13YeP0K8a,\n :root:not(.theme-light).theme-rpl button.EBd2MhBQlQeZ13YeP0K8a,\n :root:not(.theme-light) .theme-beta button.EBd2MhBQlQeZ13YeP0K8a,\n :root:not(.theme-light).theme-beta button.EBd2MhBQlQeZ13YeP0K8a,\n .theme-dark button.EBd2MhBQlQeZ13YeP0K8a {\n color: #b7bdf8 !important;\n }\n :root:not(.theme-light) .theme-rpl svg._1Fa4RPHlhrfUZuNaXK2-eP > path,\n :root:not(.theme-light).theme-rpl svg._1Fa4RPHlhrfUZuNaXK2-eP > path,\n :root:not(.theme-light) .theme-beta svg._1Fa4RPHlhrfUZuNaXK2-eP > path,\n :root:not(.theme-light).theme-beta svg._1Fa4RPHlhrfUZuNaXK2-eP > path,\n .theme-dark svg._1Fa4RPHlhrfUZuNaXK2-eP > path {\n fill: #b7bdf8 !important;\n }\n :root:not(.theme-light) .theme-rpl input._1Vnaj3fBuYrmHKEPQD_zWW,\n :root:not(.theme-light).theme-rpl input._1Vnaj3fBuYrmHKEPQD_zWW,\n :root:not(.theme-light) .theme-beta input._1Vnaj3fBuYrmHKEPQD_zWW,\n :root:not(.theme-light).theme-beta input._1Vnaj3fBuYrmHKEPQD_zWW,\n .theme-dark input._1Vnaj3fBuYrmHKEPQD_zWW {\n background-color: #24273a !important;\n }\n :root:not(.theme-light) .theme-rpl div.scrollerItem > div,\n :root:not(.theme-light).theme-rpl div.scrollerItem > div,\n :root:not(.theme-light) .theme-beta div.scrollerItem > div,\n :root:not(.theme-light).theme-beta div.scrollerItem > div,\n .theme-dark div.scrollerItem > div,\n :root:not(.theme-light) .theme-rpl div[data-testid=\"post-container\"],\n :root:not(.theme-light).theme-rpl div[data-testid=\"post-container\"],\n :root:not(.theme-light) .theme-beta div[data-testid=\"post-container\"],\n :root:not(.theme-light).theme-beta div[data-testid=\"post-container\"],\n .theme-dark div[data-testid=\"post-container\"],\n :root:not(.theme-light) .theme-rpl div[style=\"background:#1A1A1B\"],\n :root:not(.theme-light).theme-rpl div[style=\"background:#1A1A1B\"],\n :root:not(.theme-light) .theme-beta div[style=\"background:#1A1A1B\"],\n :root:not(.theme-light).theme-beta div[style=\"background:#1A1A1B\"],\n .theme-dark div[style=\"background:#1A1A1B\"],\n :root:not(.theme-light) .theme-rpl div._2otRz3OtuWajw1RleFDJ5P,\n :root:not(.theme-light).theme-rpl div._2otRz3OtuWajw1RleFDJ5P,\n :root:not(.theme-light) .theme-beta div._2otRz3OtuWajw1RleFDJ5P,\n :root:not(.theme-light).theme-beta div._2otRz3OtuWajw1RleFDJ5P,\n .theme-dark div._2otRz3OtuWajw1RleFDJ5P {\n background: #1e2030 !important;\n }\n :root:not(.theme-light) .theme-rpl div._productDetails_7kbcu_53,\n :root:not(.theme-light).theme-rpl div._productDetails_7kbcu_53,\n :root:not(.theme-light) .theme-beta div._productDetails_7kbcu_53,\n :root:not(.theme-light).theme-beta div._productDetails_7kbcu_53,\n .theme-dark div._productDetails_7kbcu_53 {\n background: #1e2030 !important;\n color: #cad3f5 !important;\n }\n :root:not(.theme-light) .theme-rpl div._mintStatus_7kbcu_264,\n :root:not(.theme-light).theme-rpl div._mintStatus_7kbcu_264,\n :root:not(.theme-light) .theme-beta div._mintStatus_7kbcu_264,\n :root:not(.theme-light).theme-beta div._mintStatus_7kbcu_264,\n .theme-dark div._mintStatus_7kbcu_264 {\n color: #b7bdf8 !important;\n }\n :root:not(.theme-light) .theme-rpl div._carousel_7kbcu_45,\n :root:not(.theme-light).theme-rpl div._carousel_7kbcu_45,\n :root:not(.theme-light) .theme-beta div._carousel_7kbcu_45,\n :root:not(.theme-light).theme-beta div._carousel_7kbcu_45,\n .theme-dark div._carousel_7kbcu_45 {\n background: linear-gradient(243.37deg, #24273a 16.42%, #8aadf4 100%);\n }\n :root:not(.theme-light) .theme-rpl div._card_1ooes_1,\n :root:not(.theme-light).theme-rpl div._card_1ooes_1,\n :root:not(.theme-light) .theme-beta div._card_1ooes_1,\n :root:not(.theme-light).theme-beta div._card_1ooes_1,\n .theme-dark div._card_1ooes_1 {\n background: #8aadf4 !important;\n }\n :root:not(.theme-light) .theme-rpl ol._container_1t62i_1,\n :root:not(.theme-light).theme-rpl ol._container_1t62i_1,\n :root:not(.theme-light) .theme-beta ol._container_1t62i_1,\n :root:not(.theme-light).theme-beta ol._container_1t62i_1,\n .theme-dark ol._container_1t62i_1 {\n border-color: #24273a !important;\n }\n :root:not(.theme-light) .theme-rpl ol._container_1t62i_1 > li,\n :root:not(.theme-light).theme-rpl ol._container_1t62i_1 > li,\n :root:not(.theme-light) .theme-beta ol._container_1t62i_1 > li,\n :root:not(.theme-light).theme-beta ol._container_1t62i_1 > li,\n .theme-dark ol._container_1t62i_1 > li {\n border-color: #24273a !important;\n }\n :root:not(.theme-light) .theme-rpl ol._container_1t62i_1 > li > div,\n :root:not(.theme-light).theme-rpl ol._container_1t62i_1 > li > div,\n :root:not(.theme-light) .theme-beta ol._container_1t62i_1 > li > div,\n :root:not(.theme-light).theme-beta ol._container_1t62i_1 > li > div,\n .theme-dark ol._container_1t62i_1 > li > div {\n color: #24273a !important;\n }\n :root:not(.theme-light) .theme-rpl div.MuiMobileStepper-dot,\n :root:not(.theme-light).theme-rpl div.MuiMobileStepper-dot,\n :root:not(.theme-light) .theme-beta div.MuiMobileStepper-dot,\n :root:not(.theme-light).theme-beta div.MuiMobileStepper-dot,\n .theme-dark div.MuiMobileStepper-dot {\n background: #363a4f !important;\n }\n :root:not(.theme-light) .theme-rpl div.MuiMobileStepper-dotActive,\n :root:not(.theme-light).theme-rpl div.MuiMobileStepper-dotActive,\n :root:not(.theme-light) .theme-beta div.MuiMobileStepper-dotActive,\n :root:not(.theme-light).theme-beta div.MuiMobileStepper-dotActive,\n .theme-dark div.MuiMobileStepper-dotActive {\n background: #b7bdf8 !important;\n }\n :root:not(.theme-light) .theme-rpl div._scrollContainer_7kbcu_104 > div > h3,\n :root:not(.theme-light).theme-rpl div._scrollContainer_7kbcu_104 > div > h3,\n :root:not(.theme-light) .theme-beta div._scrollContainer_7kbcu_104 > div > h3,\n :root:not(.theme-light).theme-beta div._scrollContainer_7kbcu_104 > div > h3,\n .theme-dark div._scrollContainer_7kbcu_104 > div > h3,\n :root:not(.theme-light) .theme-rpl div._cardAuthor_7kbcu_79,\n :root:not(.theme-light).theme-rpl div._cardAuthor_7kbcu_79,\n :root:not(.theme-light) .theme-beta div._cardAuthor_7kbcu_79,\n :root:not(.theme-light).theme-beta div._cardAuthor_7kbcu_79,\n .theme-dark div._cardAuthor_7kbcu_79 {\n color: #a5adcb !important;\n }\n :root:not(.theme-light) .theme-rpl div._container_oikih_1,\n :root:not(.theme-light).theme-rpl div._container_oikih_1,\n :root:not(.theme-light) .theme-beta div._container_oikih_1,\n :root:not(.theme-light).theme-beta div._container_oikih_1,\n .theme-dark div._container_oikih_1 {\n background: #181926 !important;\n border-color: #494d64 !important;\n }\n :root:not(.theme-light) .theme-rpl a._pill_7kbcu_280,\n :root:not(.theme-light).theme-rpl a._pill_7kbcu_280,\n :root:not(.theme-light) .theme-beta a._pill_7kbcu_280,\n :root:not(.theme-light).theme-beta a._pill_7kbcu_280,\n .theme-dark a._pill_7kbcu_280 {\n background: #181926 !important;\n color: #cad3f5 !important;\n }\n :root:not(.theme-light) .theme-rpl button._shopForMoreButton_7kbcu_125,\n :root:not(.theme-light).theme-rpl button._shopForMoreButton_7kbcu_125,\n :root:not(.theme-light) .theme-beta button._shopForMoreButton_7kbcu_125,\n :root:not(.theme-light).theme-beta button._shopForMoreButton_7kbcu_125,\n .theme-dark button._shopForMoreButton_7kbcu_125 {\n background: linear-gradient(90deg, #ed8796, #f5a97f) !important;\n color: #24273a !important;\n }\n :root:not(.theme-light) .theme-rpl div._wrapper_1upjl_7,\n :root:not(.theme-light).theme-rpl div._wrapper_1upjl_7,\n :root:not(.theme-light) .theme-beta div._wrapper_1upjl_7,\n :root:not(.theme-light).theme-beta div._wrapper_1upjl_7,\n .theme-dark div._wrapper_1upjl_7 {\n background: #24273a !important;\n color: #cad3f5 !important;\n }\n :root:not(.theme-light) .theme-rpl a[aria-label=\"Home\"] > svg > g > circle,\n :root:not(.theme-light).theme-rpl a[aria-label=\"Home\"] > svg > g > circle,\n :root:not(.theme-light) .theme-beta a[aria-label=\"Home\"] > svg > g > circle,\n :root:not(.theme-light).theme-beta a[aria-label=\"Home\"] > svg > g > circle,\n .theme-dark a[aria-label=\"Home\"] > svg > g > circle {\n fill: #b7bdf8 !important;\n }\n :root:not(.theme-light) .theme-rpl a[aria-label=\"Home\"] > svg:first-child > g > path,\n :root:not(.theme-light).theme-rpl a[aria-label=\"Home\"] > svg:first-child > g > path,\n :root:not(.theme-light) .theme-beta a[aria-label=\"Home\"] > svg:first-child > g > path,\n :root:not(.theme-light).theme-beta a[aria-label=\"Home\"] > svg:first-child > g > path,\n .theme-dark a[aria-label=\"Home\"] > svg:first-child > g > path {\n fill: #24273a !important;\n }\n :root:not(.theme-light) .theme-rpl a[aria-label=\"Home\"] > svg:nth-child(2) > g > path,\n :root:not(.theme-light).theme-rpl a[aria-label=\"Home\"] > svg:nth-child(2) > g > path,\n :root:not(.theme-light) .theme-beta a[aria-label=\"Home\"] > svg:nth-child(2) > g > path,\n :root:not(.theme-light).theme-beta a[aria-label=\"Home\"] > svg:nth-child(2) > g > path,\n .theme-dark a[aria-label=\"Home\"] > svg:nth-child(2) > g > path {\n fill: #cad3f5 !important;\n }\n :root:not(.theme-light) .theme-rpl button[aria-label=\"Open notifications inbox\"] > div > span,\n :root:not(.theme-light).theme-rpl button[aria-label=\"Open notifications inbox\"] > div > span,\n :root:not(.theme-light) .theme-beta button[aria-label=\"Open notifications inbox\"] > div > span,\n :root:not(.theme-light).theme-beta button[aria-label=\"Open notifications inbox\"] > div > span,\n .theme-dark button[aria-label=\"Open notifications inbox\"] > div > span {\n background: #b7bdf8 !important;\n color: #1e2030 !important;\n }\n :root:not(.theme-light) .theme-rpl #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a,\n :root:not(.theme-light).theme-rpl #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a,\n :root:not(.theme-light) .theme-beta #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a,\n :root:not(.theme-light).theme-beta #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a,\n .theme-dark #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a {\n background: #363a4f !important;\n color: #cad3f5 !important;\n }\n :root:not(.theme-light) .theme-rpl #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a > i,\n :root:not(.theme-light).theme-rpl #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a > i,\n :root:not(.theme-light) .theme-beta #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a > i,\n :root:not(.theme-light).theme-beta #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a > i,\n .theme-dark #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a > i {\n color: #cad3f5 !important;\n }\n :root:not(.theme-light) .theme-rpl a[href=\"/now\"] > div,\n :root:not(.theme-light).theme-rpl a[href=\"/now\"] > div,\n :root:not(.theme-light) .theme-beta a[href=\"/now\"] > div,\n :root:not(.theme-light).theme-beta a[href=\"/now\"] > div,\n .theme-dark a[href=\"/now\"] > div {\n background: #b7bdf8 !important;\n }\n :root:not(.theme-light) .theme-rpl div[data-testid=\"search-scope-pill-text\"],\n :root:not(.theme-light).theme-rpl div[data-testid=\"search-scope-pill-text\"],\n :root:not(.theme-light) .theme-beta div[data-testid=\"search-scope-pill-text\"],\n :root:not(.theme-light).theme-beta div[data-testid=\"search-scope-pill-text\"],\n .theme-dark div[data-testid=\"search-scope-pill-text\"] {\n color: #cad3f5 !important;\n }\n :root:not(.theme-light) .theme-rpl div[class*=\"_2SdHzo12ISmrC8H86TgSCp\"][class*=\"_1QVrieUoti9cxiQSRw314E\"][class*=\"uWdXen_41bh0iwLrgzFkc\"],\n :root:not(.theme-light).theme-rpl div[class*=\"_2SdHzo12ISmrC8H86TgSCp\"][class*=\"_1QVrieUoti9cxiQSRw314E\"][class*=\"uWdXen_41bh0iwLrgzFkc\"],\n :root:not(.theme-light) .theme-beta div[class*=\"_2SdHzo12ISmrC8H86TgSCp\"][class*=\"_1QVrieUoti9cxiQSRw314E\"][class*=\"uWdXen_41bh0iwLrgzFkc\"],\n :root:not(.theme-light).theme-beta div[class*=\"_2SdHzo12ISmrC8H86TgSCp\"][class*=\"_1QVrieUoti9cxiQSRw314E\"][class*=\"uWdXen_41bh0iwLrgzFkc\"],\n .theme-dark div[class*=\"_2SdHzo12ISmrC8H86TgSCp\"][class*=\"_1QVrieUoti9cxiQSRw314E\"][class*=\"uWdXen_41bh0iwLrgzFkc\"] {\n --posttitletextcolor: #cad3f5 !important;\n }\n :root:not(.theme-light) .theme-rpl button#safe-search-toggle[aria-checked=\"true\"],\n :root:not(.theme-light).theme-rpl button#safe-search-toggle[aria-checked=\"true\"],\n :root:not(.theme-light) .theme-beta button#safe-search-toggle[aria-checked=\"true\"],\n :root:not(.theme-light).theme-beta button#safe-search-toggle[aria-checked=\"true\"],\n .theme-dark button#safe-search-toggle[aria-checked=\"true\"] {\n background: #b7bdf8 !important;\n }\n :root:not(.theme-light) .theme-rpl i.icon-close,\n :root:not(.theme-light).theme-rpl i.icon-close,\n :root:not(.theme-light) .theme-beta i.icon-close,\n :root:not(.theme-light).theme-beta i.icon-close,\n .theme-dark i.icon-close {\n color: #a5adcb !important;\n }\n :root:not(.theme-light) .theme-rpl a[role=\"menuitem\"],\n :root:not(.theme-light).theme-rpl a[role=\"menuitem\"],\n :root:not(.theme-light) .theme-beta a[role=\"menuitem\"],\n :root:not(.theme-light).theme-beta a[role=\"menuitem\"],\n .theme-dark a[role=\"menuitem\"] {\n color: #cad3f5 !important;\n }\n :root:not(.theme-light) .theme-rpl div[role=\"menu\"] > div[role=\"heading\"],\n :root:not(.theme-light).theme-rpl div[role=\"menu\"] > div[role=\"heading\"],\n :root:not(.theme-light) .theme-beta div[role=\"menu\"] > div[role=\"heading\"],\n :root:not(.theme-light).theme-beta div[role=\"menu\"] > div[role=\"heading\"],\n .theme-dark div[role=\"menu\"] > div[role=\"heading\"] {\n color: #a5adcb !important;\n }\n :root:not(.theme-light) .theme-rpl a[role=\"menuitem\"]:hover,\n :root:not(.theme-light).theme-rpl a[role=\"menuitem\"]:hover,\n :root:not(.theme-light) .theme-beta a[role=\"menuitem\"]:hover,\n :root:not(.theme-light).theme-beta a[role=\"menuitem\"]:hover,\n .theme-dark a[role=\"menuitem\"]:hover {\n background: #363a4f !important;\n }\n :root:not(.theme-light) .theme-rpl i.icon-star_fill,\n :root:not(.theme-light).theme-rpl i.icon-star_fill,\n :root:not(.theme-light) .theme-beta i.icon-star_fill,\n :root:not(.theme-light).theme-beta i.icon-star_fill,\n .theme-dark i.icon-star_fill {\n color: #b7bdf8 !important;\n }\n :root:not(.theme-light) .theme-rpl i.icon-star,\n :root:not(.theme-light).theme-rpl i.icon-star,\n :root:not(.theme-light) .theme-beta i.icon-star,\n :root:not(.theme-light).theme-beta i.icon-star,\n .theme-dark i.icon-star {\n color: #a5adcb !important;\n }\n :root:not(.theme-light) .theme-rpl i.icon-premium_fill,\n :root:not(.theme-light).theme-rpl i.icon-premium_fill,\n :root:not(.theme-light) .theme-beta i.icon-premium_fill,\n :root:not(.theme-light).theme-beta i.icon-premium_fill,\n .theme-dark i.icon-premium_fill {\n color: #b7bdf8 !important;\n }\n :root:not(.theme-light) .theme-rpl button._10BQ7pjWbeYP63SAPNS8Ts.q_unSaY23rpdd3lDvGZ-,\n :root:not(.theme-light).theme-rpl button._10BQ7pjWbeYP63SAPNS8Ts.q_unSaY23rpdd3lDvGZ-,\n :root:not(.theme-light) .theme-beta button._10BQ7pjWbeYP63SAPNS8Ts.q_unSaY23rpdd3lDvGZ-,\n :root:not(.theme-light).theme-beta button._10BQ7pjWbeYP63SAPNS8Ts.q_unSaY23rpdd3lDvGZ-,\n .theme-dark button._10BQ7pjWbeYP63SAPNS8Ts.q_unSaY23rpdd3lDvGZ- {\n background: #b7bdf8 !important;\n color: #24273a !important;\n }\n :root:not(.theme-light) .theme-rpl div._3fWuhJ6bVet7XJT5A0mZM2 > div > div > div,\n :root:not(.theme-light).theme-rpl div._3fWuhJ6bVet7XJT5A0mZM2 > div > div > div,\n :root:not(.theme-light) .theme-beta div._3fWuhJ6bVet7XJT5A0mZM2 > div > div > div,\n :root:not(.theme-light).theme-beta div._3fWuhJ6bVet7XJT5A0mZM2 > div > div > div,\n .theme-dark div._3fWuhJ6bVet7XJT5A0mZM2 > div > div > div {\n border-color: #a5adcb !important;\n }\n :root:not(.theme-light) .theme-rpl div[data-adclicklocation=\"background\"],\n :root:not(.theme-light).theme-rpl div[data-adclicklocation=\"background\"],\n :root:not(.theme-light) .theme-beta div[data-adclicklocation=\"background\"],\n :root:not(.theme-light).theme-beta div[data-adclicklocation=\"background\"],\n .theme-dark div[data-adclicklocation=\"background\"] {\n background: #24273a !important;\n }\n :root:not(.theme-light) .theme-rpl div._3-miAEojrCvx_4FQ8x3P-s,\n :root:not(.theme-light).theme-rpl div._3-miAEojrCvx_4FQ8x3P-s,\n :root:not(.theme-light) .theme-beta div._3-miAEojrCvx_4FQ8x3P-s,\n :root:not(.theme-light).theme-beta div._3-miAEojrCvx_4FQ8x3P-s,\n .theme-dark div._3-miAEojrCvx_4FQ8x3P-s,\n :root:not(.theme-light) .theme-rpl i.icon-comment,\n :root:not(.theme-light).theme-rpl i.icon-comment,\n :root:not(.theme-light) .theme-beta i.icon-comment,\n :root:not(.theme-light).theme-beta i.icon-comment,\n .theme-dark i.icon-comment,\n :root:not(.theme-light) .theme-rpl i.icon-share,\n :root:not(.theme-light).theme-rpl i.icon-share,\n :root:not(.theme-light) .theme-beta i.icon-share,\n :root:not(.theme-light).theme-beta i.icon-share,\n .theme-dark i.icon-share,\n :root:not(.theme-light) .theme-rpl i.icon-save,\n :root:not(.theme-light).theme-rpl i.icon-save,\n :root:not(.theme-light) .theme-beta i.icon-save,\n :root:not(.theme-light).theme-beta i.icon-save,\n .theme-dark i.icon-save,\n :root:not(.theme-light) .theme-rpl i.icon-expand,\n :root:not(.theme-light).theme-rpl i.icon-expand,\n :root:not(.theme-light) .theme-beta i.icon-expand,\n :root:not(.theme-light).theme-beta i.icon-expand,\n .theme-dark i.icon-expand,\n :root:not(.theme-light) .theme-rpl i.icon-collapse,\n :root:not(.theme-light).theme-rpl i.icon-collapse,\n :root:not(.theme-light) .theme-beta i.icon-collapse,\n :root:not(.theme-light).theme-beta i.icon-collapse,\n .theme-dark i.icon-collapse,\n :root:not(.theme-light) .theme-rpl i.icon-text_post,\n :root:not(.theme-light).theme-rpl i.icon-text_post,\n :root:not(.theme-light) .theme-beta i.icon-text_post,\n :root:not(.theme-light).theme-beta i.icon-text_post,\n .theme-dark i.icon-text_post,\n :root:not(.theme-light) .theme-rpl i.icon-image_post,\n :root:not(.theme-light).theme-rpl i.icon-image_post,\n :root:not(.theme-light) .theme-beta i.icon-image_post,\n :root:not(.theme-light).theme-beta i.icon-image_post,\n .theme-dark i.icon-image_post,\n :root:not(.theme-light) .theme-rpl i.icon-media_gallery,\n :root:not(.theme-light).theme-rpl i.icon-media_gallery,\n :root:not(.theme-light) .theme-beta i.icon-media_gallery,\n :root:not(.theme-light).theme-beta i.icon-media_gallery,\n .theme-dark i.icon-media_gallery,\n :root:not(.theme-light) .theme-rpl i.icon-video_post,\n :root:not(.theme-light).theme-rpl i.icon-video_post,\n :root:not(.theme-light) .theme-beta i.icon-video_post,\n :root:not(.theme-light).theme-beta i.icon-video_post,\n .theme-dark i.icon-video_post,\n :root:not(.theme-light) .theme-rpl i.icon-gif_post,\n :root:not(.theme-light).theme-rpl i.icon-gif_post,\n :root:not(.theme-light) .theme-beta i.icon-gif_post,\n :root:not(.theme-light).theme-beta i.icon-gif_post,\n .theme-dark i.icon-gif_post,\n :root:not(.theme-light) .theme-rpl i.icon-embed,\n :root:not(.theme-light).theme-rpl i.icon-embed,\n :root:not(.theme-light) .theme-beta i.icon-embed,\n :root:not(.theme-light).theme-beta i.icon-embed,\n .theme-dark i.icon-embed,\n :root:not(.theme-light) .theme-rpl i.icon-external_link,\n :root:not(.theme-light).theme-rpl i.icon-external_link,\n :root:not(.theme-light) .theme-beta i.icon-external_link,\n :root:not(.theme-light).theme-beta i.icon-external_link,\n .theme-dark i.icon-external_link,\n :root:not(.theme-light) .theme-rpl i.icon-poll_post,\n :root:not(.theme-light).theme-rpl i.icon-poll_post,\n :root:not(.theme-light) .theme-beta i.icon-poll_post,\n :root:not(.theme-light).theme-beta i.icon-poll_post,\n .theme-dark i.icon-poll_post {\n color: #a5adcb !important;\n }\n :root:not(.theme-light) .theme-rpl div[data-adclicklocation=\"title\"] > div > a > div > h3,\n :root:not(.theme-light).theme-rpl div[data-adclicklocation=\"title\"] > div > a > div > h3,\n :root:not(.theme-light) .theme-beta div[data-adclicklocation=\"title\"] > div > a > div > h3,\n :root:not(.theme-light).theme-beta div[data-adclicklocation=\"title\"] > div > a > div > h3,\n .theme-dark div[data-adclicklocation=\"title\"] > div > a > div > h3,\n :root:not(.theme-light) .theme-rpl div[data-adclicklocation=\"title\"] > div:first-child > div:first-child > h1:first-child,\n :root:not(.theme-light).theme-rpl div[data-adclicklocation=\"title\"] > div:first-child > div:first-child > h1:first-child,\n :root:not(.theme-light) .theme-beta div[data-adclicklocation=\"title\"] > div:first-child > div:first-child > h1:first-child,\n :root:not(.theme-light).theme-beta div[data-adclicklocation=\"title\"] > div:first-child > div:first-child > h1:first-child,\n .theme-dark div[data-adclicklocation=\"title\"] > div:first-child > div:first-child > h1:first-child {\n color: #cad3f5 !important;\n }\n :root:not(.theme-light) .theme-rpl div[data-adclicklocation=\"top_bar\"] > span,\n :root:not(.theme-light).theme-rpl div[data-adclicklocation=\"top_bar\"] > span,\n :root:not(.theme-light) .theme-beta div[data-adclicklocation=\"top_bar\"] > span,\n :root:not(.theme-light).theme-beta div[data-adclicklocation=\"top_bar\"] > span,\n .theme-dark div[data-adclicklocation=\"top_bar\"] > span,\n :root:not(.theme-light) .theme-rpl a[data-testid=\"post_author_link\"],\n :root:not(.theme-light).theme-rpl a[data-testid=\"post_author_link\"],\n :root:not(.theme-light) .theme-beta a[data-testid=\"post_author_link\"],\n :root:not(.theme-light).theme-beta a[data-testid=\"post_author_link\"],\n .theme-dark a[data-testid=\"post_author_link\"] {\n color: #a5adcb !important;\n }\n :root:not(.theme-light) .theme-rpl span._1wzhGvvafQFOWAyA157okr,\n :root:not(.theme-light).theme-rpl span._1wzhGvvafQFOWAyA157okr,\n :root:not(.theme-light) .theme-beta span._1wzhGvvafQFOWAyA157okr,\n :root:not(.theme-light).theme-beta span._1wzhGvvafQFOWAyA157okr,\n .theme-dark span._1wzhGvvafQFOWAyA157okr {\n border-color: #ed8796 !important;\n color: #ed8796 !important;\n }\n :root:not(.theme-light) .theme-rpl i.icon-pin_fill,\n :root:not(.theme-light).theme-rpl i.icon-pin_fill,\n :root:not(.theme-light) .theme-beta i.icon-pin_fill,\n :root:not(.theme-light).theme-beta i.icon-pin_fill,\n .theme-dark i.icon-pin_fill {\n color: #a6da95 !important;\n }\n :root:not(.theme-light) .theme-rpl i.icon-award,\n :root:not(.theme-light).theme-rpl i.icon-award,\n :root:not(.theme-light) .theme-beta i.icon-award,\n :root:not(.theme-light).theme-beta i.icon-award,\n .theme-dark i.icon-award {\n color: #a5adcb !important;\n }\n :root:not(.theme-light) .theme-rpl i.icon-archived_fill,\n :root:not(.theme-light).theme-rpl i.icon-archived_fill,\n :root:not(.theme-light) .theme-beta i.icon-archived_fill,\n :root:not(.theme-light).theme-beta i.icon-archived_fill,\n .theme-dark i.icon-archived_fill,\n :root:not(.theme-light) .theme-rpl i.icon-lock_fill,\n :root:not(.theme-light).theme-rpl i.icon-lock_fill,\n :root:not(.theme-light) .theme-beta i.icon-lock_fill,\n :root:not(.theme-light).theme-beta i.icon-lock_fill,\n .theme-dark i.icon-lock_fill {\n color: #eed49f !important;\n }\n :root:not(.theme-light) .theme-rpl div[data-click-id=\"body\"] > div:nth-child(3) > div:nth-child(3),\n :root:not(.theme-light).theme-rpl div[data-click-id=\"body\"] > div:nth-child(3) > div:nth-child(3),\n :root:not(.theme-light) .theme-beta div[data-click-id=\"body\"] > div:nth-child(3) > div:nth-child(3),\n :root:not(.theme-light).theme-beta div[data-click-id=\"body\"] > div:nth-child(3) > div:nth-child(3),\n .theme-dark div[data-click-id=\"body\"] > div:nth-child(3) > div:nth-child(3) {\n border-color: #494d64 !important;\n }\n :root:not(.theme-light) .theme-rpl div.Post,\n :root:not(.theme-light).theme-rpl div.Post,\n :root:not(.theme-light) .theme-beta div.Post,\n :root:not(.theme-light).theme-beta div.Post,\n .theme-dark div.Post,\n :root:not(.theme-light) .theme-rpl div[data-click-id=\"media\"],\n :root:not(.theme-light).theme-rpl div[data-click-id=\"media\"],\n :root:not(.theme-light) .theme-beta div[data-click-id=\"media\"],\n :root:not(.theme-light).theme-beta div[data-click-id=\"media\"],\n .theme-dark div[data-click-id=\"media\"] {\n background: #1e2030 !important;\n fill: #1e2030 !important;\n }\n :root:not(.theme-light) .theme-rpl div[id^=\"vote-arrows\"] > div,\n :root:not(.theme-light).theme-rpl div[id^=\"vote-arrows\"] > div,\n :root:not(.theme-light) .theme-beta div[id^=\"vote-arrows\"] > div,\n :root:not(.theme-light).theme-beta div[id^=\"vote-arrows\"] > div,\n .theme-dark div[id^=\"vote-arrows\"] > div {\n color: #a5adcb !important;\n }\n :root:not(.theme-light) .theme-rpl i.icon-upvote_fill,\n :root:not(.theme-light).theme-rpl i.icon-upvote_fill,\n :root:not(.theme-light) .theme-beta i.icon-upvote_fill,\n :root:not(.theme-light).theme-beta i.icon-upvote_fill,\n .theme-dark i.icon-upvote_fill {\n color: #ed8796 !important;\n }\n :root:not(.theme-light) .theme-rpl button[aria-label=\"upvote\"][aria-pressed=\"false\"] > span:hover > i,\n :root:not(.theme-light).theme-rpl button[aria-label=\"upvote\"][aria-pressed=\"false\"] > span:hover > i,\n :root:not(.theme-light) .theme-beta button[aria-label=\"upvote\"][aria-pressed=\"false\"] > span:hover > i,\n :root:not(.theme-light).theme-beta button[aria-label=\"upvote\"][aria-pressed=\"false\"] > span:hover > i,\n .theme-dark button[aria-label=\"upvote\"][aria-pressed=\"false\"] > span:hover > i {\n color: #ed8796 !important;\n }\n :root:not(.theme-light) .theme-rpl button[aria-label=\"upvote\"][aria-pressed=\"true\"] ~ div,\n :root:not(.theme-light).theme-rpl button[aria-label=\"upvote\"][aria-pressed=\"true\"] ~ div,\n :root:not(.theme-light) .theme-beta button[aria-label=\"upvote\"][aria-pressed=\"true\"] ~ div,\n :root:not(.theme-light).theme-beta button[aria-label=\"upvote\"][aria-pressed=\"true\"] ~ div,\n .theme-dark button[aria-label=\"upvote\"][aria-pressed=\"true\"] ~ div {\n color: #ed8796 !important;\n }\n :root:not(.theme-light) .theme-rpl button[aria-label=\"upvote\"][aria-label=\"downvote\"] > span:hover,\n :root:not(.theme-light).theme-rpl button[aria-label=\"upvote\"][aria-label=\"downvote\"] > span:hover,\n :root:not(.theme-light) .theme-beta button[aria-label=\"upvote\"][aria-label=\"downvote\"] > span:hover,\n :root:not(.theme-light).theme-beta button[aria-label=\"upvote\"][aria-label=\"downvote\"] > span:hover,\n .theme-dark button[aria-label=\"upvote\"][aria-label=\"downvote\"] > span:hover {\n background: #363a4f !important;\n }\n :root:not(.theme-light) .theme-rpl .icon-downvote_fill,\n :root:not(.theme-light).theme-rpl .icon-downvote_fill,\n :root:not(.theme-light) .theme-beta .icon-downvote_fill,\n :root:not(.theme-light).theme-beta .icon-downvote_fill,\n .theme-dark .icon-downvote_fill {\n color: #8aadf4 !important;\n }\n :root:not(.theme-light) .theme-rpl button[aria-label=\"downvote\"][aria-pressed=\"true\"] ~ div,\n :root:not(.theme-light).theme-rpl button[aria-label=\"downvote\"][aria-pressed=\"true\"] ~ div,\n :root:not(.theme-light) .theme-beta button[aria-label=\"downvote\"][aria-pressed=\"true\"] ~ div,\n :root:not(.theme-light).theme-beta button[aria-label=\"downvote\"][aria-pressed=\"true\"] ~ div,\n .theme-dark button[aria-label=\"downvote\"][aria-pressed=\"true\"] ~ div {\n color: #8aadf4 !important;\n }\n :root:not(.theme-light) .theme-rpl button[aria-label=\"downvote\"][aria-pressed=\"false\"] > span:hover > i,\n :root:not(.theme-light).theme-rpl button[aria-label=\"downvote\"][aria-pressed=\"false\"] > span:hover > i,\n :root:not(.theme-light) .theme-beta button[aria-label=\"downvote\"][aria-pressed=\"false\"] > span:hover > i,\n :root:not(.theme-light).theme-beta button[aria-label=\"downvote\"][aria-pressed=\"false\"] > span:hover > i,\n .theme-dark button[aria-label=\"downvote\"][aria-pressed=\"false\"] > span:hover > i {\n color: #8aadf4 !important;\n }\n :root:not(.theme-light) .theme-rpl a.o1ov2mzLxTFAFP-O4Uv8I,\n :root:not(.theme-light).theme-rpl a.o1ov2mzLxTFAFP-O4Uv8I,\n :root:not(.theme-light) .theme-beta a.o1ov2mzLxTFAFP-O4Uv8I,\n :root:not(.theme-light).theme-beta a.o1ov2mzLxTFAFP-O4Uv8I,\n .theme-dark a.o1ov2mzLxTFAFP-O4Uv8I {\n color: #b7bdf8 !important;\n }\n :root:not(.theme-light) .theme-rpl button._1lDGFVGU9k2mi-4kjU95Rp,\n :root:not(.theme-light).theme-rpl button._1lDGFVGU9k2mi-4kjU95Rp,\n :root:not(.theme-light) .theme-beta button._1lDGFVGU9k2mi-4kjU95Rp,\n :root:not(.theme-light).theme-beta button._1lDGFVGU9k2mi-4kjU95Rp,\n .theme-dark button._1lDGFVGU9k2mi-4kjU95Rp {\n color: #24273a !important;\n }\n :root:not(.theme-light) .theme-rpl a[role=\"button\"][target=\"_blank\"],\n :root:not(.theme-light).theme-rpl a[role=\"button\"][target=\"_blank\"],\n :root:not(.theme-light) .theme-beta a[role=\"button\"][target=\"_blank\"],\n :root:not(.theme-light).theme-beta a[role=\"button\"][target=\"_blank\"],\n .theme-dark a[role=\"button\"][target=\"_blank\"] {\n background: #cad3f5 !important;\n color: #24273a !important;\n }\n :root:not(.theme-light) .theme-rpl div[role=\"radio\"]:hover,\n :root:not(.theme-light).theme-rpl div[role=\"radio\"]:hover,\n :root:not(.theme-light) .theme-beta div[role=\"radio\"]:hover,\n :root:not(.theme-light).theme-beta div[role=\"radio\"]:hover,\n .theme-dark div[role=\"radio\"]:hover,\n :root:not(.theme-light) .theme-rpl div[role=\"radio\"]:focus,\n :root:not(.theme-light).theme-rpl div[role=\"radio\"]:focus,\n :root:not(.theme-light) .theme-beta div[role=\"radio\"]:focus,\n :root:not(.theme-light).theme-beta div[role=\"radio\"]:focus,\n .theme-dark div[role=\"radio\"]:focus {\n background: #b7bdf8 !important;\n }\n :root:not(.theme-light) .theme-rpl div[role=\"radio\"] > svg,\n :root:not(.theme-light).theme-rpl div[role=\"radio\"] > svg,\n :root:not(.theme-light) .theme-beta div[role=\"radio\"] > svg,\n :root:not(.theme-light).theme-beta div[role=\"radio\"] > svg,\n .theme-dark div[role=\"radio\"] > svg,\n :root:not(.theme-light) .theme-rpl div[role=\"radio\"] > svg:active,\n :root:not(.theme-light).theme-rpl div[role=\"radio\"] > svg:active,\n :root:not(.theme-light) .theme-beta div[role=\"radio\"] > svg:active,\n :root:not(.theme-light).theme-beta div[role=\"radio\"] > svg:active,\n .theme-dark div[role=\"radio\"] > svg:active {\n fill: #cad3f5 !important;\n }\n :root:not(.theme-light) .theme-rpl button[role=\"checkbox\"],\n :root:not(.theme-light).theme-rpl button[role=\"checkbox\"],\n :root:not(.theme-light) .theme-beta button[role=\"checkbox\"],\n :root:not(.theme-light).theme-beta button[role=\"checkbox\"],\n .theme-dark button[role=\"checkbox\"] {\n fill: #b7bdf8 !important;\n }\n :root:not(.theme-light) .theme-rpl ._ZhON3a3vplThB8NFwuJn,\n :root:not(.theme-light).theme-rpl ._ZhON3a3vplThB8NFwuJn,\n :root:not(.theme-light) .theme-beta ._ZhON3a3vplThB8NFwuJn,\n :root:not(.theme-light).theme-beta ._ZhON3a3vplThB8NFwuJn,\n .theme-dark ._ZhON3a3vplThB8NFwuJn {\n background: #181926 !important;\n color: #cad3f5 !important;\n }\n :root:not(.theme-light) .theme-rpl img[alt=\"Subreddit Icon\"][role=\"presentation\"],\n :root:not(.theme-light).theme-rpl img[alt=\"Subreddit Icon\"][role=\"presentation\"],\n :root:not(.theme-light) .theme-beta img[alt=\"Subreddit Icon\"][role=\"presentation\"],\n :root:not(.theme-light).theme-beta img[alt=\"Subreddit Icon\"][role=\"presentation\"],\n .theme-dark img[alt=\"Subreddit Icon\"][role=\"presentation\"] {\n background: #b7bdf8 !important;\n }\n :root:not(.theme-light) .theme-rpl ._1KrMye71CT332tKKKUWAj6:not(:last-of-type),\n :root:not(.theme-light).theme-rpl ._1KrMye71CT332tKKKUWAj6:not(:last-of-type),\n :root:not(.theme-light) .theme-beta ._1KrMye71CT332tKKKUWAj6:not(:last-of-type),\n :root:not(.theme-light).theme-beta ._1KrMye71CT332tKKKUWAj6:not(:last-of-type),\n .theme-dark ._1KrMye71CT332tKKKUWAj6:not(:last-of-type) {\n border-bottom-color: #363a4f;\n }\n :root:not(.theme-light) .theme-rpl i.icon-community_fill,\n :root:not(.theme-light).theme-rpl i.icon-community_fill,\n :root:not(.theme-light) .theme-beta i.icon-community_fill,\n :root:not(.theme-light).theme-beta i.icon-community_fill,\n .theme-dark i.icon-community_fill {\n color: #b7bdf8 !important;\n }\n :root:not(.theme-light) .theme-rpl div._21RLQh5PvUhC6vOKoFeHUP::before,\n :root:not(.theme-light).theme-rpl div._21RLQh5PvUhC6vOKoFeHUP::before,\n :root:not(.theme-light) .theme-beta div._21RLQh5PvUhC6vOKoFeHUP::before,\n :root:not(.theme-light).theme-beta div._21RLQh5PvUhC6vOKoFeHUP::before,\n .theme-dark div._21RLQh5PvUhC6vOKoFeHUP::before {\n color: #a6da95 !important;\n }\n :root:not(.theme-light) .theme-rpl ._2v4IIjPhKL0PDaWaWtjJ1E,\n :root:not(.theme-light).theme-rpl ._2v4IIjPhKL0PDaWaWtjJ1E,\n :root:not(.theme-light) .theme-beta ._2v4IIjPhKL0PDaWaWtjJ1E,\n :root:not(.theme-light).theme-beta ._2v4IIjPhKL0PDaWaWtjJ1E,\n .theme-dark ._2v4IIjPhKL0PDaWaWtjJ1E {\n background: #363a4f !important;\n }\n :root:not(.theme-light) .theme-rpl span[id^=\"CommentTopMeta--Mod\"],\n :root:not(.theme-light).theme-rpl span[id^=\"CommentTopMeta--Mod\"],\n :root:not(.theme-light) .theme-beta span[id^=\"CommentTopMeta--Mod\"],\n :root:not(.theme-light).theme-beta span[id^=\"CommentTopMeta--Mod\"],\n .theme-dark span[id^=\"CommentTopMeta--Mod\"] {\n color: #a6da95 !important;\n }\n :root:not(.theme-light) .theme-rpl span[id^=\"CommentTopMeta--OP\"],\n :root:not(.theme-light).theme-rpl span[id^=\"CommentTopMeta--OP\"],\n :root:not(.theme-light) .theme-beta span[id^=\"CommentTopMeta--OP\"],\n :root:not(.theme-light).theme-beta span[id^=\"CommentTopMeta--OP\"],\n .theme-dark span[id^=\"CommentTopMeta--OP\"] {\n color: #8aadf4 !important;\n }\n :root:not(.theme-light) .theme-rpl div#overlayScrollContainer > div,\n :root:not(.theme-light).theme-rpl div#overlayScrollContainer > div,\n :root:not(.theme-light) .theme-beta div#overlayScrollContainer > div,\n :root:not(.theme-light).theme-beta div#overlayScrollContainer > div,\n .theme-dark div#overlayScrollContainer > div {\n background: #181926 !important;\n }\n :root:not(.theme-light) .theme-rpl div._2M2wOqmeoPVvcSsJ6Po9-V._3287nL7j7epK9JmDC3N1VR,\n :root:not(.theme-light).theme-rpl div._2M2wOqmeoPVvcSsJ6Po9-V._3287nL7j7epK9JmDC3N1VR,\n :root:not(.theme-light) .theme-beta div._2M2wOqmeoPVvcSsJ6Po9-V._3287nL7j7epK9JmDC3N1VR,\n :root:not(.theme-light).theme-beta div._2M2wOqmeoPVvcSsJ6Po9-V._3287nL7j7epK9JmDC3N1VR,\n .theme-dark div._2M2wOqmeoPVvcSsJ6Po9-V._3287nL7j7epK9JmDC3N1VR {\n background: #1e2030 !important;\n }\n :root:not(.theme-light) .theme-rpl div._2DJXORCrmcNpPTSq0LqL6i,\n :root:not(.theme-light).theme-rpl div._2DJXORCrmcNpPTSq0LqL6i,\n :root:not(.theme-light) .theme-beta div._2DJXORCrmcNpPTSq0LqL6i,\n :root:not(.theme-light).theme-beta div._2DJXORCrmcNpPTSq0LqL6i,\n .theme-dark div._2DJXORCrmcNpPTSq0LqL6i,\n :root:not(.theme-light) .theme-rpl div._1DK52RbaamLOWw5UPaht_S,\n :root:not(.theme-light).theme-rpl div._1DK52RbaamLOWw5UPaht_S,\n :root:not(.theme-light) .theme-beta div._1DK52RbaamLOWw5UPaht_S,\n :root:not(.theme-light).theme-beta div._1DK52RbaamLOWw5UPaht_S,\n .theme-dark div._1DK52RbaamLOWw5UPaht_S {\n background: rgba(24, 25, 38, 0.8) !important;\n }\n :root:not(.theme-light) .theme-rpl div.TmlaIdEplCzZ0F1aRGYQh[role=\"presentation\"],\n :root:not(.theme-light).theme-rpl div.TmlaIdEplCzZ0F1aRGYQh[role=\"presentation\"],\n :root:not(.theme-light) .theme-beta div.TmlaIdEplCzZ0F1aRGYQh[role=\"presentation\"],\n :root:not(.theme-light).theme-beta div.TmlaIdEplCzZ0F1aRGYQh[role=\"presentation\"],\n .theme-dark div.TmlaIdEplCzZ0F1aRGYQh[role=\"presentation\"] {\n background: linear-gradient(188deg, #f9e2af1f 1.7%, #f9e2af00 46%, rgba(0, 0, 0, 0)) !important;\n }\n :root:not(.theme-light) .theme-rpl a[title=\"Next\"] > i,\n :root:not(.theme-light).theme-rpl a[title=\"Next\"] > i,\n :root:not(.theme-light) .theme-beta a[title=\"Next\"] > i,\n :root:not(.theme-light).theme-beta a[title=\"Next\"] > i,\n .theme-dark a[title=\"Next\"] > i,\n :root:not(.theme-light) .theme-rpl a[title=\"Previous\"] > i,\n :root:not(.theme-light).theme-rpl a[title=\"Previous\"] > i,\n :root:not(.theme-light) .theme-beta a[title=\"Previous\"] > i,\n :root:not(.theme-light).theme-beta a[title=\"Previous\"] > i,\n .theme-dark a[title=\"Previous\"] > i {\n background: #363a4f !important;\n }\n :root:not(.theme-light) .theme-rpl div._61i6grM3um1yuw4GrN97P,\n :root:not(.theme-light).theme-rpl div._61i6grM3um1yuw4GrN97P,\n :root:not(.theme-light) .theme-beta div._61i6grM3um1yuw4GrN97P,\n :root:not(.theme-light).theme-beta div._61i6grM3um1yuw4GrN97P,\n .theme-dark div._61i6grM3um1yuw4GrN97P {\n background: rgba(24, 25, 38, 0.8) !important;\n color: #cad3f5 !important;\n }\n :root:not(.theme-light) .theme-rpl input#comment_search-bar,\n :root:not(.theme-light).theme-rpl input#comment_search-bar,\n :root:not(.theme-light) .theme-beta input#comment_search-bar,\n :root:not(.theme-light).theme-beta input#comment_search-bar,\n .theme-dark input#comment_search-bar {\n background: #24273a !important;\n }\n :root:not(.theme-light) .theme-rpl ._1gVVmSnHZpkUgVShsn7-ua,\n :root:not(.theme-light).theme-rpl ._1gVVmSnHZpkUgVShsn7-ua,\n :root:not(.theme-light) .theme-beta ._1gVVmSnHZpkUgVShsn7-ua,\n :root:not(.theme-light).theme-beta ._1gVVmSnHZpkUgVShsn7-ua,\n .theme-dark ._1gVVmSnHZpkUgVShsn7-ua {\n background: #1e2030 !important;\n }\n :root:not(.theme-light) .theme-rpl .bX6SqXfzfxpv4GQbuIYVZ,\n :root:not(.theme-light).theme-rpl .bX6SqXfzfxpv4GQbuIYVZ,\n :root:not(.theme-light) .theme-beta .bX6SqXfzfxpv4GQbuIYVZ,\n :root:not(.theme-light).theme-beta .bX6SqXfzfxpv4GQbuIYVZ,\n .theme-dark .bX6SqXfzfxpv4GQbuIYVZ {\n color: #ed8796 !important;\n }\n :root:not(.theme-light) .theme-rpl div.HQ2VJViRjokXpRbJzPvvc,\n :root:not(.theme-light).theme-rpl div.HQ2VJViRjokXpRbJzPvvc,\n :root:not(.theme-light) .theme-beta div.HQ2VJViRjokXpRbJzPvvc,\n :root:not(.theme-light).theme-beta div.HQ2VJViRjokXpRbJzPvvc,\n .theme-dark div.HQ2VJViRjokXpRbJzPvvc {\n background: #1e2030 !important;\n color: #cad3f5 !important;\n }\n :root:not(.theme-light) .theme-rpl div.HQ2VJViRjokXpRbJzPvvc::after,\n :root:not(.theme-light).theme-rpl div.HQ2VJViRjokXpRbJzPvvc::after,\n :root:not(.theme-light) .theme-beta div.HQ2VJViRjokXpRbJzPvvc::after,\n :root:not(.theme-light).theme-beta div.HQ2VJViRjokXpRbJzPvvc::after,\n .theme-dark div.HQ2VJViRjokXpRbJzPvvc::after {\n border-top-color: #1e2030 !important;\n }",
"start": 987,
"domains": [
"reddit.com"
]
},
{
"code": "/* prettier-ignore */",
"start": 149096
}
],
"sourceCode": "/* ==UserStyle==\n@name Reddit Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/reddit\n@homepageURL\thttps://github.com/catppuccin/userstyles/tree/main/styles/reddit\n@version 2.0.0\n@description Soothing pastel theme for Reddit\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/reddit/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent Color\" [ \"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(\"reddit.com\") {\n \n :root:not(.theme-dark) .theme-rpl,\n :root:not(.theme-dark).theme-rpl,\n :root:not(.theme-dark) .theme-beta,\n :root:not(.theme-dark).theme-beta,\n .theme-light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n \n :root:not(.theme-light) .theme-rpl,\n :root:not(.theme-light).theme-rpl,\n :root:not(.theme-light) .theme-beta,\n :root:not(.theme-light).theme-beta,\n .theme-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 /* BETA */\n --color-pizzaRed: @red;\n --color-global-brand-orangered: @peach;\n --color-global-focus: @surface1;\n --color-interactive-content-disabled: @subtext0;\n --color-interactive-background-disabled: @subtext0;\n --color-interactive-pressed: darken(@subtext0, 2);\n --color-neutral-content: @text;\n --color-neutral-content-disabled: @subtext0;\n --color-neutral-content-weak: @subtext0;\n --color-neutral-content-strong: @text;\n --color-global-white: @text;\n --color-neutral-background: @base;\n --color-neutral-background-selected: @surface0;\n --color-neutral-background-weak: @mantle;\n --color-neutral-background-medium: @base;\n --color-neutral-background-strong: @mantle;\n --color-neutral-background-hover: @surface0;\n --color-neutral-border: @surface0;\n --color-neutral-border-medium: @surface0;\n --color-neutral-border-weak: @surface0;\n --color-neutral-border-strong: @surface2;\n --color-primary: @accent-color;\n --color-primary-hover: lighten(@accent-color, 10);\n --color-primary-visited: @lavender;\n --color-primary-background: @base;\n --color-primary-background-hover: @surface0;\n --color-primary-background-selected: @surface0;\n --color-primary-onBackground: @text;\n --color-primary-onBackground-selected: @crust;\n --color-secondary: @subtext0;\n --color-secondary-hover: @subtext1;\n --color-secondary-weak: @subtext0;\n --color-secondary-onBackground: @text;\n --color-secondary-background: @mantle;\n --color-secondary-background-hover: darken(@mantle, 2);\n --color-secondary-background-selected: darken(@mantle, 2);\n --color-secondary-plain: @subtext0;\n --color-secondary-plain-hover: @subtext1;\n --color-danger-background: @red;\n --color-danger-background-disabled: fadeout(@red, 80);\n --color-danger-background-hover: fadeout(@red, 2);\n --color-danger-onBackground: @text;\n --color-danger-content: @red;\n --color-danger-content-hover: darken(@red, 2);\n --color-success-content: @green;\n --color-success-hover: darken(@green, 2);\n --color-success-onBackground: @text;\n --color-success-background: @green;\n --color-success-background-hover: darken(@green, 2);\n --color-warning-content: @yellow;\n --color-warning-content-hover: darken(@yellow, 2);\n --color-warning-onBackground: @base;\n --color-warning-background: @yellow;\n --color-warning-background-hover: darken(@yellow, 2);\n --color-upvote-content: @accent-color;\n --color-upvote-disabled: @subtext0;\n --color-upvote-onBackground: @text;\n --color-upvote-background: @base;\n --color-upvote-background-hover: @base;\n --color-upvote-background-disabled: @base;\n --color-downvote-content: @text;\n --color-downvote-content-weak: @text;\n --color-downvote-disabled: @subtext0;\n --color-downvote-onBackground: @text;\n --color-downvote-background: @base;\n --color-downvote-background-hover: @base;\n --color-downvote-background-disabled: @;\n --color-tone-1: @text;\n --color-tone-2: @subtext0;\n --color-tone-3: @overlay2;\n --color-tone-4: @surface0;\n --color-tone-5: @surface1;\n --color-tone-6: @surface2;\n --color-tone-7: @base;\n --color-avatar-gradient: @accent-color;\n --color-transparent-background-hover: fadeout(@surface0, 70);\n --color-opacity-50: fadeout(@base, 50);\n --color-online: @accent-color;\n --color-favorite: @accent-color;\n --color-brand-background: @accent-color;\n --color-brand-background-hover: @accent-color;\n \n #reddit-logo {\n circle[fill=\"#FF4500\"] {\n fill: @accent-color !important;\n }\n path[fill=\"#FFF\"] {\n fill: @crust !important;\n }\n }\n \n /* normal stuff */\n\n &, div[class^=\"subredditvars\"] {\n --color-online: @green !important;\n --newCommunityTheme-actionIcon: @subtext0 !important;\n --newCommunityTheme-actionIconAlpha20: fadeout(@crust, 20) !important;\n --newCommunityTheme-actionIconAlpha50: fadeout(@crust, 20) !important;\n --newCommunityTheme-actionIconShaded80: @subtext0 !important;\n --newCommunityTheme-actionIconTinted80: @subtext1 !important;\n --newCommunityTheme-active: @accent-color !important;\n --newCommunityTheme-activeAlpha10: fadeout(@crust, 20) !important;\n --newCommunityTheme-activeAlpha20: fadeout(@crust, 20) !important;\n --newCommunityTheme-activeAlpha50: fadeout(@crust, 20) !important;\n --newCommunityTheme-activeLight60: @accent-color !important;\n --newCommunityTheme-activeShaded80: @accent-color !important;\n --newCommunityTheme-activeShaded90: @accent-color !important;\n --newCommunityTheme-activeTinted05: @text !important;\n --newCommunityTheme-banner-backgroundColor: @accent-color !important;\n --newCommunityTheme-banner-iconColor: @accent-color !important;\n --newCommunityTheme-body: @mantle !important;\n --newCommunityTheme-bodyAlpha50: @surface0 !important;\n --newCommunityTheme-bodyAlpha70: @surface1 !important;\n --newCommunityTheme-bodyAlpha80: @surface2 !important;\n --newCommunityTheme-bodyFade: @subtext0 !important;\n --newCommunityTheme-bodyShaded80: @mantle !important;\n --newCommunityTheme-bodyText: @text !important;\n --newCommunityTheme-bodyTextAlpha03: @mantle !important;\n --newCommunityTheme-bodyTextAlpha20: @surface1 !important;\n --newCommunityTheme-bodyTextShaded20: @surface0 !important;\n --newCommunityTheme-bodyTextTinted20: @subtext0 !important;\n --newCommunityTheme-bodyTinted50: @overlay1 !important;\n --newCommunityTheme-bodyTinted80: @overlay0 !important;\n --newCommunityTheme-button: @text !important;\n --newCommunityTheme-buttonAlpha05: fadeout(@crust, 20) !important;\n --newCommunityTheme-buttonAlpha10: fadeout(@crust, 20) !important;\n --newCommunityTheme-buttonAlpha20: fadeout(@crust, 20) !important;\n --newCommunityTheme-buttonAlpha40: @subtext0 !important;\n --newCommunityTheme-buttonAlpha50: @subtext1 !important;\n --newCommunityTheme-buttonAlpha80: @subtext1 !important;\n --newCommunityTheme-buttonShaded80: @overlay0 !important;\n --newCommunityTheme-buttonTinted20: @accent-color !important;\n --newCommunityTheme-buttonTinted50: @accent-color !important;\n --newCommunityTheme-buttonTinted80: @accent-color !important;\n --newCommunityTheme-canvas: @crust !important;\n --newCommunityTheme-checkbox: @text !important;\n --newCommunityTheme-errorText: @red !important;\n --newCommunityTheme-field: @surface0 !important;\n --newCommunityTheme-fieldFade: fadeout(@surface1, 80) !important;\n --newCommunityTheme-flair: @accent-color !important;\n --newCommunityTheme-highlight: @base !important;\n --newCommunityTheme-inactive: @subtext0 !important;\n --newCommunityTheme-lightText: @text !important;\n --newCommunityTheme-lightTextAlpha75: @subtext1 !important;\n --newCommunityTheme-line: fadeout(@surface1, 80) !important;\n --newCommunityTheme-lineShaded80: fadeout(@surface1, 80) !important;\n --newCommunityTheme-lineShaded90: fadeout(@surface1, 80) !important;\n --newCommunityTheme-lineShadedNinety: fadeout(@surface1, 80) !important;\n --newCommunityTheme-linkText: @accent-color !important;\n --newCommunityTheme-linkTextAlpha80: @accent-color !important;\n --newCommunityTheme-linkTextShaded80: @accent-color !important;\n --newCommunityTheme-linkTextTinted80: @accent-color !important;\n --newCommunityTheme-linkTextWithBody: @accent-color !important;\n --newCommunityTheme-menu: @mantle !important;\n --newCommunityTheme-menuActiveText: @text !important;\n --newCommunityTheme-menuButtonBackground-active: @base !important;\n --newCommunityTheme-menuButtonBackground-focus: @base !important;\n --newCommunityTheme-menuButtonBackground-hover: @base !important;\n --newCommunityTheme-menuInactiveText: @text !important;\n --newCommunityTheme-metaText: @subtext0 !important;\n --newCommunityTheme-metaTextAlpha50: @subtext0 !important;\n --newCommunityTheme-metaTextShaded80: @subtext0 !important;\n --newCommunityTheme-monospaceColor: @accent-color !important;\n --newCommunityTheme-navBar-activeLink: @text !important;\n --newCommunityTheme-navBar-activeSubmenuCaret: @text !important;\n --newCommunityTheme-navBar-activeSubmenuLink: @text !important;\n --newCommunityTheme-navBar-backgroundColor: @mantle !important;\n --newCommunityTheme-navBar-hoverLink: @text !important;\n --newCommunityTheme-navBar-inactiveLink: @text !important;\n --newCommunityTheme-navBar-inactiveSubmenuCaret: @text !important;\n --newCommunityTheme-navBar-inactiveSubmenuLink: @text !important;\n --newCommunityTheme-navBar-submenuBackgroundColor: @mantle !important;\n --newCommunityTheme-navIcon: @text !important;\n\n /* upvote/downvote focus */\n --newCommunityTheme-navIconFaded10: fadeout(@crust, 20) !important;\n\n --newCommunityTheme-nsfw: @red !important;\n --newCommunityTheme-nsfwBlocking-bgcolor: @crust !important;\n --newCommunityTheme-nsfwBlocking-color: @text !important;\n --newCommunityTheme-nsfwBlocking-contentTitleBgColor: @base !important;\n --newCommunityTheme-nsfwBlocking-mainCtaBgColor: @mantle !important;\n --newCommunityTheme-pageHeader: @surface2 !important;\n --newCommunityTheme-placeholder: @surface0 !important;\n --newCommunityTheme-post: @mantle !important;\n --newCommunityTheme-postError: @red !important;\n --newCommunityTheme-postFlairText: @crust !important;\n --newCommunityTheme-postIcon: @accent-color !important;\n --newCommunityTheme-postLine: fadeout(@surface1, 80) !important;\n --newCommunityTheme-postLineShaded80: fadeout(@surface1, 80) !important;\n --newCommunityTheme-postLineShaded90: fadeout(@surface1, 80) !important;\n --newCommunityTheme-postTinted20: @base !important;\n --newCommunityTheme-postTransparent20: @base !important;\n --newCommunityTheme-primaryButtonShadedEighty: @overlay1 !important;\n --newCommunityTheme-primaryButtonTintedEighty: @overlay1 !important;\n --newCommunityTheme-primaryButtonTintedFifty: @overlay0 !important;\n --newCommunityTheme-primaryButtonTintedSixty: @overlay0 !important;\n --newCommunityTheme-quarantine: @yellow !important;\n --newCommunityTheme-report: @surface1 !important;\n --newCommunityTheme-search-syntaxHighlightBackgroundColor: @accent-color !important;\n --newCommunityTheme-search-syntaxHighlightColor: @base !important;\n --newCommunityTheme-titleText: @text !important;\n --newCommunityTheme-upsell-appleIcon: @subtext1 !important;\n --newCommunityTheme-upsell-ssoButtonBorderColor: fadeout(@surface1, 80) !important;\n --newCommunityTheme-upsell-ssoButtonTextColor: @text !important;\n --newCommunityTheme-voteText-base: @subtext0 !important;\n --newCommunityTheme-voteText-downvote: @blue !important;\n --newCommunityTheme-voteText-downvoteShaded80: @blue !important;\n --newCommunityTheme-voteText-downvoteTinted80: @blue !important;\n --newCommunityTheme-voteText-upvote: @red !important;\n --newCommunityTheme-voteText-upvoteShaded80: @red !important;\n --newCommunityTheme-voteText-upvoteTinted80: @red !important;\n --newCommunityTheme-widgetColors-appleIcon: @overlay0 !important;\n --newCommunityTheme-widgetColors-lineColor: fadeout(@surface1, 80) !important;\n\n /* sidebar widgets */\n --newCommunityTheme-widgetColors-sidebarWidgetBackgroundColor: @mantle !important;\n --newCommunityTheme-widgetColors-sidebarWidgetBorderColor: fadeout(@surface1, 80) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetHeaderColor: @crust !important;\n --newCommunityTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: @mantle !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTextColor: @text !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTextColorShaded80: @subtext1 !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTitleColor: @text !important;\n\n --newRedditTheme-actionIcon: @subtext0 !important;\n --newRedditTheme-actionIconAlpha20: fadeout(@crust, 20) !important;\n --newRedditTheme-actionIconAlpha50: fadeout(@crust, 20) !important;\n --newRedditTheme-actionIconShaded80: @subtext0 !important;\n --newRedditTheme-actionIconTinted80: @subtext1 !important;\n --newRedditTheme-active: @accent-color !important;\n --newRedditTheme-activeAlpha10: fadeout(@crust, 20) !important;\n --newRedditTheme-activeAlpha20: fadeout(@crust, 20) !important;\n --newRedditTheme-activeAlpha50: fadeout(@crust, 20) !important;\n --newRedditTheme-activeLight60: @accent-color !important;\n --newRedditTheme-activeShaded80: @accent-color !important;\n --newRedditTheme-activeShaded90: @accent-color !important;\n --newRedditTheme-activeTinted05: @text !important;\n --newRedditTheme-banner-backgroundColor: @accent-color !important;\n --newRedditTheme-banner-iconColor: @accent-color !important;\n --newRedditTheme-body: @mantle !important;\n --newRedditTheme-bodyAlpha50: @surface0 !important;\n --newRedditTheme-bodyAlpha70: @surface1 !important;\n --newRedditTheme-bodyAlpha80: @surface2 !important;\n --newRedditTheme-bodyFade: fadeout(@crust, 20) !important;\n --newRedditTheme-bodyShaded80: @mantle !important;\n --newRedditTheme-bodyText: @text !important;\n --newRedditTheme-bodyTextAlpha03: fadeout(@crust, 20) !important;\n --newRedditTheme-bodyTextAlpha20: @surface1 !important;\n --newRedditTheme-bodyTextShaded20: @surface0 !important;\n --newRedditTheme-bodyTextTinted20: @subtext1 !important;\n --newRedditTheme-bodyTinted50: @overlay0 !important;\n --newRedditTheme-bodyTinted80: @overlay1 !important;\n --newRedditTheme-button: @text !important;\n --newRedditTheme-buttonAlpha05: fadeout(@crust, 20) !important;\n --newRedditTheme-buttonAlpha10: fadeout(@crust, 20) !important;\n --newRedditTheme-buttonAlpha20: fadeout(@crust, 20) !important;\n --newRedditTheme-buttonAlpha40: @subtext0 !important;\n --newRedditTheme-buttonAlpha50: @subtext1 !important;\n --newRedditTheme-buttonAlpha80: @subtext1 !important;\n --newRedditTheme-buttonShaded80: @overlay0 !important;\n --newRedditTheme-buttonTinted20: @accent-color !important;\n --newRedditTheme-buttonTinted50: @accent-color !important;\n --newRedditTheme-buttonTinted80: @accent-color !important;\n --newRedditTheme-canvas: @crust !important;\n --newRedditTheme-checkbox: @text !important;\n --newRedditTheme-errorText: @red !important;\n --newRedditTheme-field: @base !important;\n --newRedditTheme-fieldFade: @mantle !important;\n --newRedditTheme-flair: @accent-color !important;\n\n /* controls menu, link, and other similar highlights. very important */\n --newRedditTheme-highlight: @base !important;\n\n --newRedditTheme-inactive: @surface0 !important;\n --newRedditTheme-lightText: @text !important;\n --newRedditTheme-lightTextAlpha75: @subtext1 !important;\n --newRedditTheme-line: fadeout(@surface1, 80) !important;\n --newRedditTheme-lineShaded80: fadeout(@surface1, 80) !important;\n --newRedditTheme-lineShaded90: fadeout(@surface1, 80) !important;\n --newRedditTheme-lineShadedNinety: fadeout(@surface1, 80) !important;\n\n /* links */\n --newRedditTheme-linkText: @accent-color !important;\n --newRedditTheme-linkTextAlpha80: @accent-color !important;\n --newRedditTheme-linkTextShaded80: @accent-color !important;\n --newRedditTheme-linkTextTinted80: @accent-color !important;\n --newRedditTheme-linkTextWithBody: @accent-color !important;\n\n /* menus */\n --newRedditTheme-menu: @mantle !important;\n --newRedditTheme-menuActiveText: @text !important;\n --newRedditTheme-menuButtonBackground-active: @accent-color !important;\n --newRedditTheme-menuButtonBackground-focus: @base !important;\n --newRedditTheme-menuButtonBackground-hover: @base !important;\n --newRedditTheme-menuInactiveText: @text !important;\n\n --newRedditTheme-metaText: @subtext0 !important;\n --newRedditTheme-metaTextAlpha50: fadeout(@crust, 20) !important;\n --newRedditTheme-metaTextShaded80: @subtext1 !important;\n --newRedditTheme-monospaceColor: @accent-color !important;\n --newRedditTheme-navBar-activeLink: @text !important;\n --newRedditTheme-navBar-activeSubmenuCaret: @text !important;\n --newRedditTheme-navBar-activeSubmenuLink: @text !important;\n --newRedditTheme-navBar-backgroundColor: @mantle !important;\n --newRedditTheme-navBar-hoverLink: @text !important;\n --newRedditTheme-navBar-inactiveLink: @text !important;\n --newRedditTheme-navBar-inactiveSubmenuCaret: @text !important;\n --newRedditTheme-navBar-inactiveSubmenuLink: @text !important;\n --newRedditTheme-navBar-submenuBackgroundColor: @mantle !important;\n --newRedditTheme-navIcon: @text !important;\n --newRedditTheme-navIconFaded10: fadeout(@crust, 20) !important;\n --newRedditTheme-nsfw: @red !important;\n --newRedditTheme-nsfwBlocking-bgcolor: @crust !important;\n --newRedditTheme-nsfwBlocking-color: @text !important;\n --newRedditTheme-nsfwBlocking-contentTitleBgColor: @base !important;\n --newRedditTheme-nsfwBlocking-mainCtaBgColor: @mantle !important;\n --newRedditTheme-pageHeader: @surface0 !important;\n --newRedditTheme-placeholder: @surface1 !important;\n --newRedditTheme-post: @mantle !important;\n --newRedditTheme-postError: @red !important;\n --newRedditTheme-postFlairText: @text !important;\n --newRedditTheme-postIcon: @accent-color !important;\n --newRedditTheme-postLine: fadeout(@surface1, 80) !important;\n --newRedditTheme-postLineShaded80: fadeout(@surface1, 80) !important;\n --newRedditTheme-postLineShaded90: fadeout(@surface1, 80) !important;\n --newRedditTheme-postTinted20: @base !important;\n --newRedditTheme-postTransparent20: fadeout(@crust, 20) !important;\n --newRedditTheme-primaryButtonShadedEighty: @surface1 !important;\n --newRedditTheme-primaryButtonTintedEighty: @surface2 !important;\n --newRedditTheme-primaryButtonTintedFifty: @surface1 !important;\n --newRedditTheme-primaryButtonTintedSixty: @surface1 !important;\n --newRedditTheme-quarantine: @yellow !important;\n --newRedditTheme-report: @base !important;\n --newRedditTheme-search-syntaxHighlightBackgroundColor: @accent-color !important;\n --newRedditTheme-search-syntaxHighlightColor: @base !important;\n --newRedditTheme-titleText: @text !important;\n --newRedditTheme-upsell-appleIcon: @overlay0 !important;\n --newRedditTheme-upsell-ssoButtonBorderColor: @text !important;\n --newRedditTheme-upsell-ssoButtonTextColor: @text !important;\n --newRedditTheme-voteText-base: @subtext1 !important;\n --newRedditTheme-voteText-downvote: @blue !important;\n --newRedditTheme-voteText-downvoteShaded80: @blue !important;\n --newRedditTheme-voteText-downvoteTinted80: @blue !important;\n --newRedditTheme-voteText-upvote: @red !important;\n --newRedditTheme-voteText-upvoteShaded80: @red !important;\n --newRedditTheme-voteText-upvoteTinted80: @red !important;\n --newRedditTheme-widgetColors-appleIcon: @overlay0 !important;\n --newRedditTheme-widgetColors-lineColor: fadeout(@surface1, 80) !important;\n --newRedditTheme-widgetColors-sidebarWidgetBackgroundColor: @mantle !important;\n --newRedditTheme-widgetColors-sidebarWidgetBorderColor: fadeout(@surface1, 80) !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColor: @crust !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: fadeout(@crust, 20) !important;\n --newRedditTheme-widgetColors-sidebarWidgetTextColor: @text !important;\n --newRedditTheme-widgetColors-sidebarWidgetTextColorShaded80: @subtext1 !important;\n --newRedditTheme-widgetColors-sidebarWidgetTitleColor: @text !important;\n --tw-bg-opacity: @crust !important;\n --vds-video-bg-color: @crust !important;\n }\n\n /* reddit chat variables */\n :root {\n --activity-button-chatFilterColor: @surface0 !important;\n --activity-button-newChatFilter-activeBg: @accent-color !important;\n --activity-button-newChatFilter-activeText: @base !important;\n --activity-button-newChatFilter-defaultBorder: @surface1 !important;\n --activity-button-newChatFilter-defaultText: @text !important;\n --activity-button-primary: @accent-color !important;\n --activity-button-secondary: @text !important;\n --activity-buttonPrimary-color: @accent-color !important;\n --activity-buttonSecondary-active: @accent-color !important;\n --activity-checkbox-checked: @accent-color !important;\n --activity-checkbox-checkmark: @text !important;\n --activity-checkbox-unchecked: @base !important;\n --activity-checkbox-uncheckedBorder: @surface1 !important;\n --activity-icon-active: @accent-color !important;\n --activity-icon-contrast: @surface1 !important;\n --activity-icon-default: @subtext0 !important;\n --activity-icon-disable: @surface2 !important;\n --activity-icon-hover: @surface2 !important;\n --activity-icon-nsfw-bg: @base !important;\n --activity-icon-nsfw-text: @text !important;\n --activity-icon-subIcon-backgroundColor: @text !important;\n --activity-icon-toaster: @crust !important;\n --activity-input-background: fadeout(@crust, 20) !important;\n --activity-input-border: @surface1 !important;\n --activity-input-channelRename: @subtext0 !important;\n --activity-input-color: @subtext1 !important;\n --activity-input-error: @red !important;\n --activity-input-focusBg: @green !important;\n --activity-input-focusColor: @text !important;\n --activity-input-ownerBg: @surface0 !important;\n --activity-link-hoverText: @red !important;\n --activity-link-staticText: @accent-color !important;\n --activity-link-staticUnderline: @accent-color !important;\n --activity-minimizedPortal-backgroundColor-unreadFinal: @mantle !important;\n --activity-minimizedPortal-backgroundColor-unreadInitial: @accent-color !important;\n --activity-minimizedPortal-color-unreadFinal: @text !important;\n --activity-minimizedPortal-color-unreadInitial: @text !important;\n --activity-send-disable: @surface0 !important;\n --activity-send-hover: @accent-color !important;\n --activity-text-active: @accent-color !important;\n --activity-text-fade: @subtext0 !important;\n --activity-text-highlight: @text !important;\n --activity-text-light: @subtext0 !important;\n --activity-text-meta: @subtext0 !important;\n --activity-text-regular: @text !important;\n --activity-text-success: @green !important;\n --activity-text-tutorial: @rosewater !important;\n --activity-text-warning: @red !important;\n --addReaction-backgroundColor: @surface0 !important;\n --addReaction-iconFill: @surface1 !important;\n --boxShadow: fadeout(@crust, 20) !important;\n --bubble-border: fadeout(@surface1, 80) !important;\n --bubble-channelsFilter-background: @crust !important;\n --bubble-channelsFilter-selected: @overlay0 !important;\n --bubble-color: @text !important;\n --bubble-link-color: @accent-color !important;\n --bubbleActions-hover: @surface0 !important;\n --editName: @surface1 !important;\n --layout-body: @mantle !important;\n --layout-colsBorder: fadeout(@surface1, 80) !important;\n --layout-controlsBorder: fadeout(@surface1, 80) !important;\n --layout-dropdown-border: fadeout(@surface1, 80) !important;\n --layout-header-counterBg: @red !important;\n --layout-header-counterText: @text !important;\n --layout-overlayBackground: fadeout(@crust, 20) !important;\n --layout-overlayReportFlow: fadeout(@crust, 20) !important;\n --layout-scrollbar: @text !important;\n --layout-scrollbarHover: @accent-color !important;\n --layout-timeStamp-tooltip-background: @surface0 !important;\n --message-list-item-button: @surface1 !important;\n --message-list-item-onlineIndicator: @green !important;\n --message-list-item-ownerBg: @surface1 !important;\n --message-list-item-richItem: @overlay0 !important;\n --message-list-item-richItemBorder: fadeout(@surface1, 80) !important;\n --message-list-item-white: @text !important;\n --modal-buttonsBackground: @text !important;\n --modal-primaryButtonWarning: @red !important;\n --modal-secondaryButton: @text !important;\n --newChat-inviteLink-borderColor: fadeout(@surface1, 80) !important;\n --overlay-backgroundColor: @mantle !important;\n --overlay-headerColor: @text !important;\n --overlay-inputBackground: @crust !important;\n --overlay-searchBarBackground: @mantle !important;\n --prompt-tooltip-background: @accent-color !important;\n --searchBar-backgroundColor: @mantle !important;\n --settings-color: @subtext0 !important;\n --settings-dropdownItemHoverBackground: @crust !important;\n --settings-panelBackground: @crust !important;\n --settings-panelItemHoverBackground: @surface0 !important;\n --settings-panelItemSelectedBackground: @surface1 !important;\n --sidebar-background: fadeout(@surface1, 80) !important;\n --sidebar-basic-background-active: @accent-color !important;\n --sidebar-basic-background-hover: @mantle !important;\n --sidebar-footer-background: @crust !important;\n --sidebar-item-active: @surface1 !important;\n --sidebar-item-hover: @surface0 !important;\n --sidebar-item-selected: @surface2 !important;\n --sidebar-item-text-active: @text !important;\n --sidebar-subreddit-background-active: @accent-color !important;\n --sidebar-subreddit-background-hover: @surface1 !important;\n --sidebar-text-divider: @surface1 !important;\n --skeleton-field: @surface2 !important;\n --skeleton-inactive: @surface0 !important;\n --subreddit-iconBg: @accent-color !important;\n --toast-error: @red !important;\n --toast-pending: @crust !important;\n --toast-success: @green !important;\n --uploads-progress-background: @subtext0 !important;\n --uploads-progress-bar: @accent-color !important;\n --videoModal-button-background: @text !important;\n --videoModal-button-color: @mantle !important;\n }\n\n ::placeholder {\n color: @subtext0 !important;\n }\n\n /* site background */\n div.ListingLayout-backgroundContainer::before {\n background: @base !important;\n }\n\n\n /* PROFILE MENU */\n\n\n /* karma count */\n span#email-collection-tooltip-id > :nth-child(2) > :nth-child(2) > span {\n color: @subtext0 !important;\n }\n\n /* profile button karma icon */\n i.icon-karma_fill {\n color: @red !important;\n }\n\n /* menu headers */\n div[role=\"menu\"] > div > div > span > span {\n color: @subtext0 !important;\n }\n\n /* switches, should also apply sitewide */\n button[role=\"switch\"][aria-checked=\"false\"] {\n background: @surface0 !important;\n }\n\n button[role=\"switch\"] > div {\n background: @text !important;\n }\n\n /* online status */\n ._2dn5Ncenn0BSD4tCSmxQhA {\n fill: @green !important;\n }\n\n ._3SlBAJb2MbUHwgBZFH8eL7 {\n fill: @base !important;\n }\n\n\n /* PROFILE PAGE */\n\n\n /* create avatar button */\n button._3F1tNW0P4Ff182mO_CefIg {\n background: linear-gradient(90deg, @red, @peach) !important;\n color: @base !important;\n }\n\n button._3F1tNW0P4Ff182mO_CefIg > i {\n color: @base !important;\n }\n\n /* cake day and followers icon */\n i.icon-cake_fill, i.icon-user_fill {\n color: @accent-color !important;\n }\n\n /* add social links button readability tweak */\n div._3hew1NnzwygOKDNQDKp6R4, div._3hew1NnzwygOKDNQDKp6R4 > i, li._3hew1NnzwygOKDNQDKp6R4 {\n color: @base !important\n }\n\n /* profile moderation and user settings page */\n div._1VP69d9lk-Wk9zokOaylL {\n --background: @base !important;\n --canvas: @base !important;\n }\n\n /* Beta Badge */ \n span._2KFJx8Dhh1o1u0Xb8e7NuD {\n color: @accent-color !important;\n }\n\n /* Delete Account */\n button.EBd2MhBQlQeZ13YeP0K8a {\n color: @accent-color !important;\n }\n\n /* Delete Account Icon */\n svg._1Fa4RPHlhrfUZuNaXK2-eP > path {\n fill: @accent-color !important;\n }\n\n /* blocked, muted input */\n input._1Vnaj3fBuYrmHKEPQD_zWW {\n background-color: @base !important;\n }\n\n /* fixes profile posts not being themed */\n div.scrollerItem > div, div[data-testid=\"post-container\"], div[style=\"background:#1A1A1B\"], div._2otRz3OtuWajw1RleFDJ5P {\n background: @mantle !important;\n }\n\n\n /* NFT AVATAR VIEWER */\n\n\n /* modal background */\n div._productDetails_7kbcu_53 {\n background: @mantle !important;\n color: @text !important;\n }\n\n /* mint status */\n div._mintStatus_7kbcu_264 {\n color: @accent-color !important;\n }\n\n /* carousel background */\n div._carousel_7kbcu_45 {\n background: linear-gradient(243.37deg, @base 16.42%, @blue 100%);\n }\n\n /* nft card back */\n div._card_1ooes_1 {\n background: @blue !important;\n }\n\n ol._container_1t62i_1 {\n border-color: @base !important;\n }\n\n ol._container_1t62i_1 > li {\n border-color: @base !important;\n }\n\n ol._container_1t62i_1 > li > div {\n color: @base !important;\n }\n\n div.MuiMobileStepper-dot {\n background: @surface0 !important;\n }\n\n div.MuiMobileStepper-dotActive {\n background: @accent-color !important;\n }\n\n div._scrollContainer_7kbcu_104 > div > h3, div._cardAuthor_7kbcu_79 {\n color: @subtext0 !important\n }\n\n div._container_oikih_1 {\n background: @crust !important;\n border-color: @surface1 !important;\n }\n\n /* external links */\n a._pill_7kbcu_280 {\n background: @crust !important;\n color: @text !important;\n }\n\n /* shop for avatars button */\n button._shopForMoreButton_7kbcu_125 {\n background: linear-gradient(90deg, @red, @peach) !important;\n color: @base !important;\n }\n\n\n /* AVATAR CREATOR */\n div._wrapper_1upjl_7 {\n background: @base !important;\n color: @text !important;\n }\n\n\n /* SITE HEADER */\n\n\n /* reddit logo */\n a[aria-label=\"Home\"] > svg > g > circle {\n fill: @accent-color !important;\n }\n\n a[aria-label=\"Home\"] > svg:first-child > g > path {\n fill: @base !important;\n }\n\n a[aria-label=\"Home\"] > svg:nth-child(2) > g > path {\n fill: @text !important;\n }\n\n /* notification icon */\n button[aria-label=\"Open notifications inbox\"] > div > span {\n background: @accent-color !important;\n color: @mantle !important;\n }\n\n /* advertise button */\n #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a {\n background: @surface0 !important;\n color: @text !important;\n }\n\n #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a > i {\n color: @text !important;\n }\n\n /* reddit now notification */\n a[href=\"/now\"] > div {\n background: @accent-color !important;\n }\n\n /* search scope pill text */\n div[data-testid=\"search-scope-pill-text\"] {\n color: @text !important;\n }\n\n /* search popup title */\n div[class*=\"_2SdHzo12ISmrC8H86TgSCp\"][class*=\"_1QVrieUoti9cxiQSRw314E\"][class*=\"uWdXen_41bh0iwLrgzFkc\"] {\n --posttitletextcolor: @text !important;\n }\n\n /* safe search toggle */\n button#safe-search-toggle[aria-checked=\"true\"] {\n background: @accent-color !important;\n }\n\n\n /* NAVIGATION SIDEBAR */\n\n\n /* close icon */\n i.icon-close {\n color: @subtext0 !important;\n }\n\n /* item color */\n a[role=\"menuitem\"] {\n color: @text !important;\n }\n\n /* navigation sidebar header color */\n div[role=\"menu\"] > div[role=\"heading\"] {\n color: @subtext0 !important;\n }\n\n a[role=\"menuitem\"]:hover {\n background: @surface0 !important;\n }\n\n /* favorites */\n i.icon-star_fill {\n color: @accent-color !important;\n }\n\n i.icon-star {\n color: @subtext0 !important;\n }\n\n\n /* RIGHT FRONTPAGE SIDEBAR */\n\n\n /* reddit premium icon */\n i.icon-premium_fill {\n color: @accent-color !important;\n }\n\n /* reddit premium try now button */\n button._10BQ7pjWbeYP63SAPNS8Ts.q_unSaY23rpdd3lDvGZ- {\n background: @accent-color !important;\n color: @base !important;\n }\n\n /* recent posts thumbnail borders */\n div._3fWuhJ6bVet7XJT5A0mZM2 > div > div > div {\n border-color: @subtext0 !important;\n }\n\n\n /* POSTS */\n\n\n /* post background for card style */\n div[data-adclicklocation=\"background\"] {\n background: @base !important;\n }\n\n /* post options (save, comment, etc.) */\n div._3-miAEojrCvx_4FQ8x3P-s, i.icon-comment, i.icon-share, i.icon-save, i.icon-expand, i.icon-collapse, i.icon-text_post, i.icon-image_post, i.icon-media_gallery, i.icon-video_post, i.icon-gif_post, i.icon-embed, i.icon-external_link, i.icon-poll_post {\n color: @subtext0 !important;\n }\n\n /* post title color */\n div[data-adclicklocation=\"title\"] > div > a > div > h3, div[data-adclicklocation=\"title\"] > div:first-child > div:first-child > h1:first-child {\n color: @text !important;\n }\n\n /* \n * post op color and\n * post date color\n */\n div[data-adclicklocation=\"top_bar\"] > span, a[data-testid=\"post_author_link\"] {\n color: @subtext0 !important;\n }\n\n /* nsfw flair */\n span._1wzhGvvafQFOWAyA157okr {\n border-color: @red !important;\n color: @red !important;\n }\n\n /* pinned post icon */\n i.icon-pin_fill {\n color: @green !important;\n }\n\n /* give award icon */\n i.icon-award {\n color: @subtext0 !important;\n }\n\n /* locked post icon */\n i.icon-archived_fill, i.icon-lock_fill {\n color: @yellow !important;\n }\n\n /* post button divider */\n div[data-click-id=\"body\"] > div:nth-child(3) > div:nth-child(3) { \n border-color: @surface1 !important;\n }\n\n\n /* UPVOTES/DOWNVOTES */\n\n\n /* upvote/downvote background */\n div.Post, div[data-click-id=\"media\"] {\n background: @mantle !important;\n fill: @mantle !important;\n }\n\n /* inactive vote text color */\n div[id^=\"vote-arrows\"] > div {\n color: @subtext0 !important;\n }\n\n /* active upvote color */\n i.icon-upvote_fill {\n color: @red !important;\n }\n\n button[aria-label=\"upvote\"][aria-pressed=\"false\"] > span:hover > i {\n color: @red !important;\n }\n\n /* active upvote text color */\n button[aria-label=\"upvote\"][aria-pressed=\"true\"] ~ div {\n color: @red !important;\n }\n\n /* hover background for both upvotes and downvotes */\n button[aria-label=\"upvote\"][aria-label=\"downvote\"] > span:hover {\n background: @surface0 !important;\n }\n\n /* active downvote color */\n .icon-downvote_fill {\n color: @blue !important;\n }\n\n /* active downvote text color */\n button[aria-label=\"downvote\"][aria-pressed=\"true\"] ~ div {\n color: @blue !important;\n }\n\n button[aria-label=\"downvote\"][aria-pressed=\"false\"] > span:hover > i {\n color: @blue !important;\n }\n\n\n /* REPORT MODAL */\n\n a.o1ov2mzLxTFAFP-O4Uv8I {\n color: @accent-color !important;\n }\n\n button._1lDGFVGU9k2mi-4kjU95Rp {\n color: @base !important;\n }\n\n\n /* SUBREDDIT PAGES */\n a[role=\"button\"][target=\"_blank\"] {\n background: @text !important;\n color: @base !important;\n }\n\n /* radio buttons (flair selector, etc.) */\n div[role=\"radio\"]:hover, div[role=\"radio\"]:focus {\n background: @accent-color !important;\n }\n\n div[role=\"radio\"] > svg, div[role=\"radio\"] > svg:active {\n fill: @text !important;\n }\n\n /* checkboxes */\n button[role=\"checkbox\"] {\n fill: @accent-color !important;\n }\n\n\n /* SUBREDDIT RIGHT SIDEBAR (some styles carry over from the homepage right sidebar section) */\n\n\n /* header background */\n ._ZhON3a3vplThB8NFwuJn {\n background: @crust !important;\n color: @text !important;\n }\n\n /* subreddit image background */\n img[alt=\"Subreddit Icon\"][role=\"presentation\"] {\n background: @accent-color !important;\n }\n \n /* border between uela */\n ._1KrMye71CT332tKKKUWAj6:not(:last-of-type) {\n border-bottom-color: @surface0;\n }\n\n /* default subreddit icon */\n i.icon-community_fill {\n color: @accent-color !important;\n }\n\n /* online users */\n div._21RLQh5PvUhC6vOKoFeHUP::before {\n color: @green !important;\n }\n\n\n /* POST VIEWER */\n\n\n /* spoiler tags */\n ._2v4IIjPhKL0PDaWaWtjJ1E {\n background: @surface0 !important;\n }\n\n /* mod comment tag */\n span[id^=\"CommentTopMeta--Mod\"] {\n color: @green !important;\n }\n\n /* op comment tag */\n span[id^=\"CommentTopMeta--OP\"] {\n color: @blue !important;\n }\n\n /* post overlay if you have \"open in new tab\" disabled */\n div#overlayScrollContainer > div {\n background: @crust !important;\n }\n\n /* fixes comment section background not working when \"open in new tab is disabled\" */\n div._2M2wOqmeoPVvcSsJ6Po9-V._3287nL7j7epK9JmDC3N1VR {\n background: @mantle !important;\n }\n\n /* shade applied to background when clicking on a post with \"open in new tab\" disabled */\n div._2DJXORCrmcNpPTSq0LqL6i, div._1DK52RbaamLOWw5UPaht_S {\n background: fadeout(@crust, 20) !important;\n }\n\n /* gold award gradient */\n div.TmlaIdEplCzZ0F1aRGYQh[role=\"presentation\"] {\n background: linear-gradient(188deg, #f9e2af1f 1.7%, #f9e2af00 46%, rgba(0, 0, 0, 0)) !important;\n }\n\n /* image gallery next/previous buttons */\n a[title=\"Next\"] > i, a[title=\"Previous\"] > i {\n background: @surface0 !important;\n }\n\n /* image gallery image count */\n div._61i6grM3um1yuw4GrN97P {\n background: fadeout(@crust, 20) !important;\n color: @text !important;\n }\n\n /* comment search bar */\n input#comment_search-bar {\n background: @base !important;\n }\n\n /* tab bar below banner */\n ._1gVVmSnHZpkUgVShsn7-ua {\n background: @mantle !important;\n }\n\n /* MULTIREDDITS/CUSTOM FEEDS */\n\n\n /* delete custom feed button */\n .bX6SqXfzfxpv4GQbuIYVZ {\n color: @red !important;\n }\n\n\n /* TOOLTIPS */\n div.HQ2VJViRjokXpRbJzPvvc {\n background: @mantle !important;\n color: @text !important;\n }\n\n div.HQ2VJViRjokXpRbJzPvvc::after {\n border-top-color: @mantle !important;\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// vim:ft=less\n",
"usercssData": {
"name": "Reddit Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/reddit",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/reddit",
"version": "2.0.0",
"description": "Soothing pastel theme for Reddit",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/reddit/catppuccin.user.css",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": "macchiato",
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent Color",
"name": "accentColor",
"value": "lavender",
"default": "green",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Reddit",
"name": "Reddit Catppuccin",
"originalDigest": "3d12a5743beabec1abb3f6c4178886809a3e99cc",
"_id": "6a5b44ca-c395-44a4-8e9f-f54309f309e1",
"_rev": 1700346156206,
"id": 44,
"etag": "W/\"79c47d7ee1d57b5e14ad7f8bf5ce1012981dde1e4f0a97a9bb88401e2a4b87ba\"",
"updateDate": 1700339535929
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/twitch/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/twitch",
"installDate": 1690105982413,
"sections": [
{
"code": "/* ==UserStyle==\n@name Twitch Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/twitch\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/twitch\n@version 1.1.15\n@description Soothing pastel theme for Twitch\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/twitch/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */",
"start": 0
},
{
"code": ".tw-root--theme-dark {\n /* Stream title */\n /* `Pinned message` popup */\n /* `Intended for certain audiences` label */\n /* `Hype Train` popup */\n /* `Is video buffering?` warning */\n /* `Includes paid promotion` label */\n /* Raiding popup */\n /* `Predict with Channel Points` popup */\n /* TODO: ensure that the poll does not default to this */\n /* Poll popup */\n /* `Report Poll` button */\n /* ??? */\n /* Gifting sub popup */\n /* VOD metadata */\n /* DMCA warning */\n /* VOD time labels */\n /* VOD timestamp */\n /* Seekbar segment */\n /* Seekbar DMCA muted segment */\n /* Seekbar buffered segment */\n /* Recent VOD title */\n /* Offline screen follow panel */\n /* Front page warning sign */\n /* Front page age warning */\n /* Front page age selector */\n /* Following usercard */\n /* PiP username */\n /* Viewercard username */\n /* Viewercard metadata */\n /* Extension name */\n /* Extension description */\n /* Extension service buttons */\n }\n .tw-root--theme-dark body {\n background-color: #24273a;\n }\n .tw-root--theme-dark p[data-test-selector=\"stream-info-card-component__subtitle\"],\n .tw-root--theme-dark p[data-test-selector=\"stream-info-card-component__description\"] {\n color: #cad3f5 !important;\n }\n .tw-root--theme-dark a[data-a-target=\"player-info-game-name\"] {\n color: #b7bdf8;\n }\n .tw-root--theme-dark div.pinned-chat__pinned-by svg {\n color: #cad3f5;\n }\n .tw-root--theme-dark p.pinned-chat__message span {\n color: #cad3f5 !important;\n }\n .tw-root--theme-dark p.pinned-chat__message a {\n color: #b7bdf8;\n }\n .tw-root--theme-dark div[data-a-target=\"content-classification-warning-disclosure-overlay\"] p {\n color: #cad3f5;\n }\n .tw-root--theme-dark div.hype-train-progress-bar-info-view__level-container p,\n .tw-root--theme-dark div.hype-train-approaching-view__leftSide p,\n .tw-root--theme-dark div.hype-train-expanded-layout p,\n .tw-root--theme-dark div.hype-train-expanded-layout svg {\n color: #cad3f5;\n }\n .tw-root--theme-dark div.hype-train-progress-bar-info-view__progress-value span {\n color: #b7bdf8;\n }\n .tw-root--theme-dark div.low-latency-notification p {\n color: #cad3f5;\n }\n .tw-root--theme-dark div.disclosure-card p,\n .tw-root--theme-dark div.disclosure-card svg {\n color: #cad3f5;\n }\n .tw-root--theme-dark div[data-test-selector=\"raid-banner\"] {\n color: #cad3f5;\n }\n .tw-root--theme-dark div[data-test-selector=\"expanded-content\"] p,\n .tw-root--theme-dark p[data-test-selector=\"community-prediction-highlight-header__top-predictors\"],\n .tw-root--theme-dark p[data-test-selector=\"community-prediction-highlight-body__outcome-title\"] {\n color: #cad3f5;\n }\n .tw-root--theme-dark div[data-test-selector=\"header-content\"] p {\n color: #cad3f5 !important;\n }\n .tw-root--theme-dark div.channel-points-icon svg,\n .tw-root--theme-dark div[data-test-selector=\"header-content\"] span,\n .tw-root--theme-dark div[data-test-selector=\"community-prediction-highlight-body__outcome-points\"] span {\n color: #b7bdf8;\n }\n .tw-root--theme-dark button[data-test-selector=\"community-prediction-highlight-header__how-to-play\"],\n .tw-root--theme-dark button[data-test-selector=\"community-prediction-highlight-header__terms-and-conditions\"],\n .tw-root--theme-dark button[data-test-selector=\"community-prediction-highlight-header__send-feedback\"],\n .tw-root--theme-dark button[data-test-selector=\"community-prediction-highlight-header__dismiss-message\"] {\n color: #cad3f5;\n }\n .tw-root--theme-dark div[data-test-selector=\"header-content\"] p:not(\n [data-test-selector=\"community-prediction-highlight-header__title\"],\n [data-test-selector=\"header\"]\n ) {\n color: #cad3f5 !important;\n }\n .tw-root--theme-dark button.gaoCTJ {\n color: #cad3f5;\n }\n .tw-root--theme-dark div.happening-now-disable-prompt p {\n color: #cad3f5 !important;\n }\n .tw-root--theme-dark div.mystery-gift-chat-banner span {\n color: #b7bdf8;\n }\n .tw-root--theme-dark div.mystery-gift-chat-banner p {\n color: #cad3f5;\n }\n .tw-root--theme-dark div.tw-media-card-stat {\n color: #cad3f5;\n }\n .tw-root--theme-dark div.muted-segments-alert__content p {\n color: #cad3f5;\n }\n .tw-root--theme-dark div.vod-seekbar-time-labels p {\n color: #cad3f5 !important;\n }\n .tw-root--theme-dark div.vod-seekbar-preview-overlay__wrapper p {\n color: #cad3f5 !important;\n }\n .tw-root--theme-dark div[data-test-selector=\"seekbar-interaction-area__interactionArea\"] span[data-test-selector=\"seekbar-segment__segment\"] {\n background: #b7bdf8 !important;\n }\n .tw-root--theme-dark div[data-test-selector=\"seekbar-interaction-area__interactionArea\"] span[data-test-selector=\"seekbar-segment__segment\"][style*=\"background-color: rgba(212, 73, 73, 0.5);\"] {\n background: #ed8796 !important;\n }\n .tw-root--theme-dark div[data-test-selector=\"seekbar-interaction-area__interactionArea\"] span[data-test-selector=\"seekbar-segment__segment\"][style*=\"background-color: rgba(255, 255, 255, 0.85);\"] {\n background: #939ab7 !important;\n }\n .tw-root--theme-dark div.player-overlay-background h4 {\n color: #a5adcb !important;\n }\n .tw-root--theme-dark a.offline-recommendations-video-card p {\n color: #cad3f5;\n }\n .tw-root--theme-dark div[data-test-selector=\"follow-panel-overlay\"] p {\n color: #cad3f5 !important;\n }\n .tw-root--theme-dark div[data-test-selector=\"follow-panel-overlay\"] button div {\n color: #181926 !important;\n }\n .tw-root--theme-dark div.content-overlay-gate__content[data-a-target=\"player-overlay-content-gate\"] div.content-overlay-icon svg {\n color: #ed8796;\n }\n .tw-root--theme-dark div.content-overlay-gate__content[data-a-target=\"player-overlay-content-gate\"] p.content-overlay-gate__allow-pointers {\n color: #ed8796 !important;\n }\n .tw-root--theme-dark div[data-a-target=\"player-overlay-age-gate-form\"] select {\n color: #cad3f5;\n }\n .tw-root--theme-dark div[data-a-target=\"user-card-modal\"] p {\n color: #cad3f5 !important;\n }\n .tw-root--theme-dark div.mini-overlay__title span {\n color: #cad3f5;\n }\n .tw-root--theme-dark div.viewer-card-header__display-name h4 {\n color: #b7bdf8 !important;\n }\n .tw-root--theme-dark div.viewer-card-header__display-name svg:not(button svg) {\n color: #b8c0e0;\n }\n .tw-root--theme-dark div.viewer-card-header__display-name p {\n color: #cad3f5 !important;\n }\n .tw-root--theme-dark div[aria-describedby=\"popover-extensions-body\"] h6 {\n color: #cad3f5;\n }\n .tw-root--theme-dark div.extensions-popover-view-layout__body p {\n color: #cad3f5;\n }\n .tw-root--theme-dark div.extensions-popover-view-layout__body svg {\n color: #a5adcb;\n }\n .tw-root--theme-dark div.extensions-popover-view-layout__body div {\n color: #cad3f5;\n }\n .tw-root--theme-dark .carousel-metadata {\n background: #181926;\n }\n .tw-root--theme-dark .carousel-metadata--fadeout {\n background: #181926;\n }\n .tw-root--theme-dark .chat-line__message-body--highlighted {\n background-color: #b7bdf8;\n color: #181926;\n border-color: #b7bdf8;\n }\n .tw-root--theme-dark .chat-scrollable-area__message-container {\n background-color: #1e2030;\n }\n .tw-root--theme-dark .jmUA-dj {\n background-color: #1e2030;\n }\n .tw-root--theme-dark .bBpiku {\n fill: #1e2030;\n }\n .tw-root--theme-dark .ivjxmt {\n color: #181926;\n }\n .tw-root--theme-dark .gzYMLv {\n color: #cad3f5;\n }\n .tw-root--theme-dark .gZxBHd {\n color: #a5adcb;\n }\n .tw-root--theme-dark .gZxBHd:hover {\n color: #b7bdf8;\n }\n .tw-root--theme-dark .eBmJxH {\n color: #cad3f5;\n }\n .tw-root--theme-dark .ffZeRf {\n color: #fff !important;\n }\n .tw-root--theme-dark .igzOaC {\n color: #cad3f5;\n }\n .tw-root--theme-dark .bEHknf {\n color: #fff;\n }\n .tw-root--theme-dark .side-nav-card__link:hover {\n background: #363a4f !important;\n }\n .tw-root--theme-dark .dDyYOA {\n color: #fff !important;\n }\n .tw-root--theme-dark .reward-icon__cost {\n color: #fff !important;\n }\n .tw-root--theme-dark .kLILeB {\n color: #fff !important;\n }\n .tw-root--theme-dark .navigation-link__active-indicator {\n background-color: #b7bdf8 !important;\n }\n .tw-root--theme-dark .footer {\n background: #181926;\n }\n .tw-root--theme-dark .whispers-list-item--selected,\n .tw-root--theme-dark .whispers-list-item:hover {\n background-color: #363a4f;\n }\n .tw-root--theme-dark .thread-header__title-bar-container--focused {\n background-color: #1e2030;\n }\n .tw-root--theme-dark .thread-header__title-bar-container {\n background: #1e2030;\n }\n .tw-root--theme-dark .thread-header__click-area:focus .thread-header__title-bar-container {\n background-color: #1e2030;\n }\n .tw-root--theme-dark .navigation-link {\n color: #cad3f5;\n }\n .tw-root--theme-dark .navigation-link:hover {\n color: #b7bdf8;\n }\n .tw-root--theme-dark .chat-room {\n background: #1e2030;\n }\n .tw-root--theme-dark div.pinned-chat__highlight-card div.highlight {\n background: #1e2030;\n }\n .tw-root--theme-dark h4,\n .tw-root--theme-dark h5 {\n color: #cad3f5;\n }\n .tw-root--theme-dark .cOJBQO {\n color: #cad3f5;\n }\n .tw-root--theme-dark .dBlttx {\n color: #b8c0e0;\n }\n .tw-root--theme-dark .fiCviy {\n color: #cad3f5;\n }\n .tw-root--theme-dark .server-message-alert,\n .tw-root--theme-dark .server-message-alert,\n .tw-root--theme-dark .server-message-alert {\n border: var(--border-width-default) solid #ed8796;\n border-left: 0.4rem solid #ed8796;\n }\n .tw-root--theme-dark .server-message-alert__icon,\n .tw-root--theme-dark .server-message-alert__icon,\n .tw-root--theme-dark .server-message-alert__icon {\n color: #ed8796;\n }\n .tw-root--theme-dark,\n .tw-root--theme-dark .side-nav-card__link:hover {\n --color-background-input-focus: #181926;\n --color-background-interactable-hover: #363a4f;\n --color-background-button-text-default: null !important;\n --color-background-float: #181926;\n --color-text-input-placeholder: #cad3f5;\n --color-border-input: #24273a;\n --color-text-button-primary: #181926;\n --color-text-overlay: #24273a;\n --color-text-base: #b8c0e0;\n --color-text-alt: #b8c0e0;\n --color-text-alt-2: #cad3f5;\n --color-text-interactable-selected: #181926;\n --color-background-alt-2: #181926;\n --color-text-tag: #cad3f5;\n --color-background-button-secondary-default: #181926;\n --color-background-tag-default: #1e2030;\n --color-background-tag-hover: #181926;\n --color-background-float: #1e2030;\n --color-background-body: #24273a;\n --color-background-base: #1e2030;\n --color-background-alt: #1e2030;\n --color-background-input: #181926;\n --color-brand-muted-cupcake: #f5bde6;\n --color-brand-muted-mint: #a6da95;\n --color-brand-muted-sky: #91d7e3;\n --color-brand-muted-blush: #f5a97f;\n --color-brand-muted-canary: #f5a97f;\n --color-brand-muted-lavender: #b7bdf8;\n --color-brand-muted-mustard: #eed49f;\n --color-brand-muted-emerald: #a6da95;\n --color-brand-muted-coral: #f5a97f;\n --color-brand-muted-ocean: #8aadf4;\n --color-brand-accent-grape: #c6a0f6;\n --color-brand-accent-dragonfruit: #f0c6c6;\n --color-brand-accent-carrot: #f5a97f;\n --color-brand-accent-sun: #f5a97f;\n --color-brand-accent-lime: #a6da95;\n --color-brand-accent-turquoise: #91d7e3;\n --color-brand-accent-eggplant: #c6a0f6;\n --color-brand-accent-wine: #f0c6c6;\n --color-brand-accent-slime: #a6da95;\n --color-brand-accent-seafoam: #a6da95;\n --color-brand-accent-cherry: #ed8796;\n --color-brand-accent-marine: #8aadf4;\n --color-brand-accent-seaweed: #8bd5ca;\n --color-brand-accent-fiji: #a6da95;\n --color-brand-accent-blueberry: #8aadf4;\n --color-brand-accent-arctic: #91d7e3;\n --color-brand-accent-highlighter: #eed49f;\n --color-brand-accent-flamingo: #f0c6c6;\n --color-brand-accent-ruby: #ed8796;\n --color-brand-accent-punch: #f0c6c6;\n --color-brand-accent-creamsicle: #eed49f;\n --color-red: #ee99a0;\n --color-red-darker: #ed8796;\n --color-orange: #f5a97f;\n --color-yellow: #eed49f;\n --color-green: #a6da95;\n --color-green-darker: #a6da95;\n --color-blue: #8aadf4;\n --color-prime-blue: #8aadf4;\n --color-magenta: #f0c6c6;\n --color-error: #ed8796;\n --color-warn: #eed49f;\n --color-success: #a6da95;\n --color-info: #8aadf4;\n --color-accent: #b7bdf8;\n --color-twitch-purple: #b7bdf8;\n --color-twitch-purple-4: #b7bdf8;\n --color-twitch-purple-5: #b7bdf8;\n --color-twitch-purple-6: #b7bdf8;\n --color-twitch-purple-7: #b7bdf8;\n --color-twitch-purple-8: #b7bdf8;\n --color-twitch-purple-9: #b7bdf8;\n --color-twitch-purple-10: #b7bdf8;\n --color-twitch-purple-11: #b7bdf8;\n --color-twitch-purple-12: #b7bdf8;\n --color-orange-7: #eed49f;\n --color-orange-8: #eed49f;\n --color-orange-9: #eed49f;\n --color-orange-10: #eed49f;\n --color-orange-11: #eed49f;\n --color-orange-12: #eed49f;\n --color-orange-13: #eed49f;\n --color-yellow-6: #f5a97f;\n --color-yellow-7: #f5a97f;\n --color-yellow-8: #f5a97f;\n --color-yellow-9: #f5a97f;\n --color-yellow-10: #f5a97f;\n --color-yellow-11: #f5a97f;\n --color-yellow-12: #f5a97f;\n --color-yellow-13: #f5a97f;\n --color-yellow-14: #f5a97f;\n --color-yellow-15: #f5a97f;\n --color-green-5: #a6da95;\n --color-green-6: #a6da95;\n --color-green-7: #a6da95;\n --color-green-8: #a6da95;\n --color-green-9: #a6da95;\n --color-green-10: #a6da95;\n --color-green-11: #a6da95;\n --color-green-12: #a6da95;\n --color-green-13: #a6da95;\n --color-green-14: #a6da95;\n --color-green-15: #8bd5ca;\n --color-cyan-9: #7dc4e4;\n --color-cyan-10: #7dc4e4;\n --color-cyan-11: #7dc4e4;\n --color-cyan-12: #7dc4e4;\n --color-cyan-13: #7dc4e4;\n --color-cyan-14: #7dc4e4;\n --color-cyan-15: #91d7e3;\n --color-blue-4: #8aadf4;\n --color-blue-5: #8aadf4;\n --color-blue-6: #8aadf4;\n --color-blue-7: #8aadf4;\n --color-blue-8: #8aadf4;\n --color-blue-9: #8aadf4;\n --color-blue-10: #91d7e3;\n --color-blue-11: #91d7e3;\n --color-magenta-5: #f0c6c6;\n --color-magenta-6: #f0c6c6;\n --color-magenta-7: #f0c6c6;\n --color-magenta-8: #f0c6c6;\n --color-magenta-9: #f0c6c6;\n --color-magenta-10: #f0c6c6;\n --color-magenta-11: #f5bde6;\n --color-magenta-12: #f5bde6;\n --color-red-4: #ed8796;\n --color-red-5: #ed8796;\n --color-red-6: #ed8796;\n --color-red-7: #ed8796;\n --color-red-8: #ed8796;\n --color-red-9: #ed8796;\n --color-red-10: #ed8796;\n --color-red-11: #f5a97f;\n --color-red-12: #f5a97f;\n --color-twitter: #8aadf4;\n --color-facebook: #8aadf4;\n --color-reddit: #f5a97f;\n --color-snapchat: #eed49f;\n --color-instagram: #8aadf4;\n --color-youtube: #ed8796;\n --color-paypal: #8aadf4;\n --color-paypal-blue: #8aadf4;\n --color-paypal-yellow: #eed49f;\n --color-venmo: #8aadf4;\n --color-vk: #8aadf4;\n --color-amazon: #eed49f;\n --color-background-button-text-hover: #363a4f;\n --color-text-accessible-red: #ed8796;\n --color-border-input-checkbox: #a5adcb;\n --color-border-input-checkbox-hover: #cad3f5;\n --color-text-label: #cad3f5;\n --color-border-input-hover: #363a4f;\n }\n .tw-root--theme-light {\n /* Stream title */\n /* `Pinned message` popup */\n /* `Intended for certain audiences` label */\n /* `Hype Train` popup */\n /* `Is video buffering?` warning */\n /* `Includes paid promotion` label */\n /* Raiding popup */\n /* `Predict with Channel Points` popup */\n /* TODO: ensure that the poll does not default to this */\n /* Poll popup */\n /* `Report Poll` button */\n /* ??? */\n /* Gifting sub popup */\n /* VOD metadata */\n /* DMCA warning */\n /* VOD time labels */\n /* VOD timestamp */\n /* Seekbar segment */\n /* Seekbar DMCA muted segment */\n /* Seekbar buffered segment */\n /* Recent VOD title */\n /* Offline screen follow panel */\n /* Front page warning sign */\n /* Front page age warning */\n /* Front page age selector */\n /* Following usercard */\n /* PiP username */\n /* Viewercard username */\n /* Viewercard metadata */\n /* Extension name */\n /* Extension description */\n /* Extension service buttons */\n }\n .tw-root--theme-light body {\n background-color: #24273a;\n }\n .tw-root--theme-light p[data-test-selector=\"stream-info-card-component__subtitle\"],\n .tw-root--theme-light p[data-test-selector=\"stream-info-card-component__description\"] {\n color: #cad3f5 !important;\n }\n .tw-root--theme-light a[data-a-target=\"player-info-game-name\"] {\n color: #b7bdf8;\n }\n .tw-root--theme-light div.pinned-chat__pinned-by svg {\n color: #cad3f5;\n }\n .tw-root--theme-light p.pinned-chat__message span {\n color: #cad3f5 !important;\n }\n .tw-root--theme-light p.pinned-chat__message a {\n color: #b7bdf8;\n }\n .tw-root--theme-light div[data-a-target=\"content-classification-warning-disclosure-overlay\"] p {\n color: #cad3f5;\n }\n .tw-root--theme-light div.hype-train-progress-bar-info-view__level-container p,\n .tw-root--theme-light div.hype-train-approaching-view__leftSide p,\n .tw-root--theme-light div.hype-train-expanded-layout p,\n .tw-root--theme-light div.hype-train-expanded-layout svg {\n color: #cad3f5;\n }\n .tw-root--theme-light div.hype-train-progress-bar-info-view__progress-value span {\n color: #b7bdf8;\n }\n .tw-root--theme-light div.low-latency-notification p {\n color: #cad3f5;\n }\n .tw-root--theme-light div.disclosure-card p,\n .tw-root--theme-light div.disclosure-card svg {\n color: #cad3f5;\n }\n .tw-root--theme-light div[data-test-selector=\"raid-banner\"] {\n color: #cad3f5;\n }\n .tw-root--theme-light div[data-test-selector=\"expanded-content\"] p,\n .tw-root--theme-light p[data-test-selector=\"community-prediction-highlight-header__top-predictors\"],\n .tw-root--theme-light p[data-test-selector=\"community-prediction-highlight-body__outcome-title\"] {\n color: #cad3f5;\n }\n .tw-root--theme-light div[data-test-selector=\"header-content\"] p {\n color: #cad3f5 !important;\n }\n .tw-root--theme-light div.channel-points-icon svg,\n .tw-root--theme-light div[data-test-selector=\"header-content\"] span,\n .tw-root--theme-light div[data-test-selector=\"community-prediction-highlight-body__outcome-points\"] span {\n color: #b7bdf8;\n }\n .tw-root--theme-light button[data-test-selector=\"community-prediction-highlight-header__how-to-play\"],\n .tw-root--theme-light button[data-test-selector=\"community-prediction-highlight-header__terms-and-conditions\"],\n .tw-root--theme-light button[data-test-selector=\"community-prediction-highlight-header__send-feedback\"],\n .tw-root--theme-light button[data-test-selector=\"community-prediction-highlight-header__dismiss-message\"] {\n color: #cad3f5;\n }\n .tw-root--theme-light div[data-test-selector=\"header-content\"] p:not(\n [data-test-selector=\"community-prediction-highlight-header__title\"],\n [data-test-selector=\"header\"]\n ) {\n color: #cad3f5 !important;\n }\n .tw-root--theme-light button.gaoCTJ {\n color: #cad3f5;\n }\n .tw-root--theme-light div.happening-now-disable-prompt p {\n color: #cad3f5 !important;\n }\n .tw-root--theme-light div.mystery-gift-chat-banner span {\n color: #b7bdf8;\n }\n .tw-root--theme-light div.mystery-gift-chat-banner p {\n color: #cad3f5;\n }\n .tw-root--theme-light div.tw-media-card-stat {\n color: #cad3f5;\n }\n .tw-root--theme-light div.muted-segments-alert__content p {\n color: #cad3f5;\n }\n .tw-root--theme-light div.vod-seekbar-time-labels p {\n color: #cad3f5 !important;\n }\n .tw-root--theme-light div.vod-seekbar-preview-overlay__wrapper p {\n color: #cad3f5 !important;\n }\n .tw-root--theme-light div[data-test-selector=\"seekbar-interaction-area__interactionArea\"] span[data-test-selector=\"seekbar-segment__segment\"] {\n background: #b7bdf8 !important;\n }\n .tw-root--theme-light div[data-test-selector=\"seekbar-interaction-area__interactionArea\"] span[data-test-selector=\"seekbar-segment__segment\"][style*=\"background-color: rgba(212, 73, 73, 0.5);\"] {\n background: #ed8796 !important;\n }\n .tw-root--theme-light div[data-test-selector=\"seekbar-interaction-area__interactionArea\"] span[data-test-selector=\"seekbar-segment__segment\"][style*=\"background-color: rgba(255, 255, 255, 0.85);\"] {\n background: #939ab7 !important;\n }\n .tw-root--theme-light div.player-overlay-background h4 {\n color: #a5adcb !important;\n }\n .tw-root--theme-light a.offline-recommendations-video-card p {\n color: #cad3f5;\n }\n .tw-root--theme-light div[data-test-selector=\"follow-panel-overlay\"] p {\n color: #cad3f5 !important;\n }\n .tw-root--theme-light div[data-test-selector=\"follow-panel-overlay\"] button div {\n color: #181926 !important;\n }\n .tw-root--theme-light div.content-overlay-gate__content[data-a-target=\"player-overlay-content-gate\"] div.content-overlay-icon svg {\n color: #ed8796;\n }\n .tw-root--theme-light div.content-overlay-gate__content[data-a-target=\"player-overlay-content-gate\"] p.content-overlay-gate__allow-pointers {\n color: #ed8796 !important;\n }\n .tw-root--theme-light div[data-a-target=\"player-overlay-age-gate-form\"] select {\n color: #cad3f5;\n }\n .tw-root--theme-light div[data-a-target=\"user-card-modal\"] p {\n color: #cad3f5 !important;\n }\n .tw-root--theme-light div.mini-overlay__title span {\n color: #cad3f5;\n }\n .tw-root--theme-light div.viewer-card-header__display-name h4 {\n color: #b7bdf8 !important;\n }\n .tw-root--theme-light div.viewer-card-header__display-name svg:not(button svg) {\n color: #b8c0e0;\n }\n .tw-root--theme-light div.viewer-card-header__display-name p {\n color: #cad3f5 !important;\n }\n .tw-root--theme-light div[aria-describedby=\"popover-extensions-body\"] h6 {\n color: #cad3f5;\n }\n .tw-root--theme-light div.extensions-popover-view-layout__body p {\n color: #cad3f5;\n }\n .tw-root--theme-light div.extensions-popover-view-layout__body svg {\n color: #a5adcb;\n }\n .tw-root--theme-light div.extensions-popover-view-layout__body div {\n color: #cad3f5;\n }\n .tw-root--theme-light .carousel-metadata {\n background: #181926;\n }\n .tw-root--theme-light .carousel-metadata--fadeout {\n background: #181926;\n }\n .tw-root--theme-light .chat-line__message-body--highlighted {\n background-color: #b7bdf8;\n color: #181926;\n border-color: #b7bdf8;\n }\n .tw-root--theme-light .chat-scrollable-area__message-container {\n background-color: #1e2030;\n }\n .tw-root--theme-light .jmUA-dj {\n background-color: #1e2030;\n }\n .tw-root--theme-light .bBpiku {\n fill: #1e2030;\n }\n .tw-root--theme-light .ivjxmt {\n color: #181926;\n }\n .tw-root--theme-light .gzYMLv {\n color: #cad3f5;\n }\n .tw-root--theme-light .gZxBHd {\n color: #a5adcb;\n }\n .tw-root--theme-light .gZxBHd:hover {\n color: #b7bdf8;\n }\n .tw-root--theme-light .eBmJxH {\n color: #cad3f5;\n }\n .tw-root--theme-light .ffZeRf {\n color: #fff !important;\n }\n .tw-root--theme-light .igzOaC {\n color: #cad3f5;\n }\n .tw-root--theme-light .bEHknf {\n color: #fff;\n }\n .tw-root--theme-light .side-nav-card__link:hover {\n background: #363a4f !important;\n }\n .tw-root--theme-light .dDyYOA {\n color: #fff !important;\n }\n .tw-root--theme-light .reward-icon__cost {\n color: #fff !important;\n }\n .tw-root--theme-light .kLILeB {\n color: #fff !important;\n }\n .tw-root--theme-light .navigation-link__active-indicator {\n background-color: #b7bdf8 !important;\n }\n .tw-root--theme-light .footer {\n background: #181926;\n }\n .tw-root--theme-light .whispers-list-item--selected,\n .tw-root--theme-light .whispers-list-item:hover {\n background-color: #363a4f;\n }\n .tw-root--theme-light .thread-header__title-bar-container--focused {\n background-color: #1e2030;\n }\n .tw-root--theme-light .thread-header__title-bar-container {\n background: #1e2030;\n }\n .tw-root--theme-light .thread-header__click-area:focus .thread-header__title-bar-container {\n background-color: #1e2030;\n }\n .tw-root--theme-light .navigation-link {\n color: #cad3f5;\n }\n .tw-root--theme-light .navigation-link:hover {\n color: #b7bdf8;\n }\n .tw-root--theme-light .chat-room {\n background: #1e2030;\n }\n .tw-root--theme-light div.pinned-chat__highlight-card div.highlight {\n background: #1e2030;\n }\n .tw-root--theme-light h4,\n .tw-root--theme-light h5 {\n color: #cad3f5;\n }\n .tw-root--theme-light .cOJBQO {\n color: #cad3f5;\n }\n .tw-root--theme-light .dBlttx {\n color: #b8c0e0;\n }\n .tw-root--theme-light .fiCviy {\n color: #cad3f5;\n }\n .tw-root--theme-light .server-message-alert,\n .tw-root--theme-light .server-message-alert,\n .tw-root--theme-light .server-message-alert {\n border: var(--border-width-default) solid #ed8796;\n border-left: 0.4rem solid #ed8796;\n }\n .tw-root--theme-light .server-message-alert__icon,\n .tw-root--theme-light .server-message-alert__icon,\n .tw-root--theme-light .server-message-alert__icon {\n color: #ed8796;\n }\n .tw-root--theme-light,\n .tw-root--theme-light .side-nav-card__link:hover {\n --color-background-input-focus: #181926;\n --color-background-interactable-hover: #363a4f;\n --color-background-button-text-default: null !important;\n --color-background-float: #181926;\n --color-text-input-placeholder: #cad3f5;\n --color-border-input: #24273a;\n --color-text-button-primary: #181926;\n --color-text-overlay: #24273a;\n --color-text-base: #b8c0e0;\n --color-text-alt: #b8c0e0;\n --color-text-alt-2: #cad3f5;\n --color-text-interactable-selected: #181926;\n --color-background-alt-2: #181926;\n --color-text-tag: #cad3f5;\n --color-background-button-secondary-default: #181926;\n --color-background-tag-default: #1e2030;\n --color-background-tag-hover: #181926;\n --color-background-float: #1e2030;\n --color-background-body: #24273a;\n --color-background-base: #1e2030;\n --color-background-alt: #1e2030;\n --color-background-input: #181926;\n --color-brand-muted-cupcake: #f5bde6;\n --color-brand-muted-mint: #a6da95;\n --color-brand-muted-sky: #91d7e3;\n --color-brand-muted-blush: #f5a97f;\n --color-brand-muted-canary: #f5a97f;\n --color-brand-muted-lavender: #b7bdf8;\n --color-brand-muted-mustard: #eed49f;\n --color-brand-muted-emerald: #a6da95;\n --color-brand-muted-coral: #f5a97f;\n --color-brand-muted-ocean: #8aadf4;\n --color-brand-accent-grape: #c6a0f6;\n --color-brand-accent-dragonfruit: #f0c6c6;\n --color-brand-accent-carrot: #f5a97f;\n --color-brand-accent-sun: #f5a97f;\n --color-brand-accent-lime: #a6da95;\n --color-brand-accent-turquoise: #91d7e3;\n --color-brand-accent-eggplant: #c6a0f6;\n --color-brand-accent-wine: #f0c6c6;\n --color-brand-accent-slime: #a6da95;\n --color-brand-accent-seafoam: #a6da95;\n --color-brand-accent-cherry: #ed8796;\n --color-brand-accent-marine: #8aadf4;\n --color-brand-accent-seaweed: #8bd5ca;\n --color-brand-accent-fiji: #a6da95;\n --color-brand-accent-blueberry: #8aadf4;\n --color-brand-accent-arctic: #91d7e3;\n --color-brand-accent-highlighter: #eed49f;\n --color-brand-accent-flamingo: #f0c6c6;\n --color-brand-accent-ruby: #ed8796;\n --color-brand-accent-punch: #f0c6c6;\n --color-brand-accent-creamsicle: #eed49f;\n --color-red: #ee99a0;\n --color-red-darker: #ed8796;\n --color-orange: #f5a97f;\n --color-yellow: #eed49f;\n --color-green: #a6da95;\n --color-green-darker: #a6da95;\n --color-blue: #8aadf4;\n --color-prime-blue: #8aadf4;\n --color-magenta: #f0c6c6;\n --color-error: #ed8796;\n --color-warn: #eed49f;\n --color-success: #a6da95;\n --color-info: #8aadf4;\n --color-accent: #b7bdf8;\n --color-twitch-purple: #b7bdf8;\n --color-twitch-purple-4: #b7bdf8;\n --color-twitch-purple-5: #b7bdf8;\n --color-twitch-purple-6: #b7bdf8;\n --color-twitch-purple-7: #b7bdf8;\n --color-twitch-purple-8: #b7bdf8;\n --color-twitch-purple-9: #b7bdf8;\n --color-twitch-purple-10: #b7bdf8;\n --color-twitch-purple-11: #b7bdf8;\n --color-twitch-purple-12: #b7bdf8;\n --color-orange-7: #eed49f;\n --color-orange-8: #eed49f;\n --color-orange-9: #eed49f;\n --color-orange-10: #eed49f;\n --color-orange-11: #eed49f;\n --color-orange-12: #eed49f;\n --color-orange-13: #eed49f;\n --color-yellow-6: #f5a97f;\n --color-yellow-7: #f5a97f;\n --color-yellow-8: #f5a97f;\n --color-yellow-9: #f5a97f;\n --color-yellow-10: #f5a97f;\n --color-yellow-11: #f5a97f;\n --color-yellow-12: #f5a97f;\n --color-yellow-13: #f5a97f;\n --color-yellow-14: #f5a97f;\n --color-yellow-15: #f5a97f;\n --color-green-5: #a6da95;\n --color-green-6: #a6da95;\n --color-green-7: #a6da95;\n --color-green-8: #a6da95;\n --color-green-9: #a6da95;\n --color-green-10: #a6da95;\n --color-green-11: #a6da95;\n --color-green-12: #a6da95;\n --color-green-13: #a6da95;\n --color-green-14: #a6da95;\n --color-green-15: #8bd5ca;\n --color-cyan-9: #7dc4e4;\n --color-cyan-10: #7dc4e4;\n --color-cyan-11: #7dc4e4;\n --color-cyan-12: #7dc4e4;\n --color-cyan-13: #7dc4e4;\n --color-cyan-14: #7dc4e4;\n --color-cyan-15: #91d7e3;\n --color-blue-4: #8aadf4;\n --color-blue-5: #8aadf4;\n --color-blue-6: #8aadf4;\n --color-blue-7: #8aadf4;\n --color-blue-8: #8aadf4;\n --color-blue-9: #8aadf4;\n --color-blue-10: #91d7e3;\n --color-blue-11: #91d7e3;\n --color-magenta-5: #f0c6c6;\n --color-magenta-6: #f0c6c6;\n --color-magenta-7: #f0c6c6;\n --color-magenta-8: #f0c6c6;\n --color-magenta-9: #f0c6c6;\n --color-magenta-10: #f0c6c6;\n --color-magenta-11: #f5bde6;\n --color-magenta-12: #f5bde6;\n --color-red-4: #ed8796;\n --color-red-5: #ed8796;\n --color-red-6: #ed8796;\n --color-red-7: #ed8796;\n --color-red-8: #ed8796;\n --color-red-9: #ed8796;\n --color-red-10: #ed8796;\n --color-red-11: #f5a97f;\n --color-red-12: #f5a97f;\n --color-twitter: #8aadf4;\n --color-facebook: #8aadf4;\n --color-reddit: #f5a97f;\n --color-snapchat: #eed49f;\n --color-instagram: #8aadf4;\n --color-youtube: #ed8796;\n --color-paypal: #8aadf4;\n --color-paypal-blue: #8aadf4;\n --color-paypal-yellow: #eed49f;\n --color-venmo: #8aadf4;\n --color-vk: #8aadf4;\n --color-amazon: #eed49f;\n --color-background-button-text-hover: #363a4f;\n --color-text-accessible-red: #ed8796;\n --color-border-input-checkbox: #a5adcb;\n --color-border-input-checkbox-hover: #cad3f5;\n --color-text-label: #cad3f5;\n --color-border-input-hover: #363a4f;\n }",
"start": 988,
"domains": [
"twitch.tv"
]
},
{
"code": ".tw-root--theme-dark .simplebar-content {\n background-color: #1e2030;\n }\n .tw-root--theme-dark .scrollable-area--suppress-scroll-x > .simplebar-scroll-content,\n .tw-root--theme-dark .scrollable-area--suppress-scroll-x > .simplebar-scroll-content > .simplebar-content {\n background-color: #24273a;\n }\n .tw-root--theme-light .simplebar-content {\n background-color: #1e2030;\n }\n .tw-root--theme-light .scrollable-area--suppress-scroll-x > .simplebar-scroll-content,\n .tw-root--theme-light .scrollable-area--suppress-scroll-x > .simplebar-scroll-content > .simplebar-content {\n background-color: #24273a;\n }",
"start": 31654,
"domains": [
"dashboard.twitch.tv"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name Twitch Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/twitch\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/twitch\n@version 1.1.15\n@description Soothing pastel theme for Twitch\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/twitch/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"twitch.tv\") {\n .tw-root--theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n .tw-root--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 & body {\n background-color: @base;\n }\n\n /* Stream title */\n\n p[data-test-selector=\"stream-info-card-component__subtitle\"],\n p[data-test-selector=\"stream-info-card-component__description\"] {\n color: @text !important;\n }\n\n a[data-a-target=\"player-info-game-name\"] {\n color: @accent-Color;\n }\n\n /* `Pinned message` popup */\n\n div.pinned-chat__pinned-by svg {\n color: @text;\n }\n\n p.pinned-chat__message span {\n color: @text !important;\n }\n\n p.pinned-chat__message a {\n color: @accent-Color;\n }\n\n /* `Intended for certain audiences` label */\n\n div[data-a-target=\"content-classification-warning-disclosure-overlay\"] p {\n color: @text;\n }\n\n /* `Hype Train` popup */\n\n div.hype-train-progress-bar-info-view__level-container p,\n div.hype-train-approaching-view__leftSide p,\n div.hype-train-expanded-layout p,\n div.hype-train-expanded-layout svg {\n color: @text;\n }\n\n div.hype-train-progress-bar-info-view__progress-value span {\n color: @accent-Color;\n }\n\n /* `Is video buffering?` warning */\n\n div.low-latency-notification p {\n color: @text;\n }\n\n /* `Includes paid promotion` label */\n\n div.disclosure-card p,\n div.disclosure-card svg {\n color: @text;\n }\n\n /* Raiding popup */\n\n div[data-test-selector=\"raid-banner\"] {\n color: @text;\n }\n\n /* `Predict with Channel Points` popup */\n\n div[data-test-selector=\"expanded-content\"] p,\n p[data-test-selector=\"community-prediction-highlight-header__top-predictors\"],\n p[data-test-selector=\"community-prediction-highlight-body__outcome-title\"] {\n color: @text;\n }\n\n /* TODO: ensure that the poll does not default to this */\n div[data-test-selector=\"header-content\"] p {\n color: @text !important;\n }\n\n div.channel-points-icon svg,\n div[data-test-selector=\"header-content\"] span,\n div[data-test-selector=\"community-prediction-highlight-body__outcome-points\"]\n span {\n color: @accent-Color;\n }\n\n button[data-test-selector=\"community-prediction-highlight-header__how-to-play\"],\n button[data-test-selector=\"community-prediction-highlight-header__terms-and-conditions\"],\n button[data-test-selector=\"community-prediction-highlight-header__send-feedback\"],\n button[data-test-selector=\"community-prediction-highlight-header__dismiss-message\"] {\n color: @text;\n }\n\n /* Poll popup */\n\n div[data-test-selector=\"header-content\"]\n p:not(\n [data-test-selector=\"community-prediction-highlight-header__title\"],\n [data-test-selector=\"header\"]\n ) {\n color: @text !important;\n }\n\n /* `Report Poll` button */\n\n button.gaoCTJ {\n color: @text;\n }\n\n /* ??? */\n\n div.happening-now-disable-prompt p {\n color: @text !important;\n }\n\n /* Gifting sub popup */\n\n div.mystery-gift-chat-banner span {\n color: @accent-Color;\n }\n\n div.mystery-gift-chat-banner p {\n color: @text;\n }\n\n /* VOD metadata */\n\n div.tw-media-card-stat {\n color: @text;\n }\n\n /* DMCA warning */\n\n div.muted-segments-alert__content p {\n color: @text;\n }\n\n /* VOD time labels */\n\n div.vod-seekbar-time-labels p {\n color: @text !important;\n }\n\n /* VOD timestamp */\n\n div.vod-seekbar-preview-overlay__wrapper p {\n color: @text !important;\n }\n\n /* Seekbar segment */\n\n div[data-test-selector=\"seekbar-interaction-area__interactionArea\"]\n span[data-test-selector=\"seekbar-segment__segment\"] {\n background: @accent-Color !important;\n }\n\n /* Seekbar DMCA muted segment */\n\n div[data-test-selector=\"seekbar-interaction-area__interactionArea\"]\n span[data-test-selector=\"seekbar-segment__segment\"][style*=\"background-color: rgba(212, 73, 73, 0.5);\"] {\n background: @red !important;\n }\n\n /* Seekbar buffered segment */\n\n div[data-test-selector=\"seekbar-interaction-area__interactionArea\"]\n span[data-test-selector=\"seekbar-segment__segment\"][style*=\"background-color: rgba(255, 255, 255, 0.85);\"] {\n background: @overlay2 !important;\n }\n\n /* Recent VOD title */\n\n div.player-overlay-background h4 {\n color: @subtext0 !important;\n }\n\n a.offline-recommendations-video-card p {\n color: @text;\n }\n\n /* Offline screen follow panel */\n\n div[data-test-selector=\"follow-panel-overlay\"] p {\n color: @text !important;\n }\n\n div[data-test-selector=\"follow-panel-overlay\"] button div {\n color: @crust !important;\n }\n\n /* Front page warning sign */\n\n div.content-overlay-gate__content[data-a-target=\"player-overlay-content-gate\"]\n div.content-overlay-icon\n svg {\n color: @red;\n }\n\n /* Front page age warning */\n\n div.content-overlay-gate__content[data-a-target=\"player-overlay-content-gate\"]\n p.content-overlay-gate__allow-pointers {\n color: @red !important;\n }\n\n /* Front page age selector */\n\n div[data-a-target=\"player-overlay-age-gate-form\"] select {\n color: @text;\n }\n\n /* Following usercard */\n\n div[data-a-target=\"user-card-modal\"] p {\n color: @text !important;\n }\n\n /* PiP username */\n\n div.mini-overlay__title span {\n color: @text;\n }\n\n /* Viewercard username */\n\n div.viewer-card-header__display-name h4 {\n color: @accent-Color !important;\n }\n\n /* Viewercard metadata */\n\n div.viewer-card-header__display-name svg:not(button svg) {\n color: @subtext1;\n }\n\n div.viewer-card-header__display-name p {\n color: @text !important;\n }\n\n /* Extension name */\n\n div[aria-describedby=\"popover-extensions-body\"] h6 {\n color: @text;\n }\n\n /* Extension description */\n\n div.extensions-popover-view-layout__body p {\n color: @text;\n }\n\n /* Extension service buttons */\n\n div.extensions-popover-view-layout__body svg {\n color: @subtext0;\n }\n\n div.extensions-popover-view-layout__body div {\n color: @text;\n }\n\n & .carousel-metadata {\n background: @crust;\n }\n & .carousel-metadata--fadeout {\n background: @crust;\n }\n .chat-line__message-body--highlighted {\n background-color: @accent-Color;\n color: @crust;\n border-color: @accent-Color;\n }\n .chat-scrollable-area__message-container {\n background-color: @mantle;\n }\n .jmUA-dj {\n background-color: @mantle;\n }\n .bBpiku {\n fill: @mantle;\n }\n .ivjxmt {\n color: @crust;\n }\n .gzYMLv {\n color: @text;\n }\n .gZxBHd {\n color: @subtext0;\n &:hover {\n color: @accent-Color;\n }\n }\n .eBmJxH {\n color: @text;\n }\n .ffZeRf {\n color: #fff !important;\n }\n .igzOaC {\n color: @text;\n }\n .bEHknf {\n color: #fff;\n }\n .side-nav-card__link:hover {\n background: @surface0 !important;\n }\n .dDyYOA {\n color: #fff !important;\n }\n .reward-icon__cost {\n color: #fff !important;\n }\n .kLILeB {\n color: #fff !important;\n }\n .navigation-link__active-indicator {\n background-color: @accent-Color !important;\n }\n .footer {\n background: @crust;\n }\n & .whispers-list-item--selected,\n & .whispers-list-item:hover {\n background-color: @surface0;\n }\n & .thread-header__title-bar-container--focused {\n background-color: @mantle;\n }\n & .thread-header__title-bar-container {\n background: @mantle;\n }\n & .thread-header__click-area:focus .thread-header__title-bar-container {\n background-color: @mantle;\n }\n .navigation-link {\n color: @text;\n &:hover {\n color: @accent-Color;\n }\n }\n .chat-room {\n background: @mantle;\n }\n div.pinned-chat__highlight-card div.highlight {\n background: @mantle;\n }\n\n h4,\n h5 {\n color: @text;\n }\n\n .cOJBQO {\n color: @text;\n }\n\n .dBlttx {\n color: @subtext1;\n }\n\n .fiCviy {\n color: @text;\n }\n\n .server-message-alert,\n .server-message-alert,\n .server-message-alert {\n border: var(--border-width-default) solid @red;\n border-left: 0.4rem solid @red;\n }\n\n .server-message-alert__icon,\n .server-message-alert__icon,\n .server-message-alert__icon {\n color: @red;\n }\n\n &,\n .side-nav-card__link:hover {\n --color-background-input-focus: @crust;\n --color-background-interactable-hover: @surface0;\n --color-background-button-text-default: null !important;\n --color-background-float: @crust;\n --color-text-input-placeholder: @text;\n --color-border-input: @base;\n --color-text-button-primary: @crust;\n --color-text-overlay: @base;\n --color-text-base: @subtext1;\n --color-text-alt: @subtext1;\n --color-text-alt-2: @text;\n --color-text-interactable-selected: @crust;\n --color-background-alt-2: @crust;\n --color-text-tag: @text;\n --color-background-button-secondary-default: @crust;\n --color-background-tag-default: @mantle;\n --color-background-tag-hover: @crust;\n --color-background-float: @mantle;\n --color-background-body: @base;\n --color-background-base: @mantle;\n --color-background-alt: @mantle;\n --color-background-input: @crust;\n --color-brand-muted-cupcake: @pink;\n --color-brand-muted-mint: @green;\n --color-brand-muted-sky: @sky;\n --color-brand-muted-blush: @peach;\n --color-brand-muted-canary: @peach;\n --color-brand-muted-lavender: @lavender;\n --color-brand-muted-mustard: @yellow;\n --color-brand-muted-emerald: @green;\n --color-brand-muted-coral: @peach;\n --color-brand-muted-ocean: @blue;\n --color-brand-accent-grape: @mauve;\n --color-brand-accent-dragonfruit: @flamingo;\n --color-brand-accent-carrot: @peach;\n --color-brand-accent-sun: @peach;\n --color-brand-accent-lime: @green;\n --color-brand-accent-turquoise: @sky;\n --color-brand-accent-eggplant: @mauve;\n --color-brand-accent-wine: @flamingo;\n --color-brand-accent-slime: @green;\n --color-brand-accent-seafoam: @green;\n --color-brand-accent-cherry: @red;\n --color-brand-accent-marine: @blue;\n --color-brand-accent-seaweed: @teal;\n --color-brand-accent-fiji: @green;\n --color-brand-accent-blueberry: @blue;\n --color-brand-accent-arctic: @sky;\n --color-brand-accent-highlighter: @yellow;\n --color-brand-accent-flamingo: @flamingo;\n --color-brand-accent-ruby: @red;\n --color-brand-accent-punch: @flamingo;\n --color-brand-accent-creamsicle: @yellow;\n --color-red: @maroon;\n --color-red-darker: @red;\n --color-orange: @peach;\n --color-yellow: @yellow;\n --color-green: @green;\n --color-green-darker: @green;\n --color-blue: @blue;\n --color-prime-blue: @blue;\n --color-magenta: @flamingo;\n --color-error: @red;\n --color-warn: @yellow;\n --color-success: @green;\n --color-info: @blue;\n --color-accent: @accent-Color;\n --color-twitch-purple: @accent-Color;\n --color-twitch-purple-4: @accent-Color;\n --color-twitch-purple-5: @accent-Color;\n --color-twitch-purple-6: @accent-Color;\n --color-twitch-purple-7: @accent-Color;\n --color-twitch-purple-8: @accent-Color;\n --color-twitch-purple-9: @accent-Color;\n --color-twitch-purple-10: @accent-Color;\n --color-twitch-purple-11: @accent-Color;\n --color-twitch-purple-12: @accent-Color;\n --color-orange-7: @yellow;\n --color-orange-8: @yellow;\n --color-orange-9: @yellow;\n --color-orange-10: @yellow;\n --color-orange-11: @yellow;\n --color-orange-12: @yellow;\n --color-orange-13: @yellow;\n --color-yellow-6: @peach;\n --color-yellow-7: @peach;\n --color-yellow-8: @peach;\n --color-yellow-9: @peach;\n --color-yellow-10: @peach;\n --color-yellow-11: @peach;\n --color-yellow-12: @peach;\n --color-yellow-13: @peach;\n --color-yellow-14: @peach;\n --color-yellow-15: @peach;\n --color-green-5: @green;\n --color-green-6: @green;\n --color-green-7: @green;\n --color-green-8: @green;\n --color-green-9: @green;\n --color-green-10: @green;\n --color-green-11: @green;\n --color-green-12: @green;\n --color-green-13: @green;\n --color-green-14: @green;\n --color-green-15: @teal;\n --color-cyan-9: @sapphire;\n --color-cyan-10: @sapphire;\n --color-cyan-11: @sapphire;\n --color-cyan-12: @sapphire;\n --color-cyan-13: @sapphire;\n --color-cyan-14: @sapphire;\n --color-cyan-15: @sky;\n --color-blue-4: @blue;\n --color-blue-5: @blue;\n --color-blue-6: @blue;\n --color-blue-7: @blue;\n --color-blue-8: @blue;\n --color-blue-9: @blue;\n --color-blue-10: @sky;\n --color-blue-11: @sky;\n --color-magenta-5: @flamingo;\n --color-magenta-6: @flamingo;\n --color-magenta-7: @flamingo;\n --color-magenta-8: @flamingo;\n --color-magenta-9: @flamingo;\n --color-magenta-10: @flamingo;\n --color-magenta-11: @pink;\n --color-magenta-12: @pink;\n --color-red-4: @red;\n --color-red-5: @red;\n --color-red-6: @red;\n --color-red-7: @red;\n --color-red-8: @red;\n --color-red-9: @red;\n --color-red-10: @red;\n --color-red-11: @peach;\n --color-red-12: @peach;\n --color-twitter: @blue;\n --color-facebook: @blue;\n --color-reddit: @peach;\n --color-snapchat: @yellow;\n --color-instagram: @blue;\n --color-youtube: @red;\n --color-paypal: @blue;\n --color-paypal-blue: @blue;\n --color-paypal-yellow: @yellow;\n --color-venmo: @blue;\n --color-vk: @blue;\n --color-amazon: @yellow; //background: @surface0;\n --color-background-button-text-hover: @surface0;\n --color-text-accessible-red: @red;\n --color-border-input-checkbox: @subtext0;\n --color-border-input-checkbox-hover: @text;\n --color-text-label: @text;\n --color-border-input-hover: @surface0;\n }\n }\n}\n@-moz-document domain(\"dashboard.twitch.tv\") {\n .tw-root--theme-dark {\n #catppuccin(@darkFlavor);\n }\n .tw-root--theme-light {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@lookup) {\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n .simplebar-content {\n background-color: @mantle;\n }\n .scrollable-area--suppress-scroll-x > .simplebar-scroll-content,\n .scrollable-area--suppress-scroll-x\n > .simplebar-scroll-content\n > .simplebar-content {\n background-color: @base;\n }\n }\n}\n\n@catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n};\n",
"usercssData": {
"name": "Twitch Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/twitch",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/twitch",
"version": "1.1.15",
"description": "Soothing pastel theme for Twitch",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/twitch/catppuccin.user.css",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": "macchiato",
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": "lavender",
"default": "red",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Twitch",
"name": "Twitch Catppuccin",
"originalDigest": "760d0b1f48530bb5e302cbd2b75eda93b94738ae",
"_id": "f0c36e57-93df-42f7-b12e-2c38612254fd",
"_rev": 1696806195136,
"id": 45,
"etag": "W/\"1cdf89ccbc34c497ac992b17386ee6b9ef1b69cdd8b21820e478ec4b0366b414\"",
"updateDate": 1696806195107
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/brave-search/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/brave-search",
"installDate": 1690106083257,
"sections": [
{
"code": "/* ==UserStyle==\n@name Brave Search Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/brave-search\n@homepageURL\thttps://github.com/catppuccin/userstyles/tree/main/styles/brave-search\n@version 1.0.4\n@description Soothing pastel theme for Brave Search\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/brave-search/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */",
"start": 0
},
{
"code": ":root.light {\n color-scheme: dark;\n --color-container-highlight: #181926;\n --search-serp-container-background: #1e2030;\n --body-bg: #24273a;\n --bg-glassy: #1e2030;\n --bg-1: #494d64;\n --bg-2: #363a4f;\n --bg-02: #181926;\n --bg-04: #1e2030;\n --bg-green: #a6da95;\n --bg-blue: #8aadf4;\n --bg-red: #ed8796;\n --bg-favicon: #494d64;\n --bg-form-control-selected: #5b6078;\n --bg-form-control-unselected: #363a4f;\n --form-control-selected: #8aadf4;\n --form-control-hover: #b7bdf8;\n --form-control-focus: #cad3f5;\n --settings-header-bg: #1e2030;\n --settings-header-text: #cad3f5;\n --settings-header-icon: #8aadf4;\n --settings-widget-text: #a5adcb;\n --settings-item-text: #cad3f5;\n --settings-item-icon: #8aadf4;\n --settings-item-border: #6e738d;\n --settings-item-border-2: #939ab7;\n --settings-btn-bg: #363a4f;\n --settings-btn-text: #cad3f5;\n --settings-widget-outline: #6e738d;\n --settings-independent-score: #8aadf4;\n --settings-global-score: #f5a97f;\n --brave-supporter-bg: #24273a;\n --brave-supporter-text: #cad3f5;\n --context-menu-header-border: #6e738d;\n --color-primary: #cad3f5;\n --color-primary-2: #b8c0e0;\n --color-primary-3: #a5adcb;\n --color-white: #cad3f5;\n --color-gray-2: #b8c0e0;\n --color-gray-3: #a5adcb;\n --color-gray-4: #939ab7;\n --color-gray-5: #8087a2;\n --color-gray-6: #6e738d;\n --color-green: #a6da95;\n --color-red: #ed8796;\n --color-blue: #8aadf4;\n --info-color: #8aadf4;\n --link-primary: #8aadf4;\n --link-secondary: #8aadf4;\n --link-visited: #c6a0f6;\n --snippet-url: #a5adcb;\n --separator-dot: #6e738d;\n --theme-purple: #c6a0f6;\n --theme-yellow: #eed49f;\n --border-color: #6e738d;\n --blurple-300: #b7bdf8;\n --text-01: #cad3f5;\n --text-02: #b8c0e0;\n --text-03: #a5adcb;\n --interactive-04: #8aadf4;\n --interactive-05: #8aadf4;\n --interactive-06: #8aadf4;\n --interactive-07: #8aadf4;\n --interactive-08: #8aadf4;\n --focus-border: #939ab7;\n --divider-01: #6e738d;\n --disabled: #8087a2;\n --btn-filled-bg: #363a4f;\n --btn-filled-bg-hover: #494d64;\n --btn-filled-text-active: #cad3f5;\n --btn-filled-bg-active: #5b6078;\n --btn-filled-text-disabled: #8087a2;\n --btn-outline-border: #6e738d;\n --btn-outline-border-hover: #8087a2;\n --btn-outline-text: #cad3f5;\n --btn-outline-text-hover: #b8c0e0;\n --btn-outline-text-active: #cad3f5;\n --btn-outline-border-active: #939ab7;\n --btn-outline-text-disabled: #8087a2;\n --btn-icon-svg-hover: #b8c0e0;\n --btn-icon-bg-hover: #494d64;\n --btn-icon-svg-active: #cad3f5;\n --code-bg-0: #24273a;\n --code-border: #6e738d;\n --code-color-1: #363a4f;\n --code-color-2: #cad3f5;\n --code-color-3: #a6da95;\n --code-color-4: #8aadf4;\n --code-color-5: #f5bde6;\n --search-bgd-01: #6e738d;\n --search-bgd-02: #24273a;\n --search-bgd-03: #181926;\n --search-bgd-04: #1e2030;\n --search-bgd-05: #24273a;\n --search-bgd-06: #363a4f;\n --search-bgd-07: #1e2030;\n --search-bgd-08: #181926;\n --search-line-01: #363a4f;\n --search-line-02: #a5adcb;\n --search-text-01: #cad3f5;\n --search-text-02: #b8c0e0;\n --search-text-03: #a5adcb;\n --search-text-04: #a5adcb;\n --search-text-05: #8aadf4;\n --search-text-06: #6e738d;\n --search-text-09: #eed49f;\n --search-text-10: #f5a97f;\n --search-interactive-01: #8aadf4;\n --search-interactive-02: #c6a0f6;\n --search-interactive-03: #c6a0f6;\n --search-interactive-04: #91d7e3;\n --search-interactive-05: #c6a0f6;\n --gray-30: #24273a;\n --gray-60: #363a4f;\n --gray-90: #6e738d;\n --gray-110: #a5adcb;\n --gray-120: #cad3f5;\n --secondary-90: #b7bdf8;\n }\n :root.light #searchform > .searchbox-wrapper::after {\n background-image: none;\n }\n :root.dark {\n color-scheme: dark;\n --color-container-highlight: #181926;\n --search-serp-container-background: #1e2030;\n --body-bg: #24273a;\n --bg-glassy: #1e2030;\n --bg-1: #494d64;\n --bg-2: #363a4f;\n --bg-02: #181926;\n --bg-04: #1e2030;\n --bg-green: #a6da95;\n --bg-blue: #8aadf4;\n --bg-red: #ed8796;\n --bg-favicon: #494d64;\n --bg-form-control-selected: #5b6078;\n --bg-form-control-unselected: #363a4f;\n --form-control-selected: #8aadf4;\n --form-control-hover: #b7bdf8;\n --form-control-focus: #cad3f5;\n --settings-header-bg: #1e2030;\n --settings-header-text: #cad3f5;\n --settings-header-icon: #8aadf4;\n --settings-widget-text: #a5adcb;\n --settings-item-text: #cad3f5;\n --settings-item-icon: #8aadf4;\n --settings-item-border: #6e738d;\n --settings-item-border-2: #939ab7;\n --settings-btn-bg: #363a4f;\n --settings-btn-text: #cad3f5;\n --settings-widget-outline: #6e738d;\n --settings-independent-score: #8aadf4;\n --settings-global-score: #f5a97f;\n --brave-supporter-bg: #24273a;\n --brave-supporter-text: #cad3f5;\n --context-menu-header-border: #6e738d;\n --color-primary: #cad3f5;\n --color-primary-2: #b8c0e0;\n --color-primary-3: #a5adcb;\n --color-white: #cad3f5;\n --color-gray-2: #b8c0e0;\n --color-gray-3: #a5adcb;\n --color-gray-4: #939ab7;\n --color-gray-5: #8087a2;\n --color-gray-6: #6e738d;\n --color-green: #a6da95;\n --color-red: #ed8796;\n --color-blue: #8aadf4;\n --info-color: #8aadf4;\n --link-primary: #8aadf4;\n --link-secondary: #8aadf4;\n --link-visited: #c6a0f6;\n --snippet-url: #a5adcb;\n --separator-dot: #6e738d;\n --theme-purple: #c6a0f6;\n --theme-yellow: #eed49f;\n --border-color: #6e738d;\n --blurple-300: #b7bdf8;\n --text-01: #cad3f5;\n --text-02: #b8c0e0;\n --text-03: #a5adcb;\n --interactive-04: #8aadf4;\n --interactive-05: #8aadf4;\n --interactive-06: #8aadf4;\n --interactive-07: #8aadf4;\n --interactive-08: #8aadf4;\n --focus-border: #939ab7;\n --divider-01: #6e738d;\n --disabled: #8087a2;\n --btn-filled-bg: #363a4f;\n --btn-filled-bg-hover: #494d64;\n --btn-filled-text-active: #cad3f5;\n --btn-filled-bg-active: #5b6078;\n --btn-filled-text-disabled: #8087a2;\n --btn-outline-border: #6e738d;\n --btn-outline-border-hover: #8087a2;\n --btn-outline-text: #cad3f5;\n --btn-outline-text-hover: #b8c0e0;\n --btn-outline-text-active: #cad3f5;\n --btn-outline-border-active: #939ab7;\n --btn-outline-text-disabled: #8087a2;\n --btn-icon-svg-hover: #b8c0e0;\n --btn-icon-bg-hover: #494d64;\n --btn-icon-svg-active: #cad3f5;\n --code-bg-0: #24273a;\n --code-border: #6e738d;\n --code-color-1: #363a4f;\n --code-color-2: #cad3f5;\n --code-color-3: #a6da95;\n --code-color-4: #8aadf4;\n --code-color-5: #f5bde6;\n --search-bgd-01: #6e738d;\n --search-bgd-02: #24273a;\n --search-bgd-03: #181926;\n --search-bgd-04: #1e2030;\n --search-bgd-05: #24273a;\n --search-bgd-06: #363a4f;\n --search-bgd-07: #1e2030;\n --search-bgd-08: #181926;\n --search-line-01: #363a4f;\n --search-line-02: #a5adcb;\n --search-text-01: #cad3f5;\n --search-text-02: #b8c0e0;\n --search-text-03: #a5adcb;\n --search-text-04: #a5adcb;\n --search-text-05: #8aadf4;\n --search-text-06: #6e738d;\n --search-text-09: #eed49f;\n --search-text-10: #f5a97f;\n --search-interactive-01: #8aadf4;\n --search-interactive-02: #c6a0f6;\n --search-interactive-03: #c6a0f6;\n --search-interactive-04: #91d7e3;\n --search-interactive-05: #c6a0f6;\n --gray-30: #24273a;\n --gray-60: #363a4f;\n --gray-90: #6e738d;\n --gray-110: #a5adcb;\n --gray-120: #cad3f5;\n --secondary-90: #b7bdf8;\n }\n :root.dark #searchform > .searchbox-wrapper::after {\n background-image: none;\n }\n @media (prefers-color-scheme: light) {\n :root:not(.light, .dark) {\n color-scheme: dark;\n --color-container-highlight: #181926;\n --search-serp-container-background: #1e2030;\n --body-bg: #24273a;\n --bg-glassy: #1e2030;\n --bg-1: #494d64;\n --bg-2: #363a4f;\n --bg-02: #181926;\n --bg-04: #1e2030;\n --bg-green: #a6da95;\n --bg-blue: #8aadf4;\n --bg-red: #ed8796;\n --bg-favicon: #494d64;\n --bg-form-control-selected: #5b6078;\n --bg-form-control-unselected: #363a4f;\n --form-control-selected: #8aadf4;\n --form-control-hover: #b7bdf8;\n --form-control-focus: #cad3f5;\n --settings-header-bg: #1e2030;\n --settings-header-text: #cad3f5;\n --settings-header-icon: #8aadf4;\n --settings-widget-text: #a5adcb;\n --settings-item-text: #cad3f5;\n --settings-item-icon: #8aadf4;\n --settings-item-border: #6e738d;\n --settings-item-border-2: #939ab7;\n --settings-btn-bg: #363a4f;\n --settings-btn-text: #cad3f5;\n --settings-widget-outline: #6e738d;\n --settings-independent-score: #8aadf4;\n --settings-global-score: #f5a97f;\n --brave-supporter-bg: #24273a;\n --brave-supporter-text: #cad3f5;\n --context-menu-header-border: #6e738d;\n --color-primary: #cad3f5;\n --color-primary-2: #b8c0e0;\n --color-primary-3: #a5adcb;\n --color-white: #cad3f5;\n --color-gray-2: #b8c0e0;\n --color-gray-3: #a5adcb;\n --color-gray-4: #939ab7;\n --color-gray-5: #8087a2;\n --color-gray-6: #6e738d;\n --color-green: #a6da95;\n --color-red: #ed8796;\n --color-blue: #8aadf4;\n --info-color: #8aadf4;\n --link-primary: #8aadf4;\n --link-secondary: #8aadf4;\n --link-visited: #c6a0f6;\n --snippet-url: #a5adcb;\n --separator-dot: #6e738d;\n --theme-purple: #c6a0f6;\n --theme-yellow: #eed49f;\n --border-color: #6e738d;\n --blurple-300: #b7bdf8;\n --text-01: #cad3f5;\n --text-02: #b8c0e0;\n --text-03: #a5adcb;\n --interactive-04: #8aadf4;\n --interactive-05: #8aadf4;\n --interactive-06: #8aadf4;\n --interactive-07: #8aadf4;\n --interactive-08: #8aadf4;\n --focus-border: #939ab7;\n --divider-01: #6e738d;\n --disabled: #8087a2;\n --btn-filled-bg: #363a4f;\n --btn-filled-bg-hover: #494d64;\n --btn-filled-text-active: #cad3f5;\n --btn-filled-bg-active: #5b6078;\n --btn-filled-text-disabled: #8087a2;\n --btn-outline-border: #6e738d;\n --btn-outline-border-hover: #8087a2;\n --btn-outline-text: #cad3f5;\n --btn-outline-text-hover: #b8c0e0;\n --btn-outline-text-active: #cad3f5;\n --btn-outline-border-active: #939ab7;\n --btn-outline-text-disabled: #8087a2;\n --btn-icon-svg-hover: #b8c0e0;\n --btn-icon-bg-hover: #494d64;\n --btn-icon-svg-active: #cad3f5;\n --code-bg-0: #24273a;\n --code-border: #6e738d;\n --code-color-1: #363a4f;\n --code-color-2: #cad3f5;\n --code-color-3: #a6da95;\n --code-color-4: #8aadf4;\n --code-color-5: #f5bde6;\n --search-bgd-01: #6e738d;\n --search-bgd-02: #24273a;\n --search-bgd-03: #181926;\n --search-bgd-04: #1e2030;\n --search-bgd-05: #24273a;\n --search-bgd-06: #363a4f;\n --search-bgd-07: #1e2030;\n --search-bgd-08: #181926;\n --search-line-01: #363a4f;\n --search-line-02: #a5adcb;\n --search-text-01: #cad3f5;\n --search-text-02: #b8c0e0;\n --search-text-03: #a5adcb;\n --search-text-04: #a5adcb;\n --search-text-05: #8aadf4;\n --search-text-06: #6e738d;\n --search-text-09: #eed49f;\n --search-text-10: #f5a97f;\n --search-interactive-01: #8aadf4;\n --search-interactive-02: #c6a0f6;\n --search-interactive-03: #c6a0f6;\n --search-interactive-04: #91d7e3;\n --search-interactive-05: #c6a0f6;\n --gray-30: #24273a;\n --gray-60: #363a4f;\n --gray-90: #6e738d;\n --gray-110: #a5adcb;\n --gray-120: #cad3f5;\n --secondary-90: #b7bdf8;\n }\n :root:not(.light, .dark) #searchform > .searchbox-wrapper::after {\n background-image: none;\n }\n }\n @media (prefers-color-scheme: dark) {\n :root:not(.light, .dark) {\n color-scheme: dark;\n --color-container-highlight: #181926;\n --search-serp-container-background: #1e2030;\n --body-bg: #24273a;\n --bg-glassy: #1e2030;\n --bg-1: #494d64;\n --bg-2: #363a4f;\n --bg-02: #181926;\n --bg-04: #1e2030;\n --bg-green: #a6da95;\n --bg-blue: #8aadf4;\n --bg-red: #ed8796;\n --bg-favicon: #494d64;\n --bg-form-control-selected: #5b6078;\n --bg-form-control-unselected: #363a4f;\n --form-control-selected: #8aadf4;\n --form-control-hover: #b7bdf8;\n --form-control-focus: #cad3f5;\n --settings-header-bg: #1e2030;\n --settings-header-text: #cad3f5;\n --settings-header-icon: #8aadf4;\n --settings-widget-text: #a5adcb;\n --settings-item-text: #cad3f5;\n --settings-item-icon: #8aadf4;\n --settings-item-border: #6e738d;\n --settings-item-border-2: #939ab7;\n --settings-btn-bg: #363a4f;\n --settings-btn-text: #cad3f5;\n --settings-widget-outline: #6e738d;\n --settings-independent-score: #8aadf4;\n --settings-global-score: #f5a97f;\n --brave-supporter-bg: #24273a;\n --brave-supporter-text: #cad3f5;\n --context-menu-header-border: #6e738d;\n --color-primary: #cad3f5;\n --color-primary-2: #b8c0e0;\n --color-primary-3: #a5adcb;\n --color-white: #cad3f5;\n --color-gray-2: #b8c0e0;\n --color-gray-3: #a5adcb;\n --color-gray-4: #939ab7;\n --color-gray-5: #8087a2;\n --color-gray-6: #6e738d;\n --color-green: #a6da95;\n --color-red: #ed8796;\n --color-blue: #8aadf4;\n --info-color: #8aadf4;\n --link-primary: #8aadf4;\n --link-secondary: #8aadf4;\n --link-visited: #c6a0f6;\n --snippet-url: #a5adcb;\n --separator-dot: #6e738d;\n --theme-purple: #c6a0f6;\n --theme-yellow: #eed49f;\n --border-color: #6e738d;\n --blurple-300: #b7bdf8;\n --text-01: #cad3f5;\n --text-02: #b8c0e0;\n --text-03: #a5adcb;\n --interactive-04: #8aadf4;\n --interactive-05: #8aadf4;\n --interactive-06: #8aadf4;\n --interactive-07: #8aadf4;\n --interactive-08: #8aadf4;\n --focus-border: #939ab7;\n --divider-01: #6e738d;\n --disabled: #8087a2;\n --btn-filled-bg: #363a4f;\n --btn-filled-bg-hover: #494d64;\n --btn-filled-text-active: #cad3f5;\n --btn-filled-bg-active: #5b6078;\n --btn-filled-text-disabled: #8087a2;\n --btn-outline-border: #6e738d;\n --btn-outline-border-hover: #8087a2;\n --btn-outline-text: #cad3f5;\n --btn-outline-text-hover: #b8c0e0;\n --btn-outline-text-active: #cad3f5;\n --btn-outline-border-active: #939ab7;\n --btn-outline-text-disabled: #8087a2;\n --btn-icon-svg-hover: #b8c0e0;\n --btn-icon-bg-hover: #494d64;\n --btn-icon-svg-active: #cad3f5;\n --code-bg-0: #24273a;\n --code-border: #6e738d;\n --code-color-1: #363a4f;\n --code-color-2: #cad3f5;\n --code-color-3: #a6da95;\n --code-color-4: #8aadf4;\n --code-color-5: #f5bde6;\n --search-bgd-01: #6e738d;\n --search-bgd-02: #24273a;\n --search-bgd-03: #181926;\n --search-bgd-04: #1e2030;\n --search-bgd-05: #24273a;\n --search-bgd-06: #363a4f;\n --search-bgd-07: #1e2030;\n --search-bgd-08: #181926;\n --search-line-01: #363a4f;\n --search-line-02: #a5adcb;\n --search-text-01: #cad3f5;\n --search-text-02: #b8c0e0;\n --search-text-03: #a5adcb;\n --search-text-04: #a5adcb;\n --search-text-05: #8aadf4;\n --search-text-06: #6e738d;\n --search-text-09: #eed49f;\n --search-text-10: #f5a97f;\n --search-interactive-01: #8aadf4;\n --search-interactive-02: #c6a0f6;\n --search-interactive-03: #c6a0f6;\n --search-interactive-04: #91d7e3;\n --search-interactive-05: #c6a0f6;\n --gray-30: #24273a;\n --gray-60: #363a4f;\n --gray-90: #6e738d;\n --gray-110: #a5adcb;\n --gray-120: #cad3f5;\n --secondary-90: #b7bdf8;\n }\n :root:not(.light, .dark) #searchform > .searchbox-wrapper::after {\n background-image: none;\n }\n }\n /* prettier-ignore */",
"start": 735,
"domains": [
"search.brave.com"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name Brave Search Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/brave-search\n@homepageURL\thttps://github.com/catppuccin/userstyles/tree/main/styles/brave-search\n@version 1.0.4\n@description Soothing pastel theme for Brave Search\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/brave-search/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n@-moz-document domain(\"search.brave.com\") {\n :root.light {\n #catppuccin(@lightFlavor);\n }\n :root.dark {\n #catppuccin(@darkFlavor);\n }\n :root:not(.light, .dark) {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @color-scheme: light; @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: { @color-scheme: dark; @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: { @color-scheme: dark; @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: { @color-scheme: dark; @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @color: @catppuccin[@@lookup][@color-scheme];\n\n color-scheme: @color;\n --color-container-highlight: @crust;\n --search-serp-container-background: @mantle;\n --body-bg: @base;\n --bg-glassy: @mantle;\n --bg-1: @surface1;\n --bg-2: @surface0;\n --bg-02: @crust;\n --bg-04: @mantle;\n --bg-green: @green;\n --bg-blue: @blue;\n --bg-red: @red;\n --bg-favicon: @surface1;\n --bg-form-control-selected: @surface2;\n --bg-form-control-unselected: @surface0;\n --form-control-selected: @blue;\n --form-control-hover: @lavender;\n --form-control-focus: @text;\n --settings-header-bg: @mantle;\n --settings-header-text: @text;\n --settings-header-icon: @blue;\n --settings-widget-text: @subtext0;\n --settings-item-text: @text;\n --settings-item-icon: @blue;\n --settings-item-border: @overlay0;\n --settings-item-border-2: @overlay2;\n --settings-btn-bg: @surface0;\n --settings-btn-text: @text;\n --settings-widget-outline: @overlay0;\n --settings-independent-score: @blue;\n --settings-global-score: @peach;\n --brave-supporter-bg: @base;\n --brave-supporter-text: @text;\n --context-menu-header-border: @overlay0;\n --color-primary: @text;\n --color-primary-2: @subtext1;\n --color-primary-3: @subtext0;\n --color-white: @text;\n --color-gray-2: @subtext1;\n --color-gray-3: @subtext0;\n --color-gray-4: @overlay2;\n --color-gray-5: @overlay1;\n --color-gray-6: @overlay0;\n --color-green: @green;\n --color-red: @red;\n --color-blue: @blue;\n --info-color: @blue;\n --link-primary: @blue;\n --link-secondary: @blue;\n --link-visited: @mauve;\n --snippet-url: @subtext0;\n --separator-dot: @overlay0;\n --theme-purple: @mauve;\n --theme-yellow: @yellow;\n --border-color: @overlay0;\n --blurple-300: @lavender;\n --text-01: @text;\n --text-02: @subtext1;\n --text-03: @subtext0;\n --interactive-04: @blue;\n --interactive-05: @blue;\n --interactive-06: @blue;\n --interactive-07: @blue;\n --interactive-08: @blue;\n --focus-border: @overlay2;\n --divider-01: @overlay0;\n --disabled: @overlay1;\n --btn-filled-bg: @surface0;\n --btn-filled-bg-hover: @surface1;\n --btn-filled-text-active: @text;\n --btn-filled-bg-active: @surface2;\n --btn-filled-text-disabled: @overlay1;\n --btn-outline-border: @overlay0;\n --btn-outline-border-hover: @overlay1;\n --btn-outline-text: @text;\n --btn-outline-text-hover: @subtext1;\n --btn-outline-text-active: @text;\n --btn-outline-border-active: @overlay2;\n --btn-outline-text-disabled: @overlay1;\n --btn-icon-svg-hover: @subtext1;\n --btn-icon-bg-hover: @surface1;\n --btn-icon-svg-active: @text;\n --code-bg-0: @base;\n --code-border: @overlay0;\n --code-color-1: @surface0;\n --code-color-2: @text;\n --code-color-3: @green;\n --code-color-4: @blue;\n --code-color-5: @pink;\n --search-bgd-01: @overlay0;\n --search-bgd-02: @base;\n --search-bgd-03: @crust;\n --search-bgd-04: @mantle;\n --search-bgd-05: @base;\n --search-bgd-06: @surface0;\n --search-bgd-07: @mantle;\n --search-bgd-08: @crust;\n --search-line-01: @surface0;\n --search-line-02: @subtext0;\n --search-text-01: @text;\n --search-text-02: @subtext1;\n --search-text-03: @subtext0;\n --search-text-04: @subtext0;\n --search-text-05: @blue;\n --search-text-06: @overlay0;\n --search-text-09: @yellow;\n --search-text-10: @peach;\n --search-interactive-01: @blue;\n --search-interactive-02: @mauve;\n --search-interactive-03: @mauve;\n --search-interactive-04: @sky;\n --search-interactive-05: @mauve;\n --gray-30: @base;\n --gray-60: @surface0;\n --gray-90: @overlay0;\n --gray-110: @subtext0;\n --gray-120: @text;\n --secondary-90: @lavender;\n\n #searchform > .searchbox-wrapper::after {\n background-image: none;\n }\n }\n}\n// vim:ft=less\n",
"usercssData": {
"name": "Brave Search Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/brave-search",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/brave-search",
"version": "1.0.4",
"description": "Soothing pastel theme for Brave Search",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/brave-search/catppuccin.user.css",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": "macchiato",
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Brave Search",
"name": "Brave Search Catppuccin",
"originalDigest": "c24e0bcf430f290b96cde94a4b49858733785df6",
"_id": "8d7c5abd-49c7-4900-a70b-e3c3a2c82fcb",
"_rev": 1700556858338,
"id": 47,
"etag": "W/\"88a0d194c268ab91879cc7f1c4d9de7c58b1b11d46649d4c6ff50161fd25c4b3\"",
"updateDate": 1700556858316
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/ecosia/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/ecosia",
"installDate": 1690106092906,
"sections": [
{
"code": "/* ==UserStyle==\n@name Ecosia Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/ecosia\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/ecosia\n@version 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/ecosia/catppuccin.user.css\n@description Soothing pastel theme for Ecosia\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:Grey\"]\n\n==/UserStyle== */",
"start": 0
},
{
"code": ":root {\n /* general */\n --color-brand-primary: #b7bdf8 !important;\n --color-brand-secondary: #181926 !important;\n --color-error: #ed8796 !important;\n --color-success: #a6da95 !important;\n --color-disabled: #8087a2 !important;\n --color-button-background-primary: #b7bdf8 !important;\n --color-button-background-primary-active: #b7bdf8 !important;\n --color-button-background-primary-hover: #b7bdf8;\n --color-button-background-secondary: #363a4f !important;\n --color-button-background-secondary-active: #5b6078 !important;\n --color-button-background-secondary-hover: #494d64 !important;\n --color-button-content-primary: #24273a !important;\n --color-button-content-secondary: #cad3f5 !important;\n --color-button-content-tertiary: #b7bdf8 !important;\n --color-button-border: #363a4f !important;\n --color-button-background-transparent-hover: #494d64;\n --color-button-background-transparent-active: #5b6078;\n --color-background-primary: #24273a !important;\n --color-background-secondary: #181926 !important;\n --color-background-tertiary: #1e2030 !important;\n --color-background-quaternary: #363a4f;\n --color-background-elevation-1: #1e2030 !important;\n --color-highlighter: #363a4f !important;\n --color-highlight-primary: #363a4f !important;\n --color-overlay-primary: #6e738d !important;\n --color-overlay-secondary: #8087a2 !important;\n --color-text-primary: #cad3f5 !important;\n --color-text-secondary: #a5adcb !important;\n --color-text-tertiary: #cad3f5 !important;\n --color-link-primary: #7dc4e4 !important;\n --color-link-secondary: #91d7e3 !important;\n --color-url: #7dc4e4 !important;\n --color-link-results-default: #7dc4e4 !important;\n --color-link-results-visited: #8bd5ca !important;\n --color-decorative-icon: #b7bdf8 !important;\n --color-elevation-layer-1: #494d64;\n --color-elevation-layer-2: #5b6078;\n --color-decorative-border-1: #494d64 !important;\n --color-focused: #b7bdf8 !important;\n --color-form-border-default: #363a4f !important;\n --color-form-border-hover: #494d64 !important;\n --color-form-border-primary-active: #b7bdf8 !important;\n --color-tripadvisor-rating: #a5adcb !important;\n --color-tree-counter-tree-tall: #eed49f !important;\n --color-green-leaf-icon-color-top: #a6da95 !important;\n --color-green-leaf-icon-color-bottom: #a6da95 !important;\n --color-fossil-fuel-icon-color-top: #f0c6c6 !important;\n --color-fossil-fuel-icon-color-bottom: #ee99a0 !important;\n /* seach page */\n --color-above-fold-background: #363a4f !important;\n --color-above-fold-background-addon: #8087a2 !important;\n --color-above-fold-text: #cad3f5 !important;\n --color-section-wrapper-background-gray: #494d64 !important;\n --color-section-wrapper-background-dark-green: #363a4f !important;\n --color-section-wrapper-background-light-green: #363a4f !important;\n --color-section-header-title: #cad3f5 !important;\n --color-projects-title: #cad3f5 !important;\n --color-projects-description: #494d64;\n --color-financial-report-total-background: #363a4f !important;\n --color-financial-report-total-text: #cad3f5 !important;\n --color-forest-background-addon: #494d64 !important;\n --color-forest-background-secondary: #363a4f !important;\n --color-before-after-text: #cad3f5 !important;\n }\n .dark {\n /* general */\n --color-brand-primary: #b7bdf8 !important;\n --color-brand-secondary: #181926 !important;\n --color-error: #ed8796 !important;\n --color-success: #a6da95 !important;\n --color-disabled: #8087a2 !important;\n --color-button-background-primary: #b7bdf8 !important;\n --color-button-background-primary-active: #b7bdf8 !important;\n --color-button-background-primary-hover: #b7bdf8;\n --color-button-background-secondary: #363a4f !important;\n --color-button-background-secondary-active: #5b6078 !important;\n --color-button-background-secondary-hover: #494d64 !important;\n --color-button-content-primary: #24273a !important;\n --color-button-content-secondary: #cad3f5 !important;\n --color-button-content-tertiary: #b7bdf8 !important;\n --color-button-border: #363a4f !important;\n --color-button-background-transparent-hover: #494d64;\n --color-button-background-transparent-active: #5b6078;\n --color-background-primary: #24273a !important;\n --color-background-secondary: #181926 !important;\n --color-background-tertiary: #1e2030 !important;\n --color-background-quaternary: #363a4f;\n --color-background-elevation-1: #1e2030 !important;\n --color-highlighter: #363a4f !important;\n --color-highlight-primary: #363a4f !important;\n --color-overlay-primary: #6e738d !important;\n --color-overlay-secondary: #8087a2 !important;\n --color-text-primary: #cad3f5 !important;\n --color-text-secondary: #a5adcb !important;\n --color-text-tertiary: #cad3f5 !important;\n --color-link-primary: #7dc4e4 !important;\n --color-link-secondary: #91d7e3 !important;\n --color-url: #7dc4e4 !important;\n --color-link-results-default: #7dc4e4 !important;\n --color-link-results-visited: #8bd5ca !important;\n --color-decorative-icon: #b7bdf8 !important;\n --color-elevation-layer-1: #494d64;\n --color-elevation-layer-2: #5b6078;\n --color-decorative-border-1: #494d64 !important;\n --color-focused: #b7bdf8 !important;\n --color-form-border-default: #363a4f !important;\n --color-form-border-hover: #494d64 !important;\n --color-form-border-primary-active: #b7bdf8 !important;\n --color-tripadvisor-rating: #a5adcb !important;\n --color-tree-counter-tree-tall: #eed49f !important;\n --color-green-leaf-icon-color-top: #a6da95 !important;\n --color-green-leaf-icon-color-bottom: #a6da95 !important;\n --color-fossil-fuel-icon-color-top: #f0c6c6 !important;\n --color-fossil-fuel-icon-color-bottom: #ee99a0 !important;\n /* seach page */\n --color-above-fold-background: #363a4f !important;\n --color-above-fold-background-addon: #8087a2 !important;\n --color-above-fold-text: #cad3f5 !important;\n --color-section-wrapper-background-gray: #494d64 !important;\n --color-section-wrapper-background-dark-green: #363a4f !important;\n --color-section-wrapper-background-light-green: #363a4f !important;\n --color-section-header-title: #cad3f5 !important;\n --color-projects-title: #cad3f5 !important;\n --color-projects-description: #494d64;\n --color-financial-report-total-background: #363a4f !important;\n --color-financial-report-total-text: #cad3f5 !important;\n --color-forest-background-addon: #494d64 !important;\n --color-forest-background-secondary: #363a4f !important;\n --color-before-after-text: #cad3f5 !important;\n }",
"start": 940,
"domains": [
"ecosia.org"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name Ecosia Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/ecosia\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/ecosia\n@version 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/ecosia/catppuccin.user.css\n@description Soothing pastel theme for Ecosia\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:Grey\"]\n\n==/UserStyle== */\n@-moz-document domain(\"ecosia.org\") {\n\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n .dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n }\n\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n }\n\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n }\n\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n }\n }\n\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-colour: @catppuccin[@@lookup][@@accent];\n\n /* general */\n --color-brand-primary: @accent-colour !important;\n --color-brand-secondary: @crust !important;\n --color-error: @red !important;\n --color-success: @green !important;\n --color-disabled: @overlay1 !important;\n --color-button-background-primary: @accent-colour !important;\n --color-button-background-primary-active: @accent-colour !important;\n --color-button-background-primary-hover: @accent-colour;\n --color-button-background-secondary: @surface0 !important;\n --color-button-background-secondary-active: @surface2 !important;\n --color-button-background-secondary-hover: @surface1 !important;\n --color-button-content-primary: @base !important;\n --color-button-content-secondary: @text !important;\n --color-button-content-tertiary: @accent-colour !important;\n --color-button-border: @surface0 !important;\n --color-button-background-transparent-hover: @surface1;\n --color-button-background-transparent-active: @surface2;\n --color-background-primary: @base !important;\n --color-background-secondary: @crust !important;\n --color-background-tertiary: @mantle !important;\n --color-background-quaternary: @surface0;\n --color-background-elevation-1: @mantle !important;\n --color-highlighter: @surface0 !important;\n --color-highlight-primary: @surface0 !important;\n --color-overlay-primary: @overlay0 !important;\n --color-overlay-secondary: @overlay1 !important;\n --color-text-primary: @text !important;\n --color-text-secondary: @subtext0 !important;\n --color-text-tertiary: @text !important;\n --color-link-primary: @sapphire !important;\n --color-link-secondary: @sky !important;\n --color-url: @sapphire !important;\n --color-link-results-default: @sapphire !important;\n --color-link-results-visited: @teal !important;\n --color-decorative-icon: @accent-colour !important;\n --color-elevation-layer-1: @surface1;\n --color-elevation-layer-2: @surface2;\n --color-decorative-border-1: @surface1 !important;\n --color-focused: @accent-colour !important;\n --color-form-border-default: @surface0 !important;\n --color-form-border-hover: @surface1 !important;\n --color-form-border-primary-active: @accent-colour !important;\n --color-tripadvisor-rating: @subtext0 !important;\n --color-tree-counter-tree-tall: @yellow !important;\n --color-green-leaf-icon-color-top: @green !important;\n --color-green-leaf-icon-color-bottom: @green !important;\n --color-fossil-fuel-icon-color-top: @flamingo !important;\n --color-fossil-fuel-icon-color-bottom: @maroon !important;\n\n /* seach page */\n --color-above-fold-background: @surface0 !important;\n --color-above-fold-background-addon: @overlay1 !important;\n --color-above-fold-text: @text !important;\n --color-section-wrapper-background-gray: @surface1 !important;\n --color-section-wrapper-background-dark-green: @surface0 !important;\n --color-section-wrapper-background-light-green: @surface0 !important;\n --color-section-header-title: @text !important;\n --color-projects-title: @text !important;\n --color-projects-description: @surface1;\n --color-financial-report-total-background: @surface0 !important;\n --color-financial-report-total-text: @text !important;\n --color-forest-background-addon: @surface1 !important;\n --color-forest-background-secondary: @surface0 !important;\n --color-before-after-text: @text !important;\n }\n}\n",
"usercssData": {
"name": "Ecosia Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/ecosia",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/ecosia",
"version": "0.0.1",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/ecosia/catppuccin.user.css",
"description": "Soothing pastel theme for Ecosia",
"author": "Catppuccin",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": "macchiato",
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": "lavender",
"default": "sapphire",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Grey",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Ecosia",
"name": "Ecosia Catppuccin",
"originalDigest": "774274a67e68de01861c1edd9156c3c5d7e41735",
"_id": "7535f38a-fbeb-42ef-acc7-688bab97ca48",
"_rev": 1690106092906,
"id": 48,
"etag": "W/\"850982d27cd5482c92984a35ff76fe7eb65384c4e23486c7b2adcca492883b35\""
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/searxng/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/searxng",
"installDate": 1690106105038,
"sections": [
{
"code": "/* ==UserStyle==\n@name SearXNG Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/searxng\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/searxng\n@version 0.3.1\n@description Soothing pastel theme for SearXNG\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/searxng/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n@var checkbox additions \"Additional Tweaks\" 0\n==/UserStyle== */",
"start": 0
},
{
"code": ":root.theme-auto {\n --color-base-font: #cad3f5;\n --color-base-background: #24273a;\n --color-base-background-mobile: #24273a;\n --color-url-font: #ed8796;\n --color-url-visited-font: #ed8796;\n --color-header-background: #1e2030;\n --color-header-border: #1e2030;\n --color-footer-background: #1e2030;\n --color-footer-border: #1e2030;\n --color-sidebar-border: #24273a;\n --color-sidebar-font: #cad3f5;\n --color-sidebar-background: #24273a;\n --color-backtotop-font: #b8c0e0;\n --color-backtotop-border: #363a4f;\n --color-backtotop-background: #363a4f;\n --color-btn-background: #ed8796;\n --color-btn-font: #24273a;\n --color-show-btn-background: #ed8796;\n --color-show-btn-font: #24273a;\n --color-search-border: #363a4f;\n --color-search-shadow: 0 2px 8px #181926;\n --color-search-background: #363a4f;\n --color-search-font: #cad3f5;\n --color-search-background-hover: #ed8796;\n --color-error: #ed8796;\n --color-error-background: #363a4f;\n --color-warning: #eed49f;\n --color-warning-background: #363a4f;\n --color-success: #a6da95;\n --color-success-background: #363a4f;\n --color-categories-item-selected-font: #cad3f5;\n --color-categories-item-border-selected: #ed8796;\n --color-autocomplete-font: #b8c0e0;\n --color-autocomplete-border: #363a4f;\n --color-autocomplete-shadow: 0 2px 8px #181926;\n --color-autocomplete-background: #363a4f;\n --color-autocomplete-background-hover: #494d64;\n --color-answer-font: #cad3f5;\n --color-answer-background: #1e2030;\n --color-result-background: #1e2030;\n --color-result-border: #24273a;\n --color-result-url-font: #b8c0e0;\n --color-result-vim-selected: #363a4f;\n --color-result-vim-arrow: #ed8796;\n --color-result-description-highlight-font: #cad3f5;\n --color-result-link-font: #ed8796;\n --color-result-link-font-highlight: #ed8796;\n --color-result-link-visited-font: #ed8796;\n --color-result-publishdate-font: #5b6078;\n --color-result-engines-font: #5b6078;\n --color-result-search-url-border: #5b6078;\n --color-result-search-url-font: #cad3f5;\n --color-result-detail-font: #cad3f5;\n --color-result-detail-label-font: #a5adcb;\n --color-result-detail-background: #24273a;\n --color-result-detail-hr: #24273a;\n --color-result-detail-link: #ed8796;\n --color-result-detail-loader-border: rgba(255, 255, 255, 0.2);\n --color-result-detail-loader-borderleft: #181926;\n --color-result-image-span-font: #cad3f5;\n --color-result-image-span-font-selected: #24273a;\n --color-result-image-background: #1e2030;\n --color-settings-tr-hover: #363a4f;\n --color-settings-engine-description-font: #cad3f5;\n --color-settings-engine-group-background: #363a4f;\n --color-toolkit-badge-font: #cad3f5;\n --color-toolkit-badge-background: #363a4f;\n --color-toolkit-kbd-font: #cad3f5;\n --color-toolkit-kbd-background: #1e2030;\n --color-toolkit-dialog-border: #1e2030;\n --color-toolkit-dialog-background: #1e2030;\n --color-toolkit-tabs-label-border: #24273a;\n --color-toolkit-tabs-section-border: #24273a;\n --color-toolkit-select-background: #363a4f;\n --color-toolkit-select-border: #363a4f;\n --color-toolkit-select-background-hover: #494d64;\n --color-toolkit-input-text-font: #cad3f5;\n --color-toolkit-checkbox-onoff-off-background: #363a4f;\n --color-toolkit-checkbox-onoff-on-background: #363a4f;\n --color-toolkit-checkbox-onoff-on-mark-background: #a6da95;\n --color-toolkit-checkbox-onoff-on-mark-color: #1e2030;\n --color-toolkit-checkbox-onoff-off-mark-background: #ed8796;\n --color-toolkit-checkbox-onoff-off-mark-color: #1e2030;\n --color-toolkit-checkbox-label-background: #24273a;\n --color-toolkit-checkbox-label-border: #1e2030;\n --color-toolkit-checkbox-input-border: #ed8796;\n --color-toolkit-engine-tooltip-border: #363a4f;\n --color-toolkit-engine-tooltip-background: #363a4f;\n --color-toolkit-loader-border: rgba(255, 255, 255, 0.2);\n --color-toolkit-loader-borderleft: #181926;\n --color-doc-code: #f4dbd6;\n --color-doc-code-background: #1e2030;\n }\n :root.theme-auto #search_logo svg :not([fill=\"none\"]) {\n fill: #ed8796;\n }\n :root.theme-auto #search_logo svg :not([stroke=\"none\"]) {\n stroke: #ed8796;\n }\n :root.theme-auto if (additions) article.result {\n background-color: var(--color-result-background);\n border-radius: 0.75em;\n padding: 0.75em;\n margin: 0.5em;\n }\n :root.theme-auto if (additions) article.category-images {\n padding-bottom: 4em;\n }\n @media (prefers-color-scheme: dark) {\n :root.theme-auto {\n --color-base-font: #cad3f5;\n --color-base-background: #24273a;\n --color-base-background-mobile: #24273a;\n --color-url-font: #ed8796;\n --color-url-visited-font: #ed8796;\n --color-header-background: #1e2030;\n --color-header-border: #1e2030;\n --color-footer-background: #1e2030;\n --color-footer-border: #1e2030;\n --color-sidebar-border: #24273a;\n --color-sidebar-font: #cad3f5;\n --color-sidebar-background: #24273a;\n --color-backtotop-font: #b8c0e0;\n --color-backtotop-border: #363a4f;\n --color-backtotop-background: #363a4f;\n --color-btn-background: #ed8796;\n --color-btn-font: #24273a;\n --color-show-btn-background: #ed8796;\n --color-show-btn-font: #24273a;\n --color-search-border: #363a4f;\n --color-search-shadow: 0 2px 8px #181926;\n --color-search-background: #363a4f;\n --color-search-font: #cad3f5;\n --color-search-background-hover: #ed8796;\n --color-error: #ed8796;\n --color-error-background: #363a4f;\n --color-warning: #eed49f;\n --color-warning-background: #363a4f;\n --color-success: #a6da95;\n --color-success-background: #363a4f;\n --color-categories-item-selected-font: #cad3f5;\n --color-categories-item-border-selected: #ed8796;\n --color-autocomplete-font: #b8c0e0;\n --color-autocomplete-border: #363a4f;\n --color-autocomplete-shadow: 0 2px 8px #181926;\n --color-autocomplete-background: #363a4f;\n --color-autocomplete-background-hover: #494d64;\n --color-answer-font: #cad3f5;\n --color-answer-background: #1e2030;\n --color-result-background: #1e2030;\n --color-result-border: #24273a;\n --color-result-url-font: #b8c0e0;\n --color-result-vim-selected: #363a4f;\n --color-result-vim-arrow: #ed8796;\n --color-result-description-highlight-font: #cad3f5;\n --color-result-link-font: #ed8796;\n --color-result-link-font-highlight: #ed8796;\n --color-result-link-visited-font: #ed8796;\n --color-result-publishdate-font: #5b6078;\n --color-result-engines-font: #5b6078;\n --color-result-search-url-border: #5b6078;\n --color-result-search-url-font: #cad3f5;\n --color-result-detail-font: #cad3f5;\n --color-result-detail-label-font: #a5adcb;\n --color-result-detail-background: #24273a;\n --color-result-detail-hr: #24273a;\n --color-result-detail-link: #ed8796;\n --color-result-detail-loader-border: rgba(255, 255, 255, 0.2);\n --color-result-detail-loader-borderleft: #181926;\n --color-result-image-span-font: #cad3f5;\n --color-result-image-span-font-selected: #24273a;\n --color-result-image-background: #1e2030;\n --color-settings-tr-hover: #363a4f;\n --color-settings-engine-description-font: #cad3f5;\n --color-settings-engine-group-background: #363a4f;\n --color-toolkit-badge-font: #cad3f5;\n --color-toolkit-badge-background: #363a4f;\n --color-toolkit-kbd-font: #cad3f5;\n --color-toolkit-kbd-background: #1e2030;\n --color-toolkit-dialog-border: #1e2030;\n --color-toolkit-dialog-background: #1e2030;\n --color-toolkit-tabs-label-border: #24273a;\n --color-toolkit-tabs-section-border: #24273a;\n --color-toolkit-select-background: #363a4f;\n --color-toolkit-select-border: #363a4f;\n --color-toolkit-select-background-hover: #494d64;\n --color-toolkit-input-text-font: #cad3f5;\n --color-toolkit-checkbox-onoff-off-background: #363a4f;\n --color-toolkit-checkbox-onoff-on-background: #363a4f;\n --color-toolkit-checkbox-onoff-on-mark-background: #a6da95;\n --color-toolkit-checkbox-onoff-on-mark-color: #1e2030;\n --color-toolkit-checkbox-onoff-off-mark-background: #ed8796;\n --color-toolkit-checkbox-onoff-off-mark-color: #1e2030;\n --color-toolkit-checkbox-label-background: #24273a;\n --color-toolkit-checkbox-label-border: #1e2030;\n --color-toolkit-checkbox-input-border: #ed8796;\n --color-toolkit-engine-tooltip-border: #363a4f;\n --color-toolkit-engine-tooltip-background: #363a4f;\n --color-toolkit-loader-border: rgba(255, 255, 255, 0.2);\n --color-toolkit-loader-borderleft: #181926;\n --color-doc-code: #f4dbd6;\n --color-doc-code-background: #1e2030;\n }\n :root.theme-auto #search_logo svg :not([fill=\"none\"]) {\n fill: #ed8796;\n }\n :root.theme-auto #search_logo svg :not([stroke=\"none\"]) {\n stroke: #ed8796;\n }\n :root.theme-auto if (additions) article.result {\n background-color: var(--color-result-background);\n border-radius: 0.75em;\n padding: 0.75em;\n margin: 0.5em;\n }\n :root.theme-auto if (additions) article.category-images {\n padding-bottom: 4em;\n }\n }\n :root.theme-dark {\n --color-base-font: #cad3f5;\n --color-base-background: #24273a;\n --color-base-background-mobile: #24273a;\n --color-url-font: #ed8796;\n --color-url-visited-font: #ed8796;\n --color-header-background: #1e2030;\n --color-header-border: #1e2030;\n --color-footer-background: #1e2030;\n --color-footer-border: #1e2030;\n --color-sidebar-border: #24273a;\n --color-sidebar-font: #cad3f5;\n --color-sidebar-background: #24273a;\n --color-backtotop-font: #b8c0e0;\n --color-backtotop-border: #363a4f;\n --color-backtotop-background: #363a4f;\n --color-btn-background: #ed8796;\n --color-btn-font: #24273a;\n --color-show-btn-background: #ed8796;\n --color-show-btn-font: #24273a;\n --color-search-border: #363a4f;\n --color-search-shadow: 0 2px 8px #181926;\n --color-search-background: #363a4f;\n --color-search-font: #cad3f5;\n --color-search-background-hover: #ed8796;\n --color-error: #ed8796;\n --color-error-background: #363a4f;\n --color-warning: #eed49f;\n --color-warning-background: #363a4f;\n --color-success: #a6da95;\n --color-success-background: #363a4f;\n --color-categories-item-selected-font: #cad3f5;\n --color-categories-item-border-selected: #ed8796;\n --color-autocomplete-font: #b8c0e0;\n --color-autocomplete-border: #363a4f;\n --color-autocomplete-shadow: 0 2px 8px #181926;\n --color-autocomplete-background: #363a4f;\n --color-autocomplete-background-hover: #494d64;\n --color-answer-font: #cad3f5;\n --color-answer-background: #1e2030;\n --color-result-background: #1e2030;\n --color-result-border: #24273a;\n --color-result-url-font: #b8c0e0;\n --color-result-vim-selected: #363a4f;\n --color-result-vim-arrow: #ed8796;\n --color-result-description-highlight-font: #cad3f5;\n --color-result-link-font: #ed8796;\n --color-result-link-font-highlight: #ed8796;\n --color-result-link-visited-font: #ed8796;\n --color-result-publishdate-font: #5b6078;\n --color-result-engines-font: #5b6078;\n --color-result-search-url-border: #5b6078;\n --color-result-search-url-font: #cad3f5;\n --color-result-detail-font: #cad3f5;\n --color-result-detail-label-font: #a5adcb;\n --color-result-detail-background: #24273a;\n --color-result-detail-hr: #24273a;\n --color-result-detail-link: #ed8796;\n --color-result-detail-loader-border: rgba(255, 255, 255, 0.2);\n --color-result-detail-loader-borderleft: #181926;\n --color-result-image-span-font: #cad3f5;\n --color-result-image-span-font-selected: #24273a;\n --color-result-image-background: #1e2030;\n --color-settings-tr-hover: #363a4f;\n --color-settings-engine-description-font: #cad3f5;\n --color-settings-engine-group-background: #363a4f;\n --color-toolkit-badge-font: #cad3f5;\n --color-toolkit-badge-background: #363a4f;\n --color-toolkit-kbd-font: #cad3f5;\n --color-toolkit-kbd-background: #1e2030;\n --color-toolkit-dialog-border: #1e2030;\n --color-toolkit-dialog-background: #1e2030;\n --color-toolkit-tabs-label-border: #24273a;\n --color-toolkit-tabs-section-border: #24273a;\n --color-toolkit-select-background: #363a4f;\n --color-toolkit-select-border: #363a4f;\n --color-toolkit-select-background-hover: #494d64;\n --color-toolkit-input-text-font: #cad3f5;\n --color-toolkit-checkbox-onoff-off-background: #363a4f;\n --color-toolkit-checkbox-onoff-on-background: #363a4f;\n --color-toolkit-checkbox-onoff-on-mark-background: #a6da95;\n --color-toolkit-checkbox-onoff-on-mark-color: #1e2030;\n --color-toolkit-checkbox-onoff-off-mark-background: #ed8796;\n --color-toolkit-checkbox-onoff-off-mark-color: #1e2030;\n --color-toolkit-checkbox-label-background: #24273a;\n --color-toolkit-checkbox-label-border: #1e2030;\n --color-toolkit-checkbox-input-border: #ed8796;\n --color-toolkit-engine-tooltip-border: #363a4f;\n --color-toolkit-engine-tooltip-background: #363a4f;\n --color-toolkit-loader-border: rgba(255, 255, 255, 0.2);\n --color-toolkit-loader-borderleft: #181926;\n --color-doc-code: #f4dbd6;\n --color-doc-code-background: #1e2030;\n }\n :root.theme-dark #search_logo svg :not([fill=\"none\"]) {\n fill: #ed8796;\n }\n :root.theme-dark #search_logo svg :not([stroke=\"none\"]) {\n stroke: #ed8796;\n }\n :root.theme-dark if (additions) article.result {\n background-color: var(--color-result-background);\n border-radius: 0.75em;\n padding: 0.75em;\n margin: 0.5em;\n }\n :root.theme-dark if (additions) article.category-images {\n padding-bottom: 4em;\n }\n :root.theme-light {\n --color-base-font: #cad3f5;\n --color-base-background: #24273a;\n --color-base-background-mobile: #24273a;\n --color-url-font: #ed8796;\n --color-url-visited-font: #ed8796;\n --color-header-background: #1e2030;\n --color-header-border: #1e2030;\n --color-footer-background: #1e2030;\n --color-footer-border: #1e2030;\n --color-sidebar-border: #24273a;\n --color-sidebar-font: #cad3f5;\n --color-sidebar-background: #24273a;\n --color-backtotop-font: #b8c0e0;\n --color-backtotop-border: #363a4f;\n --color-backtotop-background: #363a4f;\n --color-btn-background: #ed8796;\n --color-btn-font: #24273a;\n --color-show-btn-background: #ed8796;\n --color-show-btn-font: #24273a;\n --color-search-border: #363a4f;\n --color-search-shadow: 0 2px 8px #181926;\n --color-search-background: #363a4f;\n --color-search-font: #cad3f5;\n --color-search-background-hover: #ed8796;\n --color-error: #ed8796;\n --color-error-background: #363a4f;\n --color-warning: #eed49f;\n --color-warning-background: #363a4f;\n --color-success: #a6da95;\n --color-success-background: #363a4f;\n --color-categories-item-selected-font: #cad3f5;\n --color-categories-item-border-selected: #ed8796;\n --color-autocomplete-font: #b8c0e0;\n --color-autocomplete-border: #363a4f;\n --color-autocomplete-shadow: 0 2px 8px #181926;\n --color-autocomplete-background: #363a4f;\n --color-autocomplete-background-hover: #494d64;\n --color-answer-font: #cad3f5;\n --color-answer-background: #1e2030;\n --color-result-background: #1e2030;\n --color-result-border: #24273a;\n --color-result-url-font: #b8c0e0;\n --color-result-vim-selected: #363a4f;\n --color-result-vim-arrow: #ed8796;\n --color-result-description-highlight-font: #cad3f5;\n --color-result-link-font: #ed8796;\n --color-result-link-font-highlight: #ed8796;\n --color-result-link-visited-font: #ed8796;\n --color-result-publishdate-font: #5b6078;\n --color-result-engines-font: #5b6078;\n --color-result-search-url-border: #5b6078;\n --color-result-search-url-font: #cad3f5;\n --color-result-detail-font: #cad3f5;\n --color-result-detail-label-font: #a5adcb;\n --color-result-detail-background: #24273a;\n --color-result-detail-hr: #24273a;\n --color-result-detail-link: #ed8796;\n --color-result-detail-loader-border: rgba(255, 255, 255, 0.2);\n --color-result-detail-loader-borderleft: #181926;\n --color-result-image-span-font: #cad3f5;\n --color-result-image-span-font-selected: #24273a;\n --color-result-image-background: #1e2030;\n --color-settings-tr-hover: #363a4f;\n --color-settings-engine-description-font: #cad3f5;\n --color-settings-engine-group-background: #363a4f;\n --color-toolkit-badge-font: #cad3f5;\n --color-toolkit-badge-background: #363a4f;\n --color-toolkit-kbd-font: #cad3f5;\n --color-toolkit-kbd-background: #1e2030;\n --color-toolkit-dialog-border: #1e2030;\n --color-toolkit-dialog-background: #1e2030;\n --color-toolkit-tabs-label-border: #24273a;\n --color-toolkit-tabs-section-border: #24273a;\n --color-toolkit-select-background: #363a4f;\n --color-toolkit-select-border: #363a4f;\n --color-toolkit-select-background-hover: #494d64;\n --color-toolkit-input-text-font: #cad3f5;\n --color-toolkit-checkbox-onoff-off-background: #363a4f;\n --color-toolkit-checkbox-onoff-on-background: #363a4f;\n --color-toolkit-checkbox-onoff-on-mark-background: #a6da95;\n --color-toolkit-checkbox-onoff-on-mark-color: #1e2030;\n --color-toolkit-checkbox-onoff-off-mark-background: #ed8796;\n --color-toolkit-checkbox-onoff-off-mark-color: #1e2030;\n --color-toolkit-checkbox-label-background: #24273a;\n --color-toolkit-checkbox-label-border: #1e2030;\n --color-toolkit-checkbox-input-border: #ed8796;\n --color-toolkit-engine-tooltip-border: #363a4f;\n --color-toolkit-engine-tooltip-background: #363a4f;\n --color-toolkit-loader-border: rgba(255, 255, 255, 0.2);\n --color-toolkit-loader-borderleft: #181926;\n --color-doc-code: #f4dbd6;\n --color-doc-code-background: #1e2030;\n }\n :root.theme-light #search_logo svg :not([fill=\"none\"]) {\n fill: #ed8796;\n }\n :root.theme-light #search_logo svg :not([stroke=\"none\"]) {\n stroke: #ed8796;\n }\n :root.theme-light if (additions) article.result {\n background-color: var(--color-result-background);\n border-radius: 0.75em;\n padding: 0.75em;\n margin: 0.5em;\n }\n :root.theme-light if (additions) article.category-images {\n padding-bottom: 4em;\n }",
"start": 5691,
"urlPrefixes": [
"http://ransack.i2p/",
"https://darmarit.org/searx/",
"https://de.xcxc.ml/",
"https://dynabyte.ca/",
"https://etsi.me/",
"https://icanfindit.online/",
"https://jackgoss.xyz/",
"https://jsearch.pw/",
"https://metasearch.nl/",
"https://northboot.xyz/",
"https://notsearch.uk/",
"https://opnxng.com/",
"https://paulgo.io/",
"https://priv.au/",
"https://privatus.live/",
"https://s.frlt.one/",
"https://s.zhaocloud.net/",
"https://saber.tk/",
"https://search.0relay.com/",
"https://search.affusio.com/",
"https://search.bus-hit.me/",
"https://search.callmeecho.dev/",
"https://search.chemicals-in-the-water.eu/",
"https://search.cronobox.one/",
"https://search.disroot.org/",
"https://search.ethibox.fr/",
"https://search.gcomm.ch/",
"https://search.kiwitalk.de/",
"https://search.mdosch.de/",
"https://search.mpx.wtf/",
"https://search.neet.works/",
"https://search.ononoki.org/",
"https://search.privacyguides.net/",
"https://search.projectsegfau.lt/",
"https://search.rabbit-company.com/",
"https://search.rhscze.cf/",
"https://search.rowie.at/",
"https://search.sapti.me/",
"https://search.serginho.dev/",
"https://search.smnz.de/",
"https://search.snopyta.org/",
"https://search.stinpriza.org/",
"https://search.teamriverbubbles.com/",
"https://search.trom.tf/",
"https://search.unlocked.link/",
"https://search.uspersec.com/",
"https://search.vidhukant.xyz/",
"https://search.zzls.xyz/",
"https://searx.baczek.me/",
"https://searx.be/",
"https://searx.becomesovran.com/",
"https://searx.bissisoft.com/",
"https://searx.chocoflan.net/",
"https://searx.divided-by-zero.eu/",
"https://searx.dresden.network/",
"https://searx.ebnar.xyz/",
"https://searx.ericaftereric.top/",
"https://searx.esmailelbob.xyz/",
"https://searx.fi/",
"https://searx.fmac.xyz/",
"https://searx.fossencdi.org/",
"https://searx.gnous.eu/",
"https://searx.gnu.style/",
"https://searx.kujonello.cf/",
"https://searx.mastodontech.de/",
"https://searx.mha.fi/",
"https://searx.mistli.net/",
"https://searx.mxchange.org/",
"https://searx.nakhan.net/",
"https://searx.namejeff.xyz/",
"https://searx.netzspielplatz.de/",
"https://searx.nixnet.services/",
"https://searx.org/",
"https://searx.orion-hub.fr/",
"https://searx.priv.pw/",
"https://searx.prvcy.eu/",
"https://searx.rimkus.it/",
"https://searx.roflcopter.fr/",
"https://searx.ru/",
"https://searx.run/",
"https://searx.semipvt.com/",
"https://searx.sethforprivacy.com/",
"https://searx.sev.monster/",
"https://searx.slipfox.xyz/searx/",
"https://searx.sp-codes.de/",
"https://searx.stuehieyr.com/",
"https://searx.tiekoetter.com/",
"https://searx.tuxcloud.net/",
"https://searx.tyil.nl/",
"https://searx.vanwa.tech/",
"https://searx.webheberg.info/",
"https://searx.xyz/",
"https://searx.zapashcanon.fr/",
"https://searx.zcyph.cc/",
"https://searxng.ir/",
"https://searxng.nicfab.eu/",
"https://searxng.zackptg5.com/",
"https://serx.ml/",
"https://sh0.it/",
"https://soek.allesbeste.com/",
"https://spot.ecloud.global/",
"https://srx.cosmohub.io/",
"https://searx.oakleycord.dev/",
"https://suche.dasnetzundich.de/",
"https://suche.tromdienste.de/",
"https://suche.uferwerk.org/",
"https://swag.pw/",
"https://sx.catgirl.cloud/",
"https://timdor.noip.me/searx/",
"https://trydex.tk/searxng/",
"https://www.gruble.de/",
"https://www.webrats.xyz/",
"https://xcxc.ml/",
"https://xo.wtf/"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name SearXNG Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/searxng\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/searxng\n@version 0.3.1\n@description Soothing pastel theme for SearXNG\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/searxng/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n@var checkbox additions \"Additional Tweaks\" 0\n==/UserStyle== */\n@-moz-document url-prefix(\"http://ransack.i2p/\"),\nurl-prefix(\"https://darmarit.org/searx/\"),\nurl-prefix(\"https://de.xcxc.ml/\"),\nurl-prefix(\"https://dynabyte.ca/\"),\nurl-prefix(\"https://etsi.me/\"),\nurl-prefix(\"https://icanfindit.online/\"),\nurl-prefix(\"https://jackgoss.xyz/\"),\nurl-prefix(\"https://jsearch.pw/\"),\nurl-prefix(\"https://metasearch.nl/\"),\nurl-prefix(\"https://northboot.xyz/\"),\nurl-prefix(\"https://notsearch.uk/\"),\nurl-prefix(\"https://opnxng.com/\"),\nurl-prefix(\"https://paulgo.io/\"),\nurl-prefix(\"https://priv.au/\"),\nurl-prefix(\"https://privatus.live/\"),\nurl-prefix(\"https://s.frlt.one/\"),\nurl-prefix(\"https://s.zhaocloud.net/\"),\nurl-prefix(\"https://saber.tk/\"),\nurl-prefix(\"https://search.0relay.com/\"),\nurl-prefix(\"https://search.affusio.com/\"),\nurl-prefix(\"https://search.bus-hit.me/\"),\nurl-prefix(\"https://search.callmeecho.dev/\"),\nurl-prefix(\"https://search.chemicals-in-the-water.eu/\"),\nurl-prefix(\"https://search.cronobox.one/\"),\nurl-prefix(\"https://search.disroot.org/\"),\nurl-prefix(\"https://search.ethibox.fr/\"),\nurl-prefix(\"https://search.gcomm.ch/\"),\nurl-prefix(\"https://search.kiwitalk.de/\"),\nurl-prefix(\"https://search.mdosch.de/\"),\nurl-prefix(\"https://search.mpx.wtf/\"),\nurl-prefix(\"https://search.neet.works/\"),\nurl-prefix(\"https://search.ononoki.org/\"),\nurl-prefix(\"https://search.privacyguides.net/\"),\nurl-prefix(\"https://search.projectsegfau.lt/\"),\nurl-prefix(\"https://search.rabbit-company.com/\"),\nurl-prefix(\"https://search.rhscze.cf/\"),\nurl-prefix(\"https://search.rowie.at/\"),\nurl-prefix(\"https://search.sapti.me/\"),\nurl-prefix(\"https://search.serginho.dev/\"),\nurl-prefix(\"https://search.smnz.de/\"),\nurl-prefix(\"https://search.snopyta.org/\"),\nurl-prefix(\"https://search.stinpriza.org/\"),\nurl-prefix(\"https://search.teamriverbubbles.com/\"),\nurl-prefix(\"https://search.trom.tf/\"),\nurl-prefix(\"https://search.unlocked.link/\"),\nurl-prefix(\"https://search.uspersec.com/\"),\nurl-prefix(\"https://search.vidhukant.xyz/\"),\nurl-prefix(\"https://search.zzls.xyz/\"),\nurl-prefix(\"https://searx.baczek.me/\"),\nurl-prefix(\"https://searx.be/\"),\nurl-prefix(\"https://searx.becomesovran.com/\"),\nurl-prefix(\"https://searx.bissisoft.com/\"),\nurl-prefix(\"https://searx.chocoflan.net/\"),\nurl-prefix(\"https://searx.divided-by-zero.eu/\"),\nurl-prefix(\"https://searx.dresden.network/\"),\nurl-prefix(\"https://searx.ebnar.xyz/\"),\nurl-prefix(\"https://searx.ericaftereric.top/\"),\nurl-prefix(\"https://searx.esmailelbob.xyz/\"),\nurl-prefix(\"https://searx.fi/\"),\nurl-prefix(\"https://searx.fmac.xyz/\"),\nurl-prefix(\"https://searx.fossencdi.org/\"),\nurl-prefix(\"https://searx.gnous.eu/\"),\nurl-prefix(\"https://searx.gnu.style/\"),\nurl-prefix(\"https://searx.kujonello.cf/\"),\nurl-prefix(\"https://searx.mastodontech.de/\"),\nurl-prefix(\"https://searx.mha.fi/\"),\nurl-prefix(\"https://searx.mistli.net/\"),\nurl-prefix(\"https://searx.mxchange.org/\"),\nurl-prefix(\"https://searx.nakhan.net/\"),\nurl-prefix(\"https://searx.namejeff.xyz/\"),\nurl-prefix(\"https://searx.netzspielplatz.de/\"),\nurl-prefix(\"https://searx.nixnet.services/\"),\nurl-prefix(\"https://searx.org/\"),\nurl-prefix(\"https://searx.orion-hub.fr/\"),\nurl-prefix(\"https://searx.priv.pw/\"),\nurl-prefix(\"https://searx.prvcy.eu/\"),\nurl-prefix(\"https://searx.rimkus.it/\"),\nurl-prefix(\"https://searx.roflcopter.fr/\"),\nurl-prefix(\"https://searx.ru/\"),\nurl-prefix(\"https://searx.run/\"),\nurl-prefix(\"https://searx.semipvt.com/\"),\nurl-prefix(\"https://searx.sethforprivacy.com/\"),\nurl-prefix(\"https://searx.sev.monster/\"),\nurl-prefix(\"https://searx.slipfox.xyz/searx/\"),\nurl-prefix(\"https://searx.sp-codes.de/\"),\nurl-prefix(\"https://searx.stuehieyr.com/\"),\nurl-prefix(\"https://searx.tiekoetter.com/\"),\nurl-prefix(\"https://searx.tuxcloud.net/\"),\nurl-prefix(\"https://searx.tyil.nl/\"),\nurl-prefix(\"https://searx.vanwa.tech/\"),\nurl-prefix(\"https://searx.webheberg.info/\"),\nurl-prefix(\"https://searx.xyz/\"),\nurl-prefix(\"https://searx.zapashcanon.fr/\"),\nurl-prefix(\"https://searx.zcyph.cc/\"),\nurl-prefix(\"https://searxng.ir/\"),\nurl-prefix(\"https://searxng.nicfab.eu/\"),\nurl-prefix(\"https://searxng.zackptg5.com/\"),\nurl-prefix(\"https://serx.ml/\"),\nurl-prefix(\"https://sh0.it/\"),\nurl-prefix(\"https://soek.allesbeste.com/\"),\nurl-prefix(\"https://spot.ecloud.global/\"),\nurl-prefix(\"https://srx.cosmohub.io/\"),\nurl-prefix(\"https://searx.oakleycord.dev/\"),\nurl-prefix(\"https://suche.dasnetzundich.de/\"),\nurl-prefix(\"https://suche.tromdienste.de/\"),\nurl-prefix(\"https://suche.uferwerk.org/\"),\nurl-prefix(\"https://swag.pw/\"),\nurl-prefix(\"https://sx.catgirl.cloud/\"),\nurl-prefix(\"https://timdor.noip.me/searx/\"),\nurl-prefix(\"https://trydex.tk/searxng/\"),\nurl-prefix(\"https://www.gruble.de/\"),\nurl-prefix(\"https://www.webrats.xyz/\"),\nurl-prefix(\"https://xcxc.ml/\"),\nurl-prefix(\"https://xo.wtf/\")\n{\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n :root.theme-auto {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n @media (prefers-color-scheme: dark) {\n :root.theme-auto {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n :root.theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root.theme-light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent-color) {\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: @catppuccin[@@lookup][@@accent-color];\n\n & {\n --color-base-font: @text;\n --color-base-background: @base;\n --color-base-background-mobile: @base;\n --color-url-font: @accent;\n --color-url-visited-font: @accent;\n --color-header-background: @mantle;\n --color-header-border: @mantle;\n --color-footer-background: @mantle;\n --color-footer-border: @mantle;\n --color-sidebar-border: @base;\n --color-sidebar-font: @text;\n --color-sidebar-background: @base;\n --color-backtotop-font: @subtext1;\n --color-backtotop-border: @surface0;\n --color-backtotop-background: @surface0;\n --color-btn-background: @accent;\n --color-btn-font: @base;\n --color-show-btn-background: @accent;\n --color-show-btn-font: @base;\n --color-search-border: @surface0;\n --color-search-shadow: 0 2px 8px @crust;\n --color-search-background: @surface0;\n --color-search-font: @text;\n --color-search-background-hover: @accent;\n --color-error: @red;\n --color-error-background: @surface0;\n --color-warning: @yellow;\n --color-warning-background: @surface0;\n --color-success: @green;\n --color-success-background: @surface0;\n --color-categories-item-selected-font: @text;\n --color-categories-item-border-selected: @accent;\n --color-autocomplete-font: @subtext1;\n --color-autocomplete-border: @surface0;\n --color-autocomplete-shadow: 0 2px 8px @crust;\n --color-autocomplete-background: @surface0;\n --color-autocomplete-background-hover: @surface1;\n --color-answer-font: @text;\n --color-answer-background: @mantle;\n --color-result-background: @mantle;\n --color-result-border: @base;\n --color-result-url-font: @subtext1;\n --color-result-vim-selected: @surface0;\n --color-result-vim-arrow: @accent;\n --color-result-description-highlight-font: @text;\n --color-result-link-font: @accent;\n --color-result-link-font-highlight: @accent;\n --color-result-link-visited-font: @accent;\n --color-result-publishdate-font: @surface2;\n --color-result-engines-font: @surface2;\n --color-result-search-url-border: @surface2;\n --color-result-search-url-font: @text;\n --color-result-detail-font: @text;\n --color-result-detail-label-font: @subtext0;\n --color-result-detail-background: @base;\n --color-result-detail-hr: @base;\n --color-result-detail-link: @accent;\n --color-result-detail-loader-border: rgba(255, 255, 255, 0.2);\n --color-result-detail-loader-borderleft: @crust;\n --color-result-image-span-font: @text;\n --color-result-image-span-font-selected: @base;\n --color-result-image-background: @mantle;\n --color-settings-tr-hover: @surface0;\n --color-settings-engine-description-font: @text;\n --color-settings-engine-group-background: @surface0;\n --color-toolkit-badge-font: @text;\n --color-toolkit-badge-background: @surface0;\n --color-toolkit-kbd-font: @text;\n --color-toolkit-kbd-background: @mantle;\n --color-toolkit-dialog-border: @mantle;\n --color-toolkit-dialog-background: @mantle;\n --color-toolkit-tabs-label-border: @base;\n --color-toolkit-tabs-section-border: @base;\n --color-toolkit-select-background: @surface0;\n --color-toolkit-select-border: @surface0;\n --color-toolkit-select-background-hover: @surface1;\n --color-toolkit-input-text-font: @text;\n --color-toolkit-checkbox-onoff-off-background: @surface0;\n --color-toolkit-checkbox-onoff-on-background: @surface0;\n --color-toolkit-checkbox-onoff-on-mark-background: @green;\n --color-toolkit-checkbox-onoff-on-mark-color: @mantle;\n --color-toolkit-checkbox-onoff-off-mark-background: @red;\n --color-toolkit-checkbox-onoff-off-mark-color: @mantle;\n --color-toolkit-checkbox-label-background: @base;\n --color-toolkit-checkbox-label-border: @mantle;\n --color-toolkit-checkbox-input-border: @accent;\n --color-toolkit-engine-tooltip-border: @surface0;\n --color-toolkit-engine-tooltip-background: @surface0;\n --color-toolkit-loader-border: rgba(255, 255, 255, 0.2);\n --color-toolkit-loader-borderleft: @crust;\n --color-doc-code: @rosewater;\n --color-doc-code-background: @mantle;\n }\n\n #search_logo svg :not([fill=\"none\"]) {\n fill: @accent;\n }\n #search_logo svg :not([stroke=\"none\"]) {\n stroke: @accent;\n }\n\n if (additions) {\n article.result {\n background-color: var(--color-result-background);\n border-radius: 0.75em;\n padding: 0.75em;\n margin: 0.5em;\n }\n article.category-images {\n padding-bottom: 4em;\n }\n }\n }\n}\n",
"usercssData": {
"name": "SearXNG Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/searxng",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/searxng",
"version": "0.3.1",
"description": "Soothing pastel theme for SearXNG",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/searxng/catppuccin.user.css",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": "macchiato",
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": null,
"default": "red",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Grey",
"value": "subtext0"
}
]
},
"additions": {
"type": "checkbox",
"label": "Additional Tweaks",
"name": "additions",
"value": "1",
"default": "0",
"options": null
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for SearXNG",
"name": "SearXNG Catppuccin",
"originalDigest": "4251ce833a080e020aa168bcb044e4d540086af3",
"_id": "56ebf55d-dc89-4726-b362-a0cd9f5f0989",
"_rev": 1696243343628,
"id": 49,
"etag": "W/\"01f8e01e49ac8b222a2a9b80d4d3e9d03ccb4c03d8a94e4c8fec54670d368bdb\"",
"updateDate": 1696243343606
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/mastodon/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/mastodon",
"installDate": 1690106137364,
"sections": [
{
"code": "/* ==UserStyle==\n@name Mastodon Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/mastodon\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/mastodon\n@version 1.1.12\n@description Soothing pastel theme for Mastodon\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/mastodon/catppuccin.user.css\n@license \t\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */",
"start": 0
},
{
"code": ".theme-mastodon-light,\n .skin-modern-light,\n .skin-mastodon-light,\n .theme-mastodon-light .tabs-bar__wrapper,\n .skin-modern-light .tabs-bar__wrapper,\n .skin-mastodon-light .tabs-bar__wrapper,\n .theme-mastodon-light .admin-wrapper .sidebar-wrapper__inner,\n .skin-modern-light .admin-wrapper .sidebar-wrapper__inner,\n .skin-mastodon-light .admin-wrapper .sidebar-wrapper__inner,\n .theme-mastodon-light .ui__header,\n .skin-modern-light .ui__header,\n .skin-mastodon-light .ui__header {\n background: #181926;\n color: #cad3f5;\n }\n .theme-mastodon-light .ui__header,\n .skin-modern-light .ui__header,\n .skin-mastodon-light .ui__header {\n border-bottom: none;\n }\n .theme-mastodon-light .navigation-panel,\n .skin-modern-light .navigation-panel,\n .skin-mastodon-light .navigation-panel,\n .theme-mastodon-light .column-link,\n .skin-modern-light .column-link,\n .skin-mastodon-light .column-link {\n background: transparent;\n }\n .theme-mastodon-light .account__header__bio .account__header__fields dt,\n .skin-modern-light .account__header__bio .account__header__fields dt,\n .skin-mastodon-light .account__header__bio .account__header__fields dt {\n background: transparent;\n }\n .theme-mastodon-light .search-popout,\n .skin-modern-light .search-popout,\n .skin-mastodon-light .search-popout,\n .theme-mastodon-light .search-popout em,\n .skin-modern-light .search-popout em,\n .skin-mastodon-light .search-popout em,\n .theme-mastodon-light .dismissable-banner__message,\n .skin-modern-light .dismissable-banner__message,\n .skin-mastodon-light .dismissable-banner__message,\n .theme-mastodon-light .dismissable-banner__message h1,\n .skin-modern-light .dismissable-banner__message h1,\n .skin-mastodon-light .dismissable-banner__message h1,\n .theme-mastodon-light .account__header__bio .account__header__fields dt,\n .skin-modern-light .account__header__bio .account__header__fields dt,\n .skin-mastodon-light .account__header__bio .account__header__fields dt,\n .theme-mastodon-light .account__section-headline a.active,\n .skin-modern-light .account__section-headline a.active,\n .skin-mastodon-light .account__section-headline a.active,\n .theme-mastodon-light .account__section-headline button.active,\n .skin-modern-light .account__section-headline button.active,\n .skin-mastodon-light .account__section-headline button.active,\n .theme-mastodon-light .notification__filter-bar a.active,\n .skin-modern-light .notification__filter-bar a.active,\n .skin-mastodon-light .notification__filter-bar a.active,\n .theme-mastodon-light .notification__filter-bar button.active,\n .skin-modern-light .notification__filter-bar button.active,\n .skin-mastodon-light .notification__filter-bar button.active,\n .theme-mastodon-light .account__header__bio .account__header__content,\n .skin-modern-light .account__header__bio .account__header__content,\n .skin-mastodon-light .account__header__bio .account__header__content,\n .theme-mastodon-light .navigation-bar,\n .skin-modern-light .navigation-bar,\n .skin-mastodon-light .navigation-bar,\n .theme-mastodon-light .column-link__badge,\n .skin-modern-light .column-link__badge,\n .skin-mastodon-light .column-link__badge,\n .theme-mastodon-light .column-subheading,\n .skin-modern-light .column-subheading,\n .skin-mastodon-light .column-subheading,\n .theme-mastodon-light .account__display-name strong,\n .skin-modern-light .account__display-name strong,\n .skin-mastodon-light .account__display-name strong,\n .theme-mastodon-light .status__display-name strong,\n .skin-modern-light .status__display-name strong,\n .skin-mastodon-light .status__display-name strong,\n .theme-mastodon-light .notification__message,\n .skin-modern-light .notification__message,\n .skin-mastodon-light .notification__message,\n .theme-mastodon-light .public-layout .public-account-bio .account__header__content,\n .skin-modern-light .public-layout .public-account-bio .account__header__content,\n .skin-mastodon-light .public-layout .public-account-bio .account__header__content,\n .theme-mastodon-light .reply-indicator__content,\n .skin-modern-light .reply-indicator__content,\n .skin-mastodon-light .reply-indicator__content,\n .theme-mastodon-light .status__content,\n .skin-modern-light .status__content,\n .skin-mastodon-light .status__content,\n .theme-mastodon-light .card__bar .display-name strong,\n .skin-modern-light .card__bar .display-name strong,\n .skin-mastodon-light .card__bar .display-name strong {\n color: #cad3f5;\n }\n .theme-mastodon-light .search-popout span,\n .skin-modern-light .search-popout span,\n .skin-mastodon-light .search-popout span,\n .theme-mastodon-light .link-footer p,\n .skin-modern-light .link-footer p,\n .skin-mastodon-light .link-footer p,\n .theme-mastodon-light .link-footer p a,\n .skin-modern-light .link-footer p a,\n .skin-mastodon-light .link-footer p a {\n color: #b8c0e0;\n }\n .theme-mastodon-light .account__header__tabs__name h1 small,\n .skin-modern-light .account__header__tabs__name h1 small,\n .skin-mastodon-light .account__header__tabs__name h1 small,\n .theme-mastodon-light .account__header__bio .account__header__fields dd,\n .skin-modern-light .account__header__bio .account__header__fields dd,\n .skin-mastodon-light .account__header__bio .account__header__fields dd,\n .theme-mastodon-light .display-name__account,\n .skin-modern-light .display-name__account,\n .skin-mastodon-light .display-name__account,\n .theme-mastodon-light .status__relative-time,\n .skin-modern-light .status__relative-time,\n .skin-mastodon-light .status__relative-time,\n .theme-mastodon-light .empty-column-indicator,\n .skin-modern-light .empty-column-indicator,\n .skin-mastodon-light .empty-column-indicator,\n .theme-mastodon-light .follow_requests-unlocked_explanation,\n .skin-modern-light .follow_requests-unlocked_explanation,\n .skin-mastodon-light .follow_requests-unlocked_explanation,\n .theme-mastodon-light .account .account__display-name,\n .skin-modern-light .account .account__display-name,\n .skin-mastodon-light .account .account__display-name,\n .theme-mastodon-light .label_input .search__input,\n .skin-modern-light .label_input .search__input,\n .skin-mastodon-light .label_input .search__input,\n .theme-mastodon-light .search__input:focus,\n .skin-modern-light .search__input:focus,\n .skin-mastodon-light .search__input:focus,\n .theme-mastodon-light .account__header__fields dt,\n .skin-modern-light .account__header__fields dt,\n .skin-mastodon-light .account__header__fields dt {\n color: #a5adcb;\n }\n .theme-mastodon-light .compose-panel hr,\n .skin-modern-light .compose-panel hr,\n .skin-mastodon-light .compose-panel hr,\n .theme-mastodon-light .navigation-panel hr,\n .skin-modern-light .navigation-panel hr,\n .skin-mastodon-light .navigation-panel hr {\n border-top-color: #a5adcb;\n }\n .theme-mastodon-light .trends__item,\n .skin-modern-light .trends__item,\n .skin-mastodon-light .trends__item,\n .theme-mastodon-light .status,\n .skin-modern-light .status,\n .skin-mastodon-light .status,\n .theme-mastodon-light .getting-started__trends h4,\n .skin-modern-light .getting-started__trends h4,\n .skin-mastodon-light .getting-started__trends h4,\n .theme-mastodon-light .trends__item__name span,\n .skin-modern-light .trends__item__name span,\n .skin-mastodon-light .trends__item__name span,\n .theme-mastodon-light .story,\n .skin-modern-light .story,\n .skin-mastodon-light .story {\n border-color: #363a4f;\n }\n .theme-mastodon-light .mention,\n .skin-modern-light .mention,\n .skin-mastodon-light .mention,\n .theme-mastodon-light .account__header__tabs__name h1,\n .skin-modern-light .account__header__tabs__name h1,\n .skin-mastodon-light .account__header__tabs__name h1,\n .theme-mastodon-light .account__header__content a,\n .skin-modern-light .account__header__content a,\n .skin-mastodon-light .account__header__content a,\n .theme-mastodon-light .account__header__bio .account__header__fields a,\n .skin-modern-light .account__header__bio .account__header__fields a,\n .skin-mastodon-light .account__header__bio .account__header__fields a,\n .theme-mastodon-light .empty-column-indicator a,\n .skin-modern-light .empty-column-indicator a,\n .skin-mastodon-light .empty-column-indicator a,\n .theme-mastodon-light .follow_requests-unlocked_explanation a,\n .skin-modern-light .follow_requests-unlocked_explanation a,\n .skin-mastodon-light .follow_requests-unlocked_explanation a,\n .theme-mastodon-light .column-back-button,\n .skin-modern-light .column-back-button,\n .skin-mastodon-light .column-back-button,\n .theme-mastodon-light .icon-button.inverted,\n .skin-modern-light .icon-button.inverted,\n .skin-mastodon-light .icon-button.inverted,\n .theme-mastodon-light .text-icon-button,\n .skin-modern-light .text-icon-button,\n .skin-mastodon-light .text-icon-button,\n .theme-mastodon-light .icon-button.active,\n .skin-modern-light .icon-button.active,\n .skin-mastodon-light .icon-button.active,\n .theme-mastodon-light .public-layout .public-account-bio .account__header__fields a,\n .skin-modern-light .public-layout .public-account-bio .account__header__fields a,\n .skin-mastodon-light .public-layout .public-account-bio .account__header__fields a,\n .theme-mastodon-light .column-header__back-button,\n .skin-modern-light .column-header__back-button,\n .skin-mastodon-light .column-header__back-button,\n .theme-mastodon-light .navigation-bar strong,\n .skin-modern-light .navigation-bar strong,\n .skin-mastodon-light .navigation-bar strong,\n .theme-mastodon-light .reply-indicator__content a.unhandled-link,\n .skin-modern-light .reply-indicator__content a.unhandled-link,\n .skin-mastodon-light .reply-indicator__content a.unhandled-link,\n .theme-mastodon-light .status__content a.unhandled-link,\n .skin-modern-light .status__content a.unhandled-link,\n .skin-mastodon-light .status__content a.unhandled-link,\n .theme-mastodon-light .announcements__item__content a.unhandled-link,\n .skin-modern-light .announcements__item__content a.unhandled-link,\n .skin-mastodon-light .announcements__item__content a.unhandled-link,\n .theme-mastodon-light .reactions-bar__item.active .reactions-bar__item__count,\n .skin-modern-light .reactions-bar__item.active .reactions-bar__item__count,\n .skin-mastodon-light .reactions-bar__item.active .reactions-bar__item__count,\n .theme-mastodon-light .column-header.active .column-header__icon,\n .skin-modern-light .column-header.active .column-header__icon,\n .skin-mastodon-light .column-header.active .column-header__icon {\n color: #b7bdf8;\n }\n .theme-mastodon-light .conversation__unread,\n .skin-modern-light .conversation__unread,\n .skin-mastodon-light .conversation__unread,\n .theme-mastodon-light .react-toggle--checked .react-toggle-track,\n .skin-modern-light .react-toggle--checked .react-toggle-track,\n .skin-mastodon-light .react-toggle--checked .react-toggle-track,\n .theme-mastodon-light .react-toggle--checked:hover .react-toggle-track,\n .skin-modern-light .react-toggle--checked:hover .react-toggle-track,\n .skin-mastodon-light .react-toggle--checked:hover .react-toggle-track,\n .theme-mastodon-light .pillbar-button:not([disabled]).active,\n .skin-modern-light .pillbar-button:not([disabled]).active,\n .skin-mastodon-light .pillbar-button:not([disabled]).active,\n .theme-mastodon-light .pillbar-button:not([disabled]).active:focus,\n .skin-modern-light .pillbar-button:not([disabled]).active:focus,\n .skin-mastodon-light .pillbar-button:not([disabled]).active:focus,\n .theme-mastodon-light .pillbar-button:not([disabled]).active:hover,\n .skin-modern-light .pillbar-button:not([disabled]).active:hover,\n .skin-mastodon-light .pillbar-button:not([disabled]).active:hover,\n .theme-mastodon-light .radio-button__input.checked,\n .skin-modern-light .radio-button__input.checked,\n .skin-mastodon-light .radio-button__input.checked {\n background-color: #b7bdf8;\n }\n .theme-mastodon-light .reactions-bar__item.active,\n .skin-modern-light .reactions-bar__item.active,\n .skin-mastodon-light .reactions-bar__item.active {\n background-color: rgba(183, 189, 248, 0.25);\n }\n .theme-mastodon-light .trends__item__sparkline path:last-child,\n .skin-modern-light .trends__item__sparkline path:last-child,\n .skin-mastodon-light .trends__item__sparkline path:last-child {\n stroke: #b7bdf8 !important;\n }\n .theme-mastodon-light .trends__item__sparkline path:first-child,\n .skin-modern-light .trends__item__sparkline path:first-child,\n .skin-mastodon-light .trends__item__sparkline path:first-child {\n fill: rgba(183, 189, 248, 0.25) !important;\n }\n .theme-mastodon-light .icon-button,\n .skin-modern-light .icon-button,\n .skin-mastodon-light .icon-button,\n .theme-mastodon-light .notification__message .fa,\n .skin-modern-light .notification__message .fa,\n .skin-mastodon-light .notification__message .fa {\n color: #5b6078;\n }\n .theme-mastodon-light .icon-button:active,\n .skin-modern-light .icon-button:active,\n .skin-mastodon-light .icon-button:active,\n .theme-mastodon-light .icon-button:focus,\n .skin-modern-light .icon-button:focus,\n .skin-mastodon-light .icon-button:focus,\n .theme-mastodon-light .icon-button:hover,\n .skin-modern-light .icon-button:hover,\n .skin-mastodon-light .icon-button:hover,\n .theme-mastodon-light .text-icon-button:active,\n .skin-modern-light .text-icon-button:active,\n .skin-mastodon-light .text-icon-button:active,\n .theme-mastodon-light .text-icon-button:focus,\n .skin-modern-light .text-icon-button:focus,\n .skin-mastodon-light .text-icon-button:focus,\n .theme-mastodon-light .text-icon-button:hover,\n .skin-modern-light .text-icon-button:hover,\n .skin-mastodon-light .text-icon-button:hover,\n .theme-mastodon-light .icon-button.inverted:active,\n .skin-modern-light .icon-button.inverted:active,\n .skin-mastodon-light .icon-button.inverted:active,\n .theme-mastodon-light .icon-button.inverted:focus,\n .skin-modern-light .icon-button.inverted:focus,\n .skin-mastodon-light .icon-button.inverted:focus,\n .theme-mastodon-light .icon-button.inverted:hover,\n .skin-modern-light .icon-button.inverted:hover,\n .skin-mastodon-light .icon-button.inverted:hover,\n .theme-mastodon-light .public-layout .public-account-bio .account__header__fields a:hover,\n .skin-modern-light .public-layout .public-account-bio .account__header__fields a:hover,\n .skin-mastodon-light .public-layout .public-account-bio .account__header__fields a:hover {\n color: #b7bdf8;\n }\n .theme-mastodon-light .column-header,\n .skin-modern-light .column-header,\n .skin-mastodon-light .column-header,\n .theme-mastodon-light .column-header__button,\n .skin-modern-light .column-header__button,\n .skin-mastodon-light .column-header__button,\n .theme-mastodon-light .column-header__back-button,\n .skin-modern-light .column-header__back-button,\n .skin-mastodon-light .column-header__back-button,\n .theme-mastodon-light .column-back-button,\n .skin-modern-light .column-back-button,\n .skin-mastodon-light .column-back-button,\n .theme-mastodon-light .drawer__header,\n .skin-modern-light .drawer__header,\n .skin-mastodon-light .drawer__header,\n .theme-mastodon-light .notification__filter-bar,\n .skin-modern-light .notification__filter-bar,\n .skin-mastodon-light .notification__filter-bar,\n .theme-mastodon-light .account__section-headline button,\n .skin-modern-light .account__section-headline button,\n .skin-mastodon-light .account__section-headline button,\n .theme-mastodon-light .notification__filter-bar button,\n .skin-modern-light .notification__filter-bar button,\n .skin-mastodon-light .notification__filter-bar button,\n .theme-mastodon-light .account__header,\n .skin-modern-light .account__header,\n .skin-mastodon-light .account__header,\n .theme-mastodon-light .search__input,\n .skin-modern-light .search__input,\n .skin-mastodon-light .search__input,\n .theme-mastodon-light .search__input:focus,\n .skin-modern-light .search__input:focus,\n .skin-mastodon-light .search__input:focus,\n .theme-mastodon-light .column-link__badge,\n .skin-modern-light .column-link__badge,\n .skin-mastodon-light .column-link__badge,\n .theme-mastodon-light .column-subheading,\n .skin-modern-light .column-subheading,\n .skin-mastodon-light .column-subheading,\n .theme-mastodon-light .public-layout .header,\n .skin-modern-light .public-layout .header,\n .skin-mastodon-light .public-layout .header,\n .theme-mastodon-light .public-layout .public-account-header__bar::before,\n .skin-modern-light .public-layout .public-account-header__bar::before,\n .skin-mastodon-light .public-layout .public-account-header__bar::before,\n .theme-mastodon-light .account__header__fields,\n .skin-modern-light .account__header__fields,\n .skin-mastodon-light .account__header__fields,\n .theme-mastodon-light .account__header__fields dt,\n .skin-modern-light .account__header__fields dt,\n .skin-mastodon-light .account__header__fields dt,\n .theme-mastodon-light .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .skin-modern-light .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .skin-mastodon-light .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .theme-mastodon-light .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .skin-modern-light .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .skin-mastodon-light .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .theme-mastodon-light .explore__search-header,\n .skin-modern-light .explore__search-header,\n .skin-mastodon-light .explore__search-header,\n .theme-mastodon-light .column-inline-form,\n .skin-modern-light .column-inline-form,\n .skin-mastodon-light .column-inline-form,\n .theme-mastodon-light .follow_requests-unlocked_explanation,\n .skin-modern-light .follow_requests-unlocked_explanation,\n .skin-mastodon-light .follow_requests-unlocked_explanation,\n .theme-mastodon-light .conversation--unread,\n .skin-modern-light .conversation--unread,\n .skin-mastodon-light .conversation--unread,\n .theme-mastodon-light .column-header__collapsible-inner,\n .skin-modern-light .column-header__collapsible-inner,\n .skin-mastodon-light .column-header__collapsible-inner,\n .theme-mastodon-light .announcements,\n .skin-modern-light .announcements,\n .skin-mastodon-light .announcements,\n .theme-mastodon-light .status-card__image,\n .skin-modern-light .status-card__image,\n .skin-mastodon-light .status-card__image {\n border-color: #181926;\n background: #363a4f;\n }\n .theme-mastodon-light .account__section-headline,\n .skin-modern-light .account__section-headline,\n .skin-mastodon-light .account__section-headline {\n background: #1e2030;\n border-color: #181926;\n }\n .theme-mastodon-light .focusable:focus,\n .skin-modern-light .focusable:focus,\n .skin-mastodon-light .focusable:focus {\n background: unset;\n }\n .theme-mastodon-light .admin-wrapper .sidebar ul a:hover,\n .skin-modern-light .admin-wrapper .sidebar ul a:hover,\n .skin-mastodon-light .admin-wrapper .sidebar ul a:hover,\n .theme-mastodon-light .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .skin-modern-light .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .skin-mastodon-light .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .theme-mastodon-light .detailed-status,\n .skin-modern-light .detailed-status,\n .skin-mastodon-light .detailed-status,\n .theme-mastodon-light .detailed-status__action-bar,\n .skin-modern-light .detailed-status__action-bar,\n .skin-mastodon-light .detailed-status__action-bar {\n background: #363a4f;\n }\n .theme-mastodon-light .detailed-status__wrapper > div:first-child .detailed-status,\n .skin-modern-light .detailed-status__wrapper > div:first-child .detailed-status,\n .skin-mastodon-light .detailed-status__wrapper > div:first-child .detailed-status {\n border-top: none;\n }\n .theme-mastodon-light .dismissable-banner,\n .skin-modern-light .dismissable-banner,\n .skin-mastodon-light .dismissable-banner {\n border-color: #494d64;\n background: #24273a;\n }\n .theme-mastodon-light .column-header__wrapper.active,\n .skin-modern-light .column-header__wrapper.active,\n .skin-mastodon-light .column-header__wrapper.active {\n box-shadow: 0 1px 0 rgba(183, 189, 248, 0.3);\n }\n .theme-mastodon-light .column-header__wrapper.active::before,\n .skin-modern-light .column-header__wrapper.active::before,\n .skin-mastodon-light .column-header__wrapper.active::before {\n background: radial-gradient(ellipse, rgba(183, 189, 248, 0.23) 0, rgba(99, 100, 255, 0) 60%);\n }\n .theme-mastodon-light .theme-mastodon-light .account__header__bar,\n .skin-modern-light .theme-mastodon-light .account__header__bar,\n .skin-mastodon-light .theme-mastodon-light .account__header__bar,\n .theme-mastodon-light .theme-mastodon-light .column-header__back-button,\n .skin-modern-light .theme-mastodon-light .column-header__back-button,\n .skin-mastodon-light .theme-mastodon-light .column-header__back-button,\n .theme-mastodon-light .account__header__bio .account__header__fields dl,\n .skin-modern-light .account__header__bio .account__header__fields dl,\n .skin-mastodon-light .account__header__bio .account__header__fields dl,\n .theme-mastodon-light .account__header__bio .account__header__fields,\n .skin-modern-light .account__header__bio .account__header__fields,\n .skin-mastodon-light .account__header__bio .account__header__fields,\n .theme-mastodon-light .empty-column-indicator,\n .skin-modern-light .empty-column-indicator,\n .skin-mastodon-light .empty-column-indicator,\n .theme-mastodon-light .column > .scrollable,\n .skin-modern-light .column > .scrollable,\n .skin-mastodon-light .column > .scrollable,\n .theme-mastodon-light .nothing-here,\n .skin-modern-light .nothing-here,\n .skin-mastodon-light .nothing-here,\n .theme-mastodon-light .public-layout .public-account-bio,\n .skin-modern-light .public-layout .public-account-bio,\n .skin-mastodon-light .public-layout .public-account-bio,\n .theme-mastodon-light .hero-widget__text,\n .skin-modern-light .hero-widget__text,\n .skin-mastodon-light .hero-widget__text,\n .theme-mastodon-light.admin,\n .skin-modern-light.admin,\n .skin-mastodon-light.admin,\n .theme-mastodon-light .admin-wrapper .sidebar ul a.selected,\n .skin-modern-light .admin-wrapper .sidebar ul a.selected,\n .skin-mastodon-light .admin-wrapper .sidebar ul a.selected,\n .theme-mastodon-light .admin-wrapper .sidebar ul ul,\n .skin-modern-light .admin-wrapper .sidebar ul ul,\n .skin-mastodon-light .admin-wrapper .sidebar ul ul {\n border-color: #1e2030;\n background: #24273a;\n }\n .theme-mastodon-light .public-layout .public-account-header__tabs__tabs .counter::after,\n .skin-modern-light .public-layout .public-account-header__tabs__tabs .counter::after,\n .skin-mastodon-light .public-layout .public-account-header__tabs__tabs .counter::after,\n .theme-mastodon-light .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .skin-modern-light .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .skin-mastodon-light .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .theme-mastodon-light .react-toggle--checked .react-toggle-thumb,\n .skin-modern-light .react-toggle--checked .react-toggle-thumb,\n .skin-mastodon-light .react-toggle--checked .react-toggle-thumb,\n .theme-mastodon-light .radio-button__input.checked,\n .skin-modern-light .radio-button__input.checked,\n .skin-mastodon-light .radio-button__input.checked,\n .theme-mastodon-light .account__action-bar__tab.active,\n .skin-modern-light .account__action-bar__tab.active,\n .skin-mastodon-light .account__action-bar__tab.active {\n border-color: #b7bdf8;\n }\n .theme-mastodon-light .account,\n .skin-modern-light .account,\n .skin-mastodon-light .account,\n .theme-mastodon-light .load-gap,\n .skin-modern-light .load-gap,\n .skin-mastodon-light .load-gap {\n border-color: #1e2030;\n }\n .theme-mastodon-light .account__section-headline a.active::after,\n .skin-modern-light .account__section-headline a.active::after,\n .skin-mastodon-light .account__section-headline a.active::after {\n border-color: transparent transparent #24273a;\n }\n .theme-mastodon-light .account__section-headline a.active::before,\n .skin-modern-light .account__section-headline a.active::before,\n .skin-mastodon-light .account__section-headline a.active::before,\n .theme-mastodon-light .account__section-headline button.active::after,\n .skin-modern-light .account__section-headline button.active::after,\n .skin-mastodon-light .account__section-headline button.active::after,\n .theme-mastodon-light .account__section-headline button.active::before,\n .skin-modern-light .account__section-headline button.active::before,\n .skin-mastodon-light .account__section-headline button.active::before,\n .theme-mastodon-light .notification__filter-bar a.active::after,\n .skin-modern-light .notification__filter-bar a.active::after,\n .skin-mastodon-light .notification__filter-bar a.active::after,\n .theme-mastodon-light .notification__filter-bar a.active::before,\n .skin-modern-light .notification__filter-bar a.active::before,\n .skin-mastodon-light .notification__filter-bar a.active::before,\n .theme-mastodon-light .notification__filter-bar button.active::after,\n .skin-modern-light .notification__filter-bar button.active::after,\n .skin-mastodon-light .notification__filter-bar button.active::after,\n .theme-mastodon-light .notification__filter-bar button.active::before,\n .skin-modern-light .notification__filter-bar button.active::before,\n .skin-mastodon-light .notification__filter-bar button.active::before {\n border-color: transparent transparent #1e2030;\n }\n .theme-mastodon-light .search-popout,\n .skin-modern-light .search-popout,\n .skin-mastodon-light .search-popout,\n .theme-mastodon-light .drawer__header a:hover,\n .skin-modern-light .drawer__header a:hover,\n .skin-mastodon-light .drawer__header a:hover,\n .theme-mastodon-light .column-header__button:hover,\n .skin-modern-light .column-header__button:hover,\n .skin-mastodon-light .column-header__button:hover,\n .theme-mastodon-light .account__section-headline button:hover,\n .skin-modern-light .account__section-headline button:hover,\n .skin-mastodon-light .account__section-headline button:hover,\n .theme-mastodon-light .notification__filter-bar button:hover,\n .skin-modern-light .notification__filter-bar button:hover,\n .skin-mastodon-light .notification__filter-bar button:hover,\n .theme-mastodon-light .account__section-headline a:hover,\n .skin-modern-light .account__section-headline a:hover,\n .skin-mastodon-light .account__section-headline a:hover {\n background: #5b6078;\n }\n .theme-mastodon-light .column-link .active,\n .skin-modern-light .column-link .active,\n .skin-mastodon-light .column-link .active,\n .theme-mastodon-light .column-link--transparent.active,\n .skin-modern-light .column-link--transparent.active,\n .skin-mastodon-light .column-link--transparent.active,\n .theme-mastodon-light .column-link--transparent:focus,\n .skin-modern-light .column-link--transparent:focus,\n .skin-mastodon-light .column-link--transparent:focus,\n .theme-mastodon-light .column-link:focus,\n .skin-modern-light .column-link:focus,\n .skin-mastodon-light .column-link:focus {\n color: #b7bdf8;\n }\n .theme-mastodon-light .column-link--transparent:hover,\n .skin-modern-light .column-link--transparent:hover,\n .skin-mastodon-light .column-link--transparent:hover,\n .theme-mastodon-light .column-link:hover,\n .skin-modern-light .column-link:hover,\n .skin-mastodon-light .column-link:hover {\n color: #b7bdf8;\n }\n .theme-mastodon-light .status.collapsed .status__content:after,\n .skin-modern-light .status.collapsed .status__content:after,\n .skin-mastodon-light .status.collapsed .status__content:after {\n background: linear-gradient(rgba(36, 39, 58, 0), #24273a);\n }\n .theme-mastodon-light .button.button-tertiary:focus,\n .skin-modern-light .button.button-tertiary:focus,\n .skin-mastodon-light .button.button-tertiary:focus,\n .theme-mastodon-light .button.button-tertiary:hover,\n .skin-modern-light .button.button-tertiary:hover,\n .skin-mastodon-light .button.button-tertiary:hover,\n .theme-mastodon-light .button.button-tertiary:active,\n .skin-modern-light .button.button-tertiary:active,\n .skin-mastodon-light .button.button-tertiary:active {\n color: #24273a;\n }\n .theme-mastodon-light .button.button-tertiary,\n .skin-modern-light .button.button-tertiary,\n .skin-mastodon-light .button.button-tertiary {\n border-color: #b7bdf8;\n }\n .theme-mastodon-light .button,\n .skin-modern-light .button,\n .skin-mastodon-light .button,\n .theme-mastodon-light .button.button-tertiary,\n .skin-modern-light .button.button-tertiary,\n .skin-mastodon-light .button.button-tertiary,\n .theme-mastodon-light .button.logo-button,\n .skin-modern-light .button.logo-button,\n .skin-mastodon-light .button.logo-button,\n .theme-mastodon-light .icon-with-badge__badge,\n .skin-modern-light .icon-with-badge__badge,\n .skin-mastodon-light .icon-with-badge__badge {\n background: #b7bdf8;\n color: #24273a;\n }\n .theme-mastodon-light .button.logo-button svg,\n .skin-modern-light .button.logo-button svg,\n .skin-mastodon-light .button.logo-button svg {\n fill: currentColor;\n }\n .theme-mastodon-light .public-layout .header .nav-button,\n .skin-modern-light .public-layout .header .nav-button,\n .skin-mastodon-light .public-layout .header .nav-button {\n background-color: #494d64;\n }\n .theme-mastodon-light .public-layout .header .nav-button:hover,\n .skin-modern-light .public-layout .header .nav-button:hover,\n .skin-mastodon-light .public-layout .header .nav-button:hover {\n background-color: #5b6078;\n }\n .theme-mastodon-light .button.button-secondary,\n .skin-modern-light .button.button-secondary,\n .skin-mastodon-light .button.button-secondary {\n background-color: transparent;\n color: #cad3f5;\n border-color: #b7bdf8;\n }\n .theme-mastodon-light .button.button-secondary:active,\n .skin-modern-light .button.button-secondary:active,\n .skin-mastodon-light .button.button-secondary:active,\n .theme-mastodon-light .button.button-secondary:focus,\n .skin-modern-light .button.button-secondary:focus,\n .skin-mastodon-light .button.button-secondary:focus,\n .theme-mastodon-light .button.button-secondary:hover,\n .skin-modern-light .button.button-secondary:hover,\n .skin-mastodon-light .button.button-secondary:hover {\n border-color: #b7bdf8;\n color: #24273a;\n transition: 0.2s;\n }\n .theme-mastodon-light .button:active,\n .skin-modern-light .button:active,\n .skin-mastodon-light .button:active,\n .theme-mastodon-light .button:focus,\n .skin-modern-light .button:focus,\n .skin-mastodon-light .button:focus,\n .theme-mastodon-light .button:hover,\n .skin-modern-light .button:hover,\n .skin-mastodon-light .button:hover,\n .theme-mastodon-light .button.button-tertiary:active,\n .skin-modern-light .button.button-tertiary:active,\n .skin-mastodon-light .button.button-tertiary:active,\n .theme-mastodon-light .button.button-tertiary:focus,\n .skin-modern-light .button.button-tertiary:focus,\n .skin-mastodon-light .button.button-tertiary:focus,\n .theme-mastodon-light .button.button-tertiary:hover,\n .skin-modern-light .button.button-tertiary:hover,\n .skin-mastodon-light .button.button-tertiary:hover,\n .theme-mastodon-light .button.logo-button:active,\n .skin-modern-light .button.logo-button:active,\n .skin-mastodon-light .button.logo-button:active,\n .theme-mastodon-light .button.logo-button:focus,\n .skin-modern-light .button.logo-button:focus,\n .skin-mastodon-light .button.logo-button:focus,\n .theme-mastodon-light .button.logo-button:hover,\n .skin-modern-light .button.logo-button:hover,\n .skin-mastodon-light .button.logo-button:hover {\n background: #b7bdf8;\n }\n .theme-mastodon-light .drawer__inner,\n .skin-modern-light .drawer__inner,\n .skin-mastodon-light .drawer__inner,\n .theme-mastodon-light .drawer__inner__mastodon,\n .skin-modern-light .drawer__inner__mastodon,\n .skin-mastodon-light .drawer__inner__mastodon,\n .theme-mastodon-light .explore__search-header .search__input,\n .skin-modern-light .explore__search-header .search__input,\n .skin-mastodon-light .explore__search-header .search__input {\n background-color: #24273a;\n }\n .theme-mastodon-light .compose-form .compose-form__modifiers,\n .skin-modern-light .compose-form .compose-form__modifiers,\n .skin-mastodon-light .compose-form .compose-form__modifiers,\n .theme-mastodon-light .compose-form .autosuggest-textarea__textarea,\n .skin-modern-light .compose-form .autosuggest-textarea__textarea,\n .skin-mastodon-light .compose-form .autosuggest-textarea__textarea,\n .theme-mastodon-light .compose-form .compose-form__autosuggest-wrapper,\n .skin-modern-light .compose-form .compose-form__autosuggest-wrapper,\n .skin-mastodon-light .compose-form .compose-form__autosuggest-wrapper,\n .theme-mastodon-light .compose-form .spoiler-input__input,\n .skin-modern-light .compose-form .spoiler-input__input,\n .skin-mastodon-light .compose-form .spoiler-input__input {\n background: #494d64 !important;\n color: #cad3f5 !important;\n }\n .theme-mastodon-light .compose-form .autosuggest-textarea__textarea::placeholder,\n .skin-modern-light .compose-form .autosuggest-textarea__textarea::placeholder,\n .skin-mastodon-light .compose-form .autosuggest-textarea__textarea::placeholder {\n color: #a5adcb !important;\n }\n .theme-mastodon-light .compose-form .compose-form__buttons-wrapper,\n .skin-modern-light .compose-form .compose-form__buttons-wrapper,\n .skin-mastodon-light .compose-form .compose-form__buttons-wrapper {\n background: #363a4f;\n }\n .theme-mastodon-light .load-more:hover,\n .skin-modern-light .load-more:hover,\n .skin-mastodon-light .load-more:hover {\n background-color: #1e2030;\n }\n .theme-mastodon-light .character-counter,\n .skin-modern-light .character-counter,\n .skin-mastodon-light .character-counter {\n color: #a5adcb;\n }\n .theme-mastodon-light .public-layout .header,\n .skin-modern-light .public-layout .header,\n .skin-mastodon-light .public-layout .header,\n .theme-mastodon-light .hero-widget,\n .skin-modern-light .hero-widget,\n .skin-mastodon-light .hero-widget,\n .theme-mastodon-light .public-layout .public-account-header,\n .skin-modern-light .public-layout .public-account-header,\n .skin-mastodon-light .public-layout .public-account-header,\n .theme-mastodon-light .public-layout .public-account-bio,\n .skin-modern-light .public-layout .public-account-bio,\n .skin-mastodon-light .public-layout .public-account-bio,\n .theme-mastodon-light .nothing-here,\n .skin-modern-light .nothing-here,\n .skin-mastodon-light .nothing-here {\n box-shadow: none;\n }\n .theme-mastodon-light .search__popout,\n .skin-modern-light .search__popout,\n .skin-mastodon-light .search__popout,\n .theme-mastodon-light .dropdown-menu__arrow:before,\n .skin-modern-light .dropdown-menu__arrow:before,\n .skin-mastodon-light .dropdown-menu__arrow:before,\n .theme-mastodon-light .dropdown-menu__item a,\n .skin-modern-light .dropdown-menu__item a,\n .skin-mastodon-light .dropdown-menu__item a,\n .theme-mastodon-light .dropdown-menu__item button,\n .skin-modern-light .dropdown-menu__item button,\n .skin-mastodon-light .dropdown-menu__item button,\n .theme-mastodon-light .dropdown-menu__container__list,\n .skin-modern-light .dropdown-menu__container__list,\n .skin-mastodon-light .dropdown-menu__container__list,\n .theme-mastodon-light .dropdown-menu.bottom,\n .skin-modern-light .dropdown-menu.bottom,\n .skin-mastodon-light .dropdown-menu.bottom {\n background: #363a4f;\n color: #cad3f5;\n }\n .theme-mastodon-light .dropdown-menu__item a:hover,\n .skin-modern-light .dropdown-menu__item a:hover,\n .skin-mastodon-light .dropdown-menu__item a:hover,\n .theme-mastodon-light .dropdown-menu__item button:hover,\n .skin-modern-light .dropdown-menu__item button:hover,\n .skin-mastodon-light .dropdown-menu__item button:hover {\n background: #494d64;\n }\n .theme-mastodon-light .input-copy,\n .skin-modern-light .input-copy,\n .skin-mastodon-light .input-copy,\n .theme-mastodon-light .simple_form input[type=\"text\"],\n .skin-modern-light .simple_form input[type=\"text\"],\n .skin-mastodon-light .simple_form input[type=\"text\"],\n .theme-mastodon-light .simple_form textarea,\n .skin-modern-light .simple_form textarea,\n .skin-mastodon-light .simple_form textarea,\n .theme-mastodon-light .simple_form .block-button,\n .skin-modern-light .simple_form .block-button,\n .skin-mastodon-light .simple_form .block-button,\n .theme-mastodon-light .simple_form .button,\n .skin-modern-light .simple_form .button,\n .skin-mastodon-light .simple_form .button,\n .theme-mastodon-light .simple_form button,\n .skin-modern-light .simple_form button,\n .skin-mastodon-light .simple_form button {\n background: #1e2030;\n color: #cad3f5;\n }\n .theme-mastodon-light .simple_form .block-button:hover,\n .skin-modern-light .simple_form .block-button:hover,\n .skin-mastodon-light .simple_form .block-button:hover,\n .theme-mastodon-light .simple_form .button:hover,\n .skin-modern-light .simple_form .button:hover,\n .skin-mastodon-light .simple_form .button:hover,\n .theme-mastodon-light .simple_form button:hover,\n .skin-modern-light .simple_form button:hover,\n .skin-mastodon-light .simple_form button:hover {\n background: #363a4f;\n }\n .theme-mastodon-light .simple_form .input.with_label .label_input > label,\n .skin-modern-light .simple_form .input.with_label .label_input > label,\n .skin-mastodon-light .simple_form .input.with_label .label_input > label,\n .theme-mastodon-light .simple_form select,\n .skin-modern-light .simple_form select,\n .skin-mastodon-light .simple_form select,\n .theme-mastodon-light .accounts-table__count,\n .skin-modern-light .accounts-table__count,\n .skin-mastodon-light .accounts-table__count,\n .theme-mastodon-light .simple_form textarea,\n .skin-modern-light .simple_form textarea,\n .skin-mastodon-light .simple_form textarea {\n color: #cad3f5;\n }\n .theme-mastodon-light .simple_form textarea,\n .skin-modern-light .simple_form textarea,\n .skin-mastodon-light .simple_form textarea,\n .theme-mastodon-light .simple_form input[type=\"password\"],\n .skin-modern-light .simple_form input[type=\"password\"],\n .skin-mastodon-light .simple_form input[type=\"password\"],\n .theme-mastodon-light .simple_form input[type=\"number\"],\n .skin-modern-light .simple_form input[type=\"number\"],\n .skin-mastodon-light .simple_form input[type=\"number\"],\n .theme-mastodon-light .simple_form input[type=\"text\"],\n .skin-modern-light .simple_form input[type=\"text\"],\n .skin-mastodon-light .simple_form input[type=\"text\"] {\n border: 1px solid #181926;\n }\n .theme-mastodon-light .simple_form input[type=\"email\"]:required:valid,\n .skin-modern-light .simple_form input[type=\"email\"]:required:valid,\n .skin-mastodon-light .simple_form input[type=\"email\"]:required:valid {\n border: 1px solid #a6da95;\n }\n .theme-mastodon-light .simple_form input[type=\"password\"],\n .skin-modern-light .simple_form input[type=\"password\"],\n .skin-mastodon-light .simple_form input[type=\"password\"],\n .theme-mastodon-light .simple_form input[type=\"number\"],\n .skin-modern-light .simple_form input[type=\"number\"],\n .skin-mastodon-light .simple_form input[type=\"number\"],\n .theme-mastodon-light .simple_form input[type=\"email\"]:required:valid,\n .skin-modern-light .simple_form input[type=\"email\"]:required:valid,\n .skin-mastodon-light .simple_form input[type=\"email\"]:required:valid,\n .theme-mastodon-light .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-modern-light .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-mastodon-light .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n color: #cad3f5;\n background: #1e2030;\n }\n .theme-mastodon-light .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-modern-light .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-mastodon-light .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n border: 1px solid #ed8796;\n }\n .theme-mastodon-light .simple_form select,\n .skin-modern-light .simple_form select,\n .skin-mastodon-light .simple_form select {\n background: #1e2030 url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2342485A'/></svg>\") no-repeat right 8px center / auto 16px;\n border: 1px solid #181926;\n }\n .theme-mastodon-light .simple_form input[type=\"datetime-local\"]:active,\n .skin-modern-light .simple_form input[type=\"datetime-local\"]:active,\n .skin-mastodon-light .simple_form input[type=\"datetime-local\"]:active,\n .theme-mastodon-light .simple_form input[type=\"datetime-local\"]:focus,\n .skin-modern-light .simple_form input[type=\"datetime-local\"]:focus,\n .skin-mastodon-light .simple_form input[type=\"datetime-local\"]:focus,\n .theme-mastodon-light .simple_form input[type=\"email\"]:active,\n .skin-modern-light .simple_form input[type=\"email\"]:active,\n .skin-mastodon-light .simple_form input[type=\"email\"]:active,\n .theme-mastodon-light .simple_form input[type=\"email\"]:focus,\n .skin-modern-light .simple_form input[type=\"email\"]:focus,\n .skin-mastodon-light .simple_form input[type=\"email\"]:focus,\n .theme-mastodon-light .simple_form input[type=\"number\"]:active,\n .skin-modern-light .simple_form input[type=\"number\"]:active,\n .skin-mastodon-light .simple_form input[type=\"number\"]:active,\n .theme-mastodon-light .simple_form input[type=\"number\"]:focus,\n .skin-modern-light .simple_form input[type=\"number\"]:focus,\n .skin-mastodon-light .simple_form input[type=\"number\"]:focus,\n .theme-mastodon-light .simple_form input[type=\"password\"]:active,\n .skin-modern-light .simple_form input[type=\"password\"]:active,\n .skin-mastodon-light .simple_form input[type=\"password\"]:active,\n .theme-mastodon-light .simple_form input[type=\"password\"]:focus,\n .skin-modern-light .simple_form input[type=\"password\"]:focus,\n .skin-mastodon-light .simple_form input[type=\"password\"]:focus,\n .theme-mastodon-light .simple_form input[type=\"text\"]:active,\n .skin-modern-light .simple_form input[type=\"text\"]:active,\n .skin-mastodon-light .simple_form input[type=\"text\"]:active,\n .theme-mastodon-light .simple_form input[type=\"text\"]:focus,\n .skin-modern-light .simple_form input[type=\"text\"]:focus,\n .skin-mastodon-light .simple_form input[type=\"text\"]:focus,\n .theme-mastodon-light .simple_form input[type=\"url\"]:active,\n .skin-modern-light .simple_form input[type=\"url\"]:active,\n .skin-mastodon-light .simple_form input[type=\"url\"]:active,\n .theme-mastodon-light .simple_form input[type=\"url\"]:focus,\n .skin-modern-light .simple_form input[type=\"url\"]:focus,\n .skin-mastodon-light .simple_form input[type=\"url\"]:focus,\n .theme-mastodon-light .simple_form textarea:active,\n .skin-modern-light .simple_form textarea:active,\n .skin-mastodon-light .simple_form textarea:active,\n .theme-mastodon-light .simple_form textarea:focus,\n .skin-modern-light .simple_form textarea:focus,\n .skin-mastodon-light .simple_form textarea:focus {\n border-color: #b7bdf8 !important;\n background: #1e2030 !important;\n color: #cad3f5 !important;\n }\n .theme-mastodon-light .table > thead > tr > th,\n .skin-modern-light .table > thead > tr > th,\n .skin-mastodon-light .table > thead > tr > th,\n .theme-mastodon-light .setting-text:active,\n .skin-modern-light .setting-text:active,\n .skin-mastodon-light .setting-text:active,\n .theme-mastodon-light .setting-text:focus,\n .skin-modern-light .setting-text:focus,\n .skin-mastodon-light .setting-text:focus {\n border-color: #b7bdf8 !important;\n }\n .theme-mastodon-light .batch-table__toolbar,\n .skin-modern-light .batch-table__toolbar,\n .skin-mastodon-light .batch-table__toolbar,\n .theme-mastodon-light .table > thead > tr > th,\n .skin-modern-light .table > thead > tr > th,\n .skin-mastodon-light .table > thead > tr > th {\n background: #363a4f !important;\n color: #cad3f5 !important;\n }\n .theme-mastodon-light .simple_form input[type=\"datetime-local\"]:hover,\n .skin-modern-light .simple_form input[type=\"datetime-local\"]:hover,\n .skin-mastodon-light .simple_form input[type=\"datetime-local\"]:hover,\n .theme-mastodon-light .simple_form input[type=\"email\"]:hover,\n .skin-modern-light .simple_form input[type=\"email\"]:hover,\n .skin-mastodon-light .simple_form input[type=\"email\"]:hover,\n .theme-mastodon-light .simple_form input[type=\"number\"]:hover,\n .skin-modern-light .simple_form input[type=\"number\"]:hover,\n .skin-mastodon-light .simple_form input[type=\"number\"]:hover,\n .theme-mastodon-light .simple_form input[type=\"password\"]:hover,\n .skin-modern-light .simple_form input[type=\"password\"]:hover,\n .skin-mastodon-light .simple_form input[type=\"password\"]:hover,\n .theme-mastodon-light .simple_form input[type=\"text\"]:hover,\n .skin-modern-light .simple_form input[type=\"text\"]:hover,\n .skin-mastodon-light .simple_form input[type=\"text\"]:hover,\n .theme-mastodon-light .simple_form input[type=\"url\"]:hover,\n .skin-modern-light .simple_form input[type=\"url\"]:hover,\n .skin-mastodon-light .simple_form input[type=\"url\"]:hover,\n .theme-mastodon-light .simple_form textarea:hover,\n .skin-modern-light .simple_form textarea:hover,\n .skin-mastodon-light .simple_form textarea:hover {\n background: #1e2030 !important;\n border-color: #b7bdf8 !important;\n transition: 0.4s;\n }\n .theme-mastodon-light .batch-table__row,\n .skin-modern-light .batch-table__row,\n .skin-mastodon-light .batch-table__row {\n background: #494d64;\n }\n .theme-mastodon-light .batch-table__row:hover,\n .skin-modern-light .batch-table__row:hover,\n .skin-mastodon-light .batch-table__row:hover,\n .theme-mastodon-light .batch-table__row:nth-child(2n):hover,\n .skin-modern-light .batch-table__row:nth-child(2n):hover,\n .skin-mastodon-light .batch-table__row:nth-child(2n):hover {\n background: #5b6078;\n }\n .theme-mastodon-light .batch-table__row:nth-child(2n),\n .skin-modern-light .batch-table__row:nth-child(2n),\n .skin-mastodon-light .batch-table__row:nth-child(2n),\n .theme-mastodon-light .table > tbody > tr > td,\n .skin-modern-light .table > tbody > tr > td,\n .skin-mastodon-light .table > tbody > tr > td {\n background: #363a4f;\n }\n .theme-mastodon-light .table > thead > tr > th,\n .skin-modern-light .table > thead > tr > th,\n .skin-mastodon-light .table > thead > tr > th {\n border-bottom: 2px solid #363a4f;\n }\n .theme-mastodon-light .positive-hint,\n .skin-modern-light .positive-hint,\n .skin-mastodon-light .positive-hint {\n color: #a6da95 !important;\n }\n .theme-mastodon-light .card__bar,\n .skin-modern-light .card__bar,\n .skin-mastodon-light .card__bar {\n background: #363a4f;\n }\n .theme-contrast,\n .skin-modern-dark,\n .skin-contrast,\n .theme-contrast .tabs-bar__wrapper,\n .skin-modern-dark .tabs-bar__wrapper,\n .skin-contrast .tabs-bar__wrapper,\n .theme-contrast .admin-wrapper .sidebar-wrapper__inner,\n .skin-modern-dark .admin-wrapper .sidebar-wrapper__inner,\n .skin-contrast .admin-wrapper .sidebar-wrapper__inner,\n .theme-contrast .ui__header,\n .skin-modern-dark .ui__header,\n .skin-contrast .ui__header {\n background: #181926;\n color: #cad3f5;\n }\n .theme-contrast .ui__header,\n .skin-modern-dark .ui__header,\n .skin-contrast .ui__header {\n border-bottom: none;\n }\n .theme-contrast .navigation-panel,\n .skin-modern-dark .navigation-panel,\n .skin-contrast .navigation-panel,\n .theme-contrast .column-link,\n .skin-modern-dark .column-link,\n .skin-contrast .column-link {\n background: transparent;\n }\n .theme-contrast .account__header__bio .account__header__fields dt,\n .skin-modern-dark .account__header__bio .account__header__fields dt,\n .skin-contrast .account__header__bio .account__header__fields dt {\n background: transparent;\n }\n .theme-contrast .search-popout,\n .skin-modern-dark .search-popout,\n .skin-contrast .search-popout,\n .theme-contrast .search-popout em,\n .skin-modern-dark .search-popout em,\n .skin-contrast .search-popout em,\n .theme-contrast .dismissable-banner__message,\n .skin-modern-dark .dismissable-banner__message,\n .skin-contrast .dismissable-banner__message,\n .theme-contrast .dismissable-banner__message h1,\n .skin-modern-dark .dismissable-banner__message h1,\n .skin-contrast .dismissable-banner__message h1,\n .theme-contrast .account__header__bio .account__header__fields dt,\n .skin-modern-dark .account__header__bio .account__header__fields dt,\n .skin-contrast .account__header__bio .account__header__fields dt,\n .theme-contrast .account__section-headline a.active,\n .skin-modern-dark .account__section-headline a.active,\n .skin-contrast .account__section-headline a.active,\n .theme-contrast .account__section-headline button.active,\n .skin-modern-dark .account__section-headline button.active,\n .skin-contrast .account__section-headline button.active,\n .theme-contrast .notification__filter-bar a.active,\n .skin-modern-dark .notification__filter-bar a.active,\n .skin-contrast .notification__filter-bar a.active,\n .theme-contrast .notification__filter-bar button.active,\n .skin-modern-dark .notification__filter-bar button.active,\n .skin-contrast .notification__filter-bar button.active,\n .theme-contrast .account__header__bio .account__header__content,\n .skin-modern-dark .account__header__bio .account__header__content,\n .skin-contrast .account__header__bio .account__header__content,\n .theme-contrast .navigation-bar,\n .skin-modern-dark .navigation-bar,\n .skin-contrast .navigation-bar,\n .theme-contrast .column-link__badge,\n .skin-modern-dark .column-link__badge,\n .skin-contrast .column-link__badge,\n .theme-contrast .column-subheading,\n .skin-modern-dark .column-subheading,\n .skin-contrast .column-subheading,\n .theme-contrast .account__display-name strong,\n .skin-modern-dark .account__display-name strong,\n .skin-contrast .account__display-name strong,\n .theme-contrast .status__display-name strong,\n .skin-modern-dark .status__display-name strong,\n .skin-contrast .status__display-name strong,\n .theme-contrast .notification__message,\n .skin-modern-dark .notification__message,\n .skin-contrast .notification__message,\n .theme-contrast .public-layout .public-account-bio .account__header__content,\n .skin-modern-dark .public-layout .public-account-bio .account__header__content,\n .skin-contrast .public-layout .public-account-bio .account__header__content,\n .theme-contrast .reply-indicator__content,\n .skin-modern-dark .reply-indicator__content,\n .skin-contrast .reply-indicator__content,\n .theme-contrast .status__content,\n .skin-modern-dark .status__content,\n .skin-contrast .status__content,\n .theme-contrast .card__bar .display-name strong,\n .skin-modern-dark .card__bar .display-name strong,\n .skin-contrast .card__bar .display-name strong {\n color: #cad3f5;\n }\n .theme-contrast .search-popout span,\n .skin-modern-dark .search-popout span,\n .skin-contrast .search-popout span,\n .theme-contrast .link-footer p,\n .skin-modern-dark .link-footer p,\n .skin-contrast .link-footer p,\n .theme-contrast .link-footer p a,\n .skin-modern-dark .link-footer p a,\n .skin-contrast .link-footer p a {\n color: #b8c0e0;\n }\n .theme-contrast .account__header__tabs__name h1 small,\n .skin-modern-dark .account__header__tabs__name h1 small,\n .skin-contrast .account__header__tabs__name h1 small,\n .theme-contrast .account__header__bio .account__header__fields dd,\n .skin-modern-dark .account__header__bio .account__header__fields dd,\n .skin-contrast .account__header__bio .account__header__fields dd,\n .theme-contrast .display-name__account,\n .skin-modern-dark .display-name__account,\n .skin-contrast .display-name__account,\n .theme-contrast .status__relative-time,\n .skin-modern-dark .status__relative-time,\n .skin-contrast .status__relative-time,\n .theme-contrast .empty-column-indicator,\n .skin-modern-dark .empty-column-indicator,\n .skin-contrast .empty-column-indicator,\n .theme-contrast .follow_requests-unlocked_explanation,\n .skin-modern-dark .follow_requests-unlocked_explanation,\n .skin-contrast .follow_requests-unlocked_explanation,\n .theme-contrast .account .account__display-name,\n .skin-modern-dark .account .account__display-name,\n .skin-contrast .account .account__display-name,\n .theme-contrast .label_input .search__input,\n .skin-modern-dark .label_input .search__input,\n .skin-contrast .label_input .search__input,\n .theme-contrast .search__input:focus,\n .skin-modern-dark .search__input:focus,\n .skin-contrast .search__input:focus,\n .theme-contrast .account__header__fields dt,\n .skin-modern-dark .account__header__fields dt,\n .skin-contrast .account__header__fields dt {\n color: #a5adcb;\n }\n .theme-contrast .compose-panel hr,\n .skin-modern-dark .compose-panel hr,\n .skin-contrast .compose-panel hr,\n .theme-contrast .navigation-panel hr,\n .skin-modern-dark .navigation-panel hr,\n .skin-contrast .navigation-panel hr {\n border-top-color: #a5adcb;\n }\n .theme-contrast .trends__item,\n .skin-modern-dark .trends__item,\n .skin-contrast .trends__item,\n .theme-contrast .status,\n .skin-modern-dark .status,\n .skin-contrast .status,\n .theme-contrast .getting-started__trends h4,\n .skin-modern-dark .getting-started__trends h4,\n .skin-contrast .getting-started__trends h4,\n .theme-contrast .trends__item__name span,\n .skin-modern-dark .trends__item__name span,\n .skin-contrast .trends__item__name span,\n .theme-contrast .story,\n .skin-modern-dark .story,\n .skin-contrast .story {\n border-color: #363a4f;\n }\n .theme-contrast .mention,\n .skin-modern-dark .mention,\n .skin-contrast .mention,\n .theme-contrast .account__header__tabs__name h1,\n .skin-modern-dark .account__header__tabs__name h1,\n .skin-contrast .account__header__tabs__name h1,\n .theme-contrast .account__header__content a,\n .skin-modern-dark .account__header__content a,\n .skin-contrast .account__header__content a,\n .theme-contrast .account__header__bio .account__header__fields a,\n .skin-modern-dark .account__header__bio .account__header__fields a,\n .skin-contrast .account__header__bio .account__header__fields a,\n .theme-contrast .empty-column-indicator a,\n .skin-modern-dark .empty-column-indicator a,\n .skin-contrast .empty-column-indicator a,\n .theme-contrast .follow_requests-unlocked_explanation a,\n .skin-modern-dark .follow_requests-unlocked_explanation a,\n .skin-contrast .follow_requests-unlocked_explanation a,\n .theme-contrast .column-back-button,\n .skin-modern-dark .column-back-button,\n .skin-contrast .column-back-button,\n .theme-contrast .icon-button.inverted,\n .skin-modern-dark .icon-button.inverted,\n .skin-contrast .icon-button.inverted,\n .theme-contrast .text-icon-button,\n .skin-modern-dark .text-icon-button,\n .skin-contrast .text-icon-button,\n .theme-contrast .icon-button.active,\n .skin-modern-dark .icon-button.active,\n .skin-contrast .icon-button.active,\n .theme-contrast .public-layout .public-account-bio .account__header__fields a,\n .skin-modern-dark .public-layout .public-account-bio .account__header__fields a,\n .skin-contrast .public-layout .public-account-bio .account__header__fields a,\n .theme-contrast .column-header__back-button,\n .skin-modern-dark .column-header__back-button,\n .skin-contrast .column-header__back-button,\n .theme-contrast .navigation-bar strong,\n .skin-modern-dark .navigation-bar strong,\n .skin-contrast .navigation-bar strong,\n .theme-contrast .reply-indicator__content a.unhandled-link,\n .skin-modern-dark .reply-indicator__content a.unhandled-link,\n .skin-contrast .reply-indicator__content a.unhandled-link,\n .theme-contrast .status__content a.unhandled-link,\n .skin-modern-dark .status__content a.unhandled-link,\n .skin-contrast .status__content a.unhandled-link,\n .theme-contrast .announcements__item__content a.unhandled-link,\n .skin-modern-dark .announcements__item__content a.unhandled-link,\n .skin-contrast .announcements__item__content a.unhandled-link,\n .theme-contrast .reactions-bar__item.active .reactions-bar__item__count,\n .skin-modern-dark .reactions-bar__item.active .reactions-bar__item__count,\n .skin-contrast .reactions-bar__item.active .reactions-bar__item__count,\n .theme-contrast .column-header.active .column-header__icon,\n .skin-modern-dark .column-header.active .column-header__icon,\n .skin-contrast .column-header.active .column-header__icon {\n color: #b7bdf8;\n }\n .theme-contrast .conversation__unread,\n .skin-modern-dark .conversation__unread,\n .skin-contrast .conversation__unread,\n .theme-contrast .react-toggle--checked .react-toggle-track,\n .skin-modern-dark .react-toggle--checked .react-toggle-track,\n .skin-contrast .react-toggle--checked .react-toggle-track,\n .theme-contrast .react-toggle--checked:hover .react-toggle-track,\n .skin-modern-dark .react-toggle--checked:hover .react-toggle-track,\n .skin-contrast .react-toggle--checked:hover .react-toggle-track,\n .theme-contrast .pillbar-button:not([disabled]).active,\n .skin-modern-dark .pillbar-button:not([disabled]).active,\n .skin-contrast .pillbar-button:not([disabled]).active,\n .theme-contrast .pillbar-button:not([disabled]).active:focus,\n .skin-modern-dark .pillbar-button:not([disabled]).active:focus,\n .skin-contrast .pillbar-button:not([disabled]).active:focus,\n .theme-contrast .pillbar-button:not([disabled]).active:hover,\n .skin-modern-dark .pillbar-button:not([disabled]).active:hover,\n .skin-contrast .pillbar-button:not([disabled]).active:hover,\n .theme-contrast .radio-button__input.checked,\n .skin-modern-dark .radio-button__input.checked,\n .skin-contrast .radio-button__input.checked {\n background-color: #b7bdf8;\n }\n .theme-contrast .reactions-bar__item.active,\n .skin-modern-dark .reactions-bar__item.active,\n .skin-contrast .reactions-bar__item.active {\n background-color: rgba(183, 189, 248, 0.25);\n }\n .theme-contrast .trends__item__sparkline path:last-child,\n .skin-modern-dark .trends__item__sparkline path:last-child,\n .skin-contrast .trends__item__sparkline path:last-child {\n stroke: #b7bdf8 !important;\n }\n .theme-contrast .trends__item__sparkline path:first-child,\n .skin-modern-dark .trends__item__sparkline path:first-child,\n .skin-contrast .trends__item__sparkline path:first-child {\n fill: rgba(183, 189, 248, 0.25) !important;\n }\n .theme-contrast .icon-button,\n .skin-modern-dark .icon-button,\n .skin-contrast .icon-button,\n .theme-contrast .notification__message .fa,\n .skin-modern-dark .notification__message .fa,\n .skin-contrast .notification__message .fa {\n color: #5b6078;\n }\n .theme-contrast .icon-button:active,\n .skin-modern-dark .icon-button:active,\n .skin-contrast .icon-button:active,\n .theme-contrast .icon-button:focus,\n .skin-modern-dark .icon-button:focus,\n .skin-contrast .icon-button:focus,\n .theme-contrast .icon-button:hover,\n .skin-modern-dark .icon-button:hover,\n .skin-contrast .icon-button:hover,\n .theme-contrast .text-icon-button:active,\n .skin-modern-dark .text-icon-button:active,\n .skin-contrast .text-icon-button:active,\n .theme-contrast .text-icon-button:focus,\n .skin-modern-dark .text-icon-button:focus,\n .skin-contrast .text-icon-button:focus,\n .theme-contrast .text-icon-button:hover,\n .skin-modern-dark .text-icon-button:hover,\n .skin-contrast .text-icon-button:hover,\n .theme-contrast .icon-button.inverted:active,\n .skin-modern-dark .icon-button.inverted:active,\n .skin-contrast .icon-button.inverted:active,\n .theme-contrast .icon-button.inverted:focus,\n .skin-modern-dark .icon-button.inverted:focus,\n .skin-contrast .icon-button.inverted:focus,\n .theme-contrast .icon-button.inverted:hover,\n .skin-modern-dark .icon-button.inverted:hover,\n .skin-contrast .icon-button.inverted:hover,\n .theme-contrast .public-layout .public-account-bio .account__header__fields a:hover,\n .skin-modern-dark .public-layout .public-account-bio .account__header__fields a:hover,\n .skin-contrast .public-layout .public-account-bio .account__header__fields a:hover {\n color: #b7bdf8;\n }\n .theme-contrast .column-header,\n .skin-modern-dark .column-header,\n .skin-contrast .column-header,\n .theme-contrast .column-header__button,\n .skin-modern-dark .column-header__button,\n .skin-contrast .column-header__button,\n .theme-contrast .column-header__back-button,\n .skin-modern-dark .column-header__back-button,\n .skin-contrast .column-header__back-button,\n .theme-contrast .column-back-button,\n .skin-modern-dark .column-back-button,\n .skin-contrast .column-back-button,\n .theme-contrast .drawer__header,\n .skin-modern-dark .drawer__header,\n .skin-contrast .drawer__header,\n .theme-contrast .notification__filter-bar,\n .skin-modern-dark .notification__filter-bar,\n .skin-contrast .notification__filter-bar,\n .theme-contrast .account__section-headline button,\n .skin-modern-dark .account__section-headline button,\n .skin-contrast .account__section-headline button,\n .theme-contrast .notification__filter-bar button,\n .skin-modern-dark .notification__filter-bar button,\n .skin-contrast .notification__filter-bar button,\n .theme-contrast .account__header,\n .skin-modern-dark .account__header,\n .skin-contrast .account__header,\n .theme-contrast .search__input,\n .skin-modern-dark .search__input,\n .skin-contrast .search__input,\n .theme-contrast .search__input:focus,\n .skin-modern-dark .search__input:focus,\n .skin-contrast .search__input:focus,\n .theme-contrast .column-link__badge,\n .skin-modern-dark .column-link__badge,\n .skin-contrast .column-link__badge,\n .theme-contrast .column-subheading,\n .skin-modern-dark .column-subheading,\n .skin-contrast .column-subheading,\n .theme-contrast .public-layout .header,\n .skin-modern-dark .public-layout .header,\n .skin-contrast .public-layout .header,\n .theme-contrast .public-layout .public-account-header__bar::before,\n .skin-modern-dark .public-layout .public-account-header__bar::before,\n .skin-contrast .public-layout .public-account-header__bar::before,\n .theme-contrast .account__header__fields,\n .skin-modern-dark .account__header__fields,\n .skin-contrast .account__header__fields,\n .theme-contrast .account__header__fields dt,\n .skin-modern-dark .account__header__fields dt,\n .skin-contrast .account__header__fields dt,\n .theme-contrast .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .skin-modern-dark .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .skin-contrast .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .theme-contrast .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .skin-modern-dark .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .skin-contrast .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .theme-contrast .explore__search-header,\n .skin-modern-dark .explore__search-header,\n .skin-contrast .explore__search-header,\n .theme-contrast .column-inline-form,\n .skin-modern-dark .column-inline-form,\n .skin-contrast .column-inline-form,\n .theme-contrast .follow_requests-unlocked_explanation,\n .skin-modern-dark .follow_requests-unlocked_explanation,\n .skin-contrast .follow_requests-unlocked_explanation,\n .theme-contrast .conversation--unread,\n .skin-modern-dark .conversation--unread,\n .skin-contrast .conversation--unread,\n .theme-contrast .column-header__collapsible-inner,\n .skin-modern-dark .column-header__collapsible-inner,\n .skin-contrast .column-header__collapsible-inner,\n .theme-contrast .announcements,\n .skin-modern-dark .announcements,\n .skin-contrast .announcements,\n .theme-contrast .status-card__image,\n .skin-modern-dark .status-card__image,\n .skin-contrast .status-card__image {\n border-color: #181926;\n background: #363a4f;\n }\n .theme-contrast .account__section-headline,\n .skin-modern-dark .account__section-headline,\n .skin-contrast .account__section-headline {\n background: #1e2030;\n border-color: #181926;\n }\n .theme-contrast .focusable:focus,\n .skin-modern-dark .focusable:focus,\n .skin-contrast .focusable:focus {\n background: unset;\n }\n .theme-contrast .admin-wrapper .sidebar ul a:hover,\n .skin-modern-dark .admin-wrapper .sidebar ul a:hover,\n .skin-contrast .admin-wrapper .sidebar ul a:hover,\n .theme-contrast .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .skin-modern-dark .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .skin-contrast .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .theme-contrast .detailed-status,\n .skin-modern-dark .detailed-status,\n .skin-contrast .detailed-status,\n .theme-contrast .detailed-status__action-bar,\n .skin-modern-dark .detailed-status__action-bar,\n .skin-contrast .detailed-status__action-bar {\n background: #363a4f;\n }\n .theme-contrast .detailed-status__wrapper > div:first-child .detailed-status,\n .skin-modern-dark .detailed-status__wrapper > div:first-child .detailed-status,\n .skin-contrast .detailed-status__wrapper > div:first-child .detailed-status {\n border-top: none;\n }\n .theme-contrast .dismissable-banner,\n .skin-modern-dark .dismissable-banner,\n .skin-contrast .dismissable-banner {\n border-color: #494d64;\n background: #24273a;\n }\n .theme-contrast .column-header__wrapper.active,\n .skin-modern-dark .column-header__wrapper.active,\n .skin-contrast .column-header__wrapper.active {\n box-shadow: 0 1px 0 rgba(183, 189, 248, 0.3);\n }\n .theme-contrast .column-header__wrapper.active::before,\n .skin-modern-dark .column-header__wrapper.active::before,\n .skin-contrast .column-header__wrapper.active::before {\n background: radial-gradient(ellipse, rgba(183, 189, 248, 0.23) 0, rgba(99, 100, 255, 0) 60%);\n }\n .theme-contrast .theme-mastodon-light .account__header__bar,\n .skin-modern-dark .theme-mastodon-light .account__header__bar,\n .skin-contrast .theme-mastodon-light .account__header__bar,\n .theme-contrast .theme-mastodon-light .column-header__back-button,\n .skin-modern-dark .theme-mastodon-light .column-header__back-button,\n .skin-contrast .theme-mastodon-light .column-header__back-button,\n .theme-contrast .account__header__bio .account__header__fields dl,\n .skin-modern-dark .account__header__bio .account__header__fields dl,\n .skin-contrast .account__header__bio .account__header__fields dl,\n .theme-contrast .account__header__bio .account__header__fields,\n .skin-modern-dark .account__header__bio .account__header__fields,\n .skin-contrast .account__header__bio .account__header__fields,\n .theme-contrast .empty-column-indicator,\n .skin-modern-dark .empty-column-indicator,\n .skin-contrast .empty-column-indicator,\n .theme-contrast .column > .scrollable,\n .skin-modern-dark .column > .scrollable,\n .skin-contrast .column > .scrollable,\n .theme-contrast .nothing-here,\n .skin-modern-dark .nothing-here,\n .skin-contrast .nothing-here,\n .theme-contrast .public-layout .public-account-bio,\n .skin-modern-dark .public-layout .public-account-bio,\n .skin-contrast .public-layout .public-account-bio,\n .theme-contrast .hero-widget__text,\n .skin-modern-dark .hero-widget__text,\n .skin-contrast .hero-widget__text,\n .theme-contrast.admin,\n .skin-modern-dark.admin,\n .skin-contrast.admin,\n .theme-contrast .admin-wrapper .sidebar ul a.selected,\n .skin-modern-dark .admin-wrapper .sidebar ul a.selected,\n .skin-contrast .admin-wrapper .sidebar ul a.selected,\n .theme-contrast .admin-wrapper .sidebar ul ul,\n .skin-modern-dark .admin-wrapper .sidebar ul ul,\n .skin-contrast .admin-wrapper .sidebar ul ul {\n border-color: #1e2030;\n background: #24273a;\n }\n .theme-contrast .public-layout .public-account-header__tabs__tabs .counter::after,\n .skin-modern-dark .public-layout .public-account-header__tabs__tabs .counter::after,\n .skin-contrast .public-layout .public-account-header__tabs__tabs .counter::after,\n .theme-contrast .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .skin-modern-dark .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .skin-contrast .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .theme-contrast .react-toggle--checked .react-toggle-thumb,\n .skin-modern-dark .react-toggle--checked .react-toggle-thumb,\n .skin-contrast .react-toggle--checked .react-toggle-thumb,\n .theme-contrast .radio-button__input.checked,\n .skin-modern-dark .radio-button__input.checked,\n .skin-contrast .radio-button__input.checked,\n .theme-contrast .account__action-bar__tab.active,\n .skin-modern-dark .account__action-bar__tab.active,\n .skin-contrast .account__action-bar__tab.active {\n border-color: #b7bdf8;\n }\n .theme-contrast .account,\n .skin-modern-dark .account,\n .skin-contrast .account,\n .theme-contrast .load-gap,\n .skin-modern-dark .load-gap,\n .skin-contrast .load-gap {\n border-color: #1e2030;\n }\n .theme-contrast .account__section-headline a.active::after,\n .skin-modern-dark .account__section-headline a.active::after,\n .skin-contrast .account__section-headline a.active::after {\n border-color: transparent transparent #24273a;\n }\n .theme-contrast .account__section-headline a.active::before,\n .skin-modern-dark .account__section-headline a.active::before,\n .skin-contrast .account__section-headline a.active::before,\n .theme-contrast .account__section-headline button.active::after,\n .skin-modern-dark .account__section-headline button.active::after,\n .skin-contrast .account__section-headline button.active::after,\n .theme-contrast .account__section-headline button.active::before,\n .skin-modern-dark .account__section-headline button.active::before,\n .skin-contrast .account__section-headline button.active::before,\n .theme-contrast .notification__filter-bar a.active::after,\n .skin-modern-dark .notification__filter-bar a.active::after,\n .skin-contrast .notification__filter-bar a.active::after,\n .theme-contrast .notification__filter-bar a.active::before,\n .skin-modern-dark .notification__filter-bar a.active::before,\n .skin-contrast .notification__filter-bar a.active::before,\n .theme-contrast .notification__filter-bar button.active::after,\n .skin-modern-dark .notification__filter-bar button.active::after,\n .skin-contrast .notification__filter-bar button.active::after,\n .theme-contrast .notification__filter-bar button.active::before,\n .skin-modern-dark .notification__filter-bar button.active::before,\n .skin-contrast .notification__filter-bar button.active::before {\n border-color: transparent transparent #1e2030;\n }\n .theme-contrast .search-popout,\n .skin-modern-dark .search-popout,\n .skin-contrast .search-popout,\n .theme-contrast .drawer__header a:hover,\n .skin-modern-dark .drawer__header a:hover,\n .skin-contrast .drawer__header a:hover,\n .theme-contrast .column-header__button:hover,\n .skin-modern-dark .column-header__button:hover,\n .skin-contrast .column-header__button:hover,\n .theme-contrast .account__section-headline button:hover,\n .skin-modern-dark .account__section-headline button:hover,\n .skin-contrast .account__section-headline button:hover,\n .theme-contrast .notification__filter-bar button:hover,\n .skin-modern-dark .notification__filter-bar button:hover,\n .skin-contrast .notification__filter-bar button:hover,\n .theme-contrast .account__section-headline a:hover,\n .skin-modern-dark .account__section-headline a:hover,\n .skin-contrast .account__section-headline a:hover {\n background: #5b6078;\n }\n .theme-contrast .column-link .active,\n .skin-modern-dark .column-link .active,\n .skin-contrast .column-link .active,\n .theme-contrast .column-link--transparent.active,\n .skin-modern-dark .column-link--transparent.active,\n .skin-contrast .column-link--transparent.active,\n .theme-contrast .column-link--transparent:focus,\n .skin-modern-dark .column-link--transparent:focus,\n .skin-contrast .column-link--transparent:focus,\n .theme-contrast .column-link:focus,\n .skin-modern-dark .column-link:focus,\n .skin-contrast .column-link:focus {\n color: #b7bdf8;\n }\n .theme-contrast .column-link--transparent:hover,\n .skin-modern-dark .column-link--transparent:hover,\n .skin-contrast .column-link--transparent:hover,\n .theme-contrast .column-link:hover,\n .skin-modern-dark .column-link:hover,\n .skin-contrast .column-link:hover {\n color: #b7bdf8;\n }\n .theme-contrast .status.collapsed .status__content:after,\n .skin-modern-dark .status.collapsed .status__content:after,\n .skin-contrast .status.collapsed .status__content:after {\n background: linear-gradient(rgba(36, 39, 58, 0), #24273a);\n }\n .theme-contrast .button.button-tertiary:focus,\n .skin-modern-dark .button.button-tertiary:focus,\n .skin-contrast .button.button-tertiary:focus,\n .theme-contrast .button.button-tertiary:hover,\n .skin-modern-dark .button.button-tertiary:hover,\n .skin-contrast .button.button-tertiary:hover,\n .theme-contrast .button.button-tertiary:active,\n .skin-modern-dark .button.button-tertiary:active,\n .skin-contrast .button.button-tertiary:active {\n color: #24273a;\n }\n .theme-contrast .button.button-tertiary,\n .skin-modern-dark .button.button-tertiary,\n .skin-contrast .button.button-tertiary {\n border-color: #b7bdf8;\n }\n .theme-contrast .button,\n .skin-modern-dark .button,\n .skin-contrast .button,\n .theme-contrast .button.button-tertiary,\n .skin-modern-dark .button.button-tertiary,\n .skin-contrast .button.button-tertiary,\n .theme-contrast .button.logo-button,\n .skin-modern-dark .button.logo-button,\n .skin-contrast .button.logo-button,\n .theme-contrast .icon-with-badge__badge,\n .skin-modern-dark .icon-with-badge__badge,\n .skin-contrast .icon-with-badge__badge {\n background: #b7bdf8;\n color: #24273a;\n }\n .theme-contrast .button.logo-button svg,\n .skin-modern-dark .button.logo-button svg,\n .skin-contrast .button.logo-button svg {\n fill: currentColor;\n }\n .theme-contrast .public-layout .header .nav-button,\n .skin-modern-dark .public-layout .header .nav-button,\n .skin-contrast .public-layout .header .nav-button {\n background-color: #494d64;\n }\n .theme-contrast .public-layout .header .nav-button:hover,\n .skin-modern-dark .public-layout .header .nav-button:hover,\n .skin-contrast .public-layout .header .nav-button:hover {\n background-color: #5b6078;\n }\n .theme-contrast .button.button-secondary,\n .skin-modern-dark .button.button-secondary,\n .skin-contrast .button.button-secondary {\n background-color: transparent;\n color: #cad3f5;\n border-color: #b7bdf8;\n }\n .theme-contrast .button.button-secondary:active,\n .skin-modern-dark .button.button-secondary:active,\n .skin-contrast .button.button-secondary:active,\n .theme-contrast .button.button-secondary:focus,\n .skin-modern-dark .button.button-secondary:focus,\n .skin-contrast .button.button-secondary:focus,\n .theme-contrast .button.button-secondary:hover,\n .skin-modern-dark .button.button-secondary:hover,\n .skin-contrast .button.button-secondary:hover {\n border-color: #b7bdf8;\n color: #24273a;\n transition: 0.2s;\n }\n .theme-contrast .button:active,\n .skin-modern-dark .button:active,\n .skin-contrast .button:active,\n .theme-contrast .button:focus,\n .skin-modern-dark .button:focus,\n .skin-contrast .button:focus,\n .theme-contrast .button:hover,\n .skin-modern-dark .button:hover,\n .skin-contrast .button:hover,\n .theme-contrast .button.button-tertiary:active,\n .skin-modern-dark .button.button-tertiary:active,\n .skin-contrast .button.button-tertiary:active,\n .theme-contrast .button.button-tertiary:focus,\n .skin-modern-dark .button.button-tertiary:focus,\n .skin-contrast .button.button-tertiary:focus,\n .theme-contrast .button.button-tertiary:hover,\n .skin-modern-dark .button.button-tertiary:hover,\n .skin-contrast .button.button-tertiary:hover,\n .theme-contrast .button.logo-button:active,\n .skin-modern-dark .button.logo-button:active,\n .skin-contrast .button.logo-button:active,\n .theme-contrast .button.logo-button:focus,\n .skin-modern-dark .button.logo-button:focus,\n .skin-contrast .button.logo-button:focus,\n .theme-contrast .button.logo-button:hover,\n .skin-modern-dark .button.logo-button:hover,\n .skin-contrast .button.logo-button:hover {\n background: #b7bdf8;\n }\n .theme-contrast .drawer__inner,\n .skin-modern-dark .drawer__inner,\n .skin-contrast .drawer__inner,\n .theme-contrast .drawer__inner__mastodon,\n .skin-modern-dark .drawer__inner__mastodon,\n .skin-contrast .drawer__inner__mastodon,\n .theme-contrast .explore__search-header .search__input,\n .skin-modern-dark .explore__search-header .search__input,\n .skin-contrast .explore__search-header .search__input {\n background-color: #24273a;\n }\n .theme-contrast .compose-form .compose-form__modifiers,\n .skin-modern-dark .compose-form .compose-form__modifiers,\n .skin-contrast .compose-form .compose-form__modifiers,\n .theme-contrast .compose-form .autosuggest-textarea__textarea,\n .skin-modern-dark .compose-form .autosuggest-textarea__textarea,\n .skin-contrast .compose-form .autosuggest-textarea__textarea,\n .theme-contrast .compose-form .compose-form__autosuggest-wrapper,\n .skin-modern-dark .compose-form .compose-form__autosuggest-wrapper,\n .skin-contrast .compose-form .compose-form__autosuggest-wrapper,\n .theme-contrast .compose-form .spoiler-input__input,\n .skin-modern-dark .compose-form .spoiler-input__input,\n .skin-contrast .compose-form .spoiler-input__input {\n background: #494d64 !important;\n color: #cad3f5 !important;\n }\n .theme-contrast .compose-form .autosuggest-textarea__textarea::placeholder,\n .skin-modern-dark .compose-form .autosuggest-textarea__textarea::placeholder,\n .skin-contrast .compose-form .autosuggest-textarea__textarea::placeholder {\n color: #a5adcb !important;\n }\n .theme-contrast .compose-form .compose-form__buttons-wrapper,\n .skin-modern-dark .compose-form .compose-form__buttons-wrapper,\n .skin-contrast .compose-form .compose-form__buttons-wrapper {\n background: #363a4f;\n }\n .theme-contrast .load-more:hover,\n .skin-modern-dark .load-more:hover,\n .skin-contrast .load-more:hover {\n background-color: #1e2030;\n }\n .theme-contrast .character-counter,\n .skin-modern-dark .character-counter,\n .skin-contrast .character-counter {\n color: #a5adcb;\n }\n .theme-contrast .public-layout .header,\n .skin-modern-dark .public-layout .header,\n .skin-contrast .public-layout .header,\n .theme-contrast .hero-widget,\n .skin-modern-dark .hero-widget,\n .skin-contrast .hero-widget,\n .theme-contrast .public-layout .public-account-header,\n .skin-modern-dark .public-layout .public-account-header,\n .skin-contrast .public-layout .public-account-header,\n .theme-contrast .public-layout .public-account-bio,\n .skin-modern-dark .public-layout .public-account-bio,\n .skin-contrast .public-layout .public-account-bio,\n .theme-contrast .nothing-here,\n .skin-modern-dark .nothing-here,\n .skin-contrast .nothing-here {\n box-shadow: none;\n }\n .theme-contrast .search__popout,\n .skin-modern-dark .search__popout,\n .skin-contrast .search__popout,\n .theme-contrast .dropdown-menu__arrow:before,\n .skin-modern-dark .dropdown-menu__arrow:before,\n .skin-contrast .dropdown-menu__arrow:before,\n .theme-contrast .dropdown-menu__item a,\n .skin-modern-dark .dropdown-menu__item a,\n .skin-contrast .dropdown-menu__item a,\n .theme-contrast .dropdown-menu__item button,\n .skin-modern-dark .dropdown-menu__item button,\n .skin-contrast .dropdown-menu__item button,\n .theme-contrast .dropdown-menu__container__list,\n .skin-modern-dark .dropdown-menu__container__list,\n .skin-contrast .dropdown-menu__container__list,\n .theme-contrast .dropdown-menu.bottom,\n .skin-modern-dark .dropdown-menu.bottom,\n .skin-contrast .dropdown-menu.bottom {\n background: #363a4f;\n color: #cad3f5;\n }\n .theme-contrast .dropdown-menu__item a:hover,\n .skin-modern-dark .dropdown-menu__item a:hover,\n .skin-contrast .dropdown-menu__item a:hover,\n .theme-contrast .dropdown-menu__item button:hover,\n .skin-modern-dark .dropdown-menu__item button:hover,\n .skin-contrast .dropdown-menu__item button:hover {\n background: #494d64;\n }\n .theme-contrast .input-copy,\n .skin-modern-dark .input-copy,\n .skin-contrast .input-copy,\n .theme-contrast .simple_form input[type=\"text\"],\n .skin-modern-dark .simple_form input[type=\"text\"],\n .skin-contrast .simple_form input[type=\"text\"],\n .theme-contrast .simple_form textarea,\n .skin-modern-dark .simple_form textarea,\n .skin-contrast .simple_form textarea,\n .theme-contrast .simple_form .block-button,\n .skin-modern-dark .simple_form .block-button,\n .skin-contrast .simple_form .block-button,\n .theme-contrast .simple_form .button,\n .skin-modern-dark .simple_form .button,\n .skin-contrast .simple_form .button,\n .theme-contrast .simple_form button,\n .skin-modern-dark .simple_form button,\n .skin-contrast .simple_form button {\n background: #1e2030;\n color: #cad3f5;\n }\n .theme-contrast .simple_form .block-button:hover,\n .skin-modern-dark .simple_form .block-button:hover,\n .skin-contrast .simple_form .block-button:hover,\n .theme-contrast .simple_form .button:hover,\n .skin-modern-dark .simple_form .button:hover,\n .skin-contrast .simple_form .button:hover,\n .theme-contrast .simple_form button:hover,\n .skin-modern-dark .simple_form button:hover,\n .skin-contrast .simple_form button:hover {\n background: #363a4f;\n }\n .theme-contrast .simple_form .input.with_label .label_input > label,\n .skin-modern-dark .simple_form .input.with_label .label_input > label,\n .skin-contrast .simple_form .input.with_label .label_input > label,\n .theme-contrast .simple_form select,\n .skin-modern-dark .simple_form select,\n .skin-contrast .simple_form select,\n .theme-contrast .accounts-table__count,\n .skin-modern-dark .accounts-table__count,\n .skin-contrast .accounts-table__count,\n .theme-contrast .simple_form textarea,\n .skin-modern-dark .simple_form textarea,\n .skin-contrast .simple_form textarea {\n color: #cad3f5;\n }\n .theme-contrast .simple_form textarea,\n .skin-modern-dark .simple_form textarea,\n .skin-contrast .simple_form textarea,\n .theme-contrast .simple_form input[type=\"password\"],\n .skin-modern-dark .simple_form input[type=\"password\"],\n .skin-contrast .simple_form input[type=\"password\"],\n .theme-contrast .simple_form input[type=\"number\"],\n .skin-modern-dark .simple_form input[type=\"number\"],\n .skin-contrast .simple_form input[type=\"number\"],\n .theme-contrast .simple_form input[type=\"text\"],\n .skin-modern-dark .simple_form input[type=\"text\"],\n .skin-contrast .simple_form input[type=\"text\"] {\n border: 1px solid #181926;\n }\n .theme-contrast .simple_form input[type=\"email\"]:required:valid,\n .skin-modern-dark .simple_form input[type=\"email\"]:required:valid,\n .skin-contrast .simple_form input[type=\"email\"]:required:valid {\n border: 1px solid #a6da95;\n }\n .theme-contrast .simple_form input[type=\"password\"],\n .skin-modern-dark .simple_form input[type=\"password\"],\n .skin-contrast .simple_form input[type=\"password\"],\n .theme-contrast .simple_form input[type=\"number\"],\n .skin-modern-dark .simple_form input[type=\"number\"],\n .skin-contrast .simple_form input[type=\"number\"],\n .theme-contrast .simple_form input[type=\"email\"]:required:valid,\n .skin-modern-dark .simple_form input[type=\"email\"]:required:valid,\n .skin-contrast .simple_form input[type=\"email\"]:required:valid,\n .theme-contrast .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-modern-dark .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-contrast .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n color: #cad3f5;\n background: #1e2030;\n }\n .theme-contrast .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-modern-dark .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-contrast .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n border: 1px solid #ed8796;\n }\n .theme-contrast .simple_form select,\n .skin-modern-dark .simple_form select,\n .skin-contrast .simple_form select {\n background: #1e2030 url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2342485A'/></svg>\") no-repeat right 8px center / auto 16px;\n border: 1px solid #181926;\n }\n .theme-contrast .simple_form input[type=\"datetime-local\"]:active,\n .skin-modern-dark .simple_form input[type=\"datetime-local\"]:active,\n .skin-contrast .simple_form input[type=\"datetime-local\"]:active,\n .theme-contrast .simple_form input[type=\"datetime-local\"]:focus,\n .skin-modern-dark .simple_form input[type=\"datetime-local\"]:focus,\n .skin-contrast .simple_form input[type=\"datetime-local\"]:focus,\n .theme-contrast .simple_form input[type=\"email\"]:active,\n .skin-modern-dark .simple_form input[type=\"email\"]:active,\n .skin-contrast .simple_form input[type=\"email\"]:active,\n .theme-contrast .simple_form input[type=\"email\"]:focus,\n .skin-modern-dark .simple_form input[type=\"email\"]:focus,\n .skin-contrast .simple_form input[type=\"email\"]:focus,\n .theme-contrast .simple_form input[type=\"number\"]:active,\n .skin-modern-dark .simple_form input[type=\"number\"]:active,\n .skin-contrast .simple_form input[type=\"number\"]:active,\n .theme-contrast .simple_form input[type=\"number\"]:focus,\n .skin-modern-dark .simple_form input[type=\"number\"]:focus,\n .skin-contrast .simple_form input[type=\"number\"]:focus,\n .theme-contrast .simple_form input[type=\"password\"]:active,\n .skin-modern-dark .simple_form input[type=\"password\"]:active,\n .skin-contrast .simple_form input[type=\"password\"]:active,\n .theme-contrast .simple_form input[type=\"password\"]:focus,\n .skin-modern-dark .simple_form input[type=\"password\"]:focus,\n .skin-contrast .simple_form input[type=\"password\"]:focus,\n .theme-contrast .simple_form input[type=\"text\"]:active,\n .skin-modern-dark .simple_form input[type=\"text\"]:active,\n .skin-contrast .simple_form input[type=\"text\"]:active,\n .theme-contrast .simple_form input[type=\"text\"]:focus,\n .skin-modern-dark .simple_form input[type=\"text\"]:focus,\n .skin-contrast .simple_form input[type=\"text\"]:focus,\n .theme-contrast .simple_form input[type=\"url\"]:active,\n .skin-modern-dark .simple_form input[type=\"url\"]:active,\n .skin-contrast .simple_form input[type=\"url\"]:active,\n .theme-contrast .simple_form input[type=\"url\"]:focus,\n .skin-modern-dark .simple_form input[type=\"url\"]:focus,\n .skin-contrast .simple_form input[type=\"url\"]:focus,\n .theme-contrast .simple_form textarea:active,\n .skin-modern-dark .simple_form textarea:active,\n .skin-contrast .simple_form textarea:active,\n .theme-contrast .simple_form textarea:focus,\n .skin-modern-dark .simple_form textarea:focus,\n .skin-contrast .simple_form textarea:focus {\n border-color: #b7bdf8 !important;\n background: #1e2030 !important;\n color: #cad3f5 !important;\n }\n .theme-contrast .table > thead > tr > th,\n .skin-modern-dark .table > thead > tr > th,\n .skin-contrast .table > thead > tr > th,\n .theme-contrast .setting-text:active,\n .skin-modern-dark .setting-text:active,\n .skin-contrast .setting-text:active,\n .theme-contrast .setting-text:focus,\n .skin-modern-dark .setting-text:focus,\n .skin-contrast .setting-text:focus {\n border-color: #b7bdf8 !important;\n }\n .theme-contrast .batch-table__toolbar,\n .skin-modern-dark .batch-table__toolbar,\n .skin-contrast .batch-table__toolbar,\n .theme-contrast .table > thead > tr > th,\n .skin-modern-dark .table > thead > tr > th,\n .skin-contrast .table > thead > tr > th {\n background: #363a4f !important;\n color: #cad3f5 !important;\n }\n .theme-contrast .simple_form input[type=\"datetime-local\"]:hover,\n .skin-modern-dark .simple_form input[type=\"datetime-local\"]:hover,\n .skin-contrast .simple_form input[type=\"datetime-local\"]:hover,\n .theme-contrast .simple_form input[type=\"email\"]:hover,\n .skin-modern-dark .simple_form input[type=\"email\"]:hover,\n .skin-contrast .simple_form input[type=\"email\"]:hover,\n .theme-contrast .simple_form input[type=\"number\"]:hover,\n .skin-modern-dark .simple_form input[type=\"number\"]:hover,\n .skin-contrast .simple_form input[type=\"number\"]:hover,\n .theme-contrast .simple_form input[type=\"password\"]:hover,\n .skin-modern-dark .simple_form input[type=\"password\"]:hover,\n .skin-contrast .simple_form input[type=\"password\"]:hover,\n .theme-contrast .simple_form input[type=\"text\"]:hover,\n .skin-modern-dark .simple_form input[type=\"text\"]:hover,\n .skin-contrast .simple_form input[type=\"text\"]:hover,\n .theme-contrast .simple_form input[type=\"url\"]:hover,\n .skin-modern-dark .simple_form input[type=\"url\"]:hover,\n .skin-contrast .simple_form input[type=\"url\"]:hover,\n .theme-contrast .simple_form textarea:hover,\n .skin-modern-dark .simple_form textarea:hover,\n .skin-contrast .simple_form textarea:hover {\n background: #1e2030 !important;\n border-color: #b7bdf8 !important;\n transition: 0.4s;\n }\n .theme-contrast .batch-table__row,\n .skin-modern-dark .batch-table__row,\n .skin-contrast .batch-table__row {\n background: #494d64;\n }\n .theme-contrast .batch-table__row:hover,\n .skin-modern-dark .batch-table__row:hover,\n .skin-contrast .batch-table__row:hover,\n .theme-contrast .batch-table__row:nth-child(2n):hover,\n .skin-modern-dark .batch-table__row:nth-child(2n):hover,\n .skin-contrast .batch-table__row:nth-child(2n):hover {\n background: #5b6078;\n }\n .theme-contrast .batch-table__row:nth-child(2n),\n .skin-modern-dark .batch-table__row:nth-child(2n),\n .skin-contrast .batch-table__row:nth-child(2n),\n .theme-contrast .table > tbody > tr > td,\n .skin-modern-dark .table > tbody > tr > td,\n .skin-contrast .table > tbody > tr > td {\n background: #363a4f;\n }\n .theme-contrast .table > thead > tr > th,\n .skin-modern-dark .table > thead > tr > th,\n .skin-contrast .table > thead > tr > th {\n border-bottom: 2px solid #363a4f;\n }\n .theme-contrast .positive-hint,\n .skin-modern-dark .positive-hint,\n .skin-contrast .positive-hint {\n color: #a6da95 !important;\n }\n .theme-contrast .card__bar,\n .skin-modern-dark .card__bar,\n .skin-contrast .card__bar {\n background: #363a4f;\n }\n @media (prefers-color-scheme: light) {\n .theme-default,\n .skin-default,\n .theme-default .tabs-bar__wrapper,\n .skin-default .tabs-bar__wrapper,\n .theme-default .admin-wrapper .sidebar-wrapper__inner,\n .skin-default .admin-wrapper .sidebar-wrapper__inner,\n .theme-default .ui__header,\n .skin-default .ui__header {\n background: #181926;\n color: #cad3f5;\n }\n .theme-default .ui__header,\n .skin-default .ui__header {\n border-bottom: none;\n }\n .theme-default .navigation-panel,\n .skin-default .navigation-panel,\n .theme-default .column-link,\n .skin-default .column-link {\n background: transparent;\n }\n .theme-default .account__header__bio .account__header__fields dt,\n .skin-default .account__header__bio .account__header__fields dt {\n background: transparent;\n }\n .theme-default .search-popout,\n .skin-default .search-popout,\n .theme-default .search-popout em,\n .skin-default .search-popout em,\n .theme-default .dismissable-banner__message,\n .skin-default .dismissable-banner__message,\n .theme-default .dismissable-banner__message h1,\n .skin-default .dismissable-banner__message h1,\n .theme-default .account__header__bio .account__header__fields dt,\n .skin-default .account__header__bio .account__header__fields dt,\n .theme-default .account__section-headline a.active,\n .skin-default .account__section-headline a.active,\n .theme-default .account__section-headline button.active,\n .skin-default .account__section-headline button.active,\n .theme-default .notification__filter-bar a.active,\n .skin-default .notification__filter-bar a.active,\n .theme-default .notification__filter-bar button.active,\n .skin-default .notification__filter-bar button.active,\n .theme-default .account__header__bio .account__header__content,\n .skin-default .account__header__bio .account__header__content,\n .theme-default .navigation-bar,\n .skin-default .navigation-bar,\n .theme-default .column-link__badge,\n .skin-default .column-link__badge,\n .theme-default .column-subheading,\n .skin-default .column-subheading,\n .theme-default .account__display-name strong,\n .skin-default .account__display-name strong,\n .theme-default .status__display-name strong,\n .skin-default .status__display-name strong,\n .theme-default .notification__message,\n .skin-default .notification__message,\n .theme-default .public-layout .public-account-bio .account__header__content,\n .skin-default .public-layout .public-account-bio .account__header__content,\n .theme-default .reply-indicator__content,\n .skin-default .reply-indicator__content,\n .theme-default .status__content,\n .skin-default .status__content,\n .theme-default .card__bar .display-name strong,\n .skin-default .card__bar .display-name strong {\n color: #cad3f5;\n }\n .theme-default .search-popout span,\n .skin-default .search-popout span,\n .theme-default .link-footer p,\n .skin-default .link-footer p,\n .theme-default .link-footer p a,\n .skin-default .link-footer p a {\n color: #b8c0e0;\n }\n .theme-default .account__header__tabs__name h1 small,\n .skin-default .account__header__tabs__name h1 small,\n .theme-default .account__header__bio .account__header__fields dd,\n .skin-default .account__header__bio .account__header__fields dd,\n .theme-default .display-name__account,\n .skin-default .display-name__account,\n .theme-default .status__relative-time,\n .skin-default .status__relative-time,\n .theme-default .empty-column-indicator,\n .skin-default .empty-column-indicator,\n .theme-default .follow_requests-unlocked_explanation,\n .skin-default .follow_requests-unlocked_explanation,\n .theme-default .account .account__display-name,\n .skin-default .account .account__display-name,\n .theme-default .label_input .search__input,\n .skin-default .label_input .search__input,\n .theme-default .search__input:focus,\n .skin-default .search__input:focus,\n .theme-default .account__header__fields dt,\n .skin-default .account__header__fields dt {\n color: #a5adcb;\n }\n .theme-default .compose-panel hr,\n .skin-default .compose-panel hr,\n .theme-default .navigation-panel hr,\n .skin-default .navigation-panel hr {\n border-top-color: #a5adcb;\n }\n .theme-default .trends__item,\n .skin-default .trends__item,\n .theme-default .status,\n .skin-default .status,\n .theme-default .getting-started__trends h4,\n .skin-default .getting-started__trends h4,\n .theme-default .trends__item__name span,\n .skin-default .trends__item__name span,\n .theme-default .story,\n .skin-default .story {\n border-color: #363a4f;\n }\n .theme-default .mention,\n .skin-default .mention,\n .theme-default .account__header__tabs__name h1,\n .skin-default .account__header__tabs__name h1,\n .theme-default .account__header__content a,\n .skin-default .account__header__content a,\n .theme-default .account__header__bio .account__header__fields a,\n .skin-default .account__header__bio .account__header__fields a,\n .theme-default .empty-column-indicator a,\n .skin-default .empty-column-indicator a,\n .theme-default .follow_requests-unlocked_explanation a,\n .skin-default .follow_requests-unlocked_explanation a,\n .theme-default .column-back-button,\n .skin-default .column-back-button,\n .theme-default .icon-button.inverted,\n .skin-default .icon-button.inverted,\n .theme-default .text-icon-button,\n .skin-default .text-icon-button,\n .theme-default .icon-button.active,\n .skin-default .icon-button.active,\n .theme-default .public-layout .public-account-bio .account__header__fields a,\n .skin-default .public-layout .public-account-bio .account__header__fields a,\n .theme-default .column-header__back-button,\n .skin-default .column-header__back-button,\n .theme-default .navigation-bar strong,\n .skin-default .navigation-bar strong,\n .theme-default .reply-indicator__content a.unhandled-link,\n .skin-default .reply-indicator__content a.unhandled-link,\n .theme-default .status__content a.unhandled-link,\n .skin-default .status__content a.unhandled-link,\n .theme-default .announcements__item__content a.unhandled-link,\n .skin-default .announcements__item__content a.unhandled-link,\n .theme-default .reactions-bar__item.active .reactions-bar__item__count,\n .skin-default .reactions-bar__item.active .reactions-bar__item__count,\n .theme-default .column-header.active .column-header__icon,\n .skin-default .column-header.active .column-header__icon {\n color: #b7bdf8;\n }\n .theme-default .conversation__unread,\n .skin-default .conversation__unread,\n .theme-default .react-toggle--checked .react-toggle-track,\n .skin-default .react-toggle--checked .react-toggle-track,\n .theme-default .react-toggle--checked:hover .react-toggle-track,\n .skin-default .react-toggle--checked:hover .react-toggle-track,\n .theme-default .pillbar-button:not([disabled]).active,\n .skin-default .pillbar-button:not([disabled]).active,\n .theme-default .pillbar-button:not([disabled]).active:focus,\n .skin-default .pillbar-button:not([disabled]).active:focus,\n .theme-default .pillbar-button:not([disabled]).active:hover,\n .skin-default .pillbar-button:not([disabled]).active:hover,\n .theme-default .radio-button__input.checked,\n .skin-default .radio-button__input.checked {\n background-color: #b7bdf8;\n }\n .theme-default .reactions-bar__item.active,\n .skin-default .reactions-bar__item.active {\n background-color: rgba(183, 189, 248, 0.25);\n }\n .theme-default .trends__item__sparkline path:last-child,\n .skin-default .trends__item__sparkline path:last-child {\n stroke: #b7bdf8 !important;\n }\n .theme-default .trends__item__sparkline path:first-child,\n .skin-default .trends__item__sparkline path:first-child {\n fill: rgba(183, 189, 248, 0.25) !important;\n }\n .theme-default .icon-button,\n .skin-default .icon-button,\n .theme-default .notification__message .fa,\n .skin-default .notification__message .fa {\n color: #5b6078;\n }\n .theme-default .icon-button:active,\n .skin-default .icon-button:active,\n .theme-default .icon-button:focus,\n .skin-default .icon-button:focus,\n .theme-default .icon-button:hover,\n .skin-default .icon-button:hover,\n .theme-default .text-icon-button:active,\n .skin-default .text-icon-button:active,\n .theme-default .text-icon-button:focus,\n .skin-default .text-icon-button:focus,\n .theme-default .text-icon-button:hover,\n .skin-default .text-icon-button:hover,\n .theme-default .icon-button.inverted:active,\n .skin-default .icon-button.inverted:active,\n .theme-default .icon-button.inverted:focus,\n .skin-default .icon-button.inverted:focus,\n .theme-default .icon-button.inverted:hover,\n .skin-default .icon-button.inverted:hover,\n .theme-default .public-layout .public-account-bio .account__header__fields a:hover,\n .skin-default .public-layout .public-account-bio .account__header__fields a:hover {\n color: #b7bdf8;\n }\n .theme-default .column-header,\n .skin-default .column-header,\n .theme-default .column-header__button,\n .skin-default .column-header__button,\n .theme-default .column-header__back-button,\n .skin-default .column-header__back-button,\n .theme-default .column-back-button,\n .skin-default .column-back-button,\n .theme-default .drawer__header,\n .skin-default .drawer__header,\n .theme-default .notification__filter-bar,\n .skin-default .notification__filter-bar,\n .theme-default .account__section-headline button,\n .skin-default .account__section-headline button,\n .theme-default .notification__filter-bar button,\n .skin-default .notification__filter-bar button,\n .theme-default .account__header,\n .skin-default .account__header,\n .theme-default .search__input,\n .skin-default .search__input,\n .theme-default .search__input:focus,\n .skin-default .search__input:focus,\n .theme-default .column-link__badge,\n .skin-default .column-link__badge,\n .theme-default .column-subheading,\n .skin-default .column-subheading,\n .theme-default .public-layout .header,\n .skin-default .public-layout .header,\n .theme-default .public-layout .public-account-header__bar::before,\n .skin-default .public-layout .public-account-header__bar::before,\n .theme-default .account__header__fields,\n .skin-default .account__header__fields,\n .theme-default .account__header__fields dt,\n .skin-default .account__header__fields dt,\n .theme-default .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .skin-default .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .theme-default .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .skin-default .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .theme-default .explore__search-header,\n .skin-default .explore__search-header,\n .theme-default .column-inline-form,\n .skin-default .column-inline-form,\n .theme-default .follow_requests-unlocked_explanation,\n .skin-default .follow_requests-unlocked_explanation,\n .theme-default .conversation--unread,\n .skin-default .conversation--unread,\n .theme-default .column-header__collapsible-inner,\n .skin-default .column-header__collapsible-inner,\n .theme-default .announcements,\n .skin-default .announcements,\n .theme-default .status-card__image,\n .skin-default .status-card__image {\n border-color: #181926;\n background: #363a4f;\n }\n .theme-default .account__section-headline,\n .skin-default .account__section-headline {\n background: #1e2030;\n border-color: #181926;\n }\n .theme-default .focusable:focus,\n .skin-default .focusable:focus {\n background: unset;\n }\n .theme-default .admin-wrapper .sidebar ul a:hover,\n .skin-default .admin-wrapper .sidebar ul a:hover,\n .theme-default .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .skin-default .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .theme-default .detailed-status,\n .skin-default .detailed-status,\n .theme-default .detailed-status__action-bar,\n .skin-default .detailed-status__action-bar {\n background: #363a4f;\n }\n .theme-default .detailed-status__wrapper > div:first-child .detailed-status,\n .skin-default .detailed-status__wrapper > div:first-child .detailed-status {\n border-top: none;\n }\n .theme-default .dismissable-banner,\n .skin-default .dismissable-banner {\n border-color: #494d64;\n background: #24273a;\n }\n .theme-default .column-header__wrapper.active,\n .skin-default .column-header__wrapper.active {\n box-shadow: 0 1px 0 rgba(183, 189, 248, 0.3);\n }\n .theme-default .column-header__wrapper.active::before,\n .skin-default .column-header__wrapper.active::before {\n background: radial-gradient(ellipse, rgba(183, 189, 248, 0.23) 0, rgba(99, 100, 255, 0) 60%);\n }\n .theme-default .theme-mastodon-light .account__header__bar,\n .skin-default .theme-mastodon-light .account__header__bar,\n .theme-default .theme-mastodon-light .column-header__back-button,\n .skin-default .theme-mastodon-light .column-header__back-button,\n .theme-default .account__header__bio .account__header__fields dl,\n .skin-default .account__header__bio .account__header__fields dl,\n .theme-default .account__header__bio .account__header__fields,\n .skin-default .account__header__bio .account__header__fields,\n .theme-default .empty-column-indicator,\n .skin-default .empty-column-indicator,\n .theme-default .column > .scrollable,\n .skin-default .column > .scrollable,\n .theme-default .nothing-here,\n .skin-default .nothing-here,\n .theme-default .public-layout .public-account-bio,\n .skin-default .public-layout .public-account-bio,\n .theme-default .hero-widget__text,\n .skin-default .hero-widget__text,\n .theme-default.admin,\n .skin-default.admin,\n .theme-default .admin-wrapper .sidebar ul a.selected,\n .skin-default .admin-wrapper .sidebar ul a.selected,\n .theme-default .admin-wrapper .sidebar ul ul,\n .skin-default .admin-wrapper .sidebar ul ul {\n border-color: #1e2030;\n background: #24273a;\n }\n .theme-default .public-layout .public-account-header__tabs__tabs .counter::after,\n .skin-default .public-layout .public-account-header__tabs__tabs .counter::after,\n .theme-default .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .skin-default .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .theme-default .react-toggle--checked .react-toggle-thumb,\n .skin-default .react-toggle--checked .react-toggle-thumb,\n .theme-default .radio-button__input.checked,\n .skin-default .radio-button__input.checked,\n .theme-default .account__action-bar__tab.active,\n .skin-default .account__action-bar__tab.active {\n border-color: #b7bdf8;\n }\n .theme-default .account,\n .skin-default .account,\n .theme-default .load-gap,\n .skin-default .load-gap {\n border-color: #1e2030;\n }\n .theme-default .account__section-headline a.active::after,\n .skin-default .account__section-headline a.active::after {\n border-color: transparent transparent #24273a;\n }\n .theme-default .account__section-headline a.active::before,\n .skin-default .account__section-headline a.active::before,\n .theme-default .account__section-headline button.active::after,\n .skin-default .account__section-headline button.active::after,\n .theme-default .account__section-headline button.active::before,\n .skin-default .account__section-headline button.active::before,\n .theme-default .notification__filter-bar a.active::after,\n .skin-default .notification__filter-bar a.active::after,\n .theme-default .notification__filter-bar a.active::before,\n .skin-default .notification__filter-bar a.active::before,\n .theme-default .notification__filter-bar button.active::after,\n .skin-default .notification__filter-bar button.active::after,\n .theme-default .notification__filter-bar button.active::before,\n .skin-default .notification__filter-bar button.active::before {\n border-color: transparent transparent #1e2030;\n }\n .theme-default .search-popout,\n .skin-default .search-popout,\n .theme-default .drawer__header a:hover,\n .skin-default .drawer__header a:hover,\n .theme-default .column-header__button:hover,\n .skin-default .column-header__button:hover,\n .theme-default .account__section-headline button:hover,\n .skin-default .account__section-headline button:hover,\n .theme-default .notification__filter-bar button:hover,\n .skin-default .notification__filter-bar button:hover,\n .theme-default .account__section-headline a:hover,\n .skin-default .account__section-headline a:hover {\n background: #5b6078;\n }\n .theme-default .column-link .active,\n .skin-default .column-link .active,\n .theme-default .column-link--transparent.active,\n .skin-default .column-link--transparent.active,\n .theme-default .column-link--transparent:focus,\n .skin-default .column-link--transparent:focus,\n .theme-default .column-link:focus,\n .skin-default .column-link:focus {\n color: #b7bdf8;\n }\n .theme-default .column-link--transparent:hover,\n .skin-default .column-link--transparent:hover,\n .theme-default .column-link:hover,\n .skin-default .column-link:hover {\n color: #b7bdf8;\n }\n .theme-default .status.collapsed .status__content:after,\n .skin-default .status.collapsed .status__content:after {\n background: linear-gradient(rgba(36, 39, 58, 0), #24273a);\n }\n .theme-default .button.button-tertiary:focus,\n .skin-default .button.button-tertiary:focus,\n .theme-default .button.button-tertiary:hover,\n .skin-default .button.button-tertiary:hover,\n .theme-default .button.button-tertiary:active,\n .skin-default .button.button-tertiary:active {\n color: #24273a;\n }\n .theme-default .button.button-tertiary,\n .skin-default .button.button-tertiary {\n border-color: #b7bdf8;\n }\n .theme-default .button,\n .skin-default .button,\n .theme-default .button.button-tertiary,\n .skin-default .button.button-tertiary,\n .theme-default .button.logo-button,\n .skin-default .button.logo-button,\n .theme-default .icon-with-badge__badge,\n .skin-default .icon-with-badge__badge {\n background: #b7bdf8;\n color: #24273a;\n }\n .theme-default .button.logo-button svg,\n .skin-default .button.logo-button svg {\n fill: currentColor;\n }\n .theme-default .public-layout .header .nav-button,\n .skin-default .public-layout .header .nav-button {\n background-color: #494d64;\n }\n .theme-default .public-layout .header .nav-button:hover,\n .skin-default .public-layout .header .nav-button:hover {\n background-color: #5b6078;\n }\n .theme-default .button.button-secondary,\n .skin-default .button.button-secondary {\n background-color: transparent;\n color: #cad3f5;\n border-color: #b7bdf8;\n }\n .theme-default .button.button-secondary:active,\n .skin-default .button.button-secondary:active,\n .theme-default .button.button-secondary:focus,\n .skin-default .button.button-secondary:focus,\n .theme-default .button.button-secondary:hover,\n .skin-default .button.button-secondary:hover {\n border-color: #b7bdf8;\n color: #24273a;\n transition: 0.2s;\n }\n .theme-default .button:active,\n .skin-default .button:active,\n .theme-default .button:focus,\n .skin-default .button:focus,\n .theme-default .button:hover,\n .skin-default .button:hover,\n .theme-default .button.button-tertiary:active,\n .skin-default .button.button-tertiary:active,\n .theme-default .button.button-tertiary:focus,\n .skin-default .button.button-tertiary:focus,\n .theme-default .button.button-tertiary:hover,\n .skin-default .button.button-tertiary:hover,\n .theme-default .button.logo-button:active,\n .skin-default .button.logo-button:active,\n .theme-default .button.logo-button:focus,\n .skin-default .button.logo-button:focus,\n .theme-default .button.logo-button:hover,\n .skin-default .button.logo-button:hover {\n background: #b7bdf8;\n }\n .theme-default .drawer__inner,\n .skin-default .drawer__inner,\n .theme-default .drawer__inner__mastodon,\n .skin-default .drawer__inner__mastodon,\n .theme-default .explore__search-header .search__input,\n .skin-default .explore__search-header .search__input {\n background-color: #24273a;\n }\n .theme-default .compose-form .compose-form__modifiers,\n .skin-default .compose-form .compose-form__modifiers,\n .theme-default .compose-form .autosuggest-textarea__textarea,\n .skin-default .compose-form .autosuggest-textarea__textarea,\n .theme-default .compose-form .compose-form__autosuggest-wrapper,\n .skin-default .compose-form .compose-form__autosuggest-wrapper,\n .theme-default .compose-form .spoiler-input__input,\n .skin-default .compose-form .spoiler-input__input {\n background: #494d64 !important;\n color: #cad3f5 !important;\n }\n .theme-default .compose-form .autosuggest-textarea__textarea::placeholder,\n .skin-default .compose-form .autosuggest-textarea__textarea::placeholder {\n color: #a5adcb !important;\n }\n .theme-default .compose-form .compose-form__buttons-wrapper,\n .skin-default .compose-form .compose-form__buttons-wrapper {\n background: #363a4f;\n }\n .theme-default .load-more:hover,\n .skin-default .load-more:hover {\n background-color: #1e2030;\n }\n .theme-default .character-counter,\n .skin-default .character-counter {\n color: #a5adcb;\n }\n .theme-default .public-layout .header,\n .skin-default .public-layout .header,\n .theme-default .hero-widget,\n .skin-default .hero-widget,\n .theme-default .public-layout .public-account-header,\n .skin-default .public-layout .public-account-header,\n .theme-default .public-layout .public-account-bio,\n .skin-default .public-layout .public-account-bio,\n .theme-default .nothing-here,\n .skin-default .nothing-here {\n box-shadow: none;\n }\n .theme-default .search__popout,\n .skin-default .search__popout,\n .theme-default .dropdown-menu__arrow:before,\n .skin-default .dropdown-menu__arrow:before,\n .theme-default .dropdown-menu__item a,\n .skin-default .dropdown-menu__item a,\n .theme-default .dropdown-menu__item button,\n .skin-default .dropdown-menu__item button,\n .theme-default .dropdown-menu__container__list,\n .skin-default .dropdown-menu__container__list,\n .theme-default .dropdown-menu.bottom,\n .skin-default .dropdown-menu.bottom {\n background: #363a4f;\n color: #cad3f5;\n }\n .theme-default .dropdown-menu__item a:hover,\n .skin-default .dropdown-menu__item a:hover,\n .theme-default .dropdown-menu__item button:hover,\n .skin-default .dropdown-menu__item button:hover {\n background: #494d64;\n }\n .theme-default .input-copy,\n .skin-default .input-copy,\n .theme-default .simple_form input[type=\"text\"],\n .skin-default .simple_form input[type=\"text\"],\n .theme-default .simple_form textarea,\n .skin-default .simple_form textarea,\n .theme-default .simple_form .block-button,\n .skin-default .simple_form .block-button,\n .theme-default .simple_form .button,\n .skin-default .simple_form .button,\n .theme-default .simple_form button,\n .skin-default .simple_form button {\n background: #1e2030;\n color: #cad3f5;\n }\n .theme-default .simple_form .block-button:hover,\n .skin-default .simple_form .block-button:hover,\n .theme-default .simple_form .button:hover,\n .skin-default .simple_form .button:hover,\n .theme-default .simple_form button:hover,\n .skin-default .simple_form button:hover {\n background: #363a4f;\n }\n .theme-default .simple_form .input.with_label .label_input > label,\n .skin-default .simple_form .input.with_label .label_input > label,\n .theme-default .simple_form select,\n .skin-default .simple_form select,\n .theme-default .accounts-table__count,\n .skin-default .accounts-table__count,\n .theme-default .simple_form textarea,\n .skin-default .simple_form textarea {\n color: #cad3f5;\n }\n .theme-default .simple_form textarea,\n .skin-default .simple_form textarea,\n .theme-default .simple_form input[type=\"password\"],\n .skin-default .simple_form input[type=\"password\"],\n .theme-default .simple_form input[type=\"number\"],\n .skin-default .simple_form input[type=\"number\"],\n .theme-default .simple_form input[type=\"text\"],\n .skin-default .simple_form input[type=\"text\"] {\n border: 1px solid #181926;\n }\n .theme-default .simple_form input[type=\"email\"]:required:valid,\n .skin-default .simple_form input[type=\"email\"]:required:valid {\n border: 1px solid #a6da95;\n }\n .theme-default .simple_form input[type=\"password\"],\n .skin-default .simple_form input[type=\"password\"],\n .theme-default .simple_form input[type=\"number\"],\n .skin-default .simple_form input[type=\"number\"],\n .theme-default .simple_form input[type=\"email\"]:required:valid,\n .skin-default .simple_form input[type=\"email\"]:required:valid,\n .theme-default .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-default .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n color: #cad3f5;\n background: #1e2030;\n }\n .theme-default .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-default .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n border: 1px solid #ed8796;\n }\n .theme-default .simple_form select,\n .skin-default .simple_form select {\n background: #1e2030 url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2342485A'/></svg>\") no-repeat right 8px center / auto 16px;\n border: 1px solid #181926;\n }\n .theme-default .simple_form input[type=\"datetime-local\"]:active,\n .skin-default .simple_form input[type=\"datetime-local\"]:active,\n .theme-default .simple_form input[type=\"datetime-local\"]:focus,\n .skin-default .simple_form input[type=\"datetime-local\"]:focus,\n .theme-default .simple_form input[type=\"email\"]:active,\n .skin-default .simple_form input[type=\"email\"]:active,\n .theme-default .simple_form input[type=\"email\"]:focus,\n .skin-default .simple_form input[type=\"email\"]:focus,\n .theme-default .simple_form input[type=\"number\"]:active,\n .skin-default .simple_form input[type=\"number\"]:active,\n .theme-default .simple_form input[type=\"number\"]:focus,\n .skin-default .simple_form input[type=\"number\"]:focus,\n .theme-default .simple_form input[type=\"password\"]:active,\n .skin-default .simple_form input[type=\"password\"]:active,\n .theme-default .simple_form input[type=\"password\"]:focus,\n .skin-default .simple_form input[type=\"password\"]:focus,\n .theme-default .simple_form input[type=\"text\"]:active,\n .skin-default .simple_form input[type=\"text\"]:active,\n .theme-default .simple_form input[type=\"text\"]:focus,\n .skin-default .simple_form input[type=\"text\"]:focus,\n .theme-default .simple_form input[type=\"url\"]:active,\n .skin-default .simple_form input[type=\"url\"]:active,\n .theme-default .simple_form input[type=\"url\"]:focus,\n .skin-default .simple_form input[type=\"url\"]:focus,\n .theme-default .simple_form textarea:active,\n .skin-default .simple_form textarea:active,\n .theme-default .simple_form textarea:focus,\n .skin-default .simple_form textarea:focus {\n border-color: #b7bdf8 !important;\n background: #1e2030 !important;\n color: #cad3f5 !important;\n }\n .theme-default .table > thead > tr > th,\n .skin-default .table > thead > tr > th,\n .theme-default .setting-text:active,\n .skin-default .setting-text:active,\n .theme-default .setting-text:focus,\n .skin-default .setting-text:focus {\n border-color: #b7bdf8 !important;\n }\n .theme-default .batch-table__toolbar,\n .skin-default .batch-table__toolbar,\n .theme-default .table > thead > tr > th,\n .skin-default .table > thead > tr > th {\n background: #363a4f !important;\n color: #cad3f5 !important;\n }\n .theme-default .simple_form input[type=\"datetime-local\"]:hover,\n .skin-default .simple_form input[type=\"datetime-local\"]:hover,\n .theme-default .simple_form input[type=\"email\"]:hover,\n .skin-default .simple_form input[type=\"email\"]:hover,\n .theme-default .simple_form input[type=\"number\"]:hover,\n .skin-default .simple_form input[type=\"number\"]:hover,\n .theme-default .simple_form input[type=\"password\"]:hover,\n .skin-default .simple_form input[type=\"password\"]:hover,\n .theme-default .simple_form input[type=\"text\"]:hover,\n .skin-default .simple_form input[type=\"text\"]:hover,\n .theme-default .simple_form input[type=\"url\"]:hover,\n .skin-default .simple_form input[type=\"url\"]:hover,\n .theme-default .simple_form textarea:hover,\n .skin-default .simple_form textarea:hover {\n background: #1e2030 !important;\n border-color: #b7bdf8 !important;\n transition: 0.4s;\n }\n .theme-default .batch-table__row,\n .skin-default .batch-table__row {\n background: #494d64;\n }\n .theme-default .batch-table__row:hover,\n .skin-default .batch-table__row:hover,\n .theme-default .batch-table__row:nth-child(2n):hover,\n .skin-default .batch-table__row:nth-child(2n):hover {\n background: #5b6078;\n }\n .theme-default .batch-table__row:nth-child(2n),\n .skin-default .batch-table__row:nth-child(2n),\n .theme-default .table > tbody > tr > td,\n .skin-default .table > tbody > tr > td {\n background: #363a4f;\n }\n .theme-default .table > thead > tr > th,\n .skin-default .table > thead > tr > th {\n border-bottom: 2px solid #363a4f;\n }\n .theme-default .positive-hint,\n .skin-default .positive-hint {\n color: #a6da95 !important;\n }\n .theme-default .card__bar,\n .skin-default .card__bar {\n background: #363a4f;\n }\n }\n @media (prefers-color-scheme: dark) {\n .theme-default,\n .skin-default,\n .theme-default .tabs-bar__wrapper,\n .skin-default .tabs-bar__wrapper,\n .theme-default .admin-wrapper .sidebar-wrapper__inner,\n .skin-default .admin-wrapper .sidebar-wrapper__inner,\n .theme-default .ui__header,\n .skin-default .ui__header {\n background: #181926;\n color: #cad3f5;\n }\n .theme-default .ui__header,\n .skin-default .ui__header {\n border-bottom: none;\n }\n .theme-default .navigation-panel,\n .skin-default .navigation-panel,\n .theme-default .column-link,\n .skin-default .column-link {\n background: transparent;\n }\n .theme-default .account__header__bio .account__header__fields dt,\n .skin-default .account__header__bio .account__header__fields dt {\n background: transparent;\n }\n .theme-default .search-popout,\n .skin-default .search-popout,\n .theme-default .search-popout em,\n .skin-default .search-popout em,\n .theme-default .dismissable-banner__message,\n .skin-default .dismissable-banner__message,\n .theme-default .dismissable-banner__message h1,\n .skin-default .dismissable-banner__message h1,\n .theme-default .account__header__bio .account__header__fields dt,\n .skin-default .account__header__bio .account__header__fields dt,\n .theme-default .account__section-headline a.active,\n .skin-default .account__section-headline a.active,\n .theme-default .account__section-headline button.active,\n .skin-default .account__section-headline button.active,\n .theme-default .notification__filter-bar a.active,\n .skin-default .notification__filter-bar a.active,\n .theme-default .notification__filter-bar button.active,\n .skin-default .notification__filter-bar button.active,\n .theme-default .account__header__bio .account__header__content,\n .skin-default .account__header__bio .account__header__content,\n .theme-default .navigation-bar,\n .skin-default .navigation-bar,\n .theme-default .column-link__badge,\n .skin-default .column-link__badge,\n .theme-default .column-subheading,\n .skin-default .column-subheading,\n .theme-default .account__display-name strong,\n .skin-default .account__display-name strong,\n .theme-default .status__display-name strong,\n .skin-default .status__display-name strong,\n .theme-default .notification__message,\n .skin-default .notification__message,\n .theme-default .public-layout .public-account-bio .account__header__content,\n .skin-default .public-layout .public-account-bio .account__header__content,\n .theme-default .reply-indicator__content,\n .skin-default .reply-indicator__content,\n .theme-default .status__content,\n .skin-default .status__content,\n .theme-default .card__bar .display-name strong,\n .skin-default .card__bar .display-name strong {\n color: #cad3f5;\n }\n .theme-default .search-popout span,\n .skin-default .search-popout span,\n .theme-default .link-footer p,\n .skin-default .link-footer p,\n .theme-default .link-footer p a,\n .skin-default .link-footer p a {\n color: #b8c0e0;\n }\n .theme-default .account__header__tabs__name h1 small,\n .skin-default .account__header__tabs__name h1 small,\n .theme-default .account__header__bio .account__header__fields dd,\n .skin-default .account__header__bio .account__header__fields dd,\n .theme-default .display-name__account,\n .skin-default .display-name__account,\n .theme-default .status__relative-time,\n .skin-default .status__relative-time,\n .theme-default .empty-column-indicator,\n .skin-default .empty-column-indicator,\n .theme-default .follow_requests-unlocked_explanation,\n .skin-default .follow_requests-unlocked_explanation,\n .theme-default .account .account__display-name,\n .skin-default .account .account__display-name,\n .theme-default .label_input .search__input,\n .skin-default .label_input .search__input,\n .theme-default .search__input:focus,\n .skin-default .search__input:focus,\n .theme-default .account__header__fields dt,\n .skin-default .account__header__fields dt {\n color: #a5adcb;\n }\n .theme-default .compose-panel hr,\n .skin-default .compose-panel hr,\n .theme-default .navigation-panel hr,\n .skin-default .navigation-panel hr {\n border-top-color: #a5adcb;\n }\n .theme-default .trends__item,\n .skin-default .trends__item,\n .theme-default .status,\n .skin-default .status,\n .theme-default .getting-started__trends h4,\n .skin-default .getting-started__trends h4,\n .theme-default .trends__item__name span,\n .skin-default .trends__item__name span,\n .theme-default .story,\n .skin-default .story {\n border-color: #363a4f;\n }\n .theme-default .mention,\n .skin-default .mention,\n .theme-default .account__header__tabs__name h1,\n .skin-default .account__header__tabs__name h1,\n .theme-default .account__header__content a,\n .skin-default .account__header__content a,\n .theme-default .account__header__bio .account__header__fields a,\n .skin-default .account__header__bio .account__header__fields a,\n .theme-default .empty-column-indicator a,\n .skin-default .empty-column-indicator a,\n .theme-default .follow_requests-unlocked_explanation a,\n .skin-default .follow_requests-unlocked_explanation a,\n .theme-default .column-back-button,\n .skin-default .column-back-button,\n .theme-default .icon-button.inverted,\n .skin-default .icon-button.inverted,\n .theme-default .text-icon-button,\n .skin-default .text-icon-button,\n .theme-default .icon-button.active,\n .skin-default .icon-button.active,\n .theme-default .public-layout .public-account-bio .account__header__fields a,\n .skin-default .public-layout .public-account-bio .account__header__fields a,\n .theme-default .column-header__back-button,\n .skin-default .column-header__back-button,\n .theme-default .navigation-bar strong,\n .skin-default .navigation-bar strong,\n .theme-default .reply-indicator__content a.unhandled-link,\n .skin-default .reply-indicator__content a.unhandled-link,\n .theme-default .status__content a.unhandled-link,\n .skin-default .status__content a.unhandled-link,\n .theme-default .announcements__item__content a.unhandled-link,\n .skin-default .announcements__item__content a.unhandled-link,\n .theme-default .reactions-bar__item.active .reactions-bar__item__count,\n .skin-default .reactions-bar__item.active .reactions-bar__item__count,\n .theme-default .column-header.active .column-header__icon,\n .skin-default .column-header.active .column-header__icon {\n color: #b7bdf8;\n }\n .theme-default .conversation__unread,\n .skin-default .conversation__unread,\n .theme-default .react-toggle--checked .react-toggle-track,\n .skin-default .react-toggle--checked .react-toggle-track,\n .theme-default .react-toggle--checked:hover .react-toggle-track,\n .skin-default .react-toggle--checked:hover .react-toggle-track,\n .theme-default .pillbar-button:not([disabled]).active,\n .skin-default .pillbar-button:not([disabled]).active,\n .theme-default .pillbar-button:not([disabled]).active:focus,\n .skin-default .pillbar-button:not([disabled]).active:focus,\n .theme-default .pillbar-button:not([disabled]).active:hover,\n .skin-default .pillbar-button:not([disabled]).active:hover,\n .theme-default .radio-button__input.checked,\n .skin-default .radio-button__input.checked {\n background-color: #b7bdf8;\n }\n .theme-default .reactions-bar__item.active,\n .skin-default .reactions-bar__item.active {\n background-color: rgba(183, 189, 248, 0.25);\n }\n .theme-default .trends__item__sparkline path:last-child,\n .skin-default .trends__item__sparkline path:last-child {\n stroke: #b7bdf8 !important;\n }\n .theme-default .trends__item__sparkline path:first-child,\n .skin-default .trends__item__sparkline path:first-child {\n fill: rgba(183, 189, 248, 0.25) !important;\n }\n .theme-default .icon-button,\n .skin-default .icon-button,\n .theme-default .notification__message .fa,\n .skin-default .notification__message .fa {\n color: #5b6078;\n }\n .theme-default .icon-button:active,\n .skin-default .icon-button:active,\n .theme-default .icon-button:focus,\n .skin-default .icon-button:focus,\n .theme-default .icon-button:hover,\n .skin-default .icon-button:hover,\n .theme-default .text-icon-button:active,\n .skin-default .text-icon-button:active,\n .theme-default .text-icon-button:focus,\n .skin-default .text-icon-button:focus,\n .theme-default .text-icon-button:hover,\n .skin-default .text-icon-button:hover,\n .theme-default .icon-button.inverted:active,\n .skin-default .icon-button.inverted:active,\n .theme-default .icon-button.inverted:focus,\n .skin-default .icon-button.inverted:focus,\n .theme-default .icon-button.inverted:hover,\n .skin-default .icon-button.inverted:hover,\n .theme-default .public-layout .public-account-bio .account__header__fields a:hover,\n .skin-default .public-layout .public-account-bio .account__header__fields a:hover {\n color: #b7bdf8;\n }\n .theme-default .column-header,\n .skin-default .column-header,\n .theme-default .column-header__button,\n .skin-default .column-header__button,\n .theme-default .column-header__back-button,\n .skin-default .column-header__back-button,\n .theme-default .column-back-button,\n .skin-default .column-back-button,\n .theme-default .drawer__header,\n .skin-default .drawer__header,\n .theme-default .notification__filter-bar,\n .skin-default .notification__filter-bar,\n .theme-default .account__section-headline button,\n .skin-default .account__section-headline button,\n .theme-default .notification__filter-bar button,\n .skin-default .notification__filter-bar button,\n .theme-default .account__header,\n .skin-default .account__header,\n .theme-default .search__input,\n .skin-default .search__input,\n .theme-default .search__input:focus,\n .skin-default .search__input:focus,\n .theme-default .column-link__badge,\n .skin-default .column-link__badge,\n .theme-default .column-subheading,\n .skin-default .column-subheading,\n .theme-default .public-layout .header,\n .skin-default .public-layout .header,\n .theme-default .public-layout .public-account-header__bar::before,\n .skin-default .public-layout .public-account-header__bar::before,\n .theme-default .account__header__fields,\n .skin-default .account__header__fields,\n .theme-default .account__header__fields dt,\n .skin-default .account__header__fields dt,\n .theme-default .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .skin-default .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .theme-default .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .skin-default .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .theme-default .explore__search-header,\n .skin-default .explore__search-header,\n .theme-default .column-inline-form,\n .skin-default .column-inline-form,\n .theme-default .follow_requests-unlocked_explanation,\n .skin-default .follow_requests-unlocked_explanation,\n .theme-default .conversation--unread,\n .skin-default .conversation--unread,\n .theme-default .column-header__collapsible-inner,\n .skin-default .column-header__collapsible-inner,\n .theme-default .announcements,\n .skin-default .announcements,\n .theme-default .status-card__image,\n .skin-default .status-card__image {\n border-color: #181926;\n background: #363a4f;\n }\n .theme-default .account__section-headline,\n .skin-default .account__section-headline {\n background: #1e2030;\n border-color: #181926;\n }\n .theme-default .focusable:focus,\n .skin-default .focusable:focus {\n background: unset;\n }\n .theme-default .admin-wrapper .sidebar ul a:hover,\n .skin-default .admin-wrapper .sidebar ul a:hover,\n .theme-default .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .skin-default .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .theme-default .detailed-status,\n .skin-default .detailed-status,\n .theme-default .detailed-status__action-bar,\n .skin-default .detailed-status__action-bar {\n background: #363a4f;\n }\n .theme-default .detailed-status__wrapper > div:first-child .detailed-status,\n .skin-default .detailed-status__wrapper > div:first-child .detailed-status {\n border-top: none;\n }\n .theme-default .dismissable-banner,\n .skin-default .dismissable-banner {\n border-color: #494d64;\n background: #24273a;\n }\n .theme-default .column-header__wrapper.active,\n .skin-default .column-header__wrapper.active {\n box-shadow: 0 1px 0 rgba(183, 189, 248, 0.3);\n }\n .theme-default .column-header__wrapper.active::before,\n .skin-default .column-header__wrapper.active::before {\n background: radial-gradient(ellipse, rgba(183, 189, 248, 0.23) 0, rgba(99, 100, 255, 0) 60%);\n }\n .theme-default .theme-mastodon-light .account__header__bar,\n .skin-default .theme-mastodon-light .account__header__bar,\n .theme-default .theme-mastodon-light .column-header__back-button,\n .skin-default .theme-mastodon-light .column-header__back-button,\n .theme-default .account__header__bio .account__header__fields dl,\n .skin-default .account__header__bio .account__header__fields dl,\n .theme-default .account__header__bio .account__header__fields,\n .skin-default .account__header__bio .account__header__fields,\n .theme-default .empty-column-indicator,\n .skin-default .empty-column-indicator,\n .theme-default .column > .scrollable,\n .skin-default .column > .scrollable,\n .theme-default .nothing-here,\n .skin-default .nothing-here,\n .theme-default .public-layout .public-account-bio,\n .skin-default .public-layout .public-account-bio,\n .theme-default .hero-widget__text,\n .skin-default .hero-widget__text,\n .theme-default.admin,\n .skin-default.admin,\n .theme-default .admin-wrapper .sidebar ul a.selected,\n .skin-default .admin-wrapper .sidebar ul a.selected,\n .theme-default .admin-wrapper .sidebar ul ul,\n .skin-default .admin-wrapper .sidebar ul ul {\n border-color: #1e2030;\n background: #24273a;\n }\n .theme-default .public-layout .public-account-header__tabs__tabs .counter::after,\n .skin-default .public-layout .public-account-header__tabs__tabs .counter::after,\n .theme-default .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .skin-default .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .theme-default .react-toggle--checked .react-toggle-thumb,\n .skin-default .react-toggle--checked .react-toggle-thumb,\n .theme-default .radio-button__input.checked,\n .skin-default .radio-button__input.checked,\n .theme-default .account__action-bar__tab.active,\n .skin-default .account__action-bar__tab.active {\n border-color: #b7bdf8;\n }\n .theme-default .account,\n .skin-default .account,\n .theme-default .load-gap,\n .skin-default .load-gap {\n border-color: #1e2030;\n }\n .theme-default .account__section-headline a.active::after,\n .skin-default .account__section-headline a.active::after {\n border-color: transparent transparent #24273a;\n }\n .theme-default .account__section-headline a.active::before,\n .skin-default .account__section-headline a.active::before,\n .theme-default .account__section-headline button.active::after,\n .skin-default .account__section-headline button.active::after,\n .theme-default .account__section-headline button.active::before,\n .skin-default .account__section-headline button.active::before,\n .theme-default .notification__filter-bar a.active::after,\n .skin-default .notification__filter-bar a.active::after,\n .theme-default .notification__filter-bar a.active::before,\n .skin-default .notification__filter-bar a.active::before,\n .theme-default .notification__filter-bar button.active::after,\n .skin-default .notification__filter-bar button.active::after,\n .theme-default .notification__filter-bar button.active::before,\n .skin-default .notification__filter-bar button.active::before {\n border-color: transparent transparent #1e2030;\n }\n .theme-default .search-popout,\n .skin-default .search-popout,\n .theme-default .drawer__header a:hover,\n .skin-default .drawer__header a:hover,\n .theme-default .column-header__button:hover,\n .skin-default .column-header__button:hover,\n .theme-default .account__section-headline button:hover,\n .skin-default .account__section-headline button:hover,\n .theme-default .notification__filter-bar button:hover,\n .skin-default .notification__filter-bar button:hover,\n .theme-default .account__section-headline a:hover,\n .skin-default .account__section-headline a:hover {\n background: #5b6078;\n }\n .theme-default .column-link .active,\n .skin-default .column-link .active,\n .theme-default .column-link--transparent.active,\n .skin-default .column-link--transparent.active,\n .theme-default .column-link--transparent:focus,\n .skin-default .column-link--transparent:focus,\n .theme-default .column-link:focus,\n .skin-default .column-link:focus {\n color: #b7bdf8;\n }\n .theme-default .column-link--transparent:hover,\n .skin-default .column-link--transparent:hover,\n .theme-default .column-link:hover,\n .skin-default .column-link:hover {\n color: #b7bdf8;\n }\n .theme-default .status.collapsed .status__content:after,\n .skin-default .status.collapsed .status__content:after {\n background: linear-gradient(rgba(36, 39, 58, 0), #24273a);\n }\n .theme-default .button.button-tertiary:focus,\n .skin-default .button.button-tertiary:focus,\n .theme-default .button.button-tertiary:hover,\n .skin-default .button.button-tertiary:hover,\n .theme-default .button.button-tertiary:active,\n .skin-default .button.button-tertiary:active {\n color: #24273a;\n }\n .theme-default .button.button-tertiary,\n .skin-default .button.button-tertiary {\n border-color: #b7bdf8;\n }\n .theme-default .button,\n .skin-default .button,\n .theme-default .button.button-tertiary,\n .skin-default .button.button-tertiary,\n .theme-default .button.logo-button,\n .skin-default .button.logo-button,\n .theme-default .icon-with-badge__badge,\n .skin-default .icon-with-badge__badge {\n background: #b7bdf8;\n color: #24273a;\n }\n .theme-default .button.logo-button svg,\n .skin-default .button.logo-button svg {\n fill: currentColor;\n }\n .theme-default .public-layout .header .nav-button,\n .skin-default .public-layout .header .nav-button {\n background-color: #494d64;\n }\n .theme-default .public-layout .header .nav-button:hover,\n .skin-default .public-layout .header .nav-button:hover {\n background-color: #5b6078;\n }\n .theme-default .button.button-secondary,\n .skin-default .button.button-secondary {\n background-color: transparent;\n color: #cad3f5;\n border-color: #b7bdf8;\n }\n .theme-default .button.button-secondary:active,\n .skin-default .button.button-secondary:active,\n .theme-default .button.button-secondary:focus,\n .skin-default .button.button-secondary:focus,\n .theme-default .button.button-secondary:hover,\n .skin-default .button.button-secondary:hover {\n border-color: #b7bdf8;\n color: #24273a;\n transition: 0.2s;\n }\n .theme-default .button:active,\n .skin-default .button:active,\n .theme-default .button:focus,\n .skin-default .button:focus,\n .theme-default .button:hover,\n .skin-default .button:hover,\n .theme-default .button.button-tertiary:active,\n .skin-default .button.button-tertiary:active,\n .theme-default .button.button-tertiary:focus,\n .skin-default .button.button-tertiary:focus,\n .theme-default .button.button-tertiary:hover,\n .skin-default .button.button-tertiary:hover,\n .theme-default .button.logo-button:active,\n .skin-default .button.logo-button:active,\n .theme-default .button.logo-button:focus,\n .skin-default .button.logo-button:focus,\n .theme-default .button.logo-button:hover,\n .skin-default .button.logo-button:hover {\n background: #b7bdf8;\n }\n .theme-default .drawer__inner,\n .skin-default .drawer__inner,\n .theme-default .drawer__inner__mastodon,\n .skin-default .drawer__inner__mastodon,\n .theme-default .explore__search-header .search__input,\n .skin-default .explore__search-header .search__input {\n background-color: #24273a;\n }\n .theme-default .compose-form .compose-form__modifiers,\n .skin-default .compose-form .compose-form__modifiers,\n .theme-default .compose-form .autosuggest-textarea__textarea,\n .skin-default .compose-form .autosuggest-textarea__textarea,\n .theme-default .compose-form .compose-form__autosuggest-wrapper,\n .skin-default .compose-form .compose-form__autosuggest-wrapper,\n .theme-default .compose-form .spoiler-input__input,\n .skin-default .compose-form .spoiler-input__input {\n background: #494d64 !important;\n color: #cad3f5 !important;\n }\n .theme-default .compose-form .autosuggest-textarea__textarea::placeholder,\n .skin-default .compose-form .autosuggest-textarea__textarea::placeholder {\n color: #a5adcb !important;\n }\n .theme-default .compose-form .compose-form__buttons-wrapper,\n .skin-default .compose-form .compose-form__buttons-wrapper {\n background: #363a4f;\n }\n .theme-default .load-more:hover,\n .skin-default .load-more:hover {\n background-color: #1e2030;\n }\n .theme-default .character-counter,\n .skin-default .character-counter {\n color: #a5adcb;\n }\n .theme-default .public-layout .header,\n .skin-default .public-layout .header,\n .theme-default .hero-widget,\n .skin-default .hero-widget,\n .theme-default .public-layout .public-account-header,\n .skin-default .public-layout .public-account-header,\n .theme-default .public-layout .public-account-bio,\n .skin-default .public-layout .public-account-bio,\n .theme-default .nothing-here,\n .skin-default .nothing-here {\n box-shadow: none;\n }\n .theme-default .search__popout,\n .skin-default .search__popout,\n .theme-default .dropdown-menu__arrow:before,\n .skin-default .dropdown-menu__arrow:before,\n .theme-default .dropdown-menu__item a,\n .skin-default .dropdown-menu__item a,\n .theme-default .dropdown-menu__item button,\n .skin-default .dropdown-menu__item button,\n .theme-default .dropdown-menu__container__list,\n .skin-default .dropdown-menu__container__list,\n .theme-default .dropdown-menu.bottom,\n .skin-default .dropdown-menu.bottom {\n background: #363a4f;\n color: #cad3f5;\n }\n .theme-default .dropdown-menu__item a:hover,\n .skin-default .dropdown-menu__item a:hover,\n .theme-default .dropdown-menu__item button:hover,\n .skin-default .dropdown-menu__item button:hover {\n background: #494d64;\n }\n .theme-default .input-copy,\n .skin-default .input-copy,\n .theme-default .simple_form input[type=\"text\"],\n .skin-default .simple_form input[type=\"text\"],\n .theme-default .simple_form textarea,\n .skin-default .simple_form textarea,\n .theme-default .simple_form .block-button,\n .skin-default .simple_form .block-button,\n .theme-default .simple_form .button,\n .skin-default .simple_form .button,\n .theme-default .simple_form button,\n .skin-default .simple_form button {\n background: #1e2030;\n color: #cad3f5;\n }\n .theme-default .simple_form .block-button:hover,\n .skin-default .simple_form .block-button:hover,\n .theme-default .simple_form .button:hover,\n .skin-default .simple_form .button:hover,\n .theme-default .simple_form button:hover,\n .skin-default .simple_form button:hover {\n background: #363a4f;\n }\n .theme-default .simple_form .input.with_label .label_input > label,\n .skin-default .simple_form .input.with_label .label_input > label,\n .theme-default .simple_form select,\n .skin-default .simple_form select,\n .theme-default .accounts-table__count,\n .skin-default .accounts-table__count,\n .theme-default .simple_form textarea,\n .skin-default .simple_form textarea {\n color: #cad3f5;\n }\n .theme-default .simple_form textarea,\n .skin-default .simple_form textarea,\n .theme-default .simple_form input[type=\"password\"],\n .skin-default .simple_form input[type=\"password\"],\n .theme-default .simple_form input[type=\"number\"],\n .skin-default .simple_form input[type=\"number\"],\n .theme-default .simple_form input[type=\"text\"],\n .skin-default .simple_form input[type=\"text\"] {\n border: 1px solid #181926;\n }\n .theme-default .simple_form input[type=\"email\"]:required:valid,\n .skin-default .simple_form input[type=\"email\"]:required:valid {\n border: 1px solid #a6da95;\n }\n .theme-default .simple_form input[type=\"password\"],\n .skin-default .simple_form input[type=\"password\"],\n .theme-default .simple_form input[type=\"number\"],\n .skin-default .simple_form input[type=\"number\"],\n .theme-default .simple_form input[type=\"email\"]:required:valid,\n .skin-default .simple_form input[type=\"email\"]:required:valid,\n .theme-default .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-default .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n color: #cad3f5;\n background: #1e2030;\n }\n .theme-default .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown),\n .skin-default .simple_form input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n border: 1px solid #ed8796;\n }\n .theme-default .simple_form select,\n .skin-default .simple_form select {\n background: #1e2030 url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2342485A'/></svg>\") no-repeat right 8px center / auto 16px;\n border: 1px solid #181926;\n }\n .theme-default .simple_form input[type=\"datetime-local\"]:active,\n .skin-default .simple_form input[type=\"datetime-local\"]:active,\n .theme-default .simple_form input[type=\"datetime-local\"]:focus,\n .skin-default .simple_form input[type=\"datetime-local\"]:focus,\n .theme-default .simple_form input[type=\"email\"]:active,\n .skin-default .simple_form input[type=\"email\"]:active,\n .theme-default .simple_form input[type=\"email\"]:focus,\n .skin-default .simple_form input[type=\"email\"]:focus,\n .theme-default .simple_form input[type=\"number\"]:active,\n .skin-default .simple_form input[type=\"number\"]:active,\n .theme-default .simple_form input[type=\"number\"]:focus,\n .skin-default .simple_form input[type=\"number\"]:focus,\n .theme-default .simple_form input[type=\"password\"]:active,\n .skin-default .simple_form input[type=\"password\"]:active,\n .theme-default .simple_form input[type=\"password\"]:focus,\n .skin-default .simple_form input[type=\"password\"]:focus,\n .theme-default .simple_form input[type=\"text\"]:active,\n .skin-default .simple_form input[type=\"text\"]:active,\n .theme-default .simple_form input[type=\"text\"]:focus,\n .skin-default .simple_form input[type=\"text\"]:focus,\n .theme-default .simple_form input[type=\"url\"]:active,\n .skin-default .simple_form input[type=\"url\"]:active,\n .theme-default .simple_form input[type=\"url\"]:focus,\n .skin-default .simple_form input[type=\"url\"]:focus,\n .theme-default .simple_form textarea:active,\n .skin-default .simple_form textarea:active,\n .theme-default .simple_form textarea:focus,\n .skin-default .simple_form textarea:focus {\n border-color: #b7bdf8 !important;\n background: #1e2030 !important;\n color: #cad3f5 !important;\n }\n .theme-default .table > thead > tr > th,\n .skin-default .table > thead > tr > th,\n .theme-default .setting-text:active,\n .skin-default .setting-text:active,\n .theme-default .setting-text:focus,\n .skin-default .setting-text:focus {\n border-color: #b7bdf8 !important;\n }\n .theme-default .batch-table__toolbar,\n .skin-default .batch-table__toolbar,\n .theme-default .table > thead > tr > th,\n .skin-default .table > thead > tr > th {\n background: #363a4f !important;\n color: #cad3f5 !important;\n }\n .theme-default .simple_form input[type=\"datetime-local\"]:hover,\n .skin-default .simple_form input[type=\"datetime-local\"]:hover,\n .theme-default .simple_form input[type=\"email\"]:hover,\n .skin-default .simple_form input[type=\"email\"]:hover,\n .theme-default .simple_form input[type=\"number\"]:hover,\n .skin-default .simple_form input[type=\"number\"]:hover,\n .theme-default .simple_form input[type=\"password\"]:hover,\n .skin-default .simple_form input[type=\"password\"]:hover,\n .theme-default .simple_form input[type=\"text\"]:hover,\n .skin-default .simple_form input[type=\"text\"]:hover,\n .theme-default .simple_form input[type=\"url\"]:hover,\n .skin-default .simple_form input[type=\"url\"]:hover,\n .theme-default .simple_form textarea:hover,\n .skin-default .simple_form textarea:hover {\n background: #1e2030 !important;\n border-color: #b7bdf8 !important;\n transition: 0.4s;\n }\n .theme-default .batch-table__row,\n .skin-default .batch-table__row {\n background: #494d64;\n }\n .theme-default .batch-table__row:hover,\n .skin-default .batch-table__row:hover,\n .theme-default .batch-table__row:nth-child(2n):hover,\n .skin-default .batch-table__row:nth-child(2n):hover {\n background: #5b6078;\n }\n .theme-default .batch-table__row:nth-child(2n),\n .skin-default .batch-table__row:nth-child(2n),\n .theme-default .table > tbody > tr > td,\n .skin-default .table > tbody > tr > td {\n background: #363a4f;\n }\n .theme-default .table > thead > tr > th,\n .skin-default .table > thead > tr > th {\n border-bottom: 2px solid #363a4f;\n }\n .theme-default .positive-hint,\n .skin-default .positive-hint {\n color: #a6da95 !important;\n }\n .theme-default .card__bar,\n .skin-default .card__bar {\n background: #363a4f;\n }\n }",
"start": 1117,
"domains": [
"mastodon.social",
"mstdn.social",
"fosstodon.org",
"piaille.fr",
"tech.lgbt",
"wetdry.world"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name Mastodon Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/mastodon\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/mastodon\n@version 1.1.12\n@description Soothing pastel theme for Mastodon\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/mastodon/catppuccin.user.css\n@license \t\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"mastodon.social\"),\ndomain(\"mstdn.social\"),\ndomain(\"fosstodon.org\"),\ndomain(\"piaille.fr\"),\ndomain(\"tech.lgbt\"),\ndomain(\"wetdry.world\") {\n .theme-mastodon-light,\n .skin-modern-light,\n .skin-mastodon-light {\n #mastodon(@lightFlavor, @accentColor);\n }\n\n .theme-contrast,\n .skin-modern-dark,\n .skin-contrast {\n #mastodon(@darkFlavor, @accentColor);\n }\n\n @media (prefers-color-scheme: light) {\n .theme-default,\n .skin-default {\n #mastodon(@lightFlavor, @accentColor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n .theme-default,\n .skin-default {\n #mastodon(@darkFlavor, @accentColor);\n }\n }\n\n #mastodon(@lookup, @accent) {\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n &,\n .tabs-bar__wrapper,\n .admin-wrapper .sidebar-wrapper__inner,\n .ui__header {\n background: @crust;\n color: @text;\n }\n\n .ui__header {\n border-bottom: none;\n }\n\n .navigation-panel,\n .column-link {\n background: transparent;\n }\n\n .account__header__bio .account__header__fields dt {\n background: transparent;\n }\n\n .search-popout,\n .search-popout em,\n .dismissable-banner__message,\n .dismissable-banner__message h1,\n .account__header__bio .account__header__fields dt,\n .account__section-headline a.active,\n .account__section-headline button.active,\n .notification__filter-bar a.active,\n .notification__filter-bar button.active,\n .account__header__bio .account__header__content,\n .navigation-bar,\n .column-link__badge,\n .column-subheading,\n .account__display-name strong,\n .status__display-name strong,\n .notification__message,\n .public-layout .public-account-bio .account__header__content,\n .reply-indicator__content,\n .status__content,\n .card__bar .display-name strong {\n color: @text;\n }\n\n .search-popout span,\n .link-footer p,\n .link-footer p a {\n color: @subtext1;\n }\n\n .account__header__tabs__name h1 small,\n .account__header__bio .account__header__fields dd,\n .display-name__account,\n .status__relative-time,\n .empty-column-indicator,\n .follow_requests-unlocked_explanation,\n .account .account__display-name,\n .label_input .search__input,\n .search__input:focus,\n .account__header__fields dt {\n color: @subtext0;\n }\n\n .compose-panel hr,\n .navigation-panel hr {\n border-top-color: @subtext0;\n }\n\n .trends__item,\n .status,\n .getting-started__trends h4,\n .trends__item__name span,\n .story {\n border-color: @surface0;\n }\n\n .mention,\n .account__header__tabs__name h1,\n .account__header__content a,\n .account__header__bio .account__header__fields a,\n .empty-column-indicator a,\n .follow_requests-unlocked_explanation a,\n .column-back-button,\n .icon-button.inverted,\n .text-icon-button,\n .icon-button.active,\n .public-layout .public-account-bio .account__header__fields a,\n .column-header__back-button,\n .navigation-bar strong,\n .reply-indicator__content a.unhandled-link,\n .status__content a.unhandled-link,\n .announcements__item__content a.unhandled-link,\n .reactions-bar__item.active .reactions-bar__item__count,\n .column-header.active .column-header__icon {\n color: @accent-color;\n }\n\n .conversation__unread,\n .react-toggle--checked .react-toggle-track,\n .react-toggle--checked:hover .react-toggle-track,\n .pillbar-button:not([disabled]).active,\n .pillbar-button:not([disabled]).active:focus,\n .pillbar-button:not([disabled]).active:hover,\n .radio-button__input.checked {\n background-color: @accent-color;\n }\n\n .reactions-bar__item.active {\n background-color: rgba(@accent-color, 0.25);\n }\n\n .trends__item__sparkline path:last-child {\n stroke: @accent-color !important;\n }\n .trends__item__sparkline path:first-child {\n fill: rgba(@accent-color, 0.25) !important;\n }\n\n .icon-button,\n .notification__message .fa {\n color: @surface2;\n }\n\n .icon-button:active,\n .icon-button:focus,\n .icon-button:hover,\n .text-icon-button:active,\n .text-icon-button:focus,\n .text-icon-button:hover,\n .icon-button.inverted:active,\n .icon-button.inverted:focus,\n .icon-button.inverted:hover,\n .public-layout .public-account-bio .account__header__fields a:hover {\n color: @accent-color;\n }\n\n .column-header,\n .column-header__button,\n .column-header__back-button,\n .column-back-button,\n .drawer__header,\n .notification__filter-bar,\n .account__section-headline button,\n .notification__filter-bar button,\n .account__header,\n .search__input,\n .search__input:focus,\n .column-link__badge,\n .column-subheading,\n .public-layout .header,\n .public-layout .public-account-header__bar::before,\n .account__header__fields,\n .account__header__fields dt,\n .account__header__fields\n dd:not(.account__header__bio .account__header__fields dd),\n .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .explore__search-header,\n .column-inline-form,\n .follow_requests-unlocked_explanation,\n .conversation--unread,\n .column-header__collapsible-inner,\n .announcements,\n .status-card__image {\n border-color: @crust;\n background: @surface0;\n }\n\n .account__section-headline {\n background: @mantle;\n border-color: @crust;\n }\n\n .focusable:focus {\n background: unset;\n }\n\n .admin-wrapper .sidebar ul a:hover,\n .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .detailed-status,\n .detailed-status__action-bar {\n background: @surface0;\n }\n\n .detailed-status__wrapper > div:first-child .detailed-status {\n border-top: none;\n }\n\n .dismissable-banner {\n border-color: @surface1;\n background: @base;\n }\n\n .column-header__wrapper.active {\n box-shadow: 0 1px 0 rgba(@accent-color, 0.3);\n }\n .column-header__wrapper.active::before {\n background: radial-gradient(\n ellipse,\n rgba(@accent-color, 0.23) 0,\n rgba(99, 100, 255, 0) 60%\n );\n }\n\n .theme-mastodon-light .account__header__bar,\n .theme-mastodon-light .column-header__back-button,\n .account__header__bio .account__header__fields dl,\n .account__header__bio .account__header__fields,\n .empty-column-indicator,\n .column > .scrollable,\n .nothing-here,\n .public-layout .public-account-bio,\n .hero-widget__text,\n &.admin,\n .admin-wrapper .sidebar ul a.selected,\n .admin-wrapper .sidebar ul ul {\n border-color: @mantle;\n background: @base;\n }\n\n .public-layout .public-account-header__tabs__tabs .counter::after,\n .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .react-toggle--checked .react-toggle-thumb,\n .radio-button__input.checked,\n .account__action-bar__tab.active {\n border-color: @accent-color;\n }\n\n .account,\n .load-gap {\n border-color: @mantle;\n }\n\n .account__section-headline a.active::after {\n border-color: transparent transparent @base;\n }\n\n .account__section-headline a.active::before,\n .account__section-headline button.active::after,\n .account__section-headline button.active::before,\n .notification__filter-bar a.active::after,\n .notification__filter-bar a.active::before,\n .notification__filter-bar button.active::after,\n .notification__filter-bar button.active::before {\n border-color: transparent transparent @mantle;\n }\n\n .search-popout,\n .drawer__header a:hover,\n .column-header__button:hover,\n .account__section-headline button:hover,\n .notification__filter-bar button:hover,\n .account__section-headline a:hover {\n background: @surface2;\n }\n\n .column-link .active,\n .column-link--transparent.active,\n .column-link--transparent:focus,\n .column-link:focus {\n color: @accent-color;\n }\n\n .column-link--transparent:hover,\n .column-link:hover {\n color: @accent-color;\n }\n\n .status.collapsed .status__content:after {\n background: linear-gradient(fadeout(@base, 100), @base);\n }\n\n .button.button-tertiary:focus,\n .button.button-tertiary:hover,\n .button.button-tertiary:active {\n color: @base;\n }\n\n .button.button-tertiary {\n border-color: @accent-color;\n }\n\n .button,\n .button.button-tertiary,\n .button.logo-button,\n .icon-with-badge__badge {\n background: @accent-color;\n color: @base;\n }\n\n .button.logo-button svg {\n fill: currentColor;\n }\n\n .public-layout .header .nav-button {\n background-color: @surface1;\n }\n\n .public-layout .header .nav-button:hover {\n background-color: @surface2;\n }\n\n .button.button-secondary {\n background-color: transparent;\n color: @text;\n border-color: @accent-color;\n }\n .button.button-secondary:active,\n .button.button-secondary:focus,\n .button.button-secondary:hover {\n border-color: @accent-color;\n color: @base;\n transition: 0.2s;\n }\n\n .button:active,\n .button:focus,\n .button:hover,\n .button.button-tertiary:active,\n .button.button-tertiary:focus,\n .button.button-tertiary:hover,\n .button.logo-button:active,\n .button.logo-button:focus,\n .button.logo-button:hover {\n background: @accent-color;\n }\n\n .drawer__inner,\n .drawer__inner__mastodon,\n .explore__search-header .search__input {\n background-color: @base;\n }\n\n .compose-form .compose-form__modifiers,\n .compose-form .autosuggest-textarea__textarea,\n .compose-form .compose-form__autosuggest-wrapper,\n .compose-form .spoiler-input__input {\n background: @surface1 !important;\n color: @text !important;\n }\n\n .compose-form .autosuggest-textarea__textarea::placeholder {\n color: @subtext0 !important;\n }\n\n .compose-form .compose-form__buttons-wrapper {\n background: @surface0;\n }\n\n .load-more:hover {\n background-color: @mantle;\n }\n\n .character-counter {\n color: @subtext0;\n }\n\n .public-layout .header,\n .hero-widget,\n .public-layout .public-account-header,\n .public-layout .public-account-bio,\n .nothing-here {\n box-shadow: none;\n }\n\n .search__popout,\n .dropdown-menu__arrow:before,\n .dropdown-menu__item a,\n .dropdown-menu__item button,\n .dropdown-menu__container__list,\n .dropdown-menu.bottom {\n background: @surface0;\n color: @text;\n }\n\n .dropdown-menu__item a:hover,\n .dropdown-menu__item button:hover {\n background: @surface1;\n }\n\n .input-copy,\n .simple_form input[type=\"text\"],\n .simple_form textarea,\n .simple_form .block-button,\n .simple_form .button,\n .simple_form button {\n background: @mantle;\n color: @text;\n }\n\n .simple_form .block-button:hover,\n .simple_form .button:hover,\n .simple_form button:hover {\n background: @surface0;\n }\n\n .simple_form .input.with_label .label_input > label,\n .simple_form select,\n .accounts-table__count,\n .simple_form textarea {\n color: @text;\n }\n\n .simple_form textarea,\n .simple_form input[type=\"password\"],\n .simple_form input[type=\"number\"],\n .simple_form input[type=\"text\"] {\n border: 1px solid @crust;\n }\n\n .simple_form input[type=\"email\"]:required:valid {\n border: 1px solid @green;\n }\n\n .simple_form input[type=\"password\"],\n .simple_form input[type=\"number\"],\n .simple_form input[type=\"email\"]:required:valid,\n .simple_form\n input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n color: @text;\n background: @mantle;\n }\n\n .simple_form\n input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n border: 1px solid @red;\n }\n\n .simple_form select {\n background: @mantle\n url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2342485A'/></svg>\")\n no-repeat right 8px center/auto 16px;\n border: 1px solid @crust;\n }\n\n .simple_form input[type=\"datetime-local\"]:active,\n .simple_form input[type=\"datetime-local\"]:focus,\n .simple_form input[type=\"email\"]:active,\n .simple_form input[type=\"email\"]:focus,\n .simple_form input[type=\"number\"]:active,\n .simple_form input[type=\"number\"]:focus,\n .simple_form input[type=\"password\"]:active,\n .simple_form input[type=\"password\"]:focus,\n .simple_form input[type=\"text\"]:active,\n .simple_form input[type=\"text\"]:focus,\n .simple_form input[type=\"url\"]:active,\n .simple_form input[type=\"url\"]:focus,\n .simple_form textarea:active,\n .simple_form textarea:focus {\n border-color: @accent-color !important;\n background: @mantle !important;\n color: @text !important;\n }\n\n .table > thead > tr > th,\n .setting-text:active,\n .setting-text:focus {\n border-color: @accent-color !important;\n }\n\n .batch-table__toolbar,\n .table > thead > tr > th {\n background: @surface0 !important;\n color: @text !important;\n }\n\n .simple_form input[type=\"datetime-local\"]:hover,\n .simple_form input[type=\"email\"]:hover,\n .simple_form input[type=\"number\"]:hover,\n .simple_form input[type=\"password\"]:hover,\n .simple_form input[type=\"text\"]:hover,\n .simple_form input[type=\"url\"]:hover,\n .simple_form textarea:hover {\n background: @mantle !important;\n border-color: @accent-color !important;\n transition: 0.4s;\n }\n\n .batch-table__row {\n background: @surface1;\n }\n\n .batch-table__row:hover,\n .batch-table__row:nth-child(2n):hover {\n background: @surface2;\n }\n\n .batch-table__row:nth-child(2n),\n .table > tbody > tr > td {\n background: @surface0;\n }\n\n .table > thead > tr > th {\n border-bottom: 2px solid @surface0;\n }\n\n .positive-hint {\n color: @green !important;\n }\n\n .card__bar {\n background: @surface0;\n }\n }\n}\n",
"usercssData": {
"name": "Mastodon Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/mastodon",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/mastodon",
"version": "1.1.12",
"description": "Soothing pastel theme for Mastodon",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/mastodon/catppuccin.user.css",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": "macchiato",
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": "lavender",
"default": "sapphire",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Mastodon",
"name": "Mastodon Catppuccin",
"originalDigest": "683ac1c9e2341e2e2445cea09efe747ce31975ea",
"_id": "eb3d55a7-02ee-496f-9f86-251cdae6038a",
"_rev": 1698528210354,
"id": 50,
"etag": "W/\"6436534861d17b99d2e307e24349816ada7007b71c8206a87c120b7e5bf0d465\"",
"updateDate": 1698528210315
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/tutanota/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/tutanota",
"installDate": 1690106145381,
"sections": [
{
"code": "/* ==UserStyle==\n@name Tutanota Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/tutanota\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/tutanota\n@version 0.0.5\n@description Soothing pastel theme for Tutanota\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/tutanota/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentSelect \"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": ":root body,\n :root drawer-menu,\n :root .list-bg {\n background-color: #1e2030 !important;\n color: #cad3f5;\n }\n :root .list-row {\n background-color: #24273a;\n }\n :root .odd-row {\n background-color: #363a4f;\n }\n :root .header-nav {\n background-color: #24273a;\n }\n :root .elevated-bg,\n :root .folder-column,\n :root div[aria-modal] {\n background-color: #24273a !important;\n }\n :root .dropdown-button,\n :root .dropdown-button div {\n color: #cad3f5 !important;\n }\n :root .dropdown-button:hover {\n background-color: #494d64 !important;\n }\n :root .row-selected {\n border-color: #b7bdf8 !important;\n color: #b7bdf8 !important;\n }\n :root .row-selected > .nav-button {\n color: #b7bdf8 !important;\n }\n :root .row-selected > .nav-button > .icon {\n fill: #b7bdf8 !important;\n }\n :root .secondary {\n color: #b7bdf8 !important;\n }\n :root .nav-button,\n :root .sidebar-section.mb {\n color: #a5adcb !important;\n }\n :root .icon.icon-large,\n :root .nav-button .icon {\n fill: #a5adcb !important;\n }\n :root .bubble {\n background-color: #24273a;\n color: #cad3f5;\n }\n :root :where(.mouse-nav) .state-bg:hover,\n :root :where(.keyboard-nav) .state-bg:hover,\n :root [style*=\"background: rgba(139, 139, 139, 0.22)\"] {\n background-color: #363a4f !important;\n }\n :root .nav-bg,\n :root .content-bg,\n :root [style*=\"background-color: rgb(35, 35, 35)\"] {\n background-color: #24273a !important;\n }\n :root [style*=\"background-color: rgb(17, 17, 17);\"] {\n background-color: #1e2030 !important;\n }\n :root [style*=\"background-color: rgba(139, 139, 139, 0.22);\"] {\n background-color: #363a4f !important;\n }\n :root [style*=\"background-color: rgba(139, 139, 139, 0.38);\"] {\n background-color: #494d64 !important;\n }\n :root [style*=\"color: rgb(221, 221, 221);\"] {\n color: #cad3f5 !important;\n }\n :root [style*=\"color: rgb(174, 174, 174);\"] {\n color: #b8c0e0 !important;\n }\n :root .teamLabel {\n background-color: #b7bdf8;\n color: #1e2030;\n }\n :root [style*=\"border: 2px solid rgb(0, 210, 167);\"] {\n border-color: #b7bdf8 !important;\n }\n :root [style*=\"color: rgb(0, 210, 167);\"] {\n color: #b7bdf8 !important;\n }\n :root button.expander {\n color: #a5adcb !important;\n }\n :root .logo-height > svg:nth-child(1) > path:nth-child(2) {\n fill: #b7bdf8 !important;\n }\n :root ::-webkit-scrollbar-thumb {\n background-color: #494d64;\n }\n /* prettier-ignore */",
"start": 900,
"domains": [
"app.tuta.com",
"mail.tutanota.com"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name Tutanota Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/tutanota\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/tutanota\n@version 0.0.5\n@description Soothing pastel theme for Tutanota\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/tutanota/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentSelect \"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(\"app.tuta.com\"), domain(\"mail.tutanota.com\") {\n :root {\n #catppuccin(@flavor, @accentSelect);\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 #catppuccin(@lookup, @accentSelect) {\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: @catppuccin[@@lookup][@@accentSelect];\n\n body,\n drawer-menu,\n .list-bg {\n background-color: @mantle !important;\n color: @text;\n }\n\n .list-row {\n background-color: @base;\n }\n .odd-row {\n background-color: @surface0;\n }\n\n .header-nav {\n background-color: @base;\n }\n\n .elevated-bg,\n .folder-column,\n div[aria-modal] {\n background-color: @base !important;\n }\n\n .dropdown-button,\n .dropdown-button div {\n color: @text !important;\n }\n .dropdown-button:hover {\n background-color: @surface1 !important;\n }\n\n .row-selected {\n border-color: @accent !important;\n color: @accent !important;\n }\n .row-selected > .nav-button {\n color: @accent !important;\n }\n .row-selected > .nav-button > .icon {\n fill: @accent !important;\n }\n\n .secondary {\n color: @accent !important;\n }\n\n .nav-button,\n .sidebar-section.mb {\n color: @subtext0 !important;\n }\n .icon.icon-large,\n .nav-button .icon {\n fill: @subtext0 !important;\n }\n\n .bubble {\n background-color: @base;\n color: @text;\n }\n\n :where(.mouse-nav) .state-bg:hover,\n :where(.keyboard-nav) .state-bg:hover,\n [style*=\"background: rgba(139, 139, 139, 0.22)\"] {\n background-color: @surface0 !important;\n }\n\n .nav-bg,\n .content-bg,\n [style*=\"background-color: rgb(35, 35, 35)\"] {\n background-color: @base !important;\n }\n [style*=\"background-color: rgb(17, 17, 17);\"] {\n background-color: @mantle !important;\n }\n [style*=\"background-color: rgba(139, 139, 139, 0.22);\"] {\n background-color: @surface0 !important;\n }\n [style*=\"background-color: rgba(139, 139, 139, 0.38);\"] {\n background-color: @surface1 !important;\n }\n\n [style*=\"color: rgb(221, 221, 221);\"] {\n color: @text !important;\n }\n\n [style*=\"color: rgb(174, 174, 174);\"] {\n color: @subtext1 !important;\n }\n\n .teamLabel {\n background-color: @accent;\n color: @mantle;\n }\n\n [style*=\"border: 2px solid rgb(0, 210, 167);\"] {\n border-color: @accent !important;\n }\n [style*=\"color: rgb(0, 210, 167);\"] {\n color: @accent !important;\n }\n\n button.expander {\n color: @subtext0 !important;\n }\n\n .logo-height > svg:nth-child(1) > path:nth-child(2) {\n fill: @accent !important;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: @surface1;\n }\n }\n}\n// vim:ft=less\n",
"usercssData": {
"name": "Tutanota Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/tutanota",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/tutanota",
"version": "0.0.5",
"description": "Soothing pastel theme for Tutanota",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/tutanota/catppuccin.user.css",
"license": "MIT",
"preprocessor": "less",
"vars": {
"flavor": {
"type": "select",
"label": "Flavor",
"name": "flavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentSelect": {
"type": "select",
"label": "Accent",
"name": "accentSelect",
"value": "lavender",
"default": "red",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Tutanota",
"name": "Tutanota Catppuccin",
"originalDigest": "d61257b691a31db7af285f0be853def93f32e2d7",
"_id": "e736e6c6-f6a3-41e8-8ae1-5679d7f12fdf",
"_rev": 1700768733601,
"id": 51,
"etag": "W/\"165f03981495a702f23f6af40d4aa71ac4a510c445ea4dc2e427286a6ec6e85f\"",
"updateDate": 1700087372660
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/anilist/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/anilist",
"installDate": 1690106210183,
"sections": [
{
"code": "/* ==UserStyle==\n@name AniList Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/anilist\n@homepageURL\thttps://github.com/catppuccin/userstyles/tree/main/styles/anilist\n@version 2.1.1\n@description Soothing pastel theme for AniList\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/anilist/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent Color\" [ \"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green*\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\" ]\n@var select contrastColor \"Contrast Color\" [ \"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": "body:not(.site-theme-dark) {\n /* raw rgb needs to be defined for some reason */\n /* rgbify function converts a less color variable to raw rgb in @rgb-raw */\n --color-blue-dim: 143.01898734, 151.69240506, 236.98101266;\n /* BASE VARIABLES */\n --color-background-blue-dark: 184, 192, 224;\n --color-overlay: 24, 25, 38;\n --color-shadow: 30, 32, 48;\n --color-shadow-dark: 24, 25, 38;\n --color-shadow-blue: 138, 173, 244;\n --color-text-light: 184, 192, 224;\n --color-text-lighter: 165, 173, 203;\n --color-text-bright: 202, 211, 245;\n --color-blue: 183, 189, 248;\n --color-white: 255, 255, 255;\n --color-black: 0, 0, 0;\n --color-red: 183, 189, 248;\n --color-peach: 238, 153, 160;\n --color-orange: 245, 169, 127;\n --color-yellow: 238, 212, 159;\n --color-green: 166, 218, 149;\n --color-blue-100: 202, 211, 245;\n --color-blue-200: 202, 211, 245;\n --color-blue-300: 202, 211, 245;\n --color-blue-400: 125, 196, 228;\n --color-blue-500: 125, 196, 228;\n --color-blue-600: 138, 173, 244;\n --color-blue-700: 138, 173, 244;\n --color-blue-800: 138, 173, 244;\n --color-blue-900: 138, 173, 244;\n --color-blue-1000: 138, 173, 244;\n --color-green-100: 139, 213, 202;\n --color-green-200: 166, 218, 149;\n --color-green-300: 166, 218, 149;\n --color-green-400: 166, 218, 149;\n --color-green-500: 166, 218, 149;\n --color-green-600: 166, 218, 149;\n --color-green-700: 166, 218, 149;\n --color-green-800: 166, 218, 149;\n --color-red-100: 202, 211, 245;\n --color-red-200: 240, 198, 198;\n --color-red-300: 238, 153, 160;\n --color-red-400: 237, 135, 150;\n --color-red-500: 237, 135, 150;\n --color-red-600: 237, 135, 150;\n --color-red-700: 237, 135, 150;\n /* DARK THEME SPECIFIC TWEAKS */\n --color-background: 24, 25, 38;\n --color-foreground: 36, 39, 58;\n --color-foreground-grey: 54, 58, 79;\n --color-foreground-grey-dark: 54, 58, 79;\n --color-foreground-blue: 30, 32, 48;\n --color-foreground-blue-dark: 30, 32, 48;\n --color-text: 202, 211, 245;\n --color-text-light: 165, 173, 203;\n --color-text-lighter: 184, 192, 224;\n --color-shadow-blue: 24, 25, 38;\n --color-background-1200: 202, 211, 245;\n --color-background-1100: 202, 211, 245;\n --color-background-1000: 202, 211, 245;\n --color-background-900: 184, 192, 224;\n --color-background-800: 165, 173, 203;\n --color-background-700: 73, 77, 100;\n --color-background-600: 54, 58, 79;\n --color-background-500: 54, 58, 79;\n --color-background-400: 54, 58, 79;\n --color-background-300: 36, 39, 58;\n --color-background-200: 30, 32, 48;\n --color-background-100: 24, 25, 38;\n --color-gray-1200: 202, 211, 245;\n --color-gray-1100: 202, 211, 245;\n --color-gray-1000: 202, 211, 245;\n --color-gray-900: 202, 211, 245;\n --color-gray-800: 147, 154, 183;\n --color-gray-700: 128, 135, 162;\n --color-gray-600: 110, 115, 141;\n --color-gray-500: 91, 96, 120;\n --color-gray-400: 73, 77, 100;\n --color-gray-300: 54, 58, 79;\n --color-gray-200: 30, 32, 48;\n --color-gray-100: 24, 25, 38;\n /* DARK THEME NAV BAR */\n /*-----------------PROFILE FIXES-----------------*/\n /*--------------Tags----------------*/\n /*----Tracking Status List Stuff----*/\n /*---------SCORE TWEAKS--------------*/\n /*--------------FOOTER (It's hardcoded idk why anilist dumdum)----------*/\n /*------------------MISC EDITS--------------------*/\n /*--Reset button in notifications-----*/\n /* Publish Button in Replies and Messages */\n /*------------IMAGE COVER------------*/\n /*--------Settings button--------*/\n /*--------HIDE SCROLLBAR IN BIO-----*/\n /*--------REMOVE DROPDOWN SHADOWS-----*/\n /*---------ANILIST LIKER PLUGIN------*/\n }\n body:not(.site-theme-dark) .nav-unscoped {\n background-color: #1e2030 !important;\n }\n body:not(.site-theme-dark) .user-page-unscoped.orange {\n --color-blue: 245, 169, 127;\n --color-blue-dim: 241.30434783, 137.2173913, 79.69565217;\n --color-overlay: #181926;\n }\n body:not(.site-theme-dark) .user-page-unscoped.orange .progress .bar {\n background: linear-gradient(270deg, #f18950, #f5a97f);\n }\n body:not(.site-theme-dark) .user-page-unscoped.green {\n --color-blue: 166, 218, 149;\n --color-blue-dim: 134.25874126, 204.8041958, 111.1958042;\n --color-overlay: #181926;\n }\n body:not(.site-theme-dark) .user-page-unscoped.green .progress .bar {\n background: linear-gradient(270deg, #86cd6f, #a6da95);\n }\n body:not(.site-theme-dark) .user-page-unscoped.purple {\n --color-blue: 198, 160, 246;\n --color-blue-dim: 170.04807692, 113.41346154, 241.58653846;\n --color-overlay: #181926;\n }\n body:not(.site-theme-dark) .user-page-unscoped.purple .progress .bar {\n background: linear-gradient(270deg, #aa71f2, #c6a0f6);\n }\n body:not(.site-theme-dark) .user-page-unscoped.red {\n --color-blue: 237, 135, 150;\n --color-blue-dim: 230.34782609, 90.65217391, 111.19565217;\n --color-overlay: #181926;\n }\n body:not(.site-theme-dark) .user-page-unscoped.red .progress .bar {\n background: linear-gradient(270deg, #e65b6f, #ed8796);\n }\n body:not(.site-theme-dark) .user-page-unscoped.blue {\n --color-blue: 138, 173, 244;\n --color-blue-dim: 91.3828125, 140.328125, 239.6171875;\n --color-overlay: #181926;\n }\n body:not(.site-theme-dark) .user-page-unscoped.blue .progress .bar {\n background: linear-gradient(270deg, #5b8cf0, #8aadf4);\n }\n body:not(.site-theme-dark) .user-page-unscoped.pink {\n --color-blue: 245, 189, 230;\n --color-blue-dim: 238.28947368, 144.71052632, 213.22368421;\n --color-overlay: #181926;\n }\n body:not(.site-theme-dark) .user-page-unscoped.pink .progress .bar {\n background: linear-gradient(270deg, #ee91d5, #f5bde6);\n }\n body:not(.site-theme-dark) .user-page-unscoped.gray {\n --color-blue: 128, 135, 162;\n --color-blue-dim: 101.03181818, 108.63636364, 137.96818182;\n --color-overlay: #181926;\n }\n body:not(.site-theme-dark) .user-page-unscoped.gray .progress .bar {\n background: linear-gradient(270deg, #656d8a, #8087a2);\n }\n body:not(.site-theme-dark) .tag {\n background: #b7bdf8 !important;\n color: #24273a !important;\n }\n body:not(.site-theme-dark) .genre {\n color: #24273a !important;\n }\n body:not(.site-theme-dark) .list[data-v-5776f768],\n body:not(.site-theme-dark) .el-icon-arrow-down:before {\n color: #1e2030 !important;\n }\n body:not(.site-theme-dark) .el-dropdown-menu,\n body:not(.site-theme-dark) .el-dropdown-menu__item--divided:before,\n body:not(.site-theme-dark) .el-select-dropdown {\n background-color: #24273a !important;\n }\n body:not(.site-theme-dark) .el-dropdown-menu {\n border: 4px #cad3f5 !important;\n }\n body:not(.site-theme-dark) .el-dropdown-menu__item:focus,\n body:not(.site-theme-dark) .el-dropdown-menu__item:not(.is-disabled):hover {\n color: #181926 !important;\n }\n body:not(.site-theme-dark) .el-dropdown-menu__item--divided {\n border-top-color: #151f2e;\n }\n body:not(.site-theme-dark) .el-select-dropdown__item.hover,\n body:not(.site-theme-dark) .el-select-dropdown__item:hover {\n background-color: #1e2030;\n }\n body:not(.site-theme-dark) .score[data-v-5ca094da] {\n color: #24273a;\n }\n body:not(.site-theme-dark) .footer[data-v-0f519cab] {\n background: #181926;\n color: #a5adcb;\n }\n body:not(.site-theme-dark) .reset-btn {\n color: #24273a !important;\n }\n body:not(.site-theme-dark) .save {\n color: #24273a !important;\n }\n body:not(.site-theme-dark) .cover .image-text,\n body:not(.site-theme-dark) .plus-progress {\n color: #cad3f5 !important;\n }\n body:not(.site-theme-dark) .entry .plus-progress,\n body:not(.site-theme-dark) .medialist.table .entry .edit {\n color: #24273a !important;\n }\n body:not(.site-theme-dark) .settings[data-v-3deab077] .button {\n color: #181926;\n }\n body:not(.site-theme-dark) .el-checkbox__input.is-checked .el-checkbox__inner,\n body:not(.site-theme-dark) .el-radio__input.is-checked .el-radio__inner {\n background-color: #b7bdf8;\n border-color: #b7bdf8;\n }\n body:not(.site-theme-dark) .el-checkbox__inner:after {\n border-color: #181926;\n border-width: 2px;\n left: 3px;\n }\n body:not(.site-theme-dark) .el-radio__input.is-checked + .el-radio__label {\n color: #b7bdf8;\n }\n body:not(.site-theme-dark) .section::-webkit-scrollbar {\n display: none;\n }\n body:not(.site-theme-dark) .section {\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n body:not(.site-theme-dark) .dropdown.dropdown {\n box-shadow: none;\n }\n body:not(.site-theme-dark) #AnilistLikerPlugin .mmd2 {\n font-style: normal !important;\n font-weight: 700;\n font-family: Overpass;\n }\n body:not(.site-theme-dark) #AnilistLikerPlugin .btntop {\n margin-bottom: -4px;\n margin-top: 5px;\n }\n body:not(.site-theme-dark) #AnilistLikerPlugin .btnbottom {\n margin-top: -2px;\n }\n .site-theme-dark {\n /* raw rgb needs to be defined for some reason */\n /* rgbify function converts a less color variable to raw rgb in @rgb-raw */\n --color-blue-dim: 143.01898734, 151.69240506, 236.98101266;\n /* BASE VARIABLES */\n --color-background-blue-dark: 184, 192, 224;\n --color-overlay: 24, 25, 38;\n --color-shadow: 30, 32, 48;\n --color-shadow-dark: 24, 25, 38;\n --color-shadow-blue: 138, 173, 244;\n --color-text-light: 184, 192, 224;\n --color-text-lighter: 165, 173, 203;\n --color-text-bright: 202, 211, 245;\n --color-blue: 183, 189, 248;\n --color-white: 255, 255, 255;\n --color-black: 0, 0, 0;\n --color-red: 183, 189, 248;\n --color-peach: 238, 153, 160;\n --color-orange: 245, 169, 127;\n --color-yellow: 238, 212, 159;\n --color-green: 166, 218, 149;\n --color-blue-100: 202, 211, 245;\n --color-blue-200: 202, 211, 245;\n --color-blue-300: 202, 211, 245;\n --color-blue-400: 125, 196, 228;\n --color-blue-500: 125, 196, 228;\n --color-blue-600: 138, 173, 244;\n --color-blue-700: 138, 173, 244;\n --color-blue-800: 138, 173, 244;\n --color-blue-900: 138, 173, 244;\n --color-blue-1000: 138, 173, 244;\n --color-green-100: 139, 213, 202;\n --color-green-200: 166, 218, 149;\n --color-green-300: 166, 218, 149;\n --color-green-400: 166, 218, 149;\n --color-green-500: 166, 218, 149;\n --color-green-600: 166, 218, 149;\n --color-green-700: 166, 218, 149;\n --color-green-800: 166, 218, 149;\n --color-red-100: 202, 211, 245;\n --color-red-200: 240, 198, 198;\n --color-red-300: 238, 153, 160;\n --color-red-400: 237, 135, 150;\n --color-red-500: 237, 135, 150;\n --color-red-600: 237, 135, 150;\n --color-red-700: 237, 135, 150;\n /* DARK THEME SPECIFIC TWEAKS */\n --color-background: 24, 25, 38;\n --color-foreground: 36, 39, 58;\n --color-foreground-grey: 54, 58, 79;\n --color-foreground-grey-dark: 54, 58, 79;\n --color-foreground-blue: 30, 32, 48;\n --color-foreground-blue-dark: 30, 32, 48;\n --color-text: 202, 211, 245;\n --color-text-light: 165, 173, 203;\n --color-text-lighter: 184, 192, 224;\n --color-shadow-blue: 24, 25, 38;\n --color-background-1200: 202, 211, 245;\n --color-background-1100: 202, 211, 245;\n --color-background-1000: 202, 211, 245;\n --color-background-900: 184, 192, 224;\n --color-background-800: 165, 173, 203;\n --color-background-700: 73, 77, 100;\n --color-background-600: 54, 58, 79;\n --color-background-500: 54, 58, 79;\n --color-background-400: 54, 58, 79;\n --color-background-300: 36, 39, 58;\n --color-background-200: 30, 32, 48;\n --color-background-100: 24, 25, 38;\n --color-gray-1200: 202, 211, 245;\n --color-gray-1100: 202, 211, 245;\n --color-gray-1000: 202, 211, 245;\n --color-gray-900: 202, 211, 245;\n --color-gray-800: 147, 154, 183;\n --color-gray-700: 128, 135, 162;\n --color-gray-600: 110, 115, 141;\n --color-gray-500: 91, 96, 120;\n --color-gray-400: 73, 77, 100;\n --color-gray-300: 54, 58, 79;\n --color-gray-200: 30, 32, 48;\n --color-gray-100: 24, 25, 38;\n /* DARK THEME NAV BAR */\n /*-----------------PROFILE FIXES-----------------*/\n /*--------------Tags----------------*/\n /*----Tracking Status List Stuff----*/\n /*---------SCORE TWEAKS--------------*/\n /*--------------FOOTER (It's hardcoded idk why anilist dumdum)----------*/\n /*------------------MISC EDITS--------------------*/\n /*--Reset button in notifications-----*/\n /* Publish Button in Replies and Messages */\n /*------------IMAGE COVER------------*/\n /*--------Settings button--------*/\n /*--------HIDE SCROLLBAR IN BIO-----*/\n /*--------REMOVE DROPDOWN SHADOWS-----*/\n /*---------ANILIST LIKER PLUGIN------*/\n }\n .site-theme-dark .nav-unscoped {\n background-color: #1e2030 !important;\n }\n .site-theme-dark .user-page-unscoped.orange {\n --color-blue: 245, 169, 127;\n --color-blue-dim: 241.30434783, 137.2173913, 79.69565217;\n --color-overlay: #181926;\n }\n .site-theme-dark .user-page-unscoped.orange .progress .bar {\n background: linear-gradient(270deg, #f18950, #f5a97f);\n }\n .site-theme-dark .user-page-unscoped.green {\n --color-blue: 166, 218, 149;\n --color-blue-dim: 134.25874126, 204.8041958, 111.1958042;\n --color-overlay: #181926;\n }\n .site-theme-dark .user-page-unscoped.green .progress .bar {\n background: linear-gradient(270deg, #86cd6f, #a6da95);\n }\n .site-theme-dark .user-page-unscoped.purple {\n --color-blue: 198, 160, 246;\n --color-blue-dim: 170.04807692, 113.41346154, 241.58653846;\n --color-overlay: #181926;\n }\n .site-theme-dark .user-page-unscoped.purple .progress .bar {\n background: linear-gradient(270deg, #aa71f2, #c6a0f6);\n }\n .site-theme-dark .user-page-unscoped.red {\n --color-blue: 237, 135, 150;\n --color-blue-dim: 230.34782609, 90.65217391, 111.19565217;\n --color-overlay: #181926;\n }\n .site-theme-dark .user-page-unscoped.red .progress .bar {\n background: linear-gradient(270deg, #e65b6f, #ed8796);\n }\n .site-theme-dark .user-page-unscoped.blue {\n --color-blue: 138, 173, 244;\n --color-blue-dim: 91.3828125, 140.328125, 239.6171875;\n --color-overlay: #181926;\n }\n .site-theme-dark .user-page-unscoped.blue .progress .bar {\n background: linear-gradient(270deg, #5b8cf0, #8aadf4);\n }\n .site-theme-dark .user-page-unscoped.pink {\n --color-blue: 245, 189, 230;\n --color-blue-dim: 238.28947368, 144.71052632, 213.22368421;\n --color-overlay: #181926;\n }\n .site-theme-dark .user-page-unscoped.pink .progress .bar {\n background: linear-gradient(270deg, #ee91d5, #f5bde6);\n }\n .site-theme-dark .user-page-unscoped.gray {\n --color-blue: 128, 135, 162;\n --color-blue-dim: 101.03181818, 108.63636364, 137.96818182;\n --color-overlay: #181926;\n }\n .site-theme-dark .user-page-unscoped.gray .progress .bar {\n background: linear-gradient(270deg, #656d8a, #8087a2);\n }\n .site-theme-dark .tag {\n background: #b7bdf8 !important;\n color: #24273a !important;\n }\n .site-theme-dark .genre {\n color: #24273a !important;\n }\n .site-theme-dark .list[data-v-5776f768],\n .site-theme-dark .el-icon-arrow-down:before {\n color: #1e2030 !important;\n }\n .site-theme-dark .el-dropdown-menu,\n .site-theme-dark .el-dropdown-menu__item--divided:before,\n .site-theme-dark .el-select-dropdown {\n background-color: #24273a !important;\n }\n .site-theme-dark .el-dropdown-menu {\n border: 4px #cad3f5 !important;\n }\n .site-theme-dark .el-dropdown-menu__item:focus,\n .site-theme-dark .el-dropdown-menu__item:not(.is-disabled):hover {\n color: #181926 !important;\n }\n .site-theme-dark .el-dropdown-menu__item--divided {\n border-top-color: #151f2e;\n }\n .site-theme-dark .el-select-dropdown__item.hover,\n .site-theme-dark .el-select-dropdown__item:hover {\n background-color: #1e2030;\n }\n .site-theme-dark .score[data-v-5ca094da] {\n color: #24273a;\n }\n .site-theme-dark .footer[data-v-0f519cab] {\n background: #181926;\n color: #a5adcb;\n }\n .site-theme-dark .reset-btn {\n color: #24273a !important;\n }\n .site-theme-dark .save {\n color: #24273a !important;\n }\n .site-theme-dark .cover .image-text,\n .site-theme-dark .plus-progress {\n color: #cad3f5 !important;\n }\n .site-theme-dark .entry .plus-progress,\n .site-theme-dark .medialist.table .entry .edit {\n color: #24273a !important;\n }\n .site-theme-dark .settings[data-v-3deab077] .button {\n color: #181926;\n }\n .site-theme-dark .el-checkbox__input.is-checked .el-checkbox__inner,\n .site-theme-dark .el-radio__input.is-checked .el-radio__inner {\n background-color: #b7bdf8;\n border-color: #b7bdf8;\n }\n .site-theme-dark .el-checkbox__inner:after {\n border-color: #181926;\n border-width: 2px;\n left: 3px;\n }\n .site-theme-dark .el-radio__input.is-checked + .el-radio__label {\n color: #b7bdf8;\n }\n .site-theme-dark .section::-webkit-scrollbar {\n display: none;\n }\n .site-theme-dark .section {\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n .site-theme-dark .dropdown.dropdown {\n box-shadow: none;\n }\n .site-theme-dark #AnilistLikerPlugin .mmd2 {\n font-style: normal !important;\n font-weight: 700;\n font-family: Overpass;\n }\n .site-theme-dark #AnilistLikerPlugin .btntop {\n margin-bottom: -4px;\n margin-top: 5px;\n }\n .site-theme-dark #AnilistLikerPlugin .btnbottom {\n margin-top: -2px;\n }",
"start": 1282,
"domains": [
"anilist.co"
]
},
{
"code": "body:not(.site-theme-dark) {\n /* raw rgb needs to be defined for some reason */\n /* rgbify function converts a less color variable to raw rgb in @rgb-raw */\n --color-blue-dim: 143.01898734, 151.69240506, 236.98101266;\n /* BASE VARIABLES */\n --color-background-blue-dark: 184, 192, 224;\n --color-overlay: 24, 25, 38;\n --color-shadow: 30, 32, 48;\n --color-shadow-dark: 24, 25, 38;\n --color-shadow-blue: 138, 173, 244;\n --color-text-light: 184, 192, 224;\n --color-text-lighter: 165, 173, 203;\n --color-text-bright: 202, 211, 245;\n --color-blue: 183, 189, 248;\n --color-white: 255, 255, 255;\n --color-black: 0, 0, 0;\n --color-red: 183, 189, 248;\n --color-peach: 238, 153, 160;\n --color-orange: 245, 169, 127;\n --color-yellow: 238, 212, 159;\n --color-green: 166, 218, 149;\n --color-blue-100: 202, 211, 245;\n --color-blue-200: 202, 211, 245;\n --color-blue-300: 202, 211, 245;\n --color-blue-400: 125, 196, 228;\n --color-blue-500: 125, 196, 228;\n --color-blue-600: 138, 173, 244;\n --color-blue-700: 138, 173, 244;\n --color-blue-800: 138, 173, 244;\n --color-blue-900: 138, 173, 244;\n --color-blue-1000: 138, 173, 244;\n --color-green-100: 139, 213, 202;\n --color-green-200: 166, 218, 149;\n --color-green-300: 166, 218, 149;\n --color-green-400: 166, 218, 149;\n --color-green-500: 166, 218, 149;\n --color-green-600: 166, 218, 149;\n --color-green-700: 166, 218, 149;\n --color-green-800: 166, 218, 149;\n --color-red-100: 202, 211, 245;\n --color-red-200: 240, 198, 198;\n --color-red-300: 238, 153, 160;\n --color-red-400: 237, 135, 150;\n --color-red-500: 237, 135, 150;\n --color-red-600: 237, 135, 150;\n --color-red-700: 237, 135, 150;\n /* DARK THEME SPECIFIC TWEAKS */\n --color-background: 24, 25, 38;\n --color-foreground: 36, 39, 58;\n --color-foreground-grey: 54, 58, 79;\n --color-foreground-grey-dark: 54, 58, 79;\n --color-foreground-blue: 30, 32, 48;\n --color-foreground-blue-dark: 30, 32, 48;\n --color-text: 202, 211, 245;\n --color-text-light: 165, 173, 203;\n --color-text-lighter: 184, 192, 224;\n --color-shadow-blue: 24, 25, 38;\n --color-background-1200: 202, 211, 245;\n --color-background-1100: 202, 211, 245;\n --color-background-1000: 202, 211, 245;\n --color-background-900: 184, 192, 224;\n --color-background-800: 165, 173, 203;\n --color-background-700: 73, 77, 100;\n --color-background-600: 54, 58, 79;\n --color-background-500: 54, 58, 79;\n --color-background-400: 54, 58, 79;\n --color-background-300: 36, 39, 58;\n --color-background-200: 30, 32, 48;\n --color-background-100: 24, 25, 38;\n --color-gray-1200: 202, 211, 245;\n --color-gray-1100: 202, 211, 245;\n --color-gray-1000: 202, 211, 245;\n --color-gray-900: 202, 211, 245;\n --color-gray-800: 147, 154, 183;\n --color-gray-700: 128, 135, 162;\n --color-gray-600: 110, 115, 141;\n --color-gray-500: 91, 96, 120;\n --color-gray-400: 73, 77, 100;\n --color-gray-300: 54, 58, 79;\n --color-gray-200: 30, 32, 48;\n --color-gray-100: 24, 25, 38;\n /* DARK THEME NAV BAR */\n /*-----------------PROFILE FIXES-----------------*/\n /*--------------Tags----------------*/\n /*----Tracking Status List Stuff----*/\n /*---------SCORE TWEAKS--------------*/\n /*--------------FOOTER (It's hardcoded idk why anilist dumdum)----------*/\n /*------------------MISC EDITS--------------------*/\n /*--Reset button in notifications-----*/\n /* Publish Button in Replies and Messages */\n /*------------IMAGE COVER------------*/\n /*--------Settings button--------*/\n /*--------HIDE SCROLLBAR IN BIO-----*/\n /*--------REMOVE DROPDOWN SHADOWS-----*/\n /*---------ANILIST LIKER PLUGIN------*/\n /*--------ANICHART SPECIFIC TWEAKS----*/\n /* AUTOMAIL TWEAK */\n /*---------ANILIST LIKER PLUGIN------*/\n }\n body:not(.site-theme-dark) .nav-unscoped {\n background-color: #1e2030 !important;\n }\n body:not(.site-theme-dark) .user-page-unscoped.orange {\n --color-blue: 245, 169, 127;\n --color-blue-dim: 241.30434783, 137.2173913, 79.69565217;\n --color-overlay: #181926;\n }\n body:not(.site-theme-dark) .user-page-unscoped.orange .progress .bar {\n background: linear-gradient(270deg, #f18950, #f5a97f);\n }\n body:not(.site-theme-dark) .user-page-unscoped.green {\n --color-blue: 166, 218, 149;\n --color-blue-dim: 134.25874126, 204.8041958, 111.1958042;\n --color-overlay: #181926;\n }\n body:not(.site-theme-dark) .user-page-unscoped.green .progress .bar {\n background: linear-gradient(270deg, #86cd6f, #a6da95);\n }\n body:not(.site-theme-dark) .user-page-unscoped.purple {\n --color-blue: 198, 160, 246;\n --color-blue-dim: 170.04807692, 113.41346154, 241.58653846;\n --color-overlay: #181926;\n }\n body:not(.site-theme-dark) .user-page-unscoped.purple .progress .bar {\n background: linear-gradient(270deg, #aa71f2, #c6a0f6);\n }\n body:not(.site-theme-dark) .user-page-unscoped.red {\n --color-blue: 237, 135, 150;\n --color-blue-dim: 230.34782609, 90.65217391, 111.19565217;\n --color-overlay: #181926;\n }\n body:not(.site-theme-dark) .user-page-unscoped.red .progress .bar {\n background: linear-gradient(270deg, #e65b6f, #ed8796);\n }\n body:not(.site-theme-dark) .user-page-unscoped.blue {\n --color-blue: 138, 173, 244;\n --color-blue-dim: 91.3828125, 140.328125, 239.6171875;\n --color-overlay: #181926;\n }\n body:not(.site-theme-dark) .user-page-unscoped.blue .progress .bar {\n background: linear-gradient(270deg, #5b8cf0, #8aadf4);\n }\n body:not(.site-theme-dark) .user-page-unscoped.pink {\n --color-blue: 245, 189, 230;\n --color-blue-dim: 238.28947368, 144.71052632, 213.22368421;\n --color-overlay: #181926;\n }\n body:not(.site-theme-dark) .user-page-unscoped.pink .progress .bar {\n background: linear-gradient(270deg, #ee91d5, #f5bde6);\n }\n body:not(.site-theme-dark) .user-page-unscoped.gray {\n --color-blue: 128, 135, 162;\n --color-blue-dim: 101.03181818, 108.63636364, 137.96818182;\n --color-overlay: #181926;\n }\n body:not(.site-theme-dark) .user-page-unscoped.gray .progress .bar {\n background: linear-gradient(270deg, #656d8a, #8087a2);\n }\n body:not(.site-theme-dark) .tag {\n background: #b7bdf8 !important;\n color: #24273a !important;\n }\n body:not(.site-theme-dark) .genre {\n color: #24273a !important;\n }\n body:not(.site-theme-dark) .list[data-v-5776f768],\n body:not(.site-theme-dark) .el-icon-arrow-down:before {\n color: #1e2030 !important;\n }\n body:not(.site-theme-dark) .el-dropdown-menu,\n body:not(.site-theme-dark) .el-dropdown-menu__item--divided:before,\n body:not(.site-theme-dark) .el-select-dropdown {\n background-color: #24273a !important;\n }\n body:not(.site-theme-dark) .el-dropdown-menu {\n border: 4px #cad3f5 !important;\n }\n body:not(.site-theme-dark) .el-dropdown-menu__item:focus,\n body:not(.site-theme-dark) .el-dropdown-menu__item:not(.is-disabled):hover {\n color: #181926 !important;\n }\n body:not(.site-theme-dark) .el-dropdown-menu__item--divided {\n border-top-color: #151f2e;\n }\n body:not(.site-theme-dark) .el-select-dropdown__item.hover,\n body:not(.site-theme-dark) .el-select-dropdown__item:hover {\n background-color: #1e2030;\n }\n body:not(.site-theme-dark) .score[data-v-5ca094da] {\n color: #24273a;\n }\n body:not(.site-theme-dark) .footer[data-v-0f519cab] {\n background: #181926;\n color: #a5adcb;\n }\n body:not(.site-theme-dark) .reset-btn {\n color: #24273a !important;\n }\n body:not(.site-theme-dark) .save {\n color: #24273a !important;\n }\n body:not(.site-theme-dark) .cover .image-text,\n body:not(.site-theme-dark) .plus-progress {\n color: #cad3f5 !important;\n }\n body:not(.site-theme-dark) .entry .plus-progress,\n body:not(.site-theme-dark) .medialist.table .entry .edit {\n color: #24273a !important;\n }\n body:not(.site-theme-dark) .settings[data-v-3deab077] .button {\n color: #181926;\n }\n body:not(.site-theme-dark) .el-checkbox__input.is-checked .el-checkbox__inner,\n body:not(.site-theme-dark) .el-radio__input.is-checked .el-radio__inner {\n background-color: #b7bdf8;\n border-color: #b7bdf8;\n }\n body:not(.site-theme-dark) .el-checkbox__inner:after {\n border-color: #181926;\n border-width: 2px;\n left: 3px;\n }\n body:not(.site-theme-dark) .el-radio__input.is-checked + .el-radio__label {\n color: #b7bdf8;\n }\n body:not(.site-theme-dark) .section::-webkit-scrollbar {\n display: none;\n }\n body:not(.site-theme-dark) .section {\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n body:not(.site-theme-dark) .dropdown.dropdown {\n box-shadow: none;\n }\n body:not(.site-theme-dark) #AnilistLikerPlugin .mmd2 {\n font-style: normal !important;\n font-weight: 700;\n font-family: Overpass;\n }\n body:not(.site-theme-dark) #AnilistLikerPlugin .btntop {\n margin-bottom: -4px;\n margin-top: 5px;\n }\n body:not(.site-theme-dark) #AnilistLikerPlugin .btnbottom {\n margin-top: -2px;\n }\n body:not(.site-theme-dark) .login[data-v-0d5bfbcd],\n body:not(.site-theme-dark) .login[data-v-0d5bfbcd]:hover {\n color: #24273a;\n }\n body:not(.site-theme-dark) .nav[data-v-e2f25004] {\n background: #181926;\n }\n body:not(.site-theme-dark) .season[data-v-e2f25004],\n body:not(.site-theme-dark) .charts .label[data-v-e2f25004],\n body:not(.site-theme-dark) .charts .svg-icon[data-v-e2f25004],\n body:not(.site-theme-dark) .section:first-of-type .section-heading[data-v-309146c2],\n body:not(.site-theme-dark) a.title[data-v-09928904] {\n color: #cad3f5;\n }\n body:not(.site-theme-dark) .season.router-link-active[data-v-e2f25004],\n body:not(.site-theme-dark) .charts a:hover .svg-icon[data-v-e2f25004],\n body:not(.site-theme-dark) .season[data-v-e2f25004]:hover,\n body:not(.site-theme-dark) .charts .router-link-active .svg-icon[data-v-e2f25004] {\n color: #b7bdf8;\n }\n body:not(.site-theme-dark) .settings[data-v-3deab077] .button.danger {\n color: #24273a;\n }\n body:not(.site-theme-dark) .site-theme-dark .el-popper .el-dropdown-menu__item:focus,\n body:not(.site-theme-dark) .el-popper .el-dropdown-menu__item:not(.is-disabled):hover {\n color: #b7bdf8 !important;\n }\n body:not(.site-theme-dark) .hohMediaScore {\n font-size: 90%;\n font-family: Overpass;\n border: 2px solid #363a4f;\n padding: 4px;\n border-radius: 10px;\n margin-left: 0px;\n background-color: #24273a;\n color: #b7bdf8;\n }\n body:not(.site-theme-dark) .filter-group.compare-btn,\n body:not(.site-theme-dark) .hohButton {\n color: #24273a;\n }\n body:not(.site-theme-dark) .hohButton {\n background-color: #b7bdf8;\n }\n body:not(.site-theme-dark) .medialist.table .entry:hover,\n body:not(.site-theme-dark) .medialist.table .entry .title a:hover,\n body:not(.site-theme-dark) .compare-btn[data-v-170179fc]:hover {\n color: #24273a;\n }\n body:not(.site-theme-dark) .hohCompare table {\n background-color: #181926;\n }\n body:not(.site-theme-dark) .hohAnimeTable,\n body:not(.site-theme-dark) .hohAnimeTable td,\n body:not(.site-theme-dark) .hohUserRow td,\n body:not(.site-theme-dark) .hohUserRow th,\n body:not(.site-theme-dark) .hohHeaderRow td,\n body:not(.site-theme-dark) .hohHeaderRow th {\n border: 2px solid #363a4f !important;\n }\n body:not(.site-theme-dark) .hohUserRow td {\n border-top: 4px solid #363a4f !important;\n }\n body:not(.site-theme-dark) .hohUserRow tr {\n border-right: 4px solid #363a4f !important;\n }\n body:not(.site-theme-dark) #AnilistLikerPlugin .mmd2 {\n font-style: normal !important;\n font-weight: 700;\n font-family: Overpass;\n }\n body:not(.site-theme-dark) #AnilistLikerPlugin .btntop {\n margin-bottom: -4px;\n margin-top: 5px;\n }\n body:not(.site-theme-dark) #AnilistLikerPlugin .btnbottom {\n margin-top: -2px;\n }\n .site-theme-dark {\n /* raw rgb needs to be defined for some reason */\n /* rgbify function converts a less color variable to raw rgb in @rgb-raw */\n --color-blue-dim: 143.01898734, 151.69240506, 236.98101266;\n /* BASE VARIABLES */\n --color-background-blue-dark: 184, 192, 224;\n --color-overlay: 24, 25, 38;\n --color-shadow: 30, 32, 48;\n --color-shadow-dark: 24, 25, 38;\n --color-shadow-blue: 138, 173, 244;\n --color-text-light: 184, 192, 224;\n --color-text-lighter: 165, 173, 203;\n --color-text-bright: 202, 211, 245;\n --color-blue: 183, 189, 248;\n --color-white: 255, 255, 255;\n --color-black: 0, 0, 0;\n --color-red: 183, 189, 248;\n --color-peach: 238, 153, 160;\n --color-orange: 245, 169, 127;\n --color-yellow: 238, 212, 159;\n --color-green: 166, 218, 149;\n --color-blue-100: 202, 211, 245;\n --color-blue-200: 202, 211, 245;\n --color-blue-300: 202, 211, 245;\n --color-blue-400: 125, 196, 228;\n --color-blue-500: 125, 196, 228;\n --color-blue-600: 138, 173, 244;\n --color-blue-700: 138, 173, 244;\n --color-blue-800: 138, 173, 244;\n --color-blue-900: 138, 173, 244;\n --color-blue-1000: 138, 173, 244;\n --color-green-100: 139, 213, 202;\n --color-green-200: 166, 218, 149;\n --color-green-300: 166, 218, 149;\n --color-green-400: 166, 218, 149;\n --color-green-500: 166, 218, 149;\n --color-green-600: 166, 218, 149;\n --color-green-700: 166, 218, 149;\n --color-green-800: 166, 218, 149;\n --color-red-100: 202, 211, 245;\n --color-red-200: 240, 198, 198;\n --color-red-300: 238, 153, 160;\n --color-red-400: 237, 135, 150;\n --color-red-500: 237, 135, 150;\n --color-red-600: 237, 135, 150;\n --color-red-700: 237, 135, 150;\n /* DARK THEME SPECIFIC TWEAKS */\n --color-background: 24, 25, 38;\n --color-foreground: 36, 39, 58;\n --color-foreground-grey: 54, 58, 79;\n --color-foreground-grey-dark: 54, 58, 79;\n --color-foreground-blue: 30, 32, 48;\n --color-foreground-blue-dark: 30, 32, 48;\n --color-text: 202, 211, 245;\n --color-text-light: 165, 173, 203;\n --color-text-lighter: 184, 192, 224;\n --color-shadow-blue: 24, 25, 38;\n --color-background-1200: 202, 211, 245;\n --color-background-1100: 202, 211, 245;\n --color-background-1000: 202, 211, 245;\n --color-background-900: 184, 192, 224;\n --color-background-800: 165, 173, 203;\n --color-background-700: 73, 77, 100;\n --color-background-600: 54, 58, 79;\n --color-background-500: 54, 58, 79;\n --color-background-400: 54, 58, 79;\n --color-background-300: 36, 39, 58;\n --color-background-200: 30, 32, 48;\n --color-background-100: 24, 25, 38;\n --color-gray-1200: 202, 211, 245;\n --color-gray-1100: 202, 211, 245;\n --color-gray-1000: 202, 211, 245;\n --color-gray-900: 202, 211, 245;\n --color-gray-800: 147, 154, 183;\n --color-gray-700: 128, 135, 162;\n --color-gray-600: 110, 115, 141;\n --color-gray-500: 91, 96, 120;\n --color-gray-400: 73, 77, 100;\n --color-gray-300: 54, 58, 79;\n --color-gray-200: 30, 32, 48;\n --color-gray-100: 24, 25, 38;\n /* DARK THEME NAV BAR */\n /*-----------------PROFILE FIXES-----------------*/\n /*--------------Tags----------------*/\n /*----Tracking Status List Stuff----*/\n /*---------SCORE TWEAKS--------------*/\n /*--------------FOOTER (It's hardcoded idk why anilist dumdum)----------*/\n /*------------------MISC EDITS--------------------*/\n /*--Reset button in notifications-----*/\n /* Publish Button in Replies and Messages */\n /*------------IMAGE COVER------------*/\n /*--------Settings button--------*/\n /*--------HIDE SCROLLBAR IN BIO-----*/\n /*--------REMOVE DROPDOWN SHADOWS-----*/\n /*---------ANILIST LIKER PLUGIN------*/\n /*--------ANICHART SPECIFIC TWEAKS----*/\n /* AUTOMAIL TWEAK */\n /*---------ANILIST LIKER PLUGIN------*/\n }\n .site-theme-dark .nav-unscoped {\n background-color: #1e2030 !important;\n }\n .site-theme-dark .user-page-unscoped.orange {\n --color-blue: 245, 169, 127;\n --color-blue-dim: 241.30434783, 137.2173913, 79.69565217;\n --color-overlay: #181926;\n }\n .site-theme-dark .user-page-unscoped.orange .progress .bar {\n background: linear-gradient(270deg, #f18950, #f5a97f);\n }\n .site-theme-dark .user-page-unscoped.green {\n --color-blue: 166, 218, 149;\n --color-blue-dim: 134.25874126, 204.8041958, 111.1958042;\n --color-overlay: #181926;\n }\n .site-theme-dark .user-page-unscoped.green .progress .bar {\n background: linear-gradient(270deg, #86cd6f, #a6da95);\n }\n .site-theme-dark .user-page-unscoped.purple {\n --color-blue: 198, 160, 246;\n --color-blue-dim: 170.04807692, 113.41346154, 241.58653846;\n --color-overlay: #181926;\n }\n .site-theme-dark .user-page-unscoped.purple .progress .bar {\n background: linear-gradient(270deg, #aa71f2, #c6a0f6);\n }\n .site-theme-dark .user-page-unscoped.red {\n --color-blue: 237, 135, 150;\n --color-blue-dim: 230.34782609, 90.65217391, 111.19565217;\n --color-overlay: #181926;\n }\n .site-theme-dark .user-page-unscoped.red .progress .bar {\n background: linear-gradient(270deg, #e65b6f, #ed8796);\n }\n .site-theme-dark .user-page-unscoped.blue {\n --color-blue: 138, 173, 244;\n --color-blue-dim: 91.3828125, 140.328125, 239.6171875;\n --color-overlay: #181926;\n }\n .site-theme-dark .user-page-unscoped.blue .progress .bar {\n background: linear-gradient(270deg, #5b8cf0, #8aadf4);\n }\n .site-theme-dark .user-page-unscoped.pink {\n --color-blue: 245, 189, 230;\n --color-blue-dim: 238.28947368, 144.71052632, 213.22368421;\n --color-overlay: #181926;\n }\n .site-theme-dark .user-page-unscoped.pink .progress .bar {\n background: linear-gradient(270deg, #ee91d5, #f5bde6);\n }\n .site-theme-dark .user-page-unscoped.gray {\n --color-blue: 128, 135, 162;\n --color-blue-dim: 101.03181818, 108.63636364, 137.96818182;\n --color-overlay: #181926;\n }\n .site-theme-dark .user-page-unscoped.gray .progress .bar {\n background: linear-gradient(270deg, #656d8a, #8087a2);\n }\n .site-theme-dark .tag {\n background: #b7bdf8 !important;\n color: #24273a !important;\n }\n .site-theme-dark .genre {\n color: #24273a !important;\n }\n .site-theme-dark .list[data-v-5776f768],\n .site-theme-dark .el-icon-arrow-down:before {\n color: #1e2030 !important;\n }\n .site-theme-dark .el-dropdown-menu,\n .site-theme-dark .el-dropdown-menu__item--divided:before,\n .site-theme-dark .el-select-dropdown {\n background-color: #24273a !important;\n }\n .site-theme-dark .el-dropdown-menu {\n border: 4px #cad3f5 !important;\n }\n .site-theme-dark .el-dropdown-menu__item:focus,\n .site-theme-dark .el-dropdown-menu__item:not(.is-disabled):hover {\n color: #181926 !important;\n }\n .site-theme-dark .el-dropdown-menu__item--divided {\n border-top-color: #151f2e;\n }\n .site-theme-dark .el-select-dropdown__item.hover,\n .site-theme-dark .el-select-dropdown__item:hover {\n background-color: #1e2030;\n }\n .site-theme-dark .score[data-v-5ca094da] {\n color: #24273a;\n }\n .site-theme-dark .footer[data-v-0f519cab] {\n background: #181926;\n color: #a5adcb;\n }\n .site-theme-dark .reset-btn {\n color: #24273a !important;\n }\n .site-theme-dark .save {\n color: #24273a !important;\n }\n .site-theme-dark .cover .image-text,\n .site-theme-dark .plus-progress {\n color: #cad3f5 !important;\n }\n .site-theme-dark .entry .plus-progress,\n .site-theme-dark .medialist.table .entry .edit {\n color: #24273a !important;\n }\n .site-theme-dark .settings[data-v-3deab077] .button {\n color: #181926;\n }\n .site-theme-dark .el-checkbox__input.is-checked .el-checkbox__inner,\n .site-theme-dark .el-radio__input.is-checked .el-radio__inner {\n background-color: #b7bdf8;\n border-color: #b7bdf8;\n }\n .site-theme-dark .el-checkbox__inner:after {\n border-color: #181926;\n border-width: 2px;\n left: 3px;\n }\n .site-theme-dark .el-radio__input.is-checked + .el-radio__label {\n color: #b7bdf8;\n }\n .site-theme-dark .section::-webkit-scrollbar {\n display: none;\n }\n .site-theme-dark .section {\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n .site-theme-dark .dropdown.dropdown {\n box-shadow: none;\n }\n .site-theme-dark #AnilistLikerPlugin .mmd2 {\n font-style: normal !important;\n font-weight: 700;\n font-family: Overpass;\n }\n .site-theme-dark #AnilistLikerPlugin .btntop {\n margin-bottom: -4px;\n margin-top: 5px;\n }\n .site-theme-dark #AnilistLikerPlugin .btnbottom {\n margin-top: -2px;\n }\n .site-theme-dark .login[data-v-0d5bfbcd],\n .site-theme-dark .login[data-v-0d5bfbcd]:hover {\n color: #24273a;\n }\n .site-theme-dark .nav[data-v-e2f25004] {\n background: #181926;\n }\n .site-theme-dark .season[data-v-e2f25004],\n .site-theme-dark .charts .label[data-v-e2f25004],\n .site-theme-dark .charts .svg-icon[data-v-e2f25004],\n .site-theme-dark .section:first-of-type .section-heading[data-v-309146c2],\n .site-theme-dark a.title[data-v-09928904] {\n color: #cad3f5;\n }\n .site-theme-dark .season.router-link-active[data-v-e2f25004],\n .site-theme-dark .charts a:hover .svg-icon[data-v-e2f25004],\n .site-theme-dark .season[data-v-e2f25004]:hover,\n .site-theme-dark .charts .router-link-active .svg-icon[data-v-e2f25004] {\n color: #b7bdf8;\n }\n .site-theme-dark .settings[data-v-3deab077] .button.danger {\n color: #24273a;\n }\n .site-theme-dark .site-theme-dark .el-popper .el-dropdown-menu__item:focus,\n .site-theme-dark .el-popper .el-dropdown-menu__item:not(.is-disabled):hover {\n color: #b7bdf8 !important;\n }\n .site-theme-dark .hohMediaScore {\n font-size: 90%;\n font-family: Overpass;\n border: 2px solid #363a4f;\n padding: 4px;\n border-radius: 10px;\n margin-left: 0px;\n background-color: #24273a;\n color: #b7bdf8;\n }\n .site-theme-dark .filter-group.compare-btn,\n .site-theme-dark .hohButton {\n color: #24273a;\n }\n .site-theme-dark .hohButton {\n background-color: #b7bdf8;\n }\n .site-theme-dark .medialist.table .entry:hover,\n .site-theme-dark .medialist.table .entry .title a:hover,\n .site-theme-dark .compare-btn[data-v-170179fc]:hover {\n color: #24273a;\n }\n .site-theme-dark .hohCompare table {\n background-color: #181926;\n }\n .site-theme-dark .hohAnimeTable,\n .site-theme-dark .hohAnimeTable td,\n .site-theme-dark .hohUserRow td,\n .site-theme-dark .hohUserRow th,\n .site-theme-dark .hohHeaderRow td,\n .site-theme-dark .hohHeaderRow th {\n border: 2px solid #363a4f !important;\n }\n .site-theme-dark .hohUserRow td {\n border-top: 4px solid #363a4f !important;\n }\n .site-theme-dark .hohUserRow tr {\n border-right: 4px solid #363a4f !important;\n }\n .site-theme-dark #AnilistLikerPlugin .mmd2 {\n font-style: normal !important;\n font-weight: 700;\n font-family: Overpass;\n }\n .site-theme-dark #AnilistLikerPlugin .btntop {\n margin-bottom: -4px;\n margin-top: 5px;\n }\n .site-theme-dark #AnilistLikerPlugin .btnbottom {\n margin-top: -2px;\n }",
"start": 18716,
"domains": [
"anichart.net"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name AniList Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/anilist\n@homepageURL\thttps://github.com/catppuccin/userstyles/tree/main/styles/anilist\n@version 2.1.1\n@description Soothing pastel theme for AniList\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/anilist/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent Color\" [ \"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green*\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\" ]\n@var select contrastColor \"Contrast Color\" [ \"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green*\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\" ]\n==/UserStyle== */\n@-moz-document domain(\"anilist.co\") {\n\n body:not(.site-theme-dark) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n .site-theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n }\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n }\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n }\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n }\n }\n\n #rgbify(@color) {\n @rgb-raw: red(@color) green(@color) blue(@color);\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: @catppuccin[@@lookup][@@accentColor];\n @contrast-color: @catppuccin[@@lookup][@@contrastColor];\n /* raw rgb needs to be defined for some reason */\n @rgb-raw: @red;\n\n /* rgbify function converts a less color variable to raw rgb in @rgb-raw */\n #rgbify(@color) {\n @rgb-raw: red(@color),\n green(@color),\n blue(@color);\n }\n\n & when (@lookup =latte) {\n --color-blue-dim: #rgbify(desaturate(lighten(@accent, 10%), 10%))[@rgb-raw];\n .nav[data-v-62eacfff],\n .solid[data-v-62eacfff],\n .transparent[data-v-62eacfff]:hover {\n background: darken(@text, 10%);\n color: @base;\n }\n }\n\n & when not (@lookup =latte) {\n --color-blue-dim: #rgbify(desaturate(darken(@accent, 10%), 10%))[@rgb-raw];\n }\n\n /* BASE VARIABLES */\n & {\n --color-background: #rgbify(@crust)[@rgb-raw];\n --color-foreground: #rgbify(@base)[@rgb-raw];\n --color-foreground-grey: #rgbify(@surface0)[@rgb-raw];\n --color-foreground-grey-dark: #rgbify(@surface0)[@rgb-raw];\n --color-foreground-blue: #rgbify(@mantle)[@rgb-raw];\n --color-foreground-blue-dark: #rgbify(@mantle)[@rgb-raw];\n --color-background-blue-dark: #rgbify(@subtext1)[@rgb-raw];\n --color-overlay: #rgbify(@crust)[@rgb-raw];\n --color-shadow: #rgbify(@mantle)[@rgb-raw];\n --color-shadow-dark: #rgbify(@crust)[@rgb-raw];\n --color-shadow-blue: #rgbify(@blue)[@rgb-raw];\n --color-text: #rgbify(@text)[@rgb-raw];\n --color-text-light: #rgbify(@subtext1)[@rgb-raw];\n --color-text-lighter: #rgbify(@subtext0)[@rgb-raw];\n --color-text-bright: #rgbify(@text)[@rgb-raw];\n --color-blue: #rgbify(@accent)[@rgb-raw];\n --color-white: 255, 255, 255;\n --color-black: 0, 0, 0;\n --color-red: #rgbify(@contrast-color)[@rgb-raw];\n --color-peach: #rgbify(@maroon)[@rgb-raw];\n --color-orange: #rgbify(@peach)[@rgb-raw];\n --color-yellow: #rgbify(@yellow)[@rgb-raw];\n --color-green: #rgbify(@green)[@rgb-raw];\n --color-background-1200: #rgbify(@text)[@rgb-raw];\n --color-background-1100: #rgbify(@text)[@rgb-raw];\n --color-background-1000: #rgbify(@text)[@rgb-raw];\n --color-background-900: #rgbify(@subtext1)[@rgb-raw];\n --color-background-800: #rgbify(@subtext0)[@rgb-raw];\n --color-background-700: #rgbify(@surface1)[@rgb-raw];\n --color-background-600: #rgbify(@surface0)[@rgb-raw];\n --color-background-500: #rgbify(@surface0)[@rgb-raw];\n --color-background-400: #rgbify(@surface0)[@rgb-raw];\n --color-background-300: #rgbify(@base)[@rgb-raw];\n --color-background-200: #rgbify(@mantle)[@rgb-raw];\n --color-background-100: #rgbify(@crust)[@rgb-raw];\n --color-gray-1200: #rgbify(@text)[@rgb-raw];\n --color-gray-1100: #rgbify(@text)[@rgb-raw];\n --color-gray-1000: #rgbify(@text)[@rgb-raw];\n --color-gray-900: #rgbify(@text)[@rgb-raw];\n --color-gray-800: #rgbify(@overlay2)[@rgb-raw];\n --color-gray-700: #rgbify(@overlay1)[@rgb-raw];\n --color-gray-600: #rgbify(@overlay0)[@rgb-raw];\n --color-gray-500: #rgbify(@surface2)[@rgb-raw];\n --color-gray-400: #rgbify(@surface1)[@rgb-raw];\n --color-gray-300: #rgbify(@surface0)[@rgb-raw];\n --color-gray-200: #rgbify(@mantle)[@rgb-raw];\n --color-gray-100: #rgbify(@crust)[@rgb-raw];\n --color-blue-100: #rgbify(@text)[@rgb-raw];\n --color-blue-200: #rgbify(@text)[@rgb-raw];\n --color-blue-300: #rgbify(@text)[@rgb-raw];\n --color-blue-400: #rgbify(@sapphire)[@rgb-raw];\n --color-blue-500: #rgbify(@sapphire)[@rgb-raw];\n --color-blue-600: #rgbify(@blue)[@rgb-raw];\n --color-blue-700: #rgbify(@blue)[@rgb-raw];\n --color-blue-800: #rgbify(@blue)[@rgb-raw];\n --color-blue-900: #rgbify(@blue)[@rgb-raw];\n --color-blue-1000: #rgbify(@blue)[@rgb-raw];\n --color-green-100: #rgbify(@teal)[@rgb-raw];\n --color-green-200: #rgbify(@green)[@rgb-raw];\n --color-green-300: #rgbify(@green)[@rgb-raw];\n --color-green-400: #rgbify(@green)[@rgb-raw];\n --color-green-500: #rgbify(@green)[@rgb-raw];\n --color-green-600: #rgbify(@green)[@rgb-raw];\n --color-green-700: #rgbify(@green)[@rgb-raw];\n --color-green-800: #rgbify(@green)[@rgb-raw];\n --color-red-100: #rgbify(@text)[@rgb-raw];\n --color-red-200: #rgbify(@flamingo)[@rgb-raw];\n --color-red-300: #rgbify(@maroon)[@rgb-raw];\n --color-red-400: #rgbify(@red)[@rgb-raw];\n --color-red-500: #rgbify(@red)[@rgb-raw];\n --color-red-600: #rgbify(@red)[@rgb-raw];\n --color-red-700: #rgbify(@red)[@rgb-raw];\n }\n /* DARK THEME SPECIFIC TWEAKS */\n & when not (@lookup =latte) {\n --color-background: #rgbify(@crust)[@rgb-raw];\n --color-foreground: #rgbify(@base)[@rgb-raw];\n --color-foreground-grey: #rgbify(@surface0)[@rgb-raw];\n --color-foreground-grey-dark: #rgbify(@surface0)[@rgb-raw];\n --color-foreground-blue: #rgbify(@mantle)[@rgb-raw];\n --color-foreground-blue-dark: #rgbify(@mantle)[@rgb-raw];\n --color-text: #rgbify(@text)[@rgb-raw];\n --color-text-light: #rgbify(@subtext0)[@rgb-raw];\n --color-text-lighter: #rgbify(@subtext1)[@rgb-raw];\n --color-shadow-blue: #rgbify(@crust)[@rgb-raw];\n --color-background-1200: #rgbify(@text)[@rgb-raw];\n --color-background-1100: #rgbify(@text)[@rgb-raw];\n --color-background-1000: #rgbify(@text)[@rgb-raw];\n --color-background-900: #rgbify(@subtext1)[@rgb-raw];\n --color-background-800: #rgbify(@subtext0)[@rgb-raw];\n --color-background-700: #rgbify(@surface1)[@rgb-raw];\n --color-background-600: #rgbify(@surface0)[@rgb-raw];\n --color-background-500: #rgbify(@surface0)[@rgb-raw];\n --color-background-400: #rgbify(@surface0)[@rgb-raw];\n --color-background-300: #rgbify(@base)[@rgb-raw];\n --color-background-200: #rgbify(@mantle)[@rgb-raw];\n --color-background-100: #rgbify(@crust)[@rgb-raw];\n --color-gray-1200: #rgbify(@text)[@rgb-raw];\n --color-gray-1100: #rgbify(@text)[@rgb-raw];\n --color-gray-1000: #rgbify(@text)[@rgb-raw];\n --color-gray-900: #rgbify(@text)[@rgb-raw];\n --color-gray-800: #rgbify(@overlay2)[@rgb-raw];\n --color-gray-700: #rgbify(@overlay1)[@rgb-raw];\n --color-gray-600: #rgbify(@overlay0)[@rgb-raw];\n --color-gray-500: #rgbify(@surface2)[@rgb-raw];\n --color-gray-400: #rgbify(@surface1)[@rgb-raw];\n --color-gray-300: #rgbify(@surface0)[@rgb-raw];\n --color-gray-200: #rgbify(@mantle)[@rgb-raw];\n --color-gray-100: #rgbify(@crust)[@rgb-raw];\n }\n /* DARK THEME NAV BAR */\n .nav-unscoped when not (@lookup =latte) {\n background-color: @mantle !important;\n }\n /*-----------------PROFILE FIXES-----------------*/\n #profileColor(@color) {\n --color-blue: #rgbify(@color)[@rgb-raw];\n & when (@lookup =latte) {\n --color-blue-dim: #rgbify(lighten(@color, 10%))[@rgb-raw];\n }\n & when not (@lookup =latte) {\n --color-blue-dim: #rgbify(darken(@color, 10%))[@rgb-raw];\n }\n --color-overlay: @crust;\n .progress .bar {\n background: linear-gradient(270deg, darken(@color, 10%), @color);\n }\n }\n .user-page-unscoped.orange {\n #profileColor(@peach)\n }\n .user-page-unscoped.green {\n #profileColor(@green)\n }\n .user-page-unscoped.purple {\n #profileColor(@mauve)\n }\n .user-page-unscoped.red {\n #profileColor(@red)\n }\n .user-page-unscoped.blue {\n #profileColor(@blue)\n }\n .user-page-unscoped.pink {\n #profileColor(@pink)\n }\n .user-page-unscoped.gray {\n #profileColor(@overlay1)\n }\n\n /*--------------Tags----------------*/\n .tag {\n background: @accent !important;\n color: @base !important;\n }\n .genre {\n color: @base !important;\n }\n\n /*----Tracking Status List Stuff----*/\n .list[data-v-5776f768],\n .el-icon-arrow-down:before {\n color: @mantle !important;\n }\n .el-dropdown-menu,\n .el-dropdown-menu__item--divided:before,\n .el-select-dropdown {\n background-color: @base !important;\n }\n .el-dropdown-menu {\n border: 4px @text !important;\n }\n .el-dropdown-menu__item:focus,\n .el-dropdown-menu__item:not(.is-disabled):hover {\n color: @crust !important;\n }\n .el-dropdown-menu__item--divided when not (@lookup =latte) {\n border-top-color: rgb(21, 31, 46);\n }\n .el-select-dropdown__item.hover,\n .el-select-dropdown__item:hover {\n background-color: @mantle;\n }\n\n /*---------SCORE TWEAKS--------------*/\n .score[data-v-5ca094da] {\n color: @base;\n }\n\n /*--------------FOOTER (It's hardcoded idk why anilist dumdum)----------*/\n .footer[data-v-0f519cab] {\n background: @crust;\n color: @subtext0;\n }\n\n /*------------------MISC EDITS--------------------*/\n /*--Reset button in notifications-----*/\n .reset-btn {\n color: @base !important;\n }\n /* Publish Button in Replies and Messages */\n .save {\n color: @base !important;\n }\n /*------------IMAGE COVER------------*/\n .cover .image-text,\n .plus-progress {\n color: @text !important;\n }\n\n .entry .plus-progress,\n .medialist.table .entry .edit {\n color: @base !important;\n }\n /*--------Settings button--------*/\n .settings[data-v-3deab077] .button {\n color: @crust;\n }\n .el-checkbox__input.is-checked .el-checkbox__inner,\n .el-radio__input.is-checked .el-radio__inner {\n background-color: @accent;\n border-color: @accent;\n }\n .el-checkbox__inner:after {\n border-color: @crust;\n border-width: 2px;\n left: 3px;\n }\n .el-radio__input.is-checked + .el-radio__label {\n color: @accent;\n }\n /*--------HIDE SCROLLBAR IN BIO-----*/\n .section::-webkit-scrollbar {\n display: none;\n }\n .section {\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n /*--------REMOVE DROPDOWN SHADOWS-----*/\n .dropdown.dropdown {\n box-shadow: none;\n }\n /*---------ANILIST LIKER PLUGIN------*/\n #AnilistLikerPlugin .mmd2 {\n font-style: normal !important;\n font-weight: 700;\n font-family: Overpass;\n }\n #AnilistLikerPlugin .btntop {\n margin-bottom: -4px;\n margin-top: 5px;\n }\n #AnilistLikerPlugin .btnbottom {\n margin-top: -2px;\n }\n }\n}\n\n@-moz-document domain(\"anichart.net\") {\n\n body:not(.site-theme-dark) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n .site-theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n }\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n }\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n }\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n }\n }\n\n #rgbify(@color) {\n @rgb-raw: red(@color) green(@color) blue(@color);\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: @catppuccin[@@lookup][@@accentColor];\n @contrast-color: @catppuccin[@@lookup][@@contrastColor];\n /* raw rgb needs to be defined for some reason */\n @rgb-raw: @red;\n\n /* rgbify function converts a less color variable to raw rgb in @rgb-raw */\n #rgbify(@color) {\n @rgb-raw: red(@color),\n green(@color),\n blue(@color);\n }\n\n & when (@lookup =latte) {\n --color-blue-dim: #rgbify(desaturate(lighten(@accent, 10%), 10%))[@rgb-raw];\n .nav[data-v-62eacfff],\n .solid[data-v-62eacfff],\n .transparent[data-v-62eacfff]:hover {\n background: darken(@text, 10%);\n color: @base;\n }\n }\n\n & when not (@lookup =latte) {\n --color-blue-dim: #rgbify(desaturate(darken(@accent, 10%), 10%))[@rgb-raw];\n }\n\n /* BASE VARIABLES */\n & {\n --color-background: #rgbify(@crust)[@rgb-raw];\n --color-foreground: #rgbify(@base)[@rgb-raw];\n --color-foreground-grey: #rgbify(@surface0)[@rgb-raw];\n --color-foreground-grey-dark: #rgbify(@surface0)[@rgb-raw];\n --color-foreground-blue: #rgbify(@mantle)[@rgb-raw];\n --color-foreground-blue-dark: #rgbify(@mantle)[@rgb-raw];\n --color-background-blue-dark: #rgbify(@subtext1)[@rgb-raw];\n --color-overlay: #rgbify(@crust)[@rgb-raw];\n --color-shadow: #rgbify(@mantle)[@rgb-raw];\n --color-shadow-dark: #rgbify(@crust)[@rgb-raw];\n --color-shadow-blue: #rgbify(@blue)[@rgb-raw];\n --color-text: #rgbify(@text)[@rgb-raw];\n --color-text-light: #rgbify(@subtext1)[@rgb-raw];\n --color-text-lighter: #rgbify(@subtext0)[@rgb-raw];\n --color-text-bright: #rgbify(@text)[@rgb-raw];\n --color-blue: #rgbify(@accent)[@rgb-raw];\n --color-white: 255, 255, 255;\n --color-black: 0, 0, 0;\n --color-red: #rgbify(@contrast-color)[@rgb-raw];\n --color-peach: #rgbify(@maroon)[@rgb-raw];\n --color-orange: #rgbify(@peach)[@rgb-raw];\n --color-yellow: #rgbify(@yellow)[@rgb-raw];\n --color-green: #rgbify(@green)[@rgb-raw];\n --color-background-1200: #rgbify(@text)[@rgb-raw];\n --color-background-1100: #rgbify(@text)[@rgb-raw];\n --color-background-1000: #rgbify(@text)[@rgb-raw];\n --color-background-900: #rgbify(@subtext1)[@rgb-raw];\n --color-background-800: #rgbify(@subtext0)[@rgb-raw];\n --color-background-700: #rgbify(@surface1)[@rgb-raw];\n --color-background-600: #rgbify(@surface0)[@rgb-raw];\n --color-background-500: #rgbify(@surface0)[@rgb-raw];\n --color-background-400: #rgbify(@surface0)[@rgb-raw];\n --color-background-300: #rgbify(@base)[@rgb-raw];\n --color-background-200: #rgbify(@mantle)[@rgb-raw];\n --color-background-100: #rgbify(@crust)[@rgb-raw];\n --color-gray-1200: #rgbify(@text)[@rgb-raw];\n --color-gray-1100: #rgbify(@text)[@rgb-raw];\n --color-gray-1000: #rgbify(@text)[@rgb-raw];\n --color-gray-900: #rgbify(@text)[@rgb-raw];\n --color-gray-800: #rgbify(@overlay2)[@rgb-raw];\n --color-gray-700: #rgbify(@overlay1)[@rgb-raw];\n --color-gray-600: #rgbify(@overlay0)[@rgb-raw];\n --color-gray-500: #rgbify(@surface2)[@rgb-raw];\n --color-gray-400: #rgbify(@surface1)[@rgb-raw];\n --color-gray-300: #rgbify(@surface0)[@rgb-raw];\n --color-gray-200: #rgbify(@mantle)[@rgb-raw];\n --color-gray-100: #rgbify(@crust)[@rgb-raw];\n --color-blue-100: #rgbify(@text)[@rgb-raw];\n --color-blue-200: #rgbify(@text)[@rgb-raw];\n --color-blue-300: #rgbify(@text)[@rgb-raw];\n --color-blue-400: #rgbify(@sapphire)[@rgb-raw];\n --color-blue-500: #rgbify(@sapphire)[@rgb-raw];\n --color-blue-600: #rgbify(@blue)[@rgb-raw];\n --color-blue-700: #rgbify(@blue)[@rgb-raw];\n --color-blue-800: #rgbify(@blue)[@rgb-raw];\n --color-blue-900: #rgbify(@blue)[@rgb-raw];\n --color-blue-1000: #rgbify(@blue)[@rgb-raw];\n --color-green-100: #rgbify(@teal)[@rgb-raw];\n --color-green-200: #rgbify(@green)[@rgb-raw];\n --color-green-300: #rgbify(@green)[@rgb-raw];\n --color-green-400: #rgbify(@green)[@rgb-raw];\n --color-green-500: #rgbify(@green)[@rgb-raw];\n --color-green-600: #rgbify(@green)[@rgb-raw];\n --color-green-700: #rgbify(@green)[@rgb-raw];\n --color-green-800: #rgbify(@green)[@rgb-raw];\n --color-red-100: #rgbify(@text)[@rgb-raw];\n --color-red-200: #rgbify(@flamingo)[@rgb-raw];\n --color-red-300: #rgbify(@maroon)[@rgb-raw];\n --color-red-400: #rgbify(@red)[@rgb-raw];\n --color-red-500: #rgbify(@red)[@rgb-raw];\n --color-red-600: #rgbify(@red)[@rgb-raw];\n --color-red-700: #rgbify(@red)[@rgb-raw];\n }\n /* DARK THEME SPECIFIC TWEAKS */\n & when not (@lookup =latte) {\n --color-background: #rgbify(@crust)[@rgb-raw];\n --color-foreground: #rgbify(@base)[@rgb-raw];\n --color-foreground-grey: #rgbify(@surface0)[@rgb-raw];\n --color-foreground-grey-dark: #rgbify(@surface0)[@rgb-raw];\n --color-foreground-blue: #rgbify(@mantle)[@rgb-raw];\n --color-foreground-blue-dark: #rgbify(@mantle)[@rgb-raw];\n --color-text: #rgbify(@text)[@rgb-raw];\n --color-text-light: #rgbify(@subtext0)[@rgb-raw];\n --color-text-lighter: #rgbify(@subtext1)[@rgb-raw];\n --color-shadow-blue: #rgbify(@crust)[@rgb-raw];\n --color-background-1200: #rgbify(@text)[@rgb-raw];\n --color-background-1100: #rgbify(@text)[@rgb-raw];\n --color-background-1000: #rgbify(@text)[@rgb-raw];\n --color-background-900: #rgbify(@subtext1)[@rgb-raw];\n --color-background-800: #rgbify(@subtext0)[@rgb-raw];\n --color-background-700: #rgbify(@surface1)[@rgb-raw];\n --color-background-600: #rgbify(@surface0)[@rgb-raw];\n --color-background-500: #rgbify(@surface0)[@rgb-raw];\n --color-background-400: #rgbify(@surface0)[@rgb-raw];\n --color-background-300: #rgbify(@base)[@rgb-raw];\n --color-background-200: #rgbify(@mantle)[@rgb-raw];\n --color-background-100: #rgbify(@crust)[@rgb-raw];\n --color-gray-1200: #rgbify(@text)[@rgb-raw];\n --color-gray-1100: #rgbify(@text)[@rgb-raw];\n --color-gray-1000: #rgbify(@text)[@rgb-raw];\n --color-gray-900: #rgbify(@text)[@rgb-raw];\n --color-gray-800: #rgbify(@overlay2)[@rgb-raw];\n --color-gray-700: #rgbify(@overlay1)[@rgb-raw];\n --color-gray-600: #rgbify(@overlay0)[@rgb-raw];\n --color-gray-500: #rgbify(@surface2)[@rgb-raw];\n --color-gray-400: #rgbify(@surface1)[@rgb-raw];\n --color-gray-300: #rgbify(@surface0)[@rgb-raw];\n --color-gray-200: #rgbify(@mantle)[@rgb-raw];\n --color-gray-100: #rgbify(@crust)[@rgb-raw];\n }\n /* DARK THEME NAV BAR */\n .nav-unscoped when not (@lookup =latte) {\n background-color: @mantle !important;\n }\n /*-----------------PROFILE FIXES-----------------*/\n #profileColor(@color) {\n --color-blue: #rgbify(@color)[@rgb-raw];\n & when (@lookup =latte) {\n --color-blue-dim: #rgbify(lighten(@color, 10%))[@rgb-raw];\n }\n & when not (@lookup =latte) {\n --color-blue-dim: #rgbify(darken(@color, 10%))[@rgb-raw];\n }\n --color-overlay: @crust;\n .progress .bar {\n background: linear-gradient(270deg, darken(@color, 10%), @color);\n }\n }\n .user-page-unscoped.orange {\n #profileColor(@peach)\n }\n .user-page-unscoped.green {\n #profileColor(@green)\n }\n .user-page-unscoped.purple {\n #profileColor(@mauve)\n }\n .user-page-unscoped.red {\n #profileColor(@red)\n }\n .user-page-unscoped.blue {\n #profileColor(@blue)\n }\n .user-page-unscoped.pink {\n #profileColor(@pink)\n }\n .user-page-unscoped.gray {\n #profileColor(@overlay1)\n }\n\n /*--------------Tags----------------*/\n .tag {\n background: @accent !important;\n color: @base !important;\n }\n .genre {\n color: @base !important;\n }\n\n /*----Tracking Status List Stuff----*/\n .list[data-v-5776f768],\n .el-icon-arrow-down:before {\n color: @mantle !important;\n }\n .el-dropdown-menu,\n .el-dropdown-menu__item--divided:before,\n .el-select-dropdown {\n background-color: @base !important;\n }\n .el-dropdown-menu {\n border: 4px @text !important;\n }\n .el-dropdown-menu__item:focus,\n .el-dropdown-menu__item:not(.is-disabled):hover {\n color: @crust !important;\n }\n .el-dropdown-menu__item--divided when not (@lookup =latte) {\n border-top-color: rgb(21, 31, 46);\n }\n .el-select-dropdown__item.hover,\n .el-select-dropdown__item:hover {\n background-color: @mantle;\n }\n\n /*---------SCORE TWEAKS--------------*/\n .score[data-v-5ca094da] {\n color: @base;\n }\n\n /*--------------FOOTER (It's hardcoded idk why anilist dumdum)----------*/\n .footer[data-v-0f519cab] {\n background: @crust;\n color: @subtext0;\n }\n\n /*------------------MISC EDITS--------------------*/\n /*--Reset button in notifications-----*/\n .reset-btn {\n color: @base !important;\n }\n /* Publish Button in Replies and Messages */\n .save {\n color: @base !important;\n }\n /*------------IMAGE COVER------------*/\n .cover .image-text,\n .plus-progress {\n color: @text !important;\n }\n\n .entry .plus-progress,\n .medialist.table .entry .edit {\n color: @base !important;\n }\n /*--------Settings button--------*/\n .settings[data-v-3deab077] .button {\n color: @crust;\n }\n .el-checkbox__input.is-checked .el-checkbox__inner,\n .el-radio__input.is-checked .el-radio__inner {\n background-color: @accent;\n border-color: @accent;\n }\n .el-checkbox__inner:after {\n border-color: @crust;\n border-width: 2px;\n left: 3px;\n }\n .el-radio__input.is-checked + .el-radio__label {\n color: @accent;\n }\n /*--------HIDE SCROLLBAR IN BIO-----*/\n .section::-webkit-scrollbar {\n display: none;\n }\n .section {\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n /*--------REMOVE DROPDOWN SHADOWS-----*/\n .dropdown.dropdown {\n box-shadow: none;\n }\n /*---------ANILIST LIKER PLUGIN------*/\n #AnilistLikerPlugin .mmd2 {\n font-style: normal !important;\n font-weight: 700;\n font-family: Overpass;\n }\n #AnilistLikerPlugin .btntop {\n margin-bottom: -4px;\n margin-top: 5px;\n }\n #AnilistLikerPlugin .btnbottom {\n margin-top: -2px;\n }\n\t\t\n /*--------ANICHART SPECIFIC TWEAKS----*/\n .login[data-v-0d5bfbcd],\n .login[data-v-0d5bfbcd]:hover {\n color: @base;\n }\n\n .nav[data-v-e2f25004] {\n background: @crust;\n }\n .season[data-v-e2f25004],\n .charts .label[data-v-e2f25004],\n .charts .svg-icon[data-v-e2f25004],\n .section:first-of-type .section-heading[data-v-309146c2],\n a.title[data-v-09928904] {\n color: @text;\n }\n .season.router-link-active[data-v-e2f25004],\n .charts a:hover .svg-icon[data-v-e2f25004],\n .season[data-v-e2f25004]:hover,\n .charts .router-link-active .svg-icon[data-v-e2f25004] {\n color: @accent;\n }\n .settings[data-v-3deab077] .button.danger {\n color: @base;\n }\n /* AUTOMAIL TWEAK */\n .site-theme-dark .el-popper .el-dropdown-menu__item:focus,\n .el-popper .el-dropdown-menu__item:not(.is-disabled):hover {\n color: @accent !important;\n }\n .hohMediaScore {\n font-size: 90%;\n font-family: Overpass;\n border: 2px solid @surface0;\n padding: 4px;\n border-radius: 10px;\n margin-left: 0px;\n background-color: @base;\n color: @accent;\n }\n .filter-group.compare-btn,\n .hohButton {\n color: @base;\n }\n .hohButton {\n background-color: @accent;\n }\n .medialist.table .entry:hover,\n .medialist.table .entry .title a:hover,\n .compare-btn[data-v-170179fc]:hover {\n color: @base;\n }\n .hohCompare table {\n background-color: @crust;\n }\n .hohAnimeTable,\n .hohAnimeTable td,\n .hohUserRow td,\n .hohUserRow th,\n .hohHeaderRow td,\n .hohHeaderRow th {\n border: 2px solid @surface0 !important;\n }\n .hohUserRow td {\n border-top: 4px solid @surface0 !important;\n }\n .hohUserRow tr {\n border-right: 4px solid @surface0 !important;\n }\n\t\t\n /*---------ANILIST LIKER PLUGIN------*/\n #AnilistLikerPlugin .mmd2 {\n font-style: normal !important;\n font-weight: 700;\n font-family: Overpass;\n }\n #AnilistLikerPlugin .btntop {\n margin-bottom: -4px;\n margin-top: 5px;\n }\n #AnilistLikerPlugin .btnbottom {\n margin-top: -2px;\n }\n }\n}",
"usercssData": {
"name": "AniList Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/anilist",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/anilist",
"version": "2.1.1",
"description": "Soothing pastel theme for AniList",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/anilist/catppuccin.user.css",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": "macchiato",
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent Color",
"name": "accentColor",
"value": "lavender",
"default": "green",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
},
"contrastColor": {
"type": "select",
"label": "Contrast Color",
"name": "contrastColor",
"value": "lavender",
"default": "green",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for AniList",
"name": "AniList Catppuccin",
"originalDigest": "fe15b09a04b46e1ed211179ebee4fbb471a9cec0",
"_id": "e4e5196a-a0bb-4b1c-9c69-e3c6c07d3a74",
"_rev": 1690106210183,
"id": 53,
"etag": "W/\"82f3070ad9fa5e00a2f948eefb3e369b67de9ab30aecf80b2bfd241e47959a37\""
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/youtube",
"installDate": 1690127369964,
"sections": [
{
"code": "/* ==UserStyle==\n@name YouTube Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/youtube\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/youtube\n@version 3.2.0\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css\n@description Soothing pastel theme for YouTube\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var checkbox logo \"Logo\" 0\n@var checkbox oledOn \"Enable black bars\" 0\n@var text scrollbar_width \"Scrollbar width\" 8px\n==/UserStyle== */",
"start": 0
},
{
"code": "/* youtube.com */\n :root[dark] {\n /* apply everywhere */\n /* general colors */\n /* selected chapter */\n /* playlist selector */\n /* explandable meta */\n /* volume bar */\n /* new videos dot */\n /* subtitle */\n /* menu items */\n /* checkbox subitem */\n /* link */\n /* private video warning */\n /* search results */\n /* Results backgrounds */\n /* Transcript Button */\n /* text color */\n /* Hover and keyboard select background */\n /* Keyboard select text color and hover text color */\n /* exmplation box */\n /* custom likes + anims */\n /* iv branding */\n /* Popup for when you hover over the channel avatar in the video */\n /* Cards */\n /* Player tooltip background */\n /* Temporary fix */\n /* live badges */\n /* notification idicator */\n /* bell next to subscription button */\n /* creator badges */\n /* disable ambient mode */\n /* badges e.g. popular */\n /* Search border */\n /* New Feature inline banner */\n /* Chapter overview buttons */\n /* Error page */\n /* channel homepage */\n /* selected tab */\n /* unselected */\n /* hover */\n /* hopefully temporary */\n /* Scrollbar */\n /* text highlight */\n }\n :root[dark],\n :root[dark] [dark],\n :root[dark] html,\n :root[dark] html[system-icons][dark],\n :root[dark] html[system-icons] [dark],\n :root[dark] html[darker-dark-theme][dark],\n :root[dark] [darker-dark-theme] [dark] {\n --yt-spec-white-1: #cad3f5 !important;\n --yt-spec-white-2: #a5adcb !important;\n --yt-spec-white-3: #b8c0e0 !important;\n --yt-spec-white-4: #a6b0d8 !important;\n --yt-spec-black-1: #8087a2 !important;\n --yt-spec-black-2: #6e738d !important;\n --yt-spec-black-3: #5b6078 !important;\n --yt-spec-black-4: #494d64 !important;\n --yt-spec-black-pure: #363a4f !important;\n --yt-spec-grey-1: #cad3f5 !important;\n --yt-spec-grey-2: #a5adcb !important;\n --yt-spec-grey-3: #b8c0e0 !important;\n --yt-spec-grey-4: #939ab7 !important;\n --yt-spec-grey-5: #8087a2 !important;\n --yt-brand-youtube-red: #b7bdf8 !important;\n --yt-brand-medium-red: #b7bdf8 !important;\n --yt-brand-light-red: #b7bdf8 !important;\n --yt-spec-red-30: #f5a97f !important;\n --yt-spec-red-70: #ed8796 !important;\n --yt-spec-pale-blue: #91d7e3 !important;\n --yt-spec-light-blue: #91d7e3 !important;\n --yt-spec-dark-blue: #7dc4e4 !important;\n --yt-spec-navy-blue: #8bd5ca !important;\n --yt-spec-light-green: #a6da95 !important;\n --yt-spec-dark-green: #a6da95 !important;\n --yt-spec-yellow: #f5a97f !important;\n --yt-spec-black-pure-alpha-5: rgba(24, 25, 38, 0.9995) !important;\n --yt-spec-black-pure-alpha-10: rgba(24, 25, 38, 0.999) !important;\n --yt-spec-black-pure-alpha-15: rgba(24, 25, 38, 0.9985) !important;\n --yt-spec-black-pure-alpha-30: rgba(24, 25, 38, 0.997) !important;\n --yt-spec-black-pure-alpha-60: rgba(24, 25, 38, 0.994) !important;\n --yt-spec-black-pure-alpha-80: rgba(24, 25, 38, 0.992) !important;\n --yt-spec-black-1-alpha-98: rgba(24, 25, 38, 0.9902) !important;\n --yt-spec-black-1-alpha-95: rgba(24, 25, 38, 0.9905) !important;\n --yt-spec-white-1-alpha-10: rgba(202, 211, 245, 0.999) !important;\n --yt-spec-white-1-alpha-20: rgba(202, 211, 245, 0.998) !important;\n --yt-spec-white-1-alpha-25: rgba(202, 211, 245, 0.9975) !important;\n --yt-spec-white-1-alpha-30: rgba(202, 211, 245, 0.997) !important;\n --yt-spec-white-1-alpha-70: rgba(202, 211, 245, 0.993) !important;\n --yt-spec-white-1-alpha-95: rgba(202, 211, 245, 0.9905) !important;\n --yt-spec-white-1-alpha-98: rgba(202, 211, 245, 0.9902) !important;\n --yt-brand-medium-red-alpha-90: rgba(183, 189, 248, 0.991) !important;\n --yt-brand-medium-red-alpha-30: rgba(183, 189, 248, 0.997) !important;\n --yt-brand-light-red-alpha-30: rgba(183, 189, 248, 0.997) !important;\n --yt-spec-light-blue-alpha-30: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-dark-blue-alpha-30: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-base-background: #24273a !important;\n --yt-spec-raised-background: #1e2030 !important;\n --yt-spec-menu-background: #1e2030 !important;\n --yt-spec-inverted-background: #cad3f5 !important;\n --yt-spec-additive-background: rgba(54, 58, 79, 0.999) !important;\n --yt-spec-outline: #363a4f !important;\n --yt-spec-shadow: rgba(24, 25, 38, 0.9975) !important;\n --yt-spec-text-primary: #cad3f5 !important;\n --yt-spec-text-secondary: #a5adcb !important;\n --yt-spec-text-disabled: #b8c0e0 !important;\n --yt-spec-text-primary-inverse: #181926 !important;\n --yt-spec-call-to-action: #b7bdf8 !important;\n --yt-spec-call-to-action-inverse: #b7bdf8 !important;\n --yt-spec-suggested-action: rgba(183, 189, 248, 0.2) !important;\n --yt-spec-suggested-action-inverse: #cad3f5 !important;\n --yt-spec-icon-active-other: #6e738d !important;\n --yt-spec-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: #91d7e3 !important;\n --yt-spec-themed-green: #a6da95 !important;\n --yt-spec-ad-indicator: #8bd5ca !important;\n --yt-spec-themed-overlay-background: rgba(24, 25, 38, 0.992) !important;\n --yt-spec-commerce-badge-background: #a6da95 !important;\n --yt-spec-static-brand-red: #b7bdf8 !important;\n --yt-spec-static-brand-white: #cad3f5 !important;\n --yt-spec-static-brand-black: #24273a !important;\n --yt-spec-static-clear-color: #181926 !important;\n --yt-spec-static-clear-black: #181926 !important;\n --yt-spec-static-ad-yellow: #f5a97f !important;\n --yt-spec-static-grey: #a5adcb !important;\n --yt-spec-static-overlay-background-solid: #181926 !important;\n --yt-spec-static-overlay-background-heavy: rgba(54, 58, 79, 0.8) !important;\n --yt-spec-static-overlay-background-medium: rgba(24, 25, 38, 0.994) !important;\n --yt-spec-static-overlay-background-medium-light: rgba(24, 25, 38, 0.997) !important;\n --yt-spec-static-overlay-background-light: rgba(24, 25, 38, 0.999) !important;\n --yt-spec-static-overlay-text-primary: #cad3f5 !important;\n --yt-spec-static-overlay-text-secondary: rgba(165, 173, 203, 0.993) !important;\n --yt-spec-static-overlay-text-disabled: rgba(165, 173, 203, 0.997) !important;\n --yt-spec-static-overlay-call-to-action: #b7bdf8 !important;\n --yt-spec-static-overlay-icon-active-other: #cad3f5 !important;\n --yt-spec-static-overlay-icon-inactive: #494d64 !important;\n --yt-spec-static-overlay-icon-disabled: #5b6078 !important;\n --yt-spec-static-overlay-button-primary: #b7bdf8 !important;\n --yt-spec-static-overlay-button-secondary: #363a4f !important;\n --yt-spec-static-overlay-touch-response: #8087a2 !important;\n --yt-spec-static-overlay-touch-response-inverse: #494d64 !important;\n --yt-spec-static-overlay-background-brand: #b7bdf8 !important;\n --yt-spec-assistive-feed-themed-gradient-1: #a5adcb !important;\n --yt-spec-assistive-feed-themed-gradient-2: #b7bdf8 !important;\n --yt-spec-assistive-feed-themed-gradient-3: #ed8796 !important;\n --yt-spec-brand-background-solid: #24273a !important;\n --yt-spec-brand-background-primary: #24273a !important;\n --yt-spec-brand-background-secondary: #1e2030 !important;\n --yt-spec-general-background-a: #24273a !important;\n --yt-spec-general-background-b: #1e2030 !important;\n --yt-spec-general-background-c: #181926 !important;\n --yt-spec-error-background: #24273a !important;\n --yt-spec-10-percent-layer: #5b6078 !important;\n --yt-spec-snackbar-background: #1e2030 !important;\n --yt-spec-snackbar-background-updated: #1e2030 !important;\n --yt-spec-badge-chip-background: #494d64 !important;\n --yt-spec-verified-badge-background: #6e738d !important;\n --yt-spec-call-to-action-fadeoutd: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-call-to-action-hover: #b7bdf8 !importantr;\n --yt-spec-brand-button-background-hover: #b7bdf8 !important;\n --yt-spec-brand-link-text-fadeoutd: rgba(183, 189, 248, 0.997) !important;\n --yt-spec-filled-button-focus-outline: #363a4f !important;\n --yt-spec-static-overlay-button-hover: #494d64 !important;\n --yt-spec-mono-filled-hover: #494d64 !important;\n --yt-spec-commerce-filled-hover: #b7bdf8 !important;\n --yt-spec-mono-tonal-hover: #494d64 !important;\n --yt-spec-commerce-tonal-hover: #5b6078 !important;\n --yt-spec-static-overlay-filled-hover: #8087a2 !important;\n --yt-spec-static-overlay-tonal-hover: #494d64 !important;\n --yt-spec-paper-tab-ink: rgba(202, 211, 245, 0.997);\n --yt-spec-filled-button-text: #cad3f5 !important;\n --yt-spec-selected-nav-text: #cad3f5 !important;\n --iron-icon-fill-color: #cad3f5 !important;\n /* Search bar */\n --ytd-searchbox-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-shadow-color: #181926 !important;\n --ytd-searchbox-legacy-button-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-focus-color: #b7bdf8 !important;\n --ytd-searchbox-legacy-button-hover-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-hover-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-icon-color: #b7bdf8 !important;\n --ytd-searchbox-background: #24273a !important;\n --ytd-searchbox-text-color: #cad3f5 !important;\n /* System icons */\n --yt-spec-icon-inactive: #6e738d !important;\n --yt-spec-icon-disabled: #8087a2 !important;\n --yt-spec-brand-icon-inactive: #939ab7 !important;\n /* Yt video Page */\n --yt-live-chat-background-color: #24273a !important;\n --yt-live-chat-action-panel-background-color: #24273a !important;\n --yt-live-chat-secondary-background-color: #494d64;\n --yt-live-chat-toast-background-color: #5b6078 !important;\n --yt-live-chat-mode-change-background-color: #24273a !important;\n --yt-live-chat-secondary-text-color: #a5adcb !important;\n --yt-live-chat-tertiary-text-color: rgba(202, 211, 245, 0.9946) !important;\n --yt-live-chat-text-input-field-inactive-underline-color: #a5adcb !important;\n --yt-live-chat-text-input-field-placeholder-color: #a5adcb !important;\n --yt-live-chat-enabled-send-button-color: #cad3f5 !important;\n --yt-live-chat-disabled-icon-button-color: #b8c0e0 !important;\n --yt-live-chat-picker-button-hover-color: #b7bdf8 !important;\n --yt-live-chat-mention-background-color: #b7bdf8 !important;\n --yt-live-chat-mention-text-color: #cad3f5 !important;\n --yt-live-chat-deleted-message-color: #a5adcb;\n --yt-live-chat-deleted-message-bar-color: #b8c0e0 !important;\n --yt-live-chat-reconnect-message-color: #cad3f5 !important;\n --yt-live-chat-disabled-button-background-color: #6e738d !important;\n --yt-live-chat-sub-panel-background-color: #24273a !important;\n --yt-live-chat-sub-panel-background-color-transparent: #1e2030 !important;\n --yt-live-chat-moderator-color: #b7bdf8 !important;\n --yt-live-chat-owner-color: #f5a97f !important;\n --yt-live-chat-message-highlight-background-color: #24273a !important;\n --yt-live-chat-sponsor-color: #a6da95 !important;\n --yt-live-chat-overlay-color: rgba(30, 32, 48, 0.995);\n --yt-live-chat-dialog-background-color: #24273a !important;\n --yt-emoji-picker-variant-selector-bg-color: #24273a !important;\n --yt-live-chat-moderation-mode-hover-background-color: rgba(30, 32, 48, 0.997) !important;\n --yt-grey: #a5adcb !important;\n --yt-live-chat-text-input-field-suggestion-background-color: #a5adcb !important;\n --yt-live-chat-text-input-field-suggestion-background-color-hover: #b8c0e0 !important;\n --yt-emoji-picker-search-background-color: #363a4f !important;\n --yt-emoji-picker-search-color: #cad3f5 !important;\n --yt-emoji-picker-search-placeholder-color: #b7bdf8 !important;\n --yt-live-chat-slider-active-color: #b7bdf8 !important;\n --yt-live-chat-slider-container-color: #363a4f !important;\n --yt-live-chat-slider-markers-color: #cad3f5 !important;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(#1e2030, transparent) !important;\n --yt-live-chat-action-panel-gradient-scrim: linear-gradient(to top, #1e2030, transparent) !important;\n --yt-live-chat-automod-button-background-color-hover: rgba(24, 25, 38, 0.995) !important;\n --yt-live-chat-automod-button-explanation-color: rgba(183, 189, 248, 0.993) !important;\n --yt-live-chat-shimmer-background-color: rgba(24, 25, 38, 0.996) !important;\n --yt-live-chat-shimmer-linear-gradient: linear-gradient(0deg, rgba(202, 211, 245, 0.999) 40%, rgba(36, 39, 58, 0.997) 50%, rgba(202, 211, 245, 0.999) 60%) !important;\n --yt-live-chat-vem-background-color: #1e2030 !important;\n --yt-live-chat-product-picker-icon-color: rgba(202, 211, 245, 0.995) !important;\n --yt-live-chat-product-picker-hover-color: #6e738d !important;\n --yt-live-chat-product-picker-disabled-icon-color: rgba(202, 211, 245, 0.997) !important;\n --yt-live-chat-action-panel-background-color-transparent: (\n null\n ) !important;\n /* Tooltip */\n --paper-tooltip-background: #6e738d !important;\n --paper-tooltip-text-color: #cad3f5 !important;\n /* links */\n --yt-endpoint-color: #b7bdf8 !important;\n --yt-endpoint-visited-color: #b7bdf8 !important;\n --yt-endpoint-hover-color: #b7bdf8 !important;\n --sb-dark-red-outline: #b7bdf8 !important;\n --sb-main-bg-color: #24273a !important;\n --sb-main-fg-color: #cad3f5 !important;\n --sb-grey-bg-color: #24273a !important;\n --sb-grey-fg-color: #a5adcb !important;\n --sb-red-bg-color: #b7bdf8 !important;\n }\n :root[dark]:not(.style-scope) {\n --primary-text-color: #cad3f5 !important;\n --primary-background-color: #24273a !important;\n --secondary-text-color: #a5adcb !important;\n --disabled-text-color: #b8c0e0 !important;\n --divider-color: #6e738d !important;\n --error-color: #ed8796 !important;\n --primary-color: #b7bdf8 !important;\n --light-primary-color: #b7bdf8 !important;\n --dark-primary-color: #8aadf4 !important;\n --accent-color: #b7bdf8 !important;\n --light-accent-color: #b7bdf8 !important;\n --dark-accent-color: #b7bdf8 !important;\n --light-theme-background-color: #24273a !important;\n --light-theme-base-color: #cad3f5 !important;\n --light-theme-text-color: #cad3f5 !important;\n --light-theme-secondary-color: #a5adcb !important;\n --light-theme-disabled-color: #b8c0e0 !important;\n --light-theme-divider-color: #6e738d !important;\n --dark-theme-background-color: #24273a !important;\n --dark-theme-base-color: #cad3f5 !important;\n --dark-theme-text-color: #cad3f5 !important;\n --dark-theme-secondary-color: #a5adcb !important;\n --dark-theme-disabled-color: #b8c0e0 !important;\n --dark-theme-divider-color: #6e738d !important;\n }\n :root[dark] #channel-name.ytd-video-meta-block {\n --yt-endpoint-color: #b7bdf8 !important;\n --yt-endpoint-visited-color: #b7bdf8 !important;\n color: #b7bdf8 !important;\n }\n :root[dark] ytd-macro-markers-list-item-renderer {\n --ytd-macro-markers-list-item-background-color: #363a4f !important;\n --ytd-macro-markers-list-item-title-color: #cad3f5 !important;\n --ytd-macro-markers-list-item-secondary-color: #b8c0e0 !important;\n --ytd-macro-markers-list-item-timestamp-background-color: #494d64 !important;\n }\n :root[dark] ytd-playlist-panel-video-renderer {\n --yt-lightsource-section2-color: #494d64 !important;\n --yt-lightsource-section4-color: #5b6078 !important;\n --yt-lightsource-primary-title-color: #cad3f5 !important;\n --yt-lightsource-secondary-title-color: #cad3f5 !important;\n --yt-active-playlist-panel-background-color: #363a4f !important;\n }\n :root[dark] ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .header.ytd-playlist-panel-renderer {\n --iron-icon-fill-color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n :root[dark] ytd-expandable-metadata-renderer {\n --yt-lightsource-section1-color: #24273a !important;\n --yt-lightsource-section2-color: #363a4f !important;\n --yt-lightsource-section3-color: #494d64 !important;\n --yt-lightsource-section4-color: #5b6078 !important;\n --yt-lightsource-primary-title-color: #cad3f5 !important;\n --yt-lightsource-secondary-title-color: #a5adcb !important;\n }\n :root[dark] yt-live-chat-renderer {\n --yt-emoji-picker-renderer-height: 180px;\n --yt-button-default-text-color: #cad3f5 !important;\n --yt-button-default-background-color: #24273a !important;\n --yt-button-dark-text-color: #24273a !important;\n --yt-button-dark-background-color: #b7bdf8 !important;\n --yt-button-payment-background-color: #b7bdf8 !important;\n }\n :root[dark] yt-icon.ytd-pinned-comment-badge-renderer * {\n fill: #cad3f5 !important;\n }\n :root[dark] .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start::after {\n background: #6e738d !important;\n }\n :root[dark] .html5-ypc-purchase {\n background: #b7bdf8 !important;\n }\n :root[dark] .html5-ypc-purchase:hover {\n background: #e5e8fd !important;\n }\n :root[dark] yt-notification-action-renderer[darker-dark-theme] tp-yt-paper-toast.yt-notification-action-renderer {\n background: #6e738d !important;\n }\n :root[dark] .ytp-volume-slider-handle {\n background: #b7bdf8 !important;\n }\n :root[dark] .ytp-volume-slider-handle::before {\n background: #b7bdf8 !important;\n }\n :root[dark] .ytp-volume-slider-handle::after {\n z-index: -1;\n }\n :root[dark] #newness-dot {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .ytp-chrome-controls .ytp-button[aria-pressed]::after {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n background: 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.2L4.8%2012l-1.4%201.4L9%2019%2021%207l-1.4-1.4L9%2016.2z%22%20fill%3D%22%23b7bdf8%22/%3E%3C/svg%3E\");\n }\n :root[dark] .ytp-menuitem:not([aria-disabled=\"true\"]):hover {\n background: #494d64 !important;\n }\n :root[dark] .ytp-settings-button.ytp-hd-quality-badge::after,\n :root[dark] .ytp-settings-button.ytp-4k-quality-badge::after,\n :root[dark] .ytp-settings-button.ytp-5k-quality-badge::after,\n :root[dark] .ytp-settings-button.ytp-8k-quality-badge::after,\n :root[dark] .ytp-settings-button.ytp-3d-badge::after {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .ytp-panel-menu {\n color: #cad3f5;\n }\n :root[dark] .ytp-panel-menu .ytp-menuitem:not(:last-child) svg > path {\n fill: #cad3f5;\n }\n :root[dark] .ytp-panel-menu .ytp-menuitem:last-child svg:last-child {\n fill: #cad3f5;\n }\n :root[dark] .ytp-right-controls svg path,\n :root[dark] .ytp-svg-fill {\n fill: #fff !important;\n }\n :root[dark] .ytp-time-current,\n :root[dark] .ytp-time-separator,\n :root[dark] .ytp-time-duration,\n :root[dark] .ytp-menu-label-secondary,\n :root[dark] .ytp-menuitem-label-count {\n color: #fff;\n }\n :root[dark] .ytp-tooltip:not([aria-hidden=\"true\"]) {\n color: #cad3f5;\n }\n :root[dark] .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: #b7bdf8 !important;\n }\n :root[dark] .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled,\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled .yt-spec-button-shape-next__icon yt-icon svg g path,\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled .yt-spec-button-shape-next__icon yt-icon svg g path {\n fill: #24273a !important;\n }\n :root[dark] .yt-core-attributed-string__link--call-to-action-color {\n color: #7dc4e4 !important;\n }\n :root[dark] .yt-core-attributed-string__link--call-to-action-color:hover {\n color: #8bd5ca !important;\n }\n :root[dark] .WARNING.yt-alert-renderer {\n background-color: #eed49f;\n }\n :root[dark] .sbpqs_a::before,\n :root[dark] .sbqs_c::before {\n filter: invert(1);\n }\n :root[dark] .sbsb_a,\n :root[dark] .sbdd_b {\n background: #1e2030 !important;\n }\n :root[dark] .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline {\n color: #b7bdf8 !important;\n border-color: #5b6078 !important;\n }\n :root[dark] .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline:hover {\n background-color: rgba(183, 189, 248, 0.2) !important;\n border-color: rgba(183, 189, 248, 0.2) !important;\n }\n :root[dark] .gsfs {\n color: #cad3f5 !important;\n }\n :root[dark] .sbsb_c.gsfs:hover,\n :root[dark] .sbsb_d {\n background-color: #363a4f !important;\n }\n :root[dark] .sbfl_b {\n background-color: #1e2030 !important;\n }\n :root[dark] .sbfl_b:hover {\n background-color: #363a4f !important;\n color: #b7bdf8 !important;\n }\n :root[dark] .sbpqs_a {\n color: #b7bdf8 !important;\n }\n :root[dark] .sbfl_a {\n color: #a5adcb !important;\n }\n :root[dark] .sbsb_i {\n color: #a5adcb;\n }\n :root[dark] .sbsb_c:hover .sbqs_c,\n :root[dark] .sbsb_c.gsfs.sbsb_d .sbqs_c {\n color: #b7bdf8 !important;\n }\n :root[dark] .ytp-swatch-background-color {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .explanation-box[correct] * {\n color: #181926 !important;\n }\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) {\n /* not liked */\n /* liked */\n }\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(2) > path:nth-child(1),\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(4) > path:nth-child(1) {\n stroke: #cad3f5 !important;\n }\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(1),\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(1) {\n fill: #b7bdf8 !important;\n }\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(2),\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(2) {\n stroke: #b7bdf8 !important;\n }\n :root[dark] .iv-branding .branding-context-container-inner {\n background-color: #24273a !important;\n }\n :root[dark] .iv-branding .iv-branding-context-name {\n color: #cad3f5 !important;\n text-shadow: none !important;\n }\n :root[dark] .iv-drawer-content {\n background-color: rgba(30, 32, 48, 0.95) !important;\n }\n :root[dark] .iv-drawer-header-text {\n color: #cad3f5 !important;\n }\n :root[dark] .iv-card-content,\n :root[dark] .ytp-ce-expanding-overlay-background,\n :root[dark] .ytp-cards-teaser .ytp-cards-teaser-text,\n :root[dark] .ytp-cards-teaser .ytp-cards-teaser-box {\n background-color: #24273a !important;\n }\n :root[dark] .iv-card-content > :first-child,\n :root[dark] .html5-video-player a,\n :root[dark] .iv-card h2,\n :root[dark] .ytp-cards-teaser .ytp-cards-teaser-text {\n color: #cad3f5 !important;\n }\n :root[dark] .ytp-tooltip-text {\n background: #363a4f !important;\n }\n :root[dark] .iv-card:hover .iv-card-primary-link,\n :root[dark] .ytp-ce-website-title {\n color: #b7bdf8 !important;\n }\n :root[dark] .ytp-popup {\n background: #363a4f !important;\n }\n :root[dark] tp-yt-paper-dialog {\n background-color: #24273a !important;\n }\n :root[dark] .yt-core-attributed-string--link-inherit-color {\n color: #cad3f5 !important;\n /* &:hover {\n * color: @teal !important;\n } */\n }\n :root[dark] .badge-style-type-live-now-alternate,\n :root[dark] ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] {\n color: #181926 !important;\n }\n :root[dark] .badge-style-type-live-now-alternate yt-icon svg g path,\n :root[dark] ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] yt-icon svg g path,\n :root[dark] .badge-style-type-live-now-alternate yt-icon svg path,\n :root[dark] ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] yt-icon svg path {\n fill: #181926 !important;\n }\n :root[dark] .ytp-live-badge::before {\n background: #b8c0e0 !important;\n }\n :root[dark] .ytp-live-badge[disabled]::before {\n background: #b7bdf8 !important;\n }\n :root[dark] .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n }\n :root[dark] .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon {\n color: var(--yt-spec-icon-active-other) !important;\n }\n :root[dark] .yt-spec-icon-badge-shape {\n color: var(--yt-spec-icon-active-other) !important;\n }\n :root[dark] .yt-animated-icon svg g path,\n :root[dark] .yt-animated-icon svg path {\n fill: #cad3f5 !important;\n }\n :root[dark] ytd-author-comment-badge-renderer {\n --yt-basic-background-color: #363a4f !important;\n --yt-basic-foreground-title-color: #363a4f !important;\n --ytd-author-comment-badge-background-color: #363a4f !important;\n --ytd-author-comment-badge-name-color: #cad3f5 !important;\n --ytd-author-comment-badge-icon-color: #cad3f5 !important;\n padding-right: 6px;\n padding-left: 8px;\n }\n :root[dark] #cinematics > div > canvas {\n visibility: hidden;\n }\n :root[dark] yt-chip-cloud-chip-renderer[chip-style=\"STYLE_DEFAULT\"][selected],\n :root[dark] yt-chip-cloud-chip-renderer[chip-style=\"STYLE_HOME_FILTER\"][selected] {\n background: #b7bdf8 !important;\n color: #181926 !important;\n }\n :root[dark] ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: #b7bdf8 !important;\n }\n :root[dark] .ytd-brand-video-singleton-renderer {\n background: #363a4f !important;\n color: #cad3f5 !important;\n }\n :root[dark] yt-button-shape a {\n border-color: #cad3f5 !important;\n color: #cad3f5 !important;\n }\n :root[dark] #share-button button,\n :root[dark] #repeat-button button {\n color: #cad3f5 !important;\n }\n :root[dark] #error-page {\n background-color: #24273a !important;\n }\n :root[dark] #error-page-content {\n color: #cad3f5 !important;\n text-shadow: none;\n background-color: #24273a !important;\n }\n :root[dark] #error-page-content > p {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root[dark] #error-page-content #masthead-search-terms.masthead-search-terms-border {\n border-color: #b7bdf8 !important;\n box-shadow: none !important;\n }\n :root[dark] #error-page-content #yt-masthead {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root[dark] #error-page-content #yt-masthead #logo-container .logo {\n filter: invert(1) grayscale(1);\n }\n :root[dark] #error-page-content #yt-masthead #logo-container .content-region {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root[dark] #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border input[type=\"text\"] {\n color: #cad3f5 !important;\n }\n :root[dark] #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border input[type=\"text\"]:focus {\n color: #b7bdf8 !important;\n }\n :root[dark] #error-page-content #yt-masthead .search-button {\n background-color: #1e2030 !important;\n }\n :root[dark] .yt-tab-shape-wiz__tab--tab-selected {\n color: #b7bdf8 !important;\n }\n :root[dark] .yt-tab-group-shape-wiz__slider {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .yt-tab-shape-wiz__tab {\n color: #b8c0e0;\n }\n :root[dark] .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab {\n color: #daddfb;\n }\n :root[dark] .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab-bar {\n background-color: #daddfb;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {\n background-color: #363a4f;\n color: #cad3f5;\n }\n :root[dark] .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n color: #181926;\n background-color: #b7bdf8;\n }\n :root[dark] .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled:hover {\n background-color: #5a68ef;\n }\n :root[dark] .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text {\n color: #b7bdf8;\n }\n :root[dark] .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text:hover {\n background-color: rgba(183, 189, 248, 0.1);\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline,\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text {\n color: #cad3f5;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline:hover,\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text:hover {\n background-color: #363a4f;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline {\n border-color: #363a4f;\n }\n :root[dark] ::-webkit-scrollbar {\n width: 8px !important;\n }\n :root[dark] ::-webkit-scrollbar-track {\n background: #24273a !important;\n }\n :root[dark] ::-webkit-scrollbar-thumb {\n background: #b7bdf8 !important;\n }\n :root[dark] ::selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }\n :root[dark] #ytd-player #container {\n background: #24273a !important;\n }\n :root[dark] ytd-topbar-logo-renderer.style-scope a svg > g path[fill=\"#FF0000\"],\n :root[dark] svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) path[fill=\"#FF0000\"] {\n fill: #b7bdf8 !important;\n }\n :root[dark] ytd-topbar-logo-renderer.style-scope a svg > g path[fill=\"white\"],\n :root[dark] svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) path[fill=\"white\"] {\n fill: #24273a !important;\n }\n :root {\n /* apply everywhere */\n /* general colors */\n /* selected chapter */\n /* playlist selector */\n /* explandable meta */\n /* volume bar */\n /* new videos dot */\n /* subtitle */\n /* menu items */\n /* checkbox subitem */\n /* link */\n /* private video warning */\n /* search results */\n /* Results backgrounds */\n /* Transcript Button */\n /* text color */\n /* Hover and keyboard select background */\n /* Keyboard select text color and hover text color */\n /* exmplation box */\n /* custom likes + anims */\n /* iv branding */\n /* Popup for when you hover over the channel avatar in the video */\n /* Cards */\n /* Player tooltip background */\n /* Temporary fix */\n /* live badges */\n /* notification idicator */\n /* bell next to subscription button */\n /* creator badges */\n /* disable ambient mode */\n /* badges e.g. popular */\n /* Search border */\n /* New Feature inline banner */\n /* Chapter overview buttons */\n /* Error page */\n /* channel homepage */\n /* selected tab */\n /* unselected */\n /* hover */\n /* hopefully temporary */\n /* Scrollbar */\n /* text highlight */\n }\n :root,\n :root [dark],\n :root html,\n :root html[system-icons][dark],\n :root html[system-icons] [dark],\n :root html[darker-dark-theme][dark],\n :root [darker-dark-theme] [dark] {\n --yt-spec-white-1: #cad3f5 !important;\n --yt-spec-white-2: #a5adcb !important;\n --yt-spec-white-3: #b8c0e0 !important;\n --yt-spec-white-4: #a6b0d8 !important;\n --yt-spec-black-1: #8087a2 !important;\n --yt-spec-black-2: #6e738d !important;\n --yt-spec-black-3: #5b6078 !important;\n --yt-spec-black-4: #494d64 !important;\n --yt-spec-black-pure: #363a4f !important;\n --yt-spec-grey-1: #cad3f5 !important;\n --yt-spec-grey-2: #a5adcb !important;\n --yt-spec-grey-3: #b8c0e0 !important;\n --yt-spec-grey-4: #939ab7 !important;\n --yt-spec-grey-5: #8087a2 !important;\n --yt-brand-youtube-red: #b7bdf8 !important;\n --yt-brand-medium-red: #b7bdf8 !important;\n --yt-brand-light-red: #b7bdf8 !important;\n --yt-spec-red-30: #f5a97f !important;\n --yt-spec-red-70: #ed8796 !important;\n --yt-spec-pale-blue: #91d7e3 !important;\n --yt-spec-light-blue: #91d7e3 !important;\n --yt-spec-dark-blue: #7dc4e4 !important;\n --yt-spec-navy-blue: #8bd5ca !important;\n --yt-spec-light-green: #a6da95 !important;\n --yt-spec-dark-green: #a6da95 !important;\n --yt-spec-yellow: #f5a97f !important;\n --yt-spec-black-pure-alpha-5: rgba(24, 25, 38, 0.9995) !important;\n --yt-spec-black-pure-alpha-10: rgba(24, 25, 38, 0.999) !important;\n --yt-spec-black-pure-alpha-15: rgba(24, 25, 38, 0.9985) !important;\n --yt-spec-black-pure-alpha-30: rgba(24, 25, 38, 0.997) !important;\n --yt-spec-black-pure-alpha-60: rgba(24, 25, 38, 0.994) !important;\n --yt-spec-black-pure-alpha-80: rgba(24, 25, 38, 0.992) !important;\n --yt-spec-black-1-alpha-98: rgba(24, 25, 38, 0.9902) !important;\n --yt-spec-black-1-alpha-95: rgba(24, 25, 38, 0.9905) !important;\n --yt-spec-white-1-alpha-10: rgba(202, 211, 245, 0.999) !important;\n --yt-spec-white-1-alpha-20: rgba(202, 211, 245, 0.998) !important;\n --yt-spec-white-1-alpha-25: rgba(202, 211, 245, 0.9975) !important;\n --yt-spec-white-1-alpha-30: rgba(202, 211, 245, 0.997) !important;\n --yt-spec-white-1-alpha-70: rgba(202, 211, 245, 0.993) !important;\n --yt-spec-white-1-alpha-95: rgba(202, 211, 245, 0.9905) !important;\n --yt-spec-white-1-alpha-98: rgba(202, 211, 245, 0.9902) !important;\n --yt-brand-medium-red-alpha-90: rgba(183, 189, 248, 0.991) !important;\n --yt-brand-medium-red-alpha-30: rgba(183, 189, 248, 0.997) !important;\n --yt-brand-light-red-alpha-30: rgba(183, 189, 248, 0.997) !important;\n --yt-spec-light-blue-alpha-30: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-dark-blue-alpha-30: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-base-background: #24273a !important;\n --yt-spec-raised-background: #1e2030 !important;\n --yt-spec-menu-background: #1e2030 !important;\n --yt-spec-inverted-background: #cad3f5 !important;\n --yt-spec-additive-background: rgba(54, 58, 79, 0.999) !important;\n --yt-spec-outline: #363a4f !important;\n --yt-spec-shadow: rgba(24, 25, 38, 0.9975) !important;\n --yt-spec-text-primary: #cad3f5 !important;\n --yt-spec-text-secondary: #a5adcb !important;\n --yt-spec-text-disabled: #b8c0e0 !important;\n --yt-spec-text-primary-inverse: #181926 !important;\n --yt-spec-call-to-action: #b7bdf8 !important;\n --yt-spec-call-to-action-inverse: #b7bdf8 !important;\n --yt-spec-suggested-action: rgba(183, 189, 248, 0.2) !important;\n --yt-spec-suggested-action-inverse: #cad3f5 !important;\n --yt-spec-icon-active-other: #6e738d !important;\n --yt-spec-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: #91d7e3 !important;\n --yt-spec-themed-green: #a6da95 !important;\n --yt-spec-ad-indicator: #8bd5ca !important;\n --yt-spec-themed-overlay-background: rgba(24, 25, 38, 0.992) !important;\n --yt-spec-commerce-badge-background: #a6da95 !important;\n --yt-spec-static-brand-red: #b7bdf8 !important;\n --yt-spec-static-brand-white: #cad3f5 !important;\n --yt-spec-static-brand-black: #24273a !important;\n --yt-spec-static-clear-color: #181926 !important;\n --yt-spec-static-clear-black: #181926 !important;\n --yt-spec-static-ad-yellow: #f5a97f !important;\n --yt-spec-static-grey: #a5adcb !important;\n --yt-spec-static-overlay-background-solid: #181926 !important;\n --yt-spec-static-overlay-background-heavy: rgba(54, 58, 79, 0.8) !important;\n --yt-spec-static-overlay-background-medium: rgba(24, 25, 38, 0.994) !important;\n --yt-spec-static-overlay-background-medium-light: rgba(24, 25, 38, 0.997) !important;\n --yt-spec-static-overlay-background-light: rgba(24, 25, 38, 0.999) !important;\n --yt-spec-static-overlay-text-primary: #cad3f5 !important;\n --yt-spec-static-overlay-text-secondary: rgba(165, 173, 203, 0.993) !important;\n --yt-spec-static-overlay-text-disabled: rgba(165, 173, 203, 0.997) !important;\n --yt-spec-static-overlay-call-to-action: #b7bdf8 !important;\n --yt-spec-static-overlay-icon-active-other: #cad3f5 !important;\n --yt-spec-static-overlay-icon-inactive: #494d64 !important;\n --yt-spec-static-overlay-icon-disabled: #5b6078 !important;\n --yt-spec-static-overlay-button-primary: #b7bdf8 !important;\n --yt-spec-static-overlay-button-secondary: #363a4f !important;\n --yt-spec-static-overlay-touch-response: #8087a2 !important;\n --yt-spec-static-overlay-touch-response-inverse: #494d64 !important;\n --yt-spec-static-overlay-background-brand: #b7bdf8 !important;\n --yt-spec-assistive-feed-themed-gradient-1: #a5adcb !important;\n --yt-spec-assistive-feed-themed-gradient-2: #b7bdf8 !important;\n --yt-spec-assistive-feed-themed-gradient-3: #ed8796 !important;\n --yt-spec-brand-background-solid: #24273a !important;\n --yt-spec-brand-background-primary: #24273a !important;\n --yt-spec-brand-background-secondary: #1e2030 !important;\n --yt-spec-general-background-a: #24273a !important;\n --yt-spec-general-background-b: #1e2030 !important;\n --yt-spec-general-background-c: #181926 !important;\n --yt-spec-error-background: #24273a !important;\n --yt-spec-10-percent-layer: #5b6078 !important;\n --yt-spec-snackbar-background: #1e2030 !important;\n --yt-spec-snackbar-background-updated: #1e2030 !important;\n --yt-spec-badge-chip-background: #494d64 !important;\n --yt-spec-verified-badge-background: #6e738d !important;\n --yt-spec-call-to-action-fadeoutd: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-call-to-action-hover: #b7bdf8 !importantr;\n --yt-spec-brand-button-background-hover: #b7bdf8 !important;\n --yt-spec-brand-link-text-fadeoutd: rgba(183, 189, 248, 0.997) !important;\n --yt-spec-filled-button-focus-outline: #363a4f !important;\n --yt-spec-static-overlay-button-hover: #494d64 !important;\n --yt-spec-mono-filled-hover: #494d64 !important;\n --yt-spec-commerce-filled-hover: #b7bdf8 !important;\n --yt-spec-mono-tonal-hover: #494d64 !important;\n --yt-spec-commerce-tonal-hover: #5b6078 !important;\n --yt-spec-static-overlay-filled-hover: #8087a2 !important;\n --yt-spec-static-overlay-tonal-hover: #494d64 !important;\n --yt-spec-paper-tab-ink: rgba(202, 211, 245, 0.997);\n --yt-spec-filled-button-text: #cad3f5 !important;\n --yt-spec-selected-nav-text: #cad3f5 !important;\n --iron-icon-fill-color: #cad3f5 !important;\n /* Search bar */\n --ytd-searchbox-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-shadow-color: #181926 !important;\n --ytd-searchbox-legacy-button-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-focus-color: #b7bdf8 !important;\n --ytd-searchbox-legacy-button-hover-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-hover-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-icon-color: #b7bdf8 !important;\n --ytd-searchbox-background: #24273a !important;\n --ytd-searchbox-text-color: #cad3f5 !important;\n /* System icons */\n --yt-spec-icon-inactive: #6e738d !important;\n --yt-spec-icon-disabled: #8087a2 !important;\n --yt-spec-brand-icon-inactive: #939ab7 !important;\n /* Yt video Page */\n --yt-live-chat-background-color: #24273a !important;\n --yt-live-chat-action-panel-background-color: #24273a !important;\n --yt-live-chat-secondary-background-color: #494d64;\n --yt-live-chat-toast-background-color: #5b6078 !important;\n --yt-live-chat-mode-change-background-color: #24273a !important;\n --yt-live-chat-secondary-text-color: #a5adcb !important;\n --yt-live-chat-tertiary-text-color: rgba(202, 211, 245, 0.9946) !important;\n --yt-live-chat-text-input-field-inactive-underline-color: #a5adcb !important;\n --yt-live-chat-text-input-field-placeholder-color: #a5adcb !important;\n --yt-live-chat-enabled-send-button-color: #cad3f5 !important;\n --yt-live-chat-disabled-icon-button-color: #b8c0e0 !important;\n --yt-live-chat-picker-button-hover-color: #b7bdf8 !important;\n --yt-live-chat-mention-background-color: #b7bdf8 !important;\n --yt-live-chat-mention-text-color: #cad3f5 !important;\n --yt-live-chat-deleted-message-color: #a5adcb;\n --yt-live-chat-deleted-message-bar-color: #b8c0e0 !important;\n --yt-live-chat-reconnect-message-color: #cad3f5 !important;\n --yt-live-chat-disabled-button-background-color: #6e738d !important;\n --yt-live-chat-sub-panel-background-color: #24273a !important;\n --yt-live-chat-sub-panel-background-color-transparent: #1e2030 !important;\n --yt-live-chat-moderator-color: #b7bdf8 !important;\n --yt-live-chat-owner-color: #f5a97f !important;\n --yt-live-chat-message-highlight-background-color: #24273a !important;\n --yt-live-chat-sponsor-color: #a6da95 !important;\n --yt-live-chat-overlay-color: rgba(30, 32, 48, 0.995);\n --yt-live-chat-dialog-background-color: #24273a !important;\n --yt-emoji-picker-variant-selector-bg-color: #24273a !important;\n --yt-live-chat-moderation-mode-hover-background-color: rgba(30, 32, 48, 0.997) !important;\n --yt-grey: #a5adcb !important;\n --yt-live-chat-text-input-field-suggestion-background-color: #a5adcb !important;\n --yt-live-chat-text-input-field-suggestion-background-color-hover: #b8c0e0 !important;\n --yt-emoji-picker-search-background-color: #363a4f !important;\n --yt-emoji-picker-search-color: #cad3f5 !important;\n --yt-emoji-picker-search-placeholder-color: #b7bdf8 !important;\n --yt-live-chat-slider-active-color: #b7bdf8 !important;\n --yt-live-chat-slider-container-color: #363a4f !important;\n --yt-live-chat-slider-markers-color: #cad3f5 !important;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(#1e2030, transparent) !important;\n --yt-live-chat-action-panel-gradient-scrim: linear-gradient(to top, #1e2030, transparent) !important;\n --yt-live-chat-automod-button-background-color-hover: rgba(24, 25, 38, 0.995) !important;\n --yt-live-chat-automod-button-explanation-color: rgba(183, 189, 248, 0.993) !important;\n --yt-live-chat-shimmer-background-color: rgba(24, 25, 38, 0.996) !important;\n --yt-live-chat-shimmer-linear-gradient: linear-gradient(0deg, rgba(202, 211, 245, 0.999) 40%, rgba(36, 39, 58, 0.997) 50%, rgba(202, 211, 245, 0.999) 60%) !important;\n --yt-live-chat-vem-background-color: #1e2030 !important;\n --yt-live-chat-product-picker-icon-color: rgba(202, 211, 245, 0.995) !important;\n --yt-live-chat-product-picker-hover-color: #6e738d !important;\n --yt-live-chat-product-picker-disabled-icon-color: rgba(202, 211, 245, 0.997) !important;\n --yt-live-chat-action-panel-background-color-transparent: (\n null\n ) !important;\n /* Tooltip */\n --paper-tooltip-background: #6e738d !important;\n --paper-tooltip-text-color: #cad3f5 !important;\n /* links */\n --yt-endpoint-color: #b7bdf8 !important;\n --yt-endpoint-visited-color: #b7bdf8 !important;\n --yt-endpoint-hover-color: #b7bdf8 !important;\n --sb-dark-red-outline: #b7bdf8 !important;\n --sb-main-bg-color: #24273a !important;\n --sb-main-fg-color: #cad3f5 !important;\n --sb-grey-bg-color: #24273a !important;\n --sb-grey-fg-color: #a5adcb !important;\n --sb-red-bg-color: #b7bdf8 !important;\n }\n :root:not(.style-scope) {\n --primary-text-color: #cad3f5 !important;\n --primary-background-color: #24273a !important;\n --secondary-text-color: #a5adcb !important;\n --disabled-text-color: #b8c0e0 !important;\n --divider-color: #6e738d !important;\n --error-color: #ed8796 !important;\n --primary-color: #b7bdf8 !important;\n --light-primary-color: #b7bdf8 !important;\n --dark-primary-color: #8aadf4 !important;\n --accent-color: #b7bdf8 !important;\n --light-accent-color: #b7bdf8 !important;\n --dark-accent-color: #b7bdf8 !important;\n --light-theme-background-color: #24273a !important;\n --light-theme-base-color: #cad3f5 !important;\n --light-theme-text-color: #cad3f5 !important;\n --light-theme-secondary-color: #a5adcb !important;\n --light-theme-disabled-color: #b8c0e0 !important;\n --light-theme-divider-color: #6e738d !important;\n --dark-theme-background-color: #24273a !important;\n --dark-theme-base-color: #cad3f5 !important;\n --dark-theme-text-color: #cad3f5 !important;\n --dark-theme-secondary-color: #a5adcb !important;\n --dark-theme-disabled-color: #b8c0e0 !important;\n --dark-theme-divider-color: #6e738d !important;\n }\n :root #channel-name.ytd-video-meta-block {\n --yt-endpoint-color: #b7bdf8 !important;\n --yt-endpoint-visited-color: #b7bdf8 !important;\n color: #b7bdf8 !important;\n }\n :root ytd-macro-markers-list-item-renderer {\n --ytd-macro-markers-list-item-background-color: #363a4f !important;\n --ytd-macro-markers-list-item-title-color: #cad3f5 !important;\n --ytd-macro-markers-list-item-secondary-color: #b8c0e0 !important;\n --ytd-macro-markers-list-item-timestamp-background-color: #494d64 !important;\n }\n :root ytd-playlist-panel-video-renderer {\n --yt-lightsource-section2-color: #494d64 !important;\n --yt-lightsource-section4-color: #5b6078 !important;\n --yt-lightsource-primary-title-color: #cad3f5 !important;\n --yt-lightsource-secondary-title-color: #cad3f5 !important;\n --yt-active-playlist-panel-background-color: #363a4f !important;\n }\n :root ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .header.ytd-playlist-panel-renderer {\n --iron-icon-fill-color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n :root ytd-expandable-metadata-renderer {\n --yt-lightsource-section1-color: #24273a !important;\n --yt-lightsource-section2-color: #363a4f !important;\n --yt-lightsource-section3-color: #494d64 !important;\n --yt-lightsource-section4-color: #5b6078 !important;\n --yt-lightsource-primary-title-color: #cad3f5 !important;\n --yt-lightsource-secondary-title-color: #a5adcb !important;\n }\n :root yt-live-chat-renderer {\n --yt-emoji-picker-renderer-height: 180px;\n --yt-button-default-text-color: #cad3f5 !important;\n --yt-button-default-background-color: #24273a !important;\n --yt-button-dark-text-color: #24273a !important;\n --yt-button-dark-background-color: #b7bdf8 !important;\n --yt-button-payment-background-color: #b7bdf8 !important;\n }\n :root yt-icon.ytd-pinned-comment-badge-renderer * {\n fill: #cad3f5 !important;\n }\n :root .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start::after {\n background: #6e738d !important;\n }\n :root .html5-ypc-purchase {\n background: #b7bdf8 !important;\n }\n :root .html5-ypc-purchase:hover {\n background: #e5e8fd !important;\n }\n :root yt-notification-action-renderer[darker-dark-theme] tp-yt-paper-toast.yt-notification-action-renderer {\n background: #6e738d !important;\n }\n :root .ytp-volume-slider-handle {\n background: #b7bdf8 !important;\n }\n :root .ytp-volume-slider-handle::before {\n background: #b7bdf8 !important;\n }\n :root .ytp-volume-slider-handle::after {\n z-index: -1;\n }\n :root #newness-dot {\n background-color: #b7bdf8 !important;\n }\n :root .ytp-chrome-controls .ytp-button[aria-pressed]::after {\n background-color: #b7bdf8 !important;\n }\n :root .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n background: 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.2L4.8%2012l-1.4%201.4L9%2019%2021%207l-1.4-1.4L9%2016.2z%22%20fill%3D%22%23b7bdf8%22/%3E%3C/svg%3E\");\n }\n :root .ytp-menuitem:not([aria-disabled=\"true\"]):hover {\n background: #494d64 !important;\n }\n :root .ytp-settings-button.ytp-hd-quality-badge::after,\n :root .ytp-settings-button.ytp-4k-quality-badge::after,\n :root .ytp-settings-button.ytp-5k-quality-badge::after,\n :root .ytp-settings-button.ytp-8k-quality-badge::after,\n :root .ytp-settings-button.ytp-3d-badge::after {\n background-color: #b7bdf8 !important;\n }\n :root .ytp-panel-menu {\n color: #cad3f5;\n }\n :root .ytp-panel-menu .ytp-menuitem:not(:last-child) svg > path {\n fill: #cad3f5;\n }\n :root .ytp-panel-menu .ytp-menuitem:last-child svg:last-child {\n fill: #cad3f5;\n }\n :root .ytp-right-controls svg path,\n :root .ytp-svg-fill {\n fill: #fff !important;\n }\n :root .ytp-time-current,\n :root .ytp-time-separator,\n :root .ytp-time-duration,\n :root .ytp-menu-label-secondary,\n :root .ytp-menuitem-label-count {\n color: #fff;\n }\n :root .ytp-tooltip:not([aria-hidden=\"true\"]) {\n color: #cad3f5;\n }\n :root .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: #b7bdf8 !important;\n }\n :root .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled,\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {\n background-color: #b7bdf8 !important;\n }\n :root .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled .yt-spec-button-shape-next__icon yt-icon svg g path,\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled .yt-spec-button-shape-next__icon yt-icon svg g path {\n fill: #24273a !important;\n }\n :root .yt-core-attributed-string__link--call-to-action-color {\n color: #7dc4e4 !important;\n }\n :root .yt-core-attributed-string__link--call-to-action-color:hover {\n color: #8bd5ca !important;\n }\n :root .WARNING.yt-alert-renderer {\n background-color: #eed49f;\n }\n :root .sbpqs_a::before,\n :root .sbqs_c::before {\n filter: invert(1);\n }\n :root .sbsb_a,\n :root .sbdd_b {\n background: #1e2030 !important;\n }\n :root .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline {\n color: #b7bdf8 !important;\n border-color: #5b6078 !important;\n }\n :root .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline:hover {\n background-color: rgba(183, 189, 248, 0.2) !important;\n border-color: rgba(183, 189, 248, 0.2) !important;\n }\n :root .gsfs {\n color: #cad3f5 !important;\n }\n :root .sbsb_c.gsfs:hover,\n :root .sbsb_d {\n background-color: #363a4f !important;\n }\n :root .sbfl_b {\n background-color: #1e2030 !important;\n }\n :root .sbfl_b:hover {\n background-color: #363a4f !important;\n color: #b7bdf8 !important;\n }\n :root .sbpqs_a {\n color: #b7bdf8 !important;\n }\n :root .sbfl_a {\n color: #a5adcb !important;\n }\n :root .sbsb_i {\n color: #a5adcb;\n }\n :root .sbsb_c:hover .sbqs_c,\n :root .sbsb_c.gsfs.sbsb_d .sbqs_c {\n color: #b7bdf8 !important;\n }\n :root .ytp-swatch-background-color {\n background-color: #b7bdf8 !important;\n }\n :root .explanation-box[correct] * {\n color: #181926 !important;\n }\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) {\n /* not liked */\n /* liked */\n }\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(2) > path:nth-child(1),\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(4) > path:nth-child(1) {\n stroke: #cad3f5 !important;\n }\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(1),\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(1) {\n fill: #b7bdf8 !important;\n }\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(2),\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(2) {\n stroke: #b7bdf8 !important;\n }\n :root .iv-branding .branding-context-container-inner {\n background-color: #24273a !important;\n }\n :root .iv-branding .iv-branding-context-name {\n color: #cad3f5 !important;\n text-shadow: none !important;\n }\n :root .iv-drawer-content {\n background-color: rgba(30, 32, 48, 0.95) !important;\n }\n :root .iv-drawer-header-text {\n color: #cad3f5 !important;\n }\n :root .iv-card-content,\n :root .ytp-ce-expanding-overlay-background,\n :root .ytp-cards-teaser .ytp-cards-teaser-text,\n :root .ytp-cards-teaser .ytp-cards-teaser-box {\n background-color: #24273a !important;\n }\n :root .iv-card-content > :first-child,\n :root .html5-video-player a,\n :root .iv-card h2,\n :root .ytp-cards-teaser .ytp-cards-teaser-text {\n color: #cad3f5 !important;\n }\n :root .ytp-tooltip-text {\n background: #363a4f !important;\n }\n :root .iv-card:hover .iv-card-primary-link,\n :root .ytp-ce-website-title {\n color: #b7bdf8 !important;\n }\n :root .ytp-popup {\n background: #363a4f !important;\n }\n :root tp-yt-paper-dialog {\n background-color: #24273a !important;\n }\n :root .yt-core-attributed-string--link-inherit-color {\n color: #cad3f5 !important;\n /* &:hover {\n * color: @teal !important;\n } */\n }\n :root .badge-style-type-live-now-alternate,\n :root ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] {\n color: #181926 !important;\n }\n :root .badge-style-type-live-now-alternate yt-icon svg g path,\n :root ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] yt-icon svg g path,\n :root .badge-style-type-live-now-alternate yt-icon svg path,\n :root ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] yt-icon svg path {\n fill: #181926 !important;\n }\n :root .ytp-live-badge::before {\n background: #b8c0e0 !important;\n }\n :root .ytp-live-badge[disabled]::before {\n background: #b7bdf8 !important;\n }\n :root .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n }\n :root .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon {\n color: var(--yt-spec-icon-active-other) !important;\n }\n :root .yt-spec-icon-badge-shape {\n color: var(--yt-spec-icon-active-other) !important;\n }\n :root .yt-animated-icon svg g path,\n :root .yt-animated-icon svg path {\n fill: #cad3f5 !important;\n }\n :root ytd-author-comment-badge-renderer {\n --yt-basic-background-color: #363a4f !important;\n --yt-basic-foreground-title-color: #363a4f !important;\n --ytd-author-comment-badge-background-color: #363a4f !important;\n --ytd-author-comment-badge-name-color: #cad3f5 !important;\n --ytd-author-comment-badge-icon-color: #cad3f5 !important;\n padding-right: 6px;\n padding-left: 8px;\n }\n :root #cinematics > div > canvas {\n visibility: hidden;\n }\n :root yt-chip-cloud-chip-renderer[chip-style=\"STYLE_DEFAULT\"][selected],\n :root yt-chip-cloud-chip-renderer[chip-style=\"STYLE_HOME_FILTER\"][selected] {\n background: #b7bdf8 !important;\n color: #181926 !important;\n }\n :root ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: #b7bdf8 !important;\n }\n :root .ytd-brand-video-singleton-renderer {\n background: #363a4f !important;\n color: #cad3f5 !important;\n }\n :root yt-button-shape a {\n border-color: #cad3f5 !important;\n color: #cad3f5 !important;\n }\n :root #share-button button,\n :root #repeat-button button {\n color: #cad3f5 !important;\n }\n :root #error-page {\n background-color: #24273a !important;\n }\n :root #error-page-content {\n color: #cad3f5 !important;\n text-shadow: none;\n background-color: #24273a !important;\n }\n :root #error-page-content > p {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root #error-page-content #masthead-search-terms.masthead-search-terms-border {\n border-color: #b7bdf8 !important;\n box-shadow: none !important;\n }\n :root #error-page-content #yt-masthead {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root #error-page-content #yt-masthead #logo-container .logo {\n filter: invert(1) grayscale(1);\n }\n :root #error-page-content #yt-masthead #logo-container .content-region {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border input[type=\"text\"] {\n color: #cad3f5 !important;\n }\n :root #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border input[type=\"text\"]:focus {\n color: #b7bdf8 !important;\n }\n :root #error-page-content #yt-masthead .search-button {\n background-color: #1e2030 !important;\n }\n :root .yt-tab-shape-wiz__tab--tab-selected {\n color: #b7bdf8 !important;\n }\n :root .yt-tab-group-shape-wiz__slider {\n background-color: #b7bdf8 !important;\n }\n :root .yt-tab-shape-wiz__tab {\n color: #b8c0e0;\n }\n :root .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab {\n color: #daddfb;\n }\n :root .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab-bar {\n background-color: #daddfb;\n }\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {\n background-color: #363a4f;\n color: #cad3f5;\n }\n :root .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n color: #181926;\n background-color: #b7bdf8;\n }\n :root .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled:hover {\n background-color: #5a68ef;\n }\n :root .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text {\n color: #b7bdf8;\n }\n :root .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text:hover {\n background-color: rgba(183, 189, 248, 0.1);\n }\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline,\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text {\n color: #cad3f5;\n }\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline:hover,\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text:hover {\n background-color: #363a4f;\n }\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline {\n border-color: #363a4f;\n }\n :root ::-webkit-scrollbar {\n width: 8px !important;\n }\n :root ::-webkit-scrollbar-track {\n background: #24273a !important;\n }\n :root ::-webkit-scrollbar-thumb {\n background: #b7bdf8 !important;\n }\n :root ::selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }\n :root #ytd-player #container {\n background: #24273a !important;\n }\n :root ytd-topbar-logo-renderer.style-scope a svg > g path[fill=\"#FF0000\"],\n :root svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) path[fill=\"#FF0000\"] {\n fill: #b7bdf8 !important;\n }\n :root ytd-topbar-logo-renderer.style-scope a svg > g path[fill=\"white\"],\n :root svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) path[fill=\"white\"] {\n fill: #24273a !important;\n }\n /* for oled monitors */",
"start": 1210,
"regexps": [
"https?:\\/\\/(?!gaming\\.)(?!consent\\.)(?!vr\\.)(?!music\\.)(?!tv\\.)(?!artists\\.)(?!studio\\.).*youtube(?!kids\\.).*\\.com\\/(?!premium|howyoutubeworks).*$"
]
},
{
"code": "/* youtube.com-redirect */\n :root[dark] {\n /* search */\n /* Community Cross-posting */\n /* text highlight */\n }\n :root[dark] h1 {\n color: #cad3f5 !important;\n }\n :root[dark] #redirect-main-text {\n color: #939ab7 !important;\n }\n :root[dark] #redirect-main-text .bolded {\n color: #b7bdf8 !important;\n }\n :root[dark] #masthead-search-terms-border {\n border-color: #363a4f !important;\n background-color: #363a4f !important;\n box-shadow: rgba(24, 25, 38, 0.9) !important;\n }\n :root[dark] ytd-shared-post-renderer[uses-compact-lockup] #repost-context.ytd-shared-post-renderer {\n background-color: var(--second-background);\n }\n :root[dark] #divider-line-container.ytd-shared-post-renderer {\n background-color: var(--yt-spec-10-percent-layer);\n }\n :root[dark] #masthead-search-terms {\n color: #cad3f5 !important;\n }\n :root[dark] .search-button {\n background: #363a4f !important;\n border-color: #363a4f !important;\n }\n :root[dark] .search-button-content {\n filter: invert(1);\n }\n :root[dark] #redirect-backto-safety-button:hover {\n color: #cad3f5 !important;\n }\n :root[dark] #logo-container .content-region {\n color: #cad3f5 !important;\n }\n :root[dark] ::selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }\n :root {\n /* search */\n /* Community Cross-posting */\n /* text highlight */\n }\n :root h1 {\n color: #cad3f5 !important;\n }\n :root #redirect-main-text {\n color: #939ab7 !important;\n }\n :root #redirect-main-text .bolded {\n color: #b7bdf8 !important;\n }\n :root #masthead-search-terms-border {\n border-color: #363a4f !important;\n background-color: #363a4f !important;\n box-shadow: rgba(24, 25, 38, 0.9) !important;\n }\n :root ytd-shared-post-renderer[uses-compact-lockup] #repost-context.ytd-shared-post-renderer {\n background-color: var(--second-background);\n }\n :root #divider-line-container.ytd-shared-post-renderer {\n background-color: var(--yt-spec-10-percent-layer);\n }\n :root #masthead-search-terms {\n color: #cad3f5 !important;\n }\n :root .search-button {\n background: #363a4f !important;\n border-color: #363a4f !important;\n }\n :root .search-button-content {\n filter: invert(1);\n }\n :root #redirect-backto-safety-button:hover {\n color: #cad3f5 !important;\n }\n :root #logo-container .content-region {\n color: #cad3f5 !important;\n }\n :root ::selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }",
"start": 61838,
"urlPrefixes": [
"https://www.youtube.com/redirect"
]
},
{
"code": "/* studio.youtube.com */\n :root[dark] {\n /* text highlight */\n }\n :root[dark],\n :root[dark] html,\n :root[dark] html[dark],\n :root[dark] html[dark][dark],\n :root[dark][dark],\n :root[dark][light],\n :root[dark] [light],\n :root[dark] html[light],\n :root[dark] html[light][light] {\n /* disable */\n --yt-spec-black-pure-alpha-80: (null) !important;\n --yt-spec-black-pure-alpha-60: (null) !important;\n --yt-spec-black-1-alpha-98: (null) !important;\n --yt-spec-black-1-alpha-95: (null) !important;\n /* text */\n --yt-spec-text-primary: #cad3f5 !important;\n --ytcp-text-primary: #cad3f5 !important;\n --ytcp-text-primary-inverse: #24273a !important;\n --ytcp-static-overlay-text-primary-inverse: #24273a !important;\n --ytcp-wordmark-text: #cad3f5 !important;\n --ytcp-text-secondary: #a5adcb !important;\n --ytcp-text-disabled: #b8c0e0 !important;\n --ytcp-overlay-text-primary: #939ab7 !important;\n /* main bg */\n --ytcp-general-background-a: #24273a !important;\n --yt-spec-base-background: #24273a !important;\n --yt-spec-black-3: #24273a !important;\n /* secondary bg */\n --yt-spec-brand-background-solid: #1e2030 !important;\n --ytcp-brand-background-solid: #1e2030 !important;\n --yt-spec-raised-background: #1e2030 !important;\n --ytcp-general-background-b: #1e2030 !important;\n --ytcp-analytics-reach-background: #1e2030 !important;\n --yt-spec-black-2: #1e2030 !important;\n /* additional bg */\n --ytcp-general-background-c: #181926 !important;\n /* menu */\n --ytcp-menu-background: #363a4f !important;\n /* card borders */\n --ytcp-container-border-color: #363a4f !important;\n --ytcp-container-hovered-border-color: #363a4f !important;\n --ytcp-line-divider-solid: #363a4f !important;\n --ytcp-container-border-color-inverse: #a5adcb !important;\n --ytcp-line-divider-solid-inverse: #a5adcb !important;\n /* links */\n --ytcp-call-to-action: #7dc4e4 !important;\n --ytcp-call-to-action-inverse: #1e2030 !important;\n /* buttons */\n --ytcp-call-to-action-raised-background: #b7bdf8 !important;\n --yt-spec-brand-button-background: #b7bdf8 !important;\n --ytcp-call-to-action-raised-disabled: #5b6078 !important;\n --ytcp-call-to-action-raised-disabled-background: #939ab7 !important;\n --ytcp-call-to-action-raised-background-inverse: #24273a !important;\n --ytcp-call-to-action-raised-disabled-inverse: #5b6078 !important;\n --ytcp-call-to-action-raised-disabled-background-inverse: #939ab7 !important;\n /* dropdown */\n --yt-spec-brand-background-primary: #363a4f !important;\n /* icons */\n --yt-compact-link-icon-color: #939ab7 !important;\n --ytcp-icon-active: #b7bdf8 !important;\n --ytcp-icon-inactive: #939ab7 !important;\n --ytcp-icon-disabled: #939ab7 !important;\n --ytcp-icon-active-inverse: #8087a2 !important;\n --ytcp-icon-disabled-inverse: #b8c0e0 !important;\n /* colors */\n --ytcp-error-red: #ed8796 !important;\n --ytcp-badge-red: #ed8796 !important;\n --ytcp-error-red-inverse: #ed8796 !important;\n --ytcp-themed-red-inverse: #ed8796 !important;\n --ytcp-themed-red: #ed8796 !important;\n --ytcp-themed-blue: #8aadf4 !important;\n --ytcp-badge-blue-solid: #8aadf4 !important;\n --ytcp-themed-blue-inverse: #8aadf4 !important;\n --ytcp-themed-green: #a6da95 !important;\n --ytmus-genre-primary-melon: #a6da95 !important;\n --ytcp-themed-green-inverse: #a6da95 !important;\n --ytcp-analytics-pine: #a6da95 !important;\n --ytcp-analytics-pine-inverse: #a6da95 !important;\n --ytcp-analytics-parrot: #a6da95 !important;\n --ytcp-themed-yellow: #f5a97f !important;\n --ytmus-genre-primary-gold: #f5a97f !important;\n --ytcp-yellow-inverse: #f5a97f !important;\n --ytcp-badge-yellow: #f5a97f !important;\n --ytcp-analytics-yellow: #f5a97f !important;\n --ytcp-analytics-apricot: #f5a97f !important;\n --ytcp-suggested-action: #8bd5ca !important;\n --ytcp-analytics-overview: #8bd5ca !important;\n --ytcp-analytics-revenue: #8bd5ca !important;\n --ytcp-analytics-default-secondary: #8bd5ca !important;\n --ytcp-analytics-royal-blue: #b7bdf8 !important;\n --ytcp-analytics-reach: #b7bdf8 !important;\n --ytcp-analytics-audience: #b7bdf8 !important;\n --ytcp-analytics-engagement: #f5bde6 !important;\n --ytcp-analytics-revenue-secondary: #f5bde6 !important;\n --ytcp-analytics-bubblegum: #f0c6c6 !important;\n --ytmus-genre-primary-ruby: #f0c6c6 !important;\n --ytmus-genre-primary-salmon: #c6a0f6 !important;\n --ytmus-genre-primary-orange: #ee99a0 !important;\n --ytmus-genre-primary-sky: #91d7e3 !important;\n --ytmus-genre-primary-sky-inverse: #91d7e3 !important;\n /* misc */\n --yt-spec-badge-chip-background: #494d64 !important;\n --ytcp-focus-inverse: #b7bdf8 !important;\n --ytcp-focus: #b7bdf8 !important;\n --ytcp-selected-item: #b7bdf8 !important;\n --ytcp-hover-item: #939ab7 !important;\n --ytcp-chip-active-focus: #b7bdf8 !important;\n --ytcp-playhead: #939ab7 !important;\n --ytcp-playhead-inverse: #939ab7 !important;\n }\n :root[dark] ytcp-button.destructive.ytls-error-dialog {\n color: #24273a !important;\n }\n :root[dark] yt-formatted-string.ytls-error-dialog,\n :root[dark] tp-yt-iron-icon.ytls-error-dialog {\n color: #cad3f5 !important;\n }\n :root[dark] ::selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }\n :root {\n /* text highlight */\n }\n :root,\n :root html,\n :root html[dark],\n :root html[dark][dark],\n :root[dark],\n :root[light],\n :root [light],\n :root html[light],\n :root html[light][light] {\n /* disable */\n --yt-spec-black-pure-alpha-80: (null) !important;\n --yt-spec-black-pure-alpha-60: (null) !important;\n --yt-spec-black-1-alpha-98: (null) !important;\n --yt-spec-black-1-alpha-95: (null) !important;\n /* text */\n --yt-spec-text-primary: #cad3f5 !important;\n --ytcp-text-primary: #cad3f5 !important;\n --ytcp-text-primary-inverse: #24273a !important;\n --ytcp-static-overlay-text-primary-inverse: #24273a !important;\n --ytcp-wordmark-text: #cad3f5 !important;\n --ytcp-text-secondary: #a5adcb !important;\n --ytcp-text-disabled: #b8c0e0 !important;\n --ytcp-overlay-text-primary: #939ab7 !important;\n /* main bg */\n --ytcp-general-background-a: #24273a !important;\n --yt-spec-base-background: #24273a !important;\n --yt-spec-black-3: #24273a !important;\n /* secondary bg */\n --yt-spec-brand-background-solid: #1e2030 !important;\n --ytcp-brand-background-solid: #1e2030 !important;\n --yt-spec-raised-background: #1e2030 !important;\n --ytcp-general-background-b: #1e2030 !important;\n --ytcp-analytics-reach-background: #1e2030 !important;\n --yt-spec-black-2: #1e2030 !important;\n /* additional bg */\n --ytcp-general-background-c: #181926 !important;\n /* menu */\n --ytcp-menu-background: #363a4f !important;\n /* card borders */\n --ytcp-container-border-color: #363a4f !important;\n --ytcp-container-hovered-border-color: #363a4f !important;\n --ytcp-line-divider-solid: #363a4f !important;\n --ytcp-container-border-color-inverse: #a5adcb !important;\n --ytcp-line-divider-solid-inverse: #a5adcb !important;\n /* links */\n --ytcp-call-to-action: #7dc4e4 !important;\n --ytcp-call-to-action-inverse: #1e2030 !important;\n /* buttons */\n --ytcp-call-to-action-raised-background: #b7bdf8 !important;\n --yt-spec-brand-button-background: #b7bdf8 !important;\n --ytcp-call-to-action-raised-disabled: #5b6078 !important;\n --ytcp-call-to-action-raised-disabled-background: #939ab7 !important;\n --ytcp-call-to-action-raised-background-inverse: #24273a !important;\n --ytcp-call-to-action-raised-disabled-inverse: #5b6078 !important;\n --ytcp-call-to-action-raised-disabled-background-inverse: #939ab7 !important;\n /* dropdown */\n --yt-spec-brand-background-primary: #363a4f !important;\n /* icons */\n --yt-compact-link-icon-color: #939ab7 !important;\n --ytcp-icon-active: #b7bdf8 !important;\n --ytcp-icon-inactive: #939ab7 !important;\n --ytcp-icon-disabled: #939ab7 !important;\n --ytcp-icon-active-inverse: #8087a2 !important;\n --ytcp-icon-disabled-inverse: #b8c0e0 !important;\n /* colors */\n --ytcp-error-red: #ed8796 !important;\n --ytcp-badge-red: #ed8796 !important;\n --ytcp-error-red-inverse: #ed8796 !important;\n --ytcp-themed-red-inverse: #ed8796 !important;\n --ytcp-themed-red: #ed8796 !important;\n --ytcp-themed-blue: #8aadf4 !important;\n --ytcp-badge-blue-solid: #8aadf4 !important;\n --ytcp-themed-blue-inverse: #8aadf4 !important;\n --ytcp-themed-green: #a6da95 !important;\n --ytmus-genre-primary-melon: #a6da95 !important;\n --ytcp-themed-green-inverse: #a6da95 !important;\n --ytcp-analytics-pine: #a6da95 !important;\n --ytcp-analytics-pine-inverse: #a6da95 !important;\n --ytcp-analytics-parrot: #a6da95 !important;\n --ytcp-themed-yellow: #f5a97f !important;\n --ytmus-genre-primary-gold: #f5a97f !important;\n --ytcp-yellow-inverse: #f5a97f !important;\n --ytcp-badge-yellow: #f5a97f !important;\n --ytcp-analytics-yellow: #f5a97f !important;\n --ytcp-analytics-apricot: #f5a97f !important;\n --ytcp-suggested-action: #8bd5ca !important;\n --ytcp-analytics-overview: #8bd5ca !important;\n --ytcp-analytics-revenue: #8bd5ca !important;\n --ytcp-analytics-default-secondary: #8bd5ca !important;\n --ytcp-analytics-royal-blue: #b7bdf8 !important;\n --ytcp-analytics-reach: #b7bdf8 !important;\n --ytcp-analytics-audience: #b7bdf8 !important;\n --ytcp-analytics-engagement: #f5bde6 !important;\n --ytcp-analytics-revenue-secondary: #f5bde6 !important;\n --ytcp-analytics-bubblegum: #f0c6c6 !important;\n --ytmus-genre-primary-ruby: #f0c6c6 !important;\n --ytmus-genre-primary-salmon: #c6a0f6 !important;\n --ytmus-genre-primary-orange: #ee99a0 !important;\n --ytmus-genre-primary-sky: #91d7e3 !important;\n --ytmus-genre-primary-sky-inverse: #91d7e3 !important;\n /* misc */\n --yt-spec-badge-chip-background: #494d64 !important;\n --ytcp-focus-inverse: #b7bdf8 !important;\n --ytcp-focus: #b7bdf8 !important;\n --ytcp-selected-item: #b7bdf8 !important;\n --ytcp-hover-item: #939ab7 !important;\n --ytcp-chip-active-focus: #b7bdf8 !important;\n --ytcp-playhead: #939ab7 !important;\n --ytcp-playhead-inverse: #939ab7 !important;\n }\n :root ytcp-button.destructive.ytls-error-dialog {\n color: #24273a !important;\n }\n :root yt-formatted-string.ytls-error-dialog,\n :root tp-yt-iron-icon.ytls-error-dialog {\n color: #cad3f5 !important;\n }\n :root ::selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }",
"start": 64439,
"urlPrefixes": [
"https://studio.youtube.com"
]
},
{
"code": "/* prettier-ignore */",
"start": 75196
}
],
"sourceCode": "/* ==UserStyle==\n@name YouTube Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/youtube\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/youtube\n@version 3.2.0\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css\n@description Soothing pastel theme for YouTube\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var checkbox logo \"Logo\" 0\n@var checkbox oledOn \"Enable black bars\" 0\n@var text scrollbar_width \"Scrollbar width\" 8px\n==/UserStyle== */\n@-moz-document regexp('https?:\\\\/\\\\/(?!gaming\\\\.)(?!consent\\\\.)(?!vr\\\\.)(?!music\\\\.)(?!tv\\\\.)(?!artists\\\\.)(?!studio\\\\.).*youtube(?!kids\\\\.).*\\\\.com\\\\/(?!premium|howyoutubeworks).*$') {\n /* youtube.com */\n :root[dark] {\n #catppuccin(@darkFlavor, @accentColor);\n #oled(@oledOn);\n #logo(@logo);\n }\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n #oled(@oledOn);\n #logo(@logo);\n }\n\n /* for oled monitors */\n #oled(@oled) when (@oled =0) {\n #ytd-player #container {\n background: @base !important;\n }\n }\n\n #logo(@logo) {\n ytd-topbar-logo-renderer.style-scope a svg > g,\n svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) {\n path[fill=\"#FF0000\"] {\n fill: @accent-color !important;\n }\n path[fill=\"white\"] {\n fill: @base !important;\n }\n }\n & when (@logo =1) {\n ytd-topbar-logo-renderer,\n svg.ytd-consent-bump-v2-lightbox {\n display: none;\n }\n }\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n /* apply everywhere */\n &,\n [dark],\n html,\n html[system-icons][dark],\n html[system-icons] [dark],\n html[darker-dark-theme][dark],\n [darker-dark-theme] [dark] {\n --yt-spec-white-1: @text !important;\n --yt-spec-white-2: @subtext0 !important;\n --yt-spec-white-3: @subtext1 !important;\n --yt-spec-white-4: darken(@subtext1, 5%) !important;\n --yt-spec-black-1: @overlay1 !important;\n --yt-spec-black-2: @overlay0 !important;\n --yt-spec-black-3: @surface2 !important;\n --yt-spec-black-4: @surface1 !important;\n --yt-spec-black-pure: @surface0 !important;\n --yt-spec-grey-1: @text !important;\n --yt-spec-grey-2: @subtext0 !important;\n --yt-spec-grey-3: @subtext1 !important;\n --yt-spec-grey-4: @overlay2 !important;\n --yt-spec-grey-5: @overlay1 !important;\n --yt-brand-youtube-red: @accent-color !important;\n --yt-brand-medium-red: @accent-color !important;\n --yt-brand-light-red: @accent-color !important;\n --yt-spec-red-30: @peach !important;\n --yt-spec-red-70: @red !important;\n --yt-spec-pale-blue: @sky !important;\n --yt-spec-light-blue: @sky !important;\n --yt-spec-dark-blue: @sapphire !important;\n --yt-spec-navy-blue: @teal !important;\n --yt-spec-light-green: @green !important;\n --yt-spec-dark-green: @green !important;\n --yt-spec-yellow: @peach !important;\n --yt-spec-black-pure-alpha-5: fadeout(@crust, 0.05) !important;\n --yt-spec-black-pure-alpha-10: fadeout(@crust, 0.1) !important;\n --yt-spec-black-pure-alpha-15: fadeout(@crust, 0.15) !important;\n --yt-spec-black-pure-alpha-30: fadeout(@crust, 0.3) !important;\n --yt-spec-black-pure-alpha-60: fadeout(@crust, 0.6) !important;\n --yt-spec-black-pure-alpha-80: fadeout(@crust, 0.8) !important;\n --yt-spec-black-1-alpha-98: fadeout(@crust, 0.98) !important;\n --yt-spec-black-1-alpha-95: fadeout(@crust, 0.95) !important;\n --yt-spec-white-1-alpha-10: fadeout(@text, 0.1) !important;\n --yt-spec-white-1-alpha-20: fadeout(@text, 0.2) !important;\n --yt-spec-white-1-alpha-25: fadeout(@text, 0.25) !important;\n --yt-spec-white-1-alpha-30: fadeout(@text, 0.3) !important;\n --yt-spec-white-1-alpha-70: fadeout(@text, 0.7) !important;\n --yt-spec-white-1-alpha-95: fadeout(@text, 0.95) !important;\n --yt-spec-white-1-alpha-98: fadeout(@text, 0.98) !important;\n --yt-brand-medium-red-alpha-90: fadeout(@accent-color, 0.9) !important;\n --yt-brand-medium-red-alpha-30: fadeout(@accent-color, 0.3) !important;\n --yt-brand-light-red-alpha-30: fadeout(@accent-color, 0.3) !important;\n --yt-spec-light-blue-alpha-30: fadeout(@sapphire, 0.3) !important;\n --yt-spec-dark-blue-alpha-30: fadeout(@sapphire, 0.3) !important;\n\n --yt-spec-base-background: @base !important;\n --yt-spec-raised-background: @mantle !important;\n --yt-spec-menu-background: @mantle !important;\n --yt-spec-inverted-background: @text !important;\n --yt-spec-additive-background: fadeout(@surface0, 0.1) !important;\n --yt-spec-outline: @surface0 !important;\n --yt-spec-shadow: fadeout(@crust, 0.25) !important;\n --yt-spec-text-primary: @text !important;\n --yt-spec-text-secondary: @subtext0 !important;\n --yt-spec-text-disabled: @subtext1 !important;\n --yt-spec-text-primary-inverse: @crust !important;\n --yt-spec-call-to-action: @accent-color !important;\n --yt-spec-call-to-action-inverse: @accent-color !important;\n --yt-spec-suggested-action: fadeout(@accent-color, 80%) !important;\n --yt-spec-suggested-action-inverse: @text !important;\n --yt-spec-icon-active-other: @overlay0 !important;\n --yt-spec-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: @sky !important;\n --yt-spec-themed-green: @green !important;\n --yt-spec-ad-indicator: @teal !important;\n --yt-spec-themed-overlay-background: fadeout(@crust, 0.8) !important;\n --yt-spec-commerce-badge-background: @green !important;\n --yt-spec-static-brand-red: @accent-color !important;\n --yt-spec-static-brand-white: @text !important;\n --yt-spec-static-brand-black: @base !important;\n --yt-spec-static-clear-color: fadeout(@crust, 0) !important;\n --yt-spec-static-clear-black: fadeout(@crust, 0) !important;\n --yt-spec-static-ad-yellow: @peach !important;\n --yt-spec-static-grey: @subtext0 !important;\n --yt-spec-static-overlay-background-solid: @crust !important;\n --yt-spec-static-overlay-background-heavy: fadeout(\n @surface0,\n 20%\n ) !important;\n --yt-spec-static-overlay-background-medium: fadeout(\n @crust,\n 0.6\n ) !important;\n --yt-spec-static-overlay-background-medium-light: fadeout(\n @crust,\n 0.3\n ) !important;\n --yt-spec-static-overlay-background-light: fadeout(\n @crust,\n 0.1\n ) !important;\n --yt-spec-static-overlay-text-primary: @text !important;\n --yt-spec-static-overlay-text-secondary: fadeout(\n @subtext0,\n 0.7\n ) !important;\n --yt-spec-static-overlay-text-disabled: fadeout(\n @subtext0,\n 0.3\n ) !important;\n --yt-spec-static-overlay-call-to-action: @accent-color !important;\n --yt-spec-static-overlay-icon-active-other: @text !important;\n --yt-spec-static-overlay-icon-inactive: @surface1 !important;\n --yt-spec-static-overlay-icon-disabled: @surface2 !important;\n --yt-spec-static-overlay-button-primary: @accent-color !important;\n --yt-spec-static-overlay-button-secondary: @surface0 !important;\n --yt-spec-static-overlay-touch-response: @overlay1 !important;\n --yt-spec-static-overlay-touch-response-inverse: @surface1 !important;\n --yt-spec-static-overlay-background-brand: @accent-color !important;\n --yt-spec-assistive-feed-themed-gradient-1: @subtext0 !important;\n --yt-spec-assistive-feed-themed-gradient-2: @lavender !important;\n --yt-spec-assistive-feed-themed-gradient-3: @red !important;\n --yt-spec-brand-background-solid: @base !important;\n --yt-spec-brand-background-primary: @base !important;\n --yt-spec-brand-background-secondary: @mantle !important;\n --yt-spec-general-background-a: @base !important;\n --yt-spec-general-background-b: @mantle !important;\n --yt-spec-general-background-c: @crust !important;\n --yt-spec-error-background: @base !important;\n --yt-spec-10-percent-layer: @surface2 !important;\n --yt-spec-snackbar-background: @mantle !important;\n --yt-spec-snackbar-background-updated: @mantle !important;\n --yt-spec-badge-chip-background: if(\n @lookup =latte,\n @crust,\n @surface1\n ) !important;\n --yt-spec-verified-badge-background: @overlay0 !important;\n --yt-spec-call-to-action-fadeoutd: fadeout(@sapphire, 0.3) !important;\n --yt-spec-call-to-action-hover: @accent-color !importantr;\n --yt-spec-brand-button-background-hover: @accent-color !important;\n --yt-spec-brand-link-text-fadeoutd: fadeout(\n @accent-color,\n 0.3\n ) !important;\n --yt-spec-filled-button-focus-outline: @surface0 !important;\n --yt-spec-static-overlay-button-hover: @surface1 !important;\n --yt-spec-mono-filled-hover: @surface1 !important;\n --yt-spec-commerce-filled-hover: @accent-color !important;\n --yt-spec-mono-tonal-hover: @surface1 !important;\n --yt-spec-commerce-tonal-hover: @surface2 !important;\n --yt-spec-static-overlay-filled-hover: @overlay1 !important;\n --yt-spec-static-overlay-tonal-hover: @surface1 !important;\n --yt-spec-paper-tab-ink: fadeout(@text, 0.3);\n --yt-spec-filled-button-text: @text !important;\n --yt-spec-selected-nav-text: @text !important;\n --iron-icon-fill-color: @text !important;\n\n /* Search bar */\n --ytd-searchbox-border-color: @surface0 !important;\n --ytd-searchbox-legacy-border-color: @surface0 !important;\n --ytd-searchbox-legacy-border-shadow-color: fadeout(@crust, 0) !important;\n --ytd-searchbox-legacy-button-color: @mantle !important;\n --ytd-searchbox-legacy-button-border-color: @surface0 !important;\n --ytd-searchbox-legacy-button-focus-color: @accent-color !important;\n --ytd-searchbox-legacy-button-hover-color: @mantle !important;\n --ytd-searchbox-legacy-button-hover-border-color: @surface0 !important;\n --ytd-searchbox-legacy-button-icon-color: @accent-color !important;\n --ytd-searchbox-background: @base !important;\n --ytd-searchbox-text-color: @text !important;\n\n /* System icons */\n --yt-spec-icon-inactive: @overlay0 !important;\n --yt-spec-icon-disabled: @overlay1 !important;\n --yt-spec-brand-icon-inactive: @overlay2 !important;\n\n /* Yt video Page */\n --yt-live-chat-background-color: @base !important;\n --yt-live-chat-action-panel-background-color: @base !important;\n --yt-live-chat-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 /* Tooltip */\n --paper-tooltip-background: @overlay0 !important;\n --paper-tooltip-text-color: @text !important;\n\n /* links */\n --yt-endpoint-color: @accent-color !important;\n --yt-endpoint-visited-color: @accent-color !important;\n --yt-endpoint-hover-color: @accent-color !important;\n\n --sb-dark-red-outline: @accent-color !important;\n --sb-main-bg-color: @base !important;\n --sb-main-fg-color: @text !important;\n --sb-grey-bg-color: @base !important;\n --sb-grey-fg-color: @subtext0 !important;\n --sb-red-bg-color: @accent-color !important;\n }\n\n /* general colors */\n &:not(.style-scope) {\n --primary-text-color: @text !important;\n --primary-background-color: @base !important;\n --secondary-text-color: @subtext0 !important;\n --disabled-text-color: @subtext1 !important;\n --divider-color: @overlay0 !important;\n --error-color: @red !important;\n --primary-color: @accent-color !important;\n --light-primary-color: @accent-color !important;\n --dark-primary-color: @blue !important;\n --accent-color: @accent-color !important;\n --light-accent-color: @accent-color !important;\n --dark-accent-color: @accent-color !important;\n --light-theme-background-color: @base !important;\n --light-theme-base-color: @text !important;\n --light-theme-text-color: @text !important;\n --light-theme-secondary-color: @subtext0 !important;\n --light-theme-disabled-color: @subtext1 !important;\n --light-theme-divider-color: @overlay0 !important;\n --dark-theme-background-color: @base !important;\n --dark-theme-base-color: @text !important;\n --dark-theme-text-color: @text !important;\n --dark-theme-secondary-color: @subtext0 !important;\n --dark-theme-disabled-color: @subtext1 !important;\n --dark-theme-divider-color: @overlay0 !important;\n }\n\n #channel-name.ytd-video-meta-block {\n --yt-endpoint-color: @accent-color !important;\n --yt-endpoint-visited-color: @accent-color !important;\n color: @accent-color !important;\n }\n\n /* selected chapter */\n ytd-macro-markers-list-item-renderer {\n --ytd-macro-markers-list-item-background-color: @surface0 !important;\n --ytd-macro-markers-list-item-title-color: @text !important;\n --ytd-macro-markers-list-item-secondary-color: @subtext1 !important;\n --ytd-macro-markers-list-item-timestamp-background-color: @surface1 !important;\n }\n\n /* playlist selector */\n ytd-playlist-panel-video-renderer {\n --yt-lightsource-section2-color: @surface1 !important;\n --yt-lightsource-section4-color: @surface2 !important;\n --yt-lightsource-primary-title-color: @text !important;\n --yt-lightsource-secondary-title-color: @text !important;\n --yt-active-playlist-panel-background-color: @surface0 !important;\n }\n\n ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette]\n .header.ytd-playlist-panel-renderer {\n --iron-icon-fill-color: @text !important;\n background-color: @base !important;\n }\n\n /* explandable meta */\n ytd-expandable-metadata-renderer {\n --yt-lightsource-section1-color: @base !important;\n --yt-lightsource-section2-color: @surface0 !important;\n --yt-lightsource-section3-color: @surface1 !important;\n --yt-lightsource-section4-color: @surface2 !important;\n --yt-lightsource-primary-title-color: @text !important;\n --yt-lightsource-secondary-title-color: @subtext0 !important;\n }\n\n yt-live-chat-renderer {\n --yt-emoji-picker-renderer-height: 180px;\n --yt-button-default-text-color: @text !important;\n --yt-button-default-background-color: @base !important;\n --yt-button-dark-text-color: @base !important;\n --yt-button-dark-background-color: @accent-color !important;\n --yt-button-payment-background-color: @accent-color !important;\n }\n\n yt-icon.ytd-pinned-comment-badge-renderer * {\n fill: @text !important;\n }\n\n .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start::after {\n background: @overlay0 !important;\n }\n\n .html5-ypc-purchase {\n background: @accent-color !important;\n &:hover {\n background: lighten(@accent-color, 10%) !important;\n }\n }\n\n yt-notification-action-renderer[darker-dark-theme]\n tp-yt-paper-toast.yt-notification-action-renderer {\n background: @overlay0 !important;\n }\n\n /* volume bar */\n .ytp-volume-slider-handle {\n background: @accent-color !important;\n &::before {\n background: @accent-color !important;\n }\n &::after {\n z-index: -1;\n }\n }\n\n /* new videos dot */\n #newness-dot {\n background-color: @accent-color !important;\n }\n\n /* subtitle */\n .ytp-chrome-controls .ytp-button[aria-pressed]::after {\n background-color: @accent-color !important;\n }\n\n /* menu items */\n /* checkbox subitem */\n .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" version=\"1.1\"><path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\" fill=\"@{accent-color}\"/></svg>'\n );\n background: url(\"data:image/svg+xml,@{svg}\");\n }\n .ytp-menuitem:not([aria-disabled=\"true\"]):hover {\n background: @surface1 !important;\n }\n .ytp-settings-button.ytp-hd-quality-badge,\n .ytp-settings-button.ytp-4k-quality-badge,\n .ytp-settings-button.ytp-5k-quality-badge,\n .ytp-settings-button.ytp-8k-quality-badge,\n .ytp-settings-button.ytp-3d-badge {\n &::after {\n background-color: @accent-color !important;\n }\n }\n\n .ytp-panel-menu {\n color: @text;\n\n & .ytp-menuitem:not(:last-child) svg > path {\n fill: @text;\n }\n\n & .ytp-menuitem:last-child svg:last-child {\n fill: @text;\n }\n }\n\n .ytp-right-controls svg path,\n .ytp-svg-fill {\n fill: #fff !important;\n }\n\n .ytp-time-current,\n .ytp-time-separator,\n .ytp-time-duration,\n .ytp-menu-label-secondary,\n .ytp-menuitem-label-count {\n color: #fff;\n }\n\n .ytp-tooltip:not([aria-hidden=\"true\"]) {\n color: @text;\n }\n\n .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: @accent-color !important;\n }\n\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled,\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {\n background-color: @accent-color !important;\n .yt-spec-button-shape-next__icon yt-icon svg g path {\n fill: @base !important;\n }\n }\n\n /* link */\n .yt-core-attributed-string__link--call-to-action-color {\n color: @sapphire !important;\n &:hover {\n color: @teal !important;\n }\n }\n\n /* private video warning */\n .WARNING.yt-alert-renderer {\n background-color: @yellow;\n }\n\n /* search results */\n .sbpqs_a::before,\n .sbqs_c::before {\n filter: invert(1);\n }\n\n /* Results backgrounds */\n .sbsb_a,\n .sbdd_b {\n background: @mantle !important;\n }\n\n /* Transcript Button */\n .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline {\n color: @accent-color !important;\n border-color: @surface2 !important;\n\n &:hover {\n background-color: fadeout(@accent-color, 80) !important;\n border-color: fadeout(@accent-color, 80) !important;\n }\n }\n\n /* text color */\n .gsfs {\n color: @text !important;\n }\n\n /* Hover and keyboard select background */\n .sbsb_c.gsfs:hover,\n .sbsb_d {\n background-color: @surface0 !important;\n }\n\n .sbfl_b {\n background-color: @mantle !important;\n &:hover {\n background-color: @surface0 !important;\n color: @accent-color !important;\n }\n }\n\n .sbpqs_a {\n color: @accent-color !important;\n }\n\n .sbfl_a {\n color: @subtext0 !important;\n }\n\n .sbsb_i {\n color: @subtext0;\n }\n\n /* Keyboard select text color and hover text color */\n .sbsb_c:hover .sbqs_c,\n .sbsb_c.gsfs.sbsb_d .sbqs_c {\n color: @accent-color !important;\n }\n\n .ytp-swatch-background-color {\n background-color: @accent-color !important;\n }\n\n /* exmplation box */\n .explanation-box[correct] * {\n color: @crust !important;\n }\n\n /* custom likes + anims */\n yt-animated-icon[animated-icon-type=\"LIKE\"]\n > ytd-lottie-player\n > lottie-component\n > svg\n > g:nth-child(2)\n > g:nth-child(2) {\n /* not liked */\n > g:nth-child(2),\n > g:nth-child(4) {\n > path:nth-child(1) {\n stroke: @text !important;\n }\n }\n /* liked */\n > g:nth-child(1),\n > g:nth-child(3) {\n > path:nth-child(1) {\n fill: @accent-color !important;\n }\n > path:nth-child(2) {\n stroke: @accent-color !important;\n }\n }\n }\n\n /* iv branding */\n /* Popup for when you hover over the channel avatar in the video */\n .iv-branding .branding-context-container-inner {\n background-color: @base !important;\n }\n\n .iv-branding .iv-branding-context-name {\n color: @text !important;\n text-shadow: none !important;\n }\n\n /* Cards */\n .iv-drawer-content {\n background-color: fadeout(@mantle, 5%) !important;\n }\n\n .iv-drawer-header-text {\n color: @text !important;\n }\n\n .iv-card-content,\n .ytp-ce-expanding-overlay-background,\n .ytp-cards-teaser .ytp-cards-teaser-text,\n .ytp-cards-teaser .ytp-cards-teaser-box {\n background-color: @base !important;\n }\n\n .iv-card-content > :first-child,\n .html5-video-player a,\n .iv-card h2,\n .ytp-cards-teaser .ytp-cards-teaser-text {\n color: @text !important;\n }\n\n /* Player tooltip background */\n .ytp-tooltip-text {\n background: @surface0 !important;\n }\n\n .iv-card:hover .iv-card-primary-link,\n .ytp-ce-website-title {\n color: @accent-color !important;\n }\n\n .ytp-popup {\n background: @surface0 !important;\n }\n\n tp-yt-paper-dialog {\n background-color: @base !important;\n }\n\n /* Temporary fix */\n .yt-core-attributed-string--link-inherit-color {\n color: @text !important;\n /* &:hover {\n * color: @teal !important;\n } */\n }\n\n /* live badges */\n .badge-style-type-live-now-alternate,\n ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] {\n color: @crust !important;\n yt-icon svg {\n g path,\n path {\n fill: @crust !important;\n }\n }\n }\n .ytp-live-badge {\n &::before {\n background: @subtext1 !important;\n }\n &[disabled]::before {\n background: @accent-color !important;\n }\n }\n\n /* notification idicator */\n .yt-spec-icon-badge-shape--type-notification\n .yt-spec-icon-badge-shape__badge {\n background-color: @accent-color !important;\n color: @crust !important;\n }\n .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon {\n color: var(--yt-spec-icon-active-other) !important;\n }\n .yt-spec-icon-badge-shape {\n color: var(--yt-spec-icon-active-other) !important;\n }\n\n /* bell next to subscription button */\n .yt-animated-icon svg {\n g path,\n path {\n fill: @text !important;\n }\n }\n\n /* creator badges */\n ytd-author-comment-badge-renderer {\n --yt-basic-background-color: @surface0 !important;\n --yt-basic-foreground-title-color: @surface0 !important;\n --ytd-author-comment-badge-background-color: @surface0 !important;\n --ytd-author-comment-badge-name-color: @text !important;\n --ytd-author-comment-badge-icon-color: @text !important;\n padding-right: 6px;\n padding-left: 8px;\n }\n\n /* disable ambient mode */\n #cinematics > div > canvas {\n visibility: hidden;\n }\n\n /* badges e.g. popular */\n yt-chip-cloud-chip-renderer[chip-style=\"STYLE_DEFAULT\"][selected],\n yt-chip-cloud-chip-renderer[chip-style=\"STYLE_HOME_FILTER\"][selected] {\n background: @accent-color !important;\n color: @crust !important;\n }\n\n /* Search border */\n ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: @accent-color !important;\n }\n\n /* New Feature inline banner */\n .ytd-brand-video-singleton-renderer {\n background: @surface0 !important;\n color: @text !important;\n }\n yt-button-shape a {\n border-color: @text !important;\n color: @text !important;\n }\n\n /* Chapter overview buttons */\n #share-button,\n #repeat-button {\n button {\n color: @text !important;\n }\n }\n\n /* Error page */\n #error-page {\n background-color: @base !important;\n }\n\n #error-page-content {\n color: @text !important;\n text-shadow: none;\n background-color: @base !important;\n > p {\n color: @text !important;\n text-shadow: none;\n }\n #masthead-search-terms.masthead-search-terms-border {\n border-color: @accent-color !important;\n box-shadow: none !important;\n }\n #yt-masthead {\n color: @text !important;\n text-shadow: none;\n #logo-container {\n .logo {\n filter: invert(1) grayscale(1);\n }\n .content-region {\n color: @text !important;\n text-shadow: none;\n }\n }\n #masthead-search #masthead-search-terms-border {\n input[type=\"text\"] {\n color: @text !important;\n &:focus {\n color: @accent-color !important;\n }\n }\n }\n .search-button {\n background-color: @mantle !important;\n }\n }\n }\n\n /* channel homepage */\n /* selected tab */\n .yt-tab-shape-wiz__tab--tab-selected {\n color: @accent-color !important;\n }\n .yt-tab-group-shape-wiz__slider {\n background-color: @accent-color !important;\n }\n\n /* unselected */\n .yt-tab-shape-wiz__tab {\n color: @subtext1;\n }\n\n /* hover */\n .yt-tab-shape-wiz:hover {\n .yt-tab-shape-wiz__tab {\n color: lighten(@accent-color, 7.5);\n }\n\n .yt-tab-shape-wiz__tab-bar {\n background-color: lighten(@accent-color, 7.5);\n }\n }\n\n /* hopefully temporary */\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {\n background-color: @surface0;\n color: @text;\n }\n\n .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n color: @crust;\n background-color: @accent-color;\n &:hover {\n background-color: darken(@accent-color, 20);\n }\n }\n\n .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text {\n color: @accent-color;\n &:hover {\n background-color: fadeout(@accent-color, 90);\n }\n }\n\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline,\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text {\n color: @text;\n &:hover {\n background-color: @surface0;\n }\n }\n\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline {\n border-color: @surface0;\n }\n\n /* Scrollbar */\n ::-webkit-scrollbar {\n width: @scrollbar_width !important;\n }\n\n ::-webkit-scrollbar-track {\n background: @base !important;\n }\n\n ::-webkit-scrollbar-thumb {\n background: @accent-color !important;\n }\n\n /* text highlight */\n ::selection {\n background: fadeout(@accent-color, 80%) !important;\n color: @text !important;\n }\n }\n}\n\n@-moz-document url-prefix('https://www.youtube.com/redirect')\n{\n /* youtube.com-redirect */\n :root[dark] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n h1 {\n color: @text !important;\n }\n\n #redirect-main-text {\n color: @overlay2 !important;\n .bolded {\n color: @accent-color !important;\n }\n }\n\n /* search */\n #masthead-search-terms-border {\n border-color: @surface0 !important;\n background-color: @surface0 !important;\n box-shadow: fadeout(@crust, 10%) !important;\n }\n\n /* Community Cross-posting */\n ytd-shared-post-renderer[uses-compact-lockup]\n #repost-context.ytd-shared-post-renderer {\n background-color: var(--second-background);\n }\n #divider-line-container.ytd-shared-post-renderer {\n background-color: var(--yt-spec-10-percent-layer);\n }\n\n #masthead-search-terms {\n color: @text !important;\n }\n\n .search-button {\n background: @surface0 !important;\n border-color: @surface0 !important;\n }\n\n .search-button-content {\n filter: invert(1);\n }\n\n #redirect-backto-safety-button:hover {\n color: @text !important;\n }\n\n #logo-container .content-region {\n color: @text !important;\n }\n\n /* text highlight */\n ::selection {\n background: fadeout(@accent-color, 80%) !important;\n color: @text !important;\n }\n }\n}\n\n@-moz-document url-prefix('https://studio.youtube.com')\n{\n /* studio.youtube.com */\n :root[dark] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n &,\n html,\n html[dark],\n html[dark][dark],\n &[dark],\n &[light],\n [light],\n html[light],\n html[light][light] {\n /* disable */\n --yt-spec-black-pure-alpha-80: (null) !important;\n --yt-spec-black-pure-alpha-60: (null) !important;\n --yt-spec-black-1-alpha-98: (null) !important;\n --yt-spec-black-1-alpha-95: (null) !important;\n\n /* text */\n --yt-spec-text-primary: @text !important;\n --ytcp-text-primary: @text !important;\n --ytcp-text-primary-inverse: @base !important;\n --ytcp-static-overlay-text-primary-inverse: @base !important;\n --ytcp-wordmark-text: @text !important;\n --ytcp-text-secondary: @subtext0 !important;\n --ytcp-text-disabled: @subtext1 !important;\n --ytcp-overlay-text-primary: @overlay2 !important;\n\n /* main bg */\n --ytcp-general-background-a: @base !important;\n --yt-spec-base-background: @base !important;\n --yt-spec-black-3: @base !important;\n\n /* secondary bg */\n --yt-spec-brand-background-solid: @mantle !important;\n --ytcp-brand-background-solid: @mantle !important;\n --yt-spec-raised-background: @mantle !important;\n --ytcp-general-background-b: @mantle !important;\n --ytcp-analytics-reach-background: @mantle !important;\n --yt-spec-black-2: @mantle !important;\n\n /* additional bg */\n --ytcp-general-background-c: @crust !important;\n\n /* menu */\n --ytcp-menu-background: @surface0 !important;\n\n /* card borders */\n --ytcp-container-border-color: @surface0 !important;\n --ytcp-container-hovered-border-color: @surface0 !important;\n --ytcp-line-divider-solid: @surface0 !important;\n --ytcp-container-border-color-inverse: @subtext0 !important;\n --ytcp-line-divider-solid-inverse: @subtext0 !important;\n\n /* links */\n --ytcp-call-to-action: @sapphire !important;\n --ytcp-call-to-action-inverse: @mantle !important;\n\n /* buttons */\n --ytcp-call-to-action-raised-background: @accent-color !important;\n --yt-spec-brand-button-background: @accent-color !important;\n --ytcp-call-to-action-raised-disabled: @surface2 !important;\n --ytcp-call-to-action-raised-disabled-background: @overlay2 !important;\n --ytcp-call-to-action-raised-background-inverse: @base !important;\n --ytcp-call-to-action-raised-disabled-inverse: @surface2 !important;\n --ytcp-call-to-action-raised-disabled-background-inverse: @overlay2 !important;\n\n /* dropdown */\n --yt-spec-brand-background-primary: @surface0 !important;\n\n /* icons */\n --yt-compact-link-icon-color: @overlay2 !important;\n --ytcp-icon-active: @accent-color !important;\n --ytcp-icon-inactive: @overlay2 !important;\n --ytcp-icon-disabled: @overlay2 !important;\n --ytcp-icon-active-inverse: @overlay1 !important;\n --ytcp-icon-disabled-inverse: @subtext1 !important;\n\n /* colors */\n --ytcp-error-red: @red !important;\n --ytcp-badge-red: @red !important;\n --ytcp-error-red-inverse: @red !important;\n --ytcp-themed-red-inverse: @red !important;\n --ytcp-themed-red: @red !important;\n --ytcp-themed-blue: @blue !important;\n --ytcp-badge-blue-solid: @blue !important;\n --ytcp-themed-blue-inverse: @blue !important;\n --ytcp-themed-green: @green !important;\n --ytmus-genre-primary-melon: @green !important;\n --ytcp-themed-green-inverse: @green !important;\n --ytcp-analytics-pine: @green !important;\n --ytcp-analytics-pine-inverse: @green !important;\n --ytcp-analytics-parrot: @green !important;\n --ytcp-themed-yellow: @peach !important;\n --ytmus-genre-primary-gold: @peach !important;\n --ytcp-yellow-inverse: @peach !important;\n --ytcp-badge-yellow: @peach !important;\n --ytcp-analytics-yellow: @peach !important;\n --ytcp-analytics-apricot: @peach !important;\n --ytcp-suggested-action: @teal !important;\n --ytcp-analytics-overview: @teal !important;\n --ytcp-analytics-revenue: @teal !important;\n --ytcp-analytics-default-secondary: @teal !important;\n --ytcp-analytics-royal-blue: @lavender !important;\n --ytcp-analytics-reach: @lavender !important;\n --ytcp-analytics-audience: @lavender !important;\n --ytcp-analytics-engagement: @pink !important;\n --ytcp-analytics-revenue-secondary: @pink !important;\n --ytcp-analytics-bubblegum: @flamingo !important;\n --ytmus-genre-primary-ruby: @flamingo !important;\n --ytmus-genre-primary-salmon: @mauve !important;\n --ytmus-genre-primary-orange: @maroon !important;\n --ytmus-genre-primary-sky: @sky !important;\n --ytmus-genre-primary-sky-inverse: @sky !important;\n\n /* misc */\n --yt-spec-badge-chip-background: @surface1 !important;\n --ytcp-focus-inverse: @accent-color !important;\n --ytcp-focus: @accent-color !important;\n --ytcp-selected-item: @accent-color !important;\n --ytcp-hover-item: @overlay2 !important;\n --ytcp-chip-active-focus: @accent-color !important;\n --ytcp-playhead: @overlay2 !important;\n --ytcp-playhead-inverse: @overlay2 !important;\n }\n\n ytcp-button.destructive.ytls-error-dialog {\n color: @base !important;\n }\n\n yt-formatted-string.ytls-error-dialog,\n tp-yt-iron-icon.ytls-error-dialog {\n color: @text !important;\n }\n\n /* text highlight */\n ::selection {\n background: fadeout(@accent-color, 80%) !important;\n color: @text !important;\n }\n }\n}\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// 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": "3.2.0",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css",
"description": "Soothing pastel theme for YouTube",
"author": "Catppuccin",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": "macchiato",
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": "lavender",
"default": "red",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
},
"logo": {
"type": "checkbox",
"label": "Logo",
"name": "logo",
"value": "0",
"default": "0",
"options": null
},
"oledOn": {
"type": "checkbox",
"label": "Enable black bars",
"name": "oledOn",
"value": null,
"default": "0",
"options": null
},
"scrollbar_width": {
"type": "text",
"label": "Scrollbar width",
"name": "scrollbar_width",
"value": null,
"default": "8px",
"options": null
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for YouTube",
"name": "YouTube Catppuccin",
"preferScheme": "dark",
"originalDigest": "b33961bfdf9f8a1eca84c62e6ad21e58f066d1f0",
"_id": "e5b4796b-635a-45b8-afad-4b79566305fb",
"_rev": 1700736893003,
"id": 54,
"etag": "W/\"a099783db1bcf60d3ee9e1baf3487996095fe141fc12817429ea27feb1d70ed8\"",
"updateDate": 1700736892949
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/hoppscotch/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/hoppscotch",
"installDate": 1695497739304,
"sections": [
{
"code": "/* ==UserStyle==\n@name Hoppscotch.io Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/hoppscotch\n@homepageURL\t https://github.com/catppuccin/userstyles/tree/main/styles/hoppscotch\n@version 1.0.0\n@description Soothing pastel theme for Hoppscotch\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/hoppscotch/catppuccin.user.css\n@license\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue*\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */",
"start": 0
},
{
"code": ":root.dark {\n --primary-color: #24273a;\n --primary-light-color: #494d64;\n --primary-dark-color: #181926;\n --primary-contrast-color: #1e2030;\n --secondary-color: #a5adcb;\n --secondary-light-color: #a5adcb;\n --secondary-dark-color: #b8c0e0;\n --divider-color: #6e738d;\n --divider-light-color: #8087a2;\n --divider-dark-color: #5b6078;\n --error-color: #ed8796;\n --tooltip-color: #cad3f5;\n --popover-color: #181926;\n --editor-theme: \"vscode-esque\";\n --editor-type-color: rgba(198, 160, 246, 0.009);\n --editor-name-color: #8aadf4;\n --editor-operator-color: #c6a0f6;\n --editor-invalid-color: #ee99a0;\n --editor-separator-color: #6e738d;\n --editor-meta-color: #6e738d;\n --editor-variable-color: #a6da95;\n --editor-link-color: #7dc4e4;\n --editor-process-color: rgba(245, 189, 230, 0.014);\n --editor-constant-color: rgba(183, 189, 248, 0.012);\n --editor-keyword-color: #ed8796;\n --accent-color: #b7bdf8;\n --accent-light-color: rgba(183, 189, 248, 0.011);\n --accent-dark-color: rgba(183, 189, 248, 0.009);\n --accent-contrast-color: #181926;\n --gradient-from-color: rgba(183, 189, 248, 0.0105);\n --gradient-via-color: rgba(183, 189, 248, 0.012);\n --gradient-to-color: rgba(183, 189, 248, 0.0085);\n --editor-process-color: #cad3f5;\n }\n :root.dark .ͼ1 .cm-placeholder {\n color: #cad3f5;\n }\n :root.dark .cm-focused .cm-activeLine {\n background-color: #363a4f;\n }\n :root.dark .cm-focused .cm-activeLineGutter {\n background-color: #5b6078;\n }\n :root.light {\n --primary-color: #24273a;\n --primary-light-color: #494d64;\n --primary-dark-color: #181926;\n --primary-contrast-color: #1e2030;\n --secondary-color: #a5adcb;\n --secondary-light-color: #a5adcb;\n --secondary-dark-color: #b8c0e0;\n --divider-color: #6e738d;\n --divider-light-color: #8087a2;\n --divider-dark-color: #5b6078;\n --error-color: #ed8796;\n --tooltip-color: #cad3f5;\n --popover-color: #181926;\n --editor-theme: \"vscode-esque\";\n --editor-type-color: rgba(198, 160, 246, 0.009);\n --editor-name-color: #8aadf4;\n --editor-operator-color: #c6a0f6;\n --editor-invalid-color: #ee99a0;\n --editor-separator-color: #6e738d;\n --editor-meta-color: #6e738d;\n --editor-variable-color: #a6da95;\n --editor-link-color: #7dc4e4;\n --editor-process-color: rgba(245, 189, 230, 0.014);\n --editor-constant-color: rgba(183, 189, 248, 0.012);\n --editor-keyword-color: #ed8796;\n --accent-color: #b7bdf8;\n --accent-light-color: rgba(183, 189, 248, 0.011);\n --accent-dark-color: rgba(183, 189, 248, 0.009);\n --accent-contrast-color: #181926;\n --gradient-from-color: rgba(183, 189, 248, 0.0105);\n --gradient-via-color: rgba(183, 189, 248, 0.012);\n --gradient-to-color: rgba(183, 189, 248, 0.0085);\n --editor-process-color: #cad3f5;\n }\n :root.light .ͼ1 .cm-placeholder {\n color: #cad3f5;\n }\n :root.light .cm-focused .cm-activeLine {\n background-color: #363a4f;\n }\n :root.light .cm-focused .cm-activeLineGutter {\n background-color: #5b6078;\n }",
"start": 1010,
"domains": [
"hoppscotch.io"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name Hoppscotch.io Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/hoppscotch\n@homepageURL\t https://github.com/catppuccin/userstyles/tree/main/styles/hoppscotch\n@version 1.0.0\n@description Soothing pastel theme for Hoppscotch\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/hoppscotch/catppuccin.user.css\n@license\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue*\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"hoppscotch.io\") {\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n :root.dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n :root.light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent-color) {\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: @catppuccin[@@lookup][@@accent-color];\n\n @accent-light-alpha: 1.1;\n @accent-dark-alpha: 0.9;\n @accent-gradient-from-color: 1.05;\n @accent-gradient-via-color: 1.2;\n @accent-gradient-to-color: 0.85;\n\n & {\n --primary-color: @base;\n --primary-light-color: @surface1;\n --primary-dark-color: @crust;\n --primary-contrast-color: @mantle;\n --secondary-color: @subtext0;\n --secondary-light-color: @subtext0;\n --secondary-dark-color: @subtext1;\n --divider-color: @overlay0;\n --divider-light-color: @overlay1;\n --divider-dark-color: @surface2;\n --error-color: @red;\n --tooltip-color: @text;\n --popover-color: @crust;\n --editor-theme: \"vscode-esque\";\n --editor-type-color: fade(@mauve, 0.9);\n --editor-name-color: @blue;\n --editor-operator-color: @mauve;\n --editor-invalid-color: @maroon;\n --editor-separator-color: @overlay0;\n --editor-meta-color: @overlay0;\n --editor-variable-color: @green;\n --editor-link-color: @sapphire;\n --editor-process-color: fade(@pink, 1.4);\n --editor-constant-color: fade(@lavender, 1.2);\n --editor-keyword-color: @red;\n\n --accent-color: @accent;\n --accent-light-color: fade(@accent, @accent-light-alpha);\n --accent-dark-color: fade(@accent, @accent-dark-alpha);\n --accent-contrast-color: @crust;\n --gradient-from-color: fade(@accent, @accent-gradient-from-color);\n --gradient-via-color: fade(@accent, @accent-gradient-via-color);\n --gradient-to-color: fade(@accent, @accent-gradient-to-color);\n\n --editor-process-color: @text;\n }\n\n .ͼ1 .cm-placeholder {\n color: @text;\n }\n\n .cm-focused .cm-activeLine {\n background-color: @surface0;\n }\n\n .cm-focused .cm-activeLineGutter {\n background-color: @surface2;\n }\n }\n}\n",
"usercssData": {
"name": "Hoppscotch.io Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/hoppscotch",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/hoppscotch",
"version": "1.0.0",
"description": "Soothing pastel theme for Hoppscotch",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/hoppscotch/catppuccin.user.css",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": "macchiato",
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": "lavender",
"default": "blue",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Hoppscotch",
"name": "Hoppscotch.io Catppuccin",
"originalDigest": "db3a8b6952ded4650be63eba85cacd43d4c6f45b",
"_id": "fd9a88d6-881c-45fa-b7cd-fa555859234f",
"_rev": 1695497739305,
"id": 57,
"etag": "W/\"11f409ae6d38b3808563571bf61dad1f8a7d813b49f2823ee96c696926ae8b26\""
},
{
"enabled": true,
"updateUrl": "https://github.com/haiksgithub/catppuccin-instagram/raw/main/src/catppuccin.user.css",
"installDate": 1696719082549,
"sections": [
{
"code": "/* ==UserStyle==\n@name Catppuccin for Instagram\n@namespace github.com/haiksgithub/\n@version 0.1.0\n@description Soothing pastel theme for Instagram.\n@author haik\n\n@preprocessor stylus\n\n@var select flavor \"Flavour\" [\n \"'latte'\",\n \"'frappe'\",\n \"'macchiato'\",\n \"'mocha'\",\n \"'espresso'\",\n]\n\n@var select accent \"Accent Colour\" [\n \"'blue'\",\n \"'flamingo'\",\n \"'green'\",\n \"'lavender'\",\n \"'mantle'\",\n \"'maroon'\",\n \"'mauve'\",\n \"'peach'\",\n \"'pink'\",\n \"'red'\",\n \"'rosewater'\",\n \"'sapphire'\",\n \"'sky'\",\n \"'teal'\",\n \"'yellow'\",\n]\n\n@var select logo_gradient \"Logo Gradient\" [\n \"'never'\",\n \"'hover'\",\n \"'always'\",\n]\n\n@var number scrollbar_width \"Scrollbar Width (in pixels)\" 5\n==/UserStyle== */",
"start": 0
},
{
"code": "@import url(\"https://cdn.jsdelivr.net/gh/haiksgithub/catppuccin-palette-css@v0.1.7/catppuccin.css\");\n * {\n --web-always-black: var(--ctp-macchiato-crust-raw);\n --web-always-white: var(--ctp-macchiato-text-raw);\n --overlay-alpha-80: rgba(var(--ctp-macchiato-crust-raw), 0.5);\n --ig-primary-background: var(--ctp-macchiato-base-raw);\n --ig-secondary-background: var(--ctp-macchiato-surface0-raw);\n --ig-banner-background: var(--ctp-macchiato-crust-raw);\n --ig-highlight-background: var(--ctp-macchiato-surface0-raw);\n --ig-elevated-background: var(--ctp-macchiato-crust-raw);\n --ig-hover-overlay: var(--ctp-macchiato-surface0-raw), 0.5;\n --hover-overlay: rgba(var(--ctp-macchiato-surface0-raw), 0.2);\n --ig-primary-button: var(--ctp-macchiato-lavender-raw);\n --ig-primary-button-hover: var(--ctp-macchiato-lavender-raw), 0.8;\n --ig-secondary-button-background: var(--ctp-macchiato-surface0-raw);\n --ig-secondary-button-hover: var(--ctp-macchiato-surface1-raw);\n --ig-secondary-button: var(--ctp-macchiato-text-raw);\n --ig-primary-text: var(--ctp-macchiato-text-raw);\n --ig-secondary-text: var(--ctp-macchiato-subtext0-raw);\n --ig-tertiary-text: var(--ctp-macchiato-subtext0-raw);\n --wbloks-primary-text: var(--ctp-macchiato-text);\n --ig-text-on-media: var(--ctp-macchiato-text-raw);\n --ig-separator: var(--ctp-macchiato-overlay0-raw);\n --post-separator: var(--ctp-macchiato-overlay0-raw);\n --ig-elevated-separator: var(--ctp-macchiato-overlay0-raw);\n --ig-stroke: var(--ctp-macchiato-overlay0-raw);\n --grey-2: var(--ctp-macchiato-overlay0-raw);\n --ig-link: var(--ctp-macchiato-lavender-raw);\n --ig-error-or-destructive: var(--ctp-macchiato-maroon-raw);\n --ig-success: var(--ctp-macchiato-green-raw);\n --blue-2: var(--ctp-macchiato-blue-raw);\n }\n *::selection {\n color: var(--ctp-macchiato-crust);\n background-color: var(--ctp-macchiato-lavender);\n }\n .x1xgvd2v {\n background-color: var(--ctp-macchiato-crust) !important;\n }\n .x1xgvd2v[style='transform: translateX(0px);'] {\n background-color: var(--ctp-macchiato-mantle) !important;\n }\n .x1zvrr1 {\n background-color: var(--ctp-macchiato-mantle);\n }\n ._ab6-[aria-label='Instagram'] {\n background-color: var(--ctp-macchiato-text);\n fill: transparent;\n color: transparent;\n mask-image: url(\"data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI5IiB2aWV3Qm94PSIzMiA0IDExMyAzMiIgd2lkdGg9IjEwMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTM3LjgyIDQuMTFjLTIuMzIuOTctNC44NiAzLjctNS42NiA3LjEzLTEuMDIgNC4zNCAzLjIxIDYuMTcgMy41NiA1LjU3LjQtLjctLjc2LS45NC0xLTMuMi0uMy0yLjkgMS4wNS02LjE2IDIuNzUtNy41OC4zMi0uMjcuMy4xLjMuNzhsLS4wNiAxNC40NmMwIDMuMS0uMTMgNC4wNy0uMzYgNS4wNC0uMjMuOTgtLjYgMS42NC0uMzMgMS45LjMyLjI4IDEuNjgtLjQgMi40Ni0xLjVhOC4xMyA4LjEzIDAgMCAwIDEuMzMtNC41OGMuMDctMi4wNi4wNi01LjMzLjA3LTcuMTkgMC0xLjcuMDMtNi43MS0uMDMtOS43Mi0uMDItLjc0LTIuMDctMS41MS0zLjAzLTEuMVptODIuMTMgMTQuNDhhOS40MiA5LjQyIDAgMCAxLS44OCAzLjc1Yy0uODUgMS43Mi0yLjYzIDIuMjUtMy4zOS0uMjItLjQtMS4zNC0uNDMtMy41OS0uMTMtNS40Ny4zLTEuOSAxLjE0LTMuMzUgMi41My0zLjIyIDEuMzguMTMgMi4wMiAxLjkgMS44NyA1LjE2Wk05Ni44IDI4LjU3Yy0uMDIgMi42Ny0uNDQgNS4wMS0xLjM0IDUuNy0xLjI5Ljk2LTMgLjIzLTIuNjUtMS43Mi4zMS0xLjcyIDEuOC0zLjQ4IDQtNS42NGwtLjAxIDEuNjZabS0uMzUtMTBhMTAuNTYgMTAuNTYgMCAwIDEtLjg4IDMuNzdjLS44NSAxLjcyLTIuNjQgMi4yNS0zLjM5LS4yMi0uNS0xLjY5LS4zOC0zLjg3LS4xMy01LjI1LjMzLTEuNzggMS4xMi0zLjQ0IDIuNTMtMy40NCAxLjM4IDAgMi4wNiAxLjUgMS44NyA1LjE0Wm0tMTMuNDEtLjAyYTkuNTQgOS41NCAwIDAgMS0uODcgMy44Yy0uODggMS43LTIuNjMgMi4yNC0zLjQtLjIzLS41NS0xLjc3LS4zNi00LjItLjEzLTUuNS4zNC0xLjk1IDEuMi0zLjMyIDIuNTMtMy4yIDEuMzguMTQgMi4wNCAxLjkgMS44NyA1LjEzWm02MS40NSAxLjgxYy0uMzMgMC0uNDkuMzUtLjYxLjkzLS40NCAyLjAyLS45IDIuNDgtMS41IDIuNDgtLjY2IDAtMS4yNi0xLTEuNDItMy0uMTItMS41OC0uMS00LjQ4LjA2LTcuMzcuMDMtLjU5LS4xNC0xLjE3LTEuNzMtMS43NS0uNjgtLjI1LTEuNjgtLjYyLTIuMTcuNThhMjkuNjUgMjkuNjUgMCAwIDAtMi4wOCA3LjE0YzAgLjA2LS4wOC4wNy0uMS0uMDYtLjA3LS44Ny0uMjYtMi40Ni0uMjgtNS43OSAwLS42NS0uMTQtMS4yLS44Ni0xLjY1LS40Ny0uMy0xLjg4LS44MS0yLjQtLjItLjQzLjUtLjk0IDEuODctMS40NyAzLjQ4bC0uNzQgMi4yLjAxLTQuODhjMC0uNS0uMzQtLjY3LS40NS0uN2E5LjU0IDkuNTQgMCAwIDAtMS44LS4zN2MtLjQ4IDAtLjYuMjctLjYuNjcgMCAuMDUtLjA4IDQuNjUtLjA4IDcuODd2LjQ2Yy0uMjcgMS40OC0xLjE0IDMuNDktMi4wOSAzLjQ5cy0xLjQtLjg0LTEuNC00LjY4YzAtMi4yNC4wNy0zLjIxLjEtNC44My4wMi0uOTQuMDYtMS42NS4wNi0xLjgxLS4wMS0uNS0uODctLjc1LTEuMjctLjg1LS40LS4wOS0uNzYtLjEzLTEuMDMtLjExLS40LjAyLS42Ny4yNy0uNjcuNjJ2LjU1YTMuNzEgMy43MSAwIDAgMC0xLjgzLTEuNDljLTEuNDQtLjQzLTIuOTQtLjA1LTQuMDcgMS41M2E5LjMxIDkuMzEgMCAwIDAtMS42NiA0LjczYy0uMTYgMS41LS4xIDMuMDEuMTcgNC4zLS4zMyAxLjQ0LS45NiAyLjA0LTEuNjQgMi4wNC0uOTkgMC0xLjctMS42Mi0xLjYyLTQuNC4wNi0xLjg0LjQyLTMuMTMuODItNC45OS4xNy0uOC4wNC0xLjItLjMxLTEuNi0uMzItLjM3LTEtLjU2LTEuOTktLjMzLS43LjE2LTEuNy4zNC0yLjYuNDcgMCAwIC4wNS0uMjEuMS0uNi4yMy0yLjAzLTEuOTgtMS44Ny0yLjY5LTEuMjItLjQyLjM5LS43Ljg0LS44MiAxLjY3LS4xNyAxLjMuOSAxLjkxLjkgMS45MWEyMi4yMiAyMi4yMiAwIDAgMS0zLjQgNy4yM3YtLjdjLS4wMS0zLjM2LjAzLTYgLjA1LTYuOTUuMDItLjk0LjA2LTEuNjMuMDYtMS44IDAtLjM2LS4yMi0uNS0uNjYtLjY3LS40LS4xNi0uODYtLjI2LTEuMzQtLjMtLjYtLjA1LS45Ny4yNy0uOTYuNjV2LjUyYTMuNyAzLjcgMCAwIDAtMS44NC0xLjQ5Yy0xLjQ0LS40My0yLjk0LS4wNS00LjA3IDEuNTNhMTAuMSAxMC4xIDAgMCAwLTEuNjYgNC43MmMtLjE1IDEuNTctLjEzIDIuOS4wOSA0LjA0LS4yMyAxLjEzLS44OSAyLjMtMS42MyAyLjMtLjk1IDAtMS41LS44My0xLjUtNC42NyAwLTIuMjQuMDctMy4yMS4xLTQuODMuMDItLjk0LjA2LTEuNjUuMDYtMS44MSAwLS41LS44Ny0uNzUtMS4yNy0uODUtLjQyLS4xLS43OS0uMTMtMS4wNi0uMS0uMzcuMDItLjYzLjM1LS42My42di41NmEzLjcgMy43IDAgMCAwLTEuODQtMS40OWMtMS40NC0uNDMtMi45My0uMDQtNC4wNyAxLjUzLS43NSAxLjAzLTEuMzUgMi4xNy0xLjY2IDQuN2ExNS44IDE1LjggMCAwIDAtLjEyIDIuMDRjLS4zIDEuODEtMS42MSAzLjktMi42OCAzLjktLjYzIDAtMS4yMy0xLjIxLTEuMjMtMy44IDAtMy40NS4yMi04LjM2LjI1LTguODNsMS42Mi0uMDNjLjY4IDAgMS4yOS4wMSAyLjE5LS4wNC40NS0uMDIuODgtMS42NC40Mi0xLjg0LS4yMS0uMDktMS43LS4xNy0yLjMtLjE4LS41LS4wMS0xLjg4LS4xMS0xLjg4LS4xMXMuMTMtMy4yNi4xNi0zLjZjLjAyLS4zLS4zNS0uNDQtLjU3LS41M2E3Ljc3IDcuNzcgMCAwIDAtMS41My0uNDRjLS43Ni0uMTUtMS4xIDAtMS4xNy42NC0uMS45Ny0uMTUgMy44Mi0uMTUgMy44Mi0uNTYgMC0yLjQ3LS4xMS0zLjAyLS4xMS0uNTIgMC0xLjA4IDIuMjItLjM2IDIuMjVsMy4yLjA5LS4wMyA2LjUzdi40N2MtLjUzIDIuNzMtMi4zNyA0LjItMi4zNyA0LjIuNC0xLjgtLjQyLTMuMTUtMS44Ny00LjMtLjU0LS40Mi0xLjYtMS4yMi0yLjc5LTIuMSAwIDAgLjY5LS42OCAxLjMtMi4wNC40My0uOTYuNDUtMi4wNi0uNjEtMi4zLTEuNzUtLjQxLTMuMi44Ny0zLjYzIDIuMjVhMi42MSAyLjYxIDAgMCAwIC41IDIuNjZsLjE1LjE5Yy0uNC43Ni0uOTQgMS43OC0xLjQgMi41OC0xLjI3IDIuMi0yLjI0IDMuOTUtMi45NyAzLjk1LS41OCAwLS41Ny0xLjc3LS41Ny0zLjQzIDAtMS40My4xLTMuNTguMTktNS44LjAzLS43NC0uMzQtMS4xNi0uOTYtMS41NGE0LjMzIDQuMzMgMCAwIDAtMS42NC0uNjljLS43IDAtMi43LjEtNC42IDUuNTctLjIzLjY5LS43IDEuOTQtLjcgMS45NGwuMDQtNi41N2MwLS4xNi0uMDgtLjMtLjI3LS40YTQuNjggNC42OCAwIDAgMC0xLjkzLS41NGMtLjM2IDAtLjU0LjE3LS41NC41bC0uMDcgMTAuM2MwIC43OC4wMiAxLjY5LjEgMi4wOS4wOC40LjIuNzIuMzYuOTEuMTUuMi4zMy4zNC42Mi40LjI4LjA2IDEuNzguMjUgMS44Ni0uMzIuMS0uNjkuMS0xLjQzLjg5LTQuMiAxLjIyLTQuMzEgMi44Mi02LjQyIDMuNTgtNy4xNi4xMy0uMTQuMjgtLjE0LjI3LjA3bC0uMjIgNS4zMmMtLjIgNS4zNy43OCA2LjM2IDIuMTcgNi4zNiAxLjA3IDAgMi41OC0xLjA2IDQuMi0zLjc0bDIuNy00LjUgMS41OCAxLjQ2YzEuMjggMS4yIDEuNyAyLjM2IDEuNDIgMy40NS0uMjEuODMtMS4wMiAxLjctMi40NC44Ni0uNDItLjI1LS42LS40NC0xLjAxLS43MS0uMjMtLjE1LS41Ny0uMi0uNzgtLjA0LS41My40LS44NC45Mi0xLjAxIDEuNTUtLjE3LjYxLjQ1Ljk0IDEuMDkgMS4yMi41NS4yNSAxLjc0LjQ3IDIuNS41IDIuOTQuMSA1LjMtMS40MiA2Ljk0LTUuMzQuMyAzLjM4IDEuNTUgNS4zIDMuNzIgNS4zIDEuNDUgMCAyLjkxLTEuODggMy41NS0zLjcyLjE4Ljc1LjQ1IDEuNC44IDEuOTYgMS42OCAyLjY1IDQuOTMgMi4wNyA2LjU2LS4xOC41LS42OS41OC0uOTQuNTgtLjk0YTMuMDcgMy4wNyAwIDAgMCAyLjk0IDIuODdjMS4xIDAgMi4yMy0uNTIgMy4wMy0yLjMxLjA5LjIuMi4zOC4zLjU2IDEuNjggMi42NSA0LjkzIDIuMDcgNi41Ni0uMThsLjItLjI4LjA1IDEuNC0xLjUgMS4zN2MtMi41MiAyLjMtNC40NCA0LjA1LTQuNTggNi4wOS0uMTggMi42IDEuOTMgMy41NiAzLjUzIDMuNjlhNC41IDQuNSAwIDAgMCA0LjA0LTIuMTFjLjc4LTEuMTUgMS4zLTMuNjMgMS4yNi02LjA4bC0uMDYtMy41NmEyOC41NSAyOC41NSAwIDAgMCA1LjQyLTkuNDRzLjkzLjAxIDEuOTItLjA1Yy4zMi0uMDIuNDEuMDQuMzUuMjctLjA3LjI4LTEuMjUgNC44NC0uMTcgNy44OC43NCAyLjA4IDIuNCAyLjc1IDMuNCAyLjc1IDEuMTUgMCAyLjI2LS44NyAyLjg1LTIuMTdsLjIzLjQyYzEuNjggMi42NSA0LjkyIDIuMDcgNi41Ni0uMTguMzctLjUuNTgtLjk0LjU4LS45NC4zNiAyLjIgMi4wNyAyLjg4IDMuMDUgMi44OCAxLjAyIDAgMi0uNDIgMi43OC0yLjI4LjAzLjgyLjA4IDEuNDkuMTYgMS43LjA1LjEzLjM0LjMuNTYuMzcuOTMuMzQgMS44OC4xOCAyLjI0LjExLjI0LS4wNS40My0uMjUuNDYtLjc1LjA3LTEuMzMuMDMtMy41Ni40My01LjIxLjY3LTIuNzkgMS4zLTMuODcgMS42LTQuNC4xNy0uMy4zNi0uMzUuMzctLjAzLjAxLjY0LjA0IDIuNTIuMyA1LjA1LjIgMS44Ni40NiAyLjk2LjY1IDMuMy41NyAxIDEuMjcgMS4wNSAxLjgzIDEuMDUuMzYgMCAxLjEyLS4xIDEuMDUtLjczLS4wMy0uMzEuMDItMi4yMi43LTQuOTYuNDMtMS43OSAxLjE1LTMuNCAxLjQxLTQgLjEtLjIxLjE1LS4wNC4xNSAwLS4wNiAxLjIyLS4xOCA1LjI1LjMyIDcuNDYuNjggMi45OCAyLjY1IDMuMzIgMy4zNCAzLjMyIDEuNDcgMCAyLjY3LTEuMTIgMy4wNy00LjA1LjEtLjctLjA1LTEuMjUtLjQ4LTEuMjVaIiBmaWxsPSJjdXJyZW50Q29sb3IiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PC9wYXRoPg0KPC9zdmc+\");\n mask-size: 100%;\n mask-position: 0 0;\n background-image: linear-gradient(to right, var(--ctp-macchiato-yellow) 1%, var(--ctp-macchiato-peach) 5%, var(--ctp-macchiato-red) 30%, var(--ctp-macchiato-mauve) 95%, var(--ctp-macchiato-lavender));\n }\n ._aggc {\n padding: 1em;\n background-color: var(--ctp-macchiato-mantle);\n border: 1px solid var(--ctp-macchiato-overlay0) !important;\n border-radius: var(--modal-border-radius);\n box-shadow: 0 3px 5px -1px rgba(var(--ctp-macchiato-crust-raw), 0.2);\n box-sizing: border-box;\n }\n ._aatc ._aasi,\n ._ae1i,\n ._aggc textarea.xvbhtw8 {\n background-color: var(--ctp-macchiato-mantle);\n }\n svg {\n color: var(--ctp-macchiato-text);\n fill: var(--ctp-macchiato-text);\n }\n svg[aria-label='Close'] {\n color: var(--web-always-white);\n }\n [style*='background-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\")'],\n ._9zkj,\n ._a3ds,\n ._a3dt,\n ._a3du,\n ._a3dv,\n ._a3dw,\n ._9-b3,\n ._9znl,\n ._9z-6,\n ._a3dx,\n ._a3dy,\n ._a3dz,\n ._a3d-,\n ._a3d_,\n ._a3e0,\n ._9zm4,\n ._a3e1,\n ._a3e2,\n ._a3e3,\n ._a3e4,\n ._a3e5,\n ._a3e6,\n ._a3e7,\n ._a3e8,\n ._a3e9,\n ._a3ea,\n ._9_57,\n ._9_n5,\n ._9-y3,\n ._a3eb,\n ._a3ec,\n ._a3ed,\n ._a3ee,\n ._a04s,\n ._9zlu,\n ._9-yp,\n ._a3ef,\n ._a3eg,\n ._9_wm,\n ._a3eh,\n ._a3ei,\n ._9-j_,\n ._a3ej,\n ._a3ek,\n ._9_ij,\n ._9_d_,\n ._9_e1,\n ._9-mm,\n ._9_cx,\n ._9zm0,\n ._9zfi,\n ._9-ub,\n ._a3el,\n ._9-7-,\n ._9-1a,\n ._a3em,\n ._9zrp,\n ._a3en,\n ._9zz9,\n ._a3eo,\n ._9zmr,\n ._9-8d,\n ._9zhi,\n ._a3ep,\n ._9zs0,\n ._9-j-,\n ._a3eq,\n ._9zli,\n ._9_4y,\n ._9zm2,\n ._9zfj,\n ._9zlg,\n ._a3er,\n ._9-lv,\n ._9_ug,\n ._9_sh,\n ._9_sj,\n ._9-k0,\n ._9z-c,\n ._9_35,\n ._9_hh,\n ._a3es,\n ._a3et,\n ._a3eu,\n ._9-v-,\n ._9_4d,\n ._9zlh,\n ._a3ev,\n ._a3ew,\n ._a3ex,\n ._a3ey,\n ._9_7m,\n ._9_fv,\n ._a3ez,\n ._9-zf,\n ._9-zg,\n ._9-ze,\n ._a9fa,\n ._9-zh,\n ._9-zi,\n ._9-zj,\n ._9-zk,\n ._9-zl,\n ._9-zm,\n ._9-zn,\n ._9-zo,\n ._9-zp,\n ._9-zq,\n ._9-zr,\n ._9-zs,\n ._9-zt,\n ._a3op,\n ._a3oq,\n ._9-zu,\n ._9-zv,\n ._9-zw,\n ._9-zx,\n ._9-zy,\n ._9-zz,\n ._9-z-,\n ._a3or,\n ._a3ot,\n ._a3os,\n ._9zs1,\n ._9zs2,\n ._9-z_,\n ._9--0,\n ._9--1,\n ._9--2,\n ._9--3,\n ._9--4,\n ._9--5,\n ._9--6,\n ._9--7,\n ._9--f,\n ._9--8,\n ._9--9,\n ._9--a,\n ._9--b,\n ._9--c,\n ._9--d,\n ._9--e,\n ._a3ou,\n ._9--g,\n ._9--h,\n ._9--i,\n ._9--j,\n ._9--l,\n ._9--k,\n ._9--m,\n ._9--n,\n ._9--o,\n ._9--p,\n ._9--q,\n ._a3ov,\n ._9--s,\n ._9--r,\n ._9--t,\n ._9--u,\n ._9--v,\n ._9--x,\n ._9--y,\n ._9--w,\n ._9--z,\n ._9--_,\n ._9-_0,\n ._9-_1,\n ._9-_2,\n ._9-_3,\n ._9---,\n ._9-_4,\n ._9-_5,\n ._9-_6,\n ._9-_7,\n ._a3wy,\n ._9-_8,\n ._9-_9,\n ._a3ow,\n ._9-_a,\n ._9-_b,\n ._9-_c,\n ._9-_d,\n ._9-_e,\n ._9-_f,\n ._9-_g,\n ._9-_h,\n ._9-_i,\n ._9-_j,\n ._9-_k,\n ._9-_l,\n ._9-_m,\n ._9-_n,\n ._9-_o,\n ._a3ox,\n ._9-_p,\n ._9-_q,\n ._a9fb,\n ._9-_t,\n ._9-_r,\n ._9-_s,\n ._a93g,\n ._9-_u,\n ._9-_v,\n ._a9fc,\n ._9-_w,\n ._9-_x,\n ._9-_y,\n ._9-_z,\n ._9-_-,\n ._9-__,\n ._9_00,\n ._a3oy,\n ._9_01,\n ._9_02,\n ._9_03,\n ._9_04,\n ._9_05,\n ._9_08,\n ._9_09,\n ._9_07,\n ._9_06,\n ._9_0a,\n ._9_0b,\n ._9_0c,\n ._9_0d,\n ._9_0e,\n ._9_0f,\n ._9_0g,\n ._a93h,\n ._9_0h,\n ._9_0i,\n ._9_0j,\n ._9_0k,\n ._aepo,\n ._9_0l,\n ._9_0m,\n ._9_0n,\n ._9_0o,\n ._9_0p,\n ._a3oz,\n ._a93l,\n ._9_0r,\n ._9_0s,\n ._a7tk,\n ._9_0q,\n ._a3o-,\n ._9_0t,\n ._9_0v,\n ._9_0u,\n ._a9ej,\n ._9_0w,\n ._9_0x,\n ._9_0y,\n ._9_0z,\n ._9_0_,\n ._9_0-,\n ._9_10,\n ._9_11,\n ._9_12,\n ._9_13,\n ._9_14,\n ._9_15,\n ._a3o_,\n ._9_18,\n ._9_19,\n ._9_1a,\n ._9_1e,\n ._9_1b,\n ._9_1c,\n ._9_1d,\n ._9_16,\n ._9_17,\n ._a3p0,\n ._9_1g,\n ._9_1i,\n ._9_1h,\n ._9_1j,\n ._9_1k,\n ._9_1l,\n ._9_1m,\n ._a9pw {\n filter: brightness(0) saturate(100%) invert(80%) sepia(18%) saturate(377%) hue-rotate(192deg) brightness(103%) contrast(92%);\n }\n ._9ys7,\n ._9_1f,\n ._9ys8 {\n position: relative;\n background-image: none;\n background-color: var(--ctp-macchiato-lavender);\n mask-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjUwMCIgdmlld0JveD0iMCAwIDUwMCA1MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzU3LjczOCA2My4yMTQzTDMxNi45MDUgMEwyNTAgMzQuMjg1N0wxODIuOTc2IDBMMTQyLjE0MyA2My4yMTQzTDY2LjkwNDggNjcuMDIzOEw2My4yMTQzIDE0Mi4yNjJMMCAxODMuMDk1TDM0LjI4NTcgMjUwTDAgMzE3LjAyNEw2My4yMTQzIDM1Ny44NTdMNjcuMDIzOCA0MzMuMDk1TDE0Mi4yNjIgNDM2Ljc4NkwxODMuMDk1IDUwMEwyNTAgNDY1LjcxNEwzMTcuMDI0IDUwMEwzNTcuODU3IDQzNi43ODZMNDMzLjA5NSA0MzIuOTc2TDQzNi43ODYgMzU3LjczOEw1MDAgMzE2LjkwNUw0NjUuNzE0IDI1MEw1MDAgMTgyLjk3Nkw0MzYuNzg2IDE0Mi4xNDNMNDMyLjk3NiA2Ni45MDQ4TDM1Ny43MzggNjMuMjE0M1pNMTQxLjY2NiAyNTkuMDQ4TDIxOC45MjggMzM2LjMwOUwzNTguMDk1IDIwMS40MjlMMzMzLjIxNCAxNzUuODMzTDIxOS40MDQgMjg2LjE5TDE2Ni45MDQgMjMzLjgwOUwxNDEuNjY2IDI1OS4wNDhaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K\");\n mask-size: 100%;\n }\n [style*='background-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\")'][style*='background-position: 0px -97px'] {\n filter: none;\n background: var(--ctp-macchiato-mauve) !important;\n background: radial-gradient(circle at 30% 107%, var(--ctp-macchiato-yellow) 0%, var(--ctp-macchiato-yellow) 5%, var(--ctp-macchiato-peach) 45%, var(--ctp-macchiato-mauve) 60%, var(--ctp-macchiato-blue) 90%) !important;\n mask-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\");\n mask-position: 0 -97px;\n }\n [style*='background-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\")'][style*='background-position: -49px -97px'] {\n filter: none;\n background: var(--ctp-macchiato-mauve) !important;\n background: radial-gradient(circle at 30% 107%, var(--ctp-macchiato-yellow) 0%, var(--ctp-macchiato-yellow) 5%, var(--ctp-macchiato-peach) 45%, var(--ctp-macchiato-mauve) 60%, var(--ctp-macchiato-blue) 90%) !important;\n mask-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\");\n mask-position: -49px -97px;\n }\n [style*='background-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\")'][style*='background-position: -49px 0px'] {\n filter: none;\n background: var(--ctp-macchiato-mauve) !important;\n background: radial-gradient(circle at 30% 107%, var(--ctp-macchiato-yellow) 0%, var(--ctp-macchiato-yellow) 5%, var(--ctp-macchiato-peach) 45%, var(--ctp-macchiato-mauve) 60%, var(--ctp-macchiato-blue) 90%) !important;\n mask-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\");\n mask-position: -49px 0;\n }\n ._aaqh {\n background-color: var(--ctp-macchiato-surface0);\n }\n .xzloghq,\n ._acas:not(._acao),\n .xzloghq svg,\n ._acas:not(._acao) svg {\n color: var(--ctp-macchiato-base);\n fill: var(--ctp-macchiato-base);\n }\n .x1gjpkn9,\n ._acat,\n ._acap,\n a.x1gjpkn9,\n a._acat,\n a._acap,\n .x1gjpkn9:visited,\n ._acat:visited,\n ._acap:visited,\n a.x1gjpkn9:visited,\n a._acat:visited,\n a._acap:visited {\n color: var(--ctp-macchiato-text);\n }\n div:has(> .x1mu97ne) {\n background-color: var(--ctp-macchiato-crust);\n border: 1px solid var(--ctp-macchiato-overlay0);\n box-shadow: 0 10px 35px 2px rgba(var(--ctp-macchiato-crust-raw), 0.7);\n }\n .x7r02ix[role='dialog'] {\n box-shadow: 0 5px 10px 0 rgba(var(--ctp-macchiato-crust-raw), 0.5);\n }\n ._ac4d::placeholder,\n ._aauy::placeholder,\n textarea::placeholder {\n color: var(--ctp-macchiato-subtext0);\n }\n ._ab81 {\n background-color: var(--ctp-macchiato-mantle);\n }\n ._ab85,\n ._ab6i,\n ._ab85 .xvbhtw8,\n ._aav4 {\n background-color: var(--ctp-macchiato-crust);\n }\n .wbloks_1[data-bloks-name='bk.components.Collection'] {\n background-color: var(--ctp-macchiato-mantle);\n }\n .wbloks_1[data-bloks-name='bk.components.Flexbox'] {\n padding-left: 0 !important;\n }\n .wbloks_1[data-bloks-name='bk.components.Flexbox'][style*='background: rgb(0, 0, 0)'],\n .wbloks_1[data-bloks-name='bk.components.Flexbox'][style*='background: rgb(255, 255, 255)'] {\n background-color: var(--ctp-macchiato-mantle) !important;\n }\n .wbloks_1[data-bloks-name='bk.components.Flexbox'][style*='border-radius: 10.5px'][style*='background: rgb(0, 149, 246)'],\n .wbloks_1[data-bloks-name='bk.components.Flexbox'][style*='border-radius: 12px'][style*='background: rgb(0, 149, 246)'],\n .wbloks_1[data-bloks-name='bk.components.Flexbox'][style*='border-radius: 4px'][style*='background: rgb(0, 149, 246)'] {\n background-color: var(--ctp-macchiato-lavender) !important;\n }\n .wbloks_1[data-bloks-name='bk.components.Flexbox'][style*='border-radius: 10.5px'][style*='background: rgb(219, 219, 219)'],\n .wbloks_1[data-bloks-name='bk.components.Flexbox'][style*='border-radius: 12px'][style*='background: rgb(219, 219, 219)'],\n .wbloks_1[data-bloks-name='bk.components.Flexbox'][style*='border-radius: 4px'][style*='background: rgb(219, 219, 219)'],\n .wbloks_1[data-bloks-name='bk.components.Flexbox'][style*='border-radius: 10.5px'][style*='background: rgb(38, 38, 38)'],\n .wbloks_1[data-bloks-name='bk.components.Flexbox'][style*='border-radius: 12px'][style*='background: rgb(38, 38, 38)'],\n .wbloks_1[data-bloks-name='bk.components.Flexbox'][style*='border-radius: 4px'][style*='background: rgb(38, 38, 38)'],\n .wbloks_1[data-bloks-name='bk.components.Flexbox'][style*='border-radius: 10.5px'][style*='background: rgb(54, 54, 54)'],\n .wbloks_1[data-bloks-name='bk.components.Flexbox'][style*='border-radius: 12px'][style*='background: rgb(54, 54, 54)'],\n .wbloks_1[data-bloks-name='bk.components.Flexbox'][style*='border-radius: 4px'][style*='background: rgb(54, 54, 54)'],\n .wbloks_1[data-bloks-name='bk.components.Flexbox'][style*='border-radius: 10.5px'][style*='background: rgb(255, 255, 255)'],\n .wbloks_1[data-bloks-name='bk.components.Flexbox'][style*='border-radius: 12px'][style*='background: rgb(255, 255, 255)'],\n .wbloks_1[data-bloks-name='bk.components.Flexbox'][style*='border-radius: 4px'][style*='background: rgb(255, 255, 255)'] {\n background-color: var(--ctp-macchiato-surface0) !important;\n }\n .wbloks_1[data-bloks-name='bk.components.Flexbox'][style*='background: rgb(38, 38, 38)'] {\n display: none;\n }\n span[data-bloks-name='bk.components.TextSpan'][style*='color: rgb(250, 250, 250)'],\n span[data-bloks-name='bk.components.Text'][style*='color: rgb(250, 250, 250)'],\n span[data-bloks-name='bk.components.TextSpan'][style*='color: rgb(224, 241, 255)'],\n span[data-bloks-name='bk.components.Text'][style*='color: rgb(224, 241, 255)'],\n span[data-bloks-name='bk.components.TextSpan'][style*='color: rgb(0, 55, 107)'],\n span[data-bloks-name='bk.components.Text'][style*='color: rgb(0, 55, 107)'],\n span[data-bloks-name='bk.components.TextSpan'][style*='color: rgb(38, 38, 38)'],\n span[data-bloks-name='bk.components.Text'][style*='color: rgb(38, 38, 38)'] {\n color: var(--ctp-macchiato-text) !important;\n }\n span[data-bloks-name='bk.components.TextSpan'][style*='color: rgb(142, 142, 142)'],\n span[data-bloks-name='bk.components.Text'][style*='color: rgb(142, 142, 142)'] {\n color: var(--ctp-macchiato-subtext0) !important;\n }\n .leaflet-popup-content-wrapper,\n .leaflet-popup-tip {\n background-color: var(--ctp-macchiato-mantle);\n box-shadow: 0 5px 15px rgba(var(--ctp-macchiato-crust-raw), 0.4);\n }\n .leaflet-popup-content-wrapper *,\n .leaflet-popup-tip * {\n color: var(--ctp-macchiato-text) !important;\n }\n ::-webkit-scrollbar {\n width: 5px;\n background-color: var(--ctp-macchiato-crust);\n }\n ::-webkit-scrollbar-thumb {\n background-color: var(--ctp-macchiato-lavender);\n border-radius: 10px;\n }\n * {\n scrollbar-width: thin;\n scrollbar-color: var(--ctp-macchiato-lavender) var(--ctp-macchiato-crust);\n }",
"start": 758,
"domains": [
"instagram.com"
]
},
{
"code": ".xnz67gz {\n background-color: var(--ctp-macchiato-base);\n }\n .xvbhtw8 {\n background-color: var(--ctp-macchiato-mantle);\n }\n ._aa5c,\n ._aa4j,\n ._abyk {\n background-color: var(--ctp-macchiato-crust);\n }",
"start": 21255,
"regexps": [
"^.*instagram.com/direct.*"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name Catppuccin for Instagram\n@namespace github.com/haiksgithub/\n@version 0.1.0\n@description Soothing pastel theme for Instagram.\n@author haik\n\n@preprocessor stylus\n\n@var select flavor \"Flavour\" [\n \"'latte'\",\n \"'frappe'\",\n \"'macchiato'\",\n \"'mocha'\",\n \"'espresso'\",\n]\n\n@var select accent \"Accent Colour\" [\n \"'blue'\",\n \"'flamingo'\",\n \"'green'\",\n \"'lavender'\",\n \"'mantle'\",\n \"'maroon'\",\n \"'mauve'\",\n \"'peach'\",\n \"'pink'\",\n \"'red'\",\n \"'rosewater'\",\n \"'sapphire'\",\n \"'sky'\",\n \"'teal'\",\n \"'yellow'\",\n]\n\n@var select logo_gradient \"Logo Gradient\" [\n \"'never'\",\n \"'hover'\",\n \"'always'\",\n]\n\n@var number scrollbar_width \"Scrollbar Width (in pixels)\" 5\n==/UserStyle== */\n\n@-moz-document domain('instagram.com') {\n @import url('https://cdn.jsdelivr.net/gh/haiksgithub/catppuccin-palette-css@v0.1.7/catppuccin.css');\n\n // Gets a colour from the palette\n get(clr, model = false) {\n suffix = model ? '-' + model : '';\n return s('var(--ctp-%s-%s%s)', unquote(flavor), unquote(clr), unquote(suffix));\n }\n\n get_transparency(clr, amount) {\n return convert(s('@css{ rgba(%s, %s) }', get(clr, 'raw'), amount));\n }\n\n // Always dark/light independent of the flavor\n dark_color = flavor == 'latte' ? 'text' : 'crust';\n light_color = flavor == 'latte' ? 'crust' : 'text';\n\n // Override default variables\n * {\n --web-always-black: get(dark_color, 'raw');\n --web-always-white: get(light_color, 'raw');\n\n --overlay-alpha-80: get_transparency(dark_color, 0.5);\n\n --ig-primary-background: get('base', 'raw');\n --ig-secondary-background: get('surface0', 'raw');\n --ig-banner-background: get('crust', 'raw');\n --ig-highlight-background: get('surface0', 'raw');\n --ig-elevated-background: get('crust', 'raw');\n --ig-hover-overlay: get('surface0', 'raw'), 0.5;\n --hover-overlay: get_transparency('surface0', 0.2);\n\n --ig-primary-button: get(accent, 'raw');\n --ig-primary-button-hover: get(accent, 'raw'), 0.8;\n\n --ig-secondary-button-background: get('surface0', 'raw');\n --ig-secondary-button-hover: get('surface1', 'raw');\n --ig-secondary-button: get('text', 'raw');\n\n --ig-primary-text: get('text', 'raw');\n --ig-secondary-text: get('subtext0', 'raw');\n --ig-tertiary-text: get('subtext0', 'raw');\n --wbloks-primary-text: get('text');\n --ig-text-on-media: get('text', 'raw');\n\n --ig-separator: get('overlay0', 'raw');\n --post-separator: get('overlay0', 'raw');\n --ig-elevated-separator: get('overlay0', 'raw');\n --ig-stroke: get('overlay0', 'raw');\n --grey-2: get('overlay0', 'raw');\n\n --ig-link: get(accent, 'raw');\n --ig-error-or-destructive: get('maroon', 'raw');\n --ig-success: get('green', 'raw');\n --blue-2: get('blue', 'raw');\n }\n \n // Text selection\n *::selection {\n color: get(dark_color);\n background-color: get(accent);\n }\n\n // Sidebar\n .x1xgvd2v {\n background-color: get('crust') !important;\n\n &[style='transform: translateX(0px);'] {\n background-color: get('mantle') !important;\n }\n }\n\n .x1zvrr1 {\n background-color: get('mantle');\n }\n \n // Instagram icon\n if logo_gradient != 'never' {\n instagram_logo = 'data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI5IiB2aWV3Qm94PSIzMiA0IDExMyAzMiIgd2lkdGg9IjEwMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTM3LjgyIDQuMTFjLTIuMzIuOTctNC44NiAzLjctNS42NiA3LjEzLTEuMDIgNC4zNCAzLjIxIDYuMTcgMy41NiA1LjU3LjQtLjctLjc2LS45NC0xLTMuMi0uMy0yLjkgMS4wNS02LjE2IDIuNzUtNy41OC4zMi0uMjcuMy4xLjMuNzhsLS4wNiAxNC40NmMwIDMuMS0uMTMgNC4wNy0uMzYgNS4wNC0uMjMuOTgtLjYgMS42NC0uMzMgMS45LjMyLjI4IDEuNjgtLjQgMi40Ni0xLjVhOC4xMyA4LjEzIDAgMCAwIDEuMzMtNC41OGMuMDctMi4wNi4wNi01LjMzLjA3LTcuMTkgMC0xLjcuMDMtNi43MS0uMDMtOS43Mi0uMDItLjc0LTIuMDctMS41MS0zLjAzLTEuMVptODIuMTMgMTQuNDhhOS40MiA5LjQyIDAgMCAxLS44OCAzLjc1Yy0uODUgMS43Mi0yLjYzIDIuMjUtMy4zOS0uMjItLjQtMS4zNC0uNDMtMy41OS0uMTMtNS40Ny4zLTEuOSAxLjE0LTMuMzUgMi41My0zLjIyIDEuMzguMTMgMi4wMiAxLjkgMS44NyA1LjE2Wk05Ni44IDI4LjU3Yy0uMDIgMi42Ny0uNDQgNS4wMS0xLjM0IDUuNy0xLjI5Ljk2LTMgLjIzLTIuNjUtMS43Mi4zMS0xLjcyIDEuOC0zLjQ4IDQtNS42NGwtLjAxIDEuNjZabS0uMzUtMTBhMTAuNTYgMTAuNTYgMCAwIDEtLjg4IDMuNzdjLS44NSAxLjcyLTIuNjQgMi4yNS0zLjM5LS4yMi0uNS0xLjY5LS4zOC0zLjg3LS4xMy01LjI1LjMzLTEuNzggMS4xMi0zLjQ0IDIuNTMtMy40NCAxLjM4IDAgMi4wNiAxLjUgMS44NyA1LjE0Wm0tMTMuNDEtLjAyYTkuNTQgOS41NCAwIDAgMS0uODcgMy44Yy0uODggMS43LTIuNjMgMi4yNC0zLjQtLjIzLS41NS0xLjc3LS4zNi00LjItLjEzLTUuNS4zNC0xLjk1IDEuMi0zLjMyIDIuNTMtMy4yIDEuMzguMTQgMi4wNCAxLjkgMS44NyA1LjEzWm02MS40NSAxLjgxYy0uMzMgMC0uNDkuMzUtLjYxLjkzLS40NCAyLjAyLS45IDIuNDgtMS41IDIuNDgtLjY2IDAtMS4yNi0xLTEuNDItMy0uMTItMS41OC0uMS00LjQ4LjA2LTcuMzcuMDMtLjU5LS4xNC0xLjE3LTEuNzMtMS43NS0uNjgtLjI1LTEuNjgtLjYyLTIuMTcuNThhMjkuNjUgMjkuNjUgMCAwIDAtMi4wOCA3LjE0YzAgLjA2LS4wOC4wNy0uMS0uMDYtLjA3LS44Ny0uMjYtMi40Ni0uMjgtNS43OSAwLS42NS0uMTQtMS4yLS44Ni0xLjY1LS40Ny0uMy0xLjg4LS44MS0yLjQtLjItLjQzLjUtLjk0IDEuODctMS40NyAzLjQ4bC0uNzQgMi4yLjAxLTQuODhjMC0uNS0uMzQtLjY3LS40NS0uN2E5LjU0IDkuNTQgMCAwIDAtMS44LS4zN2MtLjQ4IDAtLjYuMjctLjYuNjcgMCAuMDUtLjA4IDQuNjUtLjA4IDcuODd2LjQ2Yy0uMjcgMS40OC0xLjE0IDMuNDktMi4wOSAzLjQ5cy0xLjQtLjg0LTEuNC00LjY4YzAtMi4yNC4wNy0zLjIxLjEtNC44My4wMi0uOTQuMDYtMS42NS4wNi0xLjgxLS4wMS0uNS0uODctLjc1LTEuMjctLjg1LS40LS4wOS0uNzYtLjEzLTEuMDMtLjExLS40LjAyLS42Ny4yNy0uNjcuNjJ2LjU1YTMuNzEgMy43MSAwIDAgMC0xLjgzLTEuNDljLTEuNDQtLjQzLTIuOTQtLjA1LTQuMDcgMS41M2E5LjMxIDkuMzEgMCAwIDAtMS42NiA0LjczYy0uMTYgMS41LS4xIDMuMDEuMTcgNC4zLS4zMyAxLjQ0LS45NiAyLjA0LTEuNjQgMi4wNC0uOTkgMC0xLjctMS42Mi0xLjYyLTQuNC4wNi0xLjg0LjQyLTMuMTMuODItNC45OS4xNy0uOC4wNC0xLjItLjMxLTEuNi0uMzItLjM3LTEtLjU2LTEuOTktLjMzLS43LjE2LTEuNy4zNC0yLjYuNDcgMCAwIC4wNS0uMjEuMS0uNi4yMy0yLjAzLTEuOTgtMS44Ny0yLjY5LTEuMjItLjQyLjM5LS43Ljg0LS44MiAxLjY3LS4xNyAxLjMuOSAxLjkxLjkgMS45MWEyMi4yMiAyMi4yMiAwIDAgMS0zLjQgNy4yM3YtLjdjLS4wMS0zLjM2LjAzLTYgLjA1LTYuOTUuMDItLjk0LjA2LTEuNjMuMDYtMS44IDAtLjM2LS4yMi0uNS0uNjYtLjY3LS40LS4xNi0uODYtLjI2LTEuMzQtLjMtLjYtLjA1LS45Ny4yNy0uOTYuNjV2LjUyYTMuNyAzLjcgMCAwIDAtMS44NC0xLjQ5Yy0xLjQ0LS40My0yLjk0LS4wNS00LjA3IDEuNTNhMTAuMSAxMC4xIDAgMCAwLTEuNjYgNC43MmMtLjE1IDEuNTctLjEzIDIuOS4wOSA0LjA0LS4yMyAxLjEzLS44OSAyLjMtMS42MyAyLjMtLjk1IDAtMS41LS44My0xLjUtNC42NyAwLTIuMjQuMDctMy4yMS4xLTQuODMuMDItLjk0LjA2LTEuNjUuMDYtMS44MSAwLS41LS44Ny0uNzUtMS4yNy0uODUtLjQyLS4xLS43OS0uMTMtMS4wNi0uMS0uMzcuMDItLjYzLjM1LS42My42di41NmEzLjcgMy43IDAgMCAwLTEuODQtMS40OWMtMS40NC0uNDMtMi45My0uMDQtNC4wNyAxLjUzLS43NSAxLjAzLTEuMzUgMi4xNy0xLjY2IDQuN2ExNS44IDE1LjggMCAwIDAtLjEyIDIuMDRjLS4zIDEuODEtMS42MSAzLjktMi42OCAzLjktLjYzIDAtMS4yMy0xLjIxLTEuMjMtMy44IDAtMy40NS4yMi04LjM2LjI1LTguODNsMS42Mi0uMDNjLjY4IDAgMS4yOS4wMSAyLjE5LS4wNC40NS0uMDIuODgtMS42NC40Mi0xLjg0LS4yMS0uMDktMS43LS4xNy0yLjMtLjE4LS41LS4wMS0xLjg4LS4xMS0xLjg4LS4xMXMuMTMtMy4yNi4xNi0zLjZjLjAyLS4zLS4zNS0uNDQtLjU3LS41M2E3Ljc3IDcuNzcgMCAwIDAtMS41My0uNDRjLS43Ni0uMTUtMS4xIDAtMS4xNy42NC0uMS45Ny0uMTUgMy44Mi0uMTUgMy44Mi0uNTYgMC0yLjQ3LS4xMS0zLjAyLS4xMS0uNTIgMC0xLjA4IDIuMjItLjM2IDIuMjVsMy4yLjA5LS4wMyA2LjUzdi40N2MtLjUzIDIuNzMtMi4zNyA0LjItMi4zNyA0LjIuNC0xLjgtLjQyLTMuMTUtMS44Ny00LjMtLjU0LS40Mi0xLjYtMS4yMi0yLjc5LTIuMSAwIDAgLjY5LS42OCAxLjMtMi4wNC40My0uOTYuNDUtMi4wNi0uNjEtMi4zLTEuNzUtLjQxLTMuMi44Ny0zLjYzIDIuMjVhMi42MSAyLjYxIDAgMCAwIC41IDIuNjZsLjE1LjE5Yy0uNC43Ni0uOTQgMS43OC0xLjQgMi41OC0xLjI3IDIuMi0yLjI0IDMuOTUtMi45NyAzLjk1LS41OCAwLS41Ny0xLjc3LS41Ny0zLjQzIDAtMS40My4xLTMuNTguMTktNS44LjAzLS43NC0uMzQtMS4xNi0uOTYtMS41NGE0LjMzIDQuMzMgMCAwIDAtMS42NC0uNjljLS43IDAtMi43LjEtNC42IDUuNTctLjIzLjY5LS43IDEuOTQtLjcgMS45NGwuMDQtNi41N2MwLS4xNi0uMDgtLjMtLjI3LS40YTQuNjggNC42OCAwIDAgMC0xLjkzLS41NGMtLjM2IDAtLjU0LjE3LS41NC41bC0uMDcgMTAuM2MwIC43OC4wMiAxLjY5LjEgMi4wOS4wOC40LjIuNzIuMzYuOTEuMTUuMi4zMy4zNC42Mi40LjI4LjA2IDEuNzguMjUgMS44Ni0uMzIuMS0uNjkuMS0xLjQzLjg5LTQuMiAxLjIyLTQuMzEgMi44Mi02LjQyIDMuNTgtNy4xNi4xMy0uMTQuMjgtLjE0LjI3LjA3bC0uMjIgNS4zMmMtLjIgNS4zNy43OCA2LjM2IDIuMTcgNi4zNiAxLjA3IDAgMi41OC0xLjA2IDQuMi0zLjc0bDIuNy00LjUgMS41OCAxLjQ2YzEuMjggMS4yIDEuNyAyLjM2IDEuNDIgMy40NS0uMjEuODMtMS4wMiAxLjctMi40NC44Ni0uNDItLjI1LS42LS40NC0xLjAxLS43MS0uMjMtLjE1LS41Ny0uMi0uNzgtLjA0LS41My40LS44NC45Mi0xLjAxIDEuNTUtLjE3LjYxLjQ1Ljk0IDEuMDkgMS4yMi41NS4yNSAxLjc0LjQ3IDIuNS41IDIuOTQuMSA1LjMtMS40MiA2Ljk0LTUuMzQuMyAzLjM4IDEuNTUgNS4zIDMuNzIgNS4zIDEuNDUgMCAyLjkxLTEuODggMy41NS0zLjcyLjE4Ljc1LjQ1IDEuNC44IDEuOTYgMS42OCAyLjY1IDQuOTMgMi4wNyA2LjU2LS4xOC41LS42OS41OC0uOTQuNTgtLjk0YTMuMDcgMy4wNyAwIDAgMCAyLjk0IDIuODdjMS4xIDAgMi4yMy0uNTIgMy4wMy0yLjMxLjA5LjIuMi4zOC4zLjU2IDEuNjggMi42NSA0LjkzIDIuMDcgNi41Ni0uMThsLjItLjI4LjA1IDEuNC0xLjUgMS4zN2MtMi41MiAyLjMtNC40NCA0LjA1LTQuNTggNi4wOS0uMTggMi42IDEuOTMgMy41NiAzLjUzIDMuNjlhNC41IDQuNSAwIDAgMCA0LjA0LTIuMTFjLjc4LTEuMTUgMS4zLTMuNjMgMS4yNi02LjA4bC0uMDYtMy41NmEyOC41NSAyOC41NSAwIDAgMCA1LjQyLTkuNDRzLjkzLjAxIDEuOTItLjA1Yy4zMi0uMDIuNDEuMDQuMzUuMjctLjA3LjI4LTEuMjUgNC44NC0uMTcgNy44OC43NCAyLjA4IDIuNCAyLjc1IDMuNCAyLjc1IDEuMTUgMCAyLjI2LS44NyAyLjg1LTIuMTdsLjIzLjQyYzEuNjggMi42NSA0LjkyIDIuMDcgNi41Ni0uMTguMzctLjUuNTgtLjk0LjU4LS45NC4zNiAyLjIgMi4wNyAyLjg4IDMuMDUgMi44OCAxLjAyIDAgMi0uNDIgMi43OC0yLjI4LjAzLjgyLjA4IDEuNDkuMTYgMS43LjA1LjEzLjM0LjMuNTYuMzcuOTMuMzQgMS44OC4xOCAyLjI0LjExLjI0LS4wNS40My0uMjUuNDYtLjc1LjA3LTEuMzMuMDMtMy41Ni40My01LjIxLjY3LTIuNzkgMS4zLTMuODcgMS42LTQuNC4xNy0uMy4zNi0uMzUuMzctLjAzLjAxLjY0LjA0IDIuNTIuMyA1LjA1LjIgMS44Ni40NiAyLjk2LjY1IDMuMy41NyAxIDEuMjcgMS4wNSAxLjgzIDEuMDUuMzYgMCAxLjEyLS4xIDEuMDUtLjczLS4wMy0uMzEuMDItMi4yMi43LTQuOTYuNDMtMS43OSAxLjE1LTMuNCAxLjQxLTQgLjEtLjIxLjE1LS4wNC4xNSAwLS4wNiAxLjIyLS4xOCA1LjI1LjMyIDcuNDYuNjggMi45OCAyLjY1IDMuMzIgMy4zNCAzLjMyIDEuNDcgMCAyLjY3LTEuMTIgMy4wNy00LjA1LjEtLjctLjA1LTEuMjUtLjQ4LTEuMjVaIiBmaWxsPSJjdXJyZW50Q29sb3IiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PC9wYXRoPg0KPC9zdmc+'\n }\n\n if logo_gradient == 'hover' {\n ._ab6-[aria-label='Instagram'] {\n background-color: get('text');\n fill: transparent;\n color: transparent;\n mask-image: url(instagram_logo);\n mask-size: 100%;\n mask-position: 0 0;\n }\n \n a:has(._ab6-[aria-label='Instagram']):hover ._ab6-[aria-label='Instagram'] {\n background-image: linear-gradient(to right, get('yellow') 1%, get('peach') 5%, get('red') 30%, get('mauve') 95%, get('lavender'));\n }\n }\n \n else if logo_gradient == 'always' {\n ._ab6-[aria-label='Instagram'] {\n background-color: get('text');\n fill: transparent;\n color: transparent;\n mask-image: url(instagram_logo);\n mask-size: 100%;\n mask-position: 0 0;\n background-image: linear-gradient(to right, get('yellow') 1%, get('peach') 5%, get('red') 30%, get('mauve') 95%, get('lavender'));1\n }\n }\n\n // Posts\n ._aggc {\n padding: 1em;\n background-color: get('mantle');\n border: 1px solid get('overlay0') !important;\n border-radius: var(--modal-border-radius);\n box-shadow: 0 3px 5px -1px get_transparency(dark_color, 0.2);\n box-sizing: border-box;\n }\n\n ._aatc ._aasi,\n ._ae1i,\n ._aggc textarea.xvbhtw8 {\n background-color: get('mantle');\n }\n\n // Icons\n svg {\n color: get('text');\n fill: get('text');\n }\n\n // The close icon on the dark wrapper\n svg[aria-label='Close'] {\n color: var(--web-always-white);\n }\n\n // Monotone icons from the PNG sprite\n latte_text_filter = @css{ brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%) hue-rotate(196deg) brightness(97%) contrast(85%) };\n frappe_text_filter = @css{ brightness(0) saturate(100%) invert(84%) sepia(5%) saturate(1519%) hue-rotate(192deg) brightness(100%) contrast(93%) };\n macchiato_text_filter = @css{ brightness(0) saturate(100%) invert(80%) sepia(18%) saturate(377%) hue-rotate(192deg) brightness(103%) contrast(92%) };\n mocha_text_filter = @css{ brightness(0) saturate(100%) invert(85%) sepia(6%) saturate(1356%) hue-rotate(194deg) brightness(103%) contrast(91%) };\n espresso_text_filter = @css{ brightness(0) saturate(100%) invert(85%) sepia(6%) saturate(1356%) hue-rotate(194deg) brightness(103%) contrast(91%) };\n \n // Excluded:\n // - _9ys7, _9_1f, _9ys8 (verified icon)\n [style*='background-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\")'],\n ._9zkj, ._a3ds, ._a3dt, ._a3du, ._a3dv, ._a3dw, ._9-b3, ._9znl, ._9z-6, ._a3dx, ._a3dy, ._a3dz, ._a3d-, ._a3d_, ._a3e0, ._9zm4, ._a3e1, ._a3e2, ._a3e3, ._a3e4, ._a3e5, ._a3e6, ._a3e7, ._a3e8, ._a3e9, ._a3ea, ._9_57, ._9_n5, ._9-y3, ._a3eb, ._a3ec, ._a3ed, ._a3ee, ._a04s, ._9zlu, ._9-yp, ._a3ef, ._a3eg, ._9_wm, ._a3eh, ._a3ei, ._9-j_, ._a3ej, ._a3ek, ._9_ij, ._9_d_, ._9_e1, ._9-mm, ._9_cx, ._9zm0, ._9zfi, ._9-ub, ._a3el, ._9-7-, ._9-1a, ._a3em, ._9zrp, ._a3en, ._9zz9, ._a3eo, ._9zmr, ._9-8d, ._9zhi, ._a3ep, ._9zs0, ._9-j-, ._a3eq, ._9zli, ._9_4y, ._9zm2, ._9zfj, ._9zlg, ._a3er, ._9-lv, ._9_ug, ._9_sh, ._9_sj, ._9-k0, ._9z-c, ._9_35, ._9_hh, ._a3es, ._a3et, ._a3eu, ._9-v-, ._9_4d, ._9zlh, ._a3ev, ._a3ew, ._a3ex, ._a3ey, ._9_7m, ._9_fv, ._a3ez,\n ._9-zf, ._9-zg, ._9-ze, ._a9fa, ._9-zh, ._9-zi, ._9-zj, ._9-zk, ._9-zl, ._9-zm, ._9-zn, ._9-zo, ._9-zp, ._9-zq, ._9-zr, ._9-zs, ._9-zt, ._a3op, ._a3oq, ._9-zu, ._9-zv, ._9-zw, ._9-zx, ._9-zy, ._9-zz, ._9-z-, ._a3or, ._a3ot, ._a3os, ._9zs1, ._9zs2, ._9-z_, ._9--0, ._9--1, ._9--2, ._9--3, ._9--4, ._9--5, ._9--6, ._9--7, ._9--f, ._9--8, ._9--9, ._9--a, ._9--b, ._9--c, ._9--d, ._9--e, ._a3ou, ._9--g, ._9--h, ._9--i, ._9--j, ._9--l, ._9--k, ._9--m, ._9--n, ._9--o, ._9--p, ._9--q, ._a3ov, ._9--s, ._9--r, ._9--t, ._9--u, ._9--v, ._9--x, ._9--y, ._9--w, ._9--z, ._9--_, ._9-_0, ._9-_1, ._9-_2, ._9-_3, ._9---, ._9-_4, ._9-_5, ._9-_6, ._9-_7, ._a3wy, ._9-_8, ._9-_9, ._a3ow, ._9-_a, ._9-_b, ._9-_c, ._9-_d, ._9-_e, ._9-_f, ._9-_g, ._9-_h, ._9-_i, ._9-_j, ._9-_k, ._9-_l, ._9-_m, ._9-_n, ._9-_o, ._a3ox, ._9-_p, ._9-_q, ._a9fb, ._9-_t, ._9-_r, ._9-_s, ._a93g, ._9-_u, ._9-_v, ._a9fc, ._9-_w, ._9-_x, ._9-_y, ._9-_z, ._9-_-, ._9-__, ._9_00, ._a3oy, ._9_01, ._9_02, ._9_03, ._9_04, ._9_05, ._9_08, ._9_09, ._9_07, ._9_06, ._9_0a, ._9_0b, ._9_0c, ._9_0d, ._9_0e, ._9_0f, ._9_0g, ._a93h, ._9_0h, ._9_0i, ._9_0j, ._9_0k, ._aepo, ._9_0l, ._9_0m, ._9_0n, ._9_0o, ._9_0p, ._a3oz, ._a93l, ._9_0r, ._9_0s, ._a7tk, ._9_0q, ._a3o-, ._9_0t, ._9_0v, ._9_0u, ._a9ej, ._9_0w, ._9_0x, ._9_0y, ._9_0z, ._9_0_, ._9_0-, ._9_10, ._9_11, ._9_12, ._9_13, ._9_14, ._9_15, ._a3o_, ._9_18, ._9_19, ._9_1a, ._9_1e, ._9_1b, ._9_1c, ._9_1d, ._9_16, ._9_17, ._a3p0, ._9_1g, ._9_1i, ._9_1h, ._9_1j, ._9_1k, ._9_1l, ._9_1m, ._a9pw {\n filter: lookup(flavor + '_text_filter');\n }\n \n // Custom icons\n instagram_gradient = radial-gradient(circle at 30% 107%, get('yellow') 0%, get('yellow') 5%, get('peach') 45%, get('mauve') 60%,get('blue') 90%);\n verified_icon = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjUwMCIgdmlld0JveD0iMCAwIDUwMCA1MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzU3LjczOCA2My4yMTQzTDMxNi45MDUgMEwyNTAgMzQuMjg1N0wxODIuOTc2IDBMMTQyLjE0MyA2My4yMTQzTDY2LjkwNDggNjcuMDIzOEw2My4yMTQzIDE0Mi4yNjJMMCAxODMuMDk1TDM0LjI4NTcgMjUwTDAgMzE3LjAyNEw2My4yMTQzIDM1Ny44NTdMNjcuMDIzOCA0MzMuMDk1TDE0Mi4yNjIgNDM2Ljc4NkwxODMuMDk1IDUwMEwyNTAgNDY1LjcxNEwzMTcuMDI0IDUwMEwzNTcuODU3IDQzNi43ODZMNDMzLjA5NSA0MzIuOTc2TDQzNi43ODYgMzU3LjczOEw1MDAgMzE2LjkwNUw0NjUuNzE0IDI1MEw1MDAgMTgyLjk3Nkw0MzYuNzg2IDE0Mi4xNDNMNDMyLjk3NiA2Ni45MDQ4TDM1Ny43MzggNjMuMjE0M1pNMTQxLjY2NiAyNTkuMDQ4TDIxOC45MjggMzM2LjMwOUwzNTguMDk1IDIwMS40MjlMMzMzLjIxNCAxNzUuODMzTDIxOS40MDQgMjg2LjE5TDE2Ni45MDQgMjMzLjgwOUwxNDEuNjY2IDI1OS4wNDhaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K';\n \n // Verified icon\n ._9ys7,\n ._9_1f,\n ._9ys8 {\n position: relative;\n background-image: none;\n background-color: get(accent);\n mask-image: url(verified_icon);\n mask-size: 100%;\n }\n \n [style*='background-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\")'] {\n // No photo icon\n &[style*='background-position: 0px -97px'] {\n filter: none;\n background: get('mauve') !important;\n background: instagram_gradient !important;\n mask-image: url('https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png');\n mask-position: 0 -97px;\n }\n \n // Private page icon\n &[style*='background-position: -49px -97px'] {\n filter: none;\n background: get('mauve') !important;\n background: instagram_gradient !important;\n mask-image: url('https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png');\n mask-position: -49px -97px;\n }\n\n &[style*='background-position: -49px 0px'] {\n filter: none;\n background: get('mauve') !important;\n background: instagram_gradient !important;\n mask-image: url('https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png');\n mask-position: -49px 0;\n }\n }\n\n // Post swipe icons\n ._aaqh {\n background-color: get('surface0');\n }\n \n // Inside primary buttons\n .xzloghq,\n ._acas:not(._acao) {\n &,\n svg {\n color: get('base');\n fill: get('base');\n }\n }\n\n // Secondary buttons\n .x1gjpkn9,\n ._acat,\n ._acap {\n &,\n a& {\n &,\n &:visited {\n color: get('text');\n }\n }\n }\n\n // Profile banner\n div:has(> .x1mu97ne) {\n background-color: get('crust');\n border: 1px solid get('overlay0');\n box-shadow: 0 10px 35px 2px get_transparency(dark_color, 0.7);\n }\n\n // Dialog overlay\n .x7r02ix[role='dialog'] {\n box-shadow: 0 5px 10px 0 get_transparency(dark_color, 0.5);\n }\n\n // Input placeholders\n ._ac4d::placeholder,\n ._aauy::placeholder,\n textarea::placeholder {\n color: get('subtext0');\n }\n\n // Settings\n ._ab81 {\n background-color: get('mantle');\n }\n\n ._ab85,\n ._ab6i,\n ._ab85 .xvbhtw8,\n ._aav4 {\n background-color: get('crust');\n }\n\n // Bloks\n .wbloks_1[data-bloks-name='bk.components.Collection'] {\n background-color: get('mantle');\n }\n\n .wbloks_1[data-bloks-name='bk.components.Flexbox'] {\n // Radios have left padding\n padding-left: 0 !important;\n\n // The heading\n &[style*='background: rgb(0\\, 0\\, 0)'],\n &[style*='background: rgb(255\\, 255\\, 255)'] {\n background-color: get('mantle') !important;\n }\n \n // Radios\n &[style*='border-radius: 10.5px'],\n &[style*='border-radius: 12px'],\n &[style*='border-radius: 4px'] {\n // Selected radio\n &[style*='background: rgb(0\\, 149\\, 246)'] {\n background-color: get(accent) !important;\n }\n \n // Not selected radio\n &[style*='background: rgb(219\\, 219\\, 219)'],\n &[style*='background: rgb(38\\, 38\\, 38)'],\n &[style*='background: rgb(54\\, 54\\, 54)'],\n &[style*='background: rgb(255\\, 255\\, 255)'] {\n background-color: get('surface0') !important;\n }\n }\n \n // That \"border\"\n &[style*='background: rgb(38\\, 38\\, 38)'] {\n display: none;\n }\n }\n \n span[data-bloks-name='bk.components.TextSpan'],\n span[data-bloks-name='bk.components.Text']{\n &[style*='color: rgb(250\\, 250\\, 250)'],\n &[style*='color: rgb(224\\, 241\\, 255)'],\n &[style*='color: rgb(0\\, 55\\, 107)'],\n &[style*='color: rgb(38\\, 38\\, 38)'] {\n color: get('text') !important;\n }\n \n &[style*='color: rgb(142\\, 142\\, 142)'] {\n color: get('subtext0') !important;\n }\n }\n\n // Map pop-ups\n .leaflet-popup-content-wrapper,\n .leaflet-popup-tip {\n background-color: get('mantle');\n box-shadow: 0 5px 15px get_transparency(dark_color, 0.4)\n\n * {\n color: get('text') !important;\n }\n }\n \n // Scrollbar\n ::-webkit-scrollbar {\n width: (scrollbar_width)px;\n background-color: get('crust');\n }\n \n ::-webkit-scrollbar-thumb {\n background-color: get(accent);\n border-radius: 10px;\n }\n \n * {\n scrollbar-width: thin;\n scrollbar-color: get(accent) get('crust');\n }\n}\n \n@-moz-document regexp('^.*instagram.com/direct.*') {\n // Chat background\n .xnz67gz {\n background-color: get('base');\n }\n\n .xvbhtw8 {\n background-color: get('mantle');\n }\n\n ._aa5c,\n ._aa4j,\n ._abyk {\n background-color: get('crust');\n }\n}\n",
"usercssData": {
"name": "Catppuccin for Instagram",
"namespace": "github.com/haiksgithub/",
"version": "0.1.0",
"description": "Soothing pastel theme for Instagram.",
"author": "haik",
"preprocessor": "stylus",
"vars": {
"flavor": {
"type": "select",
"label": "Flavour",
"name": "flavor",
"value": "'macchiato'",
"default": "'latte'",
"options": [
{
"name": "'latte'",
"label": "'latte'",
"value": "'latte'"
},
{
"name": "'frappe'",
"label": "'frappe'",
"value": "'frappe'"
},
{
"name": "'macchiato'",
"label": "'macchiato'",
"value": "'macchiato'"
},
{
"name": "'mocha'",
"label": "'mocha'",
"value": "'mocha'"
},
{
"name": "'espresso'",
"label": "'espresso'",
"value": "'espresso'"
}
]
},
"accent": {
"type": "select",
"label": "Accent Colour",
"name": "accent",
"value": "'lavender'",
"default": "'blue'",
"options": [
{
"name": "'blue'",
"label": "'blue'",
"value": "'blue'"
},
{
"name": "'flamingo'",
"label": "'flamingo'",
"value": "'flamingo'"
},
{
"name": "'green'",
"label": "'green'",
"value": "'green'"
},
{
"name": "'lavender'",
"label": "'lavender'",
"value": "'lavender'"
},
{
"name": "'mantle'",
"label": "'mantle'",
"value": "'mantle'"
},
{
"name": "'maroon'",
"label": "'maroon'",
"value": "'maroon'"
},
{
"name": "'mauve'",
"label": "'mauve'",
"value": "'mauve'"
},
{
"name": "'peach'",
"label": "'peach'",
"value": "'peach'"
},
{
"name": "'pink'",
"label": "'pink'",
"value": "'pink'"
},
{
"name": "'red'",
"label": "'red'",
"value": "'red'"
},
{
"name": "'rosewater'",
"label": "'rosewater'",
"value": "'rosewater'"
},
{
"name": "'sapphire'",
"label": "'sapphire'",
"value": "'sapphire'"
},
{
"name": "'sky'",
"label": "'sky'",
"value": "'sky'"
},
{
"name": "'teal'",
"label": "'teal'",
"value": "'teal'"
},
{
"name": "'yellow'",
"label": "'yellow'",
"value": "'yellow'"
}
]
},
"logo_gradient": {
"type": "select",
"label": "Logo Gradient",
"name": "logo_gradient",
"value": "'always'",
"default": "'never'",
"options": [
{
"name": "'never'",
"label": "'never'",
"value": "'never'"
},
{
"name": "'hover'",
"label": "'hover'",
"value": "'hover'"
},
{
"name": "'always'",
"label": "'always'",
"value": "'always'"
}
]
},
"scrollbar_width": {
"type": "number",
"label": "Scrollbar Width (in pixels)",
"name": "scrollbar_width",
"value": null,
"default": 5,
"options": null,
"min": null,
"max": null,
"step": null,
"units": null
}
}
},
"author": "haik",
"description": "Soothing pastel theme for Instagram.",
"name": "Catppuccin for Instagram",
"originalDigest": "3c50fcba119828dcd6279a72354dfb2b8968b255",
"_id": "62092bec-427a-4c24-bb6f-18e1fc673c7d",
"_rev": 1696719082550,
"id": 58,
"etag": "W/\"df75a2b74d3a2882f54696d2a7a17dbc5aeaf530410239d3b8e56e2f795341e1\""
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/stylus",
"installDate": 1696719115778,
"sections": [
{
"code": "/* ==UserStyle==\n@name Stylus Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/stylus\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/stylus\n@version 1.1.0\n@updateURL \t https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.css\n@description Soothing pastel theme for Stylus\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */",
"start": 0
},
{
"code": "[data-ui-theme=\"light\"]:root {\n --bg: #24273a;\n --fg: #cad3f5;\n --c30: #b8c0e0;\n --c40: #6e738d;\n --c45: #5b6078;\n --c50: #a5adcb;\n --c60: #a5adcb;\n --c65: #5b6078;\n --c75: #8087a2;\n --c80: #494d64;\n --c85: #363a4f;\n --c95: #1e2030;\n --c97: #1e2030;\n --accent-1: #b7bdf8;\n --accent-2: #b7bdf8;\n --accent-3: #b7bdf8;\n }\n [data-ui-theme=\"light\"] .active #filters-stats {\n background-color: #b7bdf8;\n border-color: #b7bdf8;\n color: #24273a;\n }\n [data-ui-theme=\"light\"] #header-resizer {\n color: #494d64;\n }\n [data-ui-theme=\"light\"] #filters label:hover,\n [data-ui-theme=\"light\"] #filters .filter-selection:hover {\n background-color: #363a4f;\n }\n [data-ui-theme=\"light\"] .oldUI .disabled h2::after,\n [data-ui-theme=\"light\"] .entry.usercss .style-name-link::after {\n background-color: rgba(183, 189, 248, 0.25);\n }\n [data-ui-theme=\"light\"] .CodeMirror-linenumber {\n color: #a5adcb;\n }\n [data-ui-theme=\"light\"] .cm-s-default .cm-string {\n color: #f5a97f;\n }\n [data-ui-theme=\"light\"] .cm-s-default .cm-qualifier {\n color: #f5a97f;\n }\n [data-ui-theme=\"light\"] .cm-s-default .cm-variable-2 {\n color: #7dc4e4;\n }\n [data-ui-theme=\"light\"] .cm-s-default .cm-keyword {\n color: #c6a0f6;\n }\n [data-ui-theme=\"light\"] .cm-s-default .cm-atom,\n [data-ui-theme=\"light\"] .cm-s-default .cm-number {\n color: #a6da95;\n }\n [data-ui-theme=\"light\"] .cm-s-default .cm-def {\n color: #7dc4e4;\n }\n [data-ui-theme=\"light\"] .cm-s-default .cm-tag {\n color: #7dc4e4;\n }\n [data-ui-theme=\"light\"] .cm-s-default .cm-builtin {\n color: #b8c0e0;\n }\n [data-ui-theme=\"light\"] .cm-s-default .cm-variable-3 {\n color: #b8c0e0;\n }\n [data-ui-theme=\"light\"] .cm-s-default .cm-comment {\n color: #a5adcb;\n }\n [data-ui-theme=\"light\"] .cm-s-default .cm-operator {\n color: #eed49f;\n }\n [data-ui-theme=\"light\"] div.CodeMirror span.CodeMirror-matchingbracket {\n color: #a6da95;\n }\n [data-ui-theme=\"light\"] button:disabled,\n [data-ui-theme=\"light\"] select:disabled,\n [data-ui-theme=\"light\"] option:disabled,\n [data-ui-theme=\"light\"] select[disabled] > option {\n color: #a5adcb;\n }\n [data-ui-theme=\"light\"] .applies-to input,\n [data-ui-theme=\"light\"] .applies-to select {\n background: #24273a;\n border: 1px solid #363a4f;\n color: #a5adcb;\n }\n [data-ui-theme=\"light\"] button {\n color: #cad3f5 !important;\n background: #1e2030 !important;\n }\n [data-ui-theme=\"light\"] #save-button[disabled] {\n background: #363a4f !important;\n }\n [data-ui-theme=\"light\"] #message-box-title {\n color: #24273a;\n }\n [data-ui-theme=\"light\"] .svg-icon:hover {\n fill: #8087a2;\n }\n [data-ui-theme=\"light\"] .svg-icon {\n fill: #6e738d;\n }\n [data-ui-theme=\"light\"] .onoffswitch input:checked + span {\n background-color: rgba(183, 189, 248, 0.25);\n }\n [data-ui-theme=\"light\"] .onoffswitch input:checked + span::before {\n background-color: #b7bdf8;\n }\n [data-ui-theme=\"light\"] #options-title {\n color: #24273a;\n }\n [data-ui-theme=\"light\"] h2 {\n color: #b7bdf8 !important;\n }\n [data-ui-theme=\"light\"] .installed .configure-usercss svg {\n fill: #b7bdf8 !important;\n }\n [data-ui-theme=\"light\"] .installed .configure-usercss:hover svg {\n fill: #b7bdf8 !important;\n }\n [data-ui-theme=\"light\"] .cm-s-default .cm-variable {\n color: #cad3f5;\n }\n [data-ui-theme=\"light\"] .CodeMirror-activeline-background {\n background: #1e2030;\n }\n [data-ui-theme=\"dark\"]:root {\n --bg: #24273a;\n --fg: #cad3f5;\n --c30: #b8c0e0;\n --c40: #6e738d;\n --c45: #5b6078;\n --c50: #a5adcb;\n --c60: #a5adcb;\n --c65: #5b6078;\n --c75: #8087a2;\n --c80: #494d64;\n --c85: #363a4f;\n --c95: #1e2030;\n --c97: #1e2030;\n --accent-1: #b7bdf8;\n --accent-2: #b7bdf8;\n --accent-3: #b7bdf8;\n }\n [data-ui-theme=\"dark\"] .active #filters-stats {\n background-color: #b7bdf8;\n border-color: #b7bdf8;\n color: #24273a;\n }\n [data-ui-theme=\"dark\"] #header-resizer {\n color: #494d64;\n }\n [data-ui-theme=\"dark\"] #filters label:hover,\n [data-ui-theme=\"dark\"] #filters .filter-selection:hover {\n background-color: #363a4f;\n }\n [data-ui-theme=\"dark\"] .oldUI .disabled h2::after,\n [data-ui-theme=\"dark\"] .entry.usercss .style-name-link::after {\n background-color: rgba(183, 189, 248, 0.25);\n }\n [data-ui-theme=\"dark\"] .CodeMirror-linenumber {\n color: #a5adcb;\n }\n [data-ui-theme=\"dark\"] .cm-s-default .cm-string {\n color: #f5a97f;\n }\n [data-ui-theme=\"dark\"] .cm-s-default .cm-qualifier {\n color: #f5a97f;\n }\n [data-ui-theme=\"dark\"] .cm-s-default .cm-variable-2 {\n color: #7dc4e4;\n }\n [data-ui-theme=\"dark\"] .cm-s-default .cm-keyword {\n color: #c6a0f6;\n }\n [data-ui-theme=\"dark\"] .cm-s-default .cm-atom,\n [data-ui-theme=\"dark\"] .cm-s-default .cm-number {\n color: #a6da95;\n }\n [data-ui-theme=\"dark\"] .cm-s-default .cm-def {\n color: #7dc4e4;\n }\n [data-ui-theme=\"dark\"] .cm-s-default .cm-tag {\n color: #7dc4e4;\n }\n [data-ui-theme=\"dark\"] .cm-s-default .cm-builtin {\n color: #b8c0e0;\n }\n [data-ui-theme=\"dark\"] .cm-s-default .cm-variable-3 {\n color: #b8c0e0;\n }\n [data-ui-theme=\"dark\"] .cm-s-default .cm-comment {\n color: #a5adcb;\n }\n [data-ui-theme=\"dark\"] .cm-s-default .cm-operator {\n color: #eed49f;\n }\n [data-ui-theme=\"dark\"] div.CodeMirror span.CodeMirror-matchingbracket {\n color: #a6da95;\n }\n [data-ui-theme=\"dark\"] button:disabled,\n [data-ui-theme=\"dark\"] select:disabled,\n [data-ui-theme=\"dark\"] option:disabled,\n [data-ui-theme=\"dark\"] select[disabled] > option {\n color: #a5adcb;\n }\n [data-ui-theme=\"dark\"] .applies-to input,\n [data-ui-theme=\"dark\"] .applies-to select {\n background: #24273a;\n border: 1px solid #363a4f;\n color: #a5adcb;\n }\n [data-ui-theme=\"dark\"] button {\n color: #cad3f5 !important;\n background: #1e2030 !important;\n }\n [data-ui-theme=\"dark\"] #save-button[disabled] {\n background: #363a4f !important;\n }\n [data-ui-theme=\"dark\"] #message-box-title {\n color: #24273a;\n }\n [data-ui-theme=\"dark\"] .svg-icon:hover {\n fill: #8087a2;\n }\n [data-ui-theme=\"dark\"] .svg-icon {\n fill: #6e738d;\n }\n [data-ui-theme=\"dark\"] .onoffswitch input:checked + span {\n background-color: rgba(183, 189, 248, 0.25);\n }\n [data-ui-theme=\"dark\"] .onoffswitch input:checked + span::before {\n background-color: #b7bdf8;\n }\n [data-ui-theme=\"dark\"] #options-title {\n color: #24273a;\n }\n [data-ui-theme=\"dark\"] h2 {\n color: #b7bdf8 !important;\n }\n [data-ui-theme=\"dark\"] .installed .configure-usercss svg {\n fill: #b7bdf8 !important;\n }\n [data-ui-theme=\"dark\"] .installed .configure-usercss:hover svg {\n fill: #b7bdf8 !important;\n }\n [data-ui-theme=\"dark\"] .cm-s-default .cm-variable {\n color: #cad3f5;\n }\n [data-ui-theme=\"dark\"] .CodeMirror-activeline-background {\n background: #1e2030;\n }",
"start": 1031,
"urlPrefixes": [
"moz-extension://",
"chrome-extension://"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name Stylus Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/stylus\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/stylus\n@version 1.1.0\n@updateURL \t https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.css\n@description Soothing pastel theme for Stylus\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document url-prefix(\"moz-extension://\"), url-prefix(chrome-extension://)\n{\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @color: @catppuccin[@@lookup][@@accent];\n\n &:root {\n --bg: @base;\n --fg: @text;\n --c30: @subtext1;\n --c40: @overlay0;\n --c45: @surface2;\n --c50: @subtext0;\n --c60: @subtext0;\n --c65: @surface2;\n --c75: @overlay1;\n --c80: @surface1;\n --c85: @surface0;\n --c95: @mantle;\n --c97: @mantle;\n --accent-1: @color;\n --accent-2: @color;\n --accent-3: @color;\n }\n\n .active #filters-stats {\n background-color: @color;\n border-color: @color;\n color: @base;\n }\n #header-resizer {\n color: @surface1;\n }\n #filters label:hover,\n #filters .filter-selection:hover {\n background-color: @surface0;\n }\n .oldUI .disabled h2::after,\n .entry.usercss .style-name-link::after {\n background-color: fade(@color, 25%);\n }\n .CodeMirror-linenumber {\n color: @subtext0;\n }\n .cm-s-default .cm-string {\n color: @peach;\n }\n .cm-s-default .cm-qualifier {\n color: @peach;\n }\n .cm-s-default .cm-variable-2 {\n color: @sapphire;\n }\n .cm-s-default .cm-keyword {\n color: @mauve;\n }\n .cm-s-default .cm-atom,\n .cm-s-default .cm-number {\n color: @green;\n }\n .cm-s-default .cm-def {\n color: @sapphire;\n }\n .cm-s-default .cm-tag {\n color: @sapphire;\n }\n .cm-s-default .cm-builtin {\n color: @subtext1;\n }\n .cm-s-default .cm-variable-3 {\n color: @subtext1;\n }\n .cm-s-default .cm-comment {\n color: @subtext0;\n }\n .cm-s-default .cm-operator {\n color: @yellow;\n }\n div.CodeMirror span.CodeMirror-matchingbracket {\n color: @green;\n }\n button:disabled,\n select:disabled,\n option:disabled,\n select[disabled] > option {\n color: @subtext0;\n }\n .applies-to input,\n .applies-to select {\n background: @base;\n border: 1px solid @surface0;\n color: @subtext0;\n }\n button {\n color: @text !important;\n background: @mantle !important;\n }\n #save-button[disabled] {\n background: @surface0 !important;\n }\n #message-box-title {\n color: @base;\n }\n .svg-icon:hover {\n fill: @overlay1;\n }\n .svg-icon {\n fill: @overlay0;\n }\n .onoffswitch input:checked + span {\n background-color: fade(@color, 25%);\n }\n .onoffswitch input:checked + span::before {\n background-color: @color;\n }\n #options-title {\n color: @base;\n }\n h2 {\n color: @color !important;\n }\n .installed .configure-usercss svg {\n fill: @color !important;\n }\n .installed .configure-usercss:hover svg {\n fill: @color !important;\n }\n .cm-s-default .cm-variable {\n color: @text;\n }\n .CodeMirror-activeline-background {\n background: @mantle;\n }\n }\n [data-ui-theme=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n [data-ui-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n}\n",
"usercssData": {
"name": "Stylus Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/stylus",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/stylus",
"version": "1.1.0",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.css",
"description": "Soothing pastel theme for Stylus",
"author": "Catppuccin",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": "macchiato",
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": "lavender",
"default": "sapphire",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Stylus",
"name": "Stylus Catppuccin",
"originalDigest": "b63092ee3b33d010791e7a3d39b2e909eff9b698",
"_id": "7ea25e5f-d4bc-4e92-a971-9ed55a8facd0",
"_rev": 1699129342954,
"id": 59,
"etag": "W/\"63a663411955ca88d72ebefd0fe23c1be7c5ed0ef9d238934760605615099141\"",
"updateDate": 1699129342946
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/deepl",
"installDate": 1696719501901,
"sections": [
{
"code": "/* ==UserStyle==\n@name DeepL Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/deepl\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/deepl\n@version 0.3.1\n@description Soothing pastel theme for DeepL\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css\n@license \t\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue*\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n@var checkbox zenMode \"Zen Mode\" 0\n==/UserStyle== */",
"start": 0
},
{
"code": "body,\n button {\n color: #cad3f5;\n }\n p {\n color: #b8c0e0;\n }\n a {\n color: #b7bdf8;\n }\n a:hover {\n color: #929bf4;\n }\n input {\n background-color: #24273a;\n }\n input::placeholder,\n textarea::placeholder {\n color: #8087a2;\n }\n .bg-neutral-next-50,\n .bg-deprecated-grey {\n background-color: #1e2030;\n }\n .bg-white,\n .bg-blue-100 {\n background-color: #24273a;\n }\n .bg-dark-8 {\n background-color: #363a4f;\n }\n .bg-mosque {\n background-color: #d2b7f8;\n }\n .bg-mosque.text-white {\n color: #181926;\n }\n .bg-blue-next-500 {\n background-color: #b7bdf8;\n }\n .bg-blue-next-500.text-white {\n color: #181926;\n }\n .border-dark-7,\n .border-neutral-300 {\n border-color: #363a4f;\n }\n .border-blue-chill,\n .bg-blue-next-500 {\n border-color: #b7bdf8;\n }\n .border-neutral-next-900 {\n border-color: #8087a2;\n }\n .text-deepl-blue,\n .text-blue-600 {\n color: #b7bdf8;\n }\n .text-blue-chill {\n color: #d2b7f8;\n }\n .text-deprecated-mid-grey {\n color: #cad3f5;\n }\n .text-neutral-600 {\n color: #a5adcb;\n }\n .text-dark-1 {\n color: #b8c0e0;\n }\n .text-white,\n .text-black {\n color: #cad3f5;\n }\n .text-neutral-next-800 {\n color: #8087a2;\n }\n [class*=\"hover:bg-dark-8\"]:hover,\n [class*=\"enabled:hover:bg-dark-8\"]:hover:enabled,\n [class*=\"hover:bg-neutral-200\"]:hover,\n [class*=\"hover:bg-neutral-next-100\"]:hover {\n background-color: #363a4f;\n }\n [class*=\"hover:bg-blue-200\"]:hover {\n background-color: #303349;\n }\n [class*=\"hover:bg-blue-next-700\"]:hover {\n background-color: #929bf4;\n }\n [class*=\"hover:border-blue-next-700\"]:hover {\n border-color: #929bf4;\n }\n [class*=\"disabled:text-dark-5:disabled\"],\n [class*=\"disabled:text-neutral-500:disabled\"] {\n color: #8087a2;\n }\n [class*=\"hover:text-blue-chill\"]:hover {\n color: #717df1;\n }\n [class*=\"bg-[#E1F0F5]\"] {\n background-color: rgba(183, 189, 248, 0.3);\n }\n [class*=\"bg-[#B4DAE8]\"][class*=\"text-[#01557C]\"] {\n color: #101da0;\n }\n [class*=\"text-[#25282D]\"] {\n color: #cad3f5;\n }\n [class*=\"text-[#01557C]\"] {\n color: #b7bdf8;\n }\n .divide-dark-7 > :not([hidden]) ~ :not([hidden]) {\n border-color: #494d64;\n }\n [class*=\"button--\"][class*=\"variant_contained--\"],\n [class*=\"button--\"][class*=\"variant_contained--\"]:hover {\n color: #181926;\n }\n [class*=\"button--\"][class*=\"color_primary--\"] {\n background-color: #b7bdf8;\n border-color: #b7bdf8;\n }\n [class*=\"button--\"][class*=\"color_primary--\"]:hover {\n background-color: #717df1;\n border-color: #717df1;\n color: #181926;\n }\n [class*=\"IconAnchor-module--anchor--\"] {\n color: #b7bdf8;\n }\n [class*=\"IconAnchor-module--anchor--\"]:hover {\n background-color: #363a4f;\n }\n [stroke=\"#0F2B46\"] {\n stroke: #b7bdf8 !important;\n }\n [stroke=\"#006494\"] {\n stroke: #a5adcb !important;\n }\n [class^=\"BasePageHeader-module--container\"] {\n background-color: #181926;\n }\n [class|=\"PageHeaderLink-module--pageHeaderLink\"],\n [class|=\"FlyoutMenuButton-module--flyoutMenuButton\"],\n [class|=\"LoginButton-module--loginButton\"] {\n color: #929bf4;\n }\n [class|=\"SideMenuButton-module--menuButton\"],\n [class|=\"SideMenuButton-module--menuButton\"]::before,\n [class|=\"SideMenuButton-module--menuButton\"]::after {\n border-top-color: #929bf4;\n }\n [class|=\"SideMenuButton-module--menuButton\"]:hover,\n [class|=\"SideMenuButton-module--menuButton\"]:hover::before,\n [class|=\"SideMenuButton-module--menuButton\"]:hover::after {\n border-top-color: #b7bdf8;\n }\n [class*=\"PageHeaderLink-module--pageHeaderLink--\"]:not(\n [class*=\"PageHeaderLink-module--nohover--\"]\n ):hover {\n color: #b7bdf8;\n border-color: #b7bdf8;\n }\n [class|=\"LoginButton-module--loginButton\"]:hover {\n color: #b7bdf8;\n }\n [class*=\"badge-module--badge--\"][class*=\"badge-module--proDark--\"] {\n background-color: #d2b7f8;\n color: #181926;\n }\n [class*=\"StartFreeTrialButton-module--startFreeTrialButton--\"] {\n background-color: #b7bdf8;\n border-color: #b7bdf8;\n color: #181926;\n }\n [class*=\"StartFreeTrialButton-module--startFreeTrialButton--\"]:hover {\n background-color: #929bf4;\n border-color: #929bf4;\n color: #181926;\n }\n [class|=\"ProductUpdateButton-module--updateToolTip\"] {\n background-color: #363a4f;\n color: #cad3f5;\n }\n [class|=\"ProductUpdateButton-module--updateToolTip\"]::after {\n border-bottom-color: #363a4f;\n }\n [class|=\"cardButton\"] {\n background-color: #24273a;\n border-color: #363a4f;\n }\n [class|=\"cardButton\"]:not([class*=\"active--\"]):hover {\n background-color: #363a4f;\n }\n [class|=\"textLower\"] {\n color: #8087a2;\n }\n [class|=\"logo\"],\n [class|=\"textUpper\"] {\n color: #b7bdf8;\n }\n [class*=\"active--\"] [class|=\"logo\"],\n [class*=\"active--\"] [class|=\"textUpper\"] {\n color: #cad3f5;\n }\n [class*=\"active--\"] [class|=\"innerLower\"] {\n background-color: #b7bdf8;\n }\n [class*=\"SourceTranslatorArea-module--focusBorder--\"]:has(\n div[contenteditable=\"true\"]:focus\n ) {\n border-color: #b7bdf8;\n }\n d-textarea > [data-placeholder],\n d-textarea > div[data-content=\"true\"]::before {\n color: #a5adcb;\n }\n [class*=\"enabled:hover-capable:hover:bg-dark-8\"]:hover:enabled {\n background-color: #363a4f;\n }\n [data-testid=\"word-alternatives-list\"] [class*=\"root--\"] {\n background-color: #24273a;\n }\n [data-testid=\"word-alternatives-list\"] [class*=\"root--\"][class*=\"selected--\"] {\n background-color: #363a4f;\n }\n div:has(> [class^=\"DictionaryContent-module--content--\"].embedded) {\n background-color: #24273a;\n }\n div:has(> [class^=\"DictionaryContent-module--content--\"].embedded) .tag_lemma .dictLink {\n color: #b8c0e0;\n }\n div:has(> [class^=\"DictionaryContent-module--content--\"].embedded) .translation_group .translation_group_line .notascommon,\n div:has(> [class^=\"DictionaryContent-module--content--\"].embedded) .translation_group .translation_group_line .translation.sortablemg .sep {\n color: #939ab7;\n }\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .inflectioninfo,\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_lemma,\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_lemma a,\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_s,\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_s a,\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_trans_src_context,\n [class*=\"DictionaryContent-module--content--\"] .tag_trans {\n color: #b8c0e0;\n }\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_t,\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_t a,\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_trans,\n [class*=\"DictionaryContent-module--content--\"] .isForeignTerm .tag_trans a,\n [class*=\"DictionaryContent-module--content--\"] .tag_lemma a {\n color: #b7bdf8;\n }\n [class*=\"DictionaryContent-module--content--\"] .notascommon,\n [class*=\"DictionaryContent-module--content--\"] .sep {\n color: #939ab7;\n }\n .lmt__glossary_onOffSwitch_container label[class|=\"label\"] {\n --background: #8087a2;\n --backgroundHover: #697190;\n --inlineLabelColor: #181926;\n --outline-color: #b7bdf8;\n }\n .lmt__glossary_onOffSwitch_container label[class|=\"label\"][class*=\"selected--\"] {\n --background: #a6da95;\n --backgroundHover: #8dcf77;\n }\n .lmt__glossary_onOffSwitch_container label[class|=\"label\"] [class|=\"toggle\"] [class|=\"knob\"] {\n background: #181926;\n }\n [class|=\"modal\"],\n .lmt__glossary_editor {\n background-color: #24273a;\n }\n [class|=\"modal\"] [class*=\"Form-module--form--\"] [class*=\"Form-module--submit--\"],\n .lmt__glossary_editor [class*=\"Form-module--form--\"] [class*=\"Form-module--submit--\"] {\n background: #b7bdf8;\n color: #181926;\n }\n [class|=\"modal\"] [class*=\"Form-module--form--\"] [class*=\"Form-module--submit--\"]:disabled,\n .lmt__glossary_editor [class*=\"Form-module--form--\"] [class*=\"Form-module--submit--\"]:disabled {\n background: rgba(183, 189, 248, 0.5);\n }\n .lmt__glossary_editor {\n color: #cad3f5;\n border-color: #b7bdf8;\n }\n .lmt__glossary_editor form.bg-deprecated-grey [class|=\"wrapper\"][class*=\"Form-module--inputSource--\"],\n .lmt__glossary_editor form.bg-deprecated-grey [class|=\"wrapper\"][class*=\"Form-module--inputTarget--\"] {\n --input-background: #24273a;\n --input-border-color: #494d64;\n --input-color: #b8c0e0;\n }\n .lmt__glossary_editor form.bg-deprecated-grey [class|=\"wrapper\"][class*=\"Form-module--inputSource--\"] [class|=\"button\"][aria-expanded=\"true\"],\n .lmt__glossary_editor form.bg-deprecated-grey [class|=\"wrapper\"][class*=\"Form-module--inputTarget--\"] [class|=\"button\"][aria-expanded=\"true\"] {\n border-color: #b7bdf8;\n }\n .lmt__glossary_editor form.bg-deprecated-grey [class|=\"wrapper\"][class*=\"Form-module--inputSource--\"] [class|=\"controls\"] [class|=\"wrapper\"],\n .lmt__glossary_editor form.bg-deprecated-grey [class|=\"wrapper\"][class*=\"Form-module--inputTarget--\"] [class|=\"controls\"] [class|=\"wrapper\"] {\n --button-background: #24273a;\n --button-border-color: #494d64;\n --button-color: #b8c0e0;\n }\n .lmt__glossary_editor form.bg-deprecated-grey [class|=\"wrapper\"][class*=\"Form-module--inputSource--\"] [class|=\"controls\"] [class|=\"wrapper\"] [class|=\"flyout\"],\n .lmt__glossary_editor form.bg-deprecated-grey [class|=\"wrapper\"][class*=\"Form-module--inputTarget--\"] [class|=\"controls\"] [class|=\"wrapper\"] [class|=\"flyout\"] {\n background: #24273a;\n --option-color: #b8c0e0;\n --option-selected-color: #b8c0e0;\n --option-background: rgba(238, 212, 159, 0.2);\n --option-disabled-color: #8087a2;\n --option-icon-color: #b7bdf8;\n }\n .lmt__glossary_editor_mainBar {\n background-color: #b7bdf8;\n color: #181926;\n }\n .lmt__glossary_editor_mainBar .lmt__glossary_editorClose {\n color: inherit;\n }\n .lmt__glossary_editor .lmt__glossary_editor_subBar_top,\n .lmt__glossary_editor_subBar_bottom {\n background-color: #1e2030;\n }\n .lmt__glossary_editor .lmt__glossary_editor_subBar_top .lmt__glossary_editor_glossarySelect .lmt__glossary_editor_glossaryNameWrapper .lmt__glossary_editor_glossaryName {\n color: inherit;\n }\n .lmt__glossary_editor .lmt__glossary_editor_subBar_top .lmt__glossary_editor_glossarySelect .lmt__glossary_editor_glossaryNameWrapper .lmt__glossary_editor_glossarySelectChevron.lmt__glossary_arrowDown {\n border-right-color: #929bf4;\n border-bottom-color: #929bf4;\n }\n .lmt__glossary_button .lmt__glossary_button_label:hover,\n .lmt__glossary_highlight,\n .lmt__glossary_editor_subBar_bottom .lmt__glossary_editor_glossaryAddNewWrapper .lmt__glossary_editor_glossaryAddNew {\n color: #b7bdf8;\n }\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputSource,\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputTarget {\n border-color: #494d64;\n color: #b8c0e0;\n }\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputSource:focus,\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputTarget:focus {\n border-color: #b7bdf8;\n }\n .lmt__glossary_editor_langPairHeadline {\n color: inherit;\n border-bottom-color: #494d64;\n }\n .lmt__glossary_editorRow {\n color: inherit;\n }\n .lmt__glossary_editorRow .iconButton {\n color: #a5adcb;\n }\n .lmt__glossary_arrowRightWrapper .lmt__glossary_arrowRight {\n border-bottom-color: #494d64;\n border-right-color: #494d64;\n }\n .lmt__glossary_dialog {\n background-color: #363a4f;\n border-color: #494d64;\n color: #cad3f5;\n }\n .lmt__glossary_dialog__line--suggestions,\n .lmt__glossary_dialog__line .choice .option {\n color: #b7bdf8;\n }\n .root--Te5J3 {\n background-color: #24273a;\n }\n .divider--CI8JQ {\n color: #494d64;\n }\n [class^=\"UploadPanel-module--docTrans__help_popup--\"] {\n background-color: #24273a;\n }\n [class|=\"Quote-module--quote\"] {\n background-color: #24273a !important;\n color: #cad3f5;\n }\n [class|=\"Quote-module--quoteSource\"] > a {\n color: #929bf4;\n }\n [class|=\"Quote-module--quote\"] {\n border-color: #363a4f;\n }\n [class|=\"Quotes-module--quotesNavigationEntry\"] {\n background-color: #494d64;\n }\n [class*=\"Quotes-module--quotesNavigationEntryActive--\"] {\n background-color: #b7bdf8;\n }\n [class^=\"ProBanner2021-module--wrapper--\"],\n [class|=\"CareerBanner-module--container\"] {\n background: #24273a;\n }\n [class|=\"CareerBanner-module--text\"] h2 {\n color: #8087a2;\n }\n [class|=\"PopularLangPairList-module--seoText\"] {\n color: #6e738d;\n }\n [class|=\"PopularLangPairList-module--seoText\"] p[class|=\"PopularLangPairList-module--title\"] {\n color: #939ab7;\n }\n footer [class|=\"pageFooterV2-module--footerOuterContainer\"] {\n background-color: #24273a;\n }\n [class|=\"ProBanner2021-module--textLink\"] {\n color: #d2b7f8;\n }\n [class|=\"pageFooterV2-module--footerOuterContainer\"] [class|=\"pageFooterV2-module--footerContainer\"] [class|=\"pageFooterV2-module--footerContentContainer\"] [class|=\"pageFooterV2-module--linksContainer\"] [class|=\"pageFooterV2-module--linkList\"] li:first-of-type {\n color: #8087a2;\n }\n [class|=\"pageFooterV2-module--footerOuterContainer\"] [class|=\"pageFooterV2-module--footerContainer\"] [class|=\"pageFooterV2-module--footerContentContainer\"] [class|=\"pageFooterV2-module--linksContainer\"] [class|=\"pageFooterV2-module--linkList\"] li:not(:first-of-type) a {\n color: #cad3f5 !important;\n }\n [class|=\"LanguageSelector-module--wrapper\"] {\n --button-background: #363a4f;\n --button-border-color: #494d64;\n --button-color: #b8c0e0;\n }\n [class|=\"LanguageSelector-module--wrapper\"] [class|=\"LanguageSelector-module--flyout\"] {\n background: #363a4f;\n --option-color: #b8c0e0;\n --option-icon-color: #b7bdf8;\n }\n [class|=\"LanguageSelector-module--wrapper\"] [class|=\"LanguageSelector-module--flyout\"] [class|=\"LanguageSelector-module--option\"][class*=\"LanguageSelector-module--active--\"] {\n --option-background: rgba(238, 212, 159, 0.2);\n }\n [class|=\"classicSidemenu-module--menuContainer\"] {\n background-color: #24273a;\n }\n [class|=\"classicSidemenu-module--menuContainer\"] [class|=\"closeButton-module--closeButton\"]::before,\n [class|=\"classicSidemenu-module--menuContainer\"] [class|=\"closeButton-module--closeButton\"]::after {\n background-color: #b7bdf8;\n }\n [class|=\"classicSidemenu-module--mainContent\"] {\n border-bottom-color: #363a4f;\n }\n [class|=\"mainMenu-module--container\"] a {\n color: #cad3f5;\n }\n [class|=\"mainMenu-module--container\"] a:hover {\n color: #b7bdf8;\n }\n [class|=\"subMenu-module--container\"] button {\n color: #cad3f5 !important;\n }\n [class|=\"subMenu-module--container\"] [class|=\"button-module--button\"][class*=\"button-module--variant_text--\"],\n [class|=\"subMenu-module--container\"] [class|=\"button-module--button\"][class*=\"button-module--variant_text--\"]:hover {\n background-color: transparent;\n }\n .lmt__glossary_ad_checkmark {\n border-bottom-color: #a6da95;\n border-right-color: #a6da95;\n }\n header,\n [class=\"w-full bg-white px-8 lg:px-[70px]\"],\n [class=\"p-8 lg:px-[70px]\"],\n footer,\n [href=\"/write\"].block {\n display: none;\n }\n body {\n background: #1e2030;\n }\n [class=\"relative pr-0 false\"] {\n height: 100%;\n }\n [data-testid=\"translator\"] {\n justify-content: center;\n align-content: center;\n align-items: center;\n }\n [data-testid=\"translator\"] > div:first-of-type {\n width: 100vw;\n }",
"start": 1044,
"urlPrefixes": [
"https://www.deepl.com/translator"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name DeepL Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/deepl\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/deepl\n@version 0.3.1\n@description Soothing pastel theme for DeepL\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css\n@license \t\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue*\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n@var checkbox zenMode \"Zen Mode\" 0\n==/UserStyle== */\n\n@-moz-document url-prefix(\"https://www.deepl.com/translator\")\n{\n #catppuccin(@darkFlavor, @accentColor);\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n }\n\n @accent-text: @crust; // if(@lookup=latte, #fff, @crust) * this doesn't work for some reason. find fix\n\n body,\n button {\n color: @text;\n }\n\n p {\n color: @subtext1;\n }\n\n a {\n color: @accent-color;\n\n &:hover {\n color: darken(@accent-color, 8%);\n }\n }\n\n input {\n background-color: @base;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: @overlay1;\n }\n\n // dammit tailwind\n .bg-neutral-next-50,\n .bg-deprecated-grey {\n background-color: @mantle;\n }\n\n .bg-white,\n .bg-blue-100 {\n background-color: @base;\n }\n\n .bg-dark-8 {\n background-color: @surface0;\n }\n\n .bg-mosque {\n background-color: spin(@accent-color, 30);\n\n &.text-white {\n color: @accent-text;\n }\n }\n\n .bg-blue-next-500 {\n background-color: @accent-color;\n\n &.text-white {\n color: @accent-text;\n }\n }\n\n .border-dark-7,\n .border-neutral-300 {\n border-color: @surface0;\n }\n\n .border-blue-chill,\n .bg-blue-next-500 {\n border-color: @accent-color;\n }\n\n .border-neutral-next-900 {\n border-color: @overlay1;\n }\n\n .text-deepl-blue,\n .text-blue-600 {\n color: @accent-color;\n }\n\n .text-blue-chill {\n color: spin(@accent-color, 30);\n }\n\n .text-deprecated-mid-grey {\n color: @text;\n }\n\n .text-neutral-600 {\n color: @subtext0;\n }\n\n .text-dark-1 {\n color: @subtext1;\n }\n\n .text-white,\n .text-black {\n color: @text;\n }\n\n .text-neutral-next-800 {\n color: @overlay1;\n }\n\n [class*=\"hover:bg-dark-8\"]:hover,\n [class*=\"enabled:hover:bg-dark-8\"]:hover:enabled,\n [class*=\"hover:bg-neutral-200\"]:hover,\n [class*=\"hover:bg-neutral-next-100\"]:hover {\n background-color: @surface0;\n }\n\n [class*=\"hover:bg-blue-200\"]:hover {\n background-color: mix(@accent-color, @base, 8%);\n }\n\n [class*=\"hover:bg-blue-next-700\"]:hover {\n background-color: darken(@accent-color, 8%);\n }\n\n [class*=\"hover:border-blue-next-700\"]:hover {\n border-color: darken(@accent-color, 8%);\n }\n\n [class*=\"disabled:text-dark-5:disabled\"],\n [class*=\"disabled:text-neutral-500:disabled\"] {\n color: @overlay1;\n }\n\n [class*=\"hover:text-blue-chill\"]:hover {\n color: darken(@accent-color, 15%);\n }\n\n [class*=\"bg-[#B4DAE8]\"] {\n // background-color: fadeout(@accent-color, 70%);\n }\n\n [class*=\"bg-[#E1F0F5]\"] {\n background-color: fadeout(@accent-color, 70%);\n }\n\n // span[class*=\"hover:bg-[#B4DAE8]\"],\n [class*=\"bg-[#B4DAE8]\"] {\n // background-color: fadeout(@accent-color, 55%);\n\n &[class*=\"text-[#01557C]\"] {\n color: darken(@accent-color, 50%);\n }\n }\n\n [class*=\"text-[#25282D]\"] {\n color: @text;\n }\n\n [class*=\"text-[#01557C]\"] {\n color: @accent-color;\n }\n\n .divide-dark-7 > :not([hidden]) ~ :not([hidden]) {\n border-color: @surface1;\n }\n\n // general stuff\n [class*=\"button--\"] {\n &[class*=\"variant_contained--\"],\n &[class*=\"variant_contained--\"]:hover {\n color: @accent-text;\n }\n\n &[class*=\"color_primary--\"] {\n background-color: @accent-color;\n border-color: @accent-color;\n\n &:hover {\n background-color: darken(@accent-color, 15%);\n border-color: darken(@accent-color, 15%);\n color: @accent-text;\n }\n }\n }\n\n [class*=\"IconAnchor-module--anchor--\"] {\n color: @accent-color;\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n [stroke=\"#0F2B46\"] {\n stroke: @accent-color !important;\n }\n\n [stroke=\"#006494\"] {\n stroke: @subtext0 !important;\n }\n\n // header\n [class^=\"BasePageHeader-module--container\"] {\n background-color: @crust;\n }\n\n [class|=\"PageHeaderLink-module--pageHeaderLink\"],\n [class|=\"FlyoutMenuButton-module--flyoutMenuButton\"],\n [class|=\"LoginButton-module--loginButton\"] {\n color: darken(@accent-color, 8%);\n }\n\n [class|=\"SideMenuButton-module--menuButton\"] {\n &,\n &::before,\n &::after {\n border-top-color: darken(@accent-color, 8%);\n }\n\n &:hover {\n &,\n &::before,\n &::after {\n border-top-color: @accent-color;\n }\n }\n }\n\n [class*=\"PageHeaderLink-module--pageHeaderLink--\"]:not(\n [class*=\"PageHeaderLink-module--nohover--\"]\n ):hover {\n color: @accent-color;\n border-color: @accent-color;\n }\n\n [class|=\"LoginButton-module--loginButton\"]:hover {\n color: @accent-color;\n }\n\n [class*=\"badge-module--badge--\"][class*=\"badge-module--proDark--\"] {\n background-color: spin(@accent-color, 30);\n color: @accent-text;\n }\n\n [class*=\"StartFreeTrialButton-module--startFreeTrialButton--\"] {\n background-color: @accent-color;\n border-color: @accent-color;\n color: @accent-text;\n\n &:hover {\n background-color: darken(@accent-color, 8%);\n border-color: darken(@accent-color, 8%);\n color: @accent-text;\n }\n }\n\n [class|=\"ProductUpdateButton-module--updateToolTip\"] {\n background-color: @surface0;\n color: @text;\n\n &::after {\n border-bottom-color: @surface0;\n }\n }\n\n // buttons above translation container\n [class|=\"cardButton\"] {\n background-color: @base;\n border-color: @surface0;\n\n &:not([class*=\"active--\"]):hover {\n background-color: @surface0;\n }\n }\n\n [class|=\"textLower\"] {\n color: @overlay1;\n }\n\n [class|=\"logo\"],\n [class|=\"textUpper\"] {\n color: @accent-color;\n }\n\n [class*=\"active--\"] {\n [class|=\"logo\"],\n [class|=\"textUpper\"] {\n color: @text;\n }\n\n [class|=\"innerLower\"] {\n background-color: @accent-color;\n }\n }\n\n // translation container\n [class*=\"SourceTranslatorArea-module--focusBorder--\"]:has(\n div[contenteditable=\"true\"]:focus\n ) {\n border-color: @accent-color;\n }\n\n [class*=\"focus-within:border-blue-chill\"] {\n // border-color: @accent-color;\n }\n\n d-textarea > [data-placeholder],\n d-textarea > div[data-content=\"true\"]::before {\n color: @subtext0;\n }\n\n [class*=\"enabled:hover-capable:hover:bg-dark-8\"]:hover:enabled {\n background-color: @surface0;\n }\n\n // alternatives\n [data-testid=\"word-alternatives-list\"] {\n [class*=\"root--\"] {\n background-color: @base;\n\n &[class*=\"selected--\"] {\n background-color: @surface0;\n }\n }\n }\n\n div:has(> [class^=\"DictionaryContent-module--content--\"].embedded) {\n background-color: @base;\n\n .tag_lemma .dictLink {\n color: @subtext1;\n }\n\n .translation_group .translation_group_line .notascommon,\n .translation_group .translation_group_line .translation.sortablemg .sep {\n color: @overlay2;\n }\n }\n\n // dictionary\n [class*=\"DictionaryContent-module--content--\"] {\n .isForeignTerm .inflectioninfo,\n .isForeignTerm .tag_lemma,\n .isForeignTerm .tag_lemma a,\n .isForeignTerm .tag_s,\n .isForeignTerm .tag_s a,\n .isForeignTerm .tag_trans_src_context,\n .tag_trans {\n color: @subtext1;\n }\n\n .isForeignTerm .tag_t,\n .isForeignTerm .tag_t a,\n .isForeignTerm .tag_trans,\n .isForeignTerm .tag_trans a,\n .tag_lemma a {\n color: @accent-color;\n }\n\n .notascommon,\n .sep {\n color: @overlay2;\n }\n }\n\n // glossary\n .lmt__glossary_onOffSwitch_container {\n label[class|=\"label\"] {\n --background: @overlay1;\n --backgroundHover: darken(@overlay1, 8%);\n --inlineLabelColor: @accent-text;\n --outline-color: @accent-color;\n\n &[class*=\"selected--\"] {\n --background: @green;\n --backgroundHover: darken(@green, 8%);\n }\n\n [class|=\"toggle\"] [class|=\"knob\"] {\n background: @accent-text;\n }\n }\n }\n\n [class|=\"modal\"],\n .lmt__glossary_editor {\n background-color: @base;\n\n [class*=\"Form-module--form--\"] [class*=\"Form-module--submit--\"] {\n background: @accent-color;\n color: @accent-text;\n\n &:disabled {\n background: fadeout(@accent-color, 50%);\n }\n }\n }\n\n .lmt__glossary_editor {\n color: @text;\n border-color: @accent-color;\n\n form.bg-deprecated-grey\n [class|=\"wrapper\"][class*=\"Form-module--inputSource--\"],\n form.bg-deprecated-grey\n [class|=\"wrapper\"][class*=\"Form-module--inputTarget--\"] {\n --input-background: @base;\n --input-border-color: @surface1;\n --input-color: @subtext1;\n\n [class|=\"button\"][aria-expanded=\"true\"] {\n border-color: @accent-color;\n }\n\n [class|=\"controls\"] [class|=\"wrapper\"] {\n --button-background: @base;\n --button-border-color: @surface1;\n --button-color: @subtext1;\n\n [class|=\"flyout\"] {\n background: @base;\n --option-color: @subtext1;\n --option-selected-color: @subtext1;\n --option-background: fadeout(@yellow, 80%);\n --option-disabled-color: @overlay1;\n --option-icon-color: @accent-color;\n }\n }\n }\n }\n\n .lmt__glossary_editor_mainBar {\n background-color: @accent-color;\n color: @accent-text;\n\n .lmt__glossary_editorClose {\n color: inherit;\n }\n }\n\n .lmt__glossary_editor .lmt__glossary_editor_subBar_top,\n .lmt__glossary_editor_subBar_bottom {\n background-color: @mantle;\n }\n\n .lmt__glossary_editor\n .lmt__glossary_editor_subBar_top\n .lmt__glossary_editor_glossarySelect\n .lmt__glossary_editor_glossaryNameWrapper\n .lmt__glossary_editor_glossaryName {\n color: inherit;\n }\n\n .lmt__glossary_editor\n .lmt__glossary_editor_subBar_top\n .lmt__glossary_editor_glossarySelect\n .lmt__glossary_editor_glossaryNameWrapper\n .lmt__glossary_editor_glossarySelectChevron.lmt__glossary_arrowDown {\n border-right-color: darken(@accent-color, 8%);\n border-bottom-color: darken(@accent-color, 8%);\n }\n\n .lmt__glossary_button .lmt__glossary_button_label:hover,\n .lmt__glossary_highlight,\n .lmt__glossary_editor_subBar_bottom\n .lmt__glossary_editor_glossaryAddNewWrapper\n .lmt__glossary_editor_glossaryAddNew {\n color: @accent-color;\n }\n\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputSource,\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputTarget {\n border-color: @surface1;\n color: @subtext1;\n\n &:focus {\n border-color: @accent-color;\n }\n }\n\n .lmt__glossary_editor_langPairHeadline {\n color: inherit;\n border-bottom-color: @surface1;\n }\n\n .lmt__glossary_editorRow {\n color: inherit;\n\n .iconButton {\n color: @subtext0;\n }\n }\n\n .lmt__glossary_arrowRightWrapper .lmt__glossary_arrowRight {\n border-bottom-color: @surface1;\n border-right-color: @surface1;\n }\n\n .lmt__glossary_dialog {\n background-color: @surface0;\n border-color: @surface1;\n color: @text;\n }\n\n .lmt__glossary_dialog__line--suggestions,\n .lmt__glossary_dialog__line .choice .option {\n color: @accent-color;\n }\n\n // this this appears when you click on a word on the translated container...\n .root--Te5J3 {\n background-color: @base;\n }\n\n .divider--CI8JQ {\n color: @surface1;\n }\n\n // translate files\n [class^=\"UploadPanel-module--docTrans__help_popup--\"] {\n background-color: @base;\n }\n\n // quotes\n [class|=\"Quote-module--quote\"] {\n background-color: @base !important;\n color: @text;\n }\n\n [class|=\"Quote-module--quoteSource\"] {\n > a {\n color: darken(@accent-color, 8%);\n }\n }\n\n [class|=\"Quote-module--quote\"] {\n border-color: @surface0;\n }\n\n [class|=\"Quotes-module--quotesNavigationEntry\"] {\n background-color: @surface1;\n }\n\n [class*=\"Quotes-module--quotesNavigationEntryActive--\"] {\n background-color: @accent-color;\n }\n\n // aside\n [class^=\"ProBanner2021-module--wrapper--\"],\n [class|=\"CareerBanner-module--container\"] {\n background: @base;\n }\n\n [class|=\"CareerBanner-module--text\"] {\n h2 {\n color: @overlay1;\n }\n }\n\n [class|=\"PopularLangPairList-module--seoText\"] {\n color: @overlay0;\n\n p[class|=\"PopularLangPairList-module--title\"] {\n color: @overlay2;\n }\n }\n\n // footer\n footer [class|=\"pageFooterV2-module--footerOuterContainer\"] {\n background-color: @base;\n }\n\n [class|=\"ProBanner2021-module--textLink\"] {\n color: spin(@accent-color, 30);\n }\n\n [class|=\"pageFooterV2-module--footerOuterContainer\"]\n [class|=\"pageFooterV2-module--footerContainer\"]\n [class|=\"pageFooterV2-module--footerContentContainer\"]\n [class|=\"pageFooterV2-module--linksContainer\"]\n [class|=\"pageFooterV2-module--linkList\"]\n li {\n &:first-of-type {\n color: @overlay1;\n }\n\n &:not(:first-of-type) a {\n color: @text !important;\n }\n }\n\n [class|=\"LanguageSelector-module--wrapper\"] {\n --button-background: @surface0;\n --button-border-color: @surface1;\n --button-color: @subtext1;\n\n [class|=\"LanguageSelector-module--flyout\"] {\n background: @surface0;\n // --option-background: @surface0;\n --option-color: @subtext1;\n --option-icon-color: @accent-color;\n\n [class|=\"LanguageSelector-module--option\"][class*=\"LanguageSelector-module--active--\"] {\n --option-background: fadeout(@yellow, 80%);\n }\n }\n }\n\n // side menu\n [class|=\"classicSidemenu-module--menuContainer\"] {\n background-color: @base;\n\n [class|=\"closeButton-module--closeButton\"] {\n &::before,\n &::after {\n background-color: @accent-color;\n }\n }\n }\n\n [class|=\"classicSidemenu-module--mainContent\"] {\n border-bottom-color: @surface0;\n }\n\n [class|=\"mainMenu-module--container\"] a {\n color: @text;\n\n &:hover {\n color: @accent-color;\n }\n }\n\n [class|=\"subMenu-module--container\"] {\n button {\n color: @text !important;\n }\n\n [class|=\"button-module--button\"][class*=\"button-module--variant_text--\"] {\n &,\n &:hover {\n background-color: transparent;\n }\n }\n }\n\n // whatever\n .lmt__glossary_ad_checkmark {\n border-bottom-color: @green;\n border-right-color: @green;\n }\n\n // zen mode\n & when (@zenMode = 1) {\n header,\n [class=\"w-full bg-white px-8 lg:px-[70px]\"],\n [class=\"p-8 lg:px-[70px]\"],\n footer,\n [href=\"/write\"].block {\n display: none;\n }\n\n body {\n background: @mantle;\n }\n\n [class=\"relative pr-0 false\"] {\n height: 100%;\n }\n\n [data-testid=\"translator\"] {\n // height: 100%;\n // width: 100vw;\n // display: flex;\n justify-content: center;\n align-content: center;\n align-items: center;\n\n > div:first-of-type {\n width: 100vw;\n }\n }\n }\n}\n\n@catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n};\n",
"usercssData": {
"name": "DeepL Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/deepl",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/deepl",
"version": "0.3.1",
"description": "Soothing pastel theme for DeepL",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": null,
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": "lavender",
"default": "blue",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Grey",
"value": "subtext0"
}
]
},
"zenMode": {
"type": "checkbox",
"label": "Zen Mode",
"name": "zenMode",
"value": "1",
"default": "0",
"options": null
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for DeepL",
"name": "DeepL Catppuccin",
"originalDigest": "e129ae6316c83eed96bca77372367f3edb2325d6",
"_id": "a7f9bbcf-6941-41a5-8376-e6562a952bdd",
"_rev": 1699309339225,
"id": 60,
"etag": "W/\"215e2822d1ab3b73920b0f95d9bcf79a47b1afa6a367a44547e488c141c0aef5\"",
"updateDate": 1699309339165
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/hacker-news/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/hacker-news",
"installDate": 1696719568897,
"sections": [
{
"code": "/* ==UserStyle==\n@name HackerNews Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/hacker-news\n@homepageURL\thttps://github.com/catppuccin/userstyles/tree/main/styles/hacker-news\n@version 0.1.1\n@description Soothing pastel theme for HackerNews\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/hacker-news/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */",
"start": 0
},
{
"code": "/* Main background */\n #hnmain {\n background-color: #24273a;\n }\n /* Main body padding background */\n body {\n background-color: #24273a;\n color: #cad3f5;\n }\n /* Background of the FAQ and main page */\n body > center > table > tbody > tr > td {\n background-color: #24273a;\n color: #cad3f5;\n }\n /* Top bar */\n #hnmain > tbody > tr:nth-child(1) > td {\n background-color: #f5a97f;\n }\n /* Hacker News text in top bar */\n #hnmain > tbody > tr:nth-child(1) > td > table > tbody > tr > td:nth-child(2) > span > b > a {\n color: #363a4f;\n }\n /* Logged-in user karma */\n #karma {\n color: #494d64;\n }\n /* Separator characters around logged-in user karma */\n #hnmain > tbody > tr:nth-child(1) > td > table > tbody > tr > td:nth-child(3) > span {\n color: #494d64;\n }\n /* Visited top bar links */\n .pagetop a:visited {\n color: #494d64;\n }\n /* Unvisited top bar links */\n .pagetop a:link {\n color: #363a4f;\n }\n /* Links */\n a:link {\n color: #8aadf4;\n }\n /* More link */\n .hnmore a:link,\n a:visited {\n color: #b7bdf8;\n }\n /* New user color */\n .hnuser > font {\n color: #a6da95;\n }\n /* Story site link */\n .comhead a:link,\n .subtext a:visited {\n color: #f5a97f;\n }\n /* Story points */\n .score {\n color: #a5adcb;\n }\n /* Story ranking number */\n .title {\n color: #b7bdf8;\n }\n /* Comment text */\n .commtext {\n color: #cad3f5;\n }\n /* Comment hyperlinks */\n .commtext a:link {\n color: #7dc4e4;\n }\n /* Comment box */\n textarea,\n input {\n background-color: #363a4f;\n color: #cad3f5;\n border-color: #8bd5ca;\n }\n /* Poll questions */\n td.comment > div > font {\n color: #cad3f5;\n }\n /* Bottom footer separator bar */\n #hnmain > tbody > tr:nth-child(4) > td > table > tbody > tr > td {\n background-color: #24273a;\n }\n /* Search bar text field */\n #hnmain > tbody > tr:nth-child(4) > td > center:nth-child(6) > form > input[type=\"text\"] {\n background-color: #363a4f;\n }\n /* Search bar text */\n #hnmain > tbody > tr:nth-child(4) > td > center:nth-child(6) > form {\n color: #cad3f5;\n }\n /* FAQ Questions */\n body > center > table > tbody > tr > td > p > b {\n color: #b8c0e0;\n }\n /* FAQ Header */\n body > center > table > tbody > tr > td > b {\n color: #b8c0e0;\n }\n /* Text post content */\n .toptext {\n color: #cad3f5;\n }\n /* Replace vote arrow with svg arrow and mask */\n .votearrow {\n background-image: url(\"data:image/svg+xml,%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' %5B %3C!ENTITY ns_svg 'http://www.w3.org/2000/svg'%3E%3C!ENTITY ns_xlink 'http://www.w3.org/1999/xlink'%3E%0A%5D%3E%3Csvg xmlns='&ns_svg;' width='10' height='10' viewBox='0 0 10 10' fill-opacity='0' xml:space='preserve'%3E%3Cpolygon points='0,10 5,1 10,10 '/%3E%3C/svg%3E%0A\");\n -webkit-mask-image: url(\"data:image/svg+xml,%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' %5B %3C!ENTITY ns_svg 'http://www.w3.org/2000/svg'%3E%3C!ENTITY ns_xlink 'http://www.w3.org/1999/xlink'%3E%0A%5D%3E%3Csvg xmlns='&ns_svg;' width='10' height='10' viewBox='0 0 10 10' fill='black' xml:space='preserve'%3E%3Cpolygon points='0,10 5,1 10,10 '/%3E%3C/svg%3E%0A\");\n mask-image: url(\"data:image/svg+xml,%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' %5B %3C!ENTITY ns_svg 'http://www.w3.org/2000/svg'%3E%3C!ENTITY ns_xlink 'http://www.w3.org/1999/xlink'%3E%0A%5D%3E%3Csvg xmlns='&ns_svg;' width='10' height='10' viewBox='0 0 10 10' fill='black' xml:space='preserve'%3E%3Cpolygon points='0,10 5,1 10,10 '/%3E%3C/svg%3E%0A\");\n background-color: #a5adcb;\n height: 8;\n }",
"start": 624,
"urlPrefixes": [
"https://news.ycombinator.com"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name HackerNews Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/hacker-news\n@homepageURL\thttps://github.com/catppuccin/userstyles/tree/main/styles/hacker-news\n@version 0.1.1\n@description Soothing pastel theme for HackerNews\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/hacker-news/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n\n@-moz-document url-prefix(\"https://news.ycombinator.com\")\n{\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n #catppuccin(@flavor);\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n\n /* Main background */\n #hnmain {\n background-color: @base;\n }\n /* Main body padding background */\n body {\n background-color: @base;\n color: @text;\n }\n\n /* Background of the FAQ and main page */\n body > center > table > tbody > tr > td {\n background-color: @base;\n color: @text;\n }\n\n /* Top bar */\n #hnmain > tbody > tr:nth-child(1) > td {\n background-color: @peach;\n }\n\n /* Hacker News text in top bar */\n #hnmain\n > tbody\n > tr:nth-child(1)\n > td\n > table\n > tbody\n > tr\n > td:nth-child(2)\n > span\n > b\n > a {\n color: @surface0;\n }\n\n /* Logged-in user karma */\n #karma {\n color: @surface1;\n }\n\n /* Separator characters around logged-in user karma */\n #hnmain\n > tbody\n > tr:nth-child(1)\n > td\n > table\n > tbody\n > tr\n > td:nth-child(3)\n > span {\n color: @surface1;\n }\n\n /* Visited top bar links */\n .pagetop a:visited {\n color: @surface1;\n }\n\n /* Unvisited top bar links */\n .pagetop a:link {\n color: @surface0;\n }\n\n /* Links */\n a:link {\n color: @blue;\n }\n\n /* More link */\n .hnmore a:link,\n a:visited {\n color: @lavender;\n }\n\n /* New user color */\n .hnuser > font {\n color: @green;\n }\n\n /* Story site link */\n .comhead a:link,\n .subtext a:visited {\n color: @peach;\n }\n\n /* Story points */\n .score {\n color: @subtext0;\n }\n\n /* Story ranking number */\n .title {\n color: @lavender;\n }\n\n /* Comment text */\n .commtext {\n color: @text;\n }\n\n /* Comment hyperlinks */\n .commtext a:link {\n color: @sapphire;\n }\n\n /* Comment box */\n textarea,\n input {\n background-color: @surface0;\n color: @text;\n border-color: @teal;\n }\n\n /* Poll questions */\n td.comment > div > font {\n color: @text;\n }\n\n /* Bottom footer separator bar */\n #hnmain > tbody > tr:nth-child(4) > td > table > tbody > tr > td {\n background-color: @base;\n }\n\n /* Search bar text field */\n #hnmain\n > tbody\n > tr:nth-child(4)\n > td\n > center:nth-child(6)\n > form\n > input[type=\"text\"] {\n background-color: @surface0;\n }\n\n /* Search bar text */\n #hnmain > tbody > tr:nth-child(4) > td > center:nth-child(6) > form {\n color: @text;\n }\n\n /* FAQ Questions */\n body > center > table > tbody > tr > td > p > b {\n color: @subtext1;\n }\n\n /* FAQ Header */\n body > center > table > tbody > tr > td > b {\n color: @subtext1;\n }\n\n /* Text post content */\n .toptext {\n color: @text;\n }\n\n /* Replace vote arrow with svg arrow and mask */\n .votearrow {\n background-image: url(\"data:image/svg+xml,%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' %5B %3C!ENTITY ns_svg 'http://www.w3.org/2000/svg'%3E%3C!ENTITY ns_xlink 'http://www.w3.org/1999/xlink'%3E%0A%5D%3E%3Csvg xmlns='&ns_svg;' width='10' height='10' viewBox='0 0 10 10' fill-opacity='0' xml:space='preserve'%3E%3Cpolygon points='0,10 5,1 10,10 '/%3E%3C/svg%3E%0A\");\n -webkit-mask-image: url(\"data:image/svg+xml,%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' %5B %3C!ENTITY ns_svg 'http://www.w3.org/2000/svg'%3E%3C!ENTITY ns_xlink 'http://www.w3.org/1999/xlink'%3E%0A%5D%3E%3Csvg xmlns='&ns_svg;' width='10' height='10' viewBox='0 0 10 10' fill='black' xml:space='preserve'%3E%3Cpolygon points='0,10 5,1 10,10 '/%3E%3C/svg%3E%0A\");\n mask-image: url(\"data:image/svg+xml,%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' %5B %3C!ENTITY ns_svg 'http://www.w3.org/2000/svg'%3E%3C!ENTITY ns_xlink 'http://www.w3.org/1999/xlink'%3E%0A%5D%3E%3Csvg xmlns='&ns_svg;' width='10' height='10' viewBox='0 0 10 10' fill='black' xml:space='preserve'%3E%3Cpolygon points='0,10 5,1 10,10 '/%3E%3C/svg%3E%0A\");\n background-color: @subtext0;\n height: 8;\n }\n }\n}\n",
"usercssData": {
"name": "HackerNews Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/hacker-news",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/hacker-news",
"version": "0.1.1",
"description": "Soothing pastel theme for HackerNews",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/hacker-news/catppuccin.user.css",
"license": "MIT",
"preprocessor": "less",
"vars": {
"flavor": {
"type": "select",
"label": "Flavor",
"name": "flavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for HackerNews",
"name": "HackerNews Catppuccin",
"originalDigest": "62529c69ad655ec8314f262f20436f3978fd6c5d",
"_id": "530c5997-2295-4a9a-af3a-076c053e1c33",
"_rev": 1696719568897,
"id": 61,
"etag": "W/\"7b95d101accdd1350a2b353ad322b58f92d76087726ff51acb15867636e4d8d4\""
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/proton/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/proton",
"installDate": 1696719609404,
"sections": [
{
"code": "/* ==UserStyle==\n@name Proton Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/proton\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/proton\n@version 0.1.4\n@description Soothing pastel theme for Proton services\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/proton/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */",
"start": 0
},
{
"code": ":root svg.logo {\n /* prettier-ignore */\n /* prettier-ignore */\n }\n :root svg.logo > path[fill=\"#B8D7FF\"] {\n fill: hsl(196.66214542, 70%, 86.07843137%);\n }\n :root svg.logo > path[fill=\"#8F69FF\"] {\n fill: hsl(238.05932852, 70%, 70.58823529%);\n }\n :root svg.logo > defs stop[stop-color=\"#E3D9FF\"] {\n stop-color: hsl(238.6488022, 70%, 92.54901961%);\n }\n :root svg.logo > defs stop[stop-color=\"#7341FF\"] {\n stop-color: hsl(238.6488022, 70%, 62.74509804%);\n }\n :root svg.logo > defs stop[stop-color=\"#6D4AFF\"] {\n stop-color: hsl(234.46153846, 70%, 64.50980392%);\n }\n :root svg.logo > defs stop[stop-color=\"#AA8EFF\"] {\n stop-color: hsl(237.72658515, 70%, 77.84313725%);\n }\n :root svg.logo > defs stop[stop-color=\"#06B8FF\"] {\n stop-color: hsl(179.96776225, 70%, 51.17647059%);\n }\n :root svg.logo > defs stop[stop-color=\"#BFE8FF\"] {\n stop-color: hsl(184.42182852, 70%, 87.45098039%);\n }\n :root svg.logo > defs stop[stop-color=\"#BFABFF\"] {\n stop-color: hsl(237.1450428, 70%, 83.52941176%);\n }\n :root svg.logo > defs stop[stop-color=\"#FF50C3\"] {\n stop-color: hsl(303.43075709, 70%, 65.68627451%);\n }\n :root svg.logo > defs stop[stop-color=\"#B487FF\"] {\n stop-color: hsl(245.35932852, 70%, 76.47058824%);\n }\n :root svg.logo > defs stop[stop-color=\"#FFC8FF\"] {\n stop-color: hsl(282.85932852, 70%, 89.21568627%);\n }\n :root svg.logo > defs stop[stop-color=\"#8EFFEE\"] {\n stop-color: hsl(153.83277984, 70%, 77.84313725%);\n }\n :root svg.logo > defs stop[stop-color=\"#C9C7FF\"] {\n stop-color: hsl(225.00218566, 70%, 89.01960784%);\n }\n :root svg.logo > defs stop[stop-color=\"#00F0C3\"] {\n stop-color: hsl(151.60932852, 70%, 47.05882353%);\n }\n :root svg.logo > defs stop[stop-color=\"#FFD580\"] {\n stop-color: hsl(23.01680883, 70%, 75.09803922%);\n }\n :root svg.logo > defs stop[stop-color=\"#F6C592\"] {\n stop-color: hsl(13.45932852, 54.74576271%, 76.8627451%);\n }\n :root svg.logo > defs stop[stop-color=\"#EBB6A2\"] {\n stop-color: hsl(359.29768468, 34.60176991%, 77.84313725%);\n }\n :root svg.logo > defs stop[stop-color=\"#DFA5AF\"] {\n stop-color: hsl(332.51450093, 17.54098361%, 76.07843137%);\n }\n :root svg.logo > defs stop[stop-color=\"#D397BE\"] {\n stop-color: hsl(303.85932852, 10.54054054%, 70.98039216%);\n }\n :root svg.logo > defs stop[stop-color=\"#C486CB\"] {\n stop-color: hsl(276.772372, 9.88439306%, 66.07843137%);\n }\n :root svg.logo > defs stop[stop-color=\"#B578D9\"] {\n stop-color: hsl(260.59128728, 26.06936416%, 66.07843137%);\n }\n :root svg.logo > defs stop[stop-color=\"#A166E5\"] {\n stop-color: hsl(250.73334426, 40.94972067%, 64.90196078%);\n }\n :root svg.logo > defs stop[stop-color=\"#8B57F2\"] {\n stop-color: hsl(242.98836077, 55.63535912%, 64.50980392%);\n }\n :root svg.logo > defs stop[stop-color=\"#704CFF\"] {\n stop-color: hsl(234.92636762, 70%, 64.90196078%);\n }\n :root svg.logo > defs stop[stop-color=\"#B39FFB\"] {\n stop-color: hsl(235.90280678, 62%, 80.39215686%);\n }\n :root svg.logo > defs stop[stop-color=\"#FFE8DB\"] {\n stop-color: hsl(4.52599518, 70%, 92.94117647%);\n }\n :root,\n :root .ui-prominent,\n :root .ui-standard {\n --primary: #b7bdf8;\n --primary-contrast: #1e2030;\n --signal-danger-minor-2: #a01b26;\n --signal-danger-minor-1: #cc2230;\n --signal-danger: #ee99a0;\n --signal-danger-major-1: #ff8892;\n --signal-danger-major-2: #ff8892;\n --signal-danger-major-3: #fa8d96;\n --signal-danger-contrast: #1e2030;\n --signal-warning-minor-2: #9c3f0c;\n --signal-warning-minor-1: #cb5310;\n --signal-warning: #f5a97f;\n --signal-warning-major-1: #ffa675;\n --signal-warning-major-2: #ffa675;\n --signal-warning-major-3: #ffa675;\n --signal-warning-contrast: #1e2030;\n --signal-success-minor-2: #3e792a;\n --signal-success-minor-1: #519f37;\n --signal-success: #a6da95;\n --signal-success-major-1: #97f778;\n --signal-success-major-2: #9bef80;\n --signal-success-major-3: #9fe887;\n --signal-success-contrast: #1e2030;\n --signal-info-minor-2: #0f40a3;\n --signal-info-minor-1: #1452d1;\n --signal-info: #8aadf4;\n --signal-info-major-1: #7fa9ff;\n --signal-info-major-2: #7fa9ff;\n --signal-info-major-3: #7fa9ff;\n --signal-info-contrast: #1e2030;\n --interaction-norm-minor-2: #1425cf;\n --interaction-norm-minor-1: #2c3dea;\n --interaction-norm: #b7bdf8;\n --interaction-norm-major-1: #b0b7ff;\n --interaction-norm-major-2: #b0b7ff;\n --interaction-norm-major-3: #b3bafc;\n --interaction-norm-contrast: #1e2030;\n --interaction-weak-minor-2: #000000;\n --interaction-weak-minor-1: #000000;\n --interaction-weak: #363a4f;\n --interaction-weak-major-1: #4b506d;\n --interaction-weak-major-2: #5f668c;\n --interaction-weak-major-3: #7a81a4;\n --interaction-weak-contrast: #cad3f5;\n --text-norm: #cad3f5;\n --text-weak: #a5adcb;\n --text-hint: #b8c0e0;\n --text-disabled: #8087a2;\n --text-invert: #181926;\n --field-norm: #939ab7;\n --field-hover: #8087a2;\n --field-disabled: #6e738d;\n --field-focus: #b7bdf8;\n --field-highlight: rgba(183, 189, 248, 0.7);\n --focus-outline: #b7bdf8;\n --focus-ring: rgba(183, 189, 248, 0.4);\n --border-norm: #6e738d;\n --border-weak: #8087a2;\n --background-norm: #24273a;\n --background-weak: #1e2030;\n --background-strong: #181926;\n --background-invert: #cad3f5;\n --interaction-default: transparent;\n --interaction-default-hover: rgba(128, 135, 162, 0.2);\n --interaction-default-active: rgba(128, 135, 162, 0.4);\n --shadow-norm-opacity: 0.5;\n --shadow-lifted-opacity: 0.75;\n --backdrop-norm: rgba(24, 25, 38, 0.5);\n --optional-scrollbar-thumb-color: #363a4f;\n --optional-scrollbar-thumb-hover-color: #5b6078;\n --optional-link-norm: var(--interaction-norm-major-1);\n --optional-link-hover: var(--interaction-norm-major-2);\n --optional-link-active: var(--interaction-norm-major-3);\n --optional-background-elevated: #363a4f;\n --optional-background-lowered: var(--background-norm);\n --optional-email-item-unread-background-color: var(--background-weak);\n --optional-email-item-read-background-color: var(--background-norm);\n --optional-email-item-read-text-color: var(--text-weak);\n --optional-mini-calendar-today-color: #cad3f5;\n --optional-logo-text-proton-color: #cad3f5;\n --optional-logo-text-product-color: #cad3f5;\n --favorite-icon-color: #f5a97f;\n }\n :root .ui-prominent {\n --background-norm: #1e2030;\n --background-weak: #24273a;\n --background-strong: #181926;\n }\n :root .button-promotion {\n --upgrade-color-stop-1: #ed8796;\n --upgrade-color-stop-2: #8aadf4;\n }\n :root .item-container-row:not(.item-is-selected):hover,\n :root .item-container:not(.item-is-selected):hover {\n box-shadow: none;\n background-color: var(--navigation-current-item-background-color);\n color: var(--email-item-unread-text-color);\n }",
"start": 918,
"regexps": [
"https://(account|mail|drive|calendar).proton.me/.*$"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name Proton Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/proton\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/proton\n@version 0.1.4\n@description Soothing pastel theme for Proton services\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/proton/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document regexp(\"https://(account|mail|drive|calendar).proton.me/.*$\")\n{\n :root {\n #catppuccin(@flavor, @accentColor);\n }\n\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n #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 svg.logo {\n @accentH: hue(@accent-Color);\n @protonH: hue(#6d4aff);\n\n .replaceColor(@org, @property) {\n &[@{property}=\"@{org}\"] {\n @hDiff: @protonH - hue(@org);\n @{property}: hsl(\n @accentH - @hDiff,\n saturation(@org) - 30%,\n lightness(@org)\n );\n }\n }\n\n /* prettier-ignore */\n > path {\n .replaceColor(#B8D7FF, fill);\n .replaceColor(#8F69FF, fill);\n }\n\n /* prettier-ignore */\n > defs stop {\n .replaceColor(#E3D9FF, stop-color);\n .replaceColor(#7341FF, stop-color);\n .replaceColor(#6D4AFF, stop-color);\n .replaceColor(#AA8EFF, stop-color);\n .replaceColor(#06B8FF, stop-color);\n .replaceColor(#BFE8FF, stop-color);\n .replaceColor(#BFABFF, stop-color);\n .replaceColor(#FF50C3, stop-color);\n .replaceColor(#B487FF, stop-color);\n .replaceColor(#FFC8FF, stop-color);\n .replaceColor(#8EFFEE, stop-color);\n .replaceColor(#C9C7FF, stop-color);\n .replaceColor(#00F0C3, stop-color);\n .replaceColor(#FFD580, stop-color);\n .replaceColor(#F6C592, stop-color);\n .replaceColor(#EBB6A2, stop-color);\n .replaceColor(#DFA5AF, stop-color);\n .replaceColor(#D397BE, stop-color);\n .replaceColor(#C486CB, stop-color);\n .replaceColor(#B578D9, stop-color);\n .replaceColor(#A166E5, stop-color);\n .replaceColor(#8B57F2, stop-color);\n .replaceColor(#704CFF, stop-color);\n .replaceColor(#B39FFB, stop-color);\n .replaceColor(#FFE8DB, stop-color);\n }\n }\n\n &,\n .ui-prominent,\n .ui-standard {\n .lightenOrDarken(@color, @value) {\n @result: if(\n @flavor=latte,\n lighten(@color, @value),\n darken(@color, @value)\n );\n }\n\n --primary: @accent-Color;\n --primary-contrast: @mantle;\n --signal-danger-minor-2: .lightenOrDarken(@maroon, 40%) [ @result];\n --signal-danger-minor-1: .lightenOrDarken(@maroon, 30%) [ @result];\n --signal-danger: @maroon;\n --signal-danger-major-1: saturate(@maroon, 40%);\n --signal-danger-major-2: saturate(@maroon, 30%);\n --signal-danger-major-3: saturate(@maroon, 20%);\n --signal-danger-contrast: @mantle;\n --signal-warning-minor-2: .lightenOrDarken(@peach, 40%) [ @result];\n --signal-warning-minor-1: .lightenOrDarken(@peach, 30%) [ @result];\n --signal-warning: @peach;\n --signal-warning-major-1: saturate(@peach, 40%);\n --signal-warning-major-2: saturate(@peach, 30%);\n --signal-warning-major-3: saturate(@peach, 20%);\n --signal-warning-contrast: @mantle;\n --signal-success-minor-2: .lightenOrDarken(@green, 40%) [ @result];\n --signal-success-minor-1: .lightenOrDarken(@green, 30%) [ @result];\n --signal-success: @green;\n --signal-success-major-1: saturate(@green, 40%);\n --signal-success-major-2: saturate(@green, 30%);\n --signal-success-major-3: saturate(@green, 20%);\n --signal-success-contrast: @mantle;\n --signal-info-minor-2: .lightenOrDarken(@blue, 40%) [ @result];\n --signal-info-minor-1: .lightenOrDarken(@blue, 30%) [ @result];\n --signal-info: @blue;\n --signal-info-major-1: saturate(@blue, 40%);\n --signal-info-major-2: saturate(@blue, 30%);\n --signal-info-major-3: saturate(@blue, 20%);\n --signal-info-contrast: @mantle;\n --interaction-norm-minor-2: .lightenOrDarken(@accent-Color, 40%) [\n @result];\n --interaction-norm-minor-1: .lightenOrDarken(@accent-Color, 30%) [\n @result];\n --interaction-norm: @accent-Color;\n --interaction-norm-major-1: saturate(@accent-Color, 30%);\n --interaction-norm-major-2: saturate(@accent-Color, 20%);\n --interaction-norm-major-3: saturate(@accent-Color, 10%);\n --interaction-norm-contrast: @mantle;\n --interaction-weak-minor-2: darken(@surface0, 50%);\n --interaction-weak-minor-1: darken(@surface0, 30%);\n --interaction-weak: @surface0;\n --interaction-weak-major-1: lighten(@surface0, 10%);\n --interaction-weak-major-2: lighten(@surface0, 20%);\n --interaction-weak-major-3: lighten(@surface0, 30%);\n --interaction-weak-contrast: @text;\n --text-norm: @text;\n --text-weak: @subtext0;\n --text-hint: @subtext1;\n --text-disabled: @overlay1;\n --text-invert: @crust;\n --field-norm: @overlay2;\n --field-hover: @overlay1;\n --field-disabled: @overlay0;\n --field-focus: @accent-Color;\n --field-highlight: fadeout(@accent-Color, 30%);\n --focus-outline: @accent-Color;\n --focus-ring: fadeout(@accent-Color, 60%);\n --border-norm: @overlay0;\n --border-weak: @overlay1;\n --background-norm: @base;\n --background-weak: @mantle;\n --background-strong: @crust;\n --background-invert: @text;\n --interaction-default: transparent;\n --interaction-default-hover: fadeout(@overlay1, 80%);\n --interaction-default-active: fadeout(@overlay1, 60%);\n --shadow-norm-opacity: 0.5;\n --shadow-lifted-opacity: 0.75;\n --backdrop-norm: fadeout(@crust, 50%);\n --optional-scrollbar-thumb-color: @surface0;\n --optional-scrollbar-thumb-hover-color: @surface2;\n --optional-link-norm: var(--interaction-norm-major-1);\n --optional-link-hover: var(--interaction-norm-major-2);\n --optional-link-active: var(--interaction-norm-major-3);\n --optional-background-elevated: @surface0;\n --optional-background-lowered: var(--background-norm);\n --optional-email-item-unread-background-color: var(--background-weak);\n --optional-email-item-read-background-color: var(--background-norm);\n --optional-email-item-read-text-color: var(--text-weak);\n --optional-mini-calendar-today-color: @text;\n --optional-logo-text-proton-color: @text;\n --optional-logo-text-product-color: @text;\n --favorite-icon-color: @peach;\n }\n\n .ui-prominent {\n --background-norm: @mantle;\n --background-weak: @base;\n --background-strong: @crust;\n }\n\n .button-promotion {\n --upgrade-color-stop-1: @red;\n --upgrade-color-stop-2: @blue;\n }\n\n .item-container-row:not(.item-is-selected):hover,\n .item-container:not(.item-is-selected):hover {\n box-shadow: none;\n background-color: var(--navigation-current-item-background-color);\n color: var(--email-item-unread-text-color);\n }\n }\n}\n",
"usercssData": {
"name": "Proton Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/proton",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/proton",
"version": "0.1.4",
"description": "Soothing pastel theme for Proton services",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/proton/catppuccin.user.css",
"license": "MIT",
"preprocessor": "less",
"vars": {
"flavor": {
"type": "select",
"label": "Flavor",
"name": "flavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": "lavender",
"default": "red",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Proton services",
"name": "Proton Catppuccin",
"originalDigest": "bc954c92c534c77a0e3e72fafc1ec65f88ec777b",
"_id": "9a2bd0a8-ed77-46b5-8e0e-3a6762ac9a54",
"_rev": 1696719609404,
"id": 62,
"etag": "W/\"25c356e0b3c383560317d1d56e394ce98593db7bbfc4a130668887c6420d06a4\""
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/modrinth/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/modrinth",
"installDate": 1696719638083,
"sections": [
{
"code": "/* ==UserStyle==\n@name Modrinth Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/modrinth\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/modrinth\n@version 1.1.2\n@description Soothing pastel theme for Modrinth\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/modrinth/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */",
"start": 0
},
{
"code": ".light-mode {\n --color-bg: #181926;\n --color-ad-raised: #5b6078;\n --color-ad: #494d64;\n --color-brand-green: #b7bdf8;\n --color-button-bg-active: #6e738d;\n --color-button-bg-hover: #5b6078;\n --color-button-bg: #494d64;\n --color-button-text-hover: #cad3f5;\n --color-button-text: #b8c0e0;\n --color-divider: #363a4f;\n --color-heading: #eed49f;\n --color-icon: #cad3f5;\n --color-link-active: #8bd5ca;\n --color-link-hover: #91d7e3;\n --color-link: #7dc4e4;\n --color-raised-bg: #24273a;\n --color-special-blue: #7dc4e4;\n --color-special-orange: #f5a97f;\n --color-special-purple: #c6a0f6;\n --color-special-red: #ed8796;\n --color-text: #b8c0e0;\n --color-text-inactive: #8087a2;\n --color-brand-inverted: #010409;\n --color-text-dark: #cad3f5;\n --color-table-alternate-row: #181926;\n --color-table-border: #6e738d;\n }\n .light-mode .BDVE3s9MFQttmbMUeYup-2 a b,\n .light-mode .BDVE3s9MFQttmbMUeYup-2 a strong {\n color: #b7bdf8;\n }\n .dark-mode,\n .oled-mode {\n --color-bg: #181926;\n --color-ad-raised: #5b6078;\n --color-ad: #494d64;\n --color-brand-green: #b7bdf8;\n --color-button-bg-active: #6e738d;\n --color-button-bg-hover: #5b6078;\n --color-button-bg: #494d64;\n --color-button-text-hover: #cad3f5;\n --color-button-text: #b8c0e0;\n --color-divider: #363a4f;\n --color-heading: #eed49f;\n --color-icon: #cad3f5;\n --color-link-active: #8bd5ca;\n --color-link-hover: #91d7e3;\n --color-link: #7dc4e4;\n --color-raised-bg: #24273a;\n --color-special-blue: #7dc4e4;\n --color-special-orange: #f5a97f;\n --color-special-purple: #c6a0f6;\n --color-special-red: #ed8796;\n --color-text: #b8c0e0;\n --color-text-inactive: #8087a2;\n --color-brand-inverted: #010409;\n --color-text-dark: #cad3f5;\n --color-table-alternate-row: #181926;\n --color-table-border: #6e738d;\n }\n .dark-mode .BDVE3s9MFQttmbMUeYup-2 a b,\n .oled-mode .BDVE3s9MFQttmbMUeYup-2 a b,\n .dark-mode .BDVE3s9MFQttmbMUeYup-2 a strong,\n .oled-mode .BDVE3s9MFQttmbMUeYup-2 a strong {\n color: #b7bdf8;\n }",
"start": 1029,
"regexps": [
".*https:\\/\\/(www\\.|staging\\.|)modrinth\\.com.*"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name Modrinth Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/modrinth\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/modrinth\n@version 1.1.2\n@description Soothing pastel theme for Modrinth\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/modrinth/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document regexp(\".*https:\\\\/\\\\/(www\\\\.|staging\\\\.|)modrinth\\\\.com.*\") {\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n @shadow: #dbdfef;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n @shadow: #010409;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n @shadow: #010409;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n @shadow: #010409;\n };\n };\n\n .light-mode {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n .dark-mode,\n .oled-mode {\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 @shadow: @catppuccin[@@lookup][@shadow];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n & {\n --color-bg: @crust;\n --color-ad-raised: @surface2;\n --color-ad: @surface1;\n --color-brand-green: @accent-Color;\n --color-button-bg-active: @overlay0;\n --color-button-bg-hover: @surface2;\n --color-button-bg: @surface1;\n --color-button-text-hover: @text;\n --color-button-text: @subtext1;\n --color-divider: @surface0;\n --color-heading: @yellow;\n --color-icon: @text;\n --color-link-active: @teal;\n --color-link-hover: @sky;\n --color-link: @sapphire;\n --color-raised-bg: @base;\n --color-special-blue: @sapphire;\n --color-special-orange: @peach;\n --color-special-purple: @mauve;\n --color-special-red: @red;\n --color-text: @subtext1;\n --color-text-inactive: @overlay1;\n --color-brand-inverted: @shadow;\n --color-text-dark: @text;\n --color-table-alternate-row: @crust;\n --color-table-border: @overlay0;\n }\n\n .BDVE3s9MFQttmbMUeYup-2 a b,\n .BDVE3s9MFQttmbMUeYup-2 a strong {\n color: @accent-Color;\n }\n }\n}\n",
"usercssData": {
"name": "Modrinth Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/modrinth",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/modrinth",
"version": "1.1.2",
"description": "Soothing pastel theme for Modrinth",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/modrinth/catppuccin.user.css",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": "macchiato",
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": "lavender",
"default": "red",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Modrinth",
"name": "Modrinth Catppuccin",
"originalDigest": "26ebf066b236c13f9017fa706cdc1fce3c64b0d0",
"_id": "afbec67e-85af-4210-9ab0-f8e2c3b133cc",
"_rev": 1696719638083,
"id": 63,
"etag": "W/\"78dc9061f53b0c8c364fe6fbcc29eff95c90f98fefc6ff08e6687baa9bbdd591\""
},
{
"enabled": true,
"updateUrl": "https://github.com/GitMuslim/google/raw/main/src/catppuccin.user.css",
"url": "https://github.com/catppuccin/google",
"installDate": 1696719791349,
"sections": [
{
"code": "/* ==UserStyle==\n@name Google Catppuccin\n@namespace github.com/catppuccin/google\n@homepageURL https://github.com/catppuccin/google\n@version 1.2.8\n@description Soothing pastel theme for Google\n@author Catppuccin - mustafakhalaf-git\n@preprocessor stylus\n@updateURL https://github.com/GitMuslim/google/raw/main/src/catppuccin.user.css\n@license MIT\n\n@var select darktheme \"Theme\" [\"Latte\", \"Frappe\", \"Macchiato\", \"Mocha\"]\n==/UserStyle== */",
"start": 0
},
{
"code": "body {\n --ctp-rosewater: #f4dbd6;\n --ctp-flamingo: #f0c6c6;\n --ctp-pink: #f5bde6;\n --ctp-mauve: #c6a0f6;\n --ctp-red: #ed8796;\n --ctp-maroon: #ee99a0;\n --ctp-peach: #f5a97f;\n --ctp-yellow: #eed49f;\n --ctp-green: #a6da95;\n --ctp-teal: #8bd5ca;\n --ctp-sky: #91d7e3;\n --ctp-sapphire: #7dc4e4;\n --ctp-blue: #8aadf4;\n --ctp-lavender: #b7bdf8;\n --ctp-rosewatera: rgba(244,219,214,0.25);\n --ctp-flamingoa: rgba(240,198,198,0.25);\n --ctp-pinka: rgba(245,189,230,0.25);\n --ctp-mauvea: rgba(198,160,246,0.25);\n --ctp-reda: rgba(237,135,150,0.25);\n --ctp-maroona: rgba(238,153,160,0.25);\n --ctp-peacha: rgba(245,169,127,0.25);\n --ctp-yellowa: rgba(238,212,159,0.25);\n --ctp-greena: rgba(166,218,149,0.25);\n --ctp-teala: rgba(139,213,202,0.25);\n --ctp-skya: rgba(145,215,227,0.25);\n --ctp-sapphirea: rgba(125,196,228,0.25);\n --ctp-bluea: rgba(138,173,244,0.25);\n --ctp-lavendera: rgba(183,189,248,0.25);\n --ctp-text: #cad3f5;\n --ctp-subtext1: #b8c0e0;\n --ctp-subtext0: #a5adcb;\n --ctp-overlay2: #939ab7;\n --ctp-overlay1: #8087a2;\n --ctp-overlay0: #6e738d;\n --ctp-surface2: #5b6078;\n --ctp-surface1: #494d64;\n --ctp-surface0: #363a4f;\n --ctp-base: #24273a;\n --ctp-mantle: #1e2030;\n --ctp-crust: #181926;\n }\n body.srp:not(.uOat3d),\n body:not(.uOat3d) {\n background: var(--ctp-base);\n }\n .MUxGbd {\n background: var(--ctp-base);\n }\n .yuRUbf {\n background-color: var(--ctp-base);\n }\n .WE0UJf {\n background-color: var(--ctp-base);\n }\n .HiHjCd {\n background-color: var(--ctp-base);\n }\n .sfbg {\n background-color: var(--ctp-base);\n }\n .yg51vc {\n background-color: var(--ctp-base);\n }\n .RNNXgb {\n background: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface1);\n }\n .QCzoEc {\n color: var(--ctp-overlay2);\n }\n .RNNXgb:hover,\n .sbfc .RNNXgb {\n background-color: var(--ctp-surface0);\n }\n .emcav .RNNXgb {\n background: var(--ctp-surface0);\n }\n .aajZCb {\n background: var(--ctp-surface0);\n }\n html .dG2XIf .xpdbox .yc7KLc {\n background-color: var(--ctp-base);\n }\n .MXl0lf {\n background: var(--ctp-surface0);\n }\n .MXl0lf:hover {\n background: var(--ctp-surface1);\n }\n .mIKy0c.dGWpb {\n background-color: var(--ctp-base);\n }\n .dw-sb-cont .dw-sbi {\n background: var(--ctp-base);\n }\n .dw-sb-cont .dw-sb-btn {\n background: var(--ctp-base);\n }\n .JG3t0b {\n background-color: var(--ctp-base);\n }\n .JG3t0b:hover {\n background-color: var(--ctp-surface0);\n }\n .minidiv .sfbg {\n background: var(--ctp-surface0);\n }\n .minidiv .RNNXgb {\n background: var(--ctp-surface0);\n }\n .mQo3nc {\n background-color: var(--ctp-surface0);\n }\n #SIvCob {\n color: var(--ctp-text);\n }\n .uU7dJb {\n border-bottom: 1px solid var(--ctp-surface0);\n background-color: var(--ctp-mantle);\n color: var(--ctp-subtext1);\n }\n .pHiOh,\n a.pHiOh {\n color: var(--ctp-subtext1);\n }\n .gb_Ic a.gb_p,\n .gb_Ic span.gb_p {\n color: var(--ctp-text);\n }\n .gb_Ic svg,\n .gb_Nc.gb_Rc svg,\n .gb_Ic .gb_9c .gb_be,\n .gb_Ic .gb_9c .gb_Hc,\n .gb_Ic .gb_9c .gb_bd,\n .gb_Nc.gb_Rc .gb_be {\n color: var(--ctp-text);\n }\n .KxwPGc {\n background-color: var(--ctp-mantle);\n }\n .lJ9FBc input[type=\"submit\"] {\n color: var(--ctp-text);\n background-color: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface1);\n }\n .lJ9FBc input[type=\"submit\"]:hover {\n background-color: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface2);\n color: var(--ctp-text);\n }\n .Z26q7c {\n background-color: var(--ctp-base);\n }\n .k8XOCe {\n background-color: var(--ctp-surface0);\n }\n .f6F9Be {\n background: var(--ctp-mantle);\n }\n .ZkkK1e {\n background: var(--ctp-base);\n }\n .ZkkK1e:hover {\n background: var(--ctp-surface0);\n }\n .LGOjhe {\n background-color: var(--ctp-base);\n }\n .I6TXqe {\n background: var(--ctp-base);\n }\n .NtaMpb .niO4u {\n background-color: var(--ctp-base);\n }\n .s8GCU {\n background: var(--ctp-base);\n }\n .Lj9fsd {\n background: var(--ctp-base);\n }\n .jZWadf {\n background: var(--ctp-base);\n }\n .o6juZc {\n background-color: var(--ctp-surface0);\n }\n .o6juZc:hover {\n background-color: var(--ctp-surface0);\n }\n .W6pGoe {\n background: var(--ctp-surface0);\n }\n .IZ6rdc {\n background-color: var(--ctp-base);\n }\n .sbct:hover {\n background-color: var(--ctp-surface1);\n }\n .dG2XIf {\n background: var(--ctp-base);\n }\n .JgfpDb.cZEg1e,\n .JgfpDb .cZEg1e {\n background-color: var(--ctp-mantle);\n }\n .Lj9fsd.DU1Mzb {\n background-color: var(--ctp-surface0);\n }\n .gb_Ia:not(.gb_n) {\n background-color: var(--ctp-base) !important;\n }\n a {\n color: var(--ctp-blue);\n }\n .KLEmSd {\n background-color: var(--ctp-surface1);\n }\n .akqY6 {\n background: var(--ctp-surface1);\n }\n .pb5vrc {\n background-color: var(--ctp-surface1);\n }\n .zgAlFc {\n color: var(--ctp-blue);\n }\n .xtSCL {\n border-top: 1px solid var(--ctp-surface2);\n }\n .GLcBOb {\n border-bottom: 1px solid var(--ctp-surface1);\n }\n .fLciMb {\n color: var(--ctp-text);\n }\n .hdtb-mitem a {\n color: var(--ctp-subtext0);\n }\n .hdtb-mitem .GOE98c,\n .hdtb-mitem a,\n .hdtb-mitem.hdtb-msel,\n .t2vtad {\n color: var(--ctp-subtext0);\n }\n .t2vtad:not(.hdtb-tl-sel) {\n color: var(--ctp-subtext0);\n }\n .t2vtad:not(.hdtb-tl-sel):hover {\n background-color: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .ACRAdd {\n border-left: 1px solid var(--ctp-overlay0);\n }\n .ExCKkf {\n color: var(--ctp-subtext0);\n }\n .ynAwRc {\n color: var(--ctp-blue);\n }\n #rhs .dG2XIf {\n border: 1px solid var(--ctp-surface1);\n }\n .y8Jpof.pPLc9e.kpQuGf {\n border-top: 1px solid var(--ctp-surface1);\n }\n .minidiv .RNNXgb {\n border: 1px solid var(--ctp-overlay0);\n }\n .ZZ7G7b {\n border: 1px solid var(--ctp-surface1);\n }\n .cEPPT {\n border-bottom: solid 1px var(--ctp-surface1);\n margin-bottom: 11px;\n }\n .gb_Jc a.gb_q,\n .gb_Jc span.gb_q {\n color: var(--ctp-text);\n }\n .gb_Jc svg,\n .gb_Oc.gb_Sc svg,\n .gb_Jc .gb_ad .gb_Ld,\n .gb_Jc .gb_ad .gb_Ic,\n .gb_Jc .gb_ad .gb_cd,\n .gb_Oc.gb_Sc .gb_Ld {\n color: var(--ctp-text);\n }\n .DKV0Md {\n color: var(--ctp-blue);\n }\n .NJLBac {\n color: var(--ctp-blue);\n }\n .yXK7lf em {\n color: var(--ctp-text);\n }\n .yDYNvb.lyLwlc {\n color: var(--ctp-text);\n }\n .hb8SAc {\n color: var(--ctp-text);\n }\n .kno-ecr-pt {\n color: var(--ctp-text);\n }\n .wwUB2c {\n color: var(--ctp-subtext0);\n }\n .TQc1id .I6TXqe {\n border: 1px solid var(--ctp-surface2);\n }\n .HsZQAe {\n border-bottom: 1px solid var(--ctp-surface2) !important;\n }\n .NtaMpb .niO4u {\n color: var(--ctp-text);\n }\n a.EbH0bb {\n color: var(--ctp-subtext0);\n }\n .Ss2Faf a {\n color: var(--ctp-text);\n }\n .kno-ftr.rpBMYb {\n color: var(--ctp-subtext0);\n }\n .S8ee5.CwbYXd {\n color: var(--ctp-text);\n }\n .rhHIGd {\n background-color: var(--ctp-surface2);\n }\n .S8ee5.CwbYXd {\n color: var(--ctp-text);\n }\n .S8ee5 {\n background: var(--ctp-surface0);\n }\n .S8ee5:hover {\n background: var(--ctp-surface1);\n }\n .p8VO6e {\n color: var(--ctp-text);\n }\n .YTDezd {\n background: var(--ctp-blue);\n }\n .NZmxZe:hover {\n color: var(--ctp-blue);\n }\n .rQEFy {\n color: var(--ctp-blue);\n border-bottom: 3px solid var(--ctp-blue);\n }\n .hdtb-mitem.hdtb-msel {\n color: var(--ctp-blue);\n }\n .hdtb-mitem:hover .GOE98c:hover,\n .hdtb-mitem:hover a,\n .hdtb-mitem.hdtb-msel,\n .t2vtad:hover {\n color: var(--ctp-blue);\n }\n .cF4V5c {\n background-color: var(--ctp-base);\n }\n .cF4V5c g-menu-item a,\n .cF4V5c g-menu-item a:visited,\n .cF4V5c g-menu-item a:hover {\n color: var(--ctp-text);\n }\n .hdtb-tl-sel {\n border: 1px solid var(--ctp-surface2);\n background: var(--ctp-surface0);\n color: var(--ctp-text);\n }\n .hdtb-tl-sel:focus {\n border: 1px solid var(--ctp-surface2);\n background: var(--ctp-surface0);\n color: var(--ctp-blue);\n }\n .VvrH3b {\n background: var(--ctp-base);\n border: 1px solid var(--ctp-surface2);\n }\n .VvrH3b:hover {\n background: var(--ctp-mantle);\n }\n .VvrH3b:focus {\n background: var(--ctp-base);\n }\n .x9emld {\n color: var(--ctp-text);\n }\n .VvrH3b:active {\n background: var(--ctp-base);\n }\n .iRPzcb {\n border-bottom: 1px solid var(--ctp-surface1);\n }\n .RES9jf {\n color: var(--ctp-text);\n }\n .xTFaxe {\n color: var(--ctp-text);\n }\n .Jb0Zif .UiGGAb.ILfuVd,\n .ILfuVd {\n color: var(--ctp-text);\n }\n .eqAnXb {\n color: var(--ctp-text);\n }\n .gLFyf {\n color: var(--ctp-text);\n }\n .J2MhIb .JCzEY {\n color: var(--ctp-text);\n }\n .rsGxI.Ww4FFb,\n .Ww4FFb {\n background-color: var(--ctp-base);\n }\n #tw-target {\n background-color: var(--ctp-surface0);\n }\n #tw-source-text-container .tw-ta,\n #tw-source-rmn-container .tw-ta {\n color: var(--ctp-text);\n }\n .tw-data-placeholder {\n color: var(--ctp-text);\n }\n .j1iyq {\n border: 1px solid var(--ctp-surface2);\n }\n .tw-menu-btn.tw-menu-btn-disabled {\n color: var(--ctp-surface1);\n }\n .hhB0V {\n color: var(--ctp-blue);\n }\n .KFFQ0c .YfftMc,\n .KFFQ0c .YfftMc span,\n .KFFQ0c .YfftMc div,\n .KFFQ0c .YfftMc a {\n color: var(--ctp-subtext0);\n }\n .usJj9c .zz3gNc {\n color: var(--ctp-text);\n }\n a:visited {\n color: var(--ctp-pink);\n }\n .VuuXrf {\n color: var(--ctp-text);\n }\n .HSryR a.B1uW2d {\n border-bottom: 1px solid var(--ctp-surface2);\n }\n .psXvZ {\n color: var(--ctp-subtext0);\n }\n .LHJvCe {\n color: var(--ctp-subtext0);\n }\n .w8qArf .fl {\n color: var(--ctp-text) !important;\n }\n .z8gr9e {\n color: var(--ctp-text);\n }\n .pdpvld {\n color: var(--ctp-green);\n }\n cite,\n cite a:link,\n cite a:visited {\n color: var(--ctp-subtext0);\n }\n .c07z9 {\n color: var(--ctp-subtext0);\n }\n .c8d6zd {\n color: var(--ctp-test);\n }\n .I6a0ee {\n background-color: var(--ctp-base);\n border: 1px solid var(--ctp-surface2);\n }\n .I6a0ee:hover {\n background-color: var(--ctp-mantle);\n border: 1px solid var(--ctp-surface2);\n }\n .I6a0ee:focus {\n background-color: var(--ctp-crust);\n border: 1px solid var(--ctp-surface2);\n }\n .cO53qb {\n color: var(--ctp-text) !important;\n background-color: var(--ctp-surface2);\n border: 1px solid var(--ctp-crust);\n }\n .URgIvb {\n border-color: var(--ctp-blue);\n background-color: var(--ctp-blue);\n }\n .ubHt5c {\n color: var(--ctp-subtext0);\n }\n .YrbPuc {\n color: var(--ctp-subtext1);\n }\n .jEdCLc {\n color: var(--ctp-text);\n }\n a.oBa0Fe {\n color: var(--ctp-subtext0);\n }\n .c07z9 a,\n .c07z9 a:active,\n .c07z9 a:link {\n color: var(--ctp-text);\n }\n .hdtb-mn-hd {\n color: var(--ctp-subtext0);\n }\n .hdtb-mn-hd:hover {\n color: var(--ctp-text);\n }\n .hdtb-mn-hd .gTl8xb {\n border-color: var(--ctp-subtext0) transparent;\n }\n .hdtb-mn-hd:hover .gTl8xb:hover {\n border-color: var(--ctp-text) transparent;\n }\n .YbqTTb {\n background-color: var(--ctp-base);\n color: var(--ctp-text);\n }\n .JCHpcb {\n color: var(--ctp-subtext0);\n }\n .JCHpcb:hover {\n color: var(--ctp-blue);\n }\n .WggQGd {\n color: var(--ctp-mauve) !important;\n }\n .pHiOh,\n a.pHiOh {\n color: var(--ctp-subtext1) !important;\n }\n .wM6W7d {\n color: var(--ctp-text);\n }\n .ClJ9Yb {\n color: var(--ctp-subtext1);\n }\n .GI74Re {\n color: var(--ctp-subtext0);\n }\n .ZE0LJd {\n color: var(--ctp-subtext1);\n }\n .NUnG9d {\n color: var(--ctp-text);\n }\n .AaVjTc a:link {\n color: var(--ctp-blue);\n }\n .YyVfkd {\n color: var(--ctp-subtext0);\n }\n .b0KoTc {\n color: var(--ctp-text);\n }\n .dfB0uf {\n color: var(--ctp-text);\n }\n .unknown_loc {\n background: var(--ctp-text);\n }\n .KwU3F {\n color: var(--ctp-blue);\n }\n .xSQxL {\n color: var(--ctp-blue);\n }\n .smiUbb {\n color: var(--ctp-text);\n }\n .fbar a {\n color: var(--ctp-subtext1);\n }\n .f6F9Be {\n border-top: 1px solid var(--ctp-surface0);\n }\n .b2hzT {\n border-bottom: 1px solid var(--ctp-surface0);\n }\n #swml {\n border-left: 1px solid var(--ctp-surface0);\n }\n .ZkkK1e {\n border: 1px solid var(--ctp-crust);\n }\n .ZkkK1e:hover,\n .xaNsfc:focus .ZkkK1e,\n a:focus .ZkkK1e,\n .xaNsfc:active .ZkkK1e,\n a:active .ZkkK1e,\n .ZkkK1e:focus,\n .ZkkK1e:active {\n color: var(--ctp-text);\n }\n .ZkkK1e.ZkkK1e {\n color: var(--ctp-text);\n }\n .AGLhIc {\n border: 1px solid var(--ctp-crust);\n color: var(--ctp-text);\n }\n .AGLhIc:hover {\n background: var(--ctp-surface0);\n }\n .IK8sod {\n background: var(--ctp-surface0);\n border: 1px solid var(--ctp-crust);\n color: var(--ctp-text);\n }\n .IK8sod:hover {\n background: var(--ctp-surface1);\n }\n .ZkkK1e[selected] {\n color: var(--ctp-base);\n border-color: var(--ctp-sapphire);\n background: var(--ctp-blue);\n }\n .ZkkK1e[selected]:hover {\n color: var(--ctp-base);\n border-color: var(--ctp-sapphire);\n background: var(--ctp-sapphire);\n }\n .Uroaid {\n color: var(--ctp-subtext0);\n }\n .P7xzyf {\n color: var(--ctp-subtext1);\n }\n .Zg1NU {\n color: var(--ctp-subtext0);\n }\n .dyjrff {\n color: var(--ctp-subtext1);\n }\n .s75CSd {\n color: var(--ctp-text);\n }\n .GZnQqe .YpcDnf {\n color: var(--ctp-subtext0);\n }\n .GZnQqe:hover .YpcDnf:hover {\n background: var(--ctp-surface0);\n }\n .gb_Jc .gb_ze button:hover svg,\n .gb_Jc .gb_e:hover {\n background-color: var(--ctp-surface0);\n }\n .fLciMb:hover {\n background-color: var(--ctp-surface0);\n }\n .CbAZb {\n background: var(--ctp-base);\n border-bottom: 1px solid var(--ctp-surface0);\n }\n a.tGS0Nc {\n color: var(--ctp-blue);\n }\n a.tGS0Nc:hover {\n background-color: var(--ctp-mantle);\n color: var(--ctp-blue);\n }\n .S8wJ3 {\n color: var(--ctp-text);\n }\n .bepeF {\n color: var(--ctp-text);\n }\n .kwWBYc {\n color: var(--ctp-text);\n }\n .rBrJud {\n background-color: var(--ctp-text);\n }\n .SknMB,\n .SknMB:visited {\n color: var(--ctp-blue);\n }\n a.W2x9Sc,\n a:visited.W2x9Sc {\n color: var(--ctp-blue);\n }\n .j0iFNe .kaAgDc,\n .j0iFNe .RvdoFd .wT0tpe,\n .j0iFNe .r0zAxe .wT0tpe {\n background-color: var(--ctp-blue);\n }\n .uWNHce {\n color: var(--ctp-text);\n }\n .ZI7elf {\n color: var(--ctp-text);\n }\n .rhJQGd {\n color: var(--ctp-subtext0);\n }\n .z1asCe {\n color: var(--ctp-text) !important;\n fill: var(--ctp-text);\n!important\n }\n!important\n .l7xYUb {\n color: var(--ctp-text);\n }\n .fmxhfc {\n color: var(--ctp-subtext0);\n }\n .tGS0Nc {\n border: 1px solid var(--ctp-surface2);\n }\n .m0uvVb {\n border-top: 1px solid var(--ctp-surface2);\n }\n .ITNV1 {\n background-color: var(--ctp-surface2);\n }\n .UsN2ld:not(.bjIqib) .a9oE3e:checked ~ .ITNV1,\n .UsN2ld:not(.bjIqib) .a9oE3e:checked ~ .rBrJud {\n background-color: var(--ctp-blue);\n }\n .kQEH5b {\n color: var(--ctp-subtext1) !important;\n }\n .q0yked a:hover {\n background: var(--ctp-mantle);\n }\n .Oz5Rbb:hover {\n background: var(--ctp-mantle);\n }\n .ea0Lbe {\n background: var(--ctp-surface0);\n }\n .f6GA0,\n .CacfB,\n .Ua7Yuf {\n background: var(--ctp-base);\n }\n .DV7the {\n color: var(--ctp-blue);\n }\n .ZeVBtc {\n color: var(--ctp-subtext0);\n }\n .cB9M7 {\n background-color: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .cB9M7:focus {\n border: 1px solid var(--ctp-blue);\n }\n .Qwbd3 {\n background: var(--ctp-surface0);\n color: var(--ctp-text);\n border: 1px solid var(--ctp-surface1);\n }\n .Qwbd3:hover {\n background: var(--ctp-surface1);\n border: 1px solid var(--ctp-surface2);\n }\n .ArIAXb {\n fill: var(--ctp-surface0);\n }\n .qOFLsb {\n fill: var(--ctp-surface0);\n }\n .aHK1bd {\n color: var(--ctp-subtext0);\n }\n .diOlIe {\n border-top: 1px solid var(--ctp-overlay0);\n }\n .p4pvTd {\n color: var(--ctp-text);\n }\n title-with-lhs-icon .ekf0x h3 {\n color: var(--ctp-text);\n }\n title-with-lhs-icon:hover .ekf0x h3 {\n color: var(--ctp-blue);\n }\n title-with-lhs-icon .hSQtef.ekf0x {\n color: var(--ctp-text);\n }\n title-with-lhs-icon:hover .hSQtef.ekf0x {\n color: var(--ctp-blue);\n }\n .iJddsb {\n color: var(--ctp-text);\n }\n .gbZSUe {\n color: var(--ctp-text);\n }\n .gbZSUe:hover,\n .gbZSUe:active {\n background: var(--ctp-surface0);\n }\n .og3lId {\n color: var(--ctp-text);\n }\n .XZ5MVe {\n color: var(--ctp-blue);\n }\n .bm5DV {\n color: var(--ctp-text);\n }\n .TGGJzf {\n background: var(--ctp-base);\n }\n .fnuYjf {\n color: var(--ctp-text);\n }\n .KiRIme {\n border: 1px solid var(--ctp-surface1);\n color: var(--ctp-blue);\n }\n .YJaHLd:hover,\n .KiRIme:hover {\n background-color: var(--ctp-mantle);\n }\n .ib7Umb {\n color: var(--ctp-subtext0);\n }\n .w8NsKc {\n color: var(--ctp-text);\n }\n g-inner-card {\n background-color: var(--ctp-base);\n }\n g-inner-card a:hover {\n background-color: unset !important;\n }\n .kLhEKe {\n background-color: var(--ctp-base);\n }\n .Lj9fsd.DU1Mzb .o6juZc {\n border: 1px solid var(--ctp-overlay0);\n }\n .dyAbMb {\n fill: var(--ctp-subtext0);\n }\n .cEW58 {\n background-color: var(--ctp-surface0);\n }\n .eadHV.Ses7yd {\n color: var(--ctp-text);\n }\n .gb_Lc svg,\n .gb_Qc.gb_Uc svg,\n .gb_Lc .gb_cd .gb_Md,\n .gb_Lc .gb_cd .gb_Kc,\n .gb_Lc .gb_cd .gb_ed,\n .gb_Qc.gb_Uc .gb_Md {\n color: var(--ctp-text);\n }\n .f {\n color: var(--ctp-subtext0);\n }\n a.Ndm45b {\n color: var(--ctp-subtext0);\n }\n a.Ndm45b:hover {\n color: var(--ctp-blue);\n }\n .wdQNof {\n border: 1px solid var(--ctp-surface2);\n }\n .OvQkSb {\n color: var(--ctp-text) !important;\n }\n .x2GJWb .QuU3Wb {\n color: var(--ctp-text);\n }\n .x2GJWb .niO4u {\n background-color: var(--ctp-mantle);\n color: var(--ctp-text);\n }\n .VNSPub {\n color: var(--ctp-text);\n }\n .cmlJmd {\n color: var(--ctp-subtext1);\n }\n .ETWPw {\n border: 1px solid var(--ctp-overlay0);\n }\n .mjudZe {\n color: var(--ctp-text);\n }\n .mjudZe {\n border: 1px solid var(--ctp-surface2);\n }\n .PyJv1b {\n color: var(--ctp-text);\n }\n .kqEaA {\n color: var(--ctp-text);\n }\n .BklRsd {\n background-color: var(--ctp-base);\n border: 1px solid var(--ctp-overlay0);\n }\n .FpiMuf {\n color: var(--ctp-text);\n }\n .phWb1b {\n color: var(--ctp-subtext1);\n }\n .FzCfme {\n color: var(--ctp-subtext0);\n }\n .hMJ0yc {\n color: var(--ctp-subtext0);\n }\n .WZ8Tjf {\n color: var(--ctp-subtext0);\n }\n .gb_Lc .gb_Be button:hover svg,\n .gb_Lc .gb_e:hover {\n background-color: var(--ctp-surface0);\n }\n .Zy0CDe-PFprWc {\n background-color: var(--ctp-blue);\n }\n .Jq6Y2d {\n color: var(--ctp-text);\n }\n .E6xiJd {\n color: var(--ctp-text);\n }\n .mwlpue {\n color: var(--ctp-text);\n }\n .UpJaQ {\n border-top: 1px solid var(--ctp-surface2);\n }\n .IsOZic,\n .IsOZic:visited {\n color: var(--ctp-blue);\n }\n .qSu5 {\n color: var(--ctp-blue);\n }\n .j0iFNe .athwOc-LkdAo,\n .j0iFNe .RvdoFd .CV4hA-LkdAo,\n .j0iFNe .r0zAxe .CV4hA-LkdAo {\n background-color: var(--ctp-blue);\n }\n .V7LiHf {\n color: var(--ctp-subtext1) !important;\n }\n .u0wZ6e {\n color: var(--ctp-text);\n }\n .KhmqTd {\n color: var(--ctp-subtext0);\n }\n .SPmIAf {\n color: var(--ctp-subtext0);\n }\n .SPmIAf:hover {\n color: var(--ctp-text);\n }\n .w6PoOe {\n color: var(--ctp-subtext0);\n }\n .w6PoOe:hover {\n color: var(--ctp-text);\n }\n .KA8Jyb {\n fill: var(--ctp-subtext0);\n }\n .qcTKEe {\n background-color: var(--ctp-base);\n }\n .ooPrBf {\n background: var(--ctp-base);\n }\n .PNyWAd {\n color: var(--ctp-subtext0);\n }\n .ZXJQ7c:hover {\n background-color: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .XD1Bsc:focus {\n border: 1px solid var(--ctp-surface2);\n background: var(--ctp-surface0);\n color: var(--ctp-blue);\n }\n .NZmxZe {\n color: var(--ctp-subtext0);\n }\n .NZmxZe:hover {\n color: var(--ctp-blue);\n }\n .rQEFy {\n color: var(--ctp-blue);\n }\n .ZZ7G7b {\n color: var(--ctp-text);\n }\n .xk611b {\n background: var(--ctp-base);\n }\n .JNkvid .HnYYW {\n color: var(--ctp-text);\n }\n .iAIpCb {\n color: var(--ctp-subtext0);\n }\n .KMdzJ {\n color: var(--ctp-subtext1);\n }\n .OZ8wsd {\n color: var(--ctp-subtext0);\n }\n .qd9Mkf {\n color: var(--ctp-subtext0);\n }\n .w8qArf {\n color: var(--ctp-text);\n }\n .mDj5wd {\n color: var(--ctp-subtext1);\n }\n .PmPt7d {\n color: var(--ctp-subtext0);\n }\n .SW5pqf {\n color: var(--ctp-blue);\n }\n .naFSC .x3sNcc {\n color: var(--ctp-text);\n }\n .ssJ7i {\n color: var(--ctp-text);\n }\n g-menu:first-child {\n background-color: var(--ctp-base);\n }\n .r9PaP {\n color: var(--ctp-subtext0);\n }\n .r9PaP:hover {\n color: var(--ctp-blue);\n }\n .H1KrKd {\n fill: var(--ctp-subtext0);\n }\n .Ix6LGe {\n background: var(--ctp-base);\n }\n .Hm7Qac:hover,\n .EuKAde {\n background-color: var(--ctp-surface0);\n }\n .cF4V5c:hover g-menu-item:hover a,\n .cF4V5c:hover g-menu-item a:visited,\n .cF4V5c g-menu-item a:hover {\n background-color: var(--ctp-surface0);\n }\n .CSkcDe,\n .related-question-pair div.iDjcJe {\n color: var(--ctp-text);\n }\n .cUnQKe .ILfuVd,\n .cUnQKe .UiGGAb.ILfuVd {\n color: var(--ctp-subtext1);\n }\n .cUnQKe .ILfuVd b {\n background-color: var(--ctp-bluea);\n color: var(--ctp-text);\n }\n .fm06If .ILfuVd,\n .c2xzTb .ILfuVd,\n .Jb0Zif .c2xzTb .ILfuVd {\n color: var(--ctp-text);\n }\n .fm06If .ILfuVd b,\n .c2xzTb .ILfuVd b {\n background-color: var(--ctp-bluea);\n color: var(--ctp-text);\n }\n .gb_Lc a.gb_t,\n .gb_Lc span.gb_t {\n color: var(--ctp-text);\n }\n .gb_Lc .gb_e[aria-expanded=\"true\"] .gb_p,\n .gb_Lc .gb_e[aria-expanded=\"true\"] .gb_De {\n fill: var(--ctp-text);\n }\n .gb_Lc .gb_e[aria-expanded=\"true\"],\n .gb_Lc .gb_e:hover[aria-expanded=\"true\"] {\n background-color: var(--ctp-surface0);\n }\n .jleFbf {\n color: var(--ctp-text);\n }\n .H73aad {\n background: var(--ctp-base);\n border: 1px solid var(--ctp-surface2);\n }\n .H73aad:hover {\n background: var(--ctp-mantle);\n border: 1px solid var(--ctp-surface2);\n }\n .JgfpDb .goedYd {\n color: var(--ctp-text);\n }\n .sMi44c .fxgdke {\n color: var(--ctp-subtext1);\n }\n .sMi44c:hover .fxgdke {\n color: var(--ctp-subtext1);\n }\n .ZYHQ7e {\n color: var(--ctp-subtext0);\n }\n .vI9alf {\n background: var(--ctp-base);\n }\n .ee6GJd .qtwiP {\n background: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface1);\n }\n .ee6GJd .qtwiP:hover {\n background: var(--ctp-base);\n }\n .ee6GJd .DaJEPe {\n color: var(--ctp-text);\n }\n .GLcBOb.cCvmNd .Lj8KXd,\n .GLcBOb.mCRcc .Lj8KXd {\n background-color: var(--ctp-base);\n border-bottom: 1px solid var(--ctp-surface0);\n }\n .YkS8D .N6jJud {\n color: var(--ctp-subtext0);\n }\n .e8eHnd {\n color: var(--ctp-text);\n }\n .Ss2Faf {\n color: var(--ctp-text);\n }\n .IVvPP .cLjAic.WY0eLb,\n .Hwkikb.WY0eLb {\n border-left: 1px solid var(--ctp-surface1);\n }\n .ZFiwCf {\n background-color: var(--ctp-surface0);\n }\n .ZFiwCf:hover {\n background-color: var(--ctp-surface1);\n }\n .LGwnxb {\n color: var(--ctp-text);\n }\n .f3LoEf {\n color: var(--ctp-text);\n }\n .XaIwc {\n color: var(--ctp-subtext0);\n }\n .MsCHpb {\n border-color: var(--ctp-surface1);\n }\n .TQc1id .ss6qqb .mFVw3b,\n .IVvPP .i8qq8b .mFVw3b {\n border-bottom: 1px solid var(--ctp-surface1);\n }\n .zqrO0 .niO4u {\n background-color: var(--ctp-base);\n border: 1px solid var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .zqrO0:hover .niO4u:hover {\n background-color: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface2);\n color: var(--ctp-text);\n }\n .zqrO0.k0Jjg:hover .niO4u,\n .zqrO0.k0Jjg:hover .QuU3Wb {\n color: var(--ctp-text);\n }\n .BP43u {\n color: var(--ctp-subtext0);\n }\n .HTnVHd {\n color: var(--ctp-text);\n }\n .IVvPP .T9EeC:hover .SUgb2e {\n background-color: var(--ctp-surface0);\n }\n .IVvPP .T9EeC:hover div {\n color: var(--ctp-text);\n }\n .IVvPP .SUgb2e {\n border: 1px solid var(--ctp-surface2);\n }\n .zWHLnd {\n border-left: 1px solid var(--ctp-surface1);\n }\n .WY0eLb .wwfboe {\n border-color: var(--ctp-surface1);\n }\n .Z0LcW {\n color: var(--ctp-text);\n }\n .gb_ye {\n background: var(--ctp-mantle);\n color: var(--ctp-text);\n }\n .ZOyvub {\n background-color: var(--ctp-mantle);\n color: var(--ctp-text);\n }\n .RzdJxc {\n border-top: 1px solid var(--ctp-surface2);\n }\n .rKnmn {\n border-top: 1px solid var(--ctp-surface2);\n }\n .H9lube {\n background-color: var(--ctp-base);\n border: 1px solid var(--ctp-surface2);\n }\n .s2TyX.ueVdTc .M7lz2c {\n background: var(--ctp-base);\n }\n .s2TyX.ueVdTc .VDApEc .hecFYc {\n background: var(--ctp-base);\n }\n .YeThId {\n border-top: 1px solid var(--ctp-surface1);\n }\n .e3sOrb {\n background: var(--ctp-base);\n }\n .LXqMce {\n background: var(--ctp-base);\n }\n .mR2gOd {\n background: var(--ctp-base);\n }\n .tgqOk .pTi5ve {\n color: var(--ctp-subtext0);\n }\n .WGwSK {\n color: var(--ctp-text);\n }\n .dAassd {\n background: var(--ctp-base);\n }\n .tgqOk {\n background: var(--ctp-base);\n }\n .YPxNKd {\n background: var(--ctp-surface2);\n }\n .EsIlz {\n border: 1px solid var(--ctp-surface2);\n }\n .EyBRub {\n background: var(--ctp-base);\n }\n [data-ved=\"2ahUKEwjL8ve4wrj-AhXURaQEHVUABOkQ7BZ6BAgMEAA\"] {\n background: var(--ctp-base) !important;\n }\n .LiOdre {\n background-color: var(--ctp-base);\n border-color: var(--ctp-surface1);\n }\n .LiOdre:hover {\n background-color: var(--ctp-mantle);\n border-color: var(--ctp-surface2);\n }\n .LiOdre:focus {\n border-color: var(--ctp-blue);\n }\n .mfsgsd {\n color: var(--ctp-text);\n }\n .GCSyeb {\n background: var(--ctp-surface2);\n }\n .REySof {\n color: var(--ctp-blue) !important;\n }\n .NQyKp {\n color: var(--ctp-blue) !important;\n background: var(--ctp-blue) !important;\n }\n .b0Xfjd {\n color: var(--ctp-base) !important;\n }\n .cfBJGe {\n color: var(--ctp-text);\n }\n .gb_u .gb_t {\n color: var(--ctp-text) !important;\n }\n .qe1Dgc {\n background: var(--ctp-base);\n }\n .appbar {\n background: var(--ctp-base);\n }\n .uais2d {\n background: var(--ctp-surface0);\n }\n .uais2d:hover {\n background: var(--ctp-surface1);\n }\n .uODXEe {\n color: var(--ctp-text);\n }\n .wfg6Pb.P2m1Af {\n color: var(--ctp-subtext0);\n }\n .wwfboe {\n border-top: 1px solid var(--ctp-surface2);\n }\n .mh8jsf {\n color: var(--ctp-blue);\n }\n .JIFdL {\n color: var(--ctp-blue);\n }\n .gm7Ysb {\n color: var(--ctp-text);\n }\n .VjDLd .cLjAic:not(:last-child) .mFVw3b {\n border-bottom: 1px solid var(--ctp-surface2);\n }\n .BBwThe {\n color: var(--ctp-text);\n }\n .KaXEge a {\n color: var(--ctp-blue);\n }\n .FE52Uc {\n color: var(--ctp-blue);\n }\n .fSXkBc {\n color: var(--ctp-blue);\n }\n .qPht6c {\n color: var(--ctp-subtext0);\n }\n .kWTy2b {\n color: var(--ctp-text);\n }\n .UzD4Gd {\n color: var(--ctp-text);\n }\n .mcPPZ.nP0TDe .qk7LXc {\n background: var(--ctp-base) !important;\n }\n .sTZCE {\n border-bottom: 1px solid var(--ctp-surface2) !important;\n }\n .POTWCf {\n border-bottom: 1px solid var(--ctp-surface2) !important;\n }\n .R1smN {\n background: var(--ctp-base);\n }\n .Gfzyee {\n border: 1px solid var(--ctp-surface2);\n }\n .ynRric {\n color: var(--ctp-subtext0);\n }\n .AUiS2 {\n border: 1px solid var(--ctp-surface2);\n }\n .eJ7tvc {\n color: var(--ctp-text);\n }\n .sbhl {\n background: var(--ctp-surface1);\n }\n .j0iFNe .RvdoFd .dsLpHe {\n border-color: var(--ctp-blue);\n }\n .j0iFNe .RvdoFd .wFBC6-LkdAo {\n border-color: var(--ctp-blue);\n }\n .KATfhe:hover {\n background: var(--ctp-mantle);\n box-shadow: -56px 0 var(--ctp-mantle), 24px 0 var(--ctp-mantle), -56px -10px 0 var(--ctp-mantle), 24px -10px 0 var(--ctp-mantle);\n }\n .wFBC6-LkdAo {\n border-color: var(--ctp-text);\n }\n .l7xYUb {\n color: var(--ctp-text);\n }\n .dsLpHe {\n border-color: var(--ctp-text);\n }\n .LZTko:hover {\n background: var(--ctp-mantle);\n box-shadow: -56px 0 var(--ctp-mantle), 24px 0 var(--ctp-mantle), -56px -10px 0 var(--ctp-mantle), 24px -10px 0 var(--ctp-mantle);\n }\n .appbar {\n color: var(--ctp-red);\n }\n .msel,\n .msel a {\n color: var(--ctp-red) !important;\n }\n .mitem a,\n .mitem a:hover {\n color: var(--ctp-text);\n }\n .mitem:hover {\n background: var(--ctp-surface0);\n }\n .UVgjof {\n color: var(--ctp-text);\n }\n .URIeEf {\n color: var(--ctp-subtext0);\n }\n .checkbox-label,\n .jfk-radiobutton-label {\n color: var(--ctp-text);\n }\n .jfk-checkbox {\n background-color: var(--ctp-base);\n border: 1px solid var(--ctp-text);\n }\n .UVgjof .jfk-checkbox-checked {\n background: var(--ctp-text);\n }\n .UVgjof .jfk-radiobutton-checked .jfk-radiobutton:focus .jfk-radiobutton-radio,\n .UVgjof .jfk-checkbox-focused {\n border-color: var(--ctp-blue);\n }\n .UVgjof {\n border-bottom: 1px solid var(--ctp-surface2);\n }\n .UVgjof .goog-slider-horizontal .goog-slider-scale {\n border-color: var(--ctp-surface2);\n }\n .UVgjof .goog-slider-thumb,\n .UVgjof .goog-slider:focus .goog-slider-thumb {\n background: var(--ctp-overlay2);\n border-color: var(--ctp-overlay2);\n }\n og-slider li {\n color: var(--ctp-text);\n }\n .slmarker {\n border-left: 1px solid var(--ctp-surface2);\n }\n .goog-slider li {\n color: var(--ctp-overlay2);\n }\n .sllabel {\n color: var(--ctp-surface2);\n }\n .UVgjof .jfk-radiobutton-radio {\n border-color: var(--ctp-subtext0);\n }\n .UVgjof .jfk-radiobutton-checked .jfk-radiobutton-radio::after {\n background: var(--ctp-text);\n border-color: var(--ctp-text);\n }\n .UyLz9e {\n border-top-color: var(--ctp-blue);\n }\n .rightPane .jfk-button-action {\n background: var(--ctp-blue);\n border-color: var(--ctp-blue);\n color: var(--ctp-base);\n }\n .jfk-button-standard {\n color: var(--ctp-base);\n border: 1px solid var(--ctp-text);\n }\n #form-buttons .jfk-button-standard {\n background: var(--ctp-text) !important;\n }\n #Gm4Vke {\n color: var(--ctp-text);\n }\n .jfk-radiobutton:focus .jfk-radiobutton-radio {\n border-color: var(--ctp-blue) !important;\n }\n .rightPane .jfk-button-action.jfk-button-hover {\n background: var(--ctp-sky);\n }\n .jfk-button-action.jfk-button-hover {\n border: 1px solid var(--ctp-sky);\n }\n .jfk-button-standard.jfk-button-hover,\n .jfk-button-standard.jfk-button-clear-outline.jfk-button-hover {\n border: 1px solid var(--ctp-text);\n color: var(--ctp-base);\n }\n #form-buttons:hover .jfk-button-standard:hover {\n background: var(--ctp-subtext0) !important;\n border: 1px solid var(--ctp-subtext0) !important;\n }\n .jfk-button-standard:focus {\n border: 1px solid var(--ctp-text) !important;\n }\n .Zy0CDe-u014N {\n background-color: var(--ctp-surface2);\n }\n .Zy0CDe-PFprWc {\n background-color: var(--ctp-text);\n }\n .gb_Ia svg,\n .gb_Qc svg,\n .gb_cd .gb_Md,\n .gb_2c .gb_Md {\n color: var(--ctp-text);\n }\n .gb_Lc .gb_Be.gb_Ce button:hover svg,\n .gb_Be button:hover svg,\n .gb_e:hover {\n background-color: var(--ctp-surface0);\n }\n .WdWr7c {\n border-top: 1px solid var(--ctp-surface2);\n }\n .O5OUld {\n color: var(--ctp-subtext0);\n }\n .zP7KFe {\n background: var(--ctp-surface1);\n }\n .sU3bKf {\n color: var(--ctp-text);\n }\n .O5OUld:hover {\n color: var(--ctp-blue);\n }\n .JgfpDb .T3kEIe {\n border-color: var(--ctp-surface2);\n }\n .JgfpDb .AKESWd {\n fill: var(--ctp-text);\n }\n .hDFaN .ZAxeoe {\n fill: var(--ctp-text);\n }\n .JgfpDb .legCh {\n background-color: var(--ctp-sapphirea);\n }\n .JgfpDb .K8E1Be {\n color: var(--ctp-text);\n }\n .n9H6p {\n color: var(--ctp-text);\n }\n .JgfpDb .ZoQenf {\n color: var(--ctp-subtext0);\n }\n .JgfpDb .unDjgb {\n background-color: var(--ctp-surface0);\n }\n .JgfpDb .MkRxHd {\n color: var(--ctp-text);\n }\n .JgfpDb .lAteZd {\n fill: var(--ctp-text);\n }\n .bZeFTe {\n background-color: var(--ctp-surface0);\n border-top: 1px solid var(--ctp-surface2);\n }\n .hDFaN .ZAxeoe:hover {\n background-color: var(--ctp-surface0);\n }\n .hDFaN .StEefb.iWO5td .ZAxeoe {\n background: var(--ctp-surface1);\n }\n .hcC8tf .WEKSHc {\n color: var(--ctp-text);\n }\n .hcC8tf .WEKSHc:hover {\n color: var(--ctp-text);\n }\n .JgfpDb .V2CwNc {\n fill: var(--ctp-text);\n }\n .hcC8tf .InPmOc:hover,\n .hcC8tf .WEKSHc:hover {\n background-color: var(--ctp-surface0);\n }\n body :nth-child(50) {\n border: 1px solid var(--ctp-overlay0) !important;\n background: var(--ctp-crust) !important;\n color: var(--ctp-text) !important;\n }\n body :nth-child(50) div {\n border-color: var(--ctp-subtext1) transparent !important;\n }\n body :nth-child(50) div div {\n border-color: var(--ctp-crust) transparent !important;\n }\n .fDYku,\n .DPLgS {\n background-color: var(--ctp-base);\n }\n .DOGUjb {\n border-top: solid 1px var(--ctp-surface2);\n background-color: var(--ctp-base);\n }\n .fDYku,\n .DPLgS,\n .g3VIld .qRUolc,\n .g3VIld .oJeWuf,\n .g3VIld .Is7Fhb,\n .g3VIld .whsOnd,\n .g3VIld .AxOyFc {\n color: var(--ctp-text) !important;\n background: var(--ctp-base) !important;\n }\n .GxFZed {\n color: var(--ctp-text);\n }\n .hPfsLb {\n background-color: var(--ctp-base);\n border: 1px solid var(--ctp-surface2);\n }\n .cS4Vcb-pGL6qe-lfQAOe {\n color: var(--ctp-text);\n }\n .R6Lfte .Wtw8H.fKz7Od {\n fill: var(--ctp-text) !important;\n color: var(--ctp-text) !important;\n }\n .zDZAFf {\n color: var(--ctp-subtext0);\n }\n .f5p3jb {\n color: var(--ctp-text);\n }\n .QLueyb {\n color: var(--ctp-subtext0);\n }\n .c1AlVc {\n color: var(--ctp-text);\n }\n .LARRVd {\n border-bottom: 1px solid var(--ctp-surface1);\n }\n .Pa2rdc {\n background-color: var(--ctp-base);\n }\n .oab6Ab {\n background: var(--ctp-surface0);\n }\n .zNbBhb {\n color: var(--ctp-text);\n }\n .i29hTd .qLLird {\n color: var(--ctp-text);\n }\n .yxAsKe {\n color: var(--ctp-subtext0);\n }\n .N6Sb2c {\n color: var(--ctp-subtext0);\n }\n .i29hTd .kR7nSc {\n color: var(--ctp-text);\n }\n .zRQJhd {\n background-color: var(--ctp-base);\n }\n .MEdqYd,\n .feqqG {\n background: var(--ctp-surface1);\n color: var(--ctp-text);\n border: 1px solid var(--ctp-surface1);\n }\n .MEdqYd:hover,\n .feqqG:hover {\n background: var(--ctp-surface2);\n color: var(--ctp-text);\n border: 1px solid var(--ctp-surface2);\n }\n .AOvabd,\n .dxp44d {\n background: var(--ctp-surface0);\n border-color: var(--ctp-surface0);\n color: var(--ctp-text);\n }\n .AOvabd:hover,\n .dxp44d:hover {\n background: var(--ctp-surface1);\n border-color: var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .AOvabd:focus,\n .dxp44d:focus {\n background: var(--ctp-surface0);\n border-color: var(--ctp-surface0);\n color: var(--ctp-text);\n }\n .AOvabd:focus:active,\n .dxp44d:focus:active {\n background: var(--ctp-surface0);\n border-color: var(--ctp-surface0);\n color: var(--ctp-text);\n }\n .AOvabd:focus:hover,\n .dxp44d:focus:hover {\n background: var(--ctp-surface1);\n border-color: var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .AOvabd:focus:active:hover,\n .dxp44d:focus:active:hover {\n background: var(--ctp-surface2);\n border-color: var(--ctp-surface2);\n color: var(--ctp-text);\n }\n .MEdqYd:focus,\n .feqqG:focus {\n background: var(--ctp-surface1);\n border-color: var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .MEdqYd:focus:active,\n .feqqG:focus:active {\n background: var(--ctp-overlay0);\n border-color: var(--ctp-overlay0);\n color: var(--ctp-text);\n }\n .MEdqYd:focus:hover,\n .feqqG:focus:hover {\n background: var(--ctp-surface2);\n border-color: var(--ctp-surface2);\n color: var(--ctp-text);\n }\n .MEdqYd:focus:active:hover,\n .feqqG:focus:active:hover {\n background: var(--ctp-overlay0);\n border-color: var(--ctp-overlay0);\n color: var(--ctp-text);\n }\n .UUhRt {\n background: var(--ctp-sapphire);\n border-color: var(--ctp-sapphire);\n }\n .UUhRt:hover {\n background: var(--ctp-sky);\n border-color: var(--ctp-sky);\n }\n .UUhRt:focus:hover {\n background: var(--ctp-sapphire);\n border-color: var(--ctp-sapphire);\n }\n .UUhRt:focus:active {\n background: var(--ctp-sapphire);\n border-color: var(--ctp-sapphire);\n }\n .UUhRt:focus {\n background: var(--ctp-sky);\n border-color: var(--ctp-sky);\n }\n .UUhRt:focus:active:hover {\n background: var(--ctp-sapphire);\n border-color: var(--ctp-sapphire);\n }\n .pno7A.rfUaPd .Tqvz7b,\n .pno7A.hU1rMc .SwDSDf {\n color: var(--ctp-text);\n }\n .pno7A.hU1rMc .Tqvz7b,\n .pno7A.rfUaPd .SwDSDf {\n color: var(--ctp-subtext0);\n }\n .TIGsTb {\n border: 1px solid var(--ctp-surface1);\n }\n .TIGsTb:hover {\n background: var(--ctp-surface1);\n border: 1px solid var(--ctp-surface1);\n }\n .qv3Wpe {\n color: var(--ctp-text);\n }\n .Lm2Tt {\n border-left: 1px solid var(--ctp-text);\n }\n .XH1CIc {\n color: var(--ctp-subtext0);\n }\n .mus_tt20 {\n color: var(--ctp-subtext0);\n }\n .lqyc1.d0jRmd,\n .d0jRmd {\n border: 1px solid var(--ctp-blue);\n }\n .cF4V5c {\n background-color: var(--ctp-crust) !important;\n }\n .GZnQqe.LGiluc {\n border-top-color: var(--ctp-surface2) !important;\n }\n .IDFSOe {\n background-color: var(--ctp-subtext0);\n }\n .nfSF8e,\n .WRhYSc {\n color: var(--ctp-subtext0);\n }\n .nfSF8e:hover,\n .WRhYSc:hover {\n background-color: var(--ctp-surface0);\n color: var(--ctp-subtext0);\n }\n .bSeRjc .fKmH1e {\n color: var(--ctp-subtext0);\n }\n .bSeRjc:hover .fKmH1e {\n background-color: var(--ctp-surface0);\n color: var(--ctp-subtext0);\n }\n .d2IKib {\n color: var(--ctp-red);\n }\n .xaAUmb {\n color: var(--ctp-subtext0);\n }\n .auw0zb,\n .j04ED {\n color: var(--ctp-subtext0);\n }\n .j04ED a,\n .j04ED a:active,\n .j04ED a:link,\n .j04ED a:visited {\n color: var(--ctp-subtext0);\n }\n .KcXNxb {\n background: var(--ctp-base);\n }\n .xlBGCb {\n color: var(--ctp-subtext0);\n }\n .wx62f {\n color: var(--ctp-text);\n }\n .ss6qqb .Jk5Tjc {\n border: 1px solid var(--ctp-surface2);\n }\n .XJa8af a:link,\n .XJa8af a:visited {\n color: var(--ctp-blue);\n }\n .ss6qqb .PKDVJd {\n color: var(--ctp-subtext0);\n }\n #rhs .u7yw9 {\n border-left: 1px solid var(--ctp-surface1);\n }\n .zItAnd,\n .zItAnd:link,\n .zItAnd:visited,\n .zItAnd:hover,\n .zItAnd:active {\n color: var(--ctp-text);\n }\n .zItAnd {\n background-color: var(--ctp-background);\n border: 1px solid var(--ctp-surface1);\n }\n .zItAnd:not(.MgQdud):hover {\n background-color: var(--ctp-surface0);\n border-color: var(--ctp-surface1);\n }\n .NZmxZe {\n background-color: var(--ctp-background);\n border: 1px solid var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .NZmxZe:not(.rQEFy):hover {\n background-color: var(--ctp-surface0);\n border-color: var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .rQEFy:hover {\n background: var(--ctp-bluea);\n color: var(--ctp-blue);\n }\n .fKmH1e {\n background-color: var(--ctp-background);\n border-color: var(--ctp-surface1);\n }\n .fKmH1e:hover {\n background-color: var(--ctp-surface0);\n border-color: var(--ctp-surface1);\n }\n .MgQdud,\n .ip7gnf {\n background-color: var(--ctp-bluea);\n border-color: var(--ctp-bluea);\n color: var(--ctp-blue);\n }\n .MgQdud:hover,\n .ip7gnf:hover {\n background-color: var(--ctp-bluea);\n border-color: var(--ctp-bluea);\n color: var(--ctp-blue);\n }\n g-menu.DWsAYc g-menu-item a.K1yPdf {\n color: var(--ctp-text);\n }\n .nfSF8e.hdtb-tl-sel:hover {\n background-color: var(--ctp-bluea);\n }\n .ssfWCe .ZXJQ7c {\n color: var(--ctp-subtext0);\n }\n .ssfWCe .ZXJQ7c:hover {\n background-color: var(--ctp-surface2);\n color: var(--ctp-text);\n }\n .igM9Le {\n color: var(--ctp-text);\n }\n .GKS7s {\n background: var(--ctp-surface0);\n }\n .wLNyTe {\n background: var(--ctp-base);\n }\n .xNzW0d {\n background: var(--ctp-surface0);\n }\n .lWzCpb.ZEB7Fb {\n background: var(--ctp-surface0);\n }\n .lWzCpb.a61j6 {\n background: var(--ctp-surface0);\n }\n .vLqKYe.egcvbb.q0WxUd {\n background: var(--ctp-surface0);\n }\n .MWvIVe.egcvbb {\n background: var(--ctp-surface0);\n }\n .knowledge-finance-wholepage-chart__hover-card {\n background: var(--ctp-mantle);\n }\n .CR33Se {\n background: var(--ctp-base);\n }\n .rpnBye {\n background: var(--ctp-base);\n }\n .vXQmIe.gsrt {\n background: var(--ctp-surface0);\n }\n .vk_c.card.obcontainer.card-section {\n background: var(--ctp-base);\n }\n .sc5Lhd {\n background: var(--ctp-base);\n }\n .rYVYn.LNn04b.gsrt {\n background: var(--ctp-surface0);\n }\n .NotFQb {\n background: var(--ctp-base);\n }\n .OR9QXc.LNn04b.gsrt {\n background: var(--ctp-surface1);\n }\n .NotFQb {\n background: var(--ctp-base);\n }\n .OR9QXc.LNn04b.gsrt {\n background: var(--ctp-surface1);\n }\n .LX3sZb {\n background-color: var(--ctp-base);\n }\n .gb_Ha.gb_f.gb_8a.gb_j.gb_Fc.gb_Rc {\n background-color: var(--ctp-base) !important;\n }\n .gbqfba.gbqfba-hvr {\n background: var(--ctp-surface0);\n }\n .lnnMGf.Q1bVje {\n background: var(--ctp-surface0);\n }\n .cEY8m {\n background: var(--ctp-base);\n }\n .pkgtHd {\n background: var(--ctp-surface0);\n }\n .gb_id.gb_cd.gb_od.gb_nd {\n background-color: var(--ctp-base);\n }\n .jYcx0e {\n background: var(--ctp-base);\n }\n .lOTAE {\n color: var(--ctp-text);\n }\n .BFlQMb {\n color: var(--ctp-red) !important;\n }\n .m6cn6 {\n background-color: var(--ctp-base) !important;\n }",
"start": 553,
"regexps": [
"^https?://(www\\.|images\\.)?google\\..*"
]
},
{
"code": "body {\n --ctp-rosewater: #f4dbd6;\n --ctp-flamingo: #f0c6c6;\n --ctp-pink: #f5bde6;\n --ctp-mauve: #c6a0f6;\n --ctp-red: #ed8796;\n --ctp-maroon: #ee99a0;\n --ctp-peach: #f5a97f;\n --ctp-yellow: #eed49f;\n --ctp-green: #a6da95;\n --ctp-teal: #8bd5ca;\n --ctp-sky: #91d7e3;\n --ctp-sapphire: #7dc4e4;\n --ctp-blue: #8aadf4;\n --ctp-lavender: #b7bdf8;\n --ctp-rosewatera: rgba(244,219,214,0.25);\n --ctp-flamingoa: rgba(240,198,198,0.25);\n --ctp-pinka: rgba(245,189,230,0.25);\n --ctp-mauvea: rgba(198,160,246,0.25);\n --ctp-reda: rgba(237,135,150,0.25);\n --ctp-maroona: rgba(238,153,160,0.25);\n --ctp-peacha: rgba(245,169,127,0.25);\n --ctp-yellowa: rgba(238,212,159,0.25);\n --ctp-greena: rgba(166,218,149,0.25);\n --ctp-teala: rgba(139,213,202,0.25);\n --ctp-skya: rgba(145,215,227,0.25);\n --ctp-sapphirea: rgba(125,196,228,0.25);\n --ctp-bluea: rgba(138,173,244,0.25);\n --ctp-lavendera: rgba(183,189,248,0.25);\n --ctp-text: #cad3f5;\n --ctp-subtext1: #b8c0e0;\n --ctp-subtext0: #a5adcb;\n --ctp-overlay2: #939ab7;\n --ctp-overlay1: #8087a2;\n --ctp-overlay0: #6e738d;\n --ctp-surface2: #5b6078;\n --ctp-surface1: #494d64;\n --ctp-surface0: #363a4f;\n --ctp-base: #24273a;\n --ctp-mantle: #1e2030;\n --ctp-crust: #181926;\n }\n .aRDKUe .N2ncR {\n background: var(--ctp-mantle);\n }\n .aRDKUe .y5Iqsb {\n background: var(--ctp-crust);\n }\n .aRDKUe .d2yxTb {\n background: var(--ctp-crust);\n }\n .aRDKUe .znj3je {\n color: var(--ctp-text);\n }\n .aRDKUe .Wdz6e.ZnExKf,\n .aRDKUe .Wdz6e {\n color: var(--ctp-subtext0);\n }\n .aRDKUe .zHzpD .RroO5d {\n color: var(--ctp-text);\n }\n .zHzpD .RroO5d {\n border: 1px solid var(--ctp-surface0);\n }\n .aRDKUe .GXg3Le:hover > .uarSJe,\n .aRDKUe .WLjaOb .GXg3Le:focus:hover > .uarSJe,\n .aRDKUe .GXg3Le:focus:hover > .uarSJe,\n .aRDKUe .GXg3Le:focus > .uarSJe,\n .aRDKUe .WLjaOb .GXg3Le:focus > .uarSJe,\n .aRDKUe .GXg3Le:active:focus > .uarSJe,\n .aRDKUe .GXg3Le:active > .uarSJe {\n color: var(--ctp-text);\n }\n .aRDKUe .OtBgcb,\n .aRDKUe .BvDXcd,\n .aRDKUe .zpoCob,\n .aRDKUe .NB6Lnc,\n .aRDKUe .ZnExKf,\n .aRDKUe .znj3je {\n color: var(--ctp-text);\n }\n .wZbsjd {\n fill: var(--ctp-peach);\n }\n .aRDKUe .ziuVxb {\n background: var(--ctp-crust);\n }\n .aRDKUe .ziuVxb .GXg3Le,\n .aRDKUe .ziuVxb .V9opsd {\n border-color: var(--ctp-surface0);\n }\n .aRDKUe .DgDbFe .zpoCob {\n color: var(--ctp-subtext0);\n }\n .aRDKUe .zHzpD .jFfZdd:focus:hover {\n background: var(--ctp-crust);\n }\n .aRDKUe .DgDbFe .OtBgcb {\n color: var(--ctp-subtext0);\n }\n .aRDKUe .T6SHIc {\n border-color: var(--ctp-surface0);\n }\n .aRDKUe .zHzpD .jFfZdd:hover {\n background: var(--ctp-crust);\n }\n .aRDKUe .zHzpD .jFfZdd:active,\n .aRDKUe .zHzpD .jFfZdd:active:focus {\n background: var(--ctp-crust);\n }\n .aRDKUe .zHzpD .RroO5d:hover {\n background: var(--ctp-mantle);\n }\n .aRDKUe .zHzpD .RroO5d:active,\n .aRDKUe .zHzpD .RroO5d:active:focus {\n background: var(--ctp-mantle);\n }\n .aRDKUe .DgDbFe .zpoCob:hover {\n background: var(--ctp-crust);\n }\n .aRDKUe .DgDbFe .zpoCob:active,\n .aRDKUe .DgDbFe .zpoCob:active:focus {\n background: var(--ctp-crust);\n }\n div.nz9sqb.EHzcec {\n background-color: var(--ctp-mantle);\n }\n .nz9sqb .tX9u1b:hover,\n .nz9sqb .tX9u1b:hover .Rq5Gcb {\n background-color: var(--ctp-base);\n }\n .nz9sqb .Rq5Gcb {\n color: var(--ctp-text);\n }\n .nz9sqb .dGrefb {\n border-bottom: 1px solid var(--ctp-surface1);\n }\n .nz9sqb .NQV3m {\n border-color: var(--ctp-surface1);\n color: var(--ctp-blue);\n }\n .nz9sqb .NQV3m:hover {\n background-color: var(--ctp-crust);\n border-color: var(--ctp-surface1);\n }\n .nz9sqb.o07G5 .tX9u1b:active,\n .nz9sqb.o07G5 .tX9u1b:active:focus,\n .nz9sqb.o07G5 .tX9u1b:active .Rq5Gcb,\n .nz9sqb.o07G5 .tX9u1b:active:hover .Rq5Gcb {\n background-color: var(--ctp-surface2);\n }\n .nz9sqb .NQV3m:focus,\n .nz9sqb .NQV3m:hover:focus,\n .nz9sqb .NQV3m:active,\n .nz9sqb .NQV3m:active:focus {\n border-color: var(--ctp-blue);\n }",
"start": 42321,
"regexps": [
"^https?://(ogs\\.)?google\\..*"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name Google Catppuccin\n@namespace github.com/catppuccin/google\n@homepageURL https://github.com/catppuccin/google\n@version 1.2.8\n@description Soothing pastel theme for Google\n@author Catppuccin - mustafakhalaf-git\n@preprocessor stylus\n@updateURL https://github.com/GitMuslim/google/raw/main/src/catppuccin.user.css\n@license MIT\n\n@var select darktheme \"Theme\" [\"Latte\", \"Frappe\", \"Macchiato\", \"Mocha\"]\n==/UserStyle== */\n@-moz-document regexp(\"^https?://(www\\\\.|images\\\\.)?google\\\\..*\") {\n colourscheme(flavour) {\n if (flavour==\"Latte\") {\n --ctp-rosewater: #dc8a78;\n --ctp-flamingo: #dd7878;\n --ctp-pink: #ea76cb;\n --ctp-mauve: #8839ef;\n --ctp-red: #d20f39;\n --ctp-maroon: #e64553;\n --ctp-peach: #fe640b;\n --ctp-yellow: #df8e1d;\n --ctp-green: #40a02b;\n --ctp-teal: #179299;\n --ctp-sky: #04a5e5;\n --ctp-sapphire: #209fb5;\n --ctp-blue: #1e66f5;\n --ctp-lavender: #7287fd;\n --ctp-rosewatera: rgba(220, 138, 120, 0.25);\n --ctp-flamingoa: rgba(221, 120, 120, 0.25);\n --ctp-pinka: rgba(234, 118, 203, 0.25);\n --ctp-mauvea: rgba(136, 57, 239, 0.25);\n --ctp-reda: rgba(210, 15, 57, 0.25);\n --ctp-maroona: rgba(230, 69, 83, 0.25);\n --ctp-peacha: rgba(254, 100, 11, 0.25);\n --ctp-yellowa: rgba(223, 142, 29, 0.25);\n --ctp-greena: rgba(64, 160, 43, 0.25);\n --ctp-teala: rgba(23, 146, 153, 0.25);\n --ctp-skya: rgba(4, 165, 229, 0.25);\n --ctp-sapphirea: rgba(32, 159, 181, 0.25);\n --ctp-bluea: rgba(30, 102, 245, 0.25);\n --ctp-lavendera: rgba(114, 135, 253, 0.25);\n --ctp-text: #4c4f69;\n --ctp-subtext1: #5c5f77;\n --ctp-subtext0: #6c6f85;\n --ctp-overlay2: #7c7f93;\n --ctp-overlay1: #8c8fa1;\n --ctp-overlay0: #9ca0b0;\n --ctp-surface2: #acb0be;\n --ctp-surface1: #bcc0cc;\n --ctp-surface0: #ccd0da;\n --ctp-base: #eff1f5;\n --ctp-mantle: #e6e9ef;\n --ctp-crust: #dce0e8;\n }\n if (flavour==\"Frappe\") {\n --ctp-rosewater: #f2d5cf;\n --ctp-flamingo: #eebebe;\n --ctp-pink: #f4b8e4;\n --ctp-mauve: #ca9ee6;\n --ctp-red: #e78284;\n --ctp-maroon: #ea999c;\n --ctp-peach: #ef9f76;\n --ctp-yellow: #e5c890;\n --ctp-green: #a6d189;\n --ctp-teal: #81c8be;\n --ctp-sky: #99d1db;\n --ctp-sapphire: #85c1dc;\n --ctp-blue: #8caaee;\n --ctp-lavender: #babbf1;\n --ctp-rosewatera: rgba(242, 213, 207, 0.25);\n --ctp-flamingoa: rgba(238, 190, 190, 0.25);\n --ctp-pinka: rgba(244, 184, 228, 0.25);\n --ctp-mauvea: rgba(202, 158, 230, 0.25);\n --ctp-reda: rgba(231, 130, 132, 0.25);\n --ctp-maroona: rgba(234, 153, 156, 0.25);\n --ctp-peacha: rgba(239, 159, 118, 0.25);\n --ctp-yellowa: rgba(229, 200, 144, 0.25);\n --ctp-greena: rgba(166, 209, 137, 0.25);\n --ctp-teala: rgba(129, 200, 190, 0.25);\n --ctp-skya: rgba(153, 209, 219, 0.25);\n --ctp-sapphirea: rgba(133, 193, 220, 0.25);\n --ctp-bluea: rgba(140, 170, 238, 0.25);\n --ctp-lavendera: rgba(186, 187, 241, 0.25);\n --ctp-text: #c6d0f5;\n --ctp-subtext1: #b5bfe2;\n --ctp-subtext0: #a5adce;\n --ctp-overlay2: #949cbb;\n --ctp-overlay1: #838ba7;\n --ctp-overlay0: #737994;\n --ctp-surface2: #626880;\n --ctp-surface1: #51576d;\n --ctp-surface0: #414559;\n --ctp-base: #303446;\n --ctp-mantle: #292c3c;\n --ctp-crust: #232634;\n }\n if (flavour==\"Macchiato\") {\n --ctp-rosewater: #f4dbd6;\n --ctp-flamingo: #f0c6c6;\n --ctp-pink: #f5bde6;\n --ctp-mauve: #c6a0f6;\n --ctp-red: #ed8796;\n --ctp-maroon: #ee99a0;\n --ctp-peach: #f5a97f;\n --ctp-yellow: #eed49f;\n --ctp-green: #a6da95;\n --ctp-teal: #8bd5ca;\n --ctp-sky: #91d7e3;\n --ctp-sapphire: #7dc4e4;\n --ctp-blue: #8aadf4;\n --ctp-lavender: #b7bdf8;\n --ctp-rosewatera: rgba(244, 219, 214, 0.25);\n --ctp-flamingoa: rgba(240, 198, 198, 0.25);\n --ctp-pinka: rgba(245, 189, 230, 0.25);\n --ctp-mauvea: rgba(198, 160, 246, 0.25);\n --ctp-reda: rgba(237, 135, 150, 0.25);\n --ctp-maroona: rgba(238, 153, 160, 0.25);\n --ctp-peacha: rgba(245, 169, 127, 0.25);\n --ctp-yellowa: rgba(238, 212, 159, 0.25);\n --ctp-greena: rgba(166, 218, 149, 0.25);\n --ctp-teala: rgba(139, 213, 202, 0.25);\n --ctp-skya: rgba(145, 215, 227, 0.25);\n --ctp-sapphirea: rgba(125, 196, 228, 0.25);\n --ctp-bluea: rgba(138, 173, 244, 0.25);\n --ctp-lavendera: rgba(183, 189, 248, 0.25);\n --ctp-text: #cad3f5;\n --ctp-subtext1: #b8c0e0;\n --ctp-subtext0: #a5adcb;\n --ctp-overlay2: #939ab7;\n --ctp-overlay1: #8087a2;\n --ctp-overlay0: #6e738d;\n --ctp-surface2: #5b6078;\n --ctp-surface1: #494d64;\n --ctp-surface0: #363a4f;\n --ctp-base: #24273a;\n --ctp-mantle: #1e2030;\n --ctp-crust: #181926;\n }\n if (flavour==\"Mocha\") {\n --ctp-rosewater: #f5e0dc;\n --ctp-flamingo: #f2cdcd;\n --ctp-pink: #f5c2e7;\n --ctp-mauve: #cba6f7;\n --ctp-red: #f38ba8;\n --ctp-maroon: #eba0ac;\n --ctp-peach: #fab387;\n --ctp-yellow: #f9e2af;\n --ctp-green: #a6e3a1;\n --ctp-teal: #94e2d5;\n --ctp-sky: #89dceb;\n --ctp-sapphire: #74c7ec;\n --ctp-blue: #89b4fa;\n --ctp-lavender: #b4befe;\n --ctp-rosewatera: rgba(245, 224, 220, 0.25);\n --ctp-flamingoa: rgba(242, 205, 205, 0.25);\n --ctp-pinka: rgba(245, 194, 231, 0.25);\n --ctp-mauvea: rgba(203, 166, 247, 0.25);\n --ctp-reda: rgba(243, 139, 168, 0.25);\n --ctp-maroona: rgba(235, 160, 172, 0.25);\n --ctp-peacha: rgba(250, 179, 135, 0.25);\n --ctp-yellowa: rgba(249, 226, 175, 0.25);\n --ctp-greena: rgba(166, 227, 161, 0.25);\n --ctp-teala: rgba(148, 226, 213, 0.25);\n --ctp-skya: rgba(137, 220, 235, 0.25);\n --ctp-sapphirea: rgba(116, 199, 236, 0.25);\n --ctp-bluea: rgba(137, 180, 250, 0.25);\n --ctp-lavendera: rgba(180, 190, 254, 0.25);\n --ctp-text: #cdd6f4;\n --ctp-subtext1: #bac2de;\n --ctp-subtext0: #a6adc8;\n --ctp-overlay2: #9399b2;\n --ctp-overlay1: #7f849c;\n --ctp-overlay0: #6c7086;\n --ctp-surface2: #585b70;\n --ctp-surface1: #45475a;\n --ctp-surface0: #313244;\n --ctp-base: #1e1e2e;\n --ctp-mantle: #181825;\n --ctp-crust: #11111b;\n }\n }\n \n body {\n if (darktheme==\"Latte\") { colourscheme(Latte) }\n if (darktheme==\"Frappe\") { colourscheme(Frappe) }\n if (darktheme==\"Macchiato\") { colourscheme(Macchiato) }\n if (darktheme==\"Mocha\") { colourscheme(Mocha) }\n }\n /*.aRDKUe.Lvwayc {\n background: transparent !important;\n }*/\n body.srp:not(.uOat3d), body:not(.uOat3d) {\n background: var(--ctp-base);\n }\n .MUxGbd {\n background: var(--ctp-base);\n }\n .yuRUbf {\n background-color: var(--ctp-base);\n }\n .WE0UJf {\n background-color: var(--ctp-base);\n }\n .HiHjCd {\n background-color: var(--ctp-base);\n }\n .sfbg {\n background-color: var(--ctp-base);\n }\n .yg51vc {\n background-color: var(--ctp-base);\n }\n .RNNXgb {\n background: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface1);\n }\n .QCzoEc {\n color: var(--ctp-overlay2);\n }\n .RNNXgb:hover, .sbfc .RNNXgb {\n background-color: var(--ctp-surface0);\n }\n .emcav .RNNXgb {\n background: var(--ctp-surface0);\n }\n .aajZCb {\n background: var(--ctp-surface0);\n }\n html .dG2XIf .xpdbox .yc7KLc {\n background-color: var(--ctp-base);\n }\n .MXl0lf {\n background: var(--ctp-surface0);\n }\n .MXl0lf:hover {\n background: var(--ctp-surface1);\n }\n .mIKy0c.dGWpb {\n background-color: var(--ctp-base);\n }\n .dw-sb-cont .dw-sbi {\n background: var(--ctp-base);\n }\n .dw-sb-cont .dw-sb-btn {\n background: var(--ctp-base);\n }\n .JG3t0b {\n background-color: var(--ctp-base);\n }\n .JG3t0b:hover {\n background-color: var(--ctp-surface0);\n }\n .minidiv .sfbg {\n background: var(--ctp-surface0);\n }\n .minidiv .RNNXgb {\n background: var(--ctp-surface0);\n }\n .mQo3nc {\n background-color: var(--ctp-surface0);\n }\n #SIvCob {\n color: var(--ctp-text);\n }\n .uU7dJb {\n border-bottom: 1px solid var(--ctp-surface0);\n background-color: var(--ctp-mantle);\n color: var(--ctp-subtext1);\n }\n .pHiOh, a.pHiOh {\n color: var(--ctp-subtext1);\n }\n .gb_Ic a.gb_p, .gb_Ic span.gb_p {\n color: var(--ctp-text);\n }\n .gb_Ic svg, .gb_Nc.gb_Rc svg, .gb_Ic .gb_9c .gb_be, .gb_Ic .gb_9c .gb_Hc, .gb_Ic .gb_9c .gb_bd, .gb_Nc.gb_Rc .gb_be {\n color: var(--ctp-text);\n }\n .KxwPGc {\n background-color: var(--ctp-mantle);\n }\n .lJ9FBc input[type=\"submit\"] {\n color: var(--ctp-text);\n background-color: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface1);\n }\n .lJ9FBc input[type=\"submit\"]:hover {\n background-color: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface2);\n color: var(--ctp-text);\n }\n .Z26q7c {\n background-color: var(--ctp-base);\n }\n .k8XOCe {\n background-color: var(--ctp-surface0);\n }\n .f6F9Be {\n background: var(--ctp-mantle);\n }\n .ZkkK1e {\n background: var(--ctp-base);\n }\n .ZkkK1e:hover {\n background: var(--ctp-surface0);\n }\n .LGOjhe {\n background-color: var(--ctp-base);\n }\n .I6TXqe {\n background: var(--ctp-base);\n }\n .NtaMpb .niO4u {\n background-color: var(--ctp-base);\n }\n .s8GCU {\n background: var(--ctp-base);\n }\n .Lj9fsd {\n background: var(--ctp-base);\n }\n .jZWadf {\n background: var(--ctp-base);\n }\n .o6juZc {\n background-color: var(--ctp-surface0);\n }\n .o6juZc:hover {\n background-color: var(--ctp-surface0);\n }\n .W6pGoe {\n background: var(--ctp-surface0);\n }\n .IZ6rdc {\n background-color: var(--ctp-base);\n }\n .sbct:hover {\n background-color: var(--ctp-surface1);\n }\n .dG2XIf {\n background: var(--ctp-base);\n }\n .JgfpDb.cZEg1e, .JgfpDb .cZEg1e {\n background-color: var(--ctp-mantle);\n }\n .Lj9fsd.DU1Mzb {\n background-color: var(--ctp-surface0);\n }\n .gb_Ia:not(.gb_n) {\n background-color: var(--ctp-base) !important;\n }\n a {\n color: var(--ctp-blue);\n }\n .KLEmSd {\n background-color: var(--ctp-surface1);\n }\n .akqY6 {\n background: var(--ctp-surface1);\n }\n .pb5vrc {\n background-color: var(--ctp-surface1);\n }\n .zgAlFc {\n color: var(--ctp-blue);\n }\n .xtSCL {\n border-top: 1px solid var(--ctp-surface2);\n }\n .GLcBOb {\n border-bottom: 1px solid var(--ctp-surface1);\n }\n .fLciMb {\n color: var(--ctp-text);\n }\n .hdtb-mitem a {\n color: var(--ctp-subtext0);\n }\n .hdtb-mitem .GOE98c, .hdtb-mitem a, .hdtb-mitem.hdtb-msel, .t2vtad {\n color: var(--ctp-subtext0);\n }\n .t2vtad:not(.hdtb-tl-sel) {\n color: var(--ctp-subtext0);\n }\n .t2vtad:not(.hdtb-tl-sel):hover {\n background-color: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface1);\n color: var(--ctp-text)\n }\n .ACRAdd {\n border-left: 1px solid var(--ctp-overlay0);\n }\n .ExCKkf {\n color: var(--ctp-subtext0);\n }\n .ynAwRc {\n color: var(--ctp-blue);\n }\n #rhs .dG2XIf {\n border: 1px solid var(--ctp-surface1);\n }\n .y8Jpof.pPLc9e.kpQuGf {\n border-top: 1px solid var(--ctp-surface1);\n }\n .minidiv .RNNXgb {\n border: 1px solid var(--ctp-overlay0);\n }\n .ZZ7G7b {\n border: 1px solid var(--ctp-surface1);\n }\n .cEPPT {\n border-bottom: solid 1px var(--ctp-surface1);\n margin-bottom: 11px;\n }\n .gb_Jc a.gb_q, .gb_Jc span.gb_q {\n color: var(--ctp-text);\n }\n .gb_Jc svg, .gb_Oc.gb_Sc svg, .gb_Jc .gb_ad .gb_Ld, .gb_Jc .gb_ad .gb_Ic, .gb_Jc .gb_ad .gb_cd, .gb_Oc.gb_Sc .gb_Ld {\n color: var(--ctp-text);\n }\n .DKV0Md {\n color: var(--ctp-blue);\n }\n .NJLBac {\n color: var(--ctp-blue);\n }\n .yXK7lf em {\n color: var(--ctp-text);\n }\n .yDYNvb.lyLwlc {\n color: var(--ctp-text);\n }\n .hb8SAc {\n color: var(--ctp-text);\n }\n .kno-ecr-pt {\n color: var(--ctp-text);\n }\n .wwUB2c {\n color: var(--ctp-subtext0);\n }\n .TQc1id .I6TXqe {\n border: 1px solid var(--ctp-surface2);\n }\n .HsZQAe {\n border-bottom: 1px solid var(--ctp-surface2) !important;\n }\n .NtaMpb .niO4u {\n color: var(--ctp-text);\n }\n a.EbH0bb {\n color: var(--ctp-subtext0);\n }\n .Ss2Faf a {\n color: var(--ctp-text);\n }\n .kno-ftr.rpBMYb {\n color: var(--ctp-subtext0);\n }\n .S8ee5.CwbYXd {\n color: var(--ctp-text);\n }\n .rhHIGd {\n background-color: var(--ctp-surface2);\n }\n .S8ee5.CwbYXd {\n color: var(--ctp-text);\n }\n .S8ee5 {\n background: var(--ctp-surface0);\n }\n .S8ee5:hover {\n background: var(--ctp-surface1);\n }\n .p8VO6e {\n color: var(--ctp-text);\n }\n .YTDezd {\n background: var(--ctp-blue);\n }\n .NZmxZe:hover {\n color: var(--ctp-blue);\n }\n .rQEFy {\n color: var(--ctp-blue);\n border-bottom: 3px solid var(--ctp-blue);\n }\n .hdtb-mitem.hdtb-msel {\n color: var(--ctp-blue);\n }\n .hdtb-mitem:hover .GOE98c:hover, .hdtb-mitem:hover a, .hdtb-mitem.hdtb-msel, .t2vtad:hover {\n color: var(--ctp-blue);\n }\n .cF4V5c {\n background-color: var(--ctp-base);\n }\n .cF4V5c g-menu-item a, .cF4V5c g-menu-item a:visited, .cF4V5c g-menu-item a:hover {\n color: var(--ctp-text);\n }\n .hdtb-tl-sel {\n border: 1px solid var(--ctp-surface2);\n background: var(--ctp-surface0);\n color: var(--ctp-text);\n }\n .hdtb-tl-sel:focus {\n border: 1px solid var(--ctp-surface2);\n background: var(--ctp-surface0);\n color: var(--ctp-blue);\n }\n .VvrH3b {\n background: var(--ctp-base);\n border: 1px solid var(--ctp-surface2);;\n }\n .VvrH3b:hover {\n background: var(--ctp-mantle);\n }\n .VvrH3b:focus {\n background: var(--ctp-base); \n }\n .x9emld {\n color: var(--ctp-text);\n }\n .VvrH3b:active {\n background: var(--ctp-base);\n }\n .iRPzcb {\n border-bottom: 1px solid var(--ctp-surface1);\n }\n .RES9jf {\n color: var(--ctp-text);\n }\n .xTFaxe {\n color: var(--ctp-text);\n }\n .Jb0Zif .UiGGAb.ILfuVd, .ILfuVd {\n color: var(--ctp-text);\n }\n .eqAnXb {\n color: var(--ctp-text);\n }\n .gLFyf {\n color: var(--ctp-text);\n }\n .J2MhIb .JCzEY {\n color: var(--ctp-text);\n }\n .rsGxI.Ww4FFb, .Ww4FFb {\n background-color: var(--ctp-base);\n }\n #tw-target {\n background-color: var(--ctp-surface0);\n }\n #tw-source-text-container .tw-ta, #tw-source-rmn-container .tw-ta {\n color: var(--ctp-text);\n }\n .tw-data-placeholder {\n color: var(--ctp-text);\n }\n .j1iyq {\n border: 1px solid var(--ctp-surface2);\n }\n .tw-menu-btn.tw-menu-btn-disabled {\n color: var(--ctp-surface1);\n }\n .hhB0V {\n color: var(--ctp-blue);\n }\n .KFFQ0c .YfftMc, .KFFQ0c .YfftMc span, .KFFQ0c .YfftMc div, .KFFQ0c .YfftMc a {\n color: var(--ctp-subtext0);\n }\n .usJj9c .zz3gNc {\n color: var(--ctp-text);\n }\n a:visited {\n color: var(--ctp-pink);\n }\n .VuuXrf {\n color: var(--ctp-text);\n }\n .HSryR a.B1uW2d {\n border-bottom: 1px solid var(--ctp-surface2);\n }\n .psXvZ {\n color: var(--ctp-subtext0);\n }\n .LHJvCe {\n color: var(--ctp-subtext0);\n }\n .w8qArf .fl {\n color: var(--ctp-text) !important;\n }\n .z8gr9e {\n color: var(--ctp-text);\n }\n if (darktheme==\"Latte\") {\n .jfN4p {\n filter: grayscale(1) invert(1);\n }\n .lnXdpd {\n filter: grayscale(1) invert(1);\n }\n .gb_Lc .gb_cd .gb_Jc:not(.gb_Nd) {\n filter: grayscale(1) invert(1);\n }\n }\n .pdpvld {\n color: var(--ctp-green);\n }\n cite, cite a:link, cite a:visited {\n color: var(--ctp-subtext0);\n }\n .c07z9 {\n color: var(--ctp-subtext0);\n }\n .c8d6zd {\n color: var(--ctp-test);\n }\n .I6a0ee {\n background-color: var(--ctp-base);\n border: 1px solid var(--ctp-surface2);\n }\n .I6a0ee:hover {\n background-color: var(--ctp-mantle);\n border: 1px solid var(--ctp-surface2);\n }\n .I6a0ee:focus {\n background-color: var(--ctp-crust);\n border: 1px solid var(--ctp-surface2);\n }\n .cO53qb {\n color: var(--ctp-text) !important;\n background-color: var(--ctp-surface2);\n border: 1px solid var(--ctp-crust);\n }\n .URgIvb {\n border-color: var(--ctp-blue);\n background-color: var(--ctp-blue);\n }\n .ubHt5c {\n color: var(--ctp-subtext0);\n }\n .YrbPuc {\n color: var(--ctp-subtext1);\n }\n .jEdCLc {\n color: var(--ctp-text);\n }\n a.oBa0Fe {\n color: var(--ctp-subtext0);\n }\n .c07z9 a, .c07z9 a:active, .c07z9 a:link {\n color: var(--ctp-text);\n }\n .hdtb-mn-hd {\n color: var(--ctp-subtext0);\n }\n .hdtb-mn-hd:hover {\n color: var(--ctp-text);\n }\n .hdtb-mn-hd .gTl8xb {\n border-color: var(--ctp-subtext0) transparent;\n }\n .hdtb-mn-hd:hover .gTl8xb:hover {\n border-color: var(--ctp-text) transparent;\n }\n .YbqTTb {\n background-color: var(--ctp-base);\n color: var(--ctp-text);\n }\n .JCHpcb {\n color: var(--ctp-subtext0);\n }\n .JCHpcb:hover {\n color: var(--ctp-blue);\n }\n .WggQGd {\n color: var(--ctp-mauve) !important;\n }\n .pHiOh, a.pHiOh {\n color: var(--ctp-subtext1) !important;\n }\n .wM6W7d {\n color: var(--ctp-text);\n }\n .ClJ9Yb {\n color: var(--ctp-subtext1);\n }\n .GI74Re {\n color: var(--ctp-subtext0);\n }\n .ZE0LJd {\n color: var(--ctp-subtext1);\n }\n .NUnG9d {\n color: var(--ctp-text);\n }\n if (darktheme==\"Latte\") {\n .SJajHc {\n filter: grayscale(1) invert(1);\n }\n }\n .AaVjTc a:link {\n color: var(--ctp-blue);\n }\n .YyVfkd {\n color: var(--ctp-subtext0);\n }\n .b0KoTc {\n color: var(--ctp-text);\n }\n .dfB0uf {\n color: var(--ctp-text);\n }\n .unknown_loc {\n background: var(--ctp-text);\n }\n .KwU3F {\n color: var(--ctp-blue);\n }\n .xSQxL {\n color: var(--ctp-blue);\n }\n .smiUbb {\n color: var(--ctp-text);\n }\n .fbar a {\n color: var(--ctp-subtext1);\n }\n .f6F9Be {\n border-top: 1px solid var(--ctp-surface0);\n }\n .b2hzT {\n border-bottom: 1px solid var(--ctp-surface0);\n }\n #swml {\n border-left: 1px solid var(--ctp-surface0);\n }\n .ZkkK1e {\n border: 1px solid var(--ctp-crust);\n }\n .ZkkK1e:hover, .xaNsfc:focus .ZkkK1e, a:focus .ZkkK1e, .xaNsfc:active .ZkkK1e, a:active .ZkkK1e, .ZkkK1e:focus, .ZkkK1e:active {\n color: var(--ctp-text);\n }\n .ZkkK1e.ZkkK1e {\n color: var(--ctp-text);\n }\n .AGLhIc {\n border: 1px solid var(--ctp-crust);\n color: var(--ctp-text);\n }\n .AGLhIc:hover {\n background: var(--ctp-surface0);\n }\n .IK8sod {\n background: var(--ctp-surface0);\n border: 1px solid var(--ctp-crust);\n color: var(--ctp-text);\n }\n .IK8sod:hover {\n background: var(--ctp-surface1);\n }\n .ZkkK1e[selected] {\n color: var(--ctp-base);\n border-color: var(--ctp-sapphire);\n background: var(--ctp-blue);\n }\n .ZkkK1e[selected]:hover {\n color: var(--ctp-base);\n border-color: var(--ctp-sapphire);\n background: var(--ctp-sapphire);\n }\n .Uroaid {\n color: var(--ctp-subtext0);\n }\n .P7xzyf {\n color: var(--ctp-subtext1);\n }\n .Zg1NU {\n color: var(--ctp-subtext0);\n }\n .dyjrff {\n color: var(--ctp-subtext1);\n }\n .s75CSd {\n color: var(--ctp-text);\n }\n .GZnQqe .YpcDnf {\n color: var(--ctp-subtext0);\n }\n .GZnQqe:hover .YpcDnf:hover {\n background: var(--ctp-surface0);\n }\n .gb_Jc .gb_ze button:hover svg, .gb_Jc .gb_e:hover {\n background-color: var(--ctp-surface0);\n }\n .fLciMb:hover {\n background-color: var(--ctp-surface0);\n }\n .CbAZb {\n background: var(--ctp-base);\n border-bottom: 1px solid var(--ctp-surface0);\n }\n a.tGS0Nc {\n color: var(--ctp-blue);\n }\n a.tGS0Nc:hover {\n background-color: var(--ctp-mantle);\n color: var(--ctp-blue);\n }\n .S8wJ3 {\n color: var(--ctp-text);\n }\n .bepeF {\n color: var(--ctp-text);\n }\n .kwWBYc {\n color: var(--ctp-text);\n }\n .rBrJud {\n background-color: var(--ctp-text);\n }\n .SknMB, .SknMB:visited {\n color: var(--ctp-blue);\n }\n a.W2x9Sc, a:visited.W2x9Sc {\n color: var(--ctp-blue);\n }\n .j0iFNe .kaAgDc, .j0iFNe .RvdoFd .wT0tpe, .j0iFNe .r0zAxe .wT0tpe {\n background-color: var(--ctp-blue);\n }\n .uWNHce {\n color: var(--ctp-text);\n }\n .ZI7elf {\n color: var(--ctp-text);\n }\n .rhJQGd {\n color: var(--ctp-subtext0);\n }\n .z1asCe {\n color: var(--ctp-text) !important;\n fill: var(--ctp-text); !important;\n }\n .l7xYUb {\n color: var(--ctp-text);\n }\n .fmxhfc {\n color: var(--ctp-subtext0);\n }\n .tGS0Nc {\n border: 1px solid var(--ctp-surface2);\n }\n .m0uvVb {\n border-top: 1px solid var(--ctp-surface2);\n }\n .ITNV1 {\n background-color: var(--ctp-surface2);\n }\n .UsN2ld:not(.bjIqib) .a9oE3e:checked ~ .ITNV1, .UsN2ld:not(.bjIqib) .a9oE3e:checked ~ .rBrJud {\n background-color: var(--ctp-blue);\n }\n .kQEH5b {\n color: var(--ctp-subtext1) !important;\n }\n .q0yked a:hover {\n background: var(--ctp-mantle);\n }\n .Oz5Rbb:hover {\n background: var(--ctp-mantle);\n }\n .ea0Lbe {\n background: var(--ctp-surface0);\n }\n .f6GA0, .CacfB, .Ua7Yuf {\n background: var(--ctp-base);\n }\n .DV7the {\n color: var(--ctp-blue);\n }\n .ZeVBtc {\n color: var(--ctp-subtext0);\n }\n .cB9M7 {\n background-color: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .cB9M7:focus {\n border: 1px solid var(--ctp-blue);\n }\n .Qwbd3 {\n background: var(--ctp-surface0);\n color: var(--ctp-text);\n border: 1px solid var(--ctp-surface1);\n }\n .Qwbd3:hover {\n background: var(--ctp-surface1);\n border: 1px solid var(--ctp-surface2);\n }\n .ArIAXb {\n fill: var(--ctp-surface0);\n }\n .qOFLsb {\n fill: var(--ctp-surface0);\n }\n .aHK1bd {\n color: var(--ctp-subtext0);\n }\n .diOlIe {\n border-top: 1px solid var(--ctp-overlay0);\n }\n .p4pvTd {\n color: var(--ctp-text);\n }\n title-with-lhs-icon .ekf0x h3 {\n color: var(--ctp-text);\n }\n title-with-lhs-icon:hover .ekf0x h3 {\n color: var(--ctp-blue);\n }\n title-with-lhs-icon .hSQtef.ekf0x {\n color: var(--ctp-text);\n }\n title-with-lhs-icon:hover .hSQtef.ekf0x {\n color: var(--ctp-blue);\n }\n .iJddsb {\n color: var(--ctp-text);\n }\n .gbZSUe {\n color: var(--ctp-text);\n }\n .gbZSUe:hover, .gbZSUe:active {\n background: var(--ctp-surface0);\n }\n .og3lId {\n color: var(--ctp-text);\n }\n .XZ5MVe {\n color: var(--ctp-blue);\n }\n .bm5DV {\n color: var(--ctp-text);\n }\n .TGGJzf {\n background: var(--ctp-base);\n }\n .fnuYjf {\n color: var(--ctp-text);\n }\n .KiRIme {\n border: 1px solid var(--ctp-surface1);\n color: var(--ctp-blue);\n }\n .YJaHLd:hover, .KiRIme:hover {\n background-color: var(--ctp-mantle);\n }\n .ib7Umb {\n color: var(--ctp-subtext0);\n }\n .w8NsKc {\n color: var(--ctp-text);\n }\n g-inner-card {\n background-color: var(--ctp-base);\n }\n g-inner-card a:hover {\n background-color: unset !important;\n }\n .kLhEKe {\n background-color: var(--ctp-base);\n }\n .Lj9fsd.DU1Mzb .o6juZc {\n border: 1px solid var(--ctp-overlay0);\n }\n .dyAbMb {\n fill: var(--ctp-subtext0);\n }\n .cEW58 {\n background-color: var(--ctp-surface0);\n }\n .eadHV.Ses7yd {\n color: var(--ctp-text);\n }\n .gb_Lc svg, .gb_Qc.gb_Uc svg, .gb_Lc .gb_cd .gb_Md, .gb_Lc .gb_cd .gb_Kc, .gb_Lc .gb_cd .gb_ed, .gb_Qc.gb_Uc .gb_Md {\n color: var(--ctp-text);\n }\n .f {\n color: var(--ctp-subtext0);\n }\n a.Ndm45b {\n color: var(--ctp-subtext0);\n }\n a.Ndm45b:hover {\n color: var(--ctp-blue);\n }\n .wdQNof {\n border: 1px solid var(--ctp-surface2);\n }\n .OvQkSb {\n //background-color: var(--ctp-blue) !important;\n color: var(--ctp-text) !important;\n }\n .x2GJWb .QuU3Wb {\n color: var(--ctp-text);\n }\n .x2GJWb .niO4u {\n background-color: var(--ctp-mantle);\n color: var(--ctp-text);\n }\n .VNSPub {\n color: var(--ctp-text);\n }\n .cmlJmd {\n color: var(--ctp-subtext1);\n }\n .ETWPw {\n border: 1px solid var(--ctp-overlay0);\n }\n .mjudZe {\n color: var(--ctp-text);\n }\n .mjudZe {\n border: 1px solid var(--ctp-surface2);\n }\n .PyJv1b {\n color: var(--ctp-text);\n }\n .kqEaA {\n color: var(--ctp-text);\n }\n .BklRsd {\n background-color: var(--ctp-base);\n border: 1px solid var(--ctp-overlay0);\n }\n .FpiMuf {\n color: var(--ctp-text);\n }\n .phWb1b {\n color: var(--ctp-subtext1);\n }\n .FzCfme {\n color: var(--ctp-subtext0);\n }\n .hMJ0yc {\n color: var(--ctp-subtext0);\n }\n .WZ8Tjf {\n color: var(--ctp-subtext0);\n }\n .gb_Lc .gb_Be button:hover svg, .gb_Lc .gb_e:hover {\n background-color: var(--ctp-surface0);\n }\n .Zy0CDe-PFprWc {\n background-color: var(--ctp-blue);\n }\n .Jq6Y2d {\n color: var(--ctp-text);\n }\n .E6xiJd {\n color: var(--ctp-text);\n }\n .mwlpue {\n color: var(--ctp-text);\n }\n .UpJaQ {\n border-top: 1px solid var(--ctp-surface2);\n }\n .IsOZic, .IsOZic:visited {\n color: var(--ctp-blue);\n }\n .qSu5 {\n color: var(--ctp-blue);\n }\n .j0iFNe .athwOc-LkdAo, .j0iFNe .RvdoFd .CV4hA-LkdAo, .j0iFNe .r0zAxe .CV4hA-LkdAo {\n background-color: var(--ctp-blue);\n }\n .V7LiHf {\n color: var(--ctp-subtext1) !important;\n }\n .u0wZ6e {\n color: var(--ctp-text);\n }\n .KhmqTd {\n color: var(--ctp-subtext0);\n }\n .SPmIAf {\n color: var(--ctp-subtext0);\n }\n .SPmIAf:hover {\n color: var(--ctp-text);\n }\n .w6PoOe {\n color: var(--ctp-subtext0);\n }\n .w6PoOe:hover {\n color: var(--ctp-text);\n }\n .KA8Jyb {\n fill: var(--ctp-subtext0);\n }\n .qcTKEe {\n background-color: var(--ctp-base);\n }\n .ooPrBf {\n background: var(--ctp-base);\n }\n .PNyWAd {\n color: var(--ctp-subtext0);\n }\n .ZXJQ7c:hover {\n background-color: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .XD1Bsc:focus {\n border: 1px solid var(--ctp-surface2);\n background: var(--ctp-surface0);\n color: var(--ctp-blue);\n }\n .NZmxZe {\n color: var(--ctp-subtext0);\n }\n .NZmxZe:hover {\n color: var(--ctp-blue);\n }\n .rQEFy {\n color: var(--ctp-blue);\n }\n .ZZ7G7b {\n color: var(--ctp-text);\n }\n .xk611b {\n background: var(--ctp-base);\n }\n .JNkvid .HnYYW {\n color: var(--ctp-text);\n }\n .iAIpCb {\n color: var(--ctp-subtext0);\n }\n .KMdzJ {\n color: var(--ctp-subtext1);\n }\n .OZ8wsd {\n color: var(--ctp-subtext0);\n }\n .qd9Mkf {\n color: var(--ctp-subtext0);\n }\n .w8qArf {\n color: var(--ctp-text);\n }\n .mDj5wd {\n color: var(--ctp-subtext1);\n }\n .PmPt7d {\n color: var(--ctp-subtext0);\n }\n .SW5pqf {\n color: var(--ctp-blue);\n }\n .naFSC .x3sNcc {\n color: var(--ctp-text);\n }\n .ssJ7i {\n color: var(--ctp-text);\n }\n if (darktheme==\"Latte\") {\n svg.TYpZOd {\n filter: grayscale(1) invert(1);\n } \n }\n g-menu:first-child {\n background-color: var(--ctp-base);\n }\n .r9PaP {\n color: var(--ctp-subtext0);\n }\n .r9PaP:hover {\n color: var(--ctp-blue);\n }\n .H1KrKd {\n fill: var(--ctp-subtext0);\n }\n .Ix6LGe {\n background: var(--ctp-base);\n }\n .Hm7Qac:hover, .EuKAde {\n background-color: var(--ctp-surface0);\n }\n .cF4V5c:hover g-menu-item:hover a, .cF4V5c:hover g-menu-item a:visited, .cF4V5c g-menu-item a:hover {\n background-color: var(--ctp-surface0);\n }\n .CSkcDe, .related-question-pair div.iDjcJe {\n color: var(--ctp-text);\n }\n .cUnQKe .ILfuVd, .cUnQKe .UiGGAb.ILfuVd {\n color: var(--ctp-subtext1);\n }\n .cUnQKe .ILfuVd b {\n background-color: var(--ctp-bluea);\n color: var(--ctp-text);\n }\n .fm06If .ILfuVd, .c2xzTb .ILfuVd, .Jb0Zif .c2xzTb .ILfuVd {\n color: var(--ctp-text);\n }\n .fm06If .ILfuVd b, .c2xzTb .ILfuVd b {\n background-color: var(--ctp-bluea);\n color: var(--ctp-text); \n }\n //keep\n .gb_Lc a.gb_t, .gb_Lc span.gb_t {\n color: var(--ctp-text);\n }\n .gb_Lc .gb_e[aria-expanded=\"true\"] .gb_p, .gb_Lc .gb_e[aria-expanded=\"true\"] .gb_De {\n fill: var(--ctp-text);\n }\n .gb_Lc .gb_e[aria-expanded=\"true\"], .gb_Lc .gb_e:hover[aria-expanded=\"true\"] {\n background-color: var(--ctp-surface0);\n }\n //keep\n .jleFbf {\n color: var(--ctp-text);\n }\n .H73aad {\n background: var(--ctp-base);\n border: 1px solid var(--ctp-surface2);\n }\n .H73aad:hover {\n background: var(--ctp-mantle);\n border: 1px solid var(--ctp-surface2);\n }\n .JgfpDb .goedYd {\n color: var(--ctp-text);\n }\n .sMi44c .fxgdke {\n color: var(--ctp-subtext1);\n }\n .sMi44c:hover .fxgdke {\n color: var(--ctp-subtext1);\n }\n .ZYHQ7e {\n color: var(--ctp-subtext0);\n }\n .vI9alf {\n background: var(--ctp-base);\n }\n .ee6GJd .qtwiP {\n background: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface1);\n }\n .ee6GJd .qtwiP:hover {\n background: var(--ctp-base);\n }\n .ee6GJd .DaJEPe {\n color: var(--ctp-text);\n }\n .GLcBOb.cCvmNd .Lj8KXd, .GLcBOb.mCRcc .Lj8KXd {\n background-color: var(--ctp-base);\n border-bottom: 1px solid var(--ctp-surface0);\n }\n .YkS8D .N6jJud {\n color: var(--ctp-subtext0);\n }\n .e8eHnd {\n color: var(--ctp-text);\n }\n .Ss2Faf {\n color: var(--ctp-text);\n }\n .IVvPP .cLjAic.WY0eLb, .Hwkikb.WY0eLb {\n border-left: 1px solid var(--ctp-surface1);\n }\n .ZFiwCf {\n background-color: var(--ctp-surface0);\n }\n .ZFiwCf:hover {\n background-color: var(--ctp-surface1);\n }\n .LGwnxb {\n color: var(--ctp-text);\n }\n .f3LoEf {\n color: var(--ctp-text);\n }\n .XaIwc {\n color: var(--ctp-subtext0);\n }\n .MsCHpb {\n border-color: var(--ctp-surface1);\n }\n .TQc1id .ss6qqb .mFVw3b, .IVvPP .i8qq8b .mFVw3b {\n border-bottom: 1px solid var(--ctp-surface1);\n }\n .zqrO0 .niO4u {\n background-color: var(--ctp-base);\n border: 1px solid var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .zqrO0:hover .niO4u:hover {\n background-color: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface2);\n color: var(--ctp-text);\n }\n .zqrO0.k0Jjg:hover .niO4u, .zqrO0.k0Jjg:hover .QuU3Wb {\n color: var(--ctp-text);\n }\n .BP43u {\n color: var(--ctp-subtext0);\n }\n .HTnVHd {\n color: var(--ctp-text);\n }\n .IVvPP .T9EeC:hover .SUgb2e {\n background-color: var(--ctp-surface0);\n }\n .IVvPP .T9EeC:hover div {\n color: var(--ctp-text);\n }\n .IVvPP .SUgb2e {\n border: 1px solid var(--ctp-surface2);\n }\n .zWHLnd {\n border-left: 1px solid var(--ctp-surface1);\n }\n .WY0eLb .wwfboe {\n border-color: var(--ctp-surface1);\n }\n .Z0LcW {\n color: var(--ctp-text);\n }\n .gb_ye {\n background: var(--ctp-mantle);\n color: var(--ctp-text);\n }\n .ZOyvub {\n background-color: var(--ctp-mantle);\n color: var(--ctp-text);\n }\n .RzdJxc {\n border-top: 1px solid var(--ctp-surface2);\n }\n .rKnmn {\n border-top: 1px solid var(--ctp-surface2);\n }\n .H9lube {\n background-color: var(--ctp-base);\n border: 1px solid var(--ctp-surface2);\n }\n .s2TyX.ueVdTc .M7lz2c {\n background: var(--ctp-base);\n }\n .s2TyX.ueVdTc .VDApEc .hecFYc {\n background: var(--ctp-base);\n }\n .YeThId {\n border-top: 1px solid var(--ctp-surface1);\n }\n .e3sOrb {\n background: var(--ctp-base);\n }\n .LXqMce {\n background: var(--ctp-base);\n }\n .mR2gOd {\n background: var(--ctp-base);\n }\n .tgqOk .pTi5ve {\n color: var(--ctp-subtext0);\n }\n .WGwSK {\n color: var(--ctp-text);\n }\n .dAassd {\n background: var(--ctp-base);\n }\n .tgqOk {\n background: var(--ctp-base);\n }\n .YPxNKd {\n background: var(--ctp-surface2);\n }\n .EsIlz {\n border: 1px solid var(--ctp-surface2);\n }\n .EyBRub {\n background: var(--ctp-base);\n }\n [data-ved=\"2ahUKEwjL8ve4wrj-AhXURaQEHVUABOkQ7BZ6BAgMEAA\"] {\n background: var(--ctp-base) !important;\n }\n .LiOdre {\n background-color: var(--ctp-base);\n border-color: var(--ctp-surface1);\n }\n .LiOdre:hover {\n background-color: var(--ctp-mantle);\n border-color: var(--ctp-surface2);\n }\n .LiOdre:focus {\n border-color: var(--ctp-blue);\n }\n .mfsgsd {\n color: var(--ctp-text);\n }\n .GCSyeb {\n background: var(--ctp-surface2);\n }\n .REySof {\n color: var(--ctp-blue) !important;\n }\n .NQyKp {\n color: var(--ctp-blue) !important;\n background: var(--ctp-blue) !important;\n }\n .b0Xfjd {\n color: var(--ctp-base) !important;\n }\n .cfBJGe {\n color: var(--ctp-text);\n }\n .gb_u .gb_t {\n color: var(--ctp-text) !important;\n }\n .qe1Dgc {\n background: var(--ctp-base);\n }\n .appbar {\n background: var(--ctp-base);\n }\n .uais2d {\n background: var(--ctp-surface0);\n }\n .uais2d:hover {\n background: var(--ctp-surface1);\n }\n .uODXEe {\n color: var(--ctp-text);\n }\n .wfg6Pb.P2m1Af {\n color: var(--ctp-subtext0);\n }\n .wwfboe {\n border-top: 1px solid var(--ctp-surface2);\n }\n .VjDLd .cLjAic:not(:last-child) .mFVw3b {\n }\n .mh8jsf {\n color: var(--ctp-blue);\n }\n .JIFdL {\n color: var(--ctp-blue);\n }\n .gm7Ysb {\n color: var(--ctp-text);\n }\n .VjDLd .cLjAic:not(:last-child) .mFVw3b {\n border-bottom: 1px solid var(--ctp-surface2);\n }\n .BBwThe {\n color: var(--ctp-text);\n }\n .KaXEge a {\n color: var(--ctp-blue);\n }\n .FE52Uc {\n color: var(--ctp-blue);\n }\n .fSXkBc {\n color: var(--ctp-blue);\n }\n .qPht6c {\n color: var(--ctp-subtext0);\n }\n .kWTy2b {\n color: var(--ctp-text);\n }\n .UzD4Gd {\n color: var(--ctp-text);\n }\n .mcPPZ.nP0TDe .qk7LXc {\n background: var(--ctp-base) !important;\n }\n .sTZCE {\n border-bottom: 1px solid var(--ctp-surface2) !important;\n }\n .POTWCf {\n border-bottom: 1px solid var(--ctp-surface2) !important;\n }\n .R1smN {\n background: var(--ctp-base);\n }\n .Gfzyee {\n border: 1px solid var(--ctp-surface2);\n }\n .ynRric {\n color: var(--ctp-subtext0);\n }\n .AUiS2 {\n border: 1px solid var(--ctp-surface2);\n }\n .eJ7tvc {\n color: var(--ctp-text);\n }\n .sbhl {\n background: var(--ctp-surface1);\n }\n .j0iFNe .RvdoFd .dsLpHe {\n border-color: var(--ctp-blue);\n }\n .j0iFNe .RvdoFd .wFBC6-LkdAo {\n border-color: var(--ctp-blue);\n }\n .KATfhe:hover {\n background: var(--ctp-mantle);\n box-shadow: -56px 0 var(--ctp-mantle),24px 0 var(--ctp-mantle),-56px -10px 0 var(--ctp-mantle),24px -10px 0 var(--ctp-mantle);\n }\n .wFBC6-LkdAo {\n border-color: var(--ctp-text);\n }\n .l7xYUb {\n color: var(--ctp-text);\n }\n .dsLpHe {\n border-color: var(--ctp-text);\n }\n .LZTko:hover {\n background: var(--ctp-mantle);\n box-shadow: -56px 0 var(--ctp-mantle),24px 0 var(--ctp-mantle),-56px -10px 0 var(--ctp-mantle),24px -10px 0 var(--ctp-mantle);\n }\n .appbar {\n color: var(--ctp-red);\n }\n .msel, .msel a {\n color: var(--ctp-red) !important;\n }\n .mitem a, .mitem a:hover {\n color: var(--ctp-text);\n }\n .mitem:hover {\n background: var(--ctp-surface0);\n }\n .UVgjof {\n color: var(--ctp-text);\n }\n .URIeEf {\n color: var(--ctp-subtext0);\n }\n .checkbox-label, .jfk-radiobutton-label {\n color: var(--ctp-text);\n }\n .jfk-checkbox {\n background-color: var(--ctp-base);\n border: 1px solid var(--ctp-text);\n }\n .UVgjof .jfk-checkbox-checked {\n background: var(--ctp-text);\n }\n .UVgjof .jfk-radiobutton-checked .jfk-radiobutton:focus .jfk-radiobutton-radio, .UVgjof .jfk-checkbox-focused {\n border-color: var(--ctp-blue);\n }\n .UVgjof {\n border-bottom: 1px solid var(--ctp-surface2);\n }\n .UVgjof .goog-slider-horizontal .goog-slider-scale {\n border-color: var(--ctp-surface2);\n }\n .UVgjof .goog-slider-thumb, .UVgjof .goog-slider:focus .goog-slider-thumb {\n background: var(--ctp-overlay2);\n border-color: var(--ctp-overlay2);\n }\n og-slider li {\n color: var(--ctp-text);\n }\n .slmarker {\n border-left: 1px solid var(--ctp-surface2);\n }\n .goog-slider li {\n color: var(--ctp-overlay2);\n }\n .sllabel {\n color: var(--ctp-surface2);\n }\n .UVgjof .jfk-radiobutton-radio {\n border-color: var(--ctp-subtext0);\n }\n .UVgjof .jfk-radiobutton-checked .jfk-radiobutton-radio::after {\n background: var(--ctp-text);\n border-color: var(--ctp-text);\n }\n .UyLz9e {\n border-top-color: var(--ctp-blue);\n }\n /*a:active {\n color: var(--ctp-red);\n }*/\n .rightPane .jfk-button-action {\n background: var(--ctp-blue);\n border-color: var(--ctp-blue);\n color: var(--ctp-base);\n }\n .jfk-button-standard {\n color: var(--ctp-base);\n border: 1px solid var(--ctp-text);\n }\n #form-buttons .jfk-button-standard {\n background: var(--ctp-text) !important;\n }\n #Gm4Vke {\n color: var(--ctp-text);\n }\n .jfk-radiobutton:focus .jfk-radiobutton-radio {\n border-color: var(--ctp-blue) !important;\n }\n /*.appbar {\n border-bottom: 1px solid var(--ctp-surface2);\n }*/\n .rightPane .jfk-button-action.jfk-button-hover {\n background: var(--ctp-sky);\n }\n .jfk-button-action.jfk-button-hover {\n border: 1px solid var(--ctp-sky);\n }\n .jfk-button-standard.jfk-button-hover, .jfk-button-standard.jfk-button-clear-outline.jfk-button-hover {\n border: 1px solid var(--ctp-text);\n color: var(--ctp-base);\n }\n #form-buttons:hover .jfk-button-standard:hover {\n background: var(--ctp-subtext0) !important;\n border: 1px solid var(--ctp-subtext0) !important;\n }\n .jfk-button-standard:focus {\n border: 1px solid var(--ctp-text) !important;\n }\n .Zy0CDe-u014N {\n background-color: var(--ctp-surface2);\n }\n .Zy0CDe-PFprWc {\n background-color: var(--ctp-text);\n }\n .gb_Ia svg, .gb_Qc svg, .gb_cd .gb_Md, .gb_2c .gb_Md {\n color: var(--ctp-text);\n }\n .gb_Lc .gb_Be.gb_Ce button:hover svg, .gb_Be button:hover svg, .gb_e:hover {\n background-color: var(--ctp-surface0);\n }\n .WdWr7c {\n border-top: 1px solid var(--ctp-surface2);\n }\n .O5OUld {\n color: var(--ctp-subtext0);\n }\n .zP7KFe {\n background: var(--ctp-surface1);\n }\n .sU3bKf {\n color: var(--ctp-text);\n }\n .O5OUld:hover {\n color: var(--ctp-blue);\n }\n .JgfpDb .T3kEIe {\n border-color: var(--ctp-surface2);\n }\n .JgfpDb .AKESWd {\n fill: var(--ctp-text);\n }\n .hDFaN .ZAxeoe {\n fill: var(--ctp-text);\n }\n .JgfpDb .legCh {\n background-color: var(--ctp-sapphirea);\n }\n .JgfpDb .K8E1Be {\n color: var(--ctp-text);\n }\n .n9H6p {\n color: var(--ctp-text);\n }\n .JgfpDb .ZoQenf {\n color: var(--ctp-subtext0);\n }\n .JgfpDb .unDjgb {\n background-color: var(--ctp-surface0);\n }\n .JgfpDb .MkRxHd {\n color: var(--ctp-text);\n }\n .JgfpDb .lAteZd {\n fill: var(--ctp-text);\n }\n .bZeFTe {\n background-color: var(--ctp-surface0);\n border-top: 1px solid var(--ctp-surface2);\n }\n .hDFaN .ZAxeoe:hover {\n background-color: var(--ctp-surface0);\n }\n .hDFaN .StEefb.iWO5td .ZAxeoe {\n background: var(--ctp-surface1);\n }\n .hcC8tf .WEKSHc {\n color: var(--ctp-text);\n }\n .hcC8tf .WEKSHc:hover {\n color: var(--ctp-text);\n }\n .JgfpDb .V2CwNc {\n fill: var(--ctp-text);\n }\n .hcC8tf .InPmOc:hover, .hcC8tf .WEKSHc:hover {\n background-color: var(--ctp-surface0);\n }\n body :nth-child(50) {\n border: 1px solid var(--ctp-overlay0) !important;\n background: var(--ctp-crust) !important;\n color: var(--ctp-text) !important;\n }\n body :nth-child(50) div {\n border-color: var(--ctp-subtext1) transparent !important;\n } \n body :nth-child(50) div div {\n border-color: var(--ctp-crust) transparent !important;\n }\n .fDYku, .DPLgS {\n background-color: var(--ctp-base);\n }\n .DOGUjb {\n border-top: solid 1px var(--ctp-surface2);\n background-color: var(--ctp-base);\n }\n .fDYku, .DPLgS, .g3VIld .qRUolc, .g3VIld .oJeWuf, .g3VIld .Is7Fhb, .g3VIld .whsOnd, .g3VIld .AxOyFc {\n color: var(--ctp-text) !important;\n background: var(--ctp-base) !important;\n }\n .GxFZed {\n color: var(--ctp-text);\n }\n .hPfsLb {\n background-color: var(--ctp-base);\n border: 1px solid var(--ctp-surface2);\n }\n .cS4Vcb-pGL6qe-lfQAOe {\n color: var(--ctp-text);\n }\n .R6Lfte .Wtw8H.fKz7Od {\n fill: var(--ctp-text) !important;\n color: var(--ctp-text) !important;\n }\n .zDZAFf {\n color: var(--ctp-subtext0);\n }\n .f5p3jb {\n color: var(--ctp-text);\n }\n .QLueyb {\n color: var(--ctp-subtext0);\n }\n .c1AlVc {\n color: var(--ctp-text);\n }\n .LARRVd {\n border-bottom: 1px solid var(--ctp-surface1);\n }\n .Pa2rdc {\n background-color: var(--ctp-base);\n }\n .oab6Ab {\n background: var(--ctp-surface0);\n }\n .zNbBhb {\n color: var(--ctp-text);\n }\n .i29hTd .qLLird {\n color: var(--ctp-text);\n }\n .yxAsKe {\n color: var(--ctp-subtext0);\n }\n .N6Sb2c {\n color: var(--ctp-subtext0);\n }\n .i29hTd .kR7nSc {\n color: var(--ctp-text);\n }\n .zRQJhd {\n background-color: var(--ctp-base);\n }\n .MEdqYd, .feqqG {\n background: var(--ctp-surface1);\n color: var(--ctp-text);\n border: 1px solid var(--ctp-surface1);\n }\n .MEdqYd:hover, .feqqG:hover {\n background: var(--ctp-surface2);\n color: var(--ctp-text);\n border: 1px solid var(--ctp-surface2);\n }\n .AOvabd, .dxp44d {\n background: var(--ctp-surface0);\n border-color: var(--ctp-surface0);\n color: var(--ctp-text);\n }\n .AOvabd:hover, .dxp44d:hover {\n background: var(--ctp-surface1);\n border-color: var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .AOvabd:focus, .dxp44d:focus {\n background: var(--ctp-surface0);\n border-color: var(--ctp-surface0);\n color: var(--ctp-text);\n }\n .AOvabd:focus:active, .dxp44d:focus:active {\n background: var(--ctp-surface0);\n border-color: var(--ctp-surface0);\n color: var(--ctp-text);\n }\n .AOvabd:focus:hover, .dxp44d:focus:hover {\n background: var(--ctp-surface1);\n border-color: var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .AOvabd:focus:active:hover, .dxp44d:focus:active:hover {\n background: var(--ctp-surface2);\n border-color: var(--ctp-surface2);\n color: var(--ctp-text);\n }\n .MEdqYd:focus, .feqqG:focus {\n background: var(--ctp-surface1);\n border-color: var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .MEdqYd:focus:active, .feqqG:focus:active {\n background: var(--ctp-overlay0);\n border-color: var(--ctp-overlay0);\n color: var(--ctp-text);\n }\n .MEdqYd:focus:hover, .feqqG:focus:hover {\n background: var(--ctp-surface2);\n border-color: var(--ctp-surface2);\n color: var(--ctp-text);\n }\n .MEdqYd:focus:active:hover, .feqqG:focus:active:hover {\n background: var(--ctp-overlay0);\n border-color: var(--ctp-overlay0);\n color: var(--ctp-text);\n }\n .UUhRt {\n background: var(--ctp-sapphire);\n border-color: var(--ctp-sapphire);\n }\n .UUhRt:hover {\n background: var(--ctp-sky);\n border-color: var(--ctp-sky);\n }\n .UUhRt:focus:hover {\n background: var(--ctp-sapphire);\n border-color: var(--ctp-sapphire);\n }\n .UUhRt:focus:active {\n background: var(--ctp-sapphire);\n border-color: var(--ctp-sapphire);\n }\n .UUhRt:focus {\n background: var(--ctp-sky);\n border-color: var(--ctp-sky);\n }\n .UUhRt:focus:active:hover {\n background: var(--ctp-sapphire);\n border-color: var(--ctp-sapphire);\n }\n .pno7A.rfUaPd .Tqvz7b, .pno7A.hU1rMc .SwDSDf {\n color: var(--ctp-text);\n }\n .pno7A.hU1rMc .Tqvz7b, .pno7A.rfUaPd .SwDSDf {\n color: var(--ctp-subtext0);\n }\n .TIGsTb {\n border: 1px solid var(--ctp-surface1);\n }\n .TIGsTb:hover {\n background: var(--ctp-surface1);\n border: 1px solid var(--ctp-surface1);\n }\n .qv3Wpe {\n color: var(--ctp-text);\n }\n .Lm2Tt {\n border-left: 1px solid var(--ctp-text);\n }\n .XH1CIc {\n color: var(--ctp-subtext0);\n }\n .mus_tt20 {\n color: var(--ctp-subtext0);\n }\n .lqyc1.d0jRmd, .d0jRmd {\n border: 1px solid var(--ctp-blue);\n }\n .cF4V5c {\n background-color: var(--ctp-crust) !important;\n }\n .GZnQqe.LGiluc {\n border-top-color: var(--ctp-surface2) !important;\n }\n .IDFSOe {\n background-color: var(--ctp-subtext0);\n }\n .nfSF8e, .WRhYSc {\n color: var(--ctp-subtext0);\n }\n .nfSF8e:hover, .WRhYSc:hover {\n background-color: var(--ctp-surface0);\n color: var(--ctp-subtext0);\n }\n .bSeRjc .fKmH1e {\n color: var(--ctp-subtext0);\n }\n .bSeRjc:hover .fKmH1e {\n background-color: var(--ctp-surface0);\n color: var(--ctp-subtext0);\n }\n .d2IKib {\n color: var(--ctp-red);\n }\n .xaAUmb {\n color: var(--ctp-subtext0);\n }\n .auw0zb, .j04ED {\n color: var(--ctp-subtext0);\n }\n .j04ED a, .j04ED a:active, .j04ED a:link, .j04ED a:visited {\n color: var(--ctp-subtext0);\n }\n .KcXNxb {\n background: var(--ctp-base);\n }\n .xlBGCb {\n color: var(--ctp-subtext0);\n }\n .wx62f {\n color: var(--ctp-text);\n }\n .ss6qqb .Jk5Tjc {\n border: 1px solid var(--ctp-surface2);\n }\n .XJa8af a:link, .XJa8af a:visited {\n color: var(--ctp-blue);\n }\n .ss6qqb .PKDVJd {\n color: var(--ctp-subtext0);\n }\n #rhs .u7yw9 {\n border-left: 1px solid var(--ctp-surface1);\n }\n .zItAnd, .zItAnd:link, .zItAnd:visited, .zItAnd:hover, .zItAnd:active {\n color: var(--ctp-text);\n }\n .zItAnd {\n background-color: var(--ctp-background);\n border: 1px solid var(--ctp-surface1);\n }\n .zItAnd:not(.MgQdud):hover {\n background-color: var(--ctp-surface0);\n border-color: var(--ctp-surface1);\n }\n .NZmxZe {\n background-color: var(--ctp-background);\n border: 1px solid var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .NZmxZe:not(.rQEFy):hover {\n background-color: var(--ctp-surface0);\n border-color: var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .rQEFy:hover {\n background: var(--ctp-bluea);\n color: var(--ctp-blue);\n }\n .fKmH1e {\n background-color: var(--ctp-background);\n border-color: var(--ctp-surface1);\n }\n .fKmH1e:hover {\n background-color: var(--ctp-surface0);\n border-color: var(--ctp-surface1);\n }\n .MgQdud, .ip7gnf {\n background-color: var(--ctp-bluea);\n border-color: var(--ctp-bluea);\n color: var(--ctp-blue);\n }\n .MgQdud:hover, .ip7gnf:hover {\n background-color: var(--ctp-bluea);\n border-color: var(--ctp-bluea);\n color: var(--ctp-blue);\n }\n g-menu.DWsAYc g-menu-item a.K1yPdf {\n color: var(--ctp-text);\n }\n .nfSF8e.hdtb-tl-sel:hover {\n background-color: var(--ctp-bluea);\n }\n .ssfWCe .ZXJQ7c {\n color: var(--ctp-subtext0);\n }\n .ssfWCe .ZXJQ7c:hover {\n background-color: var(--ctp-surface2);\n color: var(--ctp-text);\n }\n .igM9Le {\n color: var(--ctp-text);\n }\n .GKS7s {\n background: var(--ctp-surface0)\n }\n .wLNyTe {\n background: var(--ctp-base)\n }\n .xNzW0d {\n background: var(--ctp-surface0)\n }\n .lWzCpb.ZEB7Fb {\n background: var(--ctp-surface0)\n }\n .lWzCpb.a61j6 {\n background: var(--ctp-surface0)\n }\n .vLqKYe.egcvbb.q0WxUd {\n background: var(--ctp-surface0)\n }\n .MWvIVe.egcvbb {\n background: var(--ctp-surface0)\n }\n .knowledge-finance-wholepage-chart__hover-card {\n background: var(--ctp-mantle)\n }\n .CR33Se {\n background: var(--ctp-base)\n }\n .rpnBye {\n background: var(--ctp-base)\n }\n .vXQmIe.gsrt {\n background: var(--ctp-surface0)\n }\n .vk_c.card.obcontainer.card-section {\n background: var(--ctp-base)\n }\n .sc5Lhd {\n background: var(--ctp-base)\n }\n .rYVYn.LNn04b.gsrt {\n background: var(--ctp-surface0)\n }\n .NotFQb {\n background: var(--ctp-base)\n }\n .OR9QXc.LNn04b.gsrt {\n background: var(--ctp-surface1)\n } \n .NotFQb {\n background: var(--ctp-base)\n }\n .OR9QXc.LNn04b.gsrt {\n background: var(--ctp-surface1)\n }\n .LX3sZb {\n background-color: var(--ctp-base) \n }\n .gb_Ha.gb_f.gb_8a.gb_j.gb_Fc.gb_Rc {\n background-color: var(--ctp-base) !important\n }\n .gbqfba.gbqfba-hvr {\n background: var(--ctp-surface0)\n }\n .lnnMGf.Q1bVje {\n background: var(--ctp-surface0)\n }\n .cEY8m {\n background: var(--ctp-base)\n }\n .pkgtHd {\n background: var(--ctp-surface0)\n }\n .gb_id.gb_cd.gb_od.gb_nd {\n background-color: var(--ctp-base)\n }\n .jYcx0e {\n background: var(--ctp-base)\n }\n .lOTAE {\n color: var(--ctp-text)\n }\n .BFlQMb {\n color: var(--ctp-red) !important\n }\n .m6cn6 {\n background-color: var(--ctp-base) !important\n }\n}\n\n@-moz-document regexp(\"^https?://(ogs\\\\.)?google\\\\..*\") {\n colourscheme(flavour) {\n if (flavour==\"Latte\") {\n --ctp-rosewater: #dc8a78;\n --ctp-flamingo: #dd7878;\n --ctp-pink: #ea76cb;\n --ctp-mauve: #8839ef;\n --ctp-red: #d20f39;\n --ctp-maroon: #e64553;\n --ctp-peach: #fe640b;\n --ctp-yellow: #df8e1d;\n --ctp-green: #40a02b;\n --ctp-teal: #179299;\n --ctp-sky: #04a5e5;\n --ctp-sapphire: #209fb5;\n --ctp-blue: #1e66f5;\n --ctp-lavender: #7287fd;\n --ctp-rosewatera: rgba(220, 138, 120, 0.25);\n --ctp-flamingoa: rgba(221, 120, 120, 0.25);\n --ctp-pinka: rgba(234, 118, 203, 0.25);\n --ctp-mauvea: rgba(136, 57, 239, 0.25);\n --ctp-reda: rgba(210, 15, 57, 0.25);\n --ctp-maroona: rgba(230, 69, 83, 0.25);\n --ctp-peacha: rgba(254, 100, 11, 0.25);\n --ctp-yellowa: rgba(223, 142, 29, 0.25);\n --ctp-greena: rgba(64, 160, 43, 0.25);\n --ctp-teala: rgba(23, 146, 153, 0.25);\n --ctp-skya: rgba(4, 165, 229, 0.25);\n --ctp-sapphirea: rgba(32, 159, 181, 0.25);\n --ctp-bluea: rgba(30, 102, 245, 0.25);\n --ctp-lavendera: rgba(114, 135, 253, 0.25);\n --ctp-text: #4c4f69;\n --ctp-subtext1: #5c5f77;\n --ctp-subtext0: #6c6f85;\n --ctp-overlay2: #7c7f93;\n --ctp-overlay1: #8c8fa1;\n --ctp-overlay0: #9ca0b0;\n --ctp-surface2: #acb0be;\n --ctp-surface1: #bcc0cc;\n --ctp-surface0: #ccd0da;\n --ctp-base: #eff1f5;\n --ctp-mantle: #e6e9ef;\n --ctp-crust: #dce0e8;\n }\n if (flavour==\"Frappe\") {\n --ctp-rosewater: #f2d5cf;\n --ctp-flamingo: #eebebe;\n --ctp-pink: #f4b8e4;\n --ctp-mauve: #ca9ee6;\n --ctp-red: #e78284;\n --ctp-maroon: #ea999c;\n --ctp-peach: #ef9f76;\n --ctp-yellow: #e5c890;\n --ctp-green: #a6d189;\n --ctp-teal: #81c8be;\n --ctp-sky: #99d1db;\n --ctp-sapphire: #85c1dc;\n --ctp-blue: #8caaee;\n --ctp-lavender: #babbf1;\n --ctp-rosewatera: rgba(242, 213, 207, 0.25);\n --ctp-flamingoa: rgba(238, 190, 190, 0.25);\n --ctp-pinka: rgba(244, 184, 228, 0.25);\n --ctp-mauvea: rgba(202, 158, 230, 0.25);\n --ctp-reda: rgba(231, 130, 132, 0.25);\n --ctp-maroona: rgba(234, 153, 156, 0.25);\n --ctp-peacha: rgba(239, 159, 118, 0.25);\n --ctp-yellowa: rgba(229, 200, 144, 0.25);\n --ctp-greena: rgba(166, 209, 137, 0.25);\n --ctp-teala: rgba(129, 200, 190, 0.25);\n --ctp-skya: rgba(153, 209, 219, 0.25);\n --ctp-sapphirea: rgba(133, 193, 220, 0.25);\n --ctp-bluea: rgba(140, 170, 238, 0.25);\n --ctp-lavendera: rgba(186, 187, 241, 0.25);\n --ctp-text: #c6d0f5;\n --ctp-subtext1: #b5bfe2;\n --ctp-subtext0: #a5adce;\n --ctp-overlay2: #949cbb;\n --ctp-overlay1: #838ba7;\n --ctp-overlay0: #737994;\n --ctp-surface2: #626880;\n --ctp-surface1: #51576d;\n --ctp-surface0: #414559;\n --ctp-base: #303446;\n --ctp-mantle: #292c3c;\n --ctp-crust: #232634;\n }\n if (flavour==\"Macchiato\") {\n --ctp-rosewater: #f4dbd6;\n --ctp-flamingo: #f0c6c6;\n --ctp-pink: #f5bde6;\n --ctp-mauve: #c6a0f6;\n --ctp-red: #ed8796;\n --ctp-maroon: #ee99a0;\n --ctp-peach: #f5a97f;\n --ctp-yellow: #eed49f;\n --ctp-green: #a6da95;\n --ctp-teal: #8bd5ca;\n --ctp-sky: #91d7e3;\n --ctp-sapphire: #7dc4e4;\n --ctp-blue: #8aadf4;\n --ctp-lavender: #b7bdf8;\n --ctp-rosewatera: rgba(244, 219, 214, 0.25);\n --ctp-flamingoa: rgba(240, 198, 198, 0.25);\n --ctp-pinka: rgba(245, 189, 230, 0.25);\n --ctp-mauvea: rgba(198, 160, 246, 0.25);\n --ctp-reda: rgba(237, 135, 150, 0.25);\n --ctp-maroona: rgba(238, 153, 160, 0.25);\n --ctp-peacha: rgba(245, 169, 127, 0.25);\n --ctp-yellowa: rgba(238, 212, 159, 0.25);\n --ctp-greena: rgba(166, 218, 149, 0.25);\n --ctp-teala: rgba(139, 213, 202, 0.25);\n --ctp-skya: rgba(145, 215, 227, 0.25);\n --ctp-sapphirea: rgba(125, 196, 228, 0.25);\n --ctp-bluea: rgba(138, 173, 244, 0.25);\n --ctp-lavendera: rgba(183, 189, 248, 0.25);\n --ctp-text: #cad3f5;\n --ctp-subtext1: #b8c0e0;\n --ctp-subtext0: #a5adcb;\n --ctp-overlay2: #939ab7;\n --ctp-overlay1: #8087a2;\n --ctp-overlay0: #6e738d;\n --ctp-surface2: #5b6078;\n --ctp-surface1: #494d64;\n --ctp-surface0: #363a4f;\n --ctp-base: #24273a;\n --ctp-mantle: #1e2030;\n --ctp-crust: #181926;\n }\n if (flavour==\"Mocha\") {\n --ctp-rosewater: #f5e0dc;\n --ctp-flamingo: #f2cdcd;\n --ctp-pink: #f5c2e7;\n --ctp-mauve: #cba6f7;\n --ctp-red: #f38ba8;\n --ctp-maroon: #eba0ac;\n --ctp-peach: #fab387;\n --ctp-yellow: #f9e2af;\n --ctp-green: #a6e3a1;\n --ctp-teal: #94e2d5;\n --ctp-sky: #89dceb;\n --ctp-sapphire: #74c7ec;\n --ctp-blue: #89b4fa;\n --ctp-lavender: #b4befe;\n --ctp-rosewatera: rgba(245, 224, 220, 0.25);\n --ctp-flamingoa: rgba(242, 205, 205, 0.25);\n --ctp-pinka: rgba(245, 194, 231, 0.25);\n --ctp-mauvea: rgba(203, 166, 247, 0.25);\n --ctp-reda: rgba(243, 139, 168, 0.25);\n --ctp-maroona: rgba(235, 160, 172, 0.25);\n --ctp-peacha: rgba(250, 179, 135, 0.25);\n --ctp-yellowa: rgba(249, 226, 175, 0.25);\n --ctp-greena: rgba(166, 227, 161, 0.25);\n --ctp-teala: rgba(148, 226, 213, 0.25);\n --ctp-skya: rgba(137, 220, 235, 0.25);\n --ctp-sapphirea: rgba(116, 199, 236, 0.25);\n --ctp-bluea: rgba(137, 180, 250, 0.25);\n --ctp-lavendera: rgba(180, 190, 254, 0.25);\n --ctp-text: #cdd6f4;\n --ctp-subtext1: #bac2de;\n --ctp-subtext0: #a6adc8;\n --ctp-overlay2: #9399b2;\n --ctp-overlay1: #7f849c;\n --ctp-overlay0: #6c7086;\n --ctp-surface2: #585b70;\n --ctp-surface1: #45475a;\n --ctp-surface0: #313244;\n --ctp-base: #1e1e2e;\n --ctp-mantle: #181825;\n --ctp-crust: #11111b;\n }\n }\n \n body {\n if (darktheme==\"Latte\") { colourscheme(Latte) }\n if (darktheme==\"Frappe\") { colourscheme(Frappe) }\n if (darktheme==\"Macchiato\") { colourscheme(Macchiato) }\n if (darktheme==\"Mocha\") { colourscheme(Mocha) }\n }\n .aRDKUe .N2ncR {\n background: var(--ctp-mantle);\n }\n .aRDKUe .y5Iqsb {\n background: var(--ctp-crust);\n }\n .aRDKUe .d2yxTb {\n background: var(--ctp-crust);\n }\n .aRDKUe .znj3je {\n color: var(--ctp-text);\n }\n .aRDKUe .Wdz6e.ZnExKf, .aRDKUe .Wdz6e {\n color: var(--ctp-subtext0);\n }\n .aRDKUe .zHzpD .RroO5d {\n color: var(--ctp-text);\n }\n .zHzpD .RroO5d {\n border: 1px solid var(--ctp-surface0);\n }\n .aRDKUe .GXg3Le:hover > .uarSJe, .aRDKUe .WLjaOb .GXg3Le:focus:hover > .uarSJe, .aRDKUe .GXg3Le:focus:hover > .uarSJe, .aRDKUe .GXg3Le:focus > .uarSJe, .aRDKUe .WLjaOb .GXg3Le:focus > .uarSJe, .aRDKUe .GXg3Le:active:focus > .uarSJe, .aRDKUe .GXg3Le:active > .uarSJe {\n color: var(--ctp-text);\n }\n .aRDKUe .OtBgcb, .aRDKUe .BvDXcd, .aRDKUe .zpoCob, .aRDKUe .NB6Lnc, .aRDKUe .ZnExKf, .aRDKUe .znj3je {\n color: var(--ctp-text);\n }\n .wZbsjd {\n fill: var(--ctp-peach);\n }\n .aRDKUe .ziuVxb {\n background: var(--ctp-crust);\n }\n .aRDKUe .ziuVxb .GXg3Le, .aRDKUe .ziuVxb .V9opsd {\n border-color: var(--ctp-surface0);;\n }\n .aRDKUe .DgDbFe .zpoCob {\n color: var(--ctp-subtext0);\n }\n .aRDKUe .zHzpD .jFfZdd:focus:hover {\n background: var(--ctp-crust);\n }\n .aRDKUe .DgDbFe .OtBgcb {\n color: var(--ctp-subtext0);\n }\n .aRDKUe .T6SHIc {\n border-color: var(--ctp-surface0);\n }\n .aRDKUe .zHzpD .jFfZdd:hover {\n background: var(--ctp-crust);\n }\n .aRDKUe .zHzpD .jFfZdd:active, .aRDKUe .zHzpD .jFfZdd:active:focus {\n background: var(--ctp-crust);\n }\n .aRDKUe .zHzpD .RroO5d:hover {\n background: var(--ctp-mantle);\n }\n .aRDKUe .zHzpD .RroO5d:active, .aRDKUe .zHzpD .RroO5d:active:focus {\n background: var(--ctp-mantle);\n }\n .aRDKUe .DgDbFe .zpoCob:hover {\n background: var(--ctp-crust);\n }\n .aRDKUe .DgDbFe .zpoCob:active, .aRDKUe .DgDbFe .zpoCob:active:focus {\n background: var(--ctp-crust);\n }\n div.nz9sqb.EHzcec {\n background-color: var(--ctp-mantle);\n }\n .nz9sqb .tX9u1b:hover, .nz9sqb .tX9u1b:hover .Rq5Gcb {\n background-color: var(--ctp-base);\n }\n .nz9sqb .Rq5Gcb {\n color: var(--ctp-text);\n }\n .nz9sqb .dGrefb {\n border-bottom: 1px solid var(--ctp-surface1);\n }\n .nz9sqb .NQV3m {\n border-color: var(--ctp-surface1);\n color: var(--ctp-blue)\n }\n .nz9sqb .NQV3m:hover {\n background-color: var(--ctp-crust);\n border-color: var(--ctp-surface1);\n }\n .nz9sqb.o07G5 .tX9u1b:active, .nz9sqb.o07G5 .tX9u1b:active:focus, .nz9sqb.o07G5 .tX9u1b:active .Rq5Gcb, .nz9sqb.o07G5 .tX9u1b:active:hover .Rq5Gcb {\n background-color: var(--ctp-surface2);\n }\n .nz9sqb .NQV3m:focus, .nz9sqb .NQV3m:hover:focus, .nz9sqb .NQV3m:active, .nz9sqb .NQV3m:active:focus {\n border-color: var(--ctp-blue);\n }\n}\n",
"usercssData": {
"name": "Google Catppuccin",
"namespace": "github.com/catppuccin/google",
"homepageURL": "https://github.com/catppuccin/google",
"version": "1.2.8",
"description": "Soothing pastel theme for Google",
"author": "Catppuccin - mustafakhalaf-git",
"preprocessor": "stylus",
"updateURL": "https://github.com/GitMuslim/google/raw/main/src/catppuccin.user.css",
"license": "MIT",
"vars": {
"darktheme": {
"type": "select",
"label": "Theme",
"name": "darktheme",
"value": "Macchiato",
"default": "Latte",
"options": [
{
"name": "Latte",
"label": "Latte",
"value": "Latte"
},
{
"name": "Frappe",
"label": "Frappe",
"value": "Frappe"
},
{
"name": "Macchiato",
"label": "Macchiato",
"value": "Macchiato"
},
{
"name": "Mocha",
"label": "Mocha",
"value": "Mocha"
}
]
}
}
},
"author": "Catppuccin - mustafakhalaf-git",
"description": "Soothing pastel theme for Google",
"name": "Google Catppuccin",
"originalDigest": "2996548e4ab27ce6ecb813015180e0b7a80a8b65",
"_id": "00cf9c04-cd24-4db3-8390-6356a69e8eff",
"_rev": 1700164333646,
"id": 64,
"etag": "W/\"81aeb99d86ca645eaf3ba143b1ae45a03c99377e9299c7fb548f5c436d2e2e78\""
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/pinterest/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/pinterest",
"installDate": 1699437734168,
"sections": [
{
"code": "/* ==UserStyle==\n@name Pinterest Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/pinterest\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/pinterest\n@version 1.0.2\n@description Soothing pastel theme for Pinterest\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/pinterest/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [ \"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\" ]\n@var select darkFlavor \"Dark Flavor\" [ \"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\" ]\n@var select accentColor \"Accent\" [ \"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\" ]\n==/UserStyle== */",
"start": 0
},
{
"code": "/* prettier-ignore */\n @media (prefers-color-scheme: light) {\n :root {\n --g-colorGray0: #1e2030;\n --color-border-container: #1e2030;\n --color-gray-roboflow-400: #202233;\n --color-text-icon-default: #cad3f5;\n --color-background-default: #24273a;\n --g-color-focus: #b7bdf8;\n }\n .Dl7 {\n border-color: transparent !important;\n }\n svg.ztu > path {\n fill: #a5adcb !important;\n }\n /* Body */\n body,\n div[data-test-id=\"pin-builder\"] {\n background-color: #24273a !important;\n height: auto !important;\n }\n .O2T,\n .pBj,\n h3,\n h5,\n div,\n input[type=\"text\"] {\n color: #cad3f5 !important;\n }\n .a_A:focus,\n .a_A:hover {\n background-color: rgba(183, 189, 248, 0.75) !important;\n }\n :focus,\n :focus-within,\n :focus-visible {\n outline-color: #b7bdf8 !important;\n }\n div#searchBoxContainer div[style=\"padding: 0px 0px 0px 16px; height: 100%; border-radius: 24px; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px;\"],\n div#searchBoxContainer div[style=\"padding: 0px 4px 0px 16px; height: 100%; border-radius: 24px; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px;\"],\n div[data-test-id=\"add-pin-to-conversation\"] div[style=\"border: 1px solid transparent; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px; padding: 4px 15px; min-height: 48px; width: 100%;\"] {\n box-shadow: 0 0 0 4px #b7bdf8 !important;\n }\n .iyn:focus,\n .C1J {\n box-shadow: 0 0 0 4px #b7bdf8;\n }\n .hCL.kVc.L4E.MIw {\n background-color: transparent !important;\n }\n div[data-test-id=\"skipToContentContainer\"] div {\n background-color: #b7bdf8 !important;\n color: #1e2030 !important;\n }\n div.Dl7.rTt.mi-.ho-.ygj._O1.XbT.DHH.kFh {\n background-color: #b7bdf8 !important;\n }\n div.Dl7.rTt.mi-.ho-.ygj._O1.XbT.DHH.kFh div {\n color: #1e2030 !important;\n }\n /** Mobile **/\n div._he.urM.zI7.iyn.Hsu {\n border-color: transparent !important;\n }\n /* About */\n h1.lH1.dyH.iFc.H2s.bwj.c8S.zDA,\n h2.lH1.dyH.iFc.H2s.bwj.c8S.zDA {\n color: #b7bdf8 !important;\n }\n div[data-test-id=\"signup-default-modal\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"signup-default-modal\"] h1 {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"signup-default-modal\"] div.oy8.zI7.iyn.Hsu svg > path {\n fill: #b7bdf8 !important;\n }\n div[data-test-id=\"registerFormSubmitButton\"] button.red {\n background-color: #b7bdf8 !important;\n }\n div[data-test-id=\"registerFormSubmitButton\"] button.red div {\n color: #1e2030 !important;\n }\n div[data-test-id=\"registerFormSubmitButton\"] button.red:hover,\n div[data-test-id=\"registerFormSubmitButton\"] button.red:focus {\n background-color: rgba(183, 189, 248, 0.75) !important;\n }\n div[style=\"height: 200px; background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%);\"] {\n background: linear-gradient(rgba(36, 39, 58, 0) 0%, #24273a 70%) !important;\n }\n div[data-test-id=\"how-it-works-container\"] {\n background-color: #eed49f !important;\n }\n div[data-test-id=\"how-it-works-container\"] div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s {\n background-color: transparent !important;\n color: #24273a !important;\n }\n div[data-test-id=\"how-it-works-container\"] svg > path {\n fill: #24273a !important;\n }\n div[data-anchor=\"search\"] {\n background-color: #eed49f !important;\n }\n div[data-anchor=\"search\"] div.zI7.iyn.Hsu {\n color: #24273a !important;\n }\n div[data-anchor=\"search\"] div.JME.zI7.iyn.Hsu {\n color: #cad3f5 !important;\n }\n div[data-anchor=\"save\"] {\n background-color: #b7bdf8 !important;\n }\n div[data-anchor=\"save\"] div.zI7.iyn.Hsu {\n color: #24273a !important;\n }\n div[data-anchor=\"shop\"] {\n background-color: #f4dbd6 !important;\n }\n div[data-anchor=\"shop\"] div.zI7.iyn.Hsu {\n color: #24273a !important;\n }\n /** Mobile **/\n div.QLY.Rym.XiG.Zr3.zI7.iyn.Hsu {\n background-color: #24273a !important;\n }\n /* Button */\n .Jrn,\n .gpV {\n background-color: #b7bdf8 !important;\n }\n .Jrn div,\n .gpV div {\n color: #24273a !important;\n }\n .BsF {\n background-color: #1e2030 !important;\n }\n .u97 {\n background-color: rgba(36, 39, 58, 0.69) !important;\n }\n .NSs.bPW,\n .NSs.Xsi {\n background-color: #363a4f !important;\n }\n .NSs.s4m {\n background-color: #5b6078 !important;\n }\n .bmw,\n .Jea.Lfz.gjz.hA-.wYR.zI7.iyn.Hsu {\n background-color: #24273a !important;\n }\n .bmw:focus,\n .bmw:hover,\n .W6-:focus,\n .W6-:hover,\n .Jea.Lfz.gjz.hA-.wYR.zI7.iyn.Hsu:hover,\n .DUt.XiG._wN.eZS.hA-.wYR.zI7.iyn.Hsu:hover,\n ._HI,\n .eZS,\n .zI8:focus,\n .zI8:hover,\n .BsF:hover,\n .BsF:focus {\n background-color: rgba(36, 39, 58, 0.69) !important;\n }\n .Il7:hover,\n .Il7:focus {\n background-color: rgba(183, 189, 248, 0.75) !important;\n }\n input.D8X.Hsu.tBJ.dyH.iFc.sAJ.L4E.Bvi.iyn.H_e.pBj.qJc.TKt.LJB.xD4.z-6,\n textarea.Gnj.Hsu.tBJ.dyH.iFc.sAJ.L4E.Bvi.iyn.H_e.pBj.qJc.TKt.LJB,\n div.D8X.Hsu.tBJ.dyH.iFc.sAJ.L4E.Bvi.iyn.H_e.pBj.qJc.TKt.LJB.xD4.BMi.rNx {\n background-color: #1e2030;\n border-color: transparent !important;\n }\n /** Mobile **/\n div.IVF.Jea.mQ8.zI7.iyn.Hsu {\n background-color: #b7bdf8 !important;\n }\n div.IVF.Jea.mQ8.zI7.iyn.Hsu span {\n color: #24273a !important;\n }\n /* Header */\n .GjR,\n .sj_ {\n color: #b7bdf8 !important;\n }\n .P_h {\n background-color: #181926 !important;\n }\n .P_h span {\n color: #cad3f5 !important;\n }\n .urM,\n .SpV,\n .DUt.XiG._wN.hA-.urM.wYR.zI7.iyn.Hsu,\n .DUt.XiG._wN.eZS.hA-.wYR.zI7.iyn.Hsu,\n .ProPartnerHeaderMenuList .proPartnerHeaderMenuItem:hover {\n background-color: #24273a !important;\n }\n /* Search */\n div.Jea.fev.zI7.iyn.Hsu,\n div[data-test-id=\"search-tab-bar\"] {\n background-color: #1e2030 !important;\n }\n div.sLG.urM.zI7.iyn.Hsu div.hs0.un8.C9i.TB_ {\n background-color: #24273a !important;\n }\n input#search {\n color: #cad3f5 !important;\n }\n span.tBJ.dyH.iFc.sAJ.EdS.zDA.IZT.swG {\n color: #8087a2 !important;\n }\n div.C9q.Jea.KS5.Lfz.XiG.Zr3._HI.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.C9q.Jea.KS5.Lfz.XiG.Zr3.hle.zI7.iyn.Hsu {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n /** Mobile **/\n div[data-test-id=\"header\"] {\n border-color: #1e2030 !important;\n }\n div.VxL.fZz.hA-.ho-.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.VxL.fZz.hA-.ho-.zI7.iyn.Hsu svg > path {\n fill: #b7bdf8 !important;\n }\n /* Profile */\n div[data-test-id=\"profile-header\"],\n div[data-test-id=\"PinTypeIdentifier\"],\n div.hs0.mQ8.un8.C9i.TB_ div.Pj7.sLG.XiG.INd.m1e div.XiG.zI7.iyn.Hsu,\n div.Pj7.sLG.XiG.INd.m1e div.XiG.zI7.iyn.Hsu,\n div.Jea._HI.fev.zI7.iyn.Hsu div.MMh._Y5.feh.s7I.zI7.iyn.Hsu,\n .MMh._Y5.feh.s7I.zI7.iyn.Hsu,\n div.qiB div.fZz.urM.zI7.iyn.Hsu,\n div.zIH.PC4.XiG {\n background-color: #24273a !important;\n }\n div.hs0.mQ8.un8.C9i.TB_ div.INd.XiG.zI7.iyn.Hsu {\n box-shadow: none !important;\n }\n div[data-test-id=\"gestalt-avatar-svg\"] {\n border-color: transparent !important;\n }\n div[data-test-id=\"gestalt-avatar-svg\"] div.INd.XiG._HI.zI7.iyn.Hsu {\n background-color: #181926 !important;\n }\n div[data-test-id=\"gestalt-avatar-svg\"] div.INd.XiG._HI.zI7.iyn.Hsu svg > text {\n fill: #cad3f5 !important;\n }\n div.KS5.jzS.un8.C9i.TB_ div.DUt.XiG._HI._wN.hA-.wYR.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.MIw.QLY.Rym.ojN.p6V.zI7.iyn.Hsu div.XiG.zI7.iyn.Hsu {\n background-color: rgba(36, 39, 58, 0.69) !important;\n }\n div.MIw.QLY.Rym.ojN.p6V.sLG.zI7.iyn.Hsu {\n border-color: #1e2030 !important;\n }\n div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu[style=\"height: 30px; width: 30px; border: 2px solid rgb(17, 17, 17);\"] {\n border-color: #1e2030 !important;\n }\n div.Jea.KS5.MtH.jzS.kKU.zI7.iyn.Hsu svg.gUZ.R19.U9O.kVc > path {\n fill: #1e2030 !important;\n }\n div.Jea.KS5.MtH.jzS.kKU.zI7.iyn.Hsu div.VxL.zI7.iyn.Hsu button {\n background-color: transparent !important;\n }\n div[data-test-id=\"copy-link-share-icon-auth\"] button svg path,\n div[data-test-id=\"search-for-users-button\"] button svg path,\n div[data-test-id=\"email-share-button-auth\"] button svg path {\n fill: #1e2030 !important;\n }\n div[data-test-id=\"copy-link-share-icon-auth\"] button svg rect,\n div[data-test-id=\"search-for-users-button\"] button svg rect,\n div[data-test-id=\"email-share-button-auth\"] button svg rect {\n fill: #b7bdf8 !important;\n }\n div.Jea.KS5._HI.ho-.mQ8.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.Jea.KS5._HI.ho-.mQ8.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n }\n div.Jea.KS5.hle.ho-.mQ8.zI7.iyn.Hsu {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n div[aria-label=\"Change Board Cover\"] div.MIw.QLY.Rym.ojN.p6V.zI7.iyn.Hsu span {\n background-color: #24273a !important;\n }\n div.MIw.hA-.ojN.p6V.wYR.zI7.iyn.Hsu div[style=\"height: 44px; width: 44px; background: rgba(255, 255, 255, 0.8);\"] {\n background-color: rgba(30, 32, 48, 0.8) !important;\n }\n div.MIw.hA-.ojN.p6V.wYR.zI7.iyn.Hsu div[style=\"height: 44px; width: 44px; background: rgba(255, 255, 255, 0.8);\"] svg > path {\n fill: #cad3f5 !important;\n }\n div.MIw.hA-.ojN.p6V.wYR.zI7.iyn.Hsu div[style=\"height: 44px; width: 44px; background: white;\"] {\n background-color: #1e2030 !important;\n }\n div.DUt.Jea.KS5.UNK.mQ8.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.DUt.Jea.KS5.UNK.mQ8.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n }\n button div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: #1e2030 !important;\n }\n button:hover div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n div.pincodeMain svg path#background {\n fill: #24273a !important;\n }\n div.pincodeCTA svg path[fill=\"#111111\"] {\n fill: #cad3f5 !important;\n }\n div.pincodeCTA svg path[fill=\"#E60023\"] {\n fill: #b7bdf8 !important;\n }\n div.pincodeCTA svg path[fill=\"white\"] {\n fill: #24273a !important;\n }\n h1.lH1.dyH.iFc.H2s.R-d.EdS.tg7.IZT {\n color: #939ab7 !important;\n }\n div[data-test-id=\"pinRepSelectionBorder\"] {\n border-color: #cad3f5 !important;\n }\n div[data-test-id=\"pinRepSelectionBorder\"] svg > path {\n fill: #cad3f5 !important;\n }\n div[data-test-id=\"pinRepSelectionBorder\"][style=\"z-index: 1; border-width: 3px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 16px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px inset;\"] {\n border-color: #1e2030 !important;\n box-shadow: inset 0 0 0 3px #b7bdf8 !important;\n }\n div.CCY.S9z.INd.oCZ.Tbt.L4E.e8F.BG7 div.INd.zI7.iyn.Hsu {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n div.CCY.S9z.INd.oCZ.Tbt.L4E.e8F.BG7 div.INd.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n }\n div.CCY.S9z.INd.oCZ.Tbt.L4E.e8F.BG7 div.INd.zI7.iyn.Hsu div.INd.P_h.YFA.Zr3.hUC.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.tBJ.dyH.iFc.sAJ.xnr.zDA.IZT.H2s,\n a.Wk9.CCY.S9z.eEj.kVc.xQ4.uCz {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"boardSelectionDropdown\"] svg.gUZ.PLa.U9O.kVc > path {\n fill: #cad3f5 !important;\n }\n /** Mobile **/\n div.CCY.S9z.INd.Tbt.L4E.e8F.BG7 div.INd.hA-.wYR.zI7.iyn.Hsu {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n div.CCY.S9z.INd.Tbt.L4E.e8F.BG7 div.INd.hA-.wYR.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n }\n /* Content */\n div[data-root-margin=\"more-ideas-tabs\"] div.urM.zI7.iyn.Hsu,\n .Jea.jx-.l7T.zI7.iyn.Hsu div.INd.Jea.KS5.mQ8.sLG.zI7.iyn.Hsu,\n div[data-test-id=\"shop-button\"],\n div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s {\n background-color: #24273a !important;\n }\n div[aria-label=\"reaction\"] .INd.zI7.iyn.Hsu,\n div.div.IB7.XiG.zI7.iyn.Hsu {\n background-color: #363a4f !important;\n }\n div[aria-label=\"reaction\"] .INd.zI7.iyn.Hsu:hover {\n background-color: #494d64 !important;\n }\n div.KS5.jzS.mQ8.un8.C9i.TB_ div.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n div[data-test-id=\"inline-comment-composer-container\"] {\n border-color: #1e2030 !important;\n }\n div._HI.fev.ujU.wsz.zI7.iyn.Hsu {\n background-color: #24273a !important;\n color: #cad3f5 !important;\n }\n div.fev.hle.ujU.wsz.zI7.iyn.Hsu {\n background-color: rgba(30, 32, 48, 0.75) !important;\n color: #cad3f5 !important;\n }\n svg.gUZ.PLa.U9O.kVc > path {\n fill: #cad3f5 !important;\n }\n div.x8f.INd._O1.KS5.mQ8.NSs.u97.bPW,\n div.x8f.INd._O1.KS5.mQ8.NSs.u97.s4m {\n background-color: #1e2030 !important;\n }\n div.x8f.INd._O1.KS5.mQ8.NSs.u97.bPW svg > path,\n div.x8f.INd._O1.KS5.mQ8.NSs.u97.s4m svg > path {\n fill: #cad3f5 !important;\n }\n .EmojiPickerReact {\n --epr-bg-color: #24273a;\n --epr-text-color: #cad3f5;\n --epr-picker-border-color: #24273a;\n --epr-category-label-bg-color: #24273a;\n --epr-search-input-bg-color: #1e2030;\n --epr-skin-tone-picker-menu-color: #1e2030;\n --epr-category-icon-active-color: #b7bdf8;\n --epr-highlight-color: #b7bdf8;\n --epr-hover-bg-color: #363a4f;\n --epr-focus-bg-color: #363a4f;\n }\n textarea.PinNoteInput {\n background-color: #24273a !important;\n color: #cad3f5 !important;\n caret-color: #cad3f5 !important;\n }\n div.Zr3.hUC.xcv.L4E.zI7.iyn.Hsu {\n background-color: #b7bdf8 !important;\n }\n div.Zr3.hUC.xcv.L4E.zI7.iyn.Hsu div {\n color: #181926 !important;\n }\n div.DUt.Jea.QLY.XiG.jzS.ojN.p6V.ujU.urM.zI7.iyn.Hsu,\n div.DUt.Jea.MIw.QLY.jzS.ojN.p6V.ujU.urM.zI7.iyn.Hsu {\n border-color: transparent !important;\n }\n div.MZ3.fZz.hUC.ho-.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.MZ3.fZz.hUC.ho-.zI7.iyn.Hsu span {\n color: #cad3f5 !important;\n }\n button div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.DZT.I56.Zr3.C9q.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: #b7bdf8 !important;\n }\n button div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.DZT.I56.Zr3.C9q.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E div {\n color: #1e2030 !important;\n }\n button:hover div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.DZT.I56.Zr3.C9q.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: rgba(183, 189, 248, 0.75) !important;\n }\n button div.RCK.Hsu.USg.adn.CCY.gn8.L4E.kVc.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: #1e2030 !important;\n }\n button:hover div.RCK.Hsu.USg.adn.CCY.gn8.L4E.kVc.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n a.Wk9.CCY.S9z.eEj.goI.xQ4,\n span.tBJ.dyH.iFc.sAJ.Q5U.zDA.H2s a.Wk9.CCY.S9z.eEj.KhY.xQ4.uCz {\n color: #b7bdf8 !important;\n }\n div[data-test-id=\"user-rep-avatar\"] div.Jea.MIw.QLY.Rym.mQ8.ojN.p6V.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n button.ope.ujU.e43.adn.BG7.CCY.zHr.qJc {\n background-color: #1e2030 !important;\n }\n button.ope.ujU.e43.adn.BG7.CCY.zHr.qJc div {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"flashlight-dot-style\"] {\n background-color: #b7bdf8 !important;\n }\n div[data-test-id=\"flashlight-enabled-image\"] svg use.v2cropSection {\n stroke: #b7bdf8 !important;\n }\n div[data-test-id=\"flashlight-enabled-image\"] svg path.v2cropperHandle {\n fill: #b7bdf8 !important;\n }\n div[data-test-id=\"one-bar-modified-bubble\"].Jea.KS5.Lfz.mQ8.zI7.iyn.Hsu {\n background-color: #b7bdf8 !important;\n border-color: #24273a !important;\n }\n /** Mobile **/\n div.Jea.KS5.Lfz.mQ8.zI7.iyn.Hsu {\n background-color: #24273a !important;\n }\n div.Jea.KS5.Lfz.mQ8.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n }\n /** Not Logged In **/\n div.XiG.hUC.wYR.zI7.iyn.Hsu[style=\"background-color: rgba(255, 255, 255, 0.95); height: 100%; width: 100%;\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"email-share-button\"] a svg path {\n fill: #1e2030 !important;\n }\n div[data-test-id=\"email-share-button\"] a svg rect {\n fill: #b7bdf8 !important;\n }\n div[data-test-id=\"left-scroll-arrow\"] {\n background: linear-gradient(to right, #24273a 25%, rgba(36, 39, 58, 0) 100%) !important;\n }\n div[data-test-id=\"right-scroll-arrow\"] {\n background: linear-gradient(to left, #24273a 25%, rgba(36, 39, 58, 0) 100%) !important;\n }\n span.tBJ.dyH.iFc.dR0.EdS.zDA.IZT.H2s a {\n color: #b7bdf8 !important;\n }\n div[data-test-id=\"breadcrumbs-list\"] div[style=\"width: 16px; height: 32px; background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255));\"] {\n background-image: linear-gradient(to left, rgba(36, 39, 58, 0), #24273a) !important;\n }\n div[data-test-id=\"breadcrumbs-list\"] div[style=\"width: 16px; height: 32px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));\"] {\n background-image: linear-gradient(to right, rgba(36, 39, 58, 0), #24273a) !important;\n }\n div[data-test-id=\"main-pin-hover-overlay\"] {\n opacity: 0.5;\n }\n div.HFo.Jea.KS5._he.zI7.iyn.Hsu {\n background-color: #24273a !important;\n }\n /* Create */\n div.DUt.HFo.hA-.wYR.zI7.iyn.Hsu {\n background-color: #24273a !important;\n }\n div.Jea.KS5.OVX.XiG._HI.jzS.mQ8.zI7.iyn.Hsu {\n background-color: #363a4f !important;\n }\n div.Jea.KS5.OVX.XiG._HI.jzS.mQ8.zI7.iyn.Hsu svg > path {\n fill: #a5adcb !important;\n }\n div.Jea.MIw.QLY.Rym.ojN.p6V.zI7.iyn.Hsu {\n background-color: rgba(36, 39, 58, 0.75) !important;\n }\n div.Jea.Shl.X6t.XiG.hDW.jzS.zI7.iyn.Hsu button {\n background-color: #1e2030 !important;\n }\n div.XiG._HI.s2n.sLG.zI7.iyn.Hsu {\n border-color: #1e2030 !important;\n }\n button.ope.ujU.e43.adn.BG7.CCY.zHr.qJc div.tBJ.dyH.iFc.j1A.O2T.zDA.IZT.H2s {\n color: #cad3f5 !important;\n }\n button.ope.ujU.e43.adn.BG7.CCY.izI svg > path {\n fill: #1e2030 !important;\n }\n input#storyboard-editor-details-text-size {\n background-color: #1e2030 !important;\n color: #cad3f5 !important;\n caret-color: #cad3f5 !important;\n border-color: transparent !important;\n }\n input[style=\"min-width: 0px; flex: 1 1 0%; font-size: 16px; color: rgb(51, 51, 51); border: 0px; outline: none; box-sizing: border-box; padding: 0px;\"] {\n background-color: #24273a !important;\n color: #cad3f5 !important;\n caret-color: #cad3f5 !important;\n }\n /* Login */\n div[data-test-id=\"login-modal-default\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"login-modal-default\"] h1,\n div[data-test-id=\"login-modal-default\"] p {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"login-modal-default\"] div.oy8.zI7.iyn.Hsu svg > path {\n fill: #b7bdf8 !important;\n }\n div[data-test-id=\"login-modal-mfa\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"login-modal-mfa\"] h1,\n div[data-test-id=\"login-modal-mfa\"] p {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"login-modal-mfa\"] button.red {\n background-color: #b7bdf8 !important;\n }\n div[data-test-id=\"login-modal-mfa\"] button.red div {\n color: #1e2030 !important;\n }\n div[data-test-id=\"login-modal-mfa\"] button.red:hover,\n div[data-test-id=\"login-modal-mfa\"] button.red:focus {\n background-color: rgba(183, 189, 248, 0.75) !important;\n }\n div[data-test-id=\"login-modal-mfa\"] div.oy8.zI7.iyn.Hsu svg > path {\n fill: #b7bdf8 !important;\n }\n /* Messages */\n div.JME.Jea.KS5.RDc._HI.hA-.ho-.jzS.wYR.wc1.zI7.iyn.Hsu,\n div.DUt.Jea._HI.hA-.jzS.wYR.zI7.iyn.Hsu,\n div.DUt.Jea._HI.hA-.jzS.wYR.zI7.iyn.Hsu div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s,\n div.x8f.INd._O1.KS5.mQ8.OGJ.YbY.bPW,\n div.DUt.JME.Jea.KS5.VxL._HI.hA-.wYR.wc1.zI7.iyn.Hsu,\n div.DUt.JME.Jea.KS5.VxL._HI.hA-.wYR.wc1.zI7.iyn.Hsu div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s.CKL,\n div.INd.Jea.KS5._HI.mQ8.zI7.iyn.Hsu,\n div.INd._HI.zI7.iyn.Hsu div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.x8f.INd._O1.KS5.mQ8.Adb.BsF.bPW,\n div.x8f.INd._O1.KS5.mQ8.Adb.BsF.s4m {\n background-color: #1e2030 !important;\n }\n div.x8f.INd._O1.KS5.mQ8.Adb.BsF.bPW svg > path,\n div.x8f.INd._O1.KS5.mQ8.Adb.BsF.s4m svg > path {\n fill: #cad3f5 !important;\n }\n input.ta7.iyn.KI_.Lfz.XgI.Hsu.pBj.qJc.tBJ.dyH.iFc.sAJ.L4E.xD4.Zj6.dPY.BG7.TKt.LJB {\n border-color: #363a4f !important;\n }\n div.JME.Jea.KS5.fev.zI7.iyn.Hsu {\n border-color: transparent !important;\n }\n div.LJB.Pw5.daS.fev.urM.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n border-color: transparent !important;\n }\n div.Jea.OVX.jzS.ujU.zI7.iyn.Hsu textarea {\n background-color: transparent !important;\n color: #cad3f5 !important;\n caret-color: #cad3f5 !important;\n }\n div[data-test-id=\"contact-search-field\"] input {\n background-color: #1e2030 !important;\n border-color: transparent !important;\n }\n div.INd.IVF.Jea.KS5.mQ8.wc1.zI7.iyn.Hsu {\n background-color: #b7bdf8 !important;\n }\n div.INd.IVF.Jea.KS5.mQ8.wc1.zI7.iyn.Hsu svg > path {\n fill: #1e2030 !important;\n }\n div.Jea.KS5.LJB.Lfz.Pw5.Zr3.daS.hUC.hle.wc1.xuU.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n color: #cad3f5 !important;\n }\n div.INd.Jea.KS5.hle.mQ8.wc1.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n /** Mobile **/\n div.Jea.KS5.MIw.Rym.jzS.ojN.p6V.zI7.iyn.Hsu,\n div[data-test-id=\"conversation-page-header\"] {\n background-color: #24273a !important;\n }\n div.Eqh.HFo.INd.JME.Jea.VxL.Zr3.hUC.hjj.jar.zI7.iyn.Hsu {\n background-color: #24273a !important;\n border-color: transparent !important;\n }\n div.Eqh.HFo.INd.JME.Jea.VxL.Zr3.hUC.hjj.jar.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n }\n div.x8f.INd._O1.KS5.mQ8.pHl.Jrn {\n background-color: #b7bdf8 !important;\n }\n div.x8f.INd._O1.KS5.mQ8.pHl.Jrn svg > path {\n fill: #1e2030 !important;\n }\n div.CCY.S9z.eEj.Tbt.L4E.e8F.BG7 div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n div.CCY.S9z.eEj.Tbt.L4E.e8F.BG7 div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n stroke: #cad3f5 !important;\n }\n /* Settings */\n div.E0x.qJc.fRe.nG5.qs6.XgI.xpn.ty9.kVc.Hsu.INd._O1.KS5.mQ8.XiG.Pw5 {\n border-color: #a5adcb !important;\n background-color: #1e2030 !important;\n }\n div.E0x.qJc.dxz.dPY.qs6.XgI.xpn.ty9.kVc.Hsu.INd._O1.KS5.mQ8.XiG.Pw5 {\n border-color: rgba(165, 173, 203, 0.75) !important;\n }\n div.E0x.qJc.iKS.gSJ.dJq.xpn.ty9.kVc.Hsu.INd._O1.KS5.mQ8.XiG.Pw5 {\n background-color: #1e2030 !important;\n border-color: #b7bdf8 !important;\n }\n div.jPl.kVc.Hsu.XiG.NYx.qJc.nG5 {\n background-color: #1e2030 !important;\n border-color: #1e2030 !important;\n }\n div.jPl.kVc.Hsu.XiG.dD6.BsF.gSJ {\n background-color: #b7bdf8 !important;\n border-color: #b7bdf8 !important;\n }\n div.jPl.kVc.Hsu.XiG.GOX.gfP.nG5,\n div.jPl.kVc.Hsu.XiG.v-K.gpV.LJB {\n background-color: #5b6078 !important;\n border-color: #5b6078 !important;\n }\n div.U7Q.Hsu.MIw.qJc.INd.RDh.GEq.nG5,\n div.U7Q.Hsu.MIw.qJc.INd.taI.GEq.nG5,\n div.U7Q.Hsu.MIw.qJc.INd.RDh.fhX.LJB,\n div.U7Q.Hsu.MIw.qJc.INd.taI.fhX.LJB {\n background-color: #181926 !important;\n border-color: #a5adcb !important;\n }\n div.qJc.Q9m.nG5.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5,\n div.qJc.Q9m.nG5.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 {\n background-color: #1e2030 !important;\n border-color: #6e738d !important;\n }\n div.qJc.Wqy.dPY.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5,\n div.qJc.Wqy.dPY.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 {\n border-color: rgba(110, 115, 141, 0.75) !important;\n }\n div.BsF.PO8.gSJ.QsN.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5,\n div.BsF.PO8.gSJ.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 {\n background-color: #1e2030 !important;\n border-color: #b7bdf8 !important;\n }\n div.BsF.PO8.gSJ.QsN.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 svg > path,\n div.BsF.PO8.gSJ.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 svg > path {\n fill: #cad3f5 !important;\n }\n div.Jea.KS5.XbT.hA-.ho-.jzS.ujU.wYR.zI7.iyn.Hsu div.un8.DUt.wYR.hA-.gpV {\n background-color: #b7bdf8 !important;\n }\n div.Jea.KS5.XbT.hA-.ho-.jzS.ujU.wYR.zI7.iyn.Hsu div.un8.DUt.wYR.hA-.gpV span {\n color: #24273a !important;\n }\n div.x8f.INd._O1.KS5.mQ8.WhU.gpV svg > path {\n fill: #24273a !important;\n }\n button.N5M.adn.wYR.hUC.BG7.Jp7._HI.CCY.S9z {\n background-color: #24273a !important;\n }\n button.N5M.adn.wYR.hUC.BG7.Jp7._HI.CCY.S9z svg > path {\n fill: #cad3f5 !important;\n }\n button.N5M.adn.wYR.hUC.BG7.Jp7._HI.CCY.S9z:hover {\n background-color: rgba(54, 58, 79, 0.25) !important;\n }\n div.react-datepicker {\n background-color: #24273a !important;\n }\n div.react-datepicker select {\n color: #cad3f5 !important;\n }\n div.react-datepicker select:focus {\n box-shadow: 0 0 0 4px #b7bdf8 !important;\n }\n div.react-datepicker__day--selected {\n background-color: #b7bdf8 !important;\n color: #24273a !important;\n }\n div[style=\"background-color: rgba(0, 0, 0, 0.06);\"] div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s {\n background-color: transparent !important;\n }\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: #1e2030 !important;\n }\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E div {\n background-color: transparent !important;\n color: #cad3f5 !important;\n }\n button:hover div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.Il7.Jrn.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: #b7bdf8 !important;\n }\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.Il7.Jrn.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E div {\n background-color: transparent !important;\n color: #1e2030 !important;\n }\n button:hover div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.Il7.Jrn.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: rgba(183, 189, 248, 0.75) !important;\n }\n button:disabled.RCK.Hsu.USg.adn.CCY.NTm.KhY.oRi.lnZ.wsz.YbY > div {\n background-color: rgba(73, 77, 100, 0.75) !important;\n }\n button:disabled.RCK.Hsu.USg.adn.CCY.NTm.KhY.oRi.lnZ.wsz.YbY > div div {\n color: #1e2030 !important;\n }\n div[data-test-id=\"account-comparison-table-container\"] svg > path {\n fill: #b7bdf8 !important;\n }\n }\n @media (prefers-color-scheme: dark) {\n :root {\n --g-colorGray0: #1e2030;\n --color-border-container: #1e2030;\n --color-gray-roboflow-400: #202233;\n --color-text-icon-default: #cad3f5;\n --color-background-default: #24273a;\n --g-color-focus: #b7bdf8;\n }\n .Dl7 {\n border-color: transparent !important;\n }\n svg.ztu > path {\n fill: #a5adcb !important;\n }\n /* Body */\n body,\n div[data-test-id=\"pin-builder\"] {\n background-color: #24273a !important;\n height: auto !important;\n }\n .O2T,\n .pBj,\n h3,\n h5,\n div,\n input[type=\"text\"] {\n color: #cad3f5 !important;\n }\n .a_A:focus,\n .a_A:hover {\n background-color: rgba(183, 189, 248, 0.75) !important;\n }\n :focus,\n :focus-within,\n :focus-visible {\n outline-color: #b7bdf8 !important;\n }\n div#searchBoxContainer div[style=\"padding: 0px 0px 0px 16px; height: 100%; border-radius: 24px; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px;\"],\n div#searchBoxContainer div[style=\"padding: 0px 4px 0px 16px; height: 100%; border-radius: 24px; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px;\"],\n div[data-test-id=\"add-pin-to-conversation\"] div[style=\"border: 1px solid transparent; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px; padding: 4px 15px; min-height: 48px; width: 100%;\"] {\n box-shadow: 0 0 0 4px #b7bdf8 !important;\n }\n .iyn:focus,\n .C1J {\n box-shadow: 0 0 0 4px #b7bdf8;\n }\n .hCL.kVc.L4E.MIw {\n background-color: transparent !important;\n }\n div[data-test-id=\"skipToContentContainer\"] div {\n background-color: #b7bdf8 !important;\n color: #1e2030 !important;\n }\n div.Dl7.rTt.mi-.ho-.ygj._O1.XbT.DHH.kFh {\n background-color: #b7bdf8 !important;\n }\n div.Dl7.rTt.mi-.ho-.ygj._O1.XbT.DHH.kFh div {\n color: #1e2030 !important;\n }\n /** Mobile **/\n div._he.urM.zI7.iyn.Hsu {\n border-color: transparent !important;\n }\n /* About */\n h1.lH1.dyH.iFc.H2s.bwj.c8S.zDA,\n h2.lH1.dyH.iFc.H2s.bwj.c8S.zDA {\n color: #b7bdf8 !important;\n }\n div[data-test-id=\"signup-default-modal\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"signup-default-modal\"] h1 {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"signup-default-modal\"] div.oy8.zI7.iyn.Hsu svg > path {\n fill: #b7bdf8 !important;\n }\n div[data-test-id=\"registerFormSubmitButton\"] button.red {\n background-color: #b7bdf8 !important;\n }\n div[data-test-id=\"registerFormSubmitButton\"] button.red div {\n color: #1e2030 !important;\n }\n div[data-test-id=\"registerFormSubmitButton\"] button.red:hover,\n div[data-test-id=\"registerFormSubmitButton\"] button.red:focus {\n background-color: rgba(183, 189, 248, 0.75) !important;\n }\n div[style=\"height: 200px; background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%);\"] {\n background: linear-gradient(rgba(36, 39, 58, 0) 0%, #24273a 70%) !important;\n }\n div[data-test-id=\"how-it-works-container\"] {\n background-color: #eed49f !important;\n }\n div[data-test-id=\"how-it-works-container\"] div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s {\n background-color: transparent !important;\n color: #24273a !important;\n }\n div[data-test-id=\"how-it-works-container\"] svg > path {\n fill: #24273a !important;\n }\n div[data-anchor=\"search\"] {\n background-color: #eed49f !important;\n }\n div[data-anchor=\"search\"] div.zI7.iyn.Hsu {\n color: #24273a !important;\n }\n div[data-anchor=\"search\"] div.JME.zI7.iyn.Hsu {\n color: #cad3f5 !important;\n }\n div[data-anchor=\"save\"] {\n background-color: #b7bdf8 !important;\n }\n div[data-anchor=\"save\"] div.zI7.iyn.Hsu {\n color: #24273a !important;\n }\n div[data-anchor=\"shop\"] {\n background-color: #f4dbd6 !important;\n }\n div[data-anchor=\"shop\"] div.zI7.iyn.Hsu {\n color: #24273a !important;\n }\n /** Mobile **/\n div.QLY.Rym.XiG.Zr3.zI7.iyn.Hsu {\n background-color: #24273a !important;\n }\n /* Button */\n .Jrn,\n .gpV {\n background-color: #b7bdf8 !important;\n }\n .Jrn div,\n .gpV div {\n color: #24273a !important;\n }\n .BsF {\n background-color: #1e2030 !important;\n }\n .u97 {\n background-color: rgba(36, 39, 58, 0.69) !important;\n }\n .NSs.bPW,\n .NSs.Xsi {\n background-color: #363a4f !important;\n }\n .NSs.s4m {\n background-color: #5b6078 !important;\n }\n .bmw,\n .Jea.Lfz.gjz.hA-.wYR.zI7.iyn.Hsu {\n background-color: #24273a !important;\n }\n .bmw:focus,\n .bmw:hover,\n .W6-:focus,\n .W6-:hover,\n .Jea.Lfz.gjz.hA-.wYR.zI7.iyn.Hsu:hover,\n .DUt.XiG._wN.eZS.hA-.wYR.zI7.iyn.Hsu:hover,\n ._HI,\n .eZS,\n .zI8:focus,\n .zI8:hover,\n .BsF:hover,\n .BsF:focus {\n background-color: rgba(36, 39, 58, 0.69) !important;\n }\n .Il7:hover,\n .Il7:focus {\n background-color: rgba(183, 189, 248, 0.75) !important;\n }\n input.D8X.Hsu.tBJ.dyH.iFc.sAJ.L4E.Bvi.iyn.H_e.pBj.qJc.TKt.LJB.xD4.z-6,\n textarea.Gnj.Hsu.tBJ.dyH.iFc.sAJ.L4E.Bvi.iyn.H_e.pBj.qJc.TKt.LJB,\n div.D8X.Hsu.tBJ.dyH.iFc.sAJ.L4E.Bvi.iyn.H_e.pBj.qJc.TKt.LJB.xD4.BMi.rNx {\n background-color: #1e2030;\n border-color: transparent !important;\n }\n /** Mobile **/\n div.IVF.Jea.mQ8.zI7.iyn.Hsu {\n background-color: #b7bdf8 !important;\n }\n div.IVF.Jea.mQ8.zI7.iyn.Hsu span {\n color: #24273a !important;\n }\n /* Header */\n .GjR,\n .sj_ {\n color: #b7bdf8 !important;\n }\n .P_h {\n background-color: #181926 !important;\n }\n .P_h span {\n color: #cad3f5 !important;\n }\n .urM,\n .SpV,\n .DUt.XiG._wN.hA-.urM.wYR.zI7.iyn.Hsu,\n .DUt.XiG._wN.eZS.hA-.wYR.zI7.iyn.Hsu,\n .ProPartnerHeaderMenuList .proPartnerHeaderMenuItem:hover {\n background-color: #24273a !important;\n }\n /* Search */\n div.Jea.fev.zI7.iyn.Hsu,\n div[data-test-id=\"search-tab-bar\"] {\n background-color: #1e2030 !important;\n }\n div.sLG.urM.zI7.iyn.Hsu div.hs0.un8.C9i.TB_ {\n background-color: #24273a !important;\n }\n input#search {\n color: #cad3f5 !important;\n }\n span.tBJ.dyH.iFc.sAJ.EdS.zDA.IZT.swG {\n color: #8087a2 !important;\n }\n div.C9q.Jea.KS5.Lfz.XiG.Zr3._HI.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.C9q.Jea.KS5.Lfz.XiG.Zr3.hle.zI7.iyn.Hsu {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n /** Mobile **/\n div[data-test-id=\"header\"] {\n border-color: #1e2030 !important;\n }\n div.VxL.fZz.hA-.ho-.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.VxL.fZz.hA-.ho-.zI7.iyn.Hsu svg > path {\n fill: #b7bdf8 !important;\n }\n /* Profile */\n div[data-test-id=\"profile-header\"],\n div[data-test-id=\"PinTypeIdentifier\"],\n div.hs0.mQ8.un8.C9i.TB_ div.Pj7.sLG.XiG.INd.m1e div.XiG.zI7.iyn.Hsu,\n div.Pj7.sLG.XiG.INd.m1e div.XiG.zI7.iyn.Hsu,\n div.Jea._HI.fev.zI7.iyn.Hsu div.MMh._Y5.feh.s7I.zI7.iyn.Hsu,\n .MMh._Y5.feh.s7I.zI7.iyn.Hsu,\n div.qiB div.fZz.urM.zI7.iyn.Hsu,\n div.zIH.PC4.XiG {\n background-color: #24273a !important;\n }\n div.hs0.mQ8.un8.C9i.TB_ div.INd.XiG.zI7.iyn.Hsu {\n box-shadow: none !important;\n }\n div[data-test-id=\"gestalt-avatar-svg\"] {\n border-color: transparent !important;\n }\n div[data-test-id=\"gestalt-avatar-svg\"] div.INd.XiG._HI.zI7.iyn.Hsu {\n background-color: #181926 !important;\n }\n div[data-test-id=\"gestalt-avatar-svg\"] div.INd.XiG._HI.zI7.iyn.Hsu svg > text {\n fill: #cad3f5 !important;\n }\n div.KS5.jzS.un8.C9i.TB_ div.DUt.XiG._HI._wN.hA-.wYR.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.MIw.QLY.Rym.ojN.p6V.zI7.iyn.Hsu div.XiG.zI7.iyn.Hsu {\n background-color: rgba(36, 39, 58, 0.69) !important;\n }\n div.MIw.QLY.Rym.ojN.p6V.sLG.zI7.iyn.Hsu {\n border-color: #1e2030 !important;\n }\n div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu[style=\"height: 30px; width: 30px; border: 2px solid rgb(17, 17, 17);\"] {\n border-color: #1e2030 !important;\n }\n div.Jea.KS5.MtH.jzS.kKU.zI7.iyn.Hsu svg.gUZ.R19.U9O.kVc > path {\n fill: #1e2030 !important;\n }\n div.Jea.KS5.MtH.jzS.kKU.zI7.iyn.Hsu div.VxL.zI7.iyn.Hsu button {\n background-color: transparent !important;\n }\n div[data-test-id=\"copy-link-share-icon-auth\"] button svg path,\n div[data-test-id=\"search-for-users-button\"] button svg path,\n div[data-test-id=\"email-share-button-auth\"] button svg path {\n fill: #1e2030 !important;\n }\n div[data-test-id=\"copy-link-share-icon-auth\"] button svg rect,\n div[data-test-id=\"search-for-users-button\"] button svg rect,\n div[data-test-id=\"email-share-button-auth\"] button svg rect {\n fill: #b7bdf8 !important;\n }\n div.Jea.KS5._HI.ho-.mQ8.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.Jea.KS5._HI.ho-.mQ8.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n }\n div.Jea.KS5.hle.ho-.mQ8.zI7.iyn.Hsu {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n div[aria-label=\"Change Board Cover\"] div.MIw.QLY.Rym.ojN.p6V.zI7.iyn.Hsu span {\n background-color: #24273a !important;\n }\n div.MIw.hA-.ojN.p6V.wYR.zI7.iyn.Hsu div[style=\"height: 44px; width: 44px; background: rgba(255, 255, 255, 0.8);\"] {\n background-color: rgba(30, 32, 48, 0.8) !important;\n }\n div.MIw.hA-.ojN.p6V.wYR.zI7.iyn.Hsu div[style=\"height: 44px; width: 44px; background: rgba(255, 255, 255, 0.8);\"] svg > path {\n fill: #cad3f5 !important;\n }\n div.MIw.hA-.ojN.p6V.wYR.zI7.iyn.Hsu div[style=\"height: 44px; width: 44px; background: white;\"] {\n background-color: #1e2030 !important;\n }\n div.DUt.Jea.KS5.UNK.mQ8.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.DUt.Jea.KS5.UNK.mQ8.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n }\n button div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: #1e2030 !important;\n }\n button:hover div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n div.pincodeMain svg path#background {\n fill: #24273a !important;\n }\n div.pincodeCTA svg path[fill=\"#111111\"] {\n fill: #cad3f5 !important;\n }\n div.pincodeCTA svg path[fill=\"#E60023\"] {\n fill: #b7bdf8 !important;\n }\n div.pincodeCTA svg path[fill=\"white\"] {\n fill: #24273a !important;\n }\n h1.lH1.dyH.iFc.H2s.R-d.EdS.tg7.IZT {\n color: #939ab7 !important;\n }\n div[data-test-id=\"pinRepSelectionBorder\"] {\n border-color: #cad3f5 !important;\n }\n div[data-test-id=\"pinRepSelectionBorder\"] svg > path {\n fill: #cad3f5 !important;\n }\n div[data-test-id=\"pinRepSelectionBorder\"][style=\"z-index: 1; border-width: 3px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 16px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px inset;\"] {\n border-color: #1e2030 !important;\n box-shadow: inset 0 0 0 3px #b7bdf8 !important;\n }\n div.CCY.S9z.INd.oCZ.Tbt.L4E.e8F.BG7 div.INd.zI7.iyn.Hsu {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n div.CCY.S9z.INd.oCZ.Tbt.L4E.e8F.BG7 div.INd.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n }\n div.CCY.S9z.INd.oCZ.Tbt.L4E.e8F.BG7 div.INd.zI7.iyn.Hsu div.INd.P_h.YFA.Zr3.hUC.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.tBJ.dyH.iFc.sAJ.xnr.zDA.IZT.H2s,\n a.Wk9.CCY.S9z.eEj.kVc.xQ4.uCz {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"boardSelectionDropdown\"] svg.gUZ.PLa.U9O.kVc > path {\n fill: #cad3f5 !important;\n }\n /** Mobile **/\n div.CCY.S9z.INd.Tbt.L4E.e8F.BG7 div.INd.hA-.wYR.zI7.iyn.Hsu {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n div.CCY.S9z.INd.Tbt.L4E.e8F.BG7 div.INd.hA-.wYR.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n }\n /* Content */\n div[data-root-margin=\"more-ideas-tabs\"] div.urM.zI7.iyn.Hsu,\n .Jea.jx-.l7T.zI7.iyn.Hsu div.INd.Jea.KS5.mQ8.sLG.zI7.iyn.Hsu,\n div[data-test-id=\"shop-button\"],\n div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s {\n background-color: #24273a !important;\n }\n div[aria-label=\"reaction\"] .INd.zI7.iyn.Hsu,\n div.div.IB7.XiG.zI7.iyn.Hsu {\n background-color: #363a4f !important;\n }\n div[aria-label=\"reaction\"] .INd.zI7.iyn.Hsu:hover {\n background-color: #494d64 !important;\n }\n div.KS5.jzS.mQ8.un8.C9i.TB_ div.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n div[data-test-id=\"inline-comment-composer-container\"] {\n border-color: #1e2030 !important;\n }\n div._HI.fev.ujU.wsz.zI7.iyn.Hsu {\n background-color: #24273a !important;\n color: #cad3f5 !important;\n }\n div.fev.hle.ujU.wsz.zI7.iyn.Hsu {\n background-color: rgba(30, 32, 48, 0.75) !important;\n color: #cad3f5 !important;\n }\n svg.gUZ.PLa.U9O.kVc > path {\n fill: #cad3f5 !important;\n }\n div.x8f.INd._O1.KS5.mQ8.NSs.u97.bPW,\n div.x8f.INd._O1.KS5.mQ8.NSs.u97.s4m {\n background-color: #1e2030 !important;\n }\n div.x8f.INd._O1.KS5.mQ8.NSs.u97.bPW svg > path,\n div.x8f.INd._O1.KS5.mQ8.NSs.u97.s4m svg > path {\n fill: #cad3f5 !important;\n }\n .EmojiPickerReact {\n --epr-bg-color: #24273a;\n --epr-text-color: #cad3f5;\n --epr-picker-border-color: #24273a;\n --epr-category-label-bg-color: #24273a;\n --epr-search-input-bg-color: #1e2030;\n --epr-skin-tone-picker-menu-color: #1e2030;\n --epr-category-icon-active-color: #b7bdf8;\n --epr-highlight-color: #b7bdf8;\n --epr-hover-bg-color: #363a4f;\n --epr-focus-bg-color: #363a4f;\n }\n textarea.PinNoteInput {\n background-color: #24273a !important;\n color: #cad3f5 !important;\n caret-color: #cad3f5 !important;\n }\n div.Zr3.hUC.xcv.L4E.zI7.iyn.Hsu {\n background-color: #b7bdf8 !important;\n }\n div.Zr3.hUC.xcv.L4E.zI7.iyn.Hsu div {\n color: #181926 !important;\n }\n div.DUt.Jea.QLY.XiG.jzS.ojN.p6V.ujU.urM.zI7.iyn.Hsu,\n div.DUt.Jea.MIw.QLY.jzS.ojN.p6V.ujU.urM.zI7.iyn.Hsu {\n border-color: transparent !important;\n }\n div.MZ3.fZz.hUC.ho-.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.MZ3.fZz.hUC.ho-.zI7.iyn.Hsu span {\n color: #cad3f5 !important;\n }\n button div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.DZT.I56.Zr3.C9q.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: #b7bdf8 !important;\n }\n button div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.DZT.I56.Zr3.C9q.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E div {\n color: #1e2030 !important;\n }\n button:hover div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.DZT.I56.Zr3.C9q.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: rgba(183, 189, 248, 0.75) !important;\n }\n button div.RCK.Hsu.USg.adn.CCY.gn8.L4E.kVc.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: #1e2030 !important;\n }\n button:hover div.RCK.Hsu.USg.adn.CCY.gn8.L4E.kVc.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n a.Wk9.CCY.S9z.eEj.goI.xQ4,\n span.tBJ.dyH.iFc.sAJ.Q5U.zDA.H2s a.Wk9.CCY.S9z.eEj.KhY.xQ4.uCz {\n color: #b7bdf8 !important;\n }\n div[data-test-id=\"user-rep-avatar\"] div.Jea.MIw.QLY.Rym.mQ8.ojN.p6V.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n button.ope.ujU.e43.adn.BG7.CCY.zHr.qJc {\n background-color: #1e2030 !important;\n }\n button.ope.ujU.e43.adn.BG7.CCY.zHr.qJc div {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"flashlight-dot-style\"] {\n background-color: #b7bdf8 !important;\n }\n div[data-test-id=\"flashlight-enabled-image\"] svg use.v2cropSection {\n stroke: #b7bdf8 !important;\n }\n div[data-test-id=\"flashlight-enabled-image\"] svg path.v2cropperHandle {\n fill: #b7bdf8 !important;\n }\n div[data-test-id=\"one-bar-modified-bubble\"].Jea.KS5.Lfz.mQ8.zI7.iyn.Hsu {\n background-color: #b7bdf8 !important;\n border-color: #24273a !important;\n }\n /** Mobile **/\n div.Jea.KS5.Lfz.mQ8.zI7.iyn.Hsu {\n background-color: #24273a !important;\n }\n div.Jea.KS5.Lfz.mQ8.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n }\n /** Not Logged In **/\n div.XiG.hUC.wYR.zI7.iyn.Hsu[style=\"background-color: rgba(255, 255, 255, 0.95); height: 100%; width: 100%;\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"email-share-button\"] a svg path {\n fill: #1e2030 !important;\n }\n div[data-test-id=\"email-share-button\"] a svg rect {\n fill: #b7bdf8 !important;\n }\n div[data-test-id=\"left-scroll-arrow\"] {\n background: linear-gradient(to right, #24273a 25%, rgba(36, 39, 58, 0) 100%) !important;\n }\n div[data-test-id=\"right-scroll-arrow\"] {\n background: linear-gradient(to left, #24273a 25%, rgba(36, 39, 58, 0) 100%) !important;\n }\n span.tBJ.dyH.iFc.dR0.EdS.zDA.IZT.H2s a {\n color: #b7bdf8 !important;\n }\n div[data-test-id=\"breadcrumbs-list\"] div[style=\"width: 16px; height: 32px; background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255));\"] {\n background-image: linear-gradient(to left, rgba(36, 39, 58, 0), #24273a) !important;\n }\n div[data-test-id=\"breadcrumbs-list\"] div[style=\"width: 16px; height: 32px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));\"] {\n background-image: linear-gradient(to right, rgba(36, 39, 58, 0), #24273a) !important;\n }\n div[data-test-id=\"main-pin-hover-overlay\"] {\n opacity: 0.5;\n }\n div.HFo.Jea.KS5._he.zI7.iyn.Hsu {\n background-color: #24273a !important;\n }\n /* Create */\n div.DUt.HFo.hA-.wYR.zI7.iyn.Hsu {\n background-color: #24273a !important;\n }\n div.Jea.KS5.OVX.XiG._HI.jzS.mQ8.zI7.iyn.Hsu {\n background-color: #363a4f !important;\n }\n div.Jea.KS5.OVX.XiG._HI.jzS.mQ8.zI7.iyn.Hsu svg > path {\n fill: #a5adcb !important;\n }\n div.Jea.MIw.QLY.Rym.ojN.p6V.zI7.iyn.Hsu {\n background-color: rgba(36, 39, 58, 0.75) !important;\n }\n div.Jea.Shl.X6t.XiG.hDW.jzS.zI7.iyn.Hsu button {\n background-color: #1e2030 !important;\n }\n div.XiG._HI.s2n.sLG.zI7.iyn.Hsu {\n border-color: #1e2030 !important;\n }\n button.ope.ujU.e43.adn.BG7.CCY.zHr.qJc div.tBJ.dyH.iFc.j1A.O2T.zDA.IZT.H2s {\n color: #cad3f5 !important;\n }\n button.ope.ujU.e43.adn.BG7.CCY.izI svg > path {\n fill: #1e2030 !important;\n }\n input#storyboard-editor-details-text-size {\n background-color: #1e2030 !important;\n color: #cad3f5 !important;\n caret-color: #cad3f5 !important;\n border-color: transparent !important;\n }\n input[style=\"min-width: 0px; flex: 1 1 0%; font-size: 16px; color: rgb(51, 51, 51); border: 0px; outline: none; box-sizing: border-box; padding: 0px;\"] {\n background-color: #24273a !important;\n color: #cad3f5 !important;\n caret-color: #cad3f5 !important;\n }\n /* Login */\n div[data-test-id=\"login-modal-default\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"login-modal-default\"] h1,\n div[data-test-id=\"login-modal-default\"] p {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"login-modal-default\"] div.oy8.zI7.iyn.Hsu svg > path {\n fill: #b7bdf8 !important;\n }\n div[data-test-id=\"login-modal-mfa\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"login-modal-mfa\"] h1,\n div[data-test-id=\"login-modal-mfa\"] p {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"login-modal-mfa\"] button.red {\n background-color: #b7bdf8 !important;\n }\n div[data-test-id=\"login-modal-mfa\"] button.red div {\n color: #1e2030 !important;\n }\n div[data-test-id=\"login-modal-mfa\"] button.red:hover,\n div[data-test-id=\"login-modal-mfa\"] button.red:focus {\n background-color: rgba(183, 189, 248, 0.75) !important;\n }\n div[data-test-id=\"login-modal-mfa\"] div.oy8.zI7.iyn.Hsu svg > path {\n fill: #b7bdf8 !important;\n }\n /* Messages */\n div.JME.Jea.KS5.RDc._HI.hA-.ho-.jzS.wYR.wc1.zI7.iyn.Hsu,\n div.DUt.Jea._HI.hA-.jzS.wYR.zI7.iyn.Hsu,\n div.DUt.Jea._HI.hA-.jzS.wYR.zI7.iyn.Hsu div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s,\n div.x8f.INd._O1.KS5.mQ8.OGJ.YbY.bPW,\n div.DUt.JME.Jea.KS5.VxL._HI.hA-.wYR.wc1.zI7.iyn.Hsu,\n div.DUt.JME.Jea.KS5.VxL._HI.hA-.wYR.wc1.zI7.iyn.Hsu div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s.CKL,\n div.INd.Jea.KS5._HI.mQ8.zI7.iyn.Hsu,\n div.INd._HI.zI7.iyn.Hsu div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.x8f.INd._O1.KS5.mQ8.Adb.BsF.bPW,\n div.x8f.INd._O1.KS5.mQ8.Adb.BsF.s4m {\n background-color: #1e2030 !important;\n }\n div.x8f.INd._O1.KS5.mQ8.Adb.BsF.bPW svg > path,\n div.x8f.INd._O1.KS5.mQ8.Adb.BsF.s4m svg > path {\n fill: #cad3f5 !important;\n }\n input.ta7.iyn.KI_.Lfz.XgI.Hsu.pBj.qJc.tBJ.dyH.iFc.sAJ.L4E.xD4.Zj6.dPY.BG7.TKt.LJB {\n border-color: #363a4f !important;\n }\n div.JME.Jea.KS5.fev.zI7.iyn.Hsu {\n border-color: transparent !important;\n }\n div.LJB.Pw5.daS.fev.urM.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n border-color: transparent !important;\n }\n div.Jea.OVX.jzS.ujU.zI7.iyn.Hsu textarea {\n background-color: transparent !important;\n color: #cad3f5 !important;\n caret-color: #cad3f5 !important;\n }\n div[data-test-id=\"contact-search-field\"] input {\n background-color: #1e2030 !important;\n border-color: transparent !important;\n }\n div.INd.IVF.Jea.KS5.mQ8.wc1.zI7.iyn.Hsu {\n background-color: #b7bdf8 !important;\n }\n div.INd.IVF.Jea.KS5.mQ8.wc1.zI7.iyn.Hsu svg > path {\n fill: #1e2030 !important;\n }\n div.Jea.KS5.LJB.Lfz.Pw5.Zr3.daS.hUC.hle.wc1.xuU.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n color: #cad3f5 !important;\n }\n div.INd.Jea.KS5.hle.mQ8.wc1.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n /** Mobile **/\n div.Jea.KS5.MIw.Rym.jzS.ojN.p6V.zI7.iyn.Hsu,\n div[data-test-id=\"conversation-page-header\"] {\n background-color: #24273a !important;\n }\n div.Eqh.HFo.INd.JME.Jea.VxL.Zr3.hUC.hjj.jar.zI7.iyn.Hsu {\n background-color: #24273a !important;\n border-color: transparent !important;\n }\n div.Eqh.HFo.INd.JME.Jea.VxL.Zr3.hUC.hjj.jar.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n }\n div.x8f.INd._O1.KS5.mQ8.pHl.Jrn {\n background-color: #b7bdf8 !important;\n }\n div.x8f.INd._O1.KS5.mQ8.pHl.Jrn svg > path {\n fill: #1e2030 !important;\n }\n div.CCY.S9z.eEj.Tbt.L4E.e8F.BG7 div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n div.CCY.S9z.eEj.Tbt.L4E.e8F.BG7 div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu svg > path {\n fill: #cad3f5 !important;\n stroke: #cad3f5 !important;\n }\n /* Settings */\n div.E0x.qJc.fRe.nG5.qs6.XgI.xpn.ty9.kVc.Hsu.INd._O1.KS5.mQ8.XiG.Pw5 {\n border-color: #a5adcb !important;\n background-color: #1e2030 !important;\n }\n div.E0x.qJc.dxz.dPY.qs6.XgI.xpn.ty9.kVc.Hsu.INd._O1.KS5.mQ8.XiG.Pw5 {\n border-color: rgba(165, 173, 203, 0.75) !important;\n }\n div.E0x.qJc.iKS.gSJ.dJq.xpn.ty9.kVc.Hsu.INd._O1.KS5.mQ8.XiG.Pw5 {\n background-color: #1e2030 !important;\n border-color: #b7bdf8 !important;\n }\n div.jPl.kVc.Hsu.XiG.NYx.qJc.nG5 {\n background-color: #1e2030 !important;\n border-color: #1e2030 !important;\n }\n div.jPl.kVc.Hsu.XiG.dD6.BsF.gSJ {\n background-color: #b7bdf8 !important;\n border-color: #b7bdf8 !important;\n }\n div.jPl.kVc.Hsu.XiG.GOX.gfP.nG5,\n div.jPl.kVc.Hsu.XiG.v-K.gpV.LJB {\n background-color: #5b6078 !important;\n border-color: #5b6078 !important;\n }\n div.U7Q.Hsu.MIw.qJc.INd.RDh.GEq.nG5,\n div.U7Q.Hsu.MIw.qJc.INd.taI.GEq.nG5,\n div.U7Q.Hsu.MIw.qJc.INd.RDh.fhX.LJB,\n div.U7Q.Hsu.MIw.qJc.INd.taI.fhX.LJB {\n background-color: #181926 !important;\n border-color: #a5adcb !important;\n }\n div.qJc.Q9m.nG5.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5,\n div.qJc.Q9m.nG5.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 {\n background-color: #1e2030 !important;\n border-color: #6e738d !important;\n }\n div.qJc.Wqy.dPY.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5,\n div.qJc.Wqy.dPY.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 {\n border-color: rgba(110, 115, 141, 0.75) !important;\n }\n div.BsF.PO8.gSJ.QsN.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5,\n div.BsF.PO8.gSJ.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 {\n background-color: #1e2030 !important;\n border-color: #b7bdf8 !important;\n }\n div.BsF.PO8.gSJ.QsN.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 svg > path,\n div.BsF.PO8.gSJ.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 svg > path {\n fill: #cad3f5 !important;\n }\n div.Jea.KS5.XbT.hA-.ho-.jzS.ujU.wYR.zI7.iyn.Hsu div.un8.DUt.wYR.hA-.gpV {\n background-color: #b7bdf8 !important;\n }\n div.Jea.KS5.XbT.hA-.ho-.jzS.ujU.wYR.zI7.iyn.Hsu div.un8.DUt.wYR.hA-.gpV span {\n color: #24273a !important;\n }\n div.x8f.INd._O1.KS5.mQ8.WhU.gpV svg > path {\n fill: #24273a !important;\n }\n button.N5M.adn.wYR.hUC.BG7.Jp7._HI.CCY.S9z {\n background-color: #24273a !important;\n }\n button.N5M.adn.wYR.hUC.BG7.Jp7._HI.CCY.S9z svg > path {\n fill: #cad3f5 !important;\n }\n button.N5M.adn.wYR.hUC.BG7.Jp7._HI.CCY.S9z:hover {\n background-color: rgba(54, 58, 79, 0.25) !important;\n }\n div.react-datepicker {\n background-color: #24273a !important;\n }\n div.react-datepicker select {\n color: #cad3f5 !important;\n }\n div.react-datepicker select:focus {\n box-shadow: 0 0 0 4px #b7bdf8 !important;\n }\n div.react-datepicker__day--selected {\n background-color: #b7bdf8 !important;\n color: #24273a !important;\n }\n div[style=\"background-color: rgba(0, 0, 0, 0.06);\"] div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s {\n background-color: transparent !important;\n }\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: #1e2030 !important;\n }\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E div {\n background-color: transparent !important;\n color: #cad3f5 !important;\n }\n button:hover div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: rgba(30, 32, 48, 0.75) !important;\n }\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.Il7.Jrn.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: #b7bdf8 !important;\n }\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.Il7.Jrn.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E div {\n background-color: transparent !important;\n color: #1e2030 !important;\n }\n button:hover div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.Il7.Jrn.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: rgba(183, 189, 248, 0.75) !important;\n }\n button:disabled.RCK.Hsu.USg.adn.CCY.NTm.KhY.oRi.lnZ.wsz.YbY > div {\n background-color: rgba(73, 77, 100, 0.75) !important;\n }\n button:disabled.RCK.Hsu.USg.adn.CCY.NTm.KhY.oRi.lnZ.wsz.YbY > div div {\n color: #1e2030 !important;\n }\n div[data-test-id=\"account-comparison-table-container\"] svg > path {\n fill: #b7bdf8 !important;\n }\n }",
"start": 1121,
"regexps": [
"^https?:\\/\\/(www|[a-z]{2}).pinterest.(com(.(au|mx))?|co(.(uk|kr))?|at|ca|ch|cl|de|dk|es|fr|ie|it|jp|nz|ph|pt|ru|se)\\/.*"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name Pinterest Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/pinterest\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/pinterest\n@version 1.0.2\n@description Soothing pastel theme for Pinterest\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/pinterest/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [ \"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\" ]\n@var select darkFlavor \"Dark Flavor\" [ \"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\" ]\n@var select accentColor \"Accent\" [ \"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\" ]\n==/UserStyle== */\n\n@-moz-document regexp(\"^https?:\\\\/\\\\/(www|[a-z]{2}).pinterest.(com(.(au|mx))?|co(.(uk|kr))?|at|ca|ch|cl|de|dk|es|fr|ie|it|jp|nz|ph|pt|ru|se)\\\\/.*\") {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accentColor: @catppuccin[@@lookup][@@accent];\n\n :root {\n --g-colorGray0: @mantle;\n --color-border-container: @mantle;\n --color-gray-roboflow-400: lighten(@mantle, 1%);\n --color-text-icon-default: @text;\n --color-background-default: @base;\n --g-color-focus: @accentColor;\n }\n\n .Dl7 {\n border-color: transparent !important;\n }\n\n svg.ztu > path {\n fill: @subtext0 !important;\n }\n\n /* Body */\n\n body,\n div[data-test-id=\"pin-builder\"] {\n background-color: @base !important;\n height: auto !important;\n }\n\n .O2T,\n .pBj,\n h3,\n h5,\n div,\n input[type=\"text\"] {\n color: @text !important;\n }\n\n .a_A:focus,\n .a_A:hover {\n background-color: fadeout(@accentColor, 25%) !important;\n }\n\n :focus,\n :focus-within,\n :focus-visible {\n outline-color: @accentColor !important;\n }\n\n div#searchBoxContainer\n &\n div[style=\"padding: 0px 0px 0px 16px; height: 100%; border-radius: 24px; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px;\"],\n div#searchBoxContainer\n &\n div[style=\"padding: 0px 4px 0px 16px; height: 100%; border-radius: 24px; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px;\"],\n div[data-test-id=\"add-pin-to-conversation\"]\n &\n div[style=\"border: 1px solid transparent; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px; padding: 4px 15px; min-height: 48px; width: 100%;\"] {\n box-shadow: 0 0 0 4px @accentColor !important;\n }\n\n .iyn:focus,\n .C1J {\n box-shadow: 0 0 0 4px @accentColor;\n }\n\n .hCL.kVc.L4E.MIw {\n background-color: transparent !important;\n }\n\n div[data-test-id=\"skipToContentContainer\"] & div {\n background-color: @accentColor !important;\n color: @mantle !important;\n }\n\n div.Dl7.rTt.mi-.ho-.ygj._O1.XbT.DHH.kFh {\n background-color: @accentColor !important;\n & div {\n color: @mantle !important;\n }\n }\n\n /** Mobile **/\n\n div._he.urM.zI7.iyn.Hsu {\n border-color: transparent !important;\n }\n\n /* About */\n\n h1.lH1.dyH.iFc.H2s.bwj.c8S.zDA,\n h2.lH1.dyH.iFc.H2s.bwj.c8S.zDA {\n color: @accentColor !important;\n }\n\n div[data-test-id=\"signup-default-modal\"] {\n background-color: @base !important;\n & h1 {\n color: @text !important;\n }\n & div.oy8.zI7.iyn.Hsu svg > path {\n fill: @accentColor !important;\n }\n }\n\n div[data-test-id=\"registerFormSubmitButton\"] {\n & button.red {\n background-color: @accentColor !important;\n & div {\n color: @mantle !important;\n }\n }\n & button.red:hover,\n & button.red:focus {\n background-color: fadeout(@accentColor, 25%) !important;\n }\n }\n\n div[style=\"height: 200px; background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%);\"] {\n background: linear-gradient(\n fadeout(@base, 100%) 0%,\n @base 70%\n ) !important;\n }\n\n div[data-test-id=\"how-it-works-container\"] {\n background-color: @yellow !important;\n & div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s {\n background-color: transparent !important;\n color: @base !important;\n }\n & svg > path {\n fill: @base !important;\n }\n }\n\n div[data-anchor=\"search\"] {\n background-color: @yellow !important;\n & div.zI7.iyn.Hsu {\n color: @base !important;\n }\n & div.JME.zI7.iyn.Hsu {\n color: @text !important;\n }\n }\n\n div[data-anchor=\"save\"] {\n background-color: @lavender !important;\n & div.zI7.iyn.Hsu {\n color: @base !important;\n }\n }\n\n div[data-anchor=\"shop\"] {\n background-color: @rosewater !important;\n & div.zI7.iyn.Hsu {\n color: @base !important;\n }\n }\n\n /** Mobile **/\n\n div.QLY.Rym.XiG.Zr3.zI7.iyn.Hsu {\n background-color: @base !important;\n }\n\n /* Button */\n\n .Jrn,\n .gpV {\n background-color: @accentColor !important;\n & div {\n color: @base !important;\n }\n }\n\n .BsF {\n background-color: @mantle !important;\n }\n\n .u97 {\n background-color: fadeout(@base, 31%) !important;\n }\n\n .NSs.bPW,\n .NSs.Xsi {\n background-color: @surface0 !important;\n }\n\n .NSs.s4m {\n background-color: @surface2 !important;\n }\n\n .bmw,\n .Jea.Lfz.gjz.hA-.wYR.zI7.iyn.Hsu {\n background-color: @base !important;\n }\n\n .bmw:focus,\n .bmw:hover,\n .W6-:focus,\n .W6-:hover,\n .Jea.Lfz.gjz.hA-.wYR.zI7.iyn.Hsu:hover,\n .DUt.XiG._wN.eZS.hA-.wYR.zI7.iyn.Hsu:hover,\n ._HI,\n .eZS,\n .zI8:focus,\n .zI8:hover,\n .BsF:hover,\n .BsF:focus {\n background-color: fadeout(@base, 31%) !important;\n }\n\n .Il7:hover,\n .Il7:focus {\n background-color: fadeout(@accentColor, 25%) !important;\n }\n\n input.D8X.Hsu.tBJ.dyH.iFc.sAJ.L4E.Bvi.iyn.H_e.pBj.qJc.TKt.LJB.xD4.z-6,\n textarea.Gnj.Hsu.tBJ.dyH.iFc.sAJ.L4E.Bvi.iyn.H_e.pBj.qJc.TKt.LJB,\n div.D8X.Hsu.tBJ.dyH.iFc.sAJ.L4E.Bvi.iyn.H_e.pBj.qJc.TKt.LJB.xD4.BMi.rNx {\n background-color: @mantle;\n border-color: transparent !important;\n }\n\n /** Mobile **/\n\n div.IVF.Jea.mQ8.zI7.iyn.Hsu {\n background-color: @accentColor !important;\n & span {\n color: @base !important;\n }\n }\n\n /* Header */\n\n .GjR,\n .sj_ {\n color: @accentColor !important;\n }\n\n .P_h {\n background-color: @crust !important;\n & span {\n color: @text !important;\n }\n }\n\n .urM,\n .SpV,\n .DUt.XiG._wN.hA-.urM.wYR.zI7.iyn.Hsu,\n .DUt.XiG._wN.eZS.hA-.wYR.zI7.iyn.Hsu,\n .ProPartnerHeaderMenuList .proPartnerHeaderMenuItem:hover {\n background-color: @base !important;\n }\n\n /* Search */\n\n div.Jea.fev.zI7.iyn.Hsu,\n div[data-test-id=\"search-tab-bar\"] {\n background-color: @mantle !important;\n }\n\n div.sLG.urM.zI7.iyn.Hsu & div.hs0.un8.C9i.TB_ {\n background-color: @base !important;\n }\n\n input#search {\n color: @text !important;\n }\n\n span.tBJ.dyH.iFc.sAJ.EdS.zDA.IZT.swG {\n color: @overlay1 !important;\n }\n\n div.C9q.Jea.KS5.Lfz.XiG.Zr3._HI.zI7.iyn.Hsu {\n background-color: @mantle !important;\n }\n\n div.C9q.Jea.KS5.Lfz.XiG.Zr3.hle.zI7.iyn.Hsu {\n background-color: fadeout(@mantle, 25%) !important;\n }\n\n /** Mobile **/\n\n div[data-test-id=\"header\"] {\n border-color: @mantle !important;\n }\n\n div.VxL.fZz.hA-.ho-.zI7.iyn.Hsu {\n background-color: @mantle !important;\n & svg > path {\n fill: @accentColor !important;\n }\n }\n\n /* Profile */\n\n div[data-test-id=\"profile-header\"],\n div[data-test-id=\"PinTypeIdentifier\"],\n div.hs0.mQ8.un8.C9i.TB_ div.Pj7.sLG.XiG.INd.m1e div.XiG.zI7.iyn.Hsu,\n div.Pj7.sLG.XiG.INd.m1e div.XiG.zI7.iyn.Hsu,\n div.Jea._HI.fev.zI7.iyn.Hsu div.MMh._Y5.feh.s7I.zI7.iyn.Hsu,\n .MMh._Y5.feh.s7I.zI7.iyn.Hsu,\n div.qiB div.fZz.urM.zI7.iyn.Hsu,\n div.zIH.PC4.XiG {\n background-color: @base !important;\n }\n\n div.hs0.mQ8.un8.C9i.TB_ div.INd.XiG.zI7.iyn.Hsu {\n box-shadow: none !important;\n }\n\n div[data-test-id=\"gestalt-avatar-svg\"] {\n border-color: transparent !important;\n & div.INd.XiG._HI.zI7.iyn.Hsu {\n background-color: @crust !important;\n & svg > text {\n fill: @text !important;\n }\n }\n }\n\n div.KS5.jzS.un8.C9i.TB_ & div.DUt.XiG._HI._wN.hA-.wYR.zI7.iyn.Hsu {\n background-color: @mantle !important;\n }\n\n div.MIw.QLY.Rym.ojN.p6V.zI7.iyn.Hsu div.XiG.zI7.iyn.Hsu {\n background-color: fadeout(@base, 31%) !important;\n }\n\n div.MIw.QLY.Rym.ojN.p6V.sLG.zI7.iyn.Hsu {\n border-color: @mantle !important;\n }\n\n div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu[style=\"height: 30px; width: 30px; border: 2px solid rgb(17, 17, 17);\"] {\n border-color: @mantle !important;\n }\n\n div.Jea.KS5.MtH.jzS.kKU.zI7.iyn.Hsu {\n & svg.gUZ.R19.U9O.kVc > path {\n fill: @mantle !important;\n }\n & div.VxL.zI7.iyn.Hsu button {\n background-color: transparent !important;\n }\n }\n\n div[data-test-id=\"copy-link-share-icon-auth\"],\n div[data-test-id=\"search-for-users-button\"],\n div[data-test-id=\"email-share-button-auth\"] {\n & button svg {\n & path {\n fill: @mantle !important;\n }\n & rect {\n fill: @accentColor !important;\n }\n }\n }\n\n div.Jea.KS5._HI.ho-.mQ8.zI7.iyn.Hsu {\n background-color: @mantle !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n div.Jea.KS5.hle.ho-.mQ8.zI7.iyn.Hsu {\n background-color: fadeout(@mantle, 25%) !important;\n }\n\n div[aria-label=\"Change Board Cover\"]\n &\n div.MIw.QLY.Rym.ojN.p6V.zI7.iyn.Hsu\n &\n span {\n background-color: @base !important;\n }\n\n div.MIw.hA-.ojN.p6V.wYR.zI7.iyn.Hsu\n &\n div[style=\"height: 44px; width: 44px; background: rgba(255, 255, 255, 0.8);\"] {\n background-color: fadeout(@mantle, 20%) !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n div.MIw.hA-.ojN.p6V.wYR.zI7.iyn.Hsu\n &\n div[style=\"height: 44px; width: 44px; background: white;\"] {\n background-color: @mantle !important;\n }\n\n div.DUt.Jea.KS5.UNK.mQ8.zI7.iyn.Hsu {\n background-color: @mantle !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n button\n &\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: @mantle !important;\n }\n\n button:hover\n &\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: fadeout(@mantle, 25%) !important;\n }\n\n div.pincodeMain & svg & path#background {\n fill: @base !important;\n }\n\n div.pincodeCTA & svg {\n & path[fill=\"#111111\"] {\n fill: @text !important;\n }\n & path[fill=\"#E60023\"] {\n fill: @accentColor !important;\n }\n & path[fill=\"white\"] {\n fill: @base !important;\n }\n }\n\n h1.lH1.dyH.iFc.H2s.R-d.EdS.tg7.IZT {\n color: @overlay2 !important;\n }\n\n div[data-test-id=\"pinRepSelectionBorder\"] {\n border-color: @text !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n div[data-test-id=\"pinRepSelectionBorder\"][style=\"z-index: 1; border-width: 3px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 16px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px inset;\"] {\n border-color: @mantle !important;\n box-shadow: inset 0 0 0 3px @accentColor !important;\n }\n\n div.CCY.S9z.INd.oCZ.Tbt.L4E.e8F.BG7 & div.INd.zI7.iyn.Hsu {\n background-color: fadeout(@mantle, 25%) !important;\n & svg > path {\n fill: @text !important;\n }\n & div.INd.P_h.YFA.Zr3.hUC.zI7.iyn.Hsu {\n background-color: @mantle !important;\n }\n }\n\n div.tBJ.dyH.iFc.sAJ.xnr.zDA.IZT.H2s,\n a.Wk9.CCY.S9z.eEj.kVc.xQ4.uCz {\n color: if((@lookup = latte), @mantle, @text) !important;\n }\n\n div[data-test-id=\"boardSelectionDropdown\"] & svg.gUZ.PLa.U9O.kVc > path {\n fill: if((@lookup = latte), @mantle, @text) !important;\n }\n\n /** Mobile **/\n\n div.CCY.S9z.INd.Tbt.L4E.e8F.BG7 & div.INd.hA-.wYR.zI7.iyn.Hsu {\n background-color: fadeout(@mantle, 25%) !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n /* Content */\n\n div[data-root-margin=\"more-ideas-tabs\"] div.urM.zI7.iyn.Hsu,\n .Jea.jx-.l7T.zI7.iyn.Hsu & div.INd.Jea.KS5.mQ8.sLG.zI7.iyn.Hsu,\n div[data-test-id=\"shop-button\"],\n div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s {\n background-color: @base !important;\n }\n\n div[aria-label=\"reaction\"] .INd.zI7.iyn.Hsu,\n div.div.IB7.XiG.zI7.iyn.Hsu {\n background-color: @surface0 !important;\n }\n\n div[aria-label=\"reaction\"] .INd.zI7.iyn.Hsu:hover {\n background-color: @surface1 !important;\n }\n\n div.KS5.jzS.mQ8.un8.C9i.TB_ & div.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n\n div[data-test-id=\"inline-comment-composer-container\"] {\n border-color: @mantle !important;\n }\n\n div._HI.fev.ujU.wsz.zI7.iyn.Hsu {\n background-color: @base !important;\n color: @text !important;\n }\n\n div.fev.hle.ujU.wsz.zI7.iyn.Hsu {\n background-color: fadeout(@mantle, 25%) !important;\n color: @text !important;\n }\n\n svg.gUZ.PLa.U9O.kVc > path {\n fill: @text !important;\n }\n\n div.x8f.INd._O1.KS5.mQ8.NSs.u97.bPW,\n div.x8f.INd._O1.KS5.mQ8.NSs.u97.s4m {\n background-color: @mantle !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n .EmojiPickerReact {\n --epr-bg-color: @base;\n --epr-text-color: @text;\n --epr-picker-border-color: @base;\n --epr-category-label-bg-color: @base;\n --epr-search-input-bg-color: @mantle;\n --epr-skin-tone-picker-menu-color: @mantle;\n --epr-category-icon-active-color: @accentColor;\n --epr-highlight-color: @accentColor;\n --epr-hover-bg-color: @surface0;\n --epr-focus-bg-color: @surface0;\n }\n\n textarea.PinNoteInput {\n background-color: @base !important;\n color: @text !important;\n caret-color: @text !important;\n }\n\n div.Zr3.hUC.xcv.L4E.zI7.iyn.Hsu {\n background-color: @lavender !important;\n & div {\n color: @crust !important;\n }\n }\n\n div.DUt.Jea.QLY.XiG.jzS.ojN.p6V.ujU.urM.zI7.iyn.Hsu,\n div.DUt.Jea.MIw.QLY.jzS.ojN.p6V.ujU.urM.zI7.iyn.Hsu {\n border-color: transparent !important;\n }\n\n div.MZ3.fZz.hUC.ho-.zI7.iyn.Hsu {\n background-color: @mantle !important;\n & span {\n color: @text !important;\n }\n }\n\n button\n &\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.DZT.I56.Zr3.C9q.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: @accentColor !important;\n & div {\n color: @mantle !important;\n }\n }\n\n button:hover\n &\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.DZT.I56.Zr3.C9q.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: fadeout(@accentColor, 25%) !important;\n }\n\n button\n &\n div.RCK.Hsu.USg.adn.CCY.gn8.L4E.kVc.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: @mantle !important;\n }\n\n button:hover\n &\n div.RCK.Hsu.USg.adn.CCY.gn8.L4E.kVc.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: fadeout(@mantle, 25%) !important;\n }\n\n a.Wk9.CCY.S9z.eEj.goI.xQ4,\n span.tBJ.dyH.iFc.sAJ.Q5U.zDA.H2s & a.Wk9.CCY.S9z.eEj.KhY.xQ4.uCz {\n color: @accentColor !important;\n }\n\n div[data-test-id=\"user-rep-avatar\"]\n &\n div.Jea.MIw.QLY.Rym.mQ8.ojN.p6V.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n\n button.ope.ujU.e43.adn.BG7.CCY.zHr.qJc {\n background-color: @mantle !important;\n & div {\n color: @text !important;\n }\n }\n\n div[data-test-id=\"flashlight-dot-style\"] {\n background-color: @accentColor !important;\n }\n\n div[data-test-id=\"flashlight-enabled-image\"] & svg {\n & use.v2cropSection {\n stroke: @accentColor !important;\n }\n & path.v2cropperHandle {\n fill: @accentColor !important;\n }\n }\n\n div[data-test-id=\"one-bar-modified-bubble\"].Jea.KS5.Lfz.mQ8.zI7.iyn.Hsu {\n background-color: @accentColor !important;\n border-color: @base !important;\n }\n\n /** Mobile **/\n\n div.Jea.KS5.Lfz.mQ8.zI7.iyn.Hsu {\n background-color: @base !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n /** Not Logged In **/\n\n div.XiG.hUC.wYR.zI7.iyn.Hsu[style=\"background-color: rgba(255, 255, 255, 0.95); height: 100%; width: 100%;\"] {\n background-color: @base !important;\n }\n\n div[data-test-id=\"email-share-button\"] & a svg {\n path {\n fill: @mantle !important;\n }\n rect {\n fill: @accentColor !important;\n }\n }\n\n div[data-test-id=\"left-scroll-arrow\"] {\n background: linear-gradient(\n to right,\n @base 25%,\n fadeout(@base, 100%) 100%\n ) !important;\n }\n\n div[data-test-id=\"right-scroll-arrow\"] {\n background: linear-gradient(\n to left,\n @base 25%,\n fadeout(@base, 100%) 100%\n ) !important;\n }\n\n span.tBJ.dyH.iFc.dR0.EdS.zDA.IZT.H2s & a {\n color: @accentColor !important;\n }\n\n div[data-test-id=\"breadcrumbs-list\"] {\n &\n div[style=\"width: 16px; height: 32px; background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255));\"] {\n background-image: linear-gradient(\n to left,\n fadeout(@base, 100%),\n @base\n ) !important;\n }\n\n &\n div[style=\"width: 16px; height: 32px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));\"] {\n background-image: linear-gradient(\n to right,\n fadeout(@base, 100%),\n @base\n ) !important;\n }\n }\n\n div[data-test-id=\"main-pin-hover-overlay\"] {\n opacity: 0.5;\n }\n\n div.HFo.Jea.KS5._he.zI7.iyn.Hsu {\n background-color: @base !important;\n }\n\n /* Create */\n\n div.DUt.HFo.hA-.wYR.zI7.iyn.Hsu {\n background-color: @base !important;\n }\n\n div.Jea.KS5.OVX.XiG._HI.jzS.mQ8.zI7.iyn.Hsu {\n background-color: @surface0 !important;\n & svg > path {\n fill: @subtext0 !important;\n }\n }\n\n div.Jea.MIw.QLY.Rym.ojN.p6V.zI7.iyn.Hsu {\n background-color: fadeout(@base, 25%) !important;\n }\n\n div.Jea.Shl.X6t.XiG.hDW.jzS.zI7.iyn.Hsu {\n & button {\n background-color: @mantle !important;\n }\n }\n\n div.XiG._HI.s2n.sLG.zI7.iyn.Hsu {\n border-color: @mantle !important;\n }\n\n button.ope.ujU.e43.adn.BG7.CCY.zHr.qJc\n &\n div.tBJ.dyH.iFc.j1A.O2T.zDA.IZT.H2s {\n color: @text !important;\n }\n\n button.ope.ujU.e43.adn.BG7.CCY.izI & svg > path {\n fill: @mantle !important;\n }\n\n input#storyboard-editor-details-text-size {\n background-color: @mantle !important;\n color: @text !important;\n caret-color: @text !important;\n border-color: transparent !important;\n }\n\n input[style=\"min-width: 0px; flex: 1 1 0%; font-size: 16px; color: rgb(51, 51, 51); border: 0px; outline: none; box-sizing: border-box; padding: 0px;\"] {\n background-color: @base !important;\n color: @text !important;\n caret-color: @text !important;\n }\n\n /* Login */\n\n div[data-test-id=\"login-modal-default\"] {\n background-color: @base !important;\n & h1,\n & p {\n color: @text !important;\n }\n & div.oy8.zI7.iyn.Hsu svg > path {\n fill: @accentColor !important;\n }\n }\n\n div[data-test-id=\"login-modal-mfa\"] {\n background-color: @base !important;\n & h1,\n & p {\n color: @text !important;\n }\n & button.red {\n background-color: @accentColor !important;\n & div {\n color: @mantle !important;\n }\n }\n & button.red:hover,\n & button.red:focus {\n background-color: fadeout(@accentColor, 25%) !important;\n }\n & div.oy8.zI7.iyn.Hsu svg > path {\n fill: @accentColor !important;\n }\n }\n\n /* Messages */\n\n div.JME.Jea.KS5.RDc._HI.hA-.ho-.jzS.wYR.wc1.zI7.iyn.Hsu,\n div.DUt.Jea._HI.hA-.jzS.wYR.zI7.iyn.Hsu,\n div.DUt.Jea._HI.hA-.jzS.wYR.zI7.iyn.Hsu\n &\n div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s,\n div.x8f.INd._O1.KS5.mQ8.OGJ.YbY.bPW,\n div.DUt.JME.Jea.KS5.VxL._HI.hA-.wYR.wc1.zI7.iyn.Hsu,\n div.DUt.JME.Jea.KS5.VxL._HI.hA-.wYR.wc1.zI7.iyn.Hsu\n div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s.CKL,\n div.INd.Jea.KS5._HI.mQ8.zI7.iyn.Hsu,\n div.INd._HI.zI7.iyn.Hsu & div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu {\n background-color: @mantle !important;\n }\n\n div.x8f.INd._O1.KS5.mQ8.Adb.BsF.bPW,\n div.x8f.INd._O1.KS5.mQ8.Adb.BsF.s4m {\n background-color: @mantle !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n input.ta7.iyn.KI_.Lfz.XgI.Hsu.pBj.qJc.tBJ.dyH.iFc.sAJ.L4E.xD4.Zj6.dPY.BG7.TKt.LJB {\n border-color: @surface0 !important;\n }\n\n div.JME.Jea.KS5.fev.zI7.iyn.Hsu {\n border-color: transparent !important;\n }\n\n div.LJB.Pw5.daS.fev.urM.zI7.iyn.Hsu {\n background-color: @mantle !important;\n border-color: transparent !important;\n }\n\n div.Jea.OVX.jzS.ujU.zI7.iyn.Hsu & textarea {\n background-color: transparent !important;\n color: @text !important;\n caret-color: @text !important;\n }\n\n div[data-test-id=\"contact-search-field\"] & input {\n background-color: @mantle !important;\n border-color: transparent !important;\n }\n\n div.INd.IVF.Jea.KS5.mQ8.wc1.zI7.iyn.Hsu {\n background-color: @accentColor !important;\n & svg > path {\n fill: @mantle !important;\n }\n }\n\n div.Jea.KS5.LJB.Lfz.Pw5.Zr3.daS.hUC.hle.wc1.xuU.zI7.iyn.Hsu {\n background-color: @mantle !important;\n color: @text !important;\n }\n\n div.INd.Jea.KS5.hle.mQ8.wc1.zI7.iyn.Hsu {\n background-color: @mantle !important;\n }\n\n /** Mobile **/\n\n div.Jea.KS5.MIw.Rym.jzS.ojN.p6V.zI7.iyn.Hsu,\n div[data-test-id=\"conversation-page-header\"] {\n background-color: @base !important;\n }\n\n div.Eqh.HFo.INd.JME.Jea.VxL.Zr3.hUC.hjj.jar.zI7.iyn.Hsu {\n background-color: @base !important;\n border-color: transparent !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n div.x8f.INd._O1.KS5.mQ8.pHl.Jrn {\n background-color: @accentColor !important;\n & svg > path {\n fill: @mantle !important;\n }\n }\n\n div.CCY.S9z.eEj.Tbt.L4E.e8F.BG7 & div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu {\n background-color: transparent !important;\n & svg > path {\n fill: @text !important;\n stroke: @text !important;\n }\n }\n\n /* Settings */\n\n div.E0x.qJc.fRe.nG5.qs6.XgI.xpn.ty9.kVc.Hsu.INd._O1.KS5.mQ8.XiG.Pw5 {\n border-color: @subtext0 !important;\n background-color: @mantle !important;\n }\n\n div.E0x.qJc.dxz.dPY.qs6.XgI.xpn.ty9.kVc.Hsu.INd._O1.KS5.mQ8.XiG.Pw5 {\n border-color: fadeout(@subtext0, 25%) !important;\n }\n\n div.E0x.qJc.iKS.gSJ.dJq.xpn.ty9.kVc.Hsu.INd._O1.KS5.mQ8.XiG.Pw5 {\n background-color: @mantle !important;\n border-color: @accentColor !important;\n }\n\n div.jPl.kVc.Hsu.XiG.NYx.qJc.nG5 {\n background-color: @mantle !important;\n border-color: @mantle !important;\n }\n\n div.jPl.kVc.Hsu.XiG.dD6.BsF.gSJ {\n background-color: @accentColor !important;\n border-color: @accentColor !important;\n }\n\n div.jPl.kVc.Hsu.XiG.GOX.gfP.nG5,\n div.jPl.kVc.Hsu.XiG.v-K.gpV.LJB {\n background-color: @surface2 !important;\n border-color: @surface2 !important;\n }\n\n div.U7Q.Hsu.MIw.qJc.INd.RDh.GEq.nG5,\n div.U7Q.Hsu.MIw.qJc.INd.taI.GEq.nG5,\n div.U7Q.Hsu.MIw.qJc.INd.RDh.fhX.LJB,\n div.U7Q.Hsu.MIw.qJc.INd.taI.fhX.LJB {\n background-color: @crust !important;\n border-color: @subtext0 !important;\n }\n\n div.qJc.Q9m.nG5.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5,\n div.qJc.Q9m.nG5.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 {\n background-color: @mantle !important;\n border-color: @overlay0 !important;\n }\n\n div.qJc.Wqy.dPY.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5,\n div.qJc.Wqy.dPY.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 {\n border-color: fadeout(@overlay0, 25%) !important;\n }\n\n div.BsF.PO8.gSJ.QsN.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5,\n div.BsF.PO8.gSJ.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 {\n background-color: @mantle !important;\n border-color: @accentColor !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n div.Jea.KS5.XbT.hA-.ho-.jzS.ujU.wYR.zI7.iyn.Hsu & div.un8.DUt.wYR.hA-.gpV {\n background-color: @accentColor !important;\n & span {\n color: @base !important;\n }\n }\n\n div.x8f.INd._O1.KS5.mQ8.WhU.gpV & svg > path {\n fill: @base !important;\n }\n\n button.N5M.adn.wYR.hUC.BG7.Jp7._HI.CCY.S9z {\n background-color: @base !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n button.N5M.adn.wYR.hUC.BG7.Jp7._HI.CCY.S9z:hover {\n background-color: fadeout(@surface0, 75%) !important;\n }\n\n div.react-datepicker {\n background-color: @base !important;\n & select {\n color: @text !important;\n }\n & select:focus {\n box-shadow: 0 0 0 4px @accentColor !important;\n }\n }\n\n div.react-datepicker__day--selected {\n background-color: @accentColor !important;\n color: @base !important;\n }\n\n div[style=\"background-color: rgba(0, 0, 0, 0.06);\"]\n &\n div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s {\n background-color: transparent !important;\n }\n\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: @mantle !important;\n & div {\n background-color: transparent !important;\n color: @text !important;\n }\n }\n\n button:hover\n &\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: fadeout(@mantle, 25%) !important;\n }\n\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.Il7.Jrn.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: @accentColor !important;\n & div {\n background-color: transparent !important;\n color: @mantle !important;\n }\n }\n\n button:hover\n &\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.Il7.Jrn.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: fadeout(@accentColor, 25%) !important;\n }\n\n button:disabled.RCK.Hsu.USg.adn.CCY.NTm.KhY.oRi.lnZ.wsz.YbY > div {\n background-color: fadeout(@surface1, 25%) !important;\n & div {\n color: @mantle !important;\n }\n }\n\n div[data-test-id=\"account-comparison-table-container\"] & svg > path {\n fill: @accentColor !important;\n }\n }\n\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor, @accentColor);\n }\n}\n\n// vim:ft=less\n",
"usercssData": {
"name": "Pinterest Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/pinterest",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/pinterest",
"version": "1.0.2",
"description": "Soothing pastel theme for Pinterest",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/pinterest/catppuccin.user.css",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": "macchiato",
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": "lavender",
"default": "mauve",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Pinterest",
"name": "Pinterest Catppuccin",
"originalDigest": "15ebb84018416c7871c20442a21c82ba633fa467",
"_id": "34c0289c-7758-4564-8b76-4b783b1c0663",
"_rev": 1700346172139,
"id": 66,
"etag": "W/\"dfe80e35660ed4cdaa9e6680037791812c6926aaac6454e2de1dfce94faa4439\"",
"updateDate": 1700346169945
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/syncthing/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/syncthing",
"installDate": 1699437783957,
"sections": [
{
"code": "/* ==UserStyle==\n@name Syncthing Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/syncthing\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/syncthing\n@version 0.1.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/syncthing/catppuccin.user.css\n@description Soothing pastel theme for Syncthing\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var text urls \"URL(s) for Syncthing\" \"127\\.0\\.0\\.1\\:8384,localhost\\:8384\"\n\n==/UserStyle== */\n/*\n `replace(<stuff> ,\" \", \"\", \"g\")` is here to remove extra spaces (if any)\n*/",
"start": 0
},
{
"code": "@media (prefers-color-scheme: light) {\n :root {\n /*\n So If you want to know why `!important` is spammed all over, then look at this css file that syncthing uses\n https://github.com/syncthing/syncthing/blob/main/gui/dark/assets/css/theme.css\n */\n /* navbar */\n /* main panel */\n /* buttons */\n /* modal dialogs */\n /* buttons for pagination */\n /* progress bars */\n /* text */\n }\n :root body {\n color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n :root a {\n color: #b7bdf8;\n }\n :root .nav-tabs > li.active > a:hover,\n :root .nav-tabs > li.active > a {\n color: #b7bdf8 !important;\n }\n :root .navbar {\n background-color: #1e2030 !important;\n border-color: #1e2030 !important;\n }\n :root .navbar-text,\n :root .dropdown > a,\n :root .dropdown-menu > li > a,\n :root .hidden-xs > a,\n :root .navbar-link {\n color: #cad3f5 !important;\n }\n :root .dropdown-menu {\n border-color: #494d64 !important;\n background-color: #1e2030 !important;\n }\n :root .dropdown-menu > li > a:hover,\n :root .dropdown-menu > li > a:focus {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n }\n :root .open > .dropdown-toggle,\n :root .dropdown-toggle:hover {\n border-color: #494d64 !important;\n background-color: #363a4f !important;\n }\n :root .divider {\n background-color: #494d64 !important;\n }\n :root li.hidden-xs:hover,\n :root .navbar-link:hover,\n :root .navbar-link:focus {\n border-color: #494d64 !important;\n background-color: #363a4f !important;\n }\n :root .dropdown-menu > .active > a {\n color: #24273a !important;\n background-color: #b7bdf8 !important;\n }\n :root .panel {\n background-color: #24273a !important;\n }\n :root .panel-default {\n border-color: #363a4f !important;\n }\n :root .panel-default > .panel-heading {\n color: #cad3f5 !important;\n border-color: #363a4f !important;\n background-color: #24273a !important;\n }\n :root .panel-footer {\n background-color: #24273a !important;\n }\n :root .table-striped > tbody > tr {\n border-top-color: #363a4f !important;\n }\n :root .table-striped > tbody > tr:nth-of-type(odd) {\n background-color: #24273a !important;\n }\n :root .panel-group .panel-heading + .panel-collapse > .panel-body,\n :root .panel-group .panel-heading + .panel-collapse > .list-group {\n border-top-color: #24273a !important;\n }\n :root .identicon > rect {\n fill: #cad3f5 !important;\n }\n :root .btn-default {\n color: #cad3f5 !important;\n background-color: transparent !important;\n border-color: #363a4f !important;\n }\n :root .btn-default:hover,\n :root .btn-default:focus,\n :root .btn-default.focus {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n }\n :root .btn-primary {\n background-color: #b7bdf8 !important;\n color: #24273a;\n }\n :root .btn-primary:hover,\n :root .btn-primary:focus,\n :root .btn-primary.focus {\n background-color: rgba(183, 189, 248, 0.9) !important;\n }\n :root .btn-warning {\n background-color: #eed49f !important;\n color: #24273a;\n }\n :root .btn-warning:hover,\n :root .btn-warning:focus,\n :root .btn-warning.focus {\n background-color: rgba(238, 212, 159, 0.9) !important;\n }\n :root .btn-danger {\n background-color: #ed8796 !important;\n color: #24273a;\n }\n :root .btn-danger:hover,\n :root .btn-danger:focus,\n :root .btn-danger.focus {\n background-color: rgba(237, 135, 150, 0.9) !important;\n }\n :root .modal-header {\n border-color: #363a4f !important;\n background-color: #1e2030;\n }\n :root .modal-content {\n border-color: #363a4f !important;\n background-color: #1e2030 !important;\n }\n :root .modal-footer {\n border-color: #363a4f !important;\n background-color: #1e2030 !important;\n }\n :root .alert-warning {\n background-color: #eed49f !important;\n color: #24273a !important;\n }\n :root .alert-danger {\n background-color: #ed8796 !important;\n color: #24273a !important;\n }\n :root .help-block {\n color: #cad3f5 !important;\n }\n :root .form-control {\n color: #cad3f5 !important;\n border-color: #363a4f !important;\n background-color: #24273a !important;\n }\n :root code.ng-binding {\n color: #c6a0f6 !important;\n background-color: #1e2030 !important;\n }\n :root .well,\n :root .form-control[readonly=\"readonly\"] {\n /* read-only fields*/\n color: #a5adcb !important;\n border-color: #a5adcb !important;\n background-color: #1e2030 !important;\n }\n :root .pagination > li > a,\n :root .pagination > li > span {\n background-color: #24273a !important;\n border-color: #363a4f !important;\n }\n :root .pagination > li > a:hover,\n :root .pagination > li > a:focus,\n :root .pagination > li > a.focus {\n background-color: #363a4f !important;\n }\n :root .progress-bar {\n background-color: #b7bdf8 !important;\n }\n :root .progress-bar-success {\n background-color: #a6da95 !important;\n }\n :root .progress-bar-info {\n background-color: #f0c6c6 !important;\n }\n :root .progress-bar-warning {\n background-color: #eed49f !important;\n }\n :root .progress-bar-danger {\n background-color: #ed8796 !important;\n }\n :root .text-primary {\n color: #b7bdf8 !important;\n }\n :root .text-success {\n color: #a6da95 !important;\n }\n :root .text-info {\n color: #f0c6c6 !important;\n }\n :root .text-warning {\n color: #eed49f !important;\n }\n :root .text-danger {\n color: #ed8796 !important;\n }\n }\n @media (prefers-color-scheme: dark) {\n :root {\n /*\n So If you want to know why `!important` is spammed all over, then look at this css file that syncthing uses\n https://github.com/syncthing/syncthing/blob/main/gui/dark/assets/css/theme.css\n */\n /* navbar */\n /* main panel */\n /* buttons */\n /* modal dialogs */\n /* buttons for pagination */\n /* progress bars */\n /* text */\n }\n :root body {\n color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n :root a {\n color: #b7bdf8;\n }\n :root .nav-tabs > li.active > a:hover,\n :root .nav-tabs > li.active > a {\n color: #b7bdf8 !important;\n }\n :root .navbar {\n background-color: #1e2030 !important;\n border-color: #1e2030 !important;\n }\n :root .navbar-text,\n :root .dropdown > a,\n :root .dropdown-menu > li > a,\n :root .hidden-xs > a,\n :root .navbar-link {\n color: #cad3f5 !important;\n }\n :root .dropdown-menu {\n border-color: #494d64 !important;\n background-color: #1e2030 !important;\n }\n :root .dropdown-menu > li > a:hover,\n :root .dropdown-menu > li > a:focus {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n }\n :root .open > .dropdown-toggle,\n :root .dropdown-toggle:hover {\n border-color: #494d64 !important;\n background-color: #363a4f !important;\n }\n :root .divider {\n background-color: #494d64 !important;\n }\n :root li.hidden-xs:hover,\n :root .navbar-link:hover,\n :root .navbar-link:focus {\n border-color: #494d64 !important;\n background-color: #363a4f !important;\n }\n :root .dropdown-menu > .active > a {\n color: #24273a !important;\n background-color: #b7bdf8 !important;\n }\n :root .panel {\n background-color: #24273a !important;\n }\n :root .panel-default {\n border-color: #363a4f !important;\n }\n :root .panel-default > .panel-heading {\n color: #cad3f5 !important;\n border-color: #363a4f !important;\n background-color: #24273a !important;\n }\n :root .panel-footer {\n background-color: #24273a !important;\n }\n :root .table-striped > tbody > tr {\n border-top-color: #363a4f !important;\n }\n :root .table-striped > tbody > tr:nth-of-type(odd) {\n background-color: #24273a !important;\n }\n :root .panel-group .panel-heading + .panel-collapse > .panel-body,\n :root .panel-group .panel-heading + .panel-collapse > .list-group {\n border-top-color: #24273a !important;\n }\n :root .identicon > rect {\n fill: #cad3f5 !important;\n }\n :root .btn-default {\n color: #cad3f5 !important;\n background-color: transparent !important;\n border-color: #363a4f !important;\n }\n :root .btn-default:hover,\n :root .btn-default:focus,\n :root .btn-default.focus {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n }\n :root .btn-primary {\n background-color: #b7bdf8 !important;\n color: #24273a;\n }\n :root .btn-primary:hover,\n :root .btn-primary:focus,\n :root .btn-primary.focus {\n background-color: rgba(183, 189, 248, 0.9) !important;\n }\n :root .btn-warning {\n background-color: #eed49f !important;\n color: #24273a;\n }\n :root .btn-warning:hover,\n :root .btn-warning:focus,\n :root .btn-warning.focus {\n background-color: rgba(238, 212, 159, 0.9) !important;\n }\n :root .btn-danger {\n background-color: #ed8796 !important;\n color: #24273a;\n }\n :root .btn-danger:hover,\n :root .btn-danger:focus,\n :root .btn-danger.focus {\n background-color: rgba(237, 135, 150, 0.9) !important;\n }\n :root .modal-header {\n border-color: #363a4f !important;\n background-color: #1e2030;\n }\n :root .modal-content {\n border-color: #363a4f !important;\n background-color: #1e2030 !important;\n }\n :root .modal-footer {\n border-color: #363a4f !important;\n background-color: #1e2030 !important;\n }\n :root .alert-warning {\n background-color: #eed49f !important;\n color: #24273a !important;\n }\n :root .alert-danger {\n background-color: #ed8796 !important;\n color: #24273a !important;\n }\n :root .help-block {\n color: #cad3f5 !important;\n }\n :root .form-control {\n color: #cad3f5 !important;\n border-color: #363a4f !important;\n background-color: #24273a !important;\n }\n :root code.ng-binding {\n color: #c6a0f6 !important;\n background-color: #1e2030 !important;\n }\n :root .well,\n :root .form-control[readonly=\"readonly\"] {\n /* read-only fields*/\n color: #a5adcb !important;\n border-color: #a5adcb !important;\n background-color: #1e2030 !important;\n }\n :root .pagination > li > a,\n :root .pagination > li > span {\n background-color: #24273a !important;\n border-color: #363a4f !important;\n }\n :root .pagination > li > a:hover,\n :root .pagination > li > a:focus,\n :root .pagination > li > a.focus {\n background-color: #363a4f !important;\n }\n :root .progress-bar {\n background-color: #b7bdf8 !important;\n }\n :root .progress-bar-success {\n background-color: #a6da95 !important;\n }\n :root .progress-bar-info {\n background-color: #f0c6c6 !important;\n }\n :root .progress-bar-warning {\n background-color: #eed49f !important;\n }\n :root .progress-bar-danger {\n background-color: #ed8796 !important;\n }\n :root .text-primary {\n color: #b7bdf8 !important;\n }\n :root .text-success {\n color: #a6da95 !important;\n }\n :root .text-info {\n color: #f0c6c6 !important;\n }\n :root .text-warning {\n color: #eed49f !important;\n }\n :root .text-danger {\n color: #ed8796 !important;\n }\n }\n .light-theme {\n /*\n So If you want to know why `!important` is spammed all over, then look at this css file that syncthing uses\n https://github.com/syncthing/syncthing/blob/main/gui/dark/assets/css/theme.css\n */\n /* navbar */\n /* main panel */\n /* buttons */\n /* modal dialogs */\n /* buttons for pagination */\n /* progress bars */\n /* text */\n }\n .light-theme body {\n color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n .light-theme a {\n color: #b7bdf8;\n }\n .light-theme .nav-tabs > li.active > a:hover,\n .light-theme .nav-tabs > li.active > a {\n color: #b7bdf8 !important;\n }\n .light-theme .navbar {\n background-color: #1e2030 !important;\n border-color: #1e2030 !important;\n }\n .light-theme .navbar-text,\n .light-theme .dropdown > a,\n .light-theme .dropdown-menu > li > a,\n .light-theme .hidden-xs > a,\n .light-theme .navbar-link {\n color: #cad3f5 !important;\n }\n .light-theme .dropdown-menu {\n border-color: #494d64 !important;\n background-color: #1e2030 !important;\n }\n .light-theme .dropdown-menu > li > a:hover,\n .light-theme .dropdown-menu > li > a:focus {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n }\n .light-theme .open > .dropdown-toggle,\n .light-theme .dropdown-toggle:hover {\n border-color: #494d64 !important;\n background-color: #363a4f !important;\n }\n .light-theme .divider {\n background-color: #494d64 !important;\n }\n .light-theme li.hidden-xs:hover,\n .light-theme .navbar-link:hover,\n .light-theme .navbar-link:focus {\n border-color: #494d64 !important;\n background-color: #363a4f !important;\n }\n .light-theme .dropdown-menu > .active > a {\n color: #24273a !important;\n background-color: #b7bdf8 !important;\n }\n .light-theme .panel {\n background-color: #24273a !important;\n }\n .light-theme .panel-default {\n border-color: #363a4f !important;\n }\n .light-theme .panel-default > .panel-heading {\n color: #cad3f5 !important;\n border-color: #363a4f !important;\n background-color: #24273a !important;\n }\n .light-theme .panel-footer {\n background-color: #24273a !important;\n }\n .light-theme .table-striped > tbody > tr {\n border-top-color: #363a4f !important;\n }\n .light-theme .table-striped > tbody > tr:nth-of-type(odd) {\n background-color: #24273a !important;\n }\n .light-theme .panel-group .panel-heading + .panel-collapse > .panel-body,\n .light-theme .panel-group .panel-heading + .panel-collapse > .list-group {\n border-top-color: #24273a !important;\n }\n .light-theme .identicon > rect {\n fill: #cad3f5 !important;\n }\n .light-theme .btn-default {\n color: #cad3f5 !important;\n background-color: transparent !important;\n border-color: #363a4f !important;\n }\n .light-theme .btn-default:hover,\n .light-theme .btn-default:focus,\n .light-theme .btn-default.focus {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n }\n .light-theme .btn-primary {\n background-color: #b7bdf8 !important;\n color: #24273a;\n }\n .light-theme .btn-primary:hover,\n .light-theme .btn-primary:focus,\n .light-theme .btn-primary.focus {\n background-color: rgba(183, 189, 248, 0.9) !important;\n }\n .light-theme .btn-warning {\n background-color: #eed49f !important;\n color: #24273a;\n }\n .light-theme .btn-warning:hover,\n .light-theme .btn-warning:focus,\n .light-theme .btn-warning.focus {\n background-color: rgba(238, 212, 159, 0.9) !important;\n }\n .light-theme .btn-danger {\n background-color: #ed8796 !important;\n color: #24273a;\n }\n .light-theme .btn-danger:hover,\n .light-theme .btn-danger:focus,\n .light-theme .btn-danger.focus {\n background-color: rgba(237, 135, 150, 0.9) !important;\n }\n .light-theme .modal-header {\n border-color: #363a4f !important;\n background-color: #1e2030;\n }\n .light-theme .modal-content {\n border-color: #363a4f !important;\n background-color: #1e2030 !important;\n }\n .light-theme .modal-footer {\n border-color: #363a4f !important;\n background-color: #1e2030 !important;\n }\n .light-theme .alert-warning {\n background-color: #eed49f !important;\n color: #24273a !important;\n }\n .light-theme .alert-danger {\n background-color: #ed8796 !important;\n color: #24273a !important;\n }\n .light-theme .help-block {\n color: #cad3f5 !important;\n }\n .light-theme .form-control {\n color: #cad3f5 !important;\n border-color: #363a4f !important;\n background-color: #24273a !important;\n }\n .light-theme code.ng-binding {\n color: #c6a0f6 !important;\n background-color: #1e2030 !important;\n }\n .light-theme .well,\n .light-theme .form-control[readonly=\"readonly\"] {\n /* read-only fields*/\n color: #a5adcb !important;\n border-color: #a5adcb !important;\n background-color: #1e2030 !important;\n }\n .light-theme .pagination > li > a,\n .light-theme .pagination > li > span {\n background-color: #24273a !important;\n border-color: #363a4f !important;\n }\n .light-theme .pagination > li > a:hover,\n .light-theme .pagination > li > a:focus,\n .light-theme .pagination > li > a.focus {\n background-color: #363a4f !important;\n }\n .light-theme .progress-bar {\n background-color: #b7bdf8 !important;\n }\n .light-theme .progress-bar-success {\n background-color: #a6da95 !important;\n }\n .light-theme .progress-bar-info {\n background-color: #f0c6c6 !important;\n }\n .light-theme .progress-bar-warning {\n background-color: #eed49f !important;\n }\n .light-theme .progress-bar-danger {\n background-color: #ed8796 !important;\n }\n .light-theme .text-primary {\n color: #b7bdf8 !important;\n }\n .light-theme .text-success {\n color: #a6da95 !important;\n }\n .light-theme .text-info {\n color: #f0c6c6 !important;\n }\n .light-theme .text-warning {\n color: #eed49f !important;\n }\n .light-theme .text-danger {\n color: #ed8796 !important;\n }\n .dark-theme {\n /*\n So If you want to know why `!important` is spammed all over, then look at this css file that syncthing uses\n https://github.com/syncthing/syncthing/blob/main/gui/dark/assets/css/theme.css\n */\n /* navbar */\n /* main panel */\n /* buttons */\n /* modal dialogs */\n /* buttons for pagination */\n /* progress bars */\n /* text */\n }\n .dark-theme body {\n color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n .dark-theme a {\n color: #b7bdf8;\n }\n .dark-theme .nav-tabs > li.active > a:hover,\n .dark-theme .nav-tabs > li.active > a {\n color: #b7bdf8 !important;\n }\n .dark-theme .navbar {\n background-color: #1e2030 !important;\n border-color: #1e2030 !important;\n }\n .dark-theme .navbar-text,\n .dark-theme .dropdown > a,\n .dark-theme .dropdown-menu > li > a,\n .dark-theme .hidden-xs > a,\n .dark-theme .navbar-link {\n color: #cad3f5 !important;\n }\n .dark-theme .dropdown-menu {\n border-color: #494d64 !important;\n background-color: #1e2030 !important;\n }\n .dark-theme .dropdown-menu > li > a:hover,\n .dark-theme .dropdown-menu > li > a:focus {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n }\n .dark-theme .open > .dropdown-toggle,\n .dark-theme .dropdown-toggle:hover {\n border-color: #494d64 !important;\n background-color: #363a4f !important;\n }\n .dark-theme .divider {\n background-color: #494d64 !important;\n }\n .dark-theme li.hidden-xs:hover,\n .dark-theme .navbar-link:hover,\n .dark-theme .navbar-link:focus {\n border-color: #494d64 !important;\n background-color: #363a4f !important;\n }\n .dark-theme .dropdown-menu > .active > a {\n color: #24273a !important;\n background-color: #b7bdf8 !important;\n }\n .dark-theme .panel {\n background-color: #24273a !important;\n }\n .dark-theme .panel-default {\n border-color: #363a4f !important;\n }\n .dark-theme .panel-default > .panel-heading {\n color: #cad3f5 !important;\n border-color: #363a4f !important;\n background-color: #24273a !important;\n }\n .dark-theme .panel-footer {\n background-color: #24273a !important;\n }\n .dark-theme .table-striped > tbody > tr {\n border-top-color: #363a4f !important;\n }\n .dark-theme .table-striped > tbody > tr:nth-of-type(odd) {\n background-color: #24273a !important;\n }\n .dark-theme .panel-group .panel-heading + .panel-collapse > .panel-body,\n .dark-theme .panel-group .panel-heading + .panel-collapse > .list-group {\n border-top-color: #24273a !important;\n }\n .dark-theme .identicon > rect {\n fill: #cad3f5 !important;\n }\n .dark-theme .btn-default {\n color: #cad3f5 !important;\n background-color: transparent !important;\n border-color: #363a4f !important;\n }\n .dark-theme .btn-default:hover,\n .dark-theme .btn-default:focus,\n .dark-theme .btn-default.focus {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n }\n .dark-theme .btn-primary {\n background-color: #b7bdf8 !important;\n color: #24273a;\n }\n .dark-theme .btn-primary:hover,\n .dark-theme .btn-primary:focus,\n .dark-theme .btn-primary.focus {\n background-color: rgba(183, 189, 248, 0.9) !important;\n }\n .dark-theme .btn-warning {\n background-color: #eed49f !important;\n color: #24273a;\n }\n .dark-theme .btn-warning:hover,\n .dark-theme .btn-warning:focus,\n .dark-theme .btn-warning.focus {\n background-color: rgba(238, 212, 159, 0.9) !important;\n }\n .dark-theme .btn-danger {\n background-color: #ed8796 !important;\n color: #24273a;\n }\n .dark-theme .btn-danger:hover,\n .dark-theme .btn-danger:focus,\n .dark-theme .btn-danger.focus {\n background-color: rgba(237, 135, 150, 0.9) !important;\n }\n .dark-theme .modal-header {\n border-color: #363a4f !important;\n background-color: #1e2030;\n }\n .dark-theme .modal-content {\n border-color: #363a4f !important;\n background-color: #1e2030 !important;\n }\n .dark-theme .modal-footer {\n border-color: #363a4f !important;\n background-color: #1e2030 !important;\n }\n .dark-theme .alert-warning {\n background-color: #eed49f !important;\n color: #24273a !important;\n }\n .dark-theme .alert-danger {\n background-color: #ed8796 !important;\n color: #24273a !important;\n }\n .dark-theme .help-block {\n color: #cad3f5 !important;\n }\n .dark-theme .form-control {\n color: #cad3f5 !important;\n border-color: #363a4f !important;\n background-color: #24273a !important;\n }\n .dark-theme code.ng-binding {\n color: #c6a0f6 !important;\n background-color: #1e2030 !important;\n }\n .dark-theme .well,\n .dark-theme .form-control[readonly=\"readonly\"] {\n /* read-only fields*/\n color: #a5adcb !important;\n border-color: #a5adcb !important;\n background-color: #1e2030 !important;\n }\n .dark-theme .pagination > li > a,\n .dark-theme .pagination > li > span {\n background-color: #24273a !important;\n border-color: #363a4f !important;\n }\n .dark-theme .pagination > li > a:hover,\n .dark-theme .pagination > li > a:focus,\n .dark-theme .pagination > li > a.focus {\n background-color: #363a4f !important;\n }\n .dark-theme .progress-bar {\n background-color: #b7bdf8 !important;\n }\n .dark-theme .progress-bar-success {\n background-color: #a6da95 !important;\n }\n .dark-theme .progress-bar-info {\n background-color: #f0c6c6 !important;\n }\n .dark-theme .progress-bar-warning {\n background-color: #eed49f !important;\n }\n .dark-theme .progress-bar-danger {\n background-color: #ed8796 !important;\n }\n .dark-theme .text-primary {\n color: #b7bdf8 !important;\n }\n .dark-theme .text-success {\n color: #a6da95 !important;\n }\n .dark-theme .text-info {\n color: #f0c6c6 !important;\n }\n .dark-theme .text-warning {\n color: #eed49f !important;\n }\n .dark-theme .text-danger {\n color: #ed8796 !important;\n }",
"start": 1148,
"regexps": [
"https?://(127\\.0\\.0\\.1\\:8384|localhost\\:8384)/.*"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name Syncthing Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/syncthing\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/syncthing\n@version 0.1.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/syncthing/catppuccin.user.css\n@description Soothing pastel theme for Syncthing\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var text urls \"URL(s) for Syncthing\" \"127\\.0\\.0\\.1\\:8384,localhost\\:8384\"\n\n==/UserStyle== */\n\n/*\n `replace(<stuff> ,\" \", \"\", \"g\")` is here to remove extra spaces (if any)\n*/\n\n@-moz-document regexp(replace(replace(%(\"https?://(%s)/.*\", @urls), \",\", \"|\"), \" \", \"\", \"g\"))\n{\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n /*\n So If you want to know why `!important` is spammed all over, then look at this css file that syncthing uses\n https://github.com/syncthing/syncthing/blob/main/gui/dark/assets/css/theme.css\n */\n\n body {\n color: @text !important;\n background-color: @base !important;\n }\n\n a {\n color: @accent-color;\n }\n\n .nav-tabs > li.active > a:hover,\n .nav-tabs > li.active > a {\n color: @accent-color !important;\n }\n\n /* navbar */\n .navbar {\n background-color: @mantle !important;\n border-color: @mantle !important;\n }\n\n .navbar-text,\n .dropdown > a,\n .dropdown-menu > li > a,\n .hidden-xs > a,\n .navbar-link {\n color: @text !important;\n }\n\n .dropdown-menu {\n border-color: @surface1 !important;\n background-color: @mantle !important;\n }\n\n .dropdown-menu > li > a:hover,\n .dropdown-menu > li > a:focus {\n color: @text !important;\n background-color: @surface0 !important;\n }\n\n .open > .dropdown-toggle,\n .dropdown-toggle:hover {\n border-color: @surface1 !important;\n background-color: @surface0 !important;\n }\n\n .divider {\n background-color: @surface1 !important;\n }\n\n li.hidden-xs:hover,\n .navbar-link:hover,\n .navbar-link:focus {\n border-color: @surface1 !important;\n background-color: @surface0 !important;\n }\n\n .dropdown-menu > .active > a {\n color: @base !important;\n background-color: @accent-color !important;\n }\n\n /* main panel */\n .panel {\n background-color: @base !important;\n }\n\n .panel-default {\n border-color: @surface0 !important;\n }\n\n .panel-default > .panel-heading {\n color: @text !important;\n border-color: @surface0 !important;\n background-color: @base !important;\n }\n\n .panel-footer {\n background-color: @base !important;\n }\n\n .table-striped > tbody > tr {\n border-top-color: @surface0 !important;\n }\n\n .table-striped > tbody > tr:nth-of-type(odd) {\n background-color: @base !important;\n }\n\n .panel-group .panel-heading + .panel-collapse > .panel-body,\n .panel-group .panel-heading + .panel-collapse > .list-group {\n border-top-color: @base !important;\n }\n\n .identicon > rect {\n fill: @text !important;\n }\n\n /* buttons */\n .btn-default {\n color: @text !important;\n background-color: transparent !important;\n border-color: @surface0 !important;\n }\n\n .btn-default:hover,\n .btn-default:focus,\n .btn-default.focus {\n color: @text !important;\n background-color: @surface0 !important;\n }\n\n .btn-primary {\n background-color: @accent-color !important;\n color: @base;\n }\n\n .btn-primary:hover,\n .btn-primary:focus,\n .btn-primary.focus {\n background-color: fade(@accent-color, 90%) !important;\n }\n\n .btn-warning {\n background-color: @yellow !important;\n color: @base;\n }\n\n .btn-warning:hover,\n .btn-warning:focus,\n .btn-warning.focus {\n background-color: fade(@yellow, 90%) !important;\n }\n\n .btn-danger {\n background-color: @red !important;\n color: @base;\n }\n\n .btn-danger:hover,\n .btn-danger:focus,\n .btn-danger.focus {\n background-color: fade(@red, 90%) !important;\n }\n\n /* modal dialogs */\n .modal-header {\n border-color: @surface0 !important;\n background-color: @mantle;\n }\n\n .modal-content {\n border-color: @surface0 !important;\n background-color: @mantle !important;\n }\n\n .modal-footer {\n border-color: @surface0 !important;\n background-color: @mantle !important;\n }\n\n .alert-warning {\n background-color: @yellow !important;\n color: @base !important;\n }\n\n .alert-danger {\n background-color: @red !important;\n color: @base !important;\n }\n\n .help-block {\n color: @text !important;\n }\n\n .form-control {\n color: @text !important;\n border-color: @surface0 !important;\n background-color: @base !important;\n }\n\n code.ng-binding {\n color: @mauve !important;\n background-color: @mantle !important;\n }\n\n .well,\n .form-control[readonly=\"readonly\"] {\n /* read-only fields*/\n color: @subtext0 !important;\n border-color: @subtext0 !important;\n background-color: @mantle !important;\n }\n\n /* buttons for pagination */\n .pagination > li > a,\n .pagination > li > span {\n background-color: @base !important;\n border-color: @surface0 !important;\n }\n\n .pagination > li > a:hover,\n .pagination > li > a:focus,\n .pagination > li > a.focus {\n background-color: @surface0 !important;\n }\n\n /* progress bars */\n .progress-bar {\n background-color: @accent-color !important;\n }\n\n .progress-bar-success {\n background-color: @green !important;\n }\n\n .progress-bar-info {\n background-color: @flamingo !important;\n }\n\n .progress-bar-warning {\n background-color: @yellow !important;\n }\n\n .progress-bar-danger {\n background-color: @red !important;\n }\n\n /* text */\n .text-primary {\n color: @accent-color !important;\n }\n\n .text-success {\n color: @green !important;\n }\n\n .text-info {\n color: @flamingo !important;\n }\n\n .text-warning {\n color: @yellow !important;\n }\n\n .text-danger {\n color: @red !important;\n }\n }\n\n @media (prefers-color-scheme: light) {\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n .light-theme {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n .dark-theme {\n #catppuccin(@darkFlavor, @accentColor);\n }\n}\n",
"usercssData": {
"name": "Syncthing Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/syncthing",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/syncthing",
"version": "0.1.1",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/syncthing/catppuccin.user.css",
"description": "Soothing pastel theme for Syncthing",
"author": "Catppuccin",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": "macchiato",
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": "lavender",
"default": "sapphire",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
},
"urls": {
"type": "text",
"label": "URL(s) for Syncthing",
"name": "urls",
"value": null,
"default": "127\\.0\\.0\\.1\\:8384,localhost\\:8384",
"options": null
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Syncthing",
"name": "Syncthing Catppuccin",
"originalDigest": "5d0ac73671c101da32e0a3c7b444ef51385b5c97",
"_id": "98ee3487-dfae-4980-9296-b165f8e386bc",
"_rev": 1699437783957,
"id": 67,
"etag": "W/\"c25f522ad3b43aea243d0c216ddfeee4681c8e736e85c0294e56fd48458e1f62\""
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/instagram/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/instagram",
"installDate": 1700164286487,
"sections": [
{
"code": "/* ==UserStyle==\n@name Instagram Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/instagram\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/instagram\n@version 0.1.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/instagram/catppuccin.user.css\n@description Soothing pastel theme for Instagram\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n\n@var text scrollbar_width \"Scrollbar width\" 8px\n==/UserStyle== */",
"start": 0
},
{
"code": "._aa4d * {\n --web-always-black: 24, 25, 38;\n --web-always-white: 202, 211, 245;\n --overlay-alpha-80: rgba(24, 25, 38, 0.5);\n --always-dark-overlay: rgba(54, 58, 79, 0.5);\n --ig-primary-background: 36, 39, 58;\n --ig-secondary-background: 54, 58, 79;\n --ig-banner-background: 24, 25, 38;\n --ig-highlight-background: 54, 58, 79;\n --ig-elevated-background: 24, 25, 38;\n --ig-elevated-highlight-background: 54, 58, 79;\n --ig-hover-overlay: rgba(54, 58, 79, 0.5);\n --hover-overlay: rgba(54, 58, 79, 0.2);\n --ig-text-on-color: 24, 25, 38;\n --ig-badge: 183, 189, 248;\n --ig-primary-button: 183, 189, 248;\n --ig-primary-button-hover: rgba(183, 189, 248, 0.8);\n --ig-secondary-button-background: 54, 58, 79;\n --ig-secondary-button-hover: 73, 77, 100;\n --ig-secondary-button: 202, 211, 245;\n --ig-primary-text: 202, 211, 245;\n --ig-secondary-text: 165, 173, 203;\n --ig-tertiary-text: 165, 173, 203;\n --wbloks-primary-text: #cad3f5;\n --ig-text-on-media: 202, 211, 245;\n --ig-separator: 110, 115, 141;\n --post-separator: 110, 115, 141;\n --ig-elevated-separator: 110, 115, 141;\n --ig-stroke: 110, 115, 141;\n --grey-2: 110, 115, 141;\n --ig-link: 183, 189, 248;\n --ig-error-or-destructive: 238, 153, 160;\n --ig-success: 166, 218, 149;\n --blue-2: 138, 173, 244;\n }\n ._aa4d *::selection {\n color: #181926;\n background-color: #b7bdf8;\n }\n ._aa4d .x1xgvd2v {\n background-color: #181926 !important;\n }\n ._aa4d .x1xgvd2v[style=\"transform: translateX(0px);\"] {\n background-color: #1e2030 !important;\n }\n ._aa4d .x1zvrr1 {\n background-color: #1e2030;\n }\n ._aa4d ._aggc {\n padding: 1em;\n background-color: #1e2030;\n border-color: #6e738d !important;\n border-radius: var(--modal-border-radius);\n box-shadow: 0 3px 5px -1px rgba(24, 25, 38, 0.8);\n box-sizing: border-box;\n }\n ._aa4d ._aatc ._aasi,\n ._aa4d ._ae1i,\n ._aa4d ._aggc textarea.xvbhtw8 {\n background-color: #1e2030;\n }\n ._aa4d svg {\n color: #cad3f5;\n fill: #cad3f5;\n }\n ._aa4d svg[aria-label=\"Unlike\"] {\n fill: #b7bdf8;\n }\n ._aa4d svg[aria-label=\"Close\"] {\n color: var(--web-always-white);\n }\n ._aa4d svg[aria-label=\"Verified\"] {\n fill: #b7bdf8;\n }\n ._aa4d [style*='background-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\")'],\n ._aa4d ._9zkj,\n ._aa4d ._a3ds,\n ._aa4d ._a3dt,\n ._aa4d ._a3du,\n ._aa4d ._a3dv,\n ._aa4d ._a3dw,\n ._aa4d ._9-b3,\n ._aa4d ._9znl,\n ._aa4d ._9z-6,\n ._aa4d ._a3dx,\n ._aa4d ._a3dy,\n ._aa4d ._a3dz,\n ._aa4d ._a3d-,\n ._aa4d ._a3d_,\n ._aa4d ._a3e0,\n ._aa4d ._9zm4,\n ._aa4d ._a3e1,\n ._aa4d ._a3e2,\n ._aa4d ._a3e3,\n ._aa4d ._a3e4,\n ._aa4d ._a3e5,\n ._aa4d ._a3e6,\n ._aa4d ._a3e7,\n ._aa4d ._a3e8,\n ._aa4d ._a3e9,\n ._aa4d ._a3ea,\n ._aa4d ._9_57,\n ._aa4d ._9_n5,\n ._aa4d ._9-y3,\n ._aa4d ._a3eb,\n ._aa4d ._a3ec,\n ._aa4d ._a3ed,\n ._aa4d ._a3ee,\n ._aa4d ._a04s,\n ._aa4d ._9zlu,\n ._aa4d ._9-yp,\n ._aa4d ._a3ef,\n ._aa4d ._a3eg,\n ._aa4d ._9_wm,\n ._aa4d ._a3eh,\n ._aa4d ._a3ei,\n ._aa4d ._9-j_,\n ._aa4d ._a3ej,\n ._aa4d ._a3ek,\n ._aa4d ._9_ij,\n ._aa4d ._9_d_,\n ._aa4d ._9_e1,\n ._aa4d ._9-mm,\n ._aa4d ._9_cx,\n ._aa4d ._9zm0,\n ._aa4d ._9zfi,\n ._aa4d ._9-ub,\n ._aa4d ._a3el,\n ._aa4d ._9-7-,\n ._aa4d ._9-1a,\n ._aa4d ._a3em,\n ._aa4d ._9zrp,\n ._aa4d ._a3en,\n ._aa4d ._9zz9,\n ._aa4d ._a3eo,\n ._aa4d ._9zmr,\n ._aa4d ._9-8d,\n ._aa4d ._9zhi,\n ._aa4d ._a3ep,\n ._aa4d ._9zs0,\n ._aa4d ._9-j-,\n ._aa4d ._a3eq,\n ._aa4d ._9zli,\n ._aa4d ._9_4y,\n ._aa4d ._9zm2,\n ._aa4d ._9zfj,\n ._aa4d ._9zlg,\n ._aa4d ._a3er,\n ._aa4d ._9-lv,\n ._aa4d ._9_ug,\n ._aa4d ._9_sh,\n ._aa4d ._9_sj,\n ._aa4d ._9-k0,\n ._aa4d ._9z-c,\n ._aa4d ._9_35,\n ._aa4d ._9_hh,\n ._aa4d ._a3es,\n ._aa4d ._a3et,\n ._aa4d ._a3eu,\n ._aa4d ._9-v-,\n ._aa4d ._9_4d,\n ._aa4d ._9zlh,\n ._aa4d ._a3ev,\n ._aa4d ._a3ew,\n ._aa4d ._a3ex,\n ._aa4d ._a3ey,\n ._aa4d ._9_7m,\n ._aa4d ._9_fv,\n ._aa4d ._a3ez,\n ._aa4d ._9-zf,\n ._aa4d ._9-zg,\n ._aa4d ._9-ze,\n ._aa4d ._a9fa,\n ._aa4d ._9-zh,\n ._aa4d ._9-zi,\n ._aa4d ._9-zj,\n ._aa4d ._9-zk,\n ._aa4d ._9-zl,\n ._aa4d ._9-zm,\n ._aa4d ._9-zn,\n ._aa4d ._9-zo,\n ._aa4d ._9-zp,\n ._aa4d ._9-zq,\n ._aa4d ._9-zr,\n ._aa4d ._9-zs,\n ._aa4d ._9-zt,\n ._aa4d ._a3op,\n ._aa4d ._a3oq,\n ._aa4d ._9-zu,\n ._aa4d ._9-zv,\n ._aa4d ._9-zw,\n ._aa4d ._9-zx,\n ._aa4d ._9-zy,\n ._aa4d ._9-zz,\n ._aa4d ._9-z-,\n ._aa4d ._a3or,\n ._aa4d ._a3ot,\n ._aa4d ._a3os,\n ._aa4d ._9zs1,\n ._aa4d ._9zs2,\n ._aa4d ._9-z_,\n ._aa4d ._9--0,\n ._aa4d ._9--1,\n ._aa4d ._9--2,\n ._aa4d ._9--3,\n ._aa4d ._9--4,\n ._aa4d ._9--5,\n ._aa4d ._9--6,\n ._aa4d ._9--7,\n ._aa4d ._9--f,\n ._aa4d ._9--8,\n ._aa4d ._9--9,\n ._aa4d ._9--a,\n ._aa4d ._9--b,\n ._aa4d ._9--c,\n ._aa4d ._9--d,\n ._aa4d ._9--e,\n ._aa4d ._a3ou,\n ._aa4d ._9--g,\n ._aa4d ._9--h,\n ._aa4d ._9--i,\n ._aa4d ._9--j,\n ._aa4d ._9--l,\n ._aa4d ._9--k,\n ._aa4d ._9--m,\n ._aa4d ._9--n,\n ._aa4d ._9--o,\n ._aa4d ._9--p,\n ._aa4d ._9--q,\n ._aa4d ._a3ov,\n ._aa4d ._9--s,\n ._aa4d ._9--r,\n ._aa4d ._9--t,\n ._aa4d ._9--u,\n ._aa4d ._9--v,\n ._aa4d ._9--x,\n ._aa4d ._9--y,\n ._aa4d ._9--w,\n ._aa4d ._9--z,\n ._aa4d ._9--_,\n ._aa4d ._9-_0,\n ._aa4d ._9-_1,\n ._aa4d ._9-_2,\n ._aa4d ._9-_3,\n ._aa4d ._9---,\n ._aa4d ._9-_4,\n ._aa4d ._9-_5,\n ._aa4d ._9-_6,\n ._aa4d ._9-_7,\n ._aa4d ._a3wy,\n ._aa4d ._9-_8,\n ._aa4d ._9-_9,\n ._aa4d ._a3ow,\n ._aa4d ._9-_a,\n ._aa4d ._9-_b,\n ._aa4d ._9-_c,\n ._aa4d ._9-_d,\n ._aa4d ._9-_e,\n ._aa4d ._9-_f,\n ._aa4d ._9-_g,\n ._aa4d ._9-_h,\n ._aa4d ._9-_i,\n ._aa4d ._9-_j,\n ._aa4d ._9-_k,\n ._aa4d ._9-_l,\n ._aa4d ._9-_m,\n ._aa4d ._9-_n,\n ._aa4d ._9-_o,\n ._aa4d ._a3ox,\n ._aa4d ._9-_p,\n ._aa4d ._9-_q,\n ._aa4d ._a9fb,\n ._aa4d ._9-_t,\n ._aa4d ._9-_r,\n ._aa4d ._9-_s,\n ._aa4d ._a93g,\n ._aa4d ._9-_u,\n ._aa4d ._9-_v,\n ._aa4d ._a9fc,\n ._aa4d ._9-_w,\n ._aa4d ._9-_x,\n ._aa4d ._9-_y,\n ._aa4d ._9-_z,\n ._aa4d ._9-_-,\n ._aa4d ._9-__,\n ._aa4d ._9_00,\n ._aa4d ._a3oy,\n ._aa4d ._9_01,\n ._aa4d ._9_02,\n ._aa4d ._9_03,\n ._aa4d ._9_04,\n ._aa4d ._9_05,\n ._aa4d ._9_08,\n ._aa4d ._9_09,\n ._aa4d ._9_07,\n ._aa4d ._9_06,\n ._aa4d ._9_0a,\n ._aa4d ._9_0b,\n ._aa4d ._9_0c,\n ._aa4d ._9_0d,\n ._aa4d ._9_0e,\n ._aa4d ._9_0f,\n ._aa4d ._9_0g,\n ._aa4d ._a93h,\n ._aa4d ._9_0h,\n ._aa4d ._9_0i,\n ._aa4d ._9_0j,\n ._aa4d ._9_0k,\n ._aa4d ._aepo,\n ._aa4d ._9_0l,\n ._aa4d ._9_0m,\n ._aa4d ._9_0n,\n ._aa4d ._9_0o,\n ._aa4d ._9_0p,\n ._aa4d ._a3oz,\n ._aa4d ._a93l,\n ._aa4d ._9_0r,\n ._aa4d ._9_0s,\n ._aa4d ._a7tk,\n ._aa4d ._9_0q,\n ._aa4d ._a3o-,\n ._aa4d ._9_0t,\n ._aa4d ._9_0v,\n ._aa4d ._9_0u,\n ._aa4d ._a9ej,\n ._aa4d ._9_0w,\n ._aa4d ._9_0x,\n ._aa4d ._9_0y,\n ._aa4d ._9_0z,\n ._aa4d ._9_0_,\n ._aa4d ._9_0-,\n ._aa4d ._9_10,\n ._aa4d ._9_11,\n ._aa4d ._9_12,\n ._aa4d ._9_13,\n ._aa4d ._9_14,\n ._aa4d ._9_15,\n ._aa4d ._a3o_,\n ._aa4d ._9_18,\n ._aa4d ._9_19,\n ._aa4d ._9_1a,\n ._aa4d ._9_1e,\n ._aa4d ._9_1b,\n ._aa4d ._9_1c,\n ._aa4d ._9_1d,\n ._aa4d ._9_16,\n ._aa4d ._9_17,\n ._aa4d ._a3p0,\n ._aa4d ._9_1g,\n ._aa4d ._9_1i,\n ._aa4d ._9_1h,\n ._aa4d ._9_1j,\n ._aa4d ._9_1k,\n ._aa4d ._9_1l,\n ._aa4d ._9_1m,\n ._aa4d ._a9pw {\n filter: brightness(0) saturate(100%) invert(80%) sepia(18%) saturate(377%) hue-rotate(192deg) brightness(103%) contrast(92%);\n }\n ._aa4d [style*='background-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\")'][style*=\"background-position: 0px -97px\"] {\n filter: none;\n background: #c6a0f6 !important;\n background: radial-gradient(circle at 30% 107%, #eed49f 0%, #eed49f 5%, #f5a97f 45%, #c6a0f6 60%, #8aadf4 90%) !important;\n mask-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\");\n mask-position: 0 -97px;\n }\n ._aa4d [style*='background-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\")'][style*=\"background-position: -49px -97px\"] {\n filter: none;\n background: #c6a0f6 !important;\n background: radial-gradient(circle at 30% 107%, #eed49f 0%, #eed49f 5%, #f5a97f 45%, #c6a0f6 60%, #8aadf4 90%) !important;\n mask-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\");\n mask-position: -49px -97px;\n }\n ._aa4d [style*='background-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\")'][style*=\"background-position: -49px 0px\"] {\n filter: none;\n background: #c6a0f6 !important;\n background: radial-gradient(circle at 30% 107%, #eed49f 0%, #eed49f 5%, #f5a97f 45%, #c6a0f6 60%, #8aadf4 90%) !important;\n mask-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\");\n mask-position: -49px 0;\n }\n ._aa4d ._aaqh {\n background-color: #363a4f;\n }\n ._aa4d .xzloghq,\n ._aa4d ._acas:not(._acao),\n ._aa4d .xzloghq svg,\n ._aa4d ._acas:not(._acao) svg {\n color: #24273a;\n fill: #24273a;\n }\n ._aa4d .x1gjpkn9,\n ._aa4d ._acat,\n ._aa4d ._acap,\n a._aa4d .x1gjpkn9,\n a._aa4d ._acat,\n a._aa4d ._acap,\n ._aa4d .x1gjpkn9:visited,\n ._aa4d ._acat:visited,\n ._aa4d ._acap:visited,\n a._aa4d .x1gjpkn9:visited,\n a._aa4d ._acat:visited,\n a._aa4d ._acap:visited {\n color: #cad3f5;\n }\n ._aa4d div:has(> .x1mu97ne) {\n background-color: #181926;\n border-color: #6e738d;\n box-shadow: 0 10px 35px 2px rgba(24, 25, 38, 0.993);\n }\n ._aa4d .x7r02ix[role=\"dialog\"] {\n box-shadow: 0 5px 10px 0 rgba(24, 25, 38, 0.995);\n }\n ._aa4d ._ac4d::placeholder,\n ._aa4d ._aauy::placeholder,\n ._aa4d textarea::placeholder {\n color: #a5adcb;\n }\n ._aa4d ._ab81 {\n background-color: #1e2030;\n }\n ._aa4d ._ab85,\n ._aa4d ._ab6i,\n ._aa4d ._ab85 .xvbhtw8,\n ._aa4d ._aav4 {\n background-color: #181926;\n }\n ._aa4d .wbloks_1[data-bloks-name=\"bk.components.Collection\"] {\n background-color: #1e2030;\n }\n ._aa4d div[data-bloks-name=\"bk.components.Flexbox\"],\n ._aa4d .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"] {\n padding-left: 0 !important;\n }\n ._aa4d div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"background: rgb(0\\, 0\\, 0)\"],\n ._aa4d .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"background: rgb(0\\, 0\\, 0)\"],\n ._aa4d div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"background: rgb(255\\, 255\\, 255)\"],\n ._aa4d .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"background: rgb(255\\, 255\\, 255)\"] {\n background-color: #1e2030 !important;\n }\n ._aa4d div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 10.5px\"][style*=\"background: rgb(0\\, 149\\, 246)\"],\n ._aa4d .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 10.5px\"][style*=\"background: rgb(0\\, 149\\, 246)\"],\n ._aa4d div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 12px\"][style*=\"background: rgb(0\\, 149\\, 246)\"],\n ._aa4d .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 12px\"][style*=\"background: rgb(0\\, 149\\, 246)\"],\n ._aa4d div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 4px\"][style*=\"background: rgb(0\\, 149\\, 246)\"],\n ._aa4d .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 4px\"][style*=\"background: rgb(0\\, 149\\, 246)\"] {\n background-color: #b7bdf8 !important;\n }\n ._aa4d div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 10.5px\"][style*=\"background: rgb(219\\, 219\\, 219)\"],\n ._aa4d .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 10.5px\"][style*=\"background: rgb(219\\, 219\\, 219)\"],\n ._aa4d div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 12px\"][style*=\"background: rgb(219\\, 219\\, 219)\"],\n ._aa4d .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 12px\"][style*=\"background: rgb(219\\, 219\\, 219)\"],\n ._aa4d div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 4px\"][style*=\"background: rgb(219\\, 219\\, 219)\"],\n ._aa4d .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 4px\"][style*=\"background: rgb(219\\, 219\\, 219)\"],\n ._aa4d div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 10.5px\"][style*=\"background: rgb(38\\, 38\\, 38)\"],\n ._aa4d .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 10.5px\"][style*=\"background: rgb(38\\, 38\\, 38)\"],\n ._aa4d div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 12px\"][style*=\"background: rgb(38\\, 38\\, 38)\"],\n ._aa4d .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 12px\"][style*=\"background: rgb(38\\, 38\\, 38)\"],\n ._aa4d div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 4px\"][style*=\"background: rgb(38\\, 38\\, 38)\"],\n ._aa4d .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 4px\"][style*=\"background: rgb(38\\, 38\\, 38)\"],\n ._aa4d div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 10.5px\"][style*=\"background: rgb(54\\, 54\\, 54)\"],\n ._aa4d .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 10.5px\"][style*=\"background: rgb(54\\, 54\\, 54)\"],\n ._aa4d div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 12px\"][style*=\"background: rgb(54\\, 54\\, 54)\"],\n ._aa4d .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 12px\"][style*=\"background: rgb(54\\, 54\\, 54)\"],\n ._aa4d div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 4px\"][style*=\"background: rgb(54\\, 54\\, 54)\"],\n ._aa4d .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 4px\"][style*=\"background: rgb(54\\, 54\\, 54)\"],\n ._aa4d div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 10.5px\"][style*=\"background: rgb(255\\, 255\\, 255)\"],\n ._aa4d .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 10.5px\"][style*=\"background: rgb(255\\, 255\\, 255)\"],\n ._aa4d div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 12px\"][style*=\"background: rgb(255\\, 255\\, 255)\"],\n ._aa4d .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 12px\"][style*=\"background: rgb(255\\, 255\\, 255)\"],\n ._aa4d div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 4px\"][style*=\"background: rgb(255\\, 255\\, 255)\"],\n ._aa4d .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 4px\"][style*=\"background: rgb(255\\, 255\\, 255)\"] {\n background-color: #363a4f !important;\n }\n ._aa4d div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"background: rgb(38\\, 38\\, 38)\"],\n ._aa4d .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"background: rgb(38\\, 38\\, 38)\"] {\n display: none;\n }\n ._aa4d span[data-bloks-name=\"bk.components.TextSpan\"][style*=\"color: rgb(250\\, 250\\, 250)\"],\n ._aa4d span[data-bloks-name=\"bk.components.Text\"][style*=\"color: rgb(250\\, 250\\, 250)\"],\n ._aa4d span[data-bloks-name=\"bk.components.TextSpan\"][style*=\"color: rgb(224\\, 241\\, 255)\"],\n ._aa4d span[data-bloks-name=\"bk.components.Text\"][style*=\"color: rgb(224\\, 241\\, 255)\"],\n ._aa4d span[data-bloks-name=\"bk.components.TextSpan\"][style*=\"color: rgb(0\\, 55\\, 107)\"],\n ._aa4d span[data-bloks-name=\"bk.components.Text\"][style*=\"color: rgb(0\\, 55\\, 107)\"],\n ._aa4d span[data-bloks-name=\"bk.components.TextSpan\"][style*=\"color: rgb(38\\, 38\\, 38)\"],\n ._aa4d span[data-bloks-name=\"bk.components.Text\"][style*=\"color: rgb(38\\, 38\\, 38)\"] {\n color: #cad3f5 !important;\n }\n ._aa4d span[data-bloks-name=\"bk.components.TextSpan\"][style*=\"color: rgb(142\\, 142\\, 142)\"],\n ._aa4d span[data-bloks-name=\"bk.components.Text\"][style*=\"color: rgb(142\\, 142\\, 142)\"] {\n color: #a5adcb !important;\n }\n ._aa4d .leaflet-popup-content-wrapper,\n ._aa4d .leaflet-popup-tip {\n background-color: #1e2030;\n box-shadow: 0 5px 15px rgba(24, 25, 38, 0.996);\n }\n ._aa4d .leaflet-popup-content-wrapper *,\n ._aa4d .leaflet-popup-tip * {\n color: #cad3f5 !important;\n }\n ._aa4d ::-webkit-scrollbar {\n width: 8px;\n background-color: #181926;\n }\n ._aa4d ::-webkit-scrollbar-thumb {\n background-color: #b7bdf8;\n border-radius: 10px;\n }\n ._aa4d * {\n scrollbar-width: none;\n scrollbar-color: #b7bdf8 #181926;\n }\n ._aa4c * {\n --web-always-black: 24, 25, 38;\n --web-always-white: 202, 211, 245;\n --overlay-alpha-80: rgba(24, 25, 38, 0.5);\n --always-dark-overlay: rgba(54, 58, 79, 0.5);\n --ig-primary-background: 36, 39, 58;\n --ig-secondary-background: 54, 58, 79;\n --ig-banner-background: 24, 25, 38;\n --ig-highlight-background: 54, 58, 79;\n --ig-elevated-background: 24, 25, 38;\n --ig-elevated-highlight-background: 54, 58, 79;\n --ig-hover-overlay: rgba(54, 58, 79, 0.5);\n --hover-overlay: rgba(54, 58, 79, 0.2);\n --ig-text-on-color: 24, 25, 38;\n --ig-badge: 183, 189, 248;\n --ig-primary-button: 183, 189, 248;\n --ig-primary-button-hover: rgba(183, 189, 248, 0.8);\n --ig-secondary-button-background: 54, 58, 79;\n --ig-secondary-button-hover: 73, 77, 100;\n --ig-secondary-button: 202, 211, 245;\n --ig-primary-text: 202, 211, 245;\n --ig-secondary-text: 165, 173, 203;\n --ig-tertiary-text: 165, 173, 203;\n --wbloks-primary-text: #cad3f5;\n --ig-text-on-media: 202, 211, 245;\n --ig-separator: 110, 115, 141;\n --post-separator: 110, 115, 141;\n --ig-elevated-separator: 110, 115, 141;\n --ig-stroke: 110, 115, 141;\n --grey-2: 110, 115, 141;\n --ig-link: 183, 189, 248;\n --ig-error-or-destructive: 238, 153, 160;\n --ig-success: 166, 218, 149;\n --blue-2: 138, 173, 244;\n }\n ._aa4c *::selection {\n color: #181926;\n background-color: #b7bdf8;\n }\n ._aa4c .x1xgvd2v {\n background-color: #181926 !important;\n }\n ._aa4c .x1xgvd2v[style=\"transform: translateX(0px);\"] {\n background-color: #1e2030 !important;\n }\n ._aa4c .x1zvrr1 {\n background-color: #1e2030;\n }\n ._aa4c ._aggc {\n padding: 1em;\n background-color: #1e2030;\n border-color: #6e738d !important;\n border-radius: var(--modal-border-radius);\n box-shadow: 0 3px 5px -1px rgba(24, 25, 38, 0.8);\n box-sizing: border-box;\n }\n ._aa4c ._aatc ._aasi,\n ._aa4c ._ae1i,\n ._aa4c ._aggc textarea.xvbhtw8 {\n background-color: #1e2030;\n }\n ._aa4c svg {\n color: #cad3f5;\n fill: #cad3f5;\n }\n ._aa4c svg[aria-label=\"Unlike\"] {\n fill: #b7bdf8;\n }\n ._aa4c svg[aria-label=\"Close\"] {\n color: var(--web-always-white);\n }\n ._aa4c svg[aria-label=\"Verified\"] {\n fill: #b7bdf8;\n }\n ._aa4c [style*='background-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\")'],\n ._aa4c ._9zkj,\n ._aa4c ._a3ds,\n ._aa4c ._a3dt,\n ._aa4c ._a3du,\n ._aa4c ._a3dv,\n ._aa4c ._a3dw,\n ._aa4c ._9-b3,\n ._aa4c ._9znl,\n ._aa4c ._9z-6,\n ._aa4c ._a3dx,\n ._aa4c ._a3dy,\n ._aa4c ._a3dz,\n ._aa4c ._a3d-,\n ._aa4c ._a3d_,\n ._aa4c ._a3e0,\n ._aa4c ._9zm4,\n ._aa4c ._a3e1,\n ._aa4c ._a3e2,\n ._aa4c ._a3e3,\n ._aa4c ._a3e4,\n ._aa4c ._a3e5,\n ._aa4c ._a3e6,\n ._aa4c ._a3e7,\n ._aa4c ._a3e8,\n ._aa4c ._a3e9,\n ._aa4c ._a3ea,\n ._aa4c ._9_57,\n ._aa4c ._9_n5,\n ._aa4c ._9-y3,\n ._aa4c ._a3eb,\n ._aa4c ._a3ec,\n ._aa4c ._a3ed,\n ._aa4c ._a3ee,\n ._aa4c ._a04s,\n ._aa4c ._9zlu,\n ._aa4c ._9-yp,\n ._aa4c ._a3ef,\n ._aa4c ._a3eg,\n ._aa4c ._9_wm,\n ._aa4c ._a3eh,\n ._aa4c ._a3ei,\n ._aa4c ._9-j_,\n ._aa4c ._a3ej,\n ._aa4c ._a3ek,\n ._aa4c ._9_ij,\n ._aa4c ._9_d_,\n ._aa4c ._9_e1,\n ._aa4c ._9-mm,\n ._aa4c ._9_cx,\n ._aa4c ._9zm0,\n ._aa4c ._9zfi,\n ._aa4c ._9-ub,\n ._aa4c ._a3el,\n ._aa4c ._9-7-,\n ._aa4c ._9-1a,\n ._aa4c ._a3em,\n ._aa4c ._9zrp,\n ._aa4c ._a3en,\n ._aa4c ._9zz9,\n ._aa4c ._a3eo,\n ._aa4c ._9zmr,\n ._aa4c ._9-8d,\n ._aa4c ._9zhi,\n ._aa4c ._a3ep,\n ._aa4c ._9zs0,\n ._aa4c ._9-j-,\n ._aa4c ._a3eq,\n ._aa4c ._9zli,\n ._aa4c ._9_4y,\n ._aa4c ._9zm2,\n ._aa4c ._9zfj,\n ._aa4c ._9zlg,\n ._aa4c ._a3er,\n ._aa4c ._9-lv,\n ._aa4c ._9_ug,\n ._aa4c ._9_sh,\n ._aa4c ._9_sj,\n ._aa4c ._9-k0,\n ._aa4c ._9z-c,\n ._aa4c ._9_35,\n ._aa4c ._9_hh,\n ._aa4c ._a3es,\n ._aa4c ._a3et,\n ._aa4c ._a3eu,\n ._aa4c ._9-v-,\n ._aa4c ._9_4d,\n ._aa4c ._9zlh,\n ._aa4c ._a3ev,\n ._aa4c ._a3ew,\n ._aa4c ._a3ex,\n ._aa4c ._a3ey,\n ._aa4c ._9_7m,\n ._aa4c ._9_fv,\n ._aa4c ._a3ez,\n ._aa4c ._9-zf,\n ._aa4c ._9-zg,\n ._aa4c ._9-ze,\n ._aa4c ._a9fa,\n ._aa4c ._9-zh,\n ._aa4c ._9-zi,\n ._aa4c ._9-zj,\n ._aa4c ._9-zk,\n ._aa4c ._9-zl,\n ._aa4c ._9-zm,\n ._aa4c ._9-zn,\n ._aa4c ._9-zo,\n ._aa4c ._9-zp,\n ._aa4c ._9-zq,\n ._aa4c ._9-zr,\n ._aa4c ._9-zs,\n ._aa4c ._9-zt,\n ._aa4c ._a3op,\n ._aa4c ._a3oq,\n ._aa4c ._9-zu,\n ._aa4c ._9-zv,\n ._aa4c ._9-zw,\n ._aa4c ._9-zx,\n ._aa4c ._9-zy,\n ._aa4c ._9-zz,\n ._aa4c ._9-z-,\n ._aa4c ._a3or,\n ._aa4c ._a3ot,\n ._aa4c ._a3os,\n ._aa4c ._9zs1,\n ._aa4c ._9zs2,\n ._aa4c ._9-z_,\n ._aa4c ._9--0,\n ._aa4c ._9--1,\n ._aa4c ._9--2,\n ._aa4c ._9--3,\n ._aa4c ._9--4,\n ._aa4c ._9--5,\n ._aa4c ._9--6,\n ._aa4c ._9--7,\n ._aa4c ._9--f,\n ._aa4c ._9--8,\n ._aa4c ._9--9,\n ._aa4c ._9--a,\n ._aa4c ._9--b,\n ._aa4c ._9--c,\n ._aa4c ._9--d,\n ._aa4c ._9--e,\n ._aa4c ._a3ou,\n ._aa4c ._9--g,\n ._aa4c ._9--h,\n ._aa4c ._9--i,\n ._aa4c ._9--j,\n ._aa4c ._9--l,\n ._aa4c ._9--k,\n ._aa4c ._9--m,\n ._aa4c ._9--n,\n ._aa4c ._9--o,\n ._aa4c ._9--p,\n ._aa4c ._9--q,\n ._aa4c ._a3ov,\n ._aa4c ._9--s,\n ._aa4c ._9--r,\n ._aa4c ._9--t,\n ._aa4c ._9--u,\n ._aa4c ._9--v,\n ._aa4c ._9--x,\n ._aa4c ._9--y,\n ._aa4c ._9--w,\n ._aa4c ._9--z,\n ._aa4c ._9--_,\n ._aa4c ._9-_0,\n ._aa4c ._9-_1,\n ._aa4c ._9-_2,\n ._aa4c ._9-_3,\n ._aa4c ._9---,\n ._aa4c ._9-_4,\n ._aa4c ._9-_5,\n ._aa4c ._9-_6,\n ._aa4c ._9-_7,\n ._aa4c ._a3wy,\n ._aa4c ._9-_8,\n ._aa4c ._9-_9,\n ._aa4c ._a3ow,\n ._aa4c ._9-_a,\n ._aa4c ._9-_b,\n ._aa4c ._9-_c,\n ._aa4c ._9-_d,\n ._aa4c ._9-_e,\n ._aa4c ._9-_f,\n ._aa4c ._9-_g,\n ._aa4c ._9-_h,\n ._aa4c ._9-_i,\n ._aa4c ._9-_j,\n ._aa4c ._9-_k,\n ._aa4c ._9-_l,\n ._aa4c ._9-_m,\n ._aa4c ._9-_n,\n ._aa4c ._9-_o,\n ._aa4c ._a3ox,\n ._aa4c ._9-_p,\n ._aa4c ._9-_q,\n ._aa4c ._a9fb,\n ._aa4c ._9-_t,\n ._aa4c ._9-_r,\n ._aa4c ._9-_s,\n ._aa4c ._a93g,\n ._aa4c ._9-_u,\n ._aa4c ._9-_v,\n ._aa4c ._a9fc,\n ._aa4c ._9-_w,\n ._aa4c ._9-_x,\n ._aa4c ._9-_y,\n ._aa4c ._9-_z,\n ._aa4c ._9-_-,\n ._aa4c ._9-__,\n ._aa4c ._9_00,\n ._aa4c ._a3oy,\n ._aa4c ._9_01,\n ._aa4c ._9_02,\n ._aa4c ._9_03,\n ._aa4c ._9_04,\n ._aa4c ._9_05,\n ._aa4c ._9_08,\n ._aa4c ._9_09,\n ._aa4c ._9_07,\n ._aa4c ._9_06,\n ._aa4c ._9_0a,\n ._aa4c ._9_0b,\n ._aa4c ._9_0c,\n ._aa4c ._9_0d,\n ._aa4c ._9_0e,\n ._aa4c ._9_0f,\n ._aa4c ._9_0g,\n ._aa4c ._a93h,\n ._aa4c ._9_0h,\n ._aa4c ._9_0i,\n ._aa4c ._9_0j,\n ._aa4c ._9_0k,\n ._aa4c ._aepo,\n ._aa4c ._9_0l,\n ._aa4c ._9_0m,\n ._aa4c ._9_0n,\n ._aa4c ._9_0o,\n ._aa4c ._9_0p,\n ._aa4c ._a3oz,\n ._aa4c ._a93l,\n ._aa4c ._9_0r,\n ._aa4c ._9_0s,\n ._aa4c ._a7tk,\n ._aa4c ._9_0q,\n ._aa4c ._a3o-,\n ._aa4c ._9_0t,\n ._aa4c ._9_0v,\n ._aa4c ._9_0u,\n ._aa4c ._a9ej,\n ._aa4c ._9_0w,\n ._aa4c ._9_0x,\n ._aa4c ._9_0y,\n ._aa4c ._9_0z,\n ._aa4c ._9_0_,\n ._aa4c ._9_0-,\n ._aa4c ._9_10,\n ._aa4c ._9_11,\n ._aa4c ._9_12,\n ._aa4c ._9_13,\n ._aa4c ._9_14,\n ._aa4c ._9_15,\n ._aa4c ._a3o_,\n ._aa4c ._9_18,\n ._aa4c ._9_19,\n ._aa4c ._9_1a,\n ._aa4c ._9_1e,\n ._aa4c ._9_1b,\n ._aa4c ._9_1c,\n ._aa4c ._9_1d,\n ._aa4c ._9_16,\n ._aa4c ._9_17,\n ._aa4c ._a3p0,\n ._aa4c ._9_1g,\n ._aa4c ._9_1i,\n ._aa4c ._9_1h,\n ._aa4c ._9_1j,\n ._aa4c ._9_1k,\n ._aa4c ._9_1l,\n ._aa4c ._9_1m,\n ._aa4c ._a9pw {\n filter: brightness(0) saturate(100%) invert(80%) sepia(18%) saturate(377%) hue-rotate(192deg) brightness(103%) contrast(92%);\n }\n ._aa4c [style*='background-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\")'][style*=\"background-position: 0px -97px\"] {\n filter: none;\n background: #c6a0f6 !important;\n background: radial-gradient(circle at 30% 107%, #eed49f 0%, #eed49f 5%, #f5a97f 45%, #c6a0f6 60%, #8aadf4 90%) !important;\n mask-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\");\n mask-position: 0 -97px;\n }\n ._aa4c [style*='background-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\")'][style*=\"background-position: -49px -97px\"] {\n filter: none;\n background: #c6a0f6 !important;\n background: radial-gradient(circle at 30% 107%, #eed49f 0%, #eed49f 5%, #f5a97f 45%, #c6a0f6 60%, #8aadf4 90%) !important;\n mask-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\");\n mask-position: -49px -97px;\n }\n ._aa4c [style*='background-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\")'][style*=\"background-position: -49px 0px\"] {\n filter: none;\n background: #c6a0f6 !important;\n background: radial-gradient(circle at 30% 107%, #eed49f 0%, #eed49f 5%, #f5a97f 45%, #c6a0f6 60%, #8aadf4 90%) !important;\n mask-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\");\n mask-position: -49px 0;\n }\n ._aa4c ._aaqh {\n background-color: #363a4f;\n }\n ._aa4c .xzloghq,\n ._aa4c ._acas:not(._acao),\n ._aa4c .xzloghq svg,\n ._aa4c ._acas:not(._acao) svg {\n color: #24273a;\n fill: #24273a;\n }\n ._aa4c .x1gjpkn9,\n ._aa4c ._acat,\n ._aa4c ._acap,\n a._aa4c .x1gjpkn9,\n a._aa4c ._acat,\n a._aa4c ._acap,\n ._aa4c .x1gjpkn9:visited,\n ._aa4c ._acat:visited,\n ._aa4c ._acap:visited,\n a._aa4c .x1gjpkn9:visited,\n a._aa4c ._acat:visited,\n a._aa4c ._acap:visited {\n color: #cad3f5;\n }\n ._aa4c div:has(> .x1mu97ne) {\n background-color: #181926;\n border-color: #6e738d;\n box-shadow: 0 10px 35px 2px rgba(24, 25, 38, 0.993);\n }\n ._aa4c .x7r02ix[role=\"dialog\"] {\n box-shadow: 0 5px 10px 0 rgba(24, 25, 38, 0.995);\n }\n ._aa4c ._ac4d::placeholder,\n ._aa4c ._aauy::placeholder,\n ._aa4c textarea::placeholder {\n color: #a5adcb;\n }\n ._aa4c ._ab81 {\n background-color: #1e2030;\n }\n ._aa4c ._ab85,\n ._aa4c ._ab6i,\n ._aa4c ._ab85 .xvbhtw8,\n ._aa4c ._aav4 {\n background-color: #181926;\n }\n ._aa4c .wbloks_1[data-bloks-name=\"bk.components.Collection\"] {\n background-color: #1e2030;\n }\n ._aa4c div[data-bloks-name=\"bk.components.Flexbox\"],\n ._aa4c .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"] {\n padding-left: 0 !important;\n }\n ._aa4c div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"background: rgb(0\\, 0\\, 0)\"],\n ._aa4c .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"background: rgb(0\\, 0\\, 0)\"],\n ._aa4c div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"background: rgb(255\\, 255\\, 255)\"],\n ._aa4c .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"background: rgb(255\\, 255\\, 255)\"] {\n background-color: #1e2030 !important;\n }\n ._aa4c div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 10.5px\"][style*=\"background: rgb(0\\, 149\\, 246)\"],\n ._aa4c .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 10.5px\"][style*=\"background: rgb(0\\, 149\\, 246)\"],\n ._aa4c div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 12px\"][style*=\"background: rgb(0\\, 149\\, 246)\"],\n ._aa4c .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 12px\"][style*=\"background: rgb(0\\, 149\\, 246)\"],\n ._aa4c div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 4px\"][style*=\"background: rgb(0\\, 149\\, 246)\"],\n ._aa4c .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 4px\"][style*=\"background: rgb(0\\, 149\\, 246)\"] {\n background-color: #b7bdf8 !important;\n }\n ._aa4c div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 10.5px\"][style*=\"background: rgb(219\\, 219\\, 219)\"],\n ._aa4c .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 10.5px\"][style*=\"background: rgb(219\\, 219\\, 219)\"],\n ._aa4c div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 12px\"][style*=\"background: rgb(219\\, 219\\, 219)\"],\n ._aa4c .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 12px\"][style*=\"background: rgb(219\\, 219\\, 219)\"],\n ._aa4c div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 4px\"][style*=\"background: rgb(219\\, 219\\, 219)\"],\n ._aa4c .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 4px\"][style*=\"background: rgb(219\\, 219\\, 219)\"],\n ._aa4c div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 10.5px\"][style*=\"background: rgb(38\\, 38\\, 38)\"],\n ._aa4c .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 10.5px\"][style*=\"background: rgb(38\\, 38\\, 38)\"],\n ._aa4c div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 12px\"][style*=\"background: rgb(38\\, 38\\, 38)\"],\n ._aa4c .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 12px\"][style*=\"background: rgb(38\\, 38\\, 38)\"],\n ._aa4c div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 4px\"][style*=\"background: rgb(38\\, 38\\, 38)\"],\n ._aa4c .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 4px\"][style*=\"background: rgb(38\\, 38\\, 38)\"],\n ._aa4c div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 10.5px\"][style*=\"background: rgb(54\\, 54\\, 54)\"],\n ._aa4c .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 10.5px\"][style*=\"background: rgb(54\\, 54\\, 54)\"],\n ._aa4c div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 12px\"][style*=\"background: rgb(54\\, 54\\, 54)\"],\n ._aa4c .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 12px\"][style*=\"background: rgb(54\\, 54\\, 54)\"],\n ._aa4c div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 4px\"][style*=\"background: rgb(54\\, 54\\, 54)\"],\n ._aa4c .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 4px\"][style*=\"background: rgb(54\\, 54\\, 54)\"],\n ._aa4c div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 10.5px\"][style*=\"background: rgb(255\\, 255\\, 255)\"],\n ._aa4c .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 10.5px\"][style*=\"background: rgb(255\\, 255\\, 255)\"],\n ._aa4c div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 12px\"][style*=\"background: rgb(255\\, 255\\, 255)\"],\n ._aa4c .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 12px\"][style*=\"background: rgb(255\\, 255\\, 255)\"],\n ._aa4c div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 4px\"][style*=\"background: rgb(255\\, 255\\, 255)\"],\n ._aa4c .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"border-radius: 4px\"][style*=\"background: rgb(255\\, 255\\, 255)\"] {\n background-color: #363a4f !important;\n }\n ._aa4c div[data-bloks-name=\"bk.components.Flexbox\"][style*=\"background: rgb(38\\, 38\\, 38)\"],\n ._aa4c .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"][style*=\"background: rgb(38\\, 38\\, 38)\"] {\n display: none;\n }\n ._aa4c span[data-bloks-name=\"bk.components.TextSpan\"][style*=\"color: rgb(250\\, 250\\, 250)\"],\n ._aa4c span[data-bloks-name=\"bk.components.Text\"][style*=\"color: rgb(250\\, 250\\, 250)\"],\n ._aa4c span[data-bloks-name=\"bk.components.TextSpan\"][style*=\"color: rgb(224\\, 241\\, 255)\"],\n ._aa4c span[data-bloks-name=\"bk.components.Text\"][style*=\"color: rgb(224\\, 241\\, 255)\"],\n ._aa4c span[data-bloks-name=\"bk.components.TextSpan\"][style*=\"color: rgb(0\\, 55\\, 107)\"],\n ._aa4c span[data-bloks-name=\"bk.components.Text\"][style*=\"color: rgb(0\\, 55\\, 107)\"],\n ._aa4c span[data-bloks-name=\"bk.components.TextSpan\"][style*=\"color: rgb(38\\, 38\\, 38)\"],\n ._aa4c span[data-bloks-name=\"bk.components.Text\"][style*=\"color: rgb(38\\, 38\\, 38)\"] {\n color: #cad3f5 !important;\n }\n ._aa4c span[data-bloks-name=\"bk.components.TextSpan\"][style*=\"color: rgb(142\\, 142\\, 142)\"],\n ._aa4c span[data-bloks-name=\"bk.components.Text\"][style*=\"color: rgb(142\\, 142\\, 142)\"] {\n color: #a5adcb !important;\n }\n ._aa4c .leaflet-popup-content-wrapper,\n ._aa4c .leaflet-popup-tip {\n background-color: #1e2030;\n box-shadow: 0 5px 15px rgba(24, 25, 38, 0.996);\n }\n ._aa4c .leaflet-popup-content-wrapper *,\n ._aa4c .leaflet-popup-tip * {\n color: #cad3f5 !important;\n }\n ._aa4c ::-webkit-scrollbar {\n width: 8px;\n background-color: #181926;\n }\n ._aa4c ::-webkit-scrollbar-thumb {\n background-color: #b7bdf8;\n border-radius: 10px;\n }\n ._aa4c * {\n scrollbar-width: none;\n scrollbar-color: #b7bdf8 #181926;\n }",
"start": 1005,
"domains": [
"instagram.com"
]
},
{
"code": ":root .xnz67gz {\n background-color: #24273a;\n }\n :root .xvbhtw8 {\n background-color: #1e2030;\n }\n :root ._aa5c,\n :root ._aa4j,\n :root ._abyk {\n background-color: #181926;\n }\n :root .xk5f4mz {\n background-color: #363a4f;\n }\n :root .x1i10hfl:hover {\n background-color: #363a4f;\n color: #cad3f5;\n }",
"start": 33242,
"regexps": [
"^.*instagram.com/direct.*"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name Instagram Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/instagram\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/instagram\n@version 0.1.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/instagram/catppuccin.user.css\n@description Soothing pastel theme for Instagram\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n\n@var text scrollbar_width \"Scrollbar width\" 8px\n==/UserStyle== */\n@-moz-document domain('instagram.com') {\n @rgb-raw: red;\n #rgbify(@color) {\n @rgb-raw: red(@color), green(@color), blue(@color);\n }\n\n ._aa4d {\n #catppuccin(@darkFlavor, @accentColor);\n }\n ._aa4c {\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 @text_filter: @catppuccin[@@lookup][@text_filter];\n @dark_color: if(@lookup=latte, @text, @crust);\n @light_color: if(@lookup=latte, @crust, @text);\n\n * {\n --web-always-black: #rgbify(@dark_color) [];\n --web-always-white: #rgbify(@light_color) [];\n\n --overlay-alpha-80: fadeout(@dark_color, 50);\n --always-dark-overlay: fadeout(@surface0, 50);\n\n --ig-primary-background: #rgbify(@base) [];\n --ig-secondary-background: #rgbify(@surface0) [];\n --ig-banner-background: #rgbify(@crust) [];\n --ig-highlight-background: #rgbify(@surface0) [];\n --ig-elevated-background: #rgbify(@crust) [];\n --ig-elevated-highlight-background: #rgbify(@surface0) [];\n --ig-hover-overlay: fadeout(@surface0, 50);\n --hover-overlay: fadeout(@surface0, 80);\n\n --ig-text-on-color: #rgbify(@crust) [];\n\n --ig-badge: #rgbify(@accent-color) [];\n\n --ig-primary-button: #rgbify(@accent-color) [];\n --ig-primary-button-hover: fadeout(@accent-color, 20);\n\n --ig-secondary-button-background: #rgbify(@surface0) [];\n --ig-secondary-button-hover: #rgbify(@surface1) [];\n --ig-secondary-button: #rgbify(@text) [];\n\n --ig-primary-text: #rgbify(@text) [];\n --ig-secondary-text: #rgbify(@subtext0) [];\n --ig-tertiary-text: #rgbify(@subtext0) [];\n --wbloks-primary-text: @text;\n --ig-text-on-media: #rgbify(@text) [];\n\n --ig-separator: #rgbify(@overlay0) [];\n --post-separator: #rgbify(@overlay0) [];\n --ig-elevated-separator: #rgbify(@overlay0) [];\n --ig-stroke: #rgbify(@overlay0) [];\n --grey-2: #rgbify(@overlay0) [];\n\n --ig-link: #rgbify(@accent-color) [];\n --ig-error-or-destructive: #rgbify(@maroon) [];\n --ig-success: #rgbify(@green) [];\n --blue-2: #rgbify(@blue) [];\n } // Text selection\n *::selection {\n color: @dark_color;\n background-color: @accent-color;\n } // Sidebar\n .x1xgvd2v {\n background-color: @crust !important;\n\n &[style=\"transform: translateX(0px);\"] {\n background-color: @mantle !important;\n }\n }\n\n .x1zvrr1 {\n background-color: @mantle;\n } // Posts\n ._aggc {\n padding: 1em;\n background-color: @mantle;\n border-color: @overlay0 !important;\n border-radius: var(--modal-border-radius);\n box-shadow: 0 3px 5px -1px fadeout(@dark_color, 20);\n box-sizing: border-box;\n }\n\n ._aatc ._aasi,\n ._ae1i,\n ._aggc textarea.xvbhtw8 {\n background-color: @mantle;\n } // Icons\n svg {\n color: @text;\n fill: @text;\n }\n\n svg[aria-label=\"Unlike\"] {\n fill: @accent-color;\n } // The close icon on the dark wrapper\n svg[aria-label=\"Close\"] {\n color: var(--web-always-white);\n }\n svg[aria-label=\"Verified\"] {\n fill: @accent-color;\n }\n // Excluded:\n // - _9ys7, _9_1f, _9ys8 (verified icon)\n [style*='background-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\")'],\n ._9zkj,\n ._a3ds,\n ._a3dt,\n ._a3du,\n ._a3dv,\n ._a3dw,\n ._9-b3,\n ._9znl,\n ._9z-6,\n ._a3dx,\n ._a3dy,\n ._a3dz,\n ._a3d-,\n ._a3d_,\n ._a3e0,\n ._9zm4,\n ._a3e1,\n ._a3e2,\n ._a3e3,\n ._a3e4,\n ._a3e5,\n ._a3e6,\n ._a3e7,\n ._a3e8,\n ._a3e9,\n ._a3ea,\n ._9_57,\n ._9_n5,\n ._9-y3,\n ._a3eb,\n ._a3ec,\n ._a3ed,\n ._a3ee,\n ._a04s,\n ._9zlu,\n ._9-yp,\n ._a3ef,\n ._a3eg,\n ._9_wm,\n ._a3eh,\n ._a3ei,\n ._9-j_,\n ._a3ej,\n ._a3ek,\n ._9_ij,\n ._9_d_,\n ._9_e1,\n ._9-mm,\n ._9_cx,\n ._9zm0,\n ._9zfi,\n ._9-ub,\n ._a3el,\n ._9-7-,\n ._9-1a,\n ._a3em,\n ._9zrp,\n ._a3en,\n ._9zz9,\n ._a3eo,\n ._9zmr,\n ._9-8d,\n ._9zhi,\n ._a3ep,\n ._9zs0,\n ._9-j-,\n ._a3eq,\n ._9zli,\n ._9_4y,\n ._9zm2,\n ._9zfj,\n ._9zlg,\n ._a3er,\n ._9-lv,\n ._9_ug,\n ._9_sh,\n ._9_sj,\n ._9-k0,\n ._9z-c,\n ._9_35,\n ._9_hh,\n ._a3es,\n ._a3et,\n ._a3eu,\n ._9-v-,\n ._9_4d,\n ._9zlh,\n ._a3ev,\n ._a3ew,\n ._a3ex,\n ._a3ey,\n ._9_7m,\n ._9_fv,\n ._a3ez,\n ._9-zf,\n ._9-zg,\n ._9-ze,\n ._a9fa,\n ._9-zh,\n ._9-zi,\n ._9-zj,\n ._9-zk,\n ._9-zl,\n ._9-zm,\n ._9-zn,\n ._9-zo,\n ._9-zp,\n ._9-zq,\n ._9-zr,\n ._9-zs,\n ._9-zt,\n ._a3op,\n ._a3oq,\n ._9-zu,\n ._9-zv,\n ._9-zw,\n ._9-zx,\n ._9-zy,\n ._9-zz,\n ._9-z-,\n ._a3or,\n ._a3ot,\n ._a3os,\n ._9zs1,\n ._9zs2,\n ._9-z_,\n ._9--0,\n ._9--1,\n ._9--2,\n ._9--3,\n ._9--4,\n ._9--5,\n ._9--6,\n ._9--7,\n ._9--f,\n ._9--8,\n ._9--9,\n ._9--a,\n ._9--b,\n ._9--c,\n ._9--d,\n ._9--e,\n ._a3ou,\n ._9--g,\n ._9--h,\n ._9--i,\n ._9--j,\n ._9--l,\n ._9--k,\n ._9--m,\n ._9--n,\n ._9--o,\n ._9--p,\n ._9--q,\n ._a3ov,\n ._9--s,\n ._9--r,\n ._9--t,\n ._9--u,\n ._9--v,\n ._9--x,\n ._9--y,\n ._9--w,\n ._9--z,\n ._9--_,\n ._9-_0,\n ._9-_1,\n ._9-_2,\n ._9-_3,\n ._9---,\n ._9-_4,\n ._9-_5,\n ._9-_6,\n ._9-_7,\n ._a3wy,\n ._9-_8,\n ._9-_9,\n ._a3ow,\n ._9-_a,\n ._9-_b,\n ._9-_c,\n ._9-_d,\n ._9-_e,\n ._9-_f,\n ._9-_g,\n ._9-_h,\n ._9-_i,\n ._9-_j,\n ._9-_k,\n ._9-_l,\n ._9-_m,\n ._9-_n,\n ._9-_o,\n ._a3ox,\n ._9-_p,\n ._9-_q,\n ._a9fb,\n ._9-_t,\n ._9-_r,\n ._9-_s,\n ._a93g,\n ._9-_u,\n ._9-_v,\n ._a9fc,\n ._9-_w,\n ._9-_x,\n ._9-_y,\n ._9-_z,\n ._9-_-,\n ._9-__,\n ._9_00,\n ._a3oy,\n ._9_01,\n ._9_02,\n ._9_03,\n ._9_04,\n ._9_05,\n ._9_08,\n ._9_09,\n ._9_07,\n ._9_06,\n ._9_0a,\n ._9_0b,\n ._9_0c,\n ._9_0d,\n ._9_0e,\n ._9_0f,\n ._9_0g,\n ._a93h,\n ._9_0h,\n ._9_0i,\n ._9_0j,\n ._9_0k,\n ._aepo,\n ._9_0l,\n ._9_0m,\n ._9_0n,\n ._9_0o,\n ._9_0p,\n ._a3oz,\n ._a93l,\n ._9_0r,\n ._9_0s,\n ._a7tk,\n ._9_0q,\n ._a3o-,\n ._9_0t,\n ._9_0v,\n ._9_0u,\n ._a9ej,\n ._9_0w,\n ._9_0x,\n ._9_0y,\n ._9_0z,\n ._9_0_,\n ._9_0-,\n ._9_10,\n ._9_11,\n ._9_12,\n ._9_13,\n ._9_14,\n ._9_15,\n ._a3o_,\n ._9_18,\n ._9_19,\n ._9_1a,\n ._9_1e,\n ._9_1b,\n ._9_1c,\n ._9_1d,\n ._9_16,\n ._9_17,\n ._a3p0,\n ._9_1g,\n ._9_1i,\n ._9_1h,\n ._9_1j,\n ._9_1k,\n ._9_1l,\n ._9_1m,\n ._a9pw {\n filter: @text_filter;\n } // Custom icons\n @instagram_gradient: radial-gradient(\n circle at 30% 107%,\n @yellow 0%,\n @yellow 5%,\n @peach 45%,\n @mauve 60%,\n @blue 90%\n );\n\n [style*='background-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\")']\n {\n // No photo icon\n &[style*=\"background-position: 0px -97px\"] {\n filter: none;\n background: @mauve !important;\n background: @instagram_gradient !important;\n mask-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\");\n mask-position: 0 -97px;\n } // Private page icon\n &[style*=\"background-position: -49px -97px\"] {\n filter: none;\n background: @mauve !important;\n background: @instagram_gradient !important;\n mask-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\");\n mask-position: -49px -97px;\n }\n\n &[style*=\"background-position: -49px 0px\"] {\n filter: none;\n background: @mauve !important;\n background: @instagram_gradient !important;\n mask-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\");\n mask-position: -49px 0;\n }\n } // Post swipe icons\n ._aaqh {\n background-color: @surface0;\n } // Inside primary buttons\n .xzloghq,\n ._acas:not(._acao) {\n &,\n svg {\n color: @base;\n fill: @base;\n }\n } // Secondary buttons\n .x1gjpkn9,\n ._acat,\n ._acap {\n &,\n a& {\n &,\n &:visited {\n color: @text;\n }\n }\n } // Profile banner\n div:has(> .x1mu97ne) {\n background-color: @crust;\n border-color: @overlay0;\n box-shadow: 0 10px 35px 2px fadeout(@dark_color, 0.7);\n } // Dialog overlay\n .x7r02ix[role=\"dialog\"] {\n box-shadow: 0 5px 10px 0 fadeout(@dark_color, 0.5);\n } // Input placeholders\n ._ac4d::placeholder,\n ._aauy::placeholder,\n textarea::placeholder {\n color: @subtext0;\n } // Settings\n ._ab81 {\n background-color: @mantle;\n }\n\n ._ab85,\n ._ab6i,\n ._ab85 .xvbhtw8,\n ._aav4 {\n background-color: @crust;\n } // Bloks\n .wbloks_1[data-bloks-name=\"bk.components.Collection\"] {\n background-color: @mantle;\n }\n\n div[data-bloks-name=\"bk.components.Flexbox\"],\n .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"] {\n // Radios have left padding\n padding-left: 0 !important; // The heading\n &[style*=\"background: rgb(0\\, 0\\, 0)\"],\n &[style*=\"background: rgb(255\\, 255\\, 255)\"] {\n background-color: @mantle !important;\n } // Radios\n &[style*=\"border-radius: 10.5px\"],\n &[style*=\"border-radius: 12px\"],\n &[style*=\"border-radius: 4px\"] {\n // Selected radio\n &[style*=\"background: rgb(0\\, 149\\, 246)\"] {\n background-color: @accent-color !important;\n } // Not selected radio\n &[style*=\"background: rgb(219\\, 219\\, 219)\"],\n &[style*=\"background: rgb(38\\, 38\\, 38)\"],\n &[style*=\"background: rgb(54\\, 54\\, 54)\"],\n &[style*=\"background: rgb(255\\, 255\\, 255)\"] {\n background-color: @surface0 !important;\n }\n } // That \"border\"\n &[style*=\"background: rgb(38\\, 38\\, 38)\"] {\n display: none;\n }\n }\n\n span[data-bloks-name=\"bk.components.TextSpan\"],\n span[data-bloks-name=\"bk.components.Text\"] {\n &[style*=\"color: rgb(250\\, 250\\, 250)\"],\n &[style*=\"color: rgb(224\\, 241\\, 255)\"],\n &[style*=\"color: rgb(0\\, 55\\, 107)\"],\n &[style*=\"color: rgb(38\\, 38\\, 38)\"] {\n color: @text !important;\n }\n\n &[style*=\"color: rgb(142\\, 142\\, 142)\"] {\n color: @subtext0 !important;\n }\n } // Map pop-ups\n .leaflet-popup-content-wrapper,\n .leaflet-popup-tip {\n background-color: @mantle;\n box-shadow: 0 5px 15px fadeout(@dark_color, 0.4);\n\n * {\n color: @text !important;\n }\n } // Scrollbar\n ::-webkit-scrollbar {\n width: @scrollbar_width;\n background-color: @crust;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: @accent-color;\n border-radius: 10px;\n }\n\n * {\n scrollbar-width: none;\n scrollbar-color: @accent-color @crust;\n }\n }\n}\n\n@-moz-document regexp('^.*instagram.com/direct.*') {\n :root {\n #catppuccin(@darkFlavor,\n @accentColor);\n }\n\n #catppuccin(@lookup,\n @accent) {\n // Chat background\n .xnz67gz {\n background-color: @catppuccin[@@lookup][@base];\n }\n\n .xvbhtw8 {\n background-color: @catppuccin[@@lookup][@mantle];\n }\n\n ._aa5c,\n ._aa4j,\n ._abyk {\n background-color: @catppuccin[@@lookup][@crust];\n } // New Chat Button\n .xk5f4mz {\n background-color: @catppuccin[@@lookup][@surface0];\n } // Chat button\n .x1i10hfl:hover {\n background-color: @catppuccin[@@lookup][@surface0];\n color: @catppuccin[@@lookup][@text];\n }\n }\n}\n\n@catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n @text_filter: brightness(0) saturate(100%) invert(28%) sepia(17%)\n saturate(835%) hue-rotate(196deg) brightness(97%) contrast(85%);\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n @text_filter: brightness(0) saturate(100%) invert(84%) sepia(5%)\n saturate(1519%) hue-rotate(192deg) brightness(100%) contrast(93%);\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n @text_filter: brightness(0) saturate(100%) invert(80%) sepia(18%)\n saturate(377%) hue-rotate(192deg) brightness(103%) contrast(92%);\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n @text_filter: brightness(0) saturate(100%) invert(85%) sepia(6%)\n saturate(1356%) hue-rotate(194deg) brightness(103%) contrast(91%);\n };\n};\n",
"usercssData": {
"name": "Instagram Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/instagram",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/instagram",
"version": "0.1.1",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/instagram/catppuccin.user.css",
"description": "Soothing pastel theme for Instagram",
"author": "Catppuccin",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": "macchiato",
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": "lavender",
"default": "red",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
},
"scrollbar_width": {
"type": "text",
"label": "Scrollbar width",
"name": "scrollbar_width",
"value": null,
"default": "8px",
"options": null
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Instagram",
"name": "Instagram Catppuccin",
"originalDigest": "6ae60d1d8932372d9c0d863e5d9b28e8d72fe6db",
"_id": "c53381d5-ffa6-401f-9e4d-9b23dd552b2e",
"_rev": 1700164286487,
"id": 68,
"etag": "W/\"9677ab256695d599995bf64f42283e5d2bd88b5afd01feaf44e37a249c699cb0\""
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/gmail/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/gmail",
"installDate": 1700164304248,
"sections": [
{
"code": "/* ==UserStyle==\n@name Gmail Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/gmail\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/gmail\n@version 0.1.1\n@description Soothing pastel theme for Gmail\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/gmail/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select flavor \"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": ":root {\n /* input box */\n /* quick settings */\n /* background */\n /* links */\n /* header */\n /* search */\n /* left bar */\n /* right bar */\n /* inbox area */\n /* inbox item */\n /* quick text */\n /* inbox box badge */\n /* buttons hovers */\n /* forward/reply buttons */\n /* send one now */\n /* theme */\n /* no star warning */\n /* dropdown */\n /* compose button */\n /* drive usage */\n /* icons */\n /* svgs */\n /* toolbar */\n /* advanced settings */\n }\n :root .ZG,\n :root .boo .aQl > .J-JN-M-I-Jm,\n :root .boo .aaa > .J-JN-M-I-Jm,\n :root .boo .ZE > .J-JN-M-I-Jm,\n :root .bs1 + .bs3,\n :root .btj + .aD,\n :root body {\n color: #cad3f5 !important;\n }\n :root .nr {\n background-color: #494d64 !important;\n color: #cad3f5 !important;\n }\n :root .bs0 > .acM,\n :root .bti > .btg {\n color: #cad3f5 !important;\n }\n :root .IU {\n background: #24273a !important;\n box-shadow: inset 1px 0 0 #1e2030 !important;\n }\n :root .Q0,\n :root .VM .Q5,\n :root .VM .OG,\n :root .Q2,\n :root .bCh,\n :root .aIY,\n :root .a21,\n :root .ST,\n :root .OB {\n color: #cad3f5 !important;\n }\n :root .Tj,\n :root .OD {\n color: #b7bdf8 !important;\n }\n :root #loading {\n background: #24273a !important;\n }\n :root header,\n :root .nH.w-asV,\n :root .bkL {\n background: #181926 !important;\n }\n :root .aRq {\n color: #7dc4e4 !important;\n }\n :root .aRq:hover {\n color: #8bd5ca !important;\n }\n :root .aeH,\n :root .aqK {\n background: #1e2030 !important;\n }\n :root .gb_Lc .gb_Ee {\n background: #363a4f !important;\n }\n :root .gb_Lc .gb_3e,\n :root .gb_Ee.gb_Fe .gb_Ze {\n color: #cad3f5 !important;\n }\n :root .gb_Ee.gb_Fe button svg {\n color: #cad3f5 !important;\n opacity: 1;\n }\n :root .aRp {\n background: #363a4f !important;\n }\n :root .gssb_i {\n background: #494d64 !important;\n color: #cad3f5 !important;\n }\n :root .gssb_e,\n :root .gssb_m {\n background: #363a4f !important;\n color: #cad3f5 !important;\n }\n :root .CL.Q7:hover,\n :root .CL.Wj:hover,\n :root .CL.Q7.NQ,\n :root .CL.Wj.NQ,\n :root .TK .TO.nZ:active,\n :root .TK .TO.ol:active,\n :root .TK .TO.nZ,\n :root .TK .TO.ol,\n :root .byl .TK .nZ.aBP,\n :root .byl .TK .nZ.aS3,\n :root .byl .TK .nZ.aS4,\n :root .byl .TK .nZ.aS5,\n :root .byl .TK .nZ.aS6 {\n background: #363a4f !important;\n }\n :root .TO.NQ,\n :root .n6 .ah9:hover,\n :root .n6 .ah9.aiu:hover,\n :root .n6 .ah9:focus,\n :root .TK .TO:active,\n :root .n6 .ah9.aiu:active {\n background: #494d64 !important;\n }\n :root .aAv,\n :root .TO .nU > .n0,\n :root .TO.NQ .nU > .n0,\n :root .TO.nZ .nU > .n0,\n :root .ah9 > .CJ,\n :root .n3 > .CL > .CK {\n color: #cad3f5 !important;\n }\n :root .h0,\n :root .Dj {\n color: #a5adcb !important;\n }\n :root .bAw .brC-aT5-aOt-Jw {\n background: #181926 !important;\n }\n :root .brC-aMv-auO .bse-bvF-I.aT5-aOt-I-JW .aT5-aOt-I-JX-atM-J6,\n :root .brC-aMv-auO .bse-bvF-I.aT5-aOt-I-JO .aT5-aOt-I-JX-atM-J6 {\n background: #202133;\n }\n :root .H2.HD {\n background: #363a4f !important;\n border-color: #494d64 !important;\n }\n :root .bkK > .nH {\n background: #1e2030 !important;\n }\n :root .yO {\n background: #1e2030 !important;\n }\n :root .yO:hover {\n box-shadow: inset 1px 0 0 #363a4f, inset -1px 0 0 #363a4f, 0 0 4px 0 #24273a, 0 0 6px 2px #24273a !important;\n }\n :root .y2 {\n color: #a5adcb !important;\n }\n :root .aeJ,\n :root .aRs {\n background: #24273a !important;\n }\n :root .aeJ .J-KU:hover,\n :root .aRs .J-KU:hover {\n background: #363a4f !important;\n }\n :root .aeJ .aRu,\n :root .aRs .aRu {\n color: #b8c0e0 !important;\n }\n :root .aeJ .aRu .aRv,\n :root .aRs .aRu .aRv {\n color: #a5adcb !important;\n }\n :root .aAA.J-KU-Jg-K9 {\n background: #24273a !important;\n }\n :root .J-KU-KO.aAy .aKz {\n color: #b7bdf8 !important;\n }\n :root .J-KU-KO.aAy::before {\n background: #b7bdf8 !important;\n }\n :root .aKx > .aKz {\n color: #a5adcb !important;\n }\n :root .at {\n color: #181926 !important;\n background: #b7bdf8 !important;\n }\n :root .at .au .av {\n color: #181926 !important;\n }\n :root .y6,\n :root .bA4 {\n color: #cad3f5 !important;\n }\n :root .T-I-JW.amD::before,\n :root .T-I-JW.adg::before,\n :root .T-I-JW > .asa::before {\n background: #363a4f !important;\n }\n :root .amn > .ams {\n color: #cad3f5 !important;\n }\n :root .amr .amn > .ams {\n background: #24273a !important;\n border-color: #363a4f !important;\n }\n :root .x0 {\n color: #cad3f5 !important;\n }\n :root div.Kj-JD {\n background-color: #24273a;\n }\n :root .a80.Kj-JD-K7 {\n box-shadow: 0 5px 10px -5px #181926;\n }\n :root .a81 {\n border-color: #363a4f;\n }\n :root .Tm .TC {\n background: #24273a !important;\n color: #cad3f5 !important;\n }\n :root .ZF-z6,\n :root .ZF-zT,\n :root .ZF-Av .lJ,\n :root .ZF-Av .lN,\n :root .aaZ,\n :root .aoT,\n :root .J-M,\n :root .bAp.b8.UC .vh,\n :root .ajA,\n :root .nH .Hy .m,\n :root .J-N-JT,\n :root .J-JK-JT,\n :root .J-LC-JT,\n :root form[role=\"search\"],\n :root form[role=\"search\"] table,\n :root form[role=\"search\"] div,\n :root form[role=\"search\"] td {\n background: #363a4f !important;\n }\n :root div.Kj-JD-Jl > button.J-at1-atl,\n :root div.Kj-JD-Jl > button.J-at1-auR {\n background: #b7bdf8 !important;\n color: #181926 !important;\n }\n :root div.Kj-JD-Jl > button,\n :root .bBh .Kj-JD-Jl > .J-at1-auR,\n :root .Kj-JD-K7-K0,\n :root .J-N {\n color: #cad3f5 !important;\n }\n :root .J-N-JT,\n :root .J-N-JW {\n color: #cad3f5 !important;\n background: #5b6078 !important;\n }\n :root .J-N-JT .J-N-Jz,\n :root .J-N-JW .J-N-Jz {\n color: #cad3f5 !important;\n }\n :root .T-I-Kq > .asa::before,\n :root .T-I-Kq.T-I-JO > .asa::before {\n background: #494d64 !important;\n }\n :root .T-I-KE {\n background: #b7bdf8 !important;\n color: #181926 !important;\n }\n :root .T-I-KE:hover {\n background: #8992f3;\n color: #181926 !important;\n }\n :root .aiC {\n background: #6e738d !important;\n }\n :root .aiA {\n background: #b7bdf8 !important;\n }\n :root .aAy > .aKp,\n :root .xY > .T-Jo,\n :root .T-I .T-I-J3,\n :root td.apU > .T-KT.aXw::before {\n filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%) hue-rotate(196deg) brightness(150%) contrast(75%);\n }\n :root td.apU > .T-KT.T-KT-Jp::before {\n filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%) hue-rotate(337deg) brightness(300%);\n }\n :root .gb_Mc svg,\n :root .gb_Rc.gb_Vc svg,\n :root .gb_Mc .gb_dd .gb_ld,\n :root .gb_Mc .gb_dd .gb_Lc,\n :root .gb_Mc .gb_dd .gb_fd,\n :root .gb_Rc.gb_Vc .gb_ld {\n color: #a5adcb;\n }\n :root .Hl,\n :root .Hq,\n :root .Ha,\n :root [role=\"menuitemcheckbox\"] > div > div,\n :root [role=\"listbox\"] .J-Z-M-I-J6-H > .J-Z-M-I-JG,\n :root div.ajR .ajT,\n :root .btC .dv,\n :root .btC .aaA.a1,\n :root .btC .J-N-JX.a1,\n :root .btC .aaA.e5,\n :root .aaZ .J-N-JX.e5,\n :root .btC .aaA.QT,\n :root .btC .J-N-JX.QT,\n :root .btC .aaA.aA7,\n :root .aaZ .J-N-JX.aA7,\n :root .btC .aaA.buc,\n :root .btC .J-N-JX.buc,\n :root .btC .aaA.BP,\n :root .aaZ .J-N-JX.BP,\n :root .btC .aaA.a5,\n :root .btC .aaA.a2X,\n :root .aaZ .J-N-JX.a5,\n :root .aaZ .J-N-JX.a2X,\n :root [role=\"toolbar\"] [role=\"button\"]:not(.H2, .Ol) {\n filter: invert(1) !important;\n }\n :root div.Kj-JD-Jz {\n color: #a5adcb !important;\n }\n :root .alO,\n :root .v .fY,\n :root .v .f1,\n :root .r4 {\n background: #24273a !important;\n }\n :root .v .f1,\n :root .v .f1 .f0 {\n color: #cad3f5 !important;\n }\n :root .qL {\n color: black !important;\n }\n :root .v .fZ {\n box-shadow: inset 0 -2px 0 0 #b7bdf8;\n }\n :root .v .fZ .f0 {\n color: #b7bdf8 !important;\n }\n :root .alP,\n :root .sA,\n :root .r4 .e {\n color: #7dc4e4 !important;\n }\n :root .alP:hover,\n :root .sA:hover,\n :root .r4 .e:hover {\n color: #8bd5ca !important;\n }\n :root .Ze {\n background: #363a4f !important;\n }\n :root .a8Y > .T-I-ax7 {\n background: #363a4f !important;\n color: #cad3f5 !important;\n }\n :root .a8Y > .T-I-ax7:hover {\n background: #494d64 !important;\n }\n :root .T-I-atl {\n background: #b7bdf8 !important;\n color: #181926 !important;\n }\n :root .T-I-atl:hover {\n background: #e5e8fd !important;\n }\n /* prettier-ignore */",
"start": 871,
"urlPrefixes": [
"https://mail.google.com"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name Gmail Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/gmail\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/gmail\n@version 0.1.1\n@description Soothing pastel theme for Gmail\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/gmail/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater*\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document url-prefix(\"https://mail.google.com\")\n{\n :root {\n #catppuccin(@flavor, @accentColor);\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 #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 .ZG,\n .boo .aQl > .J-JN-M-I-Jm,\n .boo .aaa > .J-JN-M-I-Jm,\n .boo .ZE > .J-JN-M-I-Jm,\n .bs1 + .bs3,\n .btj + .aD,\n body {\n color: @text !important;\n }\n\n /* input box */\n .nr {\n background-color: @surface1 !important;\n color: @text !important;\n }\n\n .bs0 > .acM,\n .bti > .btg {\n color: @text !important;\n }\n\n /* quick settings */\n .IU {\n background: @base !important;\n box-shadow: inset 1px 0 0 @mantle !important;\n }\n .Q0,\n .VM .Q5,\n .VM .OG,\n .Q2,\n .bCh,\n .aIY,\n .a21,\n .ST,\n .OB {\n color: @text !important;\n }\n .Tj,\n .OD {\n color: @accent-color !important;\n }\n\n /* background */\n #loading {\n background: @base !important;\n }\n\n header,\n .nH.w-asV,\n .bkL {\n background: @crust !important;\n }\n\n /* links */\n .aRq {\n color: @sapphire !important;\n &:hover {\n color: @teal !important;\n }\n }\n\n /* header */\n .aeH,\n .aqK {\n background: @mantle !important;\n }\n\n /* search */\n .gb_Lc .gb_Ee {\n background: @surface0 !important;\n }\n .gb_Lc .gb_3e,\n .gb_Ee.gb_Fe .gb_Ze {\n color: @text !important;\n }\n .gb_Ee.gb_Fe button svg {\n color: @text !important;\n opacity: 1;\n }\n .aRp {\n background: @surface0 !important;\n }\n .gssb_i {\n background: @surface1 !important;\n color: @text !important;\n }\n .gssb_e,\n .gssb_m {\n background: @surface0 !important;\n color: @text !important;\n }\n\n /* left bar */\n .CL.Q7:hover,\n .CL.Wj:hover,\n .CL.Q7.NQ,\n .CL.Wj.NQ,\n .TK .TO.nZ:active,\n .TK .TO.ol:active,\n .TK .TO.nZ,\n .TK .TO.ol,\n .byl .TK .nZ.aBP,\n .byl .TK .nZ.aS3,\n .byl .TK .nZ.aS4,\n .byl .TK .nZ.aS5,\n .byl .TK .nZ.aS6 {\n background: @surface0 !important;\n }\n .TO.NQ,\n .n6 .ah9:hover,\n .n6 .ah9.aiu:hover,\n .n6 .ah9:focus,\n .TK .TO:active,\n .n6 .ah9.aiu:active {\n background: @surface1 !important;\n }\n .aAv,\n .TO .nU > .n0,\n .TO.NQ .nU > .n0,\n .TO.nZ .nU > .n0,\n .ah9 > .CJ,\n .n3 > .CL > .CK {\n color: @text !important;\n }\n .h0,\n .Dj {\n color: @subtext0 !important;\n }\n\n /* right bar */\n .bAw .brC-aT5-aOt-Jw {\n background: @crust !important;\n }\n .brC-aMv-auO .bse-bvF-I.aT5-aOt-I-JW .aT5-aOt-I-JX-atM-J6,\n .brC-aMv-auO .bse-bvF-I.aT5-aOt-I-JO .aT5-aOt-I-JX-atM-J6 {\n background: lighten(@crust, 4%);\n }\n /* inbox area */\n .H2.HD {\n background: @surface0 !important;\n border-color: @surface1 !important;\n }\n .bkK > .nH {\n background: @mantle !important;\n }\n /* inbox item */\n .yO {\n background: @mantle !important;\n &:hover {\n box-shadow:\n inset 1px 0 0 @surface0,\n inset -1px 0 0 @surface0,\n 0 0 4px 0 @base,\n 0 0 6px 2px @base !important;\n }\n }\n /* quick text */\n .y2 {\n color: @subtext0 !important;\n }\n .aeJ,\n .aRs {\n .J-KU:hover {\n background: @surface0 !important;\n }\n background: @base !important;\n .aRu {\n .aRv {\n color: @subtext0 !important;\n }\n color: @subtext1 !important;\n }\n }\n .aAA.J-KU-Jg-K9 {\n background: @base !important;\n }\n .J-KU-KO.aAy {\n .aKz {\n color: @accent-color !important;\n }\n &::before {\n background: @accent-color !important;\n }\n }\n .aKx > .aKz {\n color: @subtext0 !important;\n }\n /* inbox box badge */\n .at {\n color: @crust !important;\n background: @accent-color !important;\n .au .av {\n color: @crust !important;\n }\n }\n .y6,\n .bA4 {\n color: @text !important;\n }\n /* buttons hovers */\n .T-I-JW.amD::before,\n .T-I-JW.adg::before,\n .T-I-JW > .asa::before {\n background: @surface0 !important;\n }\n /* forward/reply buttons */\n .amn > .ams {\n color: @text !important;\n }\n .amr .amn > .ams {\n background: @base !important;\n border-color: @surface0 !important;\n }\n /* send one now */\n .x0 {\n color: @text !important;\n }\n\n /* theme */\n div.Kj-JD {\n background-color: @base;\n }\n .a80.Kj-JD-K7 {\n box-shadow: 0 5px 10px -5px @crust;\n }\n .a81 {\n border-color: @surface0;\n }\n\n /* no star warning */\n .Tm .TC {\n background: @base !important;\n color: @text !important;\n }\n\n /* dropdown */\n .ZF-z6,\n .ZF-zT,\n .ZF-Av .lJ,\n .ZF-Av .lN,\n .aaZ,\n .aoT,\n .J-M,\n .bAp.b8.UC .vh,\n .ajA,\n .nH .Hy .m,\n .J-N-JT,\n .J-JK-JT,\n .J-LC-JT,\n form[role=\"search\"],\n form[role=\"search\"] table,\n form[role=\"search\"] div,\n form[role=\"search\"] td {\n background: @surface0 !important;\n }\n\n div.Kj-JD-Jl > button.J-at1-atl,\n div.Kj-JD-Jl > button.J-at1-auR {\n background: @accent-color !important;\n color: @crust !important;\n }\n div.Kj-JD-Jl > button,\n .bBh .Kj-JD-Jl > .J-at1-auR,\n .Kj-JD-K7-K0,\n .J-N {\n color: @text !important;\n }\n .J-N-JT,\n .J-N-JW {\n color: @text !important;\n background: @surface2 !important;\n }\n .J-N-JT .J-N-Jz,\n .J-N-JW .J-N-Jz {\n color: @text !important;\n }\n .T-I-Kq > .asa::before,\n .T-I-Kq.T-I-JO > .asa::before {\n background: @surface1 !important;\n }\n\n /* compose button */\n .T-I-KE {\n background: @accent-color !important;\n color: @crust !important;\n & when (@lookup =latte) {\n color: @text !important;\n }\n &:hover {\n background: darken(@accent-color, 10%);\n color: @crust !important;\n }\n }\n\n /* drive usage */\n .aiC {\n background: @overlay0 !important;\n }\n .aiA {\n background: @accent-color !important;\n }\n /* icons */\n .aAy > .aKp,\n .xY > .T-Jo,\n .T-I .T-I-J3,\n td.apU > .T-KT.aXw::before {\n filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%)\n hue-rotate(196deg) brightness(150%) contrast(75%);\n }\n td.apU > .T-KT.T-KT-Jp::before {\n filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%)\n hue-rotate(337deg) brightness(300%);\n }\n /* svgs */\n .gb_Mc svg,\n .gb_Rc.gb_Vc svg,\n .gb_Mc .gb_dd .gb_ld,\n .gb_Mc .gb_dd .gb_Lc,\n .gb_Mc .gb_dd .gb_fd,\n .gb_Rc.gb_Vc .gb_ld {\n color: @subtext0;\n }\n\n /* toolbar */\n .Hl,\n .Hq,\n .Ha,\n [role=\"menuitemcheckbox\"] > div > div,\n [role=\"listbox\"] .J-Z-M-I-J6-H > .J-Z-M-I-JG,\n div.ajR .ajT,\n .btC .dv,\n .btC .aaA.a1,\n .btC .J-N-JX.a1,\n .btC .aaA.e5,\n .aaZ .J-N-JX.e5,\n .btC .aaA.QT,\n .btC .J-N-JX.QT,\n .btC .aaA.aA7,\n .aaZ .J-N-JX.aA7,\n .btC .aaA.buc,\n .btC .J-N-JX.buc,\n .btC .aaA.BP,\n .aaZ .J-N-JX.BP,\n .btC .aaA.a5,\n .btC .aaA.a2X,\n .aaZ .J-N-JX.a5,\n .aaZ .J-N-JX.a2X,\n [role=\"toolbar\"] [role=\"button\"]:not(.H2, .Ol) {\n filter: invert(1) !important;\n }\n\n /* advanced settings */\n div.Kj-JD-Jz {\n color: @subtext0 !important;\n }\n .alO,\n .v .fY,\n .v .f1,\n .r4 {\n background: @base !important;\n }\n .v .f1,\n .v .f1 .f0 {\n color: @text !important;\n }\n .qL {\n color: black !important;\n }\n .v .fZ {\n box-shadow: inset 0 -2px 0 0 @accent-color;\n .f0 {\n color: @accent-color !important;\n }\n }\n .alP,\n .sA,\n .r4 .e {\n color: @sapphire !important;\n &:hover {\n color: @teal !important;\n }\n }\n .Ze {\n background: @surface0 !important;\n }\n .a8Y > .T-I-ax7 {\n background: @surface0 !important;\n color: @text !important;\n &:hover {\n background: @surface1 !important;\n }\n }\n .T-I-atl {\n background: @accent-color !important;\n color: @crust !important;\n &:hover {\n background: lighten(@accent-color, 10%) !important;\n }\n }\n }\n}\n// vim:ft=less\n",
"usercssData": {
"name": "Gmail Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/gmail",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/gmail",
"version": "0.1.1",
"description": "Soothing pastel theme for Gmail",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/gmail/catppuccin.user.css",
"license": "MIT",
"preprocessor": "less",
"vars": {
"flavor": {
"type": "select",
"label": "Flavor",
"name": "flavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": "lavender",
"default": "rosewater",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Gmail",
"name": "Gmail Catppuccin",
"originalDigest": "9064984966162d256b234c1064859b728bc2ee56",
"_id": "f9a24a30-2a71-44d7-937b-1f768445f52f",
"_rev": 1700339536065,
"id": 69,
"etag": "W/\"7d7670739f103314c49bf0bb6859c475df8b9a09ad47b5b0e046d3809cf20860\"",
"updateDate": 1700339535939
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/discord/raw/main/discord.user.css",
"installDate": 1700610480280,
"sections": [
{
"code": "/* ==UserStyle==\n@name Discord Catppuccin\n@namespace github.com/catppuccin/discord\n@version 0.2.1\n@description Soothing pastel theme for Discord\n@author Catppuccin\n@preprocessor stylus\n@var select theme \"Theme\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accent \"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'\"}\n==/UserStyle== */",
"start": 0
},
{
"code": "@import url(\"https://catppuccin.github.io/discord/dist/catppuccin-macchiato-lavender.theme.css\");",
"start": 731,
"regexps": [
"https?://(canary\\.|ptb\\.|)discord.com/.*"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name Discord Catppuccin\n@namespace github.com/catppuccin/discord\n@version 0.2.1\n@description Soothing pastel theme for Discord\n@author Catppuccin\n@preprocessor stylus\n@var select theme \"Theme\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accent \"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'\"}\n==/UserStyle== */\n\n@-moz-document regexp(\"https?://(canary\\\\.|ptb\\\\.|)discord.com/.*\") {\n @import url(\"https://catppuccin.github.io/discord/dist/catppuccin-\" + theme + \"-\" + accent + \".theme.css\")\n}\n",
"usercssData": {
"name": "Discord Catppuccin",
"namespace": "github.com/catppuccin/discord",
"version": "0.2.1",
"description": "Soothing pastel theme for Discord",
"author": "Catppuccin",
"preprocessor": "stylus",
"vars": {
"theme": {
"type": "select",
"label": "Theme",
"name": "theme",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accent": {
"type": "select",
"label": "Accent",
"name": "accent",
"value": "Lavender",
"default": "Blue",
"options": [
{
"name": "Rosewater",
"label": "Rosewater",
"value": "'rosewater'"
},
{
"name": "Flamingo",
"label": "Flamingo",
"value": "'flamingo'"
},
{
"name": "Pink",
"label": "Pink",
"value": "'pink'"
},
{
"name": "Mauve",
"label": "Mauve",
"value": "'mauve'"
},
{
"name": "Red",
"label": "Red",
"value": "'red'"
},
{
"name": "Maroon",
"label": "Maroon",
"value": "'maroon'"
},
{
"name": "Peach",
"label": "Peach",
"value": "'peach'"
},
{
"name": "Yellow",
"label": "Yellow",
"value": "'yellow'"
},
{
"name": "Green",
"label": "Green",
"value": "'green'"
},
{
"name": "Teal",
"label": "Teal",
"value": "'teal'"
},
{
"name": "Blue",
"label": "Blue",
"value": "'blue'"
},
{
"name": "Sapphire",
"label": "Sapphire",
"value": "'sapphire'"
},
{
"name": "Sky",
"label": "Sky",
"value": "'sky'"
},
{
"name": "Lavender",
"label": "Lavender",
"value": "'lavender'"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Discord",
"name": "Discord Catppuccin",
"originalDigest": "1761b52714fab015a4c627ee5e93b628b6438ea1",
"_id": "4cf398fd-b13c-4ad5-a557-86c103abe4b3",
"_rev": 1700610480281,
"id": 70,
"etag": "W/\"aab9ae83f6624b0385f333ad2b821b02b9d5cccb9754786e640d8f09e413447c\""
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/codeberg/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/codeberg",
"installDate": 1700768669790,
"sections": [
{
"code": "/* ==UserStyle==\n@name Codeberg Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/codeberg\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/codeberg\n@version 1.0.0\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/codeberg/catppuccin.user.css\n@description Soothing pastel theme for Codeberg\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/* If you need any help with the information above, please see: https://github.com/openstyles/stylus/wiki/Writing-UserCSS#var */\n/* Apply Theme To Site\n * For help with URL rules, please see https://github.com/openstyles/stylus/wiki/Writing-styles#valid--moz-document-rules */",
"start": 0
},
{
"code": "/* prettier-ignore */\n @import url(\"https://git.winston.sh/assets/css/theme-catppuccin-macchiato-lavender.css\") (prefers-color-scheme: light);\n @import url(\"https://git.winston.sh/assets/css/theme-catppuccin-macchiato-lavender.css\") (prefers-color-scheme: dark);\n @media (prefers-color-scheme: light) {\n /* Regular Colors are called with a single `@` as they\n * are just referencing the Variable directly. */\n background-color: #24273a;\n /* The Accent Color is called with a double `@@` because\n * it's referencing the @accent Variable passed to the Mixin. */\n color: #b7bdf8;\n /* If you need to specify an overwrite specific to a Flavor\n * like Latte, you can use a `when` guard clause. */\n /* You can also negate the statement above by using\n * a `when not` guard clause. */\n /* your code for frappe, macchiato and mocha */\n body {\n background: #24273a;\n }\n :root {\n --color-footer: #494d64;\n --color-footer-text: #b8c0e0;\n }\n }\n @media (prefers-color-scheme: dark) {\n /* Regular Colors are called with a single `@` as they\n * are just referencing the Variable directly. */\n background-color: #24273a;\n /* The Accent Color is called with a double `@@` because\n * it's referencing the @accent Variable passed to the Mixin. */\n color: #b7bdf8;\n /* If you need to specify an overwrite specific to a Flavor\n * like Latte, you can use a `when` guard clause. */\n /* You can also negate the statement above by using\n * a `when not` guard clause. */\n /* your code for frappe, macchiato and mocha */\n body {\n background: #24273a;\n }\n :root {\n --color-footer: #494d64;\n --color-footer-text: #b8c0e0;\n }\n }",
"start": 1227,
"domains": [
"codeberg.org"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name Codeberg Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/codeberg\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/codeberg\n@version 1.0.0\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/codeberg/catppuccin.user.css\n@description Soothing pastel theme for Codeberg\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/* If you need any help with the information above, please see: https://github.com/openstyles/stylus/wiki/Writing-UserCSS#var */\n/* Apply Theme To Site\n * For help with URL rules, please see https://github.com/openstyles/stylus/wiki/Writing-styles#valid--moz-document-rules */\n@-moz-document domain('codeberg.org') {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accentColor: @catppuccin[@@lookup][@@accent];\n @linkColor: @accentColor;\n @linkHover: if(\n @lookup =latte,\n darken(@accentColor, 5%),\n lighten(@accentColor, 5%)\n );\n /* Regular Colors are called with a single `@` as they\n * are just referencing the Variable directly. */\n background-color: @catppuccin[@@lookup][@base];\n /* The Accent Color is called with a double `@@` because\n * it's referencing the @accent Variable passed to the Mixin. */\n color: @catppuccin[@@lookup][@@accent];\n\n /* If you need to specify an overwrite specific to a Flavor\n * like Latte, you can use a `when` guard clause. */\n & when (@lookup =latte) {\n /* your code for latte */\n }\n\n /* You can also negate the statement above by using\n * a `when not` guard clause. */\n & when not (@lookup =latte) {\n /* your code for frappe, macchiato and mocha */\n }\n\n body {\n background: @catppuccin[@@lookup][@base] !important;\n }\n\n :root {\n --color-footer: @surface1;\n --color-footer-text: @subtext1;\n }\n }\n\n @import (css)\n url(\"https://git.winston.sh/assets/css/theme-catppuccin-@{lightFlavor}-@{accentColor}.css\")\n (prefers-color-scheme: light);\n @import (css)\n url(\"https://git.winston.sh/assets/css/theme-catppuccin-@{darkFlavor}-@{accentColor}.css\")\n (prefers-color-scheme: dark);\n\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor,\n @accentColor);\n }\n\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor,\n @accentColor);\n }\n}\n// vim:ft=less\n",
"usercssData": {
"name": "Codeberg Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/codeberg",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/codeberg",
"version": "1.0.0",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/codeberg/catppuccin.user.css",
"description": "Soothing pastel theme for Codeberg",
"author": "Catppuccin",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": "macchiato",
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": "lavender",
"default": "sapphire",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Codeberg",
"name": "Codeberg Catppuccin",
"originalDigest": "1fa2661afb4e274570a405f676959dae1cbe7483",
"_id": "3349733a-dd52-4820-a867-5df5b50caf3d",
"_rev": 1700768669791,
"id": 71,
"etag": "W/\"9365da79b7fb52edd862c258a3d3ba9ea56aeb63e0b08b7381355a5b1cfd1fbe\""
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/nixos.wiki/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/nixos.wiki",
"installDate": 1700768722341,
"sections": [
{
"code": "/* ==UserStyle==\n@name NixOS Wiki Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/nixos.wiki\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/nixos.wiki\n@version 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/nixos.wiki/catppuccin.user.css\n@description Soothing pastel theme for NixOS Wiki\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 :root {\n color-scheme: dark;\n }\n html[data-darkreader-scheme=\"dark\"] body::before {\n content: \"Please turn off DarkReader for this domain when Catppuccin for NixOS Wiki is active.\";\n background: #ed8796;\n box-shadow: 0 4px 16px rgba(24, 25, 38, 0.1), 0 8px 32px rgba(24, 25, 38, 0.05);\n color: #181926;\n position: fixed;\n top: 0;\n right: 0;\n z-index: 99999;\n max-width: 24rem;\n padding: 0.75rem;\n margin: 0.5rem;\n border-radius: 5px;\n }\n body {\n background-color: #24273a;\n }\n hr {\n border-color: #5b6078;\n }\n .navbar-default {\n color: #cad3f5;\n background-color: #1e2030 !important;\n background-image: none !important;\n border-color: transparent !important;\n }\n .navbar-default .navbar-brand {\n color: #8aadf4;\n }\n .navbar-default .navbar-brand:hover {\n color: #91d7e3;\n }\n .navbar-default li a {\n color: #cad3f5 !important;\n }\n .navbar-default li a:hover {\n color: #a5adcb !important;\n }\n .navbar-default li.nav.open > a,\n .navbar-default li ul {\n background-color: #363a4f !important;\n background-image: none !important;\n }\n .navbar-default li.nav.open > a a:hover,\n .navbar-default li ul a:hover {\n background-color: rgba(73, 77, 100, 0.5) !important;\n background-image: none !important;\n }\n .navbar-default .active > a {\n color: #181926 !important;\n background: #8aadf4 !important;\n }\n .navbar-default .active > a:hover {\n color: #24273a !important;\n }\n .search-query.form-control {\n background-color: #363a4f;\n border-color: #363a4f;\n }\n * {\n color: #cad3f5;\n }\n a {\n color: #8aadf4;\n }\n a:hover {\n color: #91d7e3;\n }\n a.new {\n color: #ed8796;\n }\n a.new:hover {\n color: #ee99a0;\n }\n .panel {\n background-color: #1e2030;\n border-color: #1e2030;\n }\n .panel .panel-heading {\n color: #cad3f5;\n background-color: #363a4f !important;\n border-bottom-color: #5b6078;\n }\n .panel .panel-heading img {\n filter: invert(100%);\n }\n .btn-primary {\n color: #181926;\n background-color: #8aadf4 !important;\n background-image: none !important;\n border-color: #181926 !important;\n }\n .btn-primary:hover {\n color: #181926 !important;\n background-color: #91d7e3 !important;\n background-image: none !important;\n }\n table,\n table * {\n color: #cad3f5;\n border-color: #6e738d !important;\n background-color: #1e2030;\n }\n table th,\n table th * {\n background-color: #363a4f !important;\n }\n blockquote,\n cite {\n border-left-color: #f5bde6 !important;\n }\n cite a {\n color: #f5bde6;\n }\n cite a:hover {\n color: #f4dbd6;\n }\n pre,\n code {\n box-shadow: none !important;\n background-color: #1e2030;\n border-color: #181926;\n }\n pre {\n color: #cad3f5;\n }\n code {\n color: #f4dbd6;\n }\n *[style*=\"background-color: #C1E5FF\"] {\n color: #cad3f5 !important;\n background-color: rgba(138, 173, 244, 0.15) !important;\n border-color: #8aadf4 !important;\n }\n *[style*=\"background-color: #FFD0B7\"] {\n color: #cad3f5 !important;\n background-color: rgba(245, 169, 127, 0.15) !important;\n border-color: #f5a97f !important;\n }\n *[style*=\"background: #F6F6F6\"] {\n color: #cad3f5 !important;\n background-color: rgba(110, 115, 141, 0.15) !important;\n border-color: #6e738d !important;\n }\n .mw-highlight,\n .mw-highlight > pre {\n color: #cad3f5 !important;\n background-color: #1e2030 !important;\n }\n .mw-highlight .nv,\n .mw-highlight > pre .nv {\n color: #cad3f5;\n }\n .mw-highlight .gp,\n .mw-highlight > pre .gp {\n color: #f5bde6;\n }\n .mw-highlight .c1,\n .mw-highlight > pre .c1,\n .mw-highlight .cm,\n .mw-highlight > pre .cm {\n color: #939ab7;\n }\n .mw-highlight .s1,\n .mw-highlight > pre .s1,\n .mw-highlight .s2,\n .mw-highlight > pre .s2,\n .mw-highlight .se,\n .mw-highlight > pre .se {\n color: #a6da95;\n }\n .mw-highlight .si,\n .mw-highlight > pre .si {\n color: #f5bde6;\n }\n .mw-highlight .ss,\n .mw-highlight > pre .ss,\n .mw-highlight .nb,\n .mw-highlight > pre .nb {\n color: #8aadf4;\n }\n .mw-highlight .p,\n .mw-highlight > pre .p,\n .mw-highlight .o,\n .mw-highlight > pre .o {\n color: #8bd5ca;\n }\n .mw-highlight .mi,\n .mw-highlight > pre .mi,\n .mw-highlight .no,\n .mw-highlight > pre .no {\n color: #f5a97f;\n }\n .mw-highlight .k,\n .mw-highlight > pre .k,\n .mw-highlight .ow,\n .mw-highlight > pre .ow {\n color: #c6a0f6;\n }\n .mw-highlight .go,\n .mw-highlight > pre .go {\n color: #cad3f5;\n }\n .suggestions .suggestions-result {\n background-color: #1e2030;\n color: #cad3f5;\n }\n .suggestions .suggestions-result:hover {\n background-color: #212435;\n }\n .suggestions .suggestions-result .highlight {\n color: #b7bdf8;\n }\n .suggestions .suggestions-results {\n border-color: #363a4f !important;\n }\n .suggestions .suggestions-special {\n border-color: #363a4f !important;\n background-color: #1e2030;\n }\n .suggestions .suggestions-special:hover {\n background-color: #35384e;\n }\n .suggestions .suggestions-special .special-label {\n color: #a5adcb;\n }\n .suggestions .suggestions-special .special-query {\n color: #cad3f5;\n }\n .toc li.active > a {\n border-left-color: #b7bdf8 !important;\n }\n .toc ul.nav a:hover {\n background: #b7bdf8 !important;\n }\n .toc ul.nav a:hover,\n .toc ul.nav a:hover * {\n color: #181926 !important;\n }\n #catlinks {\n background-color: #1e2030;\n border-color: #1e2030;\n }\n #footer {\n background-color: #1e2030;\n }\n }\n @media (prefers-color-scheme: dark) {\n :root {\n color-scheme: dark;\n }\n html[data-darkreader-scheme=\"dark\"] body::before {\n content: \"Please turn off DarkReader for this domain when Catppuccin for NixOS Wiki is active.\";\n background: #ed8796;\n box-shadow: 0 4px 16px rgba(24, 25, 38, 0.1), 0 8px 32px rgba(24, 25, 38, 0.05);\n color: #181926;\n position: fixed;\n top: 0;\n right: 0;\n z-index: 99999;\n max-width: 24rem;\n padding: 0.75rem;\n margin: 0.5rem;\n border-radius: 5px;\n }\n body {\n background-color: #24273a;\n }\n hr {\n border-color: #5b6078;\n }\n .navbar-default {\n color: #cad3f5;\n background-color: #1e2030 !important;\n background-image: none !important;\n border-color: transparent !important;\n }\n .navbar-default .navbar-brand {\n color: #8aadf4;\n }\n .navbar-default .navbar-brand:hover {\n color: #91d7e3;\n }\n .navbar-default li a {\n color: #cad3f5 !important;\n }\n .navbar-default li a:hover {\n color: #a5adcb !important;\n }\n .navbar-default li.nav.open > a,\n .navbar-default li ul {\n background-color: #363a4f !important;\n background-image: none !important;\n }\n .navbar-default li.nav.open > a a:hover,\n .navbar-default li ul a:hover {\n background-color: rgba(73, 77, 100, 0.5) !important;\n background-image: none !important;\n }\n .navbar-default .active > a {\n color: #181926 !important;\n background: #8aadf4 !important;\n }\n .navbar-default .active > a:hover {\n color: #24273a !important;\n }\n .search-query.form-control {\n background-color: #363a4f;\n border-color: #363a4f;\n }\n * {\n color: #cad3f5;\n }\n a {\n color: #8aadf4;\n }\n a:hover {\n color: #91d7e3;\n }\n a.new {\n color: #ed8796;\n }\n a.new:hover {\n color: #ee99a0;\n }\n .panel {\n background-color: #1e2030;\n border-color: #1e2030;\n }\n .panel .panel-heading {\n color: #cad3f5;\n background-color: #363a4f !important;\n border-bottom-color: #5b6078;\n }\n .panel .panel-heading img {\n filter: invert(100%);\n }\n .btn-primary {\n color: #181926;\n background-color: #8aadf4 !important;\n background-image: none !important;\n border-color: #181926 !important;\n }\n .btn-primary:hover {\n color: #181926 !important;\n background-color: #91d7e3 !important;\n background-image: none !important;\n }\n table,\n table * {\n color: #cad3f5;\n border-color: #6e738d !important;\n background-color: #1e2030;\n }\n table th,\n table th * {\n background-color: #363a4f !important;\n }\n blockquote,\n cite {\n border-left-color: #f5bde6 !important;\n }\n cite a {\n color: #f5bde6;\n }\n cite a:hover {\n color: #f4dbd6;\n }\n pre,\n code {\n box-shadow: none !important;\n background-color: #1e2030;\n border-color: #181926;\n }\n pre {\n color: #cad3f5;\n }\n code {\n color: #f4dbd6;\n }\n *[style*=\"background-color: #C1E5FF\"] {\n color: #cad3f5 !important;\n background-color: rgba(138, 173, 244, 0.15) !important;\n border-color: #8aadf4 !important;\n }\n *[style*=\"background-color: #FFD0B7\"] {\n color: #cad3f5 !important;\n background-color: rgba(245, 169, 127, 0.15) !important;\n border-color: #f5a97f !important;\n }\n *[style*=\"background: #F6F6F6\"] {\n color: #cad3f5 !important;\n background-color: rgba(110, 115, 141, 0.15) !important;\n border-color: #6e738d !important;\n }\n .mw-highlight,\n .mw-highlight > pre {\n color: #cad3f5 !important;\n background-color: #1e2030 !important;\n }\n .mw-highlight .nv,\n .mw-highlight > pre .nv {\n color: #cad3f5;\n }\n .mw-highlight .gp,\n .mw-highlight > pre .gp {\n color: #f5bde6;\n }\n .mw-highlight .c1,\n .mw-highlight > pre .c1,\n .mw-highlight .cm,\n .mw-highlight > pre .cm {\n color: #939ab7;\n }\n .mw-highlight .s1,\n .mw-highlight > pre .s1,\n .mw-highlight .s2,\n .mw-highlight > pre .s2,\n .mw-highlight .se,\n .mw-highlight > pre .se {\n color: #a6da95;\n }\n .mw-highlight .si,\n .mw-highlight > pre .si {\n color: #f5bde6;\n }\n .mw-highlight .ss,\n .mw-highlight > pre .ss,\n .mw-highlight .nb,\n .mw-highlight > pre .nb {\n color: #8aadf4;\n }\n .mw-highlight .p,\n .mw-highlight > pre .p,\n .mw-highlight .o,\n .mw-highlight > pre .o {\n color: #8bd5ca;\n }\n .mw-highlight .mi,\n .mw-highlight > pre .mi,\n .mw-highlight .no,\n .mw-highlight > pre .no {\n color: #f5a97f;\n }\n .mw-highlight .k,\n .mw-highlight > pre .k,\n .mw-highlight .ow,\n .mw-highlight > pre .ow {\n color: #c6a0f6;\n }\n .mw-highlight .go,\n .mw-highlight > pre .go {\n color: #cad3f5;\n }\n .suggestions .suggestions-result {\n background-color: #1e2030;\n color: #cad3f5;\n }\n .suggestions .suggestions-result:hover {\n background-color: #212435;\n }\n .suggestions .suggestions-result .highlight {\n color: #b7bdf8;\n }\n .suggestions .suggestions-results {\n border-color: #363a4f !important;\n }\n .suggestions .suggestions-special {\n border-color: #363a4f !important;\n background-color: #1e2030;\n }\n .suggestions .suggestions-special:hover {\n background-color: #35384e;\n }\n .suggestions .suggestions-special .special-label {\n color: #a5adcb;\n }\n .suggestions .suggestions-special .special-query {\n color: #cad3f5;\n }\n .toc li.active > a {\n border-left-color: #b7bdf8 !important;\n }\n .toc ul.nav a:hover {\n background: #b7bdf8 !important;\n }\n .toc ul.nav a:hover,\n .toc ul.nav a:hover * {\n color: #181926 !important;\n }\n #catlinks {\n background-color: #1e2030;\n border-color: #1e2030;\n }\n #footer {\n background-color: #1e2030;\n }\n }",
"start": 958,
"domains": [
"nixos.wiki"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name NixOS Wiki Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/nixos.wiki\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/nixos.wiki\n@version 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/nixos.wiki/catppuccin.user.css\n@description Soothing pastel theme for NixOS Wiki\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@-moz-document domain('nixos.wiki') {\n #catppuccin(@lookup, @accent-color) {\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: @catppuccin[@@lookup][@@accent-color];\n\n :root {\n color-scheme: if(@lookup = latte, light, dark);\n }\n\n html[data-darkreader-scheme=\"dark\"] body::before {\n content: \"Please turn off DarkReader for this domain when Catppuccin for NixOS Wiki is active.\";\n background: @red;\n box-shadow:\n 0 4px 16px fade(@crust, 10%),\n 0 8px 32px fade(@crust, 5%);\n color: @crust;\n position: fixed;\n top: 0;\n right: 0;\n z-index: 99999;\n max-width: 24rem;\n padding: 0.75rem;\n margin: 0.5rem;\n border-radius: 5px;\n }\n\n body {\n background-color: @base;\n }\n hr {\n border-color: @surface2;\n }\n .navbar-default {\n color: @text;\n background-color: @mantle !important;\n background-image: none !important;\n border-color: transparent !important;\n\n .navbar-brand {\n color: @blue;\n &:hover {\n color: @sky;\n }\n }\n\n li {\n a {\n color: @text !important;\n &:hover {\n color: @subtext0 !important;\n }\n }\n &.nav.open > a,\n ul {\n background-color: @surface0 !important;\n background-image: none !important;\n a:hover {\n background-color: fade(@surface1, 50%) !important;\n background-image: none !important;\n }\n }\n }\n .active > a {\n color: @crust !important;\n &:hover {\n color: @base !important;\n }\n background: @blue !important;\n }\n }\n\n .search-query.form-control {\n background-color: @surface0;\n border-color: @surface0;\n }\n\n * {\n color: @text;\n }\n\n a {\n color: @blue;\n &:hover {\n color: @sky;\n }\n &.new {\n color: @red;\n &:hover {\n color: @maroon;\n }\n }\n }\n\n .panel {\n background-color: @mantle;\n border-color: @mantle;\n .panel-heading {\n color: @text;\n background-color: @surface0 !important;\n border-bottom-color: @surface2;\n img {\n & when not (@lookup = latte) {\n filter: invert(100%);\n }\n }\n }\n }\n\n .btn-primary {\n color: @crust;\n background-color: @blue !important;\n background-image: none !important;\n border-color: @crust !important;\n &:hover {\n color: @crust !important;\n background-color: @sky !important;\n background-image: none !important;\n }\n }\n\n table {\n &,\n * {\n color: @text;\n border-color: @overlay0 !important;\n background-color: @mantle;\n }\n th {\n &,\n * {\n background-color: @surface0 !important;\n }\n }\n }\n\n blockquote,\n cite {\n border-left-color: @pink !important;\n }\n\n cite a {\n color: @pink;\n &:hover {\n color: @rosewater;\n }\n }\n\n pre,\n code {\n box-shadow: none !important;\n background-color: @mantle;\n border-color: @crust;\n }\n pre {\n color: @text;\n }\n code {\n color: @rosewater;\n }\n\n *[style*=\"background-color: #C1E5FF\"] {\n color: @text !important;\n background-color: fade(@blue, 15%) !important;\n border-color: @blue !important;\n }\n\n *[style*=\"background-color: #FFD0B7\"] {\n color: @text !important;\n background-color: fade(@peach, 15%) !important;\n border-color: @peach !important;\n }\n\n *[style*=\"background: #F6F6F6\"] {\n color: @text !important;\n background-color: fade(@overlay0, 15%) !important;\n border-color: @overlay0 !important;\n }\n\n .mw-highlight,\n .mw-highlight > pre {\n color: @text !important;\n background-color: @mantle !important;\n\n // env assignment\n .nv {\n color: @text;\n }\n // dollar sign\n .gp {\n color: @pink;\n }\n // comment\n .c1,\n .cm {\n color: @overlay2;\n }\n // strings\n .s1,\n .s2,\n .se {\n color: @green;\n }\n // string interpolation\n .si {\n color: @pink;\n }\n // lhe\n .ss,\n .nb {\n color: @blue;\n }\n // operators\n .p,\n .o {\n color: @teal;\n }\n // numbers, boolean\n .mi,\n .no {\n color: @peach;\n }\n // keyword\n .k,\n .ow {\n color: @mauve;\n }\n // etc\n .go {\n color: @text;\n }\n }\n\n .suggestions {\n .suggestions-result {\n background-color: @mantle;\n &:hover {\n background-color: mix(@base, @mantle, 50%);\n }\n color: @text;\n .highlight {\n color: @accent;\n }\n }\n .suggestions-results {\n border-color: @surface0 !important;\n }\n .suggestions-special {\n border-color: @surface0 !important;\n background-color: @mantle;\n &:hover {\n background-color: mix(@accent, @mantle, 15%);\n }\n .special-label {\n color: @subtext0;\n }\n .special-query {\n color: @text;\n }\n }\n }\n\n .toc {\n li.active > a {\n border-left-color: @accent !important;\n }\n ul.nav a:hover {\n background: @accent !important;\n &,\n * {\n color: @crust !important;\n }\n }\n }\n\n #catlinks {\n background-color: @mantle;\n border-color: @mantle;\n }\n\n #footer {\n background-color: @mantle;\n }\n }\n\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor, @accentColor);\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": "NixOS Wiki Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/nixos.wiki",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/nixos.wiki",
"version": "0.0.1",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/nixos.wiki/catppuccin.user.css",
"description": "Soothing pastel theme for NixOS Wiki",
"author": "Catppuccin",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": "macchiato",
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": "lavender",
"default": "sapphire",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for NixOS Wiki",
"name": "NixOS Wiki Catppuccin",
"originalDigest": "b8f94fe18b922108bdbd4315f6a5d0a07389ccc2",
"_id": "5b0a6791-1913-4db7-9caf-37e2562a5854",
"_rev": 1700768722342,
"id": 72,
"etag": "W/\"179753cbe553da56207cd9521eee75e67b53c1bcead98fed956fea512db8c3d3\""
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/linkedin/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/linkedin",
"installDate": 1700768747663,
"sections": [
{
"code": "/* ==UserStyle==\n@name LinkedIn Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/linkedin\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/linkedin\n@version 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/linkedin/catppuccin.user.css\n@description Soothing pastel theme for LinkedIn\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": "/* prettier-ignore */\n @media (prefers-color-scheme: light) {\n --black: #181926;\n --black-a90: #181926;\n --black-a75: #181926;\n --black-a60: rgba(24, 25, 38, 0.6);\n --black-a45: #181926;\n --black-a30: #181926;\n --black-a15: #181926;\n --black-a12: #181926;\n --black-a08: #181926;\n --black-a04: #181926;\n --black-a100: #181926;\n --white: #cad3f5;\n --white-a06: #363a4f;\n --white-a12: #363a4f;\n --white-a18: #363a4f;\n --white-a25: #363a4f;\n --white-a30: #cad3f5;\n --white-a40: #cad3f5;\n --white-a45: #cad3f5;\n --white-a55: #cad3f5;\n --white-a60: #a5adcb;\n --white-a70: #cad3f5;\n --white-a75: #cad3f5;\n --white-a85: #cad3f5;\n --white-a90: #cad3f5;\n --white-a100: #cad3f5;\n --blue-10: #8aadf4;\n --blue-20: #8aadf4;\n --blue-30: #8aadf4;\n --blue-40: #8aadf4;\n --blue-50: #8aadf4;\n --blue-60: #8aadf4;\n --blue-70: #8aadf4;\n --blue-80: #8aadf4;\n --blue-90: #8aadf4;\n --blue-100: #8aadf4;\n --blue-50-a20: rgba(138, 173, 244, 0.2);\n --blue-50-a25: rgba(138, 173, 244, 0.25);\n --blue-50-a30: rgba(138, 173, 244, 0.3);\n --blue-50-a40: rgba(138, 173, 244, 0.4);\n --blue-60-a10: rgba(138, 173, 244, 0.1);\n --blue-60-a15: rgba(138, 173, 244, 0.85);\n --blue-60-a20: rgba(138, 173, 244, 0.2);\n --blue-60-a25: rgba(138, 173, 244, 0.25);\n --blue-60-a30: rgba(138, 173, 244, 0.3);\n --blue-60-a35: rgba(138, 173, 244, 0.35);\n --blue-60-a40: rgba(138, 173, 244, 0.4);\n --blue-60-a45: rgba(138, 173, 244, 0.45);\n --blue-70-a30: rgba(125, 196, 228, 0.3);\n --blue-70-a40: rgba(125, 196, 228, 0.4);\n --blue-70-a50: rgba(125, 196, 228, 0.5);\n --cool-gray-10: #1e2030;\n --cool-gray-20: #363a4f;\n --cool-gray-30: #1e2030;\n --cool-gray-40: #1e2030;\n --cool-gray-50: #1e2030;\n --cool-gray-60: #1e2030;\n --cool-gray-70: #1e2030;\n --cool-gray-80: #363a4f;\n --cool-gray-85: #1e2030;\n --cool-gray-90: #1e2030;\n --cool-gray-100: #1e2030;\n --cool-gray-60-a10: rgba(30, 32, 48, 0.1);\n --cool-gray-60-a15: rgba(30, 32, 48, 0.15);\n --cool-gray-60-a20: rgba(30, 32, 48, 0.2);\n --cool-gray-60-a25: rgba(30, 32, 48, 0.25);\n --cool-gray-60-a30: rgba(30, 32, 48, 0.3);\n --cool-gray-60-a35: rgba(30, 32, 48, 0.35);\n --warm-gray-10: #8087a2;\n --warm-gray-20: #8087a2;\n --warm-gray-30: #8087a2;\n --warm-gray-40: #8087a2;\n --warm-gray-50: #8087a2;\n --warm-gray-60: #8087a2;\n --warm-gray-70: #8087a2;\n --warm-gray-80: #8087a2;\n --warm-gray-90: #8087a2;\n --warm-gray-100: #8087a2;\n --warm-gray-60-a10: rgba(128, 135, 162, 0.1);\n --warm-gray-60-a15: rgba(128, 135, 162, 0.15);\n --warm-gray-60-a20: rgba(128, 135, 162, 0.2);\n --warm-gray-60-a25: rgba(128, 135, 162, 0.25);\n --warm-gray-60-a30: rgba(128, 135, 162, 0.3);\n --warm-gray-60-a35: rgba(128, 135, 162, 0.35);\n --warm-red-10: #ee99a0;\n --warm-red-20: #ee99a0;\n --warm-red-30: #ee99a0;\n --warm-red-40: #ee99a0;\n --warm-red-50: #ee99a0;\n --warm-red-60: #ee99a0;\n --warm-red-70: #ee99a0;\n --warm-red-80: #ee99a0;\n --warm-red-90: #ee99a0;\n --warm-red-100: #ee99a0;\n --warm-red-60-a10: rgba(238, 153, 160, 0.1);\n --warm-red-60-a15: rgba(238, 153, 160, 0.15);\n --warm-red-60-a20: rgba(238, 153, 160, 0.2);\n --warm-red-60-a25: rgba(238, 153, 160, 0.25);\n --warm-red-60-a30: rgba(238, 153, 160, 0.3);\n --warm-red-60-a35: rgba(238, 153, 160, 0.35);\n --teal-10: #8bd5ca;\n --teal-20: #8bd5ca;\n --teal-30: #8bd5ca;\n --teal-40: #8bd5ca;\n --teal-50: #8bd5ca;\n --teal-60: #8bd5ca;\n --teal-70: #8bd5ca;\n --teal-80: #8bd5ca;\n --teal-90: #8bd5ca;\n --teal-100: #8bd5ca;\n --teal-50-a30: #8bd5ca;\n --teal-60-a10: rgba(139, 213, 202, 0.1);\n --teal-60-a15: rgba(139, 213, 202, 0.15);\n --teal-60-a20: rgba(139, 213, 202, 0.2);\n --teal-60-a25: rgba(139, 213, 202, 0.25);\n --teal-60-a30: rgba(139, 213, 202, 0.3);\n --teal-60-a35: rgba(139, 213, 202, 0.35);\n --purple-10: #b7bdf8;\n --purple-20: #b7bdf8;\n --purple-30: #b7bdf8;\n --purple-40: #b7bdf8;\n --purple-50: #b7bdf8;\n --purple-60: #b7bdf8;\n --purple-70: #b7bdf8;\n --purple-80: #b7bdf8;\n --purple-90: #b7bdf8;\n --purple-100: #b7bdf8;\n --purple-40-a15: rgba(183, 189, 248, 0.15);\n --purple-60-a10: rgba(183, 189, 248, 0.1);\n --purple-60-a15: rgba(183, 189, 248, 0.15);\n --purple-60-a20: rgba(183, 189, 248, 0.2);\n --purple-60-a25: rgba(183, 189, 248, 0.25);\n --purple-60-a30: rgba(183, 189, 248, 0.3);\n --purple-60-a35: rgba(183, 189, 248, 0.35);\n --purple-70-a15: rgba(183, 189, 248, 0.15);\n --system-red-10: #ed8796;\n --system-red-20: #ed8796;\n --system-red-30: #ed8796;\n --system-red-40: #ed8796;\n --system-red-50: #ed8796;\n --system-red-60: #ed8796;\n --system-red-70: #ed8796;\n --system-red-80: #ed8796;\n --system-red-90: #ed8796;\n --system-red-100: #ed8796;\n --system-red-60-a10: rgba(237, 135, 150, 0.1);\n --system-red-60-a15: rgba(237, 135, 150, 0.15);\n --system-red-60-a20: rgba(237, 135, 150, 0.2);\n --system-red-60-a25: rgba(237, 135, 150, 0.25);\n --system-red-60-a30: rgba(237, 135, 150, 0.3);\n --system-red-60-a35: rgba(237, 135, 150, 0.35);\n --system-green-10: #67c049;\n --system-green-20: #67c049;\n --system-green-30: #67c049;\n --system-green-40: #67c049;\n --system-green-50: #67c049;\n --system-green-60: #67c049;\n --system-green-70: #67c049;\n --system-green-80: #67c049;\n --system-green-90: #67c049;\n --system-green-100: #67c049;\n --system-green-60-a10: rgba(103, 192, 73, 0.1);\n --system-green-60-a15: rgba(103, 192, 73, 0.15);\n --system-green-60-a20: rgba(103, 192, 73, 0.2);\n --system-green-60-a25: rgba(103, 192, 73, 0.25);\n --system-green-60-a30: rgba(103, 192, 73, 0.3);\n --system-green-60-a35: rgba(103, 192, 73, 0.35);\n --pink-10: #f5bde6;\n --pink-20: #f5bde6;\n --pink-30: #f5bde6;\n --pink-40: #f5bde6;\n --pink-50: #f5bde6;\n --pink-60: #f5bde6;\n --pink-70: #f5bde6;\n --pink-80: #f5bde6;\n --pink-90: #f5bde6;\n --pink-100: #f5bde6;\n --pink-60-a10: rgba(245, 189, 230, 0.1);\n --pink-60-a15: rgba(245, 189, 230, 0.15);\n --pink-60-a20: rgba(245, 189, 230, 0.2);\n --pink-60-a25: rgba(245, 189, 230, 0.25);\n --pink-60-a30: rgba(245, 189, 230, 0.3);\n --pink-60-a35: rgba(245, 189, 230, 0.35);\n --amber-10: #eed49f;\n --amber-20: #eed49f;\n --amber-30: #eed49f;\n --amber-40: #eed49f;\n --amber-50: #eed49f;\n --amber-60: #eed49f;\n --amber-70: #eed49f;\n --amber-80: #eed49f;\n --amber-90: #eed49f;\n --amber-100: #eed49f;\n --amber-30-a50: #eed49f;\n --amber-60-a10: rgba(238, 212, 159, 0.1);\n --amber-60-a15: rgba(238, 212, 159, 0.15);\n --amber-60-a20: rgba(238, 212, 159, 0.2);\n --amber-60-a25: rgba(238, 212, 159, 0.25);\n --amber-60-a30: rgba(238, 212, 159, 0.3);\n --amber-60-a35: rgba(238, 212, 159, 0.35);\n --copper-10: #f4dbd6;\n --copper-20: #f4dbd6;\n --copper-30: #f4dbd6;\n --copper-40: #f4dbd6;\n --copper-50: #f4dbd6;\n --copper-60: #f4dbd6;\n --copper-70: #f4dbd6;\n --copper-80: #f4dbd6;\n --copper-90: #f4dbd6;\n --copper-100: #f4dbd6;\n --copper-60-a10: rgba(244, 219, 214, 0.1);\n --copper-60-a15: rgba(244, 219, 214, 0.15);\n --copper-60-a20: rgba(244, 219, 214, 0.2);\n --copper-60-a25: rgba(244, 219, 214, 0.25);\n --copper-60-a30: rgba(244, 219, 214, 0.3);\n --copper-60-a35: rgba(244, 219, 214, 0.35);\n --green-10: #a6da95;\n --green-20: #a6da95;\n --green-30: #a6da95;\n --green-40: #a6da95;\n --green-50: #a6da95;\n --green-60: #a6da95;\n --green-70: #a6da95;\n --green-80: #a6da95;\n --green-90: #a6da95;\n --green-100: #a6da95;\n --green-60-a10: rgba(166, 218, 149, 0.1);\n --green-60-a15: rgba(166, 218, 149, 0.15);\n --green-60-a20: rgba(166, 218, 149, 0.2);\n --green-60-a25: rgba(166, 218, 149, 0.25);\n --green-60-a30: rgba(166, 218, 149, 0.3);\n --green-60-a35: rgba(166, 218, 149, 0.35);\n --sage-10: #3e792a;\n --sage-20: #3e792a;\n --sage-30: #3e792a;\n --sage-40: #3e792a;\n --sage-50: #3e792a;\n --sage-60: #3e792a;\n --sage-70: #3e792a;\n --sage-80: #3e792a;\n --sage-90: #3e792a;\n --sage-100: #3e792a;\n --sage-60-a10: rgba(62, 121, 42, 0.1);\n --sage-60-a15: rgba(62, 121, 42, 0.15);\n --sage-60-a20: rgba(62, 121, 42, 0.2);\n --sage-60-a25: rgba(62, 121, 42, 0.25);\n --sage-60-a30: rgba(62, 121, 42, 0.3);\n --sage-60-a35: rgba(62, 121, 42, 0.35);\n --lime-10: #e5f4e1;\n --lime-20: #e5f4e1;\n --lime-30: #e5f4e1;\n --lime-40: #e5f4e1;\n --lime-50: #e5f4e1;\n --lime-60: #e5f4e1;\n --lime-70: #e5f4e1;\n --lime-80: #e5f4e1;\n --lime-90: #e5f4e1;\n --lime-100: #e5f4e1;\n --lime-60-a10: rgba(229, 244, 225, 0.1);\n --lime-60-a15: rgba(229, 244, 225, 0.15);\n --lime-60-a20: rgba(229, 244, 225, 0.2);\n --lime-60-a25: rgba(229, 244, 225, 0.25);\n --lime-60-a30: rgba(229, 244, 225, 0.3);\n --lime-60-a35: rgba(229, 244, 225, 0.35);\n --camo-10: #b7bdf8;\n --camo-20: #b7bdf8;\n --camo-30: #b7bdf8;\n --camo-40: #b7bdf8;\n --camo-50: #b7bdf8;\n --camo-60: #b7bdf8;\n --camo-70: #b7bdf8;\n --camo-80: #b7bdf8;\n --camo-90: #b7bdf8;\n --camo-100: #b7bdf8;\n --camo-60-a10: rgba(183, 189, 248, 0.1);\n --camo-60-a15: rgba(183, 189, 248, 0.15);\n --camo-60-a20: rgba(183, 189, 248, 0.2);\n --camo-60-a25: rgba(183, 189, 248, 0.25);\n --camo-60-a30: rgba(183, 189, 248, 0.3);\n --camo-60-a35: rgba(183, 189, 248, 0.35);\n --smoke-10: #494d64;\n --smoke-20: #494d64;\n --smoke-30: #494d64;\n --smoke-40: #494d64;\n --smoke-50: #494d64;\n --smoke-60: #494d64;\n --smoke-70: #494d64;\n --smoke-80: #494d64;\n --smoke-90: #494d64;\n --smoke-100: #494d64;\n --smoke-60-a10: rgba(73, 77, 100, 0.1);\n --smoke-60-a15: rgba(73, 77, 100, 0.15);\n --smoke-60-a20: rgba(73, 77, 100, 0.2);\n --smoke-60-a25: rgba(73, 77, 100, 0.25);\n --smoke-60-a30: rgba(73, 77, 100, 0.3);\n --smoke-60-a35: rgba(73, 77, 100, 0.35);\n --lavender-10: #b7bdf8;\n --lavender-20: #b7bdf8;\n --lavender-30: #b7bdf8;\n --lavender-40: #b7bdf8;\n --lavender-50: #b7bdf8;\n --lavender-60: #b7bdf8;\n --lavender-70: #b7bdf8;\n --lavender-80: #b7bdf8;\n --lavender-90: #b7bdf8;\n --lavender-100: #b7bdf8;\n --lavender-60-a10: rgba(183, 189, 248, 0.1);\n --lavender-60-a15: rgba(183, 189, 248, 0.15);\n --lavender-60-a20: rgba(183, 189, 248, 0.2);\n --lavender-60-a25: rgba(183, 189, 248, 0.25);\n --lavender-60-a30: rgba(183, 189, 248, 0.3);\n --lavender-60-a35: rgba(183, 189, 248, 0.35);\n --mauve-10: #c6a0f6;\n --mauve-20: #c6a0f6;\n --mauve-30: #c6a0f6;\n --mauve-40: #c6a0f6;\n --mauve-50: #c6a0f6;\n --mauve-60: #c6a0f6;\n --mauve-70: #c6a0f6;\n --mauve-80: #c6a0f6;\n --mauve-90: #c6a0f6;\n --mauve-100: #c6a0f6;\n --mauve-60-a10: rgba(198, 160, 246, 0.1);\n --mauve-60-a15: rgba(198, 160, 246, 0.15);\n --mauve-60-a20: rgba(198, 160, 246, 0.2);\n --mauve-60-a25: rgba(198, 160, 246, 0.25);\n --mauve-60-a30: rgba(198, 160, 246, 0.3);\n --mauve-60-a35: rgba(198, 160, 246, 0.35);\n --mauve-80-a50: rgba(198, 160, 246, 0.5);\n --system-gray-10: #363a4f;\n --system-gray-20: #363a4f;\n --system-gray-30: #363a4f;\n --system-gray-40: #363a4f;\n --system-gray-50: #363a4f;\n --system-gray-60: #363a4f;\n --system-gray-70: #363a4f;\n --system-gray-80: #363a4f;\n --system-gray-90: #363a4f;\n --system-gray-100: #363a4f;\n --system-gray-60-a10: rgba(54, 58, 79, 0.1);\n --system-gray-60-a15: rgba(54, 58, 79, 0.15);\n --system-gray-60-a20: rgba(54, 58, 79, 0.2);\n --system-gray-60-a25: rgba(54, 58, 79, 0.25);\n --system-gray-60-a30: rgba(54, 58, 79, 0.3);\n --system-gray-60-a35: rgba(54, 58, 79, 0.35);\n --system-gray-60-a40: rgba(54, 58, 79, 0.4);\n --system-gray-60-a45: rgba(54, 58, 79, 0.45);\n --system-orange-10: #f5a97f;\n --system-orange-20: #f5a97f;\n --system-orange-30: #f5a97f;\n --system-orange-40: #f5a97f;\n --system-orange-50: #f5a97f;\n --system-orange-60: #f5a97f;\n --system-orange-70: #f5a97f;\n --system-orange-80: #f5a97f;\n --system-orange-90: #f5a97f;\n --system-orange-100: #f5a97f;\n --system-orange-60-a10: rgba(245, 169, 127, 0.1);\n --system-orange-60-a15: rgba(245, 169, 127, 0.15);\n --system-orange-60-a20: rgba(245, 169, 127, 0.2);\n --system-orange-60-a25: rgba(245, 169, 127, 0.25);\n --system-orange-60-a30: rgba(245, 169, 127, 0.3);\n --system-orange-60-a35: rgba(245, 169, 127, 0.35);\n /* quality of life changes */\n --color-border-low-emphasis: #363a4f;\n /* more accent */\n --voyager-color-background-badge-notification: #b7bdf8;\n --color-signal-positive: #b7bdf8;\n --color-checked: #b7bdf8;\n --color-checked-hover: #b7bdf8;\n --color-checked-active: #b7bdf8;\n --color-text-on-dark: #181926;\n --color-element: #181926;\n .share-promoted-detour-button-legacy {\n background-color: #b7bdf8 !important;\n }\n .share-promoted-detour-button {\n color: #181926 !important;\n }\n }\n @media (prefers-color-scheme: dark) {\n .theme--dark,\n .theme--mercado-dark {\n --black: #181926;\n --black-a90: #181926;\n --black-a75: #181926;\n --black-a60: rgba(24, 25, 38, 0.6);\n --black-a45: #181926;\n --black-a30: #181926;\n --black-a15: #181926;\n --black-a12: #181926;\n --black-a08: #181926;\n --black-a04: #181926;\n --black-a100: #181926;\n --white: #cad3f5;\n --white-a06: #363a4f;\n --white-a12: #363a4f;\n --white-a18: #363a4f;\n --white-a25: #363a4f;\n --white-a30: #cad3f5;\n --white-a40: #cad3f5;\n --white-a45: #cad3f5;\n --white-a55: #cad3f5;\n --white-a60: #a5adcb;\n --white-a70: #cad3f5;\n --white-a75: #cad3f5;\n --white-a85: #cad3f5;\n --white-a90: #cad3f5;\n --white-a100: #cad3f5;\n --blue-10: #8aadf4;\n --blue-20: #8aadf4;\n --blue-30: #8aadf4;\n --blue-40: #8aadf4;\n --blue-50: #8aadf4;\n --blue-60: #8aadf4;\n --blue-70: #8aadf4;\n --blue-80: #8aadf4;\n --blue-90: #8aadf4;\n --blue-100: #8aadf4;\n --blue-50-a20: rgba(138, 173, 244, 0.2);\n --blue-50-a25: rgba(138, 173, 244, 0.25);\n --blue-50-a30: rgba(138, 173, 244, 0.3);\n --blue-50-a40: rgba(138, 173, 244, 0.4);\n --blue-60-a10: rgba(138, 173, 244, 0.1);\n --blue-60-a15: rgba(138, 173, 244, 0.85);\n --blue-60-a20: rgba(138, 173, 244, 0.2);\n --blue-60-a25: rgba(138, 173, 244, 0.25);\n --blue-60-a30: rgba(138, 173, 244, 0.3);\n --blue-60-a35: rgba(138, 173, 244, 0.35);\n --blue-60-a40: rgba(138, 173, 244, 0.4);\n --blue-60-a45: rgba(138, 173, 244, 0.45);\n --blue-70-a30: rgba(125, 196, 228, 0.3);\n --blue-70-a40: rgba(125, 196, 228, 0.4);\n --blue-70-a50: rgba(125, 196, 228, 0.5);\n --cool-gray-10: #1e2030;\n --cool-gray-20: #363a4f;\n --cool-gray-30: #1e2030;\n --cool-gray-40: #1e2030;\n --cool-gray-50: #1e2030;\n --cool-gray-60: #1e2030;\n --cool-gray-70: #1e2030;\n --cool-gray-80: #363a4f;\n --cool-gray-85: #1e2030;\n --cool-gray-90: #1e2030;\n --cool-gray-100: #1e2030;\n --cool-gray-60-a10: rgba(30, 32, 48, 0.1);\n --cool-gray-60-a15: rgba(30, 32, 48, 0.15);\n --cool-gray-60-a20: rgba(30, 32, 48, 0.2);\n --cool-gray-60-a25: rgba(30, 32, 48, 0.25);\n --cool-gray-60-a30: rgba(30, 32, 48, 0.3);\n --cool-gray-60-a35: rgba(30, 32, 48, 0.35);\n --warm-gray-10: #8087a2;\n --warm-gray-20: #8087a2;\n --warm-gray-30: #8087a2;\n --warm-gray-40: #8087a2;\n --warm-gray-50: #8087a2;\n --warm-gray-60: #8087a2;\n --warm-gray-70: #8087a2;\n --warm-gray-80: #8087a2;\n --warm-gray-90: #8087a2;\n --warm-gray-100: #8087a2;\n --warm-gray-60-a10: rgba(128, 135, 162, 0.1);\n --warm-gray-60-a15: rgba(128, 135, 162, 0.15);\n --warm-gray-60-a20: rgba(128, 135, 162, 0.2);\n --warm-gray-60-a25: rgba(128, 135, 162, 0.25);\n --warm-gray-60-a30: rgba(128, 135, 162, 0.3);\n --warm-gray-60-a35: rgba(128, 135, 162, 0.35);\n --warm-red-10: #ee99a0;\n --warm-red-20: #ee99a0;\n --warm-red-30: #ee99a0;\n --warm-red-40: #ee99a0;\n --warm-red-50: #ee99a0;\n --warm-red-60: #ee99a0;\n --warm-red-70: #ee99a0;\n --warm-red-80: #ee99a0;\n --warm-red-90: #ee99a0;\n --warm-red-100: #ee99a0;\n --warm-red-60-a10: rgba(238, 153, 160, 0.1);\n --warm-red-60-a15: rgba(238, 153, 160, 0.15);\n --warm-red-60-a20: rgba(238, 153, 160, 0.2);\n --warm-red-60-a25: rgba(238, 153, 160, 0.25);\n --warm-red-60-a30: rgba(238, 153, 160, 0.3);\n --warm-red-60-a35: rgba(238, 153, 160, 0.35);\n --teal-10: #8bd5ca;\n --teal-20: #8bd5ca;\n --teal-30: #8bd5ca;\n --teal-40: #8bd5ca;\n --teal-50: #8bd5ca;\n --teal-60: #8bd5ca;\n --teal-70: #8bd5ca;\n --teal-80: #8bd5ca;\n --teal-90: #8bd5ca;\n --teal-100: #8bd5ca;\n --teal-50-a30: #8bd5ca;\n --teal-60-a10: rgba(139, 213, 202, 0.1);\n --teal-60-a15: rgba(139, 213, 202, 0.15);\n --teal-60-a20: rgba(139, 213, 202, 0.2);\n --teal-60-a25: rgba(139, 213, 202, 0.25);\n --teal-60-a30: rgba(139, 213, 202, 0.3);\n --teal-60-a35: rgba(139, 213, 202, 0.35);\n --purple-10: #b7bdf8;\n --purple-20: #b7bdf8;\n --purple-30: #b7bdf8;\n --purple-40: #b7bdf8;\n --purple-50: #b7bdf8;\n --purple-60: #b7bdf8;\n --purple-70: #b7bdf8;\n --purple-80: #b7bdf8;\n --purple-90: #b7bdf8;\n --purple-100: #b7bdf8;\n --purple-40-a15: rgba(183, 189, 248, 0.15);\n --purple-60-a10: rgba(183, 189, 248, 0.1);\n --purple-60-a15: rgba(183, 189, 248, 0.15);\n --purple-60-a20: rgba(183, 189, 248, 0.2);\n --purple-60-a25: rgba(183, 189, 248, 0.25);\n --purple-60-a30: rgba(183, 189, 248, 0.3);\n --purple-60-a35: rgba(183, 189, 248, 0.35);\n --purple-70-a15: rgba(183, 189, 248, 0.15);\n --system-red-10: #ed8796;\n --system-red-20: #ed8796;\n --system-red-30: #ed8796;\n --system-red-40: #ed8796;\n --system-red-50: #ed8796;\n --system-red-60: #ed8796;\n --system-red-70: #ed8796;\n --system-red-80: #ed8796;\n --system-red-90: #ed8796;\n --system-red-100: #ed8796;\n --system-red-60-a10: rgba(237, 135, 150, 0.1);\n --system-red-60-a15: rgba(237, 135, 150, 0.15);\n --system-red-60-a20: rgba(237, 135, 150, 0.2);\n --system-red-60-a25: rgba(237, 135, 150, 0.25);\n --system-red-60-a30: rgba(237, 135, 150, 0.3);\n --system-red-60-a35: rgba(237, 135, 150, 0.35);\n --system-green-10: #67c049;\n --system-green-20: #67c049;\n --system-green-30: #67c049;\n --system-green-40: #67c049;\n --system-green-50: #67c049;\n --system-green-60: #67c049;\n --system-green-70: #67c049;\n --system-green-80: #67c049;\n --system-green-90: #67c049;\n --system-green-100: #67c049;\n --system-green-60-a10: rgba(103, 192, 73, 0.1);\n --system-green-60-a15: rgba(103, 192, 73, 0.15);\n --system-green-60-a20: rgba(103, 192, 73, 0.2);\n --system-green-60-a25: rgba(103, 192, 73, 0.25);\n --system-green-60-a30: rgba(103, 192, 73, 0.3);\n --system-green-60-a35: rgba(103, 192, 73, 0.35);\n --pink-10: #f5bde6;\n --pink-20: #f5bde6;\n --pink-30: #f5bde6;\n --pink-40: #f5bde6;\n --pink-50: #f5bde6;\n --pink-60: #f5bde6;\n --pink-70: #f5bde6;\n --pink-80: #f5bde6;\n --pink-90: #f5bde6;\n --pink-100: #f5bde6;\n --pink-60-a10: rgba(245, 189, 230, 0.1);\n --pink-60-a15: rgba(245, 189, 230, 0.15);\n --pink-60-a20: rgba(245, 189, 230, 0.2);\n --pink-60-a25: rgba(245, 189, 230, 0.25);\n --pink-60-a30: rgba(245, 189, 230, 0.3);\n --pink-60-a35: rgba(245, 189, 230, 0.35);\n --amber-10: #eed49f;\n --amber-20: #eed49f;\n --amber-30: #eed49f;\n --amber-40: #eed49f;\n --amber-50: #eed49f;\n --amber-60: #eed49f;\n --amber-70: #eed49f;\n --amber-80: #eed49f;\n --amber-90: #eed49f;\n --amber-100: #eed49f;\n --amber-30-a50: #eed49f;\n --amber-60-a10: rgba(238, 212, 159, 0.1);\n --amber-60-a15: rgba(238, 212, 159, 0.15);\n --amber-60-a20: rgba(238, 212, 159, 0.2);\n --amber-60-a25: rgba(238, 212, 159, 0.25);\n --amber-60-a30: rgba(238, 212, 159, 0.3);\n --amber-60-a35: rgba(238, 212, 159, 0.35);\n --copper-10: #f4dbd6;\n --copper-20: #f4dbd6;\n --copper-30: #f4dbd6;\n --copper-40: #f4dbd6;\n --copper-50: #f4dbd6;\n --copper-60: #f4dbd6;\n --copper-70: #f4dbd6;\n --copper-80: #f4dbd6;\n --copper-90: #f4dbd6;\n --copper-100: #f4dbd6;\n --copper-60-a10: rgba(244, 219, 214, 0.1);\n --copper-60-a15: rgba(244, 219, 214, 0.15);\n --copper-60-a20: rgba(244, 219, 214, 0.2);\n --copper-60-a25: rgba(244, 219, 214, 0.25);\n --copper-60-a30: rgba(244, 219, 214, 0.3);\n --copper-60-a35: rgba(244, 219, 214, 0.35);\n --green-10: #a6da95;\n --green-20: #a6da95;\n --green-30: #a6da95;\n --green-40: #a6da95;\n --green-50: #a6da95;\n --green-60: #a6da95;\n --green-70: #a6da95;\n --green-80: #a6da95;\n --green-90: #a6da95;\n --green-100: #a6da95;\n --green-60-a10: rgba(166, 218, 149, 0.1);\n --green-60-a15: rgba(166, 218, 149, 0.15);\n --green-60-a20: rgba(166, 218, 149, 0.2);\n --green-60-a25: rgba(166, 218, 149, 0.25);\n --green-60-a30: rgba(166, 218, 149, 0.3);\n --green-60-a35: rgba(166, 218, 149, 0.35);\n --sage-10: #3e792a;\n --sage-20: #3e792a;\n --sage-30: #3e792a;\n --sage-40: #3e792a;\n --sage-50: #3e792a;\n --sage-60: #3e792a;\n --sage-70: #3e792a;\n --sage-80: #3e792a;\n --sage-90: #3e792a;\n --sage-100: #3e792a;\n --sage-60-a10: rgba(62, 121, 42, 0.1);\n --sage-60-a15: rgba(62, 121, 42, 0.15);\n --sage-60-a20: rgba(62, 121, 42, 0.2);\n --sage-60-a25: rgba(62, 121, 42, 0.25);\n --sage-60-a30: rgba(62, 121, 42, 0.3);\n --sage-60-a35: rgba(62, 121, 42, 0.35);\n --lime-10: #e5f4e1;\n --lime-20: #e5f4e1;\n --lime-30: #e5f4e1;\n --lime-40: #e5f4e1;\n --lime-50: #e5f4e1;\n --lime-60: #e5f4e1;\n --lime-70: #e5f4e1;\n --lime-80: #e5f4e1;\n --lime-90: #e5f4e1;\n --lime-100: #e5f4e1;\n --lime-60-a10: rgba(229, 244, 225, 0.1);\n --lime-60-a15: rgba(229, 244, 225, 0.15);\n --lime-60-a20: rgba(229, 244, 225, 0.2);\n --lime-60-a25: rgba(229, 244, 225, 0.25);\n --lime-60-a30: rgba(229, 244, 225, 0.3);\n --lime-60-a35: rgba(229, 244, 225, 0.35);\n --camo-10: #b7bdf8;\n --camo-20: #b7bdf8;\n --camo-30: #b7bdf8;\n --camo-40: #b7bdf8;\n --camo-50: #b7bdf8;\n --camo-60: #b7bdf8;\n --camo-70: #b7bdf8;\n --camo-80: #b7bdf8;\n --camo-90: #b7bdf8;\n --camo-100: #b7bdf8;\n --camo-60-a10: rgba(183, 189, 248, 0.1);\n --camo-60-a15: rgba(183, 189, 248, 0.15);\n --camo-60-a20: rgba(183, 189, 248, 0.2);\n --camo-60-a25: rgba(183, 189, 248, 0.25);\n --camo-60-a30: rgba(183, 189, 248, 0.3);\n --camo-60-a35: rgba(183, 189, 248, 0.35);\n --smoke-10: #494d64;\n --smoke-20: #494d64;\n --smoke-30: #494d64;\n --smoke-40: #494d64;\n --smoke-50: #494d64;\n --smoke-60: #494d64;\n --smoke-70: #494d64;\n --smoke-80: #494d64;\n --smoke-90: #494d64;\n --smoke-100: #494d64;\n --smoke-60-a10: rgba(73, 77, 100, 0.1);\n --smoke-60-a15: rgba(73, 77, 100, 0.15);\n --smoke-60-a20: rgba(73, 77, 100, 0.2);\n --smoke-60-a25: rgba(73, 77, 100, 0.25);\n --smoke-60-a30: rgba(73, 77, 100, 0.3);\n --smoke-60-a35: rgba(73, 77, 100, 0.35);\n --lavender-10: #b7bdf8;\n --lavender-20: #b7bdf8;\n --lavender-30: #b7bdf8;\n --lavender-40: #b7bdf8;\n --lavender-50: #b7bdf8;\n --lavender-60: #b7bdf8;\n --lavender-70: #b7bdf8;\n --lavender-80: #b7bdf8;\n --lavender-90: #b7bdf8;\n --lavender-100: #b7bdf8;\n --lavender-60-a10: rgba(183, 189, 248, 0.1);\n --lavender-60-a15: rgba(183, 189, 248, 0.15);\n --lavender-60-a20: rgba(183, 189, 248, 0.2);\n --lavender-60-a25: rgba(183, 189, 248, 0.25);\n --lavender-60-a30: rgba(183, 189, 248, 0.3);\n --lavender-60-a35: rgba(183, 189, 248, 0.35);\n --mauve-10: #c6a0f6;\n --mauve-20: #c6a0f6;\n --mauve-30: #c6a0f6;\n --mauve-40: #c6a0f6;\n --mauve-50: #c6a0f6;\n --mauve-60: #c6a0f6;\n --mauve-70: #c6a0f6;\n --mauve-80: #c6a0f6;\n --mauve-90: #c6a0f6;\n --mauve-100: #c6a0f6;\n --mauve-60-a10: rgba(198, 160, 246, 0.1);\n --mauve-60-a15: rgba(198, 160, 246, 0.15);\n --mauve-60-a20: rgba(198, 160, 246, 0.2);\n --mauve-60-a25: rgba(198, 160, 246, 0.25);\n --mauve-60-a30: rgba(198, 160, 246, 0.3);\n --mauve-60-a35: rgba(198, 160, 246, 0.35);\n --mauve-80-a50: rgba(198, 160, 246, 0.5);\n --system-gray-10: #363a4f;\n --system-gray-20: #363a4f;\n --system-gray-30: #363a4f;\n --system-gray-40: #363a4f;\n --system-gray-50: #363a4f;\n --system-gray-60: #363a4f;\n --system-gray-70: #363a4f;\n --system-gray-80: #363a4f;\n --system-gray-90: #363a4f;\n --system-gray-100: #363a4f;\n --system-gray-60-a10: rgba(54, 58, 79, 0.1);\n --system-gray-60-a15: rgba(54, 58, 79, 0.15);\n --system-gray-60-a20: rgba(54, 58, 79, 0.2);\n --system-gray-60-a25: rgba(54, 58, 79, 0.25);\n --system-gray-60-a30: rgba(54, 58, 79, 0.3);\n --system-gray-60-a35: rgba(54, 58, 79, 0.35);\n --system-gray-60-a40: rgba(54, 58, 79, 0.4);\n --system-gray-60-a45: rgba(54, 58, 79, 0.45);\n --system-orange-10: #f5a97f;\n --system-orange-20: #f5a97f;\n --system-orange-30: #f5a97f;\n --system-orange-40: #f5a97f;\n --system-orange-50: #f5a97f;\n --system-orange-60: #f5a97f;\n --system-orange-70: #f5a97f;\n --system-orange-80: #f5a97f;\n --system-orange-90: #f5a97f;\n --system-orange-100: #f5a97f;\n --system-orange-60-a10: rgba(245, 169, 127, 0.1);\n --system-orange-60-a15: rgba(245, 169, 127, 0.15);\n --system-orange-60-a20: rgba(245, 169, 127, 0.2);\n --system-orange-60-a25: rgba(245, 169, 127, 0.25);\n --system-orange-60-a30: rgba(245, 169, 127, 0.3);\n --system-orange-60-a35: rgba(245, 169, 127, 0.35);\n /* quality of life changes */\n --color-border-low-emphasis: #363a4f;\n /* more accent */\n --voyager-color-background-badge-notification: #b7bdf8;\n --color-signal-positive: #b7bdf8;\n --color-checked: #b7bdf8;\n --color-checked-hover: #b7bdf8;\n --color-checked-active: #b7bdf8;\n --color-text-on-dark: #181926;\n --color-element: #181926;\n }\n .theme--dark .share-promoted-detour-button-legacy,\n .theme--mercado-dark .share-promoted-detour-button-legacy {\n background-color: #b7bdf8 !important;\n }\n .theme--dark .share-promoted-detour-button,\n .theme--mercado-dark .share-promoted-detour-button {\n color: #181926 !important;\n }\n }\n :root {\n --black: #181926;\n --black-a90: #181926;\n --black-a75: #181926;\n --black-a60: rgba(24, 25, 38, 0.6);\n --black-a45: #181926;\n --black-a30: #181926;\n --black-a15: #181926;\n --black-a12: #181926;\n --black-a08: #181926;\n --black-a04: #181926;\n --black-a100: #181926;\n --white: #cad3f5;\n --white-a06: #363a4f;\n --white-a12: #363a4f;\n --white-a18: #363a4f;\n --white-a25: #363a4f;\n --white-a30: #cad3f5;\n --white-a40: #cad3f5;\n --white-a45: #cad3f5;\n --white-a55: #cad3f5;\n --white-a60: #a5adcb;\n --white-a70: #cad3f5;\n --white-a75: #cad3f5;\n --white-a85: #cad3f5;\n --white-a90: #cad3f5;\n --white-a100: #cad3f5;\n --blue-10: #8aadf4;\n --blue-20: #8aadf4;\n --blue-30: #8aadf4;\n --blue-40: #8aadf4;\n --blue-50: #8aadf4;\n --blue-60: #8aadf4;\n --blue-70: #8aadf4;\n --blue-80: #8aadf4;\n --blue-90: #8aadf4;\n --blue-100: #8aadf4;\n --blue-50-a20: rgba(138, 173, 244, 0.2);\n --blue-50-a25: rgba(138, 173, 244, 0.25);\n --blue-50-a30: rgba(138, 173, 244, 0.3);\n --blue-50-a40: rgba(138, 173, 244, 0.4);\n --blue-60-a10: rgba(138, 173, 244, 0.1);\n --blue-60-a15: rgba(138, 173, 244, 0.85);\n --blue-60-a20: rgba(138, 173, 244, 0.2);\n --blue-60-a25: rgba(138, 173, 244, 0.25);\n --blue-60-a30: rgba(138, 173, 244, 0.3);\n --blue-60-a35: rgba(138, 173, 244, 0.35);\n --blue-60-a40: rgba(138, 173, 244, 0.4);\n --blue-60-a45: rgba(138, 173, 244, 0.45);\n --blue-70-a30: rgba(125, 196, 228, 0.3);\n --blue-70-a40: rgba(125, 196, 228, 0.4);\n --blue-70-a50: rgba(125, 196, 228, 0.5);\n --cool-gray-10: #1e2030;\n --cool-gray-20: #363a4f;\n --cool-gray-30: #1e2030;\n --cool-gray-40: #1e2030;\n --cool-gray-50: #1e2030;\n --cool-gray-60: #1e2030;\n --cool-gray-70: #1e2030;\n --cool-gray-80: #363a4f;\n --cool-gray-85: #1e2030;\n --cool-gray-90: #1e2030;\n --cool-gray-100: #1e2030;\n --cool-gray-60-a10: rgba(30, 32, 48, 0.1);\n --cool-gray-60-a15: rgba(30, 32, 48, 0.15);\n --cool-gray-60-a20: rgba(30, 32, 48, 0.2);\n --cool-gray-60-a25: rgba(30, 32, 48, 0.25);\n --cool-gray-60-a30: rgba(30, 32, 48, 0.3);\n --cool-gray-60-a35: rgba(30, 32, 48, 0.35);\n --warm-gray-10: #8087a2;\n --warm-gray-20: #8087a2;\n --warm-gray-30: #8087a2;\n --warm-gray-40: #8087a2;\n --warm-gray-50: #8087a2;\n --warm-gray-60: #8087a2;\n --warm-gray-70: #8087a2;\n --warm-gray-80: #8087a2;\n --warm-gray-90: #8087a2;\n --warm-gray-100: #8087a2;\n --warm-gray-60-a10: rgba(128, 135, 162, 0.1);\n --warm-gray-60-a15: rgba(128, 135, 162, 0.15);\n --warm-gray-60-a20: rgba(128, 135, 162, 0.2);\n --warm-gray-60-a25: rgba(128, 135, 162, 0.25);\n --warm-gray-60-a30: rgba(128, 135, 162, 0.3);\n --warm-gray-60-a35: rgba(128, 135, 162, 0.35);\n --warm-red-10: #ee99a0;\n --warm-red-20: #ee99a0;\n --warm-red-30: #ee99a0;\n --warm-red-40: #ee99a0;\n --warm-red-50: #ee99a0;\n --warm-red-60: #ee99a0;\n --warm-red-70: #ee99a0;\n --warm-red-80: #ee99a0;\n --warm-red-90: #ee99a0;\n --warm-red-100: #ee99a0;\n --warm-red-60-a10: rgba(238, 153, 160, 0.1);\n --warm-red-60-a15: rgba(238, 153, 160, 0.15);\n --warm-red-60-a20: rgba(238, 153, 160, 0.2);\n --warm-red-60-a25: rgba(238, 153, 160, 0.25);\n --warm-red-60-a30: rgba(238, 153, 160, 0.3);\n --warm-red-60-a35: rgba(238, 153, 160, 0.35);\n --teal-10: #8bd5ca;\n --teal-20: #8bd5ca;\n --teal-30: #8bd5ca;\n --teal-40: #8bd5ca;\n --teal-50: #8bd5ca;\n --teal-60: #8bd5ca;\n --teal-70: #8bd5ca;\n --teal-80: #8bd5ca;\n --teal-90: #8bd5ca;\n --teal-100: #8bd5ca;\n --teal-50-a30: #8bd5ca;\n --teal-60-a10: rgba(139, 213, 202, 0.1);\n --teal-60-a15: rgba(139, 213, 202, 0.15);\n --teal-60-a20: rgba(139, 213, 202, 0.2);\n --teal-60-a25: rgba(139, 213, 202, 0.25);\n --teal-60-a30: rgba(139, 213, 202, 0.3);\n --teal-60-a35: rgba(139, 213, 202, 0.35);\n --purple-10: #b7bdf8;\n --purple-20: #b7bdf8;\n --purple-30: #b7bdf8;\n --purple-40: #b7bdf8;\n --purple-50: #b7bdf8;\n --purple-60: #b7bdf8;\n --purple-70: #b7bdf8;\n --purple-80: #b7bdf8;\n --purple-90: #b7bdf8;\n --purple-100: #b7bdf8;\n --purple-40-a15: rgba(183, 189, 248, 0.15);\n --purple-60-a10: rgba(183, 189, 248, 0.1);\n --purple-60-a15: rgba(183, 189, 248, 0.15);\n --purple-60-a20: rgba(183, 189, 248, 0.2);\n --purple-60-a25: rgba(183, 189, 248, 0.25);\n --purple-60-a30: rgba(183, 189, 248, 0.3);\n --purple-60-a35: rgba(183, 189, 248, 0.35);\n --purple-70-a15: rgba(183, 189, 248, 0.15);\n --system-red-10: #ed8796;\n --system-red-20: #ed8796;\n --system-red-30: #ed8796;\n --system-red-40: #ed8796;\n --system-red-50: #ed8796;\n --system-red-60: #ed8796;\n --system-red-70: #ed8796;\n --system-red-80: #ed8796;\n --system-red-90: #ed8796;\n --system-red-100: #ed8796;\n --system-red-60-a10: rgba(237, 135, 150, 0.1);\n --system-red-60-a15: rgba(237, 135, 150, 0.15);\n --system-red-60-a20: rgba(237, 135, 150, 0.2);\n --system-red-60-a25: rgba(237, 135, 150, 0.25);\n --system-red-60-a30: rgba(237, 135, 150, 0.3);\n --system-red-60-a35: rgba(237, 135, 150, 0.35);\n --system-green-10: #67c049;\n --system-green-20: #67c049;\n --system-green-30: #67c049;\n --system-green-40: #67c049;\n --system-green-50: #67c049;\n --system-green-60: #67c049;\n --system-green-70: #67c049;\n --system-green-80: #67c049;\n --system-green-90: #67c049;\n --system-green-100: #67c049;\n --system-green-60-a10: rgba(103, 192, 73, 0.1);\n --system-green-60-a15: rgba(103, 192, 73, 0.15);\n --system-green-60-a20: rgba(103, 192, 73, 0.2);\n --system-green-60-a25: rgba(103, 192, 73, 0.25);\n --system-green-60-a30: rgba(103, 192, 73, 0.3);\n --system-green-60-a35: rgba(103, 192, 73, 0.35);\n --pink-10: #f5bde6;\n --pink-20: #f5bde6;\n --pink-30: #f5bde6;\n --pink-40: #f5bde6;\n --pink-50: #f5bde6;\n --pink-60: #f5bde6;\n --pink-70: #f5bde6;\n --pink-80: #f5bde6;\n --pink-90: #f5bde6;\n --pink-100: #f5bde6;\n --pink-60-a10: rgba(245, 189, 230, 0.1);\n --pink-60-a15: rgba(245, 189, 230, 0.15);\n --pink-60-a20: rgba(245, 189, 230, 0.2);\n --pink-60-a25: rgba(245, 189, 230, 0.25);\n --pink-60-a30: rgba(245, 189, 230, 0.3);\n --pink-60-a35: rgba(245, 189, 230, 0.35);\n --amber-10: #eed49f;\n --amber-20: #eed49f;\n --amber-30: #eed49f;\n --amber-40: #eed49f;\n --amber-50: #eed49f;\n --amber-60: #eed49f;\n --amber-70: #eed49f;\n --amber-80: #eed49f;\n --amber-90: #eed49f;\n --amber-100: #eed49f;\n --amber-30-a50: #eed49f;\n --amber-60-a10: rgba(238, 212, 159, 0.1);\n --amber-60-a15: rgba(238, 212, 159, 0.15);\n --amber-60-a20: rgba(238, 212, 159, 0.2);\n --amber-60-a25: rgba(238, 212, 159, 0.25);\n --amber-60-a30: rgba(238, 212, 159, 0.3);\n --amber-60-a35: rgba(238, 212, 159, 0.35);\n --copper-10: #f4dbd6;\n --copper-20: #f4dbd6;\n --copper-30: #f4dbd6;\n --copper-40: #f4dbd6;\n --copper-50: #f4dbd6;\n --copper-60: #f4dbd6;\n --copper-70: #f4dbd6;\n --copper-80: #f4dbd6;\n --copper-90: #f4dbd6;\n --copper-100: #f4dbd6;\n --copper-60-a10: rgba(244, 219, 214, 0.1);\n --copper-60-a15: rgba(244, 219, 214, 0.15);\n --copper-60-a20: rgba(244, 219, 214, 0.2);\n --copper-60-a25: rgba(244, 219, 214, 0.25);\n --copper-60-a30: rgba(244, 219, 214, 0.3);\n --copper-60-a35: rgba(244, 219, 214, 0.35);\n --green-10: #a6da95;\n --green-20: #a6da95;\n --green-30: #a6da95;\n --green-40: #a6da95;\n --green-50: #a6da95;\n --green-60: #a6da95;\n --green-70: #a6da95;\n --green-80: #a6da95;\n --green-90: #a6da95;\n --green-100: #a6da95;\n --green-60-a10: rgba(166, 218, 149, 0.1);\n --green-60-a15: rgba(166, 218, 149, 0.15);\n --green-60-a20: rgba(166, 218, 149, 0.2);\n --green-60-a25: rgba(166, 218, 149, 0.25);\n --green-60-a30: rgba(166, 218, 149, 0.3);\n --green-60-a35: rgba(166, 218, 149, 0.35);\n --sage-10: #3e792a;\n --sage-20: #3e792a;\n --sage-30: #3e792a;\n --sage-40: #3e792a;\n --sage-50: #3e792a;\n --sage-60: #3e792a;\n --sage-70: #3e792a;\n --sage-80: #3e792a;\n --sage-90: #3e792a;\n --sage-100: #3e792a;\n --sage-60-a10: rgba(62, 121, 42, 0.1);\n --sage-60-a15: rgba(62, 121, 42, 0.15);\n --sage-60-a20: rgba(62, 121, 42, 0.2);\n --sage-60-a25: rgba(62, 121, 42, 0.25);\n --sage-60-a30: rgba(62, 121, 42, 0.3);\n --sage-60-a35: rgba(62, 121, 42, 0.35);\n --lime-10: #e5f4e1;\n --lime-20: #e5f4e1;\n --lime-30: #e5f4e1;\n --lime-40: #e5f4e1;\n --lime-50: #e5f4e1;\n --lime-60: #e5f4e1;\n --lime-70: #e5f4e1;\n --lime-80: #e5f4e1;\n --lime-90: #e5f4e1;\n --lime-100: #e5f4e1;\n --lime-60-a10: rgba(229, 244, 225, 0.1);\n --lime-60-a15: rgba(229, 244, 225, 0.15);\n --lime-60-a20: rgba(229, 244, 225, 0.2);\n --lime-60-a25: rgba(229, 244, 225, 0.25);\n --lime-60-a30: rgba(229, 244, 225, 0.3);\n --lime-60-a35: rgba(229, 244, 225, 0.35);\n --camo-10: #b7bdf8;\n --camo-20: #b7bdf8;\n --camo-30: #b7bdf8;\n --camo-40: #b7bdf8;\n --camo-50: #b7bdf8;\n --camo-60: #b7bdf8;\n --camo-70: #b7bdf8;\n --camo-80: #b7bdf8;\n --camo-90: #b7bdf8;\n --camo-100: #b7bdf8;\n --camo-60-a10: rgba(183, 189, 248, 0.1);\n --camo-60-a15: rgba(183, 189, 248, 0.15);\n --camo-60-a20: rgba(183, 189, 248, 0.2);\n --camo-60-a25: rgba(183, 189, 248, 0.25);\n --camo-60-a30: rgba(183, 189, 248, 0.3);\n --camo-60-a35: rgba(183, 189, 248, 0.35);\n --smoke-10: #494d64;\n --smoke-20: #494d64;\n --smoke-30: #494d64;\n --smoke-40: #494d64;\n --smoke-50: #494d64;\n --smoke-60: #494d64;\n --smoke-70: #494d64;\n --smoke-80: #494d64;\n --smoke-90: #494d64;\n --smoke-100: #494d64;\n --smoke-60-a10: rgba(73, 77, 100, 0.1);\n --smoke-60-a15: rgba(73, 77, 100, 0.15);\n --smoke-60-a20: rgba(73, 77, 100, 0.2);\n --smoke-60-a25: rgba(73, 77, 100, 0.25);\n --smoke-60-a30: rgba(73, 77, 100, 0.3);\n --smoke-60-a35: rgba(73, 77, 100, 0.35);\n --lavender-10: #b7bdf8;\n --lavender-20: #b7bdf8;\n --lavender-30: #b7bdf8;\n --lavender-40: #b7bdf8;\n --lavender-50: #b7bdf8;\n --lavender-60: #b7bdf8;\n --lavender-70: #b7bdf8;\n --lavender-80: #b7bdf8;\n --lavender-90: #b7bdf8;\n --lavender-100: #b7bdf8;\n --lavender-60-a10: rgba(183, 189, 248, 0.1);\n --lavender-60-a15: rgba(183, 189, 248, 0.15);\n --lavender-60-a20: rgba(183, 189, 248, 0.2);\n --lavender-60-a25: rgba(183, 189, 248, 0.25);\n --lavender-60-a30: rgba(183, 189, 248, 0.3);\n --lavender-60-a35: rgba(183, 189, 248, 0.35);\n --mauve-10: #c6a0f6;\n --mauve-20: #c6a0f6;\n --mauve-30: #c6a0f6;\n --mauve-40: #c6a0f6;\n --mauve-50: #c6a0f6;\n --mauve-60: #c6a0f6;\n --mauve-70: #c6a0f6;\n --mauve-80: #c6a0f6;\n --mauve-90: #c6a0f6;\n --mauve-100: #c6a0f6;\n --mauve-60-a10: rgba(198, 160, 246, 0.1);\n --mauve-60-a15: rgba(198, 160, 246, 0.15);\n --mauve-60-a20: rgba(198, 160, 246, 0.2);\n --mauve-60-a25: rgba(198, 160, 246, 0.25);\n --mauve-60-a30: rgba(198, 160, 246, 0.3);\n --mauve-60-a35: rgba(198, 160, 246, 0.35);\n --mauve-80-a50: rgba(198, 160, 246, 0.5);\n --system-gray-10: #363a4f;\n --system-gray-20: #363a4f;\n --system-gray-30: #363a4f;\n --system-gray-40: #363a4f;\n --system-gray-50: #363a4f;\n --system-gray-60: #363a4f;\n --system-gray-70: #363a4f;\n --system-gray-80: #363a4f;\n --system-gray-90: #363a4f;\n --system-gray-100: #363a4f;\n --system-gray-60-a10: rgba(54, 58, 79, 0.1);\n --system-gray-60-a15: rgba(54, 58, 79, 0.15);\n --system-gray-60-a20: rgba(54, 58, 79, 0.2);\n --system-gray-60-a25: rgba(54, 58, 79, 0.25);\n --system-gray-60-a30: rgba(54, 58, 79, 0.3);\n --system-gray-60-a35: rgba(54, 58, 79, 0.35);\n --system-gray-60-a40: rgba(54, 58, 79, 0.4);\n --system-gray-60-a45: rgba(54, 58, 79, 0.45);\n --system-orange-10: #f5a97f;\n --system-orange-20: #f5a97f;\n --system-orange-30: #f5a97f;\n --system-orange-40: #f5a97f;\n --system-orange-50: #f5a97f;\n --system-orange-60: #f5a97f;\n --system-orange-70: #f5a97f;\n --system-orange-80: #f5a97f;\n --system-orange-90: #f5a97f;\n --system-orange-100: #f5a97f;\n --system-orange-60-a10: rgba(245, 169, 127, 0.1);\n --system-orange-60-a15: rgba(245, 169, 127, 0.15);\n --system-orange-60-a20: rgba(245, 169, 127, 0.2);\n --system-orange-60-a25: rgba(245, 169, 127, 0.25);\n --system-orange-60-a30: rgba(245, 169, 127, 0.3);\n --system-orange-60-a35: rgba(245, 169, 127, 0.35);\n /* quality of life changes */\n --color-border-low-emphasis: #363a4f;\n /* more accent */\n --voyager-color-background-badge-notification: #b7bdf8;\n --color-signal-positive: #b7bdf8;\n --color-checked: #b7bdf8;\n --color-checked-hover: #b7bdf8;\n --color-checked-active: #b7bdf8;\n --color-text-on-dark: #181926;\n --color-element: #181926;\n }\n :root .share-promoted-detour-button-legacy {\n background-color: #b7bdf8 !important;\n }\n :root .share-promoted-detour-button {\n color: #181926 !important;\n }\n .theme--dark,\n .theme--mercado-dark {\n --black: #181926;\n --black-a90: #181926;\n --black-a75: #181926;\n --black-a60: rgba(24, 25, 38, 0.6);\n --black-a45: #181926;\n --black-a30: #181926;\n --black-a15: #181926;\n --black-a12: #181926;\n --black-a08: #181926;\n --black-a04: #181926;\n --black-a100: #181926;\n --white: #cad3f5;\n --white-a06: #363a4f;\n --white-a12: #363a4f;\n --white-a18: #363a4f;\n --white-a25: #363a4f;\n --white-a30: #cad3f5;\n --white-a40: #cad3f5;\n --white-a45: #cad3f5;\n --white-a55: #cad3f5;\n --white-a60: #a5adcb;\n --white-a70: #cad3f5;\n --white-a75: #cad3f5;\n --white-a85: #cad3f5;\n --white-a90: #cad3f5;\n --white-a100: #cad3f5;\n --blue-10: #8aadf4;\n --blue-20: #8aadf4;\n --blue-30: #8aadf4;\n --blue-40: #8aadf4;\n --blue-50: #8aadf4;\n --blue-60: #8aadf4;\n --blue-70: #8aadf4;\n --blue-80: #8aadf4;\n --blue-90: #8aadf4;\n --blue-100: #8aadf4;\n --blue-50-a20: rgba(138, 173, 244, 0.2);\n --blue-50-a25: rgba(138, 173, 244, 0.25);\n --blue-50-a30: rgba(138, 173, 244, 0.3);\n --blue-50-a40: rgba(138, 173, 244, 0.4);\n --blue-60-a10: rgba(138, 173, 244, 0.1);\n --blue-60-a15: rgba(138, 173, 244, 0.85);\n --blue-60-a20: rgba(138, 173, 244, 0.2);\n --blue-60-a25: rgba(138, 173, 244, 0.25);\n --blue-60-a30: rgba(138, 173, 244, 0.3);\n --blue-60-a35: rgba(138, 173, 244, 0.35);\n --blue-60-a40: rgba(138, 173, 244, 0.4);\n --blue-60-a45: rgba(138, 173, 244, 0.45);\n --blue-70-a30: rgba(125, 196, 228, 0.3);\n --blue-70-a40: rgba(125, 196, 228, 0.4);\n --blue-70-a50: rgba(125, 196, 228, 0.5);\n --cool-gray-10: #1e2030;\n --cool-gray-20: #363a4f;\n --cool-gray-30: #1e2030;\n --cool-gray-40: #1e2030;\n --cool-gray-50: #1e2030;\n --cool-gray-60: #1e2030;\n --cool-gray-70: #1e2030;\n --cool-gray-80: #363a4f;\n --cool-gray-85: #1e2030;\n --cool-gray-90: #1e2030;\n --cool-gray-100: #1e2030;\n --cool-gray-60-a10: rgba(30, 32, 48, 0.1);\n --cool-gray-60-a15: rgba(30, 32, 48, 0.15);\n --cool-gray-60-a20: rgba(30, 32, 48, 0.2);\n --cool-gray-60-a25: rgba(30, 32, 48, 0.25);\n --cool-gray-60-a30: rgba(30, 32, 48, 0.3);\n --cool-gray-60-a35: rgba(30, 32, 48, 0.35);\n --warm-gray-10: #8087a2;\n --warm-gray-20: #8087a2;\n --warm-gray-30: #8087a2;\n --warm-gray-40: #8087a2;\n --warm-gray-50: #8087a2;\n --warm-gray-60: #8087a2;\n --warm-gray-70: #8087a2;\n --warm-gray-80: #8087a2;\n --warm-gray-90: #8087a2;\n --warm-gray-100: #8087a2;\n --warm-gray-60-a10: rgba(128, 135, 162, 0.1);\n --warm-gray-60-a15: rgba(128, 135, 162, 0.15);\n --warm-gray-60-a20: rgba(128, 135, 162, 0.2);\n --warm-gray-60-a25: rgba(128, 135, 162, 0.25);\n --warm-gray-60-a30: rgba(128, 135, 162, 0.3);\n --warm-gray-60-a35: rgba(128, 135, 162, 0.35);\n --warm-red-10: #ee99a0;\n --warm-red-20: #ee99a0;\n --warm-red-30: #ee99a0;\n --warm-red-40: #ee99a0;\n --warm-red-50: #ee99a0;\n --warm-red-60: #ee99a0;\n --warm-red-70: #ee99a0;\n --warm-red-80: #ee99a0;\n --warm-red-90: #ee99a0;\n --warm-red-100: #ee99a0;\n --warm-red-60-a10: rgba(238, 153, 160, 0.1);\n --warm-red-60-a15: rgba(238, 153, 160, 0.15);\n --warm-red-60-a20: rgba(238, 153, 160, 0.2);\n --warm-red-60-a25: rgba(238, 153, 160, 0.25);\n --warm-red-60-a30: rgba(238, 153, 160, 0.3);\n --warm-red-60-a35: rgba(238, 153, 160, 0.35);\n --teal-10: #8bd5ca;\n --teal-20: #8bd5ca;\n --teal-30: #8bd5ca;\n --teal-40: #8bd5ca;\n --teal-50: #8bd5ca;\n --teal-60: #8bd5ca;\n --teal-70: #8bd5ca;\n --teal-80: #8bd5ca;\n --teal-90: #8bd5ca;\n --teal-100: #8bd5ca;\n --teal-50-a30: #8bd5ca;\n --teal-60-a10: rgba(139, 213, 202, 0.1);\n --teal-60-a15: rgba(139, 213, 202, 0.15);\n --teal-60-a20: rgba(139, 213, 202, 0.2);\n --teal-60-a25: rgba(139, 213, 202, 0.25);\n --teal-60-a30: rgba(139, 213, 202, 0.3);\n --teal-60-a35: rgba(139, 213, 202, 0.35);\n --purple-10: #b7bdf8;\n --purple-20: #b7bdf8;\n --purple-30: #b7bdf8;\n --purple-40: #b7bdf8;\n --purple-50: #b7bdf8;\n --purple-60: #b7bdf8;\n --purple-70: #b7bdf8;\n --purple-80: #b7bdf8;\n --purple-90: #b7bdf8;\n --purple-100: #b7bdf8;\n --purple-40-a15: rgba(183, 189, 248, 0.15);\n --purple-60-a10: rgba(183, 189, 248, 0.1);\n --purple-60-a15: rgba(183, 189, 248, 0.15);\n --purple-60-a20: rgba(183, 189, 248, 0.2);\n --purple-60-a25: rgba(183, 189, 248, 0.25);\n --purple-60-a30: rgba(183, 189, 248, 0.3);\n --purple-60-a35: rgba(183, 189, 248, 0.35);\n --purple-70-a15: rgba(183, 189, 248, 0.15);\n --system-red-10: #ed8796;\n --system-red-20: #ed8796;\n --system-red-30: #ed8796;\n --system-red-40: #ed8796;\n --system-red-50: #ed8796;\n --system-red-60: #ed8796;\n --system-red-70: #ed8796;\n --system-red-80: #ed8796;\n --system-red-90: #ed8796;\n --system-red-100: #ed8796;\n --system-red-60-a10: rgba(237, 135, 150, 0.1);\n --system-red-60-a15: rgba(237, 135, 150, 0.15);\n --system-red-60-a20: rgba(237, 135, 150, 0.2);\n --system-red-60-a25: rgba(237, 135, 150, 0.25);\n --system-red-60-a30: rgba(237, 135, 150, 0.3);\n --system-red-60-a35: rgba(237, 135, 150, 0.35);\n --system-green-10: #67c049;\n --system-green-20: #67c049;\n --system-green-30: #67c049;\n --system-green-40: #67c049;\n --system-green-50: #67c049;\n --system-green-60: #67c049;\n --system-green-70: #67c049;\n --system-green-80: #67c049;\n --system-green-90: #67c049;\n --system-green-100: #67c049;\n --system-green-60-a10: rgba(103, 192, 73, 0.1);\n --system-green-60-a15: rgba(103, 192, 73, 0.15);\n --system-green-60-a20: rgba(103, 192, 73, 0.2);\n --system-green-60-a25: rgba(103, 192, 73, 0.25);\n --system-green-60-a30: rgba(103, 192, 73, 0.3);\n --system-green-60-a35: rgba(103, 192, 73, 0.35);\n --pink-10: #f5bde6;\n --pink-20: #f5bde6;\n --pink-30: #f5bde6;\n --pink-40: #f5bde6;\n --pink-50: #f5bde6;\n --pink-60: #f5bde6;\n --pink-70: #f5bde6;\n --pink-80: #f5bde6;\n --pink-90: #f5bde6;\n --pink-100: #f5bde6;\n --pink-60-a10: rgba(245, 189, 230, 0.1);\n --pink-60-a15: rgba(245, 189, 230, 0.15);\n --pink-60-a20: rgba(245, 189, 230, 0.2);\n --pink-60-a25: rgba(245, 189, 230, 0.25);\n --pink-60-a30: rgba(245, 189, 230, 0.3);\n --pink-60-a35: rgba(245, 189, 230, 0.35);\n --amber-10: #eed49f;\n --amber-20: #eed49f;\n --amber-30: #eed49f;\n --amber-40: #eed49f;\n --amber-50: #eed49f;\n --amber-60: #eed49f;\n --amber-70: #eed49f;\n --amber-80: #eed49f;\n --amber-90: #eed49f;\n --amber-100: #eed49f;\n --amber-30-a50: #eed49f;\n --amber-60-a10: rgba(238, 212, 159, 0.1);\n --amber-60-a15: rgba(238, 212, 159, 0.15);\n --amber-60-a20: rgba(238, 212, 159, 0.2);\n --amber-60-a25: rgba(238, 212, 159, 0.25);\n --amber-60-a30: rgba(238, 212, 159, 0.3);\n --amber-60-a35: rgba(238, 212, 159, 0.35);\n --copper-10: #f4dbd6;\n --copper-20: #f4dbd6;\n --copper-30: #f4dbd6;\n --copper-40: #f4dbd6;\n --copper-50: #f4dbd6;\n --copper-60: #f4dbd6;\n --copper-70: #f4dbd6;\n --copper-80: #f4dbd6;\n --copper-90: #f4dbd6;\n --copper-100: #f4dbd6;\n --copper-60-a10: rgba(244, 219, 214, 0.1);\n --copper-60-a15: rgba(244, 219, 214, 0.15);\n --copper-60-a20: rgba(244, 219, 214, 0.2);\n --copper-60-a25: rgba(244, 219, 214, 0.25);\n --copper-60-a30: rgba(244, 219, 214, 0.3);\n --copper-60-a35: rgba(244, 219, 214, 0.35);\n --green-10: #a6da95;\n --green-20: #a6da95;\n --green-30: #a6da95;\n --green-40: #a6da95;\n --green-50: #a6da95;\n --green-60: #a6da95;\n --green-70: #a6da95;\n --green-80: #a6da95;\n --green-90: #a6da95;\n --green-100: #a6da95;\n --green-60-a10: rgba(166, 218, 149, 0.1);\n --green-60-a15: rgba(166, 218, 149, 0.15);\n --green-60-a20: rgba(166, 218, 149, 0.2);\n --green-60-a25: rgba(166, 218, 149, 0.25);\n --green-60-a30: rgba(166, 218, 149, 0.3);\n --green-60-a35: rgba(166, 218, 149, 0.35);\n --sage-10: #3e792a;\n --sage-20: #3e792a;\n --sage-30: #3e792a;\n --sage-40: #3e792a;\n --sage-50: #3e792a;\n --sage-60: #3e792a;\n --sage-70: #3e792a;\n --sage-80: #3e792a;\n --sage-90: #3e792a;\n --sage-100: #3e792a;\n --sage-60-a10: rgba(62, 121, 42, 0.1);\n --sage-60-a15: rgba(62, 121, 42, 0.15);\n --sage-60-a20: rgba(62, 121, 42, 0.2);\n --sage-60-a25: rgba(62, 121, 42, 0.25);\n --sage-60-a30: rgba(62, 121, 42, 0.3);\n --sage-60-a35: rgba(62, 121, 42, 0.35);\n --lime-10: #e5f4e1;\n --lime-20: #e5f4e1;\n --lime-30: #e5f4e1;\n --lime-40: #e5f4e1;\n --lime-50: #e5f4e1;\n --lime-60: #e5f4e1;\n --lime-70: #e5f4e1;\n --lime-80: #e5f4e1;\n --lime-90: #e5f4e1;\n --lime-100: #e5f4e1;\n --lime-60-a10: rgba(229, 244, 225, 0.1);\n --lime-60-a15: rgba(229, 244, 225, 0.15);\n --lime-60-a20: rgba(229, 244, 225, 0.2);\n --lime-60-a25: rgba(229, 244, 225, 0.25);\n --lime-60-a30: rgba(229, 244, 225, 0.3);\n --lime-60-a35: rgba(229, 244, 225, 0.35);\n --camo-10: #b7bdf8;\n --camo-20: #b7bdf8;\n --camo-30: #b7bdf8;\n --camo-40: #b7bdf8;\n --camo-50: #b7bdf8;\n --camo-60: #b7bdf8;\n --camo-70: #b7bdf8;\n --camo-80: #b7bdf8;\n --camo-90: #b7bdf8;\n --camo-100: #b7bdf8;\n --camo-60-a10: rgba(183, 189, 248, 0.1);\n --camo-60-a15: rgba(183, 189, 248, 0.15);\n --camo-60-a20: rgba(183, 189, 248, 0.2);\n --camo-60-a25: rgba(183, 189, 248, 0.25);\n --camo-60-a30: rgba(183, 189, 248, 0.3);\n --camo-60-a35: rgba(183, 189, 248, 0.35);\n --smoke-10: #494d64;\n --smoke-20: #494d64;\n --smoke-30: #494d64;\n --smoke-40: #494d64;\n --smoke-50: #494d64;\n --smoke-60: #494d64;\n --smoke-70: #494d64;\n --smoke-80: #494d64;\n --smoke-90: #494d64;\n --smoke-100: #494d64;\n --smoke-60-a10: rgba(73, 77, 100, 0.1);\n --smoke-60-a15: rgba(73, 77, 100, 0.15);\n --smoke-60-a20: rgba(73, 77, 100, 0.2);\n --smoke-60-a25: rgba(73, 77, 100, 0.25);\n --smoke-60-a30: rgba(73, 77, 100, 0.3);\n --smoke-60-a35: rgba(73, 77, 100, 0.35);\n --lavender-10: #b7bdf8;\n --lavender-20: #b7bdf8;\n --lavender-30: #b7bdf8;\n --lavender-40: #b7bdf8;\n --lavender-50: #b7bdf8;\n --lavender-60: #b7bdf8;\n --lavender-70: #b7bdf8;\n --lavender-80: #b7bdf8;\n --lavender-90: #b7bdf8;\n --lavender-100: #b7bdf8;\n --lavender-60-a10: rgba(183, 189, 248, 0.1);\n --lavender-60-a15: rgba(183, 189, 248, 0.15);\n --lavender-60-a20: rgba(183, 189, 248, 0.2);\n --lavender-60-a25: rgba(183, 189, 248, 0.25);\n --lavender-60-a30: rgba(183, 189, 248, 0.3);\n --lavender-60-a35: rgba(183, 189, 248, 0.35);\n --mauve-10: #c6a0f6;\n --mauve-20: #c6a0f6;\n --mauve-30: #c6a0f6;\n --mauve-40: #c6a0f6;\n --mauve-50: #c6a0f6;\n --mauve-60: #c6a0f6;\n --mauve-70: #c6a0f6;\n --mauve-80: #c6a0f6;\n --mauve-90: #c6a0f6;\n --mauve-100: #c6a0f6;\n --mauve-60-a10: rgba(198, 160, 246, 0.1);\n --mauve-60-a15: rgba(198, 160, 246, 0.15);\n --mauve-60-a20: rgba(198, 160, 246, 0.2);\n --mauve-60-a25: rgba(198, 160, 246, 0.25);\n --mauve-60-a30: rgba(198, 160, 246, 0.3);\n --mauve-60-a35: rgba(198, 160, 246, 0.35);\n --mauve-80-a50: rgba(198, 160, 246, 0.5);\n --system-gray-10: #363a4f;\n --system-gray-20: #363a4f;\n --system-gray-30: #363a4f;\n --system-gray-40: #363a4f;\n --system-gray-50: #363a4f;\n --system-gray-60: #363a4f;\n --system-gray-70: #363a4f;\n --system-gray-80: #363a4f;\n --system-gray-90: #363a4f;\n --system-gray-100: #363a4f;\n --system-gray-60-a10: rgba(54, 58, 79, 0.1);\n --system-gray-60-a15: rgba(54, 58, 79, 0.15);\n --system-gray-60-a20: rgba(54, 58, 79, 0.2);\n --system-gray-60-a25: rgba(54, 58, 79, 0.25);\n --system-gray-60-a30: rgba(54, 58, 79, 0.3);\n --system-gray-60-a35: rgba(54, 58, 79, 0.35);\n --system-gray-60-a40: rgba(54, 58, 79, 0.4);\n --system-gray-60-a45: rgba(54, 58, 79, 0.45);\n --system-orange-10: #f5a97f;\n --system-orange-20: #f5a97f;\n --system-orange-30: #f5a97f;\n --system-orange-40: #f5a97f;\n --system-orange-50: #f5a97f;\n --system-orange-60: #f5a97f;\n --system-orange-70: #f5a97f;\n --system-orange-80: #f5a97f;\n --system-orange-90: #f5a97f;\n --system-orange-100: #f5a97f;\n --system-orange-60-a10: rgba(245, 169, 127, 0.1);\n --system-orange-60-a15: rgba(245, 169, 127, 0.15);\n --system-orange-60-a20: rgba(245, 169, 127, 0.2);\n --system-orange-60-a25: rgba(245, 169, 127, 0.25);\n --system-orange-60-a30: rgba(245, 169, 127, 0.3);\n --system-orange-60-a35: rgba(245, 169, 127, 0.35);\n /* quality of life changes */\n --color-border-low-emphasis: #363a4f;\n /* more accent */\n --voyager-color-background-badge-notification: #b7bdf8;\n --color-signal-positive: #b7bdf8;\n --color-checked: #b7bdf8;\n --color-checked-hover: #b7bdf8;\n --color-checked-active: #b7bdf8;\n --color-text-on-dark: #181926;\n --color-element: #181926;\n }\n .theme--dark .share-promoted-detour-button-legacy,\n .theme--mercado-dark .share-promoted-detour-button-legacy {\n background-color: #b7bdf8 !important;\n }\n .theme--dark .share-promoted-detour-button,\n .theme--mercado-dark .share-promoted-detour-button {\n color: #181926 !important;\n }",
"start": 954,
"domains": [
"www.linkedin.com"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name LinkedIn Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/linkedin\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/linkedin\n@version 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/linkedin/catppuccin.user.css\n@description Soothing pastel theme for LinkedIn\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@-moz-document domain('www.linkedin.com') {\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; @surface0: #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; @surface0: #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; @surface0: #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; @surface0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @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 @surface0: @catppuccin[@@lookup][@surface0];\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 --black: @crust;\n --black-a90: @crust;\n --black-a75: @crust;\n --black-a60: fadeout(@crust, 40);\n --black-a45: @crust;\n --black-a30: @crust;\n --black-a15: @crust;\n --black-a12: @crust;\n --black-a08: @crust;\n --black-a04: @crust;\n --black-a100: @crust;\n\n --white: @text;\n --white-a06: @surface0;\n --white-a12: @surface0;\n --white-a18: @surface0;\n --white-a25: @surface0;\n --white-a30: @text;\n --white-a40: @text;\n --white-a45: @text;\n --white-a55: @text;\n --white-a60: @subtext0;\n --white-a70: @text;\n --white-a75: @text;\n --white-a85: @text;\n --white-a90: @text;\n --white-a100: @text;\n\n --blue-10: @blue;\n --blue-20: @blue;\n --blue-30: @blue;\n --blue-40: @blue;\n --blue-50: @blue;\n --blue-60: @blue;\n --blue-70: @blue;\n --blue-80: @blue;\n --blue-90: @blue;\n --blue-100: @blue;\n --blue-50-a20: fadeout(@blue, 80);\n --blue-50-a25: fadeout(@blue, 75);\n --blue-50-a30: fadeout(@blue, 70);\n --blue-50-a40: fadeout(@blue, 60);\n --blue-60-a10: fadeout(@blue, 90);\n --blue-60-a15: fadeout(@blue, 15);\n --blue-60-a20: fadeout(@blue, 80);\n --blue-60-a25: fadeout(@blue, 75);\n --blue-60-a30: fadeout(@blue, 70);\n --blue-60-a35: fadeout(@blue, 65);\n --blue-60-a40: fadeout(@blue, 60);\n --blue-60-a45: fadeout(@blue, 55);\n --blue-70-a30: fadeout(@sapphire, 70);\n --blue-70-a40: fadeout(@sapphire, 60);\n --blue-70-a50: fadeout(@sapphire, 50);\n\n --cool-gray-10: @mantle;\n --cool-gray-20: @surface0;\n --cool-gray-30: @mantle;\n --cool-gray-40: @mantle;\n --cool-gray-50: @mantle;\n --cool-gray-60: @mantle;\n --cool-gray-70: @mantle;\n --cool-gray-80: @surface0;\n --cool-gray-85: @mantle;\n --cool-gray-90: @mantle;\n --cool-gray-100: @mantle;\n --cool-gray-60-a10: fadeout(@mantle, 90);\n --cool-gray-60-a15: fadeout(@mantle, 85);\n --cool-gray-60-a20: fadeout(@mantle, 80);\n --cool-gray-60-a25: fadeout(@mantle, 75);\n --cool-gray-60-a30: fadeout(@mantle, 70);\n --cool-gray-60-a35: fadeout(@mantle, 65);\n\n --warm-gray-10: @overlay1;\n --warm-gray-20: @overlay1;\n --warm-gray-30: @overlay1;\n --warm-gray-40: @overlay1;\n --warm-gray-50: @overlay1;\n --warm-gray-60: @overlay1;\n --warm-gray-70: @overlay1;\n --warm-gray-80: @overlay1;\n --warm-gray-90: @overlay1;\n --warm-gray-100: @overlay1;\n --warm-gray-60-a10: fadeout(@overlay1, 90);\n --warm-gray-60-a15: fadeout(@overlay1, 85);\n --warm-gray-60-a20: fadeout(@overlay1, 80);\n --warm-gray-60-a25: fadeout(@overlay1, 75);\n --warm-gray-60-a30: fadeout(@overlay1, 70);\n --warm-gray-60-a35: fadeout(@overlay1, 65);\n\n --warm-red-10: @maroon;\n --warm-red-20: @maroon;\n --warm-red-30: @maroon;\n --warm-red-40: @maroon;\n --warm-red-50: @maroon;\n --warm-red-60: @maroon;\n --warm-red-70: @maroon;\n --warm-red-80: @maroon;\n --warm-red-90: @maroon;\n --warm-red-100: @maroon;\n --warm-red-60-a10: fadeout(@maroon, 90);\n --warm-red-60-a15: fadeout(@maroon, 85);\n --warm-red-60-a20: fadeout(@maroon, 80);\n --warm-red-60-a25: fadeout(@maroon, 75);\n --warm-red-60-a30: fadeout(@maroon, 70);\n --warm-red-60-a35: fadeout(@maroon, 65);\n\n --teal-10: @teal;\n --teal-20: @teal;\n --teal-30: @teal;\n --teal-40: @teal;\n --teal-50: @teal;\n --teal-60: @teal;\n --teal-70: @teal;\n --teal-80: @teal;\n --teal-90: @teal;\n --teal-100: @teal;\n --teal-50-a30: fadein(@teal, 70);\n --teal-60-a10: fadeout(@teal, 90);\n --teal-60-a15: fadeout(@teal, 85);\n --teal-60-a20: fadeout(@teal, 80);\n --teal-60-a25: fadeout(@teal, 75);\n --teal-60-a30: fadeout(@teal, 70);\n --teal-60-a35: fadeout(@teal, 65);\n\n --purple-10: @lavender;\n --purple-20: @lavender;\n --purple-30: @lavender;\n --purple-40: @lavender;\n --purple-50: @lavender;\n --purple-60: @lavender;\n --purple-70: @lavender;\n --purple-80: @lavender;\n --purple-90: @lavender;\n --purple-100: @lavender;\n --purple-40-a15: fadeout(@lavender, 85);\n --purple-60-a10: fadeout(@lavender, 90);\n --purple-60-a15: fadeout(@lavender, 85);\n --purple-60-a20: fadeout(@lavender, 80);\n --purple-60-a25: fadeout(@lavender, 75);\n --purple-60-a30: fadeout(@lavender, 70);\n --purple-60-a35: fadeout(@lavender, 65);\n --purple-70-a15: fadeout(@lavender, 85);\n\n --system-red-10: @red;\n --system-red-20: @red;\n --system-red-30: @red;\n --system-red-40: @red;\n --system-red-50: @red;\n --system-red-60: @red;\n --system-red-70: @red;\n --system-red-80: @red;\n --system-red-90: @red;\n --system-red-100: @red;\n --system-red-60-a10: fadeout(@red, 90);\n --system-red-60-a15: fadeout(@red, 85);\n --system-red-60-a20: fadeout(@red, 80);\n --system-red-60-a25: fadeout(@red, 75);\n --system-red-60-a30: fadeout(@red, 70);\n --system-red-60-a35: fadeout(@red, 65);\n\n --system-green-10: darken(@green, 20);\n --system-green-20: darken(@green, 20);\n --system-green-30: darken(@green, 20);\n --system-green-40: darken(@green, 20);\n --system-green-50: darken(@green, 20);\n --system-green-60: darken(@green, 20);\n --system-green-70: darken(@green, 20);\n --system-green-80: darken(@green, 20);\n --system-green-90: darken(@green, 20);\n --system-green-100: darken(@green, 20);\n --system-green-60-a10: fadeout(darken(@green, 20), 90);\n --system-green-60-a15: fadeout(darken(@green, 20), 85);\n --system-green-60-a20: fadeout(darken(@green, 20), 80);\n --system-green-60-a25: fadeout(darken(@green, 20), 75);\n --system-green-60-a30: fadeout(darken(@green, 20), 70);\n --system-green-60-a35: fadeout(darken(@green, 20), 65);\n\n --pink-10: @pink;\n --pink-20: @pink;\n --pink-30: @pink;\n --pink-40: @pink;\n --pink-50: @pink;\n --pink-60: @pink;\n --pink-70: @pink;\n --pink-80: @pink;\n --pink-90: @pink;\n --pink-100: @pink;\n --pink-60-a10: fadeout(@pink, 90);\n --pink-60-a15: fadeout(@pink, 85);\n --pink-60-a20: fadeout(@pink, 80);\n --pink-60-a25: fadeout(@pink, 75);\n --pink-60-a30: fadeout(@pink, 70);\n --pink-60-a35: fadeout(@pink, 65);\n\n --amber-10: @yellow;\n --amber-20: @yellow;\n --amber-30: @yellow;\n --amber-40: @yellow;\n --amber-50: @yellow;\n --amber-60: @yellow;\n --amber-70: @yellow;\n --amber-80: @yellow;\n --amber-90: @yellow;\n --amber-100: @yellow;\n --amber-30-a50: fadein(@yellow, 50);\n --amber-60-a10: fadeout(@yellow, 90);\n --amber-60-a15: fadeout(@yellow, 85);\n --amber-60-a20: fadeout(@yellow, 80);\n --amber-60-a25: fadeout(@yellow, 75);\n --amber-60-a30: fadeout(@yellow, 70);\n --amber-60-a35: fadeout(@yellow, 65);\n\n --copper-10: @rosewater;\n --copper-20: @rosewater;\n --copper-30: @rosewater;\n --copper-40: @rosewater;\n --copper-50: @rosewater;\n --copper-60: @rosewater;\n --copper-70: @rosewater;\n --copper-80: @rosewater;\n --copper-90: @rosewater;\n --copper-100: @rosewater;\n --copper-60-a10: fadeout(@rosewater, 90);\n --copper-60-a15: fadeout(@rosewater, 85);\n --copper-60-a20: fadeout(@rosewater, 80);\n --copper-60-a25: fadeout(@rosewater, 75);\n --copper-60-a30: fadeout(@rosewater, 70);\n --copper-60-a35: fadeout(@rosewater, 65);\n\n --green-10: @green;\n --green-20: @green;\n --green-30: @green;\n --green-40: @green;\n --green-50: @green;\n --green-60: @green;\n --green-70: @green;\n --green-80: @green;\n --green-90: @green;\n --green-100: @green;\n --green-60-a10: fadeout(@green, 90);\n --green-60-a15: fadeout(@green, 85);\n --green-60-a20: fadeout(@green, 80);\n --green-60-a25: fadeout(@green, 75);\n --green-60-a30: fadeout(@green, 70);\n --green-60-a35: fadeout(@green, 65);\n\n --sage-10: darken(@green, 40);\n --sage-20: darken(@green, 40);\n --sage-30: darken(@green, 40);\n --sage-40: darken(@green, 40);\n --sage-50: darken(@green, 40);\n --sage-60: darken(@green, 40);\n --sage-70: darken(@green, 40);\n --sage-80: darken(@green, 40);\n --sage-90: darken(@green, 40);\n --sage-100: darken(@green, 40);\n --sage-60-a10: fadeout(darken(@green, 40), 90);\n --sage-60-a15: fadeout(darken(@green, 40), 85);\n --sage-60-a20: fadeout(darken(@green, 40), 80);\n --sage-60-a25: fadeout(darken(@green, 40), 75);\n --sage-60-a30: fadeout(darken(@green, 40), 70);\n --sage-60-a35: fadeout(darken(@green, 40), 65);\n\n --lime-10: lighten(@green, 20);\n --lime-20: lighten(@green, 20);\n --lime-30: lighten(@green, 20);\n --lime-40: lighten(@green, 20);\n --lime-50: lighten(@green, 20);\n --lime-60: lighten(@green, 20);\n --lime-70: lighten(@green, 20);\n --lime-80: lighten(@green, 20);\n --lime-90: lighten(@green, 20);\n --lime-100: lighten(@green, 20);\n --lime-60-a10: fadeout(lighten(@green, 20), 90);\n --lime-60-a15: fadeout(lighten(@green, 20), 85);\n --lime-60-a20: fadeout(lighten(@green, 20), 80);\n --lime-60-a25: fadeout(lighten(@green, 20), 75);\n --lime-60-a30: fadeout(lighten(@green, 20), 70);\n --lime-60-a35: fadeout(lighten(@green, 20), 65);\n\n --camo-10: @accent-color;\n --camo-20: @accent-color;\n --camo-30: @accent-color;\n --camo-40: @accent-color;\n --camo-50: @accent-color;\n --camo-60: @accent-color;\n --camo-70: @accent-color;\n --camo-80: @accent-color;\n --camo-90: @accent-color;\n --camo-100: @accent-color;\n --camo-60-a10: fadeout(@accent-color, 90);\n --camo-60-a15: fadeout(@accent-color, 85);\n --camo-60-a20: fadeout(@accent-color, 80);\n --camo-60-a25: fadeout(@accent-color, 75);\n --camo-60-a30: fadeout(@accent-color, 70);\n --camo-60-a35: fadeout(@accent-color, 65);\n\n --smoke-10: @surface1;\n --smoke-20: @surface1;\n --smoke-30: @surface1;\n --smoke-40: @surface1;\n --smoke-50: @surface1;\n --smoke-60: @surface1;\n --smoke-70: @surface1;\n --smoke-80: @surface1;\n --smoke-90: @surface1;\n --smoke-100: @surface1;\n --smoke-60-a10: fadeout(@surface1, 90);\n --smoke-60-a15: fadeout(@surface1, 85);\n --smoke-60-a20: fadeout(@surface1, 80);\n --smoke-60-a25: fadeout(@surface1, 75);\n --smoke-60-a30: fadeout(@surface1, 70);\n --smoke-60-a35: fadeout(@surface1, 65);\n\n --lavender-10: @lavender;\n --lavender-20: @lavender;\n --lavender-30: @lavender;\n --lavender-40: @lavender;\n --lavender-50: @lavender;\n --lavender-60: @lavender;\n --lavender-70: @lavender;\n --lavender-80: @lavender;\n --lavender-90: @lavender;\n --lavender-100: @lavender;\n --lavender-60-a10: fadeout(@lavender, 90);\n --lavender-60-a15: fadeout(@lavender, 85);\n --lavender-60-a20: fadeout(@lavender, 80);\n --lavender-60-a25: fadeout(@lavender, 75);\n --lavender-60-a30: fadeout(@lavender, 70);\n --lavender-60-a35: fadeout(@lavender, 65);\n\n --mauve-10: @mauve;\n --mauve-20: @mauve;\n --mauve-30: @mauve;\n --mauve-40: @mauve;\n --mauve-50: @mauve;\n --mauve-60: @mauve;\n --mauve-70: @mauve;\n --mauve-80: @mauve;\n --mauve-90: @mauve;\n --mauve-100: @mauve;\n --mauve-60-a10: fadeout(@mauve, 90);\n --mauve-60-a15: fadeout(@mauve, 85);\n --mauve-60-a20: fadeout(@mauve, 80);\n --mauve-60-a25: fadeout(@mauve, 75);\n --mauve-60-a30: fadeout(@mauve, 70);\n --mauve-60-a35: fadeout(@mauve, 65);\n --mauve-80-a50: fadeout(@mauve, 50);\n\n --system-gray-10: @surface0;\n --system-gray-20: @surface0;\n --system-gray-30: @surface0;\n --system-gray-40: @surface0;\n --system-gray-50: @surface0;\n --system-gray-60: @surface0;\n --system-gray-70: @surface0;\n --system-gray-80: @surface0;\n --system-gray-90: @surface0;\n --system-gray-100: @surface0;\n --system-gray-60-a10: fadeout(@surface0, 90);\n --system-gray-60-a15: fadeout(@surface0, 85);\n --system-gray-60-a20: fadeout(@surface0, 80);\n --system-gray-60-a25: fadeout(@surface0, 75);\n --system-gray-60-a30: fadeout(@surface0, 70);\n --system-gray-60-a35: fadeout(@surface0, 65);\n --system-gray-60-a40: fadeout(@surface0, 60);\n --system-gray-60-a45: fadeout(@surface0, 55);\n\n --system-orange-10: @peach;\n --system-orange-20: @peach;\n --system-orange-30: @peach;\n --system-orange-40: @peach;\n --system-orange-50: @peach;\n --system-orange-60: @peach;\n --system-orange-70: @peach;\n --system-orange-80: @peach;\n --system-orange-90: @peach;\n --system-orange-100: @peach;\n --system-orange-60-a10: fadeout(@peach, 90);\n --system-orange-60-a15: fadeout(@peach, 85);\n --system-orange-60-a20: fadeout(@peach, 80);\n --system-orange-60-a25: fadeout(@peach, 75);\n --system-orange-60-a30: fadeout(@peach, 70);\n --system-orange-60-a35: fadeout(@peach, 65);\n\n /* quality of life changes */\n --color-border-low-emphasis: @surface0;\n\n /* more accent */\n --voyager-color-background-badge-notification: @accent-color;\n --color-signal-positive: @accent-color;\n --color-checked: @accent-color;\n --color-checked-hover: @accent-color;\n --color-checked-active: @accent-color;\n\n & when not (@lookup =latte) {\n --color-text-on-dark: @crust;\n --color-element: @crust;\n }\n\n & when (@lookup =latte) {\n --black: @text;\n --black-a90: @text;\n --black-a75: @text;\n --black-a45: @text;\n --black-a30: @text;\n --black-a60: @subtext0;\n --black-a15: @text;\n --black-a04: @text;\n --black-a100: @text;\n\n --color-background-scrim: fadeout(@crust, 60);\n\n --white: @mantle;\n --white-a06: @surface0;\n --white-a12: @surface0;\n --white-a18: @surface0;\n --white-a25: @surface0;\n --white-a30: @mantle;\n --white-a40: @mantle;\n --white-a45: @mantle;\n --white-a55: @mantle;\n --white-a60: @subtext0;\n --white-a70: @mantle;\n --white-a75: @mantle;\n --white-a85: @mantle;\n --white-a90: @mantle;\n --white-a100: @mantle;\n\n --warm-gray-10: @base;\n --warm-gray-20: @base;\n --warm-gray-30: @base;\n --warm-gray-40: @base;\n --warm-gray-50: @base;\n --warm-gray-60: @base;\n --warm-gray-70: @base;\n --warm-gray-80: @base;\n --warm-gray-90: @base;\n --warm-gray-100: @base;\n --warm-gray-60-a10: fadeout(@base, 90);\n --warm-gray-60-a15: fadeout(@base, 85);\n --warm-gray-60-a20: fadeout(@base, 80);\n --warm-gray-60-a25: fadeout(@base, 75);\n --warm-gray-60-a30: fadeout(@base, 70);\n --warm-gray-60-a35: fadeout(@base, 65);\n }\n\n .share-promoted-detour-button-legacy {\n background-color: @accent-color !important;\n }\n .share-promoted-detour-button {\n color: @crust !important;\n }\n }\n\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n @media (prefers-color-scheme: dark) {\n .theme--dark,\n .theme--mercado-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n } // manually set colorscheme\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n .theme--dark,\n .theme--mercado-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n}\n// vim:ft=less\n",
"usercssData": {
"name": "LinkedIn Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/linkedin",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/linkedin",
"version": "0.0.1",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/linkedin/catppuccin.user.css",
"description": "Soothing pastel theme for LinkedIn",
"author": "Catppuccin",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": "macchiato",
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": "lavender",
"default": "sapphire",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for LinkedIn",
"name": "LinkedIn Catppuccin",
"originalDigest": "ad4d22c5dce18bcf590e5c2cf1009be4b52ae92e",
"_id": "a97719a3-aab8-45b6-b3fc-b3f9b9532ae3",
"_rev": 1700768747663,
"id": 73,
"etag": "W/\"2c7d3e845afaa18e9550a80026e7eb851b13f1bb78b20514c2657c9419c24abd\""
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/invidious/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/invidious",
"installDate": 1700768761416,
"sections": [
{
"code": "/* ==UserStyle==\n@name Invidious Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/invidious\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/invidious\n@version 0.4.0\n@description Soothing pastel theme for Invidious\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/invidious/catppuccin.user.css\n@license \t\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [ \"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue*\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\" ]\n@var checkbox styleVideoPlayer \"Style Video Player\" 1\n==/UserStyle== */\n/**\n * kept up-to-date with\n * `curl https://api.invidious.io/instances.json | jq '.[] | select(.[1].type==\"https\") | .[0]'`\n */",
"start": 0
},
{
"code": "/* synced colorscheme */\n @media (prefers-color-scheme: light) {\n .no-theme {\n color-scheme: dark;\n background-color: #24273a !important;\n color: #cad3f5 !important;\n /* video player background */\n /* watch progress on videos */\n /* Channel owner comments */\n }\n .no-theme ::placeholder {\n color: #a5adcb;\n }\n .no-theme::-webkit-scrollbar {\n width: 0.25rem;\n background: transparent;\n }\n .no-theme::-webkit-scrollbar-thumb {\n border-radius: 9999px;\n background: #b7bdf8;\n }\n .no-theme a,\n .no-theme .pure-menu-heading {\n color: #b7bdf8;\n }\n .no-theme a:hover,\n .no-theme .pure-menu-heading:hover,\n .no-theme a:focus,\n .no-theme .pure-menu-heading:focus,\n .no-theme a:active,\n .no-theme .pure-menu-heading:active {\n color: #ced2fa !important;\n }\n .no-theme hr,\n .no-theme legend {\n border-color: #777ca4;\n border-style: solid;\n }\n .no-theme legend {\n color: #b7bdf8 !important;\n }\n .no-theme .pure-button-primary {\n background-color: #494d64 !important;\n color: #cad3f5 !important;\n border-color: #181926 !important;\n }\n .no-theme .pure-button-primary:hover,\n .no-theme .pure-button-primary:focus {\n background-color: #5b6078 !important;\n color: #cad3f5 !important;\n border-color: #181926 !important;\n }\n .no-theme .pure-button-secondary {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n border-color: #181926 !important;\n }\n .no-theme .pure-button-secondary:hover,\n .no-theme .pure-button-secondary:focus {\n background-color: #c0c6f9 !important;\n color: #181926 !important;\n border-color: #181926 !important;\n }\n .no-theme #subscribe {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n }\n .no-theme #subscribe :hover,\n .no-theme #subscribe :focus {\n background-color: #ced2fa !important;\n color: #181926 !important;\n }\n .no-theme #filters-box {\n background-color: #363a4f !important;\n }\n .no-theme .underlined {\n border-color: #8087a2;\n }\n .no-theme .video-js .vjs-control-bar,\n .no-theme .vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n background-color: #181926 !important;\n color: #cad3f5 !important;\n }\n .no-theme .video-js .vjs-slider:hover,\n .no-theme .video-js button:hover {\n color: #b7bdf8 !important;\n }\n .no-theme .video-js .vjs-slider {\n background-color: #5b6078 !important;\n }\n .no-theme .video-js .vjs-load-progress,\n .no-theme .video-js .vjs-load-progress div {\n background-color: #5b6078 !important;\n }\n .no-theme .video-js.player-style-invidious .vjs-play-progress {\n background-color: #b7bdf8 !important;\n }\n .no-theme .vjs-menu li.vjs-menu-item:focus,\n .no-theme .vjs-menu li.vjs-menu-item:hover {\n background-color: #363a4f !important;\n color: #cad3f5 !important;\n }\n .no-theme .vjs-menu li.vjs-selected,\n .no-theme .vjs-menu li.vjs-selected:focus,\n .no-theme .vjs-menu li.vjs-selected:hover {\n background-color: #8aadf4 !important;\n }\n .no-theme .vjs-menu li.vjs-selected,\n .no-theme .vjs-menu li.vjs-selected:focus,\n .no-theme .vjs-menu li.vjs-selected:hover,\n .no-theme .js-focus-visible .vjs-menu li.vjs-selected:hover {\n color: #181926 !important;\n }\n .no-theme .vjs-modal-dialog-content {\n backdrop-filter: blur(4px);\n }\n .no-theme .vjs-share__title {\n color: #cad3f5 !important;\n }\n .no-theme .vjs-share__subtitle {\n color: #a5adcb !important;\n opacity: 100% !important;\n }\n .no-theme .vjs-share__short-link {\n color: #cad3f5 !important;\n background: #24273a !important;\n }\n .no-theme .vjs-share__btn {\n background: #181926 !important;\n }\n .no-theme .vjs-share__btn svg path {\n fill: #cad3f5 !important;\n }\n .no-theme #related-videos > .h-box > div:not(#autoplay-controls) {\n margin-bottom: 48px !important;\n }\n .no-theme footer a,\n .no-theme footer span {\n color: #a5adcb !important;\n }\n .no-theme footer span a:hover,\n .no-theme footer span:has(i):hover {\n color: #b7bdf8 !important;\n }\n .no-theme .pure-form-message-inline {\n color: #a5adcb;\n }\n .no-theme select,\n .no-theme input[type=\"text\"],\n .no-theme input[type=\"number\"],\n .no-theme input[type=\"input\"] {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n border-color: #181926 !important;\n box-shadow: none !important;\n }\n .no-theme select:active,\n .no-theme input[type=\"text\"]:active,\n .no-theme input[type=\"number\"]:active,\n .no-theme input[type=\"input\"]:active {\n color: #cad3f5 !important;\n }\n .no-theme input[type=\"search\"] {\n color: #cad3f5 !important;\n background-color: #24273a !important;\n border-bottom-color: #181926 !important;\n box-shadow: none !important;\n }\n .no-theme input[type=\"checkbox\"] {\n background-color: #5b6078;\n border-color: #181926;\n height: 1rem;\n width: 1rem;\n -webkit-appearance: none;\n appearance: none;\n cursor: pointer;\n }\n .no-theme input[type=\"checkbox\"]:checked {\n background-image: url(\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23b7bdf8%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.207%204.793a1%201%200%20010%201.414l-5%205a1%201%200%2001-1.414%200l-2-2a1%201%200%20011.414-1.414L6.5%209.086l4.293-4.293a1%201%200%20011.414%200z%22/%3E%3C/svg%3E\");\n }\n .no-theme #player-container > .video-js > video,\n .no-theme .vjs-poster {\n background-color: #1e2030 !important;\n }\n .no-theme div.watched-indicator {\n background-color: #ed8796;\n }\n .no-theme a.channel-owner {\n color: #181926;\n background-color: #b7bdf8;\n }\n }\n @media (prefers-color-scheme: dark) {\n .no-theme {\n color-scheme: dark;\n background-color: #24273a !important;\n color: #cad3f5 !important;\n /* video player background */\n /* watch progress on videos */\n /* Channel owner comments */\n }\n .no-theme ::placeholder {\n color: #a5adcb;\n }\n .no-theme::-webkit-scrollbar {\n width: 0.25rem;\n background: transparent;\n }\n .no-theme::-webkit-scrollbar-thumb {\n border-radius: 9999px;\n background: #b7bdf8;\n }\n .no-theme a,\n .no-theme .pure-menu-heading {\n color: #b7bdf8;\n }\n .no-theme a:hover,\n .no-theme .pure-menu-heading:hover,\n .no-theme a:focus,\n .no-theme .pure-menu-heading:focus,\n .no-theme a:active,\n .no-theme .pure-menu-heading:active {\n color: #ced2fa !important;\n }\n .no-theme hr,\n .no-theme legend {\n border-color: #777ca4;\n border-style: solid;\n }\n .no-theme legend {\n color: #b7bdf8 !important;\n }\n .no-theme .pure-button-primary {\n background-color: #494d64 !important;\n color: #cad3f5 !important;\n border-color: #181926 !important;\n }\n .no-theme .pure-button-primary:hover,\n .no-theme .pure-button-primary:focus {\n background-color: #5b6078 !important;\n color: #cad3f5 !important;\n border-color: #181926 !important;\n }\n .no-theme .pure-button-secondary {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n border-color: #181926 !important;\n }\n .no-theme .pure-button-secondary:hover,\n .no-theme .pure-button-secondary:focus {\n background-color: #c0c6f9 !important;\n color: #181926 !important;\n border-color: #181926 !important;\n }\n .no-theme #subscribe {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n }\n .no-theme #subscribe :hover,\n .no-theme #subscribe :focus {\n background-color: #ced2fa !important;\n color: #181926 !important;\n }\n .no-theme #filters-box {\n background-color: #363a4f !important;\n }\n .no-theme .underlined {\n border-color: #8087a2;\n }\n .no-theme .video-js .vjs-control-bar,\n .no-theme .vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n background-color: #181926 !important;\n color: #cad3f5 !important;\n }\n .no-theme .video-js .vjs-slider:hover,\n .no-theme .video-js button:hover {\n color: #b7bdf8 !important;\n }\n .no-theme .video-js .vjs-slider {\n background-color: #5b6078 !important;\n }\n .no-theme .video-js .vjs-load-progress,\n .no-theme .video-js .vjs-load-progress div {\n background-color: #5b6078 !important;\n }\n .no-theme .video-js.player-style-invidious .vjs-play-progress {\n background-color: #b7bdf8 !important;\n }\n .no-theme .vjs-menu li.vjs-menu-item:focus,\n .no-theme .vjs-menu li.vjs-menu-item:hover {\n background-color: #363a4f !important;\n color: #cad3f5 !important;\n }\n .no-theme .vjs-menu li.vjs-selected,\n .no-theme .vjs-menu li.vjs-selected:focus,\n .no-theme .vjs-menu li.vjs-selected:hover {\n background-color: #8aadf4 !important;\n }\n .no-theme .vjs-menu li.vjs-selected,\n .no-theme .vjs-menu li.vjs-selected:focus,\n .no-theme .vjs-menu li.vjs-selected:hover,\n .no-theme .js-focus-visible .vjs-menu li.vjs-selected:hover {\n color: #181926 !important;\n }\n .no-theme .vjs-modal-dialog-content {\n backdrop-filter: blur(4px);\n }\n .no-theme .vjs-share__title {\n color: #cad3f5 !important;\n }\n .no-theme .vjs-share__subtitle {\n color: #a5adcb !important;\n opacity: 100% !important;\n }\n .no-theme .vjs-share__short-link {\n color: #cad3f5 !important;\n background: #24273a !important;\n }\n .no-theme .vjs-share__btn {\n background: #181926 !important;\n }\n .no-theme .vjs-share__btn svg path {\n fill: #cad3f5 !important;\n }\n .no-theme #related-videos > .h-box > div:not(#autoplay-controls) {\n margin-bottom: 48px !important;\n }\n .no-theme footer a,\n .no-theme footer span {\n color: #a5adcb !important;\n }\n .no-theme footer span a:hover,\n .no-theme footer span:has(i):hover {\n color: #b7bdf8 !important;\n }\n .no-theme .pure-form-message-inline {\n color: #a5adcb;\n }\n .no-theme select,\n .no-theme input[type=\"text\"],\n .no-theme input[type=\"number\"],\n .no-theme input[type=\"input\"] {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n border-color: #181926 !important;\n box-shadow: none !important;\n }\n .no-theme select:active,\n .no-theme input[type=\"text\"]:active,\n .no-theme input[type=\"number\"]:active,\n .no-theme input[type=\"input\"]:active {\n color: #cad3f5 !important;\n }\n .no-theme input[type=\"search\"] {\n color: #cad3f5 !important;\n background-color: #24273a !important;\n border-bottom-color: #181926 !important;\n box-shadow: none !important;\n }\n .no-theme input[type=\"checkbox\"] {\n background-color: #5b6078;\n border-color: #181926;\n height: 1rem;\n width: 1rem;\n -webkit-appearance: none;\n appearance: none;\n cursor: pointer;\n }\n .no-theme input[type=\"checkbox\"]:checked {\n background-image: url(\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23b7bdf8%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.207%204.793a1%201%200%20010%201.414l-5%205a1%201%200%2001-1.414%200l-2-2a1%201%200%20011.414-1.414L6.5%209.086l4.293-4.293a1%201%200%20011.414%200z%22/%3E%3C/svg%3E\");\n }\n .no-theme #player-container > .video-js > video,\n .no-theme .vjs-poster {\n background-color: #1e2030 !important;\n }\n .no-theme div.watched-indicator {\n background-color: #ed8796;\n }\n .no-theme a.channel-owner {\n color: #181926;\n background-color: #b7bdf8;\n }\n }\n /* manually set colorscheme */\n .light-theme {\n color-scheme: dark;\n background-color: #24273a !important;\n color: #cad3f5 !important;\n /* video player background */\n /* watch progress on videos */\n /* Channel owner comments */\n }\n .light-theme ::placeholder {\n color: #a5adcb;\n }\n .light-theme::-webkit-scrollbar {\n width: 0.25rem;\n background: transparent;\n }\n .light-theme::-webkit-scrollbar-thumb {\n border-radius: 9999px;\n background: #b7bdf8;\n }\n .light-theme a,\n .light-theme .pure-menu-heading {\n color: #b7bdf8;\n }\n .light-theme a:hover,\n .light-theme .pure-menu-heading:hover,\n .light-theme a:focus,\n .light-theme .pure-menu-heading:focus,\n .light-theme a:active,\n .light-theme .pure-menu-heading:active {\n color: #ced2fa !important;\n }\n .light-theme hr,\n .light-theme legend {\n border-color: #777ca4;\n border-style: solid;\n }\n .light-theme legend {\n color: #b7bdf8 !important;\n }\n .light-theme .pure-button-primary {\n background-color: #494d64 !important;\n color: #cad3f5 !important;\n border-color: #181926 !important;\n }\n .light-theme .pure-button-primary:hover,\n .light-theme .pure-button-primary:focus {\n background-color: #5b6078 !important;\n color: #cad3f5 !important;\n border-color: #181926 !important;\n }\n .light-theme .pure-button-secondary {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n border-color: #181926 !important;\n }\n .light-theme .pure-button-secondary:hover,\n .light-theme .pure-button-secondary:focus {\n background-color: #c0c6f9 !important;\n color: #181926 !important;\n border-color: #181926 !important;\n }\n .light-theme #subscribe {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n }\n .light-theme #subscribe :hover,\n .light-theme #subscribe :focus {\n background-color: #ced2fa !important;\n color: #181926 !important;\n }\n .light-theme #filters-box {\n background-color: #363a4f !important;\n }\n .light-theme .underlined {\n border-color: #8087a2;\n }\n .light-theme .video-js .vjs-control-bar,\n .light-theme .vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n background-color: #181926 !important;\n color: #cad3f5 !important;\n }\n .light-theme .video-js .vjs-slider:hover,\n .light-theme .video-js button:hover {\n color: #b7bdf8 !important;\n }\n .light-theme .video-js .vjs-slider {\n background-color: #5b6078 !important;\n }\n .light-theme .video-js .vjs-load-progress,\n .light-theme .video-js .vjs-load-progress div {\n background-color: #5b6078 !important;\n }\n .light-theme .video-js.player-style-invidious .vjs-play-progress {\n background-color: #b7bdf8 !important;\n }\n .light-theme .vjs-menu li.vjs-menu-item:focus,\n .light-theme .vjs-menu li.vjs-menu-item:hover {\n background-color: #363a4f !important;\n color: #cad3f5 !important;\n }\n .light-theme .vjs-menu li.vjs-selected,\n .light-theme .vjs-menu li.vjs-selected:focus,\n .light-theme .vjs-menu li.vjs-selected:hover {\n background-color: #8aadf4 !important;\n }\n .light-theme .vjs-menu li.vjs-selected,\n .light-theme .vjs-menu li.vjs-selected:focus,\n .light-theme .vjs-menu li.vjs-selected:hover,\n .light-theme .js-focus-visible .vjs-menu li.vjs-selected:hover {\n color: #181926 !important;\n }\n .light-theme .vjs-modal-dialog-content {\n backdrop-filter: blur(4px);\n }\n .light-theme .vjs-share__title {\n color: #cad3f5 !important;\n }\n .light-theme .vjs-share__subtitle {\n color: #a5adcb !important;\n opacity: 100% !important;\n }\n .light-theme .vjs-share__short-link {\n color: #cad3f5 !important;\n background: #24273a !important;\n }\n .light-theme .vjs-share__btn {\n background: #181926 !important;\n }\n .light-theme .vjs-share__btn svg path {\n fill: #cad3f5 !important;\n }\n .light-theme #related-videos > .h-box > div:not(#autoplay-controls) {\n margin-bottom: 48px !important;\n }\n .light-theme footer a,\n .light-theme footer span {\n color: #a5adcb !important;\n }\n .light-theme footer span a:hover,\n .light-theme footer span:has(i):hover {\n color: #b7bdf8 !important;\n }\n .light-theme .pure-form-message-inline {\n color: #a5adcb;\n }\n .light-theme select,\n .light-theme input[type=\"text\"],\n .light-theme input[type=\"number\"],\n .light-theme input[type=\"input\"] {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n border-color: #181926 !important;\n box-shadow: none !important;\n }\n .light-theme select:active,\n .light-theme input[type=\"text\"]:active,\n .light-theme input[type=\"number\"]:active,\n .light-theme input[type=\"input\"]:active {\n color: #cad3f5 !important;\n }\n .light-theme input[type=\"search\"] {\n color: #cad3f5 !important;\n background-color: #24273a !important;\n border-bottom-color: #181926 !important;\n box-shadow: none !important;\n }\n .light-theme input[type=\"checkbox\"] {\n background-color: #5b6078;\n border-color: #181926;\n height: 1rem;\n width: 1rem;\n -webkit-appearance: none;\n appearance: none;\n cursor: pointer;\n }\n .light-theme input[type=\"checkbox\"]:checked {\n background-image: url(\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23b7bdf8%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.207%204.793a1%201%200%20010%201.414l-5%205a1%201%200%2001-1.414%200l-2-2a1%201%200%20011.414-1.414L6.5%209.086l4.293-4.293a1%201%200%20011.414%200z%22/%3E%3C/svg%3E\");\n }\n .light-theme #player-container > .video-js > video,\n .light-theme .vjs-poster {\n background-color: #1e2030 !important;\n }\n .light-theme div.watched-indicator {\n background-color: #ed8796;\n }\n .light-theme a.channel-owner {\n color: #181926;\n background-color: #b7bdf8;\n }\n .dark-theme {\n color-scheme: dark;\n background-color: #24273a !important;\n color: #cad3f5 !important;\n /* video player background */\n /* watch progress on videos */\n /* Channel owner comments */\n }\n .dark-theme ::placeholder {\n color: #a5adcb;\n }\n .dark-theme::-webkit-scrollbar {\n width: 0.25rem;\n background: transparent;\n }\n .dark-theme::-webkit-scrollbar-thumb {\n border-radius: 9999px;\n background: #b7bdf8;\n }\n .dark-theme a,\n .dark-theme .pure-menu-heading {\n color: #b7bdf8;\n }\n .dark-theme a:hover,\n .dark-theme .pure-menu-heading:hover,\n .dark-theme a:focus,\n .dark-theme .pure-menu-heading:focus,\n .dark-theme a:active,\n .dark-theme .pure-menu-heading:active {\n color: #ced2fa !important;\n }\n .dark-theme hr,\n .dark-theme legend {\n border-color: #777ca4;\n border-style: solid;\n }\n .dark-theme legend {\n color: #b7bdf8 !important;\n }\n .dark-theme .pure-button-primary {\n background-color: #494d64 !important;\n color: #cad3f5 !important;\n border-color: #181926 !important;\n }\n .dark-theme .pure-button-primary:hover,\n .dark-theme .pure-button-primary:focus {\n background-color: #5b6078 !important;\n color: #cad3f5 !important;\n border-color: #181926 !important;\n }\n .dark-theme .pure-button-secondary {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n border-color: #181926 !important;\n }\n .dark-theme .pure-button-secondary:hover,\n .dark-theme .pure-button-secondary:focus {\n background-color: #c0c6f9 !important;\n color: #181926 !important;\n border-color: #181926 !important;\n }\n .dark-theme #subscribe {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n }\n .dark-theme #subscribe :hover,\n .dark-theme #subscribe :focus {\n background-color: #ced2fa !important;\n color: #181926 !important;\n }\n .dark-theme #filters-box {\n background-color: #363a4f !important;\n }\n .dark-theme .underlined {\n border-color: #8087a2;\n }\n .dark-theme .video-js .vjs-control-bar,\n .dark-theme .vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n background-color: #181926 !important;\n color: #cad3f5 !important;\n }\n .dark-theme .video-js .vjs-slider:hover,\n .dark-theme .video-js button:hover {\n color: #b7bdf8 !important;\n }\n .dark-theme .video-js .vjs-slider {\n background-color: #5b6078 !important;\n }\n .dark-theme .video-js .vjs-load-progress,\n .dark-theme .video-js .vjs-load-progress div {\n background-color: #5b6078 !important;\n }\n .dark-theme .video-js.player-style-invidious .vjs-play-progress {\n background-color: #b7bdf8 !important;\n }\n .dark-theme .vjs-menu li.vjs-menu-item:focus,\n .dark-theme .vjs-menu li.vjs-menu-item:hover {\n background-color: #363a4f !important;\n color: #cad3f5 !important;\n }\n .dark-theme .vjs-menu li.vjs-selected,\n .dark-theme .vjs-menu li.vjs-selected:focus,\n .dark-theme .vjs-menu li.vjs-selected:hover {\n background-color: #8aadf4 !important;\n }\n .dark-theme .vjs-menu li.vjs-selected,\n .dark-theme .vjs-menu li.vjs-selected:focus,\n .dark-theme .vjs-menu li.vjs-selected:hover,\n .dark-theme .js-focus-visible .vjs-menu li.vjs-selected:hover {\n color: #181926 !important;\n }\n .dark-theme .vjs-modal-dialog-content {\n backdrop-filter: blur(4px);\n }\n .dark-theme .vjs-share__title {\n color: #cad3f5 !important;\n }\n .dark-theme .vjs-share__subtitle {\n color: #a5adcb !important;\n opacity: 100% !important;\n }\n .dark-theme .vjs-share__short-link {\n color: #cad3f5 !important;\n background: #24273a !important;\n }\n .dark-theme .vjs-share__btn {\n background: #181926 !important;\n }\n .dark-theme .vjs-share__btn svg path {\n fill: #cad3f5 !important;\n }\n .dark-theme #related-videos > .h-box > div:not(#autoplay-controls) {\n margin-bottom: 48px !important;\n }\n .dark-theme footer a,\n .dark-theme footer span {\n color: #a5adcb !important;\n }\n .dark-theme footer span a:hover,\n .dark-theme footer span:has(i):hover {\n color: #b7bdf8 !important;\n }\n .dark-theme .pure-form-message-inline {\n color: #a5adcb;\n }\n .dark-theme select,\n .dark-theme input[type=\"text\"],\n .dark-theme input[type=\"number\"],\n .dark-theme input[type=\"input\"] {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n border-color: #181926 !important;\n box-shadow: none !important;\n }\n .dark-theme select:active,\n .dark-theme input[type=\"text\"]:active,\n .dark-theme input[type=\"number\"]:active,\n .dark-theme input[type=\"input\"]:active {\n color: #cad3f5 !important;\n }\n .dark-theme input[type=\"search\"] {\n color: #cad3f5 !important;\n background-color: #24273a !important;\n border-bottom-color: #181926 !important;\n box-shadow: none !important;\n }\n .dark-theme input[type=\"checkbox\"] {\n background-color: #5b6078;\n border-color: #181926;\n height: 1rem;\n width: 1rem;\n -webkit-appearance: none;\n appearance: none;\n cursor: pointer;\n }\n .dark-theme input[type=\"checkbox\"]:checked {\n background-image: url(\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23b7bdf8%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.207%204.793a1%201%200%20010%201.414l-5%205a1%201%200%2001-1.414%200l-2-2a1%201%200%20011.414-1.414L6.5%209.086l4.293-4.293a1%201%200%20011.414%200z%22/%3E%3C/svg%3E\");\n }\n .dark-theme #player-container > .video-js > video,\n .dark-theme .vjs-poster {\n background-color: #1e2030 !important;\n }\n .dark-theme div.watched-indicator {\n background-color: #ed8796;\n }\n .dark-theme a.channel-owner {\n color: #181926;\n background-color: #b7bdf8;\n }",
"start": 2637,
"domains": [
"anontube.lvkaszus.pl",
"inv.citw.lgbt",
"inv.in.projectsegfau.lt",
"inv.tux.pizza",
"inv.us.projectsegfau.lt",
"inv.zzls.xyz",
"invidious.asir.dev",
"invidious.drgns.space",
"invidious.einfachzocken.eu",
"invidious.fdn.fr",
"invidious.io.lol",
"invidious.lunar.icu",
"invidious.nerdvpn.de",
"invidious.no-logs.com",
"invidious.perennialte.ch",
"invidious.privacydev.net",
"invidious.private.coffee",
"invidious.projectsegfau.lt",
"invidious.protokolla.fi",
"invidious.slipfox.xyz",
"iv.datura.network",
"iv.ggtyler.dev",
"iv.melmac.space",
"iv.nboeck.de",
"iv.winston.sh",
"onion.tube",
"vid.priv.au",
"vid.puffyan.us",
"yewtu.be",
"yt.artemislena.eu",
"yt.cdaut.de",
"yt.drgnz.club",
"yt.oelrichsgarcia.de"
]
},
{
"code": "/* prettier-ignore */",
"start": 26034
}
],
"sourceCode": "/* ==UserStyle==\n@name Invidious Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/invidious\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/invidious\n@version 0.4.0\n@description Soothing pastel theme for Invidious\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/invidious/catppuccin.user.css\n@license \t\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [ \"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue*\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\" ]\n@var checkbox styleVideoPlayer \"Style Video Player\" 1\n==/UserStyle== */\n\n/**\n * kept up-to-date with\n * `curl https://api.invidious.io/instances.json | jq '.[] | select(.[1].type==\"https\") | .[0]'`\n */\n@-moz-document domain(\"anontube.lvkaszus.pl\"),\n domain(\"inv.citw.lgbt\"),\n domain(\"inv.in.projectsegfau.lt\"),\n domain(\"inv.tux.pizza\"),\n domain(\"inv.us.projectsegfau.lt\"),\n domain(\"inv.zzls.xyz\"),\n domain(\"invidious.asir.dev\"),\n domain(\"invidious.drgns.space\"),\n domain(\"invidious.einfachzocken.eu\"),\n domain(\"invidious.fdn.fr\"),\n domain(\"invidious.io.lol\"),\n domain(\"invidious.lunar.icu\"),\n domain(\"invidious.nerdvpn.de\"),\n domain(\"invidious.no-logs.com\"),\n domain(\"invidious.perennialte.ch\"),\n domain(\"invidious.privacydev.net\"),\n domain(\"invidious.private.coffee\"),\n domain(\"invidious.projectsegfau.lt\"),\n domain(\"invidious.protokolla.fi\"),\n domain(\"invidious.slipfox.xyz\"),\n domain(\"iv.datura.network\"),\n domain(\"iv.ggtyler.dev\"),\n domain(\"iv.melmac.space\"),\n domain(\"iv.nboeck.de\"),\n domain(\"iv.winston.sh\"),\n domain(\"onion.tube\"),\n domain(\"vid.priv.au\"),\n domain(\"vid.puffyan.us\"),\n domain(\"yewtu.be\"),\n domain(\"yt.artemislena.eu\"),\n domain(\"yt.cdaut.de\"),\n domain(\"yt.drgnz.club\"),\n domain(\"yt.oelrichsgarcia.de\"), {\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 @accentColor: @catppuccin[@@lookup][@@accent];\n @linkColor: @accentColor;\n @linkHover: #lightenOrDarken(@accentColor, 5%) [ @result];\n\n #lightenOrDarken(@color, @value) {\n @result: if(\n @lookup = latte,\n darken(@color, @value),\n lighten(@color, @value)\n );\n }\n\n color-scheme: if(@lookup = latte, light, dark);\n background-color: @base !important;\n color: @text !important;\n\n ::placeholder {\n color: @subtext0;\n }\n\n &::-webkit-scrollbar {\n width: 0.25rem;\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n border-radius: 9999px;\n background: @accentColor;\n }\n\n a,\n /* menu under the search bar */\n .pure-menu-heading {\n color: @linkColor;\n &:hover,\n &:focus,\n &:active {\n color: @linkHover !important;\n }\n }\n\n hr,\n /* legend borders are visible as dividers in Settings */\n legend {\n border-color: mix(@accentColor, @surface0, 50%);\n border-style: solid;\n }\n\n legend {\n color: @accentColor !important;\n }\n\n .pure-button-primary {\n background-color: @surface1 !important;\n color: @text !important;\n border-color: @crust !important;\n &:hover,\n &:focus {\n background-color: @surface2 !important;\n color: @text !important;\n border-color: @crust !important;\n }\n }\n .pure-button-secondary {\n background-color: @accentColor !important;\n color: @crust !important;\n border-color: @crust !important;\n &:hover,\n &:focus {\n background-color: #lightenOrDarken(@accentColor, 2%) [ @result] !important;\n color: @crust !important;\n border-color: @crust !important;\n }\n }\n\n #subscribe {\n background-color: @linkColor !important;\n color: @crust !important;\n :hover,\n :focus {\n background-color: @linkHover !important;\n color: @crust !important;\n }\n }\n\n #filters-box {\n background-color: @surface0 !important;\n }\n\n .underlined {\n border-color: @overlay1;\n }\n\n .video-js .vjs-control-bar,\n .vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n background-color: @crust !important;\n color: @text !important;\n }\n\n .video-js .vjs-slider:hover,\n .video-js button:hover {\n color: @accentColor !important;\n }\n\n .video-js .vjs-slider {\n background-color: @surface2 !important;\n }\n\n .video-js .vjs-load-progress,\n .video-js .vjs-load-progress div {\n background-color: @surface2 !important;\n }\n\n .video-js.player-style-invidious .vjs-play-progress {\n background-color: @accentColor !important;\n }\n\n .vjs-menu li.vjs-menu-item:focus,\n .vjs-menu li.vjs-menu-item:hover {\n background-color: @surface0 !important;\n color: @text !important;\n }\n\n .vjs-menu li.vjs-selected,\n .vjs-menu li.vjs-selected:focus,\n .vjs-menu li.vjs-selected:hover {\n background-color: @blue !important;\n }\n\n .vjs-menu li.vjs-selected,\n .vjs-menu li.vjs-selected:focus,\n .vjs-menu li.vjs-selected:hover,\n .js-focus-visible .vjs-menu li.vjs-selected:hover {\n color: @crust !important;\n }\n\n .vjs-modal-dialog-content {\n backdrop-filter: blur(4px);\n }\n\n .vjs-share__title {\n color: @text !important;\n }\n .vjs-share__subtitle {\n color: @subtext0 !important;\n opacity: 100% !important;\n }\n .vjs-share__short-link {\n color: @text !important;\n background: @base !important;\n }\n .vjs-share__btn {\n background: @crust !important;\n svg path {\n fill: @text !important;\n }\n }\n\n #related-videos > .h-box > div:not(#autoplay-controls) {\n margin-bottom: 48px !important;\n }\n\n footer a,\n footer span {\n color: @subtext0 !important;\n }\n\n footer span a,\n footer span:has(i) {\n &:hover {\n color: @accentColor !important;\n }\n }\n\n .pure-form-message-inline {\n color: @subtext0;\n }\n\n select,\n input[type=\"text\"],\n input[type=\"number\"],\n input[type=\"input\"] {\n color: @text !important;\n background-color: @surface0 !important;\n border-color: @crust !important;\n box-shadow: none !important;\n &:active {\n color: @text !important;\n }\n }\n input[type=\"search\"] {\n color: @text !important;\n background-color: @base !important;\n border-bottom-color: @crust !important;\n box-shadow: none !important;\n }\n input[type=\"checkbox\"] {\n background-color: @surface2;\n border-color: @crust;\n height: 1rem;\n width: 1rem;\n -webkit-appearance: none;\n appearance: none;\n cursor: pointer;\n &:checked {\n @svg: escape(\n '<svg viewBox=\"0 0 16 16\" fill=\"@{accentColor}\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n\n /* video player background */\n #player-container > .video-js > video,\n /* placeholder for loading thumbnails */\n .vjs-poster {\n & when (@styleVideoPlayer = 1) {\n background-color: @mantle !important;\n }\n }\n\n /* watch progress on videos */\n div.watched-indicator {\n background-color: @red;\n }\n\n /* Channel owner comments */\n a.channel-owner {\n color: @crust;\n background-color: @accentColor;\n }\n }\n\n /* synced colorscheme */\n @media (prefers-color-scheme: light) {\n .no-theme {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n @media (prefers-color-scheme: dark) {\n .no-theme {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n /* manually set colorscheme */\n .light-theme {\n #catppuccin(@lightFlavor, @accentColor);\n }\n .dark-theme {\n #catppuccin(@darkFlavor, @accentColor);\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": "Invidious Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/invidious",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/invidious",
"version": "0.4.0",
"description": "Soothing pastel theme for Invidious",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/invidious/catppuccin.user.css",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": "macchiato",
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": "lavender",
"default": "blue",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
},
"styleVideoPlayer": {
"type": "checkbox",
"label": "Style Video Player",
"name": "styleVideoPlayer",
"value": null,
"default": "1",
"options": null
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Invidious",
"name": "Invidious Catppuccin",
"originalDigest": "d6d8bdd8bfbcc3be83d385d1e120aff026e27b0c",
"_id": "009f1ea2-c381-4a78-861a-5ba574aa3b38",
"_rev": 1700768761416,
"id": 74,
"etag": "W/\"b15c4f9b5ebf54c453b0c032de1c78cc7f18d71193c0c73e1697609b0da3e533\""
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/spotify-web/catppuccin.user.css",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/spotify-web",
"installDate": 1700768771939,
"sections": [
{
"code": "/* ==UserStyle==\n@name Spotify Web Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/spotify-web\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/spotify-web\n@version 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/spotify-web/catppuccin.user.css\n@description Soothing pastel theme for Spotify 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==/UserStyle== */\n/* If you need any help with the information above, please see: https://github.com/openstyles/stylus/wiki/Writing-UserCSS#var */\n/* Apply Theme To Site\n * For help with URL rules, please see https://github.com/openstyles/stylus/wiki/Writing-styles#valid--moz-document-rules */",
"start": 0
},
{
"code": "/* prettier-ignore */\n @media (prefers-color-scheme: light) {\n .encore-dark-theme,\n .encore-dark-theme .encore-base-set,\n .encore-light-theme,\n .encore-light-theme .encore-base-set,\n .encore-dark-theme .encore-inverted-light-set {\n --background-base: #24273a;\n --background-highlight: #363a4f;\n --background-press: #181926;\n --background-elevated-base: #363a4f;\n --background-elevated-highlight: #494d64;\n --background-elevated-press: #181926;\n --background-tinted-base: #181926;\n --background-tinted-highlight: #1e2030;\n --background-tinted-press: #24273a;\n --background-unsafe-for-small-text-base: #24273a;\n --background-unsafe-for-small-text-highlight: #24273a;\n --background-unsafe-for-small-text-press: #24273a;\n --text-base: #cad3f5;\n --text-subdued: #b8c0e0;\n --text-bright-accent: #b7bdf8;\n --text-negative: #ed8796;\n --text-warning: #eed49f;\n --text-positive: #b7bdf8;\n --text-announcement: #7dc4e4;\n --essential-base: #cad3f5;\n --essential-subdued: #b8c0e0;\n --essential-bright-accent: #b7bdf8;\n --essential-negative: #ed8796;\n --essential-warning: #eed49f;\n --essential-positive: #a6da95;\n --essential-announcement: #24273a;\n --decorative-base: #cad3f5;\n --decorative-subdued: #5b6078;\n }\n .encore-dark-theme .encore-inverted-light-set {\n --background-base: #494d64;\n --background-highlight: #363a4f;\n --background-press: #494d64;\n }\n .encore-dark-theme .encore-bright-accent-set {\n --background-base: #b7bdf8;\n --background-highlight: #b7bdf8;\n --background-press: #b7bdf8;\n --background-elevated-base: #b7bdf8;\n --background-elevated-highlight: #b7bdf8;\n --background-elevated-press: #b7bdf8;\n --background-tinted-base: #b7bdf8;\n --background-tinted-highlight: #b7bdf8;\n --background-tinted-press: #b7bdf8;\n --background-unsafe-for-small-text-base: #b7bdf8;\n --background-unsafe-for-small-text-highlight: #b7bdf8;\n --background-unsafe-for-small-text-press: #b7bdf8;\n --decorative-subdued: #8992f3;\n }\n .encore-dark-theme .encore-over-media-set {\n --background-base: #1e2030;\n --background-highlight: #181926;\n --background-press: #1e2030;\n --background-unsafe-for-small-text-base: #1e2030;\n --background-unsafe-for-small-text-highlight: #1e2030;\n --background-unsafe-for-small-text-press: #1e2030;\n --background-elevated-base: #181926;\n --background-elevated-highlight: #181926;\n --background-elevated-press: #1e2030;\n --background-tinted-base: #1e2030;\n --background-tinted-highlight: #1e2030;\n --background-tinted-press: #1e2030;\n }\n .ydlidzq2hSQrvGXn7yni {\n background: #cad3f5;\n color: #181926;\n }\n .encore-dark-theme .encore-base-set > *,\n .encore-dark-theme > * {\n --parents-essential-base: #cad3f5;\n }\n .X8yW2lJbFCQfV5GjoRwL {\n --generic-tooltip-background-color: #1e2030;\n }\n .SboKmDrCTZng7t4EgNoM {\n background-color: #1e2030 !important;\n }\n #main > * > *,\n .sqKERfoKl4KwrtHqcKOd,\n .HkbHLcqgUfXruL5xVi28,\n .uhDzVbFHyCQDH6WrWZaC,\n .pHrwZOFBdT8FNXnmcPPI {\n background: #181926 !important;\n }\n .uWvwXlS0Da1bWsRX6KOw,\n .n5XwsUqagSoVk8oMiw1x {\n filter: saturate(0) brightness(1.3) !important;\n }\n .eoWRdH,\n .in4OjUTflcsoj9RUpf05 *,\n .gpNta6i8q3KYJC6WBZQC * {\n color: #a5adcb !important;\n }\n ._EShSNaBK1wUIaZQFJJQ {\n box-shadow: 0 4px 20px #1e2030;\n }\n .T1xI1RTSFU7Wu94UuvE6,\n .gHImFiUWOg93pvTefeAD,\n .CoLO4pdSl8LGWyVZA00t {\n background: #24273a !important;\n }\n .ListRowTitle__LineClamp-sc-1xe2if1-0.lmgIvZ *,\n .EaTxqhHk6J4ecKHwpY5m *,\n .SboKmDrCTZng7t4EgNoM *,\n .MfVrtIzQJ7iZXfRWg6eM,\n .Ydwa1P5GkCggtLlSvphs,\n .Fb61sprjhh75aOITDnsJ *,\n .Ai_McRq9wJEYK21w8nX_ *,\n .QZhV0hWVKlExlKr266jo::placeholder,\n .JzZyf6OGCGtdscOZGt8Y.t6HIrX67Lp80Nj6tGauz *,\n .hfdkySA4kiUldFsPj9lD.ZcNcu7WZgOAz_Mkcoff3 *,\n .ListRowTitle__LineClamp-sc-1xe2if1-0 *,\n .FZhaXNtbN3Crwrgd0TA7.control-button,\n .COJ84QbXPrd4jkO1HU2N *,\n .zhQX2DOI2muMo8EKsZ6h,\n .MHIOvvlSYRmF7VAJDLWy,\n .JouuH90_RNAdTj0ZjcCA,\n .r9m6lHy7RyIPDzW1Youe,\n .PDPsYDh4ntfQE3B4duUI,\n .bfQ2S9bMXr_kJjqEfcwA *,\n .QO9loc33XC50mMRUCIvf,\n .G7zO58ORUHxcUw0sXktM,\n .rq2VQ5mb9SDAFWbBIUIn *,\n .lp9Tfm4rsM9_pfbIE0zd,\n .w6j_vX6SF5IxSXrrkYw5,\n .prGqQr33U0mG14TJ5V8a *,\n .BQD_pE0Nva_z6z7CvZww *,\n .W5cB_o0XkkU7Q8tlTGxq,\n .PGSe59fD1Hwc9yUM2d3U a,\n .jb9xD5ECTqKFK02qe3HZ *,\n .X8yW2lJbFCQfV5GjoRwL *,\n .tbvnCR3ZJxmAKY6nRPBe,\n .CmR9tHJ5ta6oWJlKBm3k *,\n .xgmjVLxjqfcXK5BV_XyN.fUYMR7LuRXv0KJWFvRZA,\n .DzWw3g4E_66wu9ktqn36 .home-active-icon,\n .Footer__StyledFooter-sc-xwm5vq-0 *,\n .DzWw3g4E_66wu9ktqn36 .search-active-icon {\n color: #cad3f5 !important;\n }\n .ThG4UqWk7ASXCMm69Opn,\n .BQD_pE0Nva_z6z7CvZww *,\n .k2ndSrHzhAsXBcLqRKYx * {\n color: #939ab7 !important;\n }\n *[class*=\"ButtonInner-sc-14ud5tc-0 GBxjH encore-bright-accent-set vq0lsCoYrDUDvkuUIaRg\"] * {\n color: #181926 !important;\n fill: #181926 !important;\n }\n .bk509U3ZhZc9YBJAmoPB {\n background: #1e2030;\n }\n .HVCCFeUiHVwZVv74p34a * {\n background: #363a4f !important;\n }\n .QO9loc33XC50mMRUCIvf {\n background-color: #363a4f;\n }\n .QO9loc33XC50mMRUCIvf:focus {\n -webkit-box-shadow: 0 0 0 2px #cad3f5;\n box-shadow: 0 0 0 2px #cad3f5;\n }\n .QO9loc33XC50mMRUCIvf:hover {\n background-color: #494d64;\n }\n .H6jh9Xd7DNOq3NsLDmCB:active,\n .H6jh9Xd7DNOq3NsLDmCB:focus,\n .H6jh9Xd7DNOq3NsLDmCB:hover {\n color: #cad3f5 !important;\n }\n .H6jh9Xd7DNOq3NsLDmCB {\n color: #cad3f5;\n }\n .kPpCsU {\n fill: #cad3f5;\n }\n .VgSbatGBB9XwTH2_dsxg .ql0zZd7giPXSnPg75NR0 {\n background: #24273a !important;\n color: #cad3f5;\n }\n .HsbczDqu9qjcYr7EIdHR,\n .rovbQsmAS_mwvpKHaVhQ * {\n background: transparent !important;\n }\n .Z35BWOA10YGn5uc9YgAp,\n .pQmF4tvRpUeLWgPKUcW7 {\n background-color: #181926;\n }\n .kpGMQq1KFz620g_BD_dS {\n background-color: #6e738d;\n }\n .link-subtle {\n color: #b8c0e0;\n }\n .link-subtle:hover {\n color: #cad3f5;\n }\n .LunqxlFIupJw_Dkx6mNx {\n background: #1e2030 !important;\n }\n .bQthUEx0_U98DJkT1saO,\n .RVRoa p {\n color: #cad3f5;\n }\n .kmZeYl {\n background-color: #1e2030;\n }\n .kmZeYl:hover {\n background-color: #181926;\n }\n .RfidWIoz8FON2WhFoItU {\n color: #cad3f5;\n }\n .cuLHaM {\n background-color: #24273a;\n }\n .y2UicQnlTq148rL8Y0jp {\n box-shadow: 0 6px 10px #1e2030;\n }\n .vnCew8qzJq3cVGlYFXRI {\n background-color: #cad3f5;\n }\n .vnCew8qzJq3cVGlYFXRI * {\n fill: #181926;\n }\n .rovbQsmAS_mwvpKHaVhQ .PFgcCoJSWC3KjhZxHDYH * {\n fill: #cad3f5 !important;\n }\n .TywOcKZEqNynWecCiATc {\n --bg-color: #494d64;\n --fg-color: #cad3f5;\n --is-active-fg-color: #b7bdf8;\n }\n a {\n color: #b7bdf8;\n }\n .Ng3dPPA2_1CFYkzPukjM {\n background: #8aadf4;\n }\n .KAZD28usA1vPz5GVpm63.EHxL6K_6WWDlTCZP6x5w::after {\n background-color: #b7bdf8;\n }\n .tippy-box[data-theme~=\"activation\"] {\n background-color: #b7bdf8;\n color: #181926;\n }\n .tippy-box[data-theme~=\"activation\"] .c0KyMkxeMCWQGE7cR8s_ *,\n .tippy-box[data-theme~=\"activation\"] .TextForLabel-sc-1jqya9m-0.kIsEKW {\n color: #181926;\n }\n .zrvvPyoxE6wQNqnu0yWA {\n color: #cad3f5;\n background: #363a4f;\n }\n input:checked ~ .Js64TOfWtHksI6TQ6knT {\n background: #b7bdf8 !important;\n }\n .bXJ77rNIJ18Y0GfegQdr + label > :first-child {\n background: #cad3f5 !important;\n }\n .Z35BWOA10YGn5uc9YgAp:focus-within,\n .Z35BWOA10YGn5uc9YgAp:hover,\n .Z35BWOA10YGn5uc9YgAp[data-context-menu-open=\"true\"] {\n background: #1e2030 !important;\n }\n .wC9sIed7pfp47wZbmU6m:hover,\n .wC9sIed7pfp47wZbmU6m:not([aria-checked=\"true\"]):focus {\n background: #363a4f !important;\n }\n .DuEPSADpSwCcO880xjUG:not(:first-child) > .QgtQw2NJz7giDZxap2BB::before {\n border-color: #363a4f;\n }\n .eG930DCaQXDFqjhxRGIs > * {\n background: #181926 !important;\n }\n }\n @media (prefers-color-scheme: dark) {\n .encore-dark-theme,\n .encore-dark-theme .encore-base-set,\n .encore-light-theme,\n .encore-light-theme .encore-base-set,\n .encore-dark-theme .encore-inverted-light-set {\n --background-base: #24273a;\n --background-highlight: #363a4f;\n --background-press: #181926;\n --background-elevated-base: #363a4f;\n --background-elevated-highlight: #494d64;\n --background-elevated-press: #181926;\n --background-tinted-base: #181926;\n --background-tinted-highlight: #1e2030;\n --background-tinted-press: #24273a;\n --background-unsafe-for-small-text-base: #24273a;\n --background-unsafe-for-small-text-highlight: #24273a;\n --background-unsafe-for-small-text-press: #24273a;\n --text-base: #cad3f5;\n --text-subdued: #b8c0e0;\n --text-bright-accent: #b7bdf8;\n --text-negative: #ed8796;\n --text-warning: #eed49f;\n --text-positive: #b7bdf8;\n --text-announcement: #7dc4e4;\n --essential-base: #cad3f5;\n --essential-subdued: #b8c0e0;\n --essential-bright-accent: #b7bdf8;\n --essential-negative: #ed8796;\n --essential-warning: #eed49f;\n --essential-positive: #a6da95;\n --essential-announcement: #24273a;\n --decorative-base: #cad3f5;\n --decorative-subdued: #5b6078;\n }\n .encore-dark-theme .encore-inverted-light-set {\n --background-base: #494d64;\n --background-highlight: #363a4f;\n --background-press: #494d64;\n }\n .encore-dark-theme .encore-bright-accent-set {\n --background-base: #b7bdf8;\n --background-highlight: #b7bdf8;\n --background-press: #b7bdf8;\n --background-elevated-base: #b7bdf8;\n --background-elevated-highlight: #b7bdf8;\n --background-elevated-press: #b7bdf8;\n --background-tinted-base: #b7bdf8;\n --background-tinted-highlight: #b7bdf8;\n --background-tinted-press: #b7bdf8;\n --background-unsafe-for-small-text-base: #b7bdf8;\n --background-unsafe-for-small-text-highlight: #b7bdf8;\n --background-unsafe-for-small-text-press: #b7bdf8;\n --decorative-subdued: #8992f3;\n }\n .encore-dark-theme .encore-over-media-set {\n --background-base: #1e2030;\n --background-highlight: #181926;\n --background-press: #1e2030;\n --background-unsafe-for-small-text-base: #1e2030;\n --background-unsafe-for-small-text-highlight: #1e2030;\n --background-unsafe-for-small-text-press: #1e2030;\n --background-elevated-base: #181926;\n --background-elevated-highlight: #181926;\n --background-elevated-press: #1e2030;\n --background-tinted-base: #1e2030;\n --background-tinted-highlight: #1e2030;\n --background-tinted-press: #1e2030;\n }\n .ydlidzq2hSQrvGXn7yni {\n background: #cad3f5;\n color: #181926;\n }\n .encore-dark-theme .encore-base-set > *,\n .encore-dark-theme > * {\n --parents-essential-base: #cad3f5;\n }\n .X8yW2lJbFCQfV5GjoRwL {\n --generic-tooltip-background-color: #1e2030;\n }\n .SboKmDrCTZng7t4EgNoM {\n background-color: #1e2030 !important;\n }\n #main > * > *,\n .sqKERfoKl4KwrtHqcKOd,\n .HkbHLcqgUfXruL5xVi28,\n .uhDzVbFHyCQDH6WrWZaC,\n .pHrwZOFBdT8FNXnmcPPI {\n background: #181926 !important;\n }\n .uWvwXlS0Da1bWsRX6KOw,\n .n5XwsUqagSoVk8oMiw1x {\n filter: saturate(0) brightness(1.3) !important;\n }\n .eoWRdH,\n .in4OjUTflcsoj9RUpf05 *,\n .gpNta6i8q3KYJC6WBZQC * {\n color: #a5adcb !important;\n }\n ._EShSNaBK1wUIaZQFJJQ {\n box-shadow: 0 4px 20px #1e2030;\n }\n .T1xI1RTSFU7Wu94UuvE6,\n .gHImFiUWOg93pvTefeAD,\n .CoLO4pdSl8LGWyVZA00t {\n background: #24273a !important;\n }\n .ListRowTitle__LineClamp-sc-1xe2if1-0.lmgIvZ *,\n .EaTxqhHk6J4ecKHwpY5m *,\n .SboKmDrCTZng7t4EgNoM *,\n .MfVrtIzQJ7iZXfRWg6eM,\n .Ydwa1P5GkCggtLlSvphs,\n .Fb61sprjhh75aOITDnsJ *,\n .Ai_McRq9wJEYK21w8nX_ *,\n .QZhV0hWVKlExlKr266jo::placeholder,\n .JzZyf6OGCGtdscOZGt8Y.t6HIrX67Lp80Nj6tGauz *,\n .hfdkySA4kiUldFsPj9lD.ZcNcu7WZgOAz_Mkcoff3 *,\n .ListRowTitle__LineClamp-sc-1xe2if1-0 *,\n .FZhaXNtbN3Crwrgd0TA7.control-button,\n .COJ84QbXPrd4jkO1HU2N *,\n .zhQX2DOI2muMo8EKsZ6h,\n .MHIOvvlSYRmF7VAJDLWy,\n .JouuH90_RNAdTj0ZjcCA,\n .r9m6lHy7RyIPDzW1Youe,\n .PDPsYDh4ntfQE3B4duUI,\n .bfQ2S9bMXr_kJjqEfcwA *,\n .QO9loc33XC50mMRUCIvf,\n .G7zO58ORUHxcUw0sXktM,\n .rq2VQ5mb9SDAFWbBIUIn *,\n .lp9Tfm4rsM9_pfbIE0zd,\n .w6j_vX6SF5IxSXrrkYw5,\n .prGqQr33U0mG14TJ5V8a *,\n .BQD_pE0Nva_z6z7CvZww *,\n .W5cB_o0XkkU7Q8tlTGxq,\n .PGSe59fD1Hwc9yUM2d3U a,\n .jb9xD5ECTqKFK02qe3HZ *,\n .X8yW2lJbFCQfV5GjoRwL *,\n .tbvnCR3ZJxmAKY6nRPBe,\n .CmR9tHJ5ta6oWJlKBm3k *,\n .xgmjVLxjqfcXK5BV_XyN.fUYMR7LuRXv0KJWFvRZA,\n .DzWw3g4E_66wu9ktqn36 .home-active-icon,\n .Footer__StyledFooter-sc-xwm5vq-0 *,\n .DzWw3g4E_66wu9ktqn36 .search-active-icon {\n color: #cad3f5 !important;\n }\n .ThG4UqWk7ASXCMm69Opn,\n .BQD_pE0Nva_z6z7CvZww *,\n .k2ndSrHzhAsXBcLqRKYx * {\n color: #939ab7 !important;\n }\n *[class*=\"ButtonInner-sc-14ud5tc-0 GBxjH encore-bright-accent-set vq0lsCoYrDUDvkuUIaRg\"] * {\n color: #181926 !important;\n fill: #181926 !important;\n }\n .bk509U3ZhZc9YBJAmoPB {\n background: #1e2030;\n }\n .HVCCFeUiHVwZVv74p34a * {\n background: #363a4f !important;\n }\n .QO9loc33XC50mMRUCIvf {\n background-color: #363a4f;\n }\n .QO9loc33XC50mMRUCIvf:focus {\n -webkit-box-shadow: 0 0 0 2px #cad3f5;\n box-shadow: 0 0 0 2px #cad3f5;\n }\n .QO9loc33XC50mMRUCIvf:hover {\n background-color: #494d64;\n }\n .H6jh9Xd7DNOq3NsLDmCB:active,\n .H6jh9Xd7DNOq3NsLDmCB:focus,\n .H6jh9Xd7DNOq3NsLDmCB:hover {\n color: #cad3f5 !important;\n }\n .H6jh9Xd7DNOq3NsLDmCB {\n color: #cad3f5;\n }\n .kPpCsU {\n fill: #cad3f5;\n }\n .VgSbatGBB9XwTH2_dsxg .ql0zZd7giPXSnPg75NR0 {\n background: #24273a !important;\n color: #cad3f5;\n }\n .HsbczDqu9qjcYr7EIdHR,\n .rovbQsmAS_mwvpKHaVhQ * {\n background: transparent !important;\n }\n .Z35BWOA10YGn5uc9YgAp,\n .pQmF4tvRpUeLWgPKUcW7 {\n background-color: #181926;\n }\n .kpGMQq1KFz620g_BD_dS {\n background-color: #6e738d;\n }\n .link-subtle {\n color: #b8c0e0;\n }\n .link-subtle:hover {\n color: #cad3f5;\n }\n .LunqxlFIupJw_Dkx6mNx {\n background: #1e2030 !important;\n }\n .bQthUEx0_U98DJkT1saO,\n .RVRoa p {\n color: #cad3f5;\n }\n .kmZeYl {\n background-color: #1e2030;\n }\n .kmZeYl:hover {\n background-color: #181926;\n }\n .RfidWIoz8FON2WhFoItU {\n color: #cad3f5;\n }\n .cuLHaM {\n background-color: #24273a;\n }\n .y2UicQnlTq148rL8Y0jp {\n box-shadow: 0 6px 10px #1e2030;\n }\n .vnCew8qzJq3cVGlYFXRI {\n background-color: #cad3f5;\n }\n .vnCew8qzJq3cVGlYFXRI * {\n fill: #181926;\n }\n .rovbQsmAS_mwvpKHaVhQ .PFgcCoJSWC3KjhZxHDYH * {\n fill: #cad3f5 !important;\n }\n .TywOcKZEqNynWecCiATc {\n --bg-color: #494d64;\n --fg-color: #cad3f5;\n --is-active-fg-color: #b7bdf8;\n }\n a {\n color: #b7bdf8;\n }\n .Ng3dPPA2_1CFYkzPukjM {\n background: #8aadf4;\n }\n .KAZD28usA1vPz5GVpm63.EHxL6K_6WWDlTCZP6x5w::after {\n background-color: #b7bdf8;\n }\n .tippy-box[data-theme~=\"activation\"] {\n background-color: #b7bdf8;\n color: #181926;\n }\n .tippy-box[data-theme~=\"activation\"] .c0KyMkxeMCWQGE7cR8s_ *,\n .tippy-box[data-theme~=\"activation\"] .TextForLabel-sc-1jqya9m-0.kIsEKW {\n color: #181926;\n }\n .zrvvPyoxE6wQNqnu0yWA {\n color: #cad3f5;\n background: #363a4f;\n }\n input:checked ~ .Js64TOfWtHksI6TQ6knT {\n background: #b7bdf8 !important;\n }\n .bXJ77rNIJ18Y0GfegQdr + label > :first-child {\n background: #cad3f5 !important;\n }\n .Z35BWOA10YGn5uc9YgAp:focus-within,\n .Z35BWOA10YGn5uc9YgAp:hover,\n .Z35BWOA10YGn5uc9YgAp[data-context-menu-open=\"true\"] {\n background: #1e2030 !important;\n }\n .wC9sIed7pfp47wZbmU6m:hover,\n .wC9sIed7pfp47wZbmU6m:not([aria-checked=\"true\"]):focus {\n background: #363a4f !important;\n }\n .DuEPSADpSwCcO880xjUG:not(:first-child) > .QgtQw2NJz7giDZxap2BB::before {\n border-color: #363a4f;\n }\n .eG930DCaQXDFqjhxRGIs > * {\n background: #181926 !important;\n }\n }",
"start": 1246,
"domains": [
"open.spotify.com"
]
}
],
"sourceCode": "/* ==UserStyle==\n@name Spotify Web Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/spotify-web\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/spotify-web\n@version 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/spotify-web/catppuccin.user.css\n@description Soothing pastel theme for Spotify 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==/UserStyle== */\n/* If you need any help with the information above, please see: https://github.com/openstyles/stylus/wiki/Writing-UserCSS#var */\n\n/* Apply Theme To Site\n * For help with URL rules, please see https://github.com/openstyles/stylus/wiki/Writing-styles#valid--moz-document-rules */\n@-moz-document domain('open.spotify.com') {\n // Palette Lookup Table\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\n /* Userstyle as Mixin\n * This takes the following Parameters:\n * @lookup which is the desired Flavor\n * @accent which is the desired Accent Color */\n #catppuccin(@lookup, @accent) {\n // unpacking the color codes from the current @lookup flavor\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 .encore-dark-theme,\n .encore-dark-theme .encore-base-set,\n .encore-light-theme,\n .encore-light-theme .encore-base-set,\n .encore-dark-theme .encore-inverted-light-set {\n --background-base: @base;\n --background-highlight: @surface0;\n --background-press: @crust;\n --background-elevated-base: @surface0;\n --background-elevated-highlight: @surface1;\n --background-elevated-press: @crust;\n --background-tinted-base: @crust;\n --background-tinted-highlight: @mantle;\n --background-tinted-press: @base;\n --background-unsafe-for-small-text-base: @base;\n --background-unsafe-for-small-text-highlight: @base;\n --background-unsafe-for-small-text-press: @base;\n --text-base: @text;\n --text-subdued: @subtext1;\n --text-bright-accent: @accent-color;\n --text-negative: @red;\n --text-warning: @yellow;\n --text-positive: @accent-color;\n --text-announcement: @sapphire;\n --essential-base: @text;\n --essential-subdued: @subtext1;\n --essential-bright-accent: @accent-color;\n --essential-negative: @red;\n --essential-warning: @yellow;\n --essential-positive: @green;\n --essential-announcement: @base;\n --decorative-base: @text;\n --decorative-subdued: @surface2;\n }\n .encore-dark-theme .encore-inverted-light-set {\n --background-base: @surface1;\n --background-highlight: @surface0;\n --background-press: @surface1;\n }\n .encore-dark-theme .encore-bright-accent-set {\n --background-base: @accent-color;\n --background-highlight: @accent-color;\n --background-press: @accent-color;\n --background-elevated-base: @accent-color;\n --background-elevated-highlight: @accent-color;\n --background-elevated-press: @accent-color;\n --background-tinted-base: @accent-color;\n --background-tinted-highlight: @accent-color;\n --background-tinted-press: @accent-color;\n --background-unsafe-for-small-text-base: @accent-color;\n --background-unsafe-for-small-text-highlight: @accent-color;\n --background-unsafe-for-small-text-press: @accent-color;\n --decorative-subdued: darken(@accent-color, 10%);\n }\n .encore-dark-theme .encore-over-media-set {\n --background-base: @mantle;\n --background-highlight: @crust;\n --background-press: @mantle;\n --background-unsafe-for-small-text-base: @mantle;\n --background-unsafe-for-small-text-highlight: @mantle;\n --background-unsafe-for-small-text-press: @mantle;\n --background-elevated-base: @crust;\n --background-elevated-highlight: @crust;\n --background-elevated-press: @mantle;\n --background-tinted-base: @mantle;\n --background-tinted-highlight: @mantle;\n --background-tinted-press: @mantle;\n }\n & when (@lookup = latte) {\n .T1xI1RTSFU7Wu94UuvE6 * {\n background: @surface0 !important;\n }\n .bQthUEx0_U98DJkT1saO,\n .RVRoa p {\n color: @base !important;\n }\n }\n .ydlidzq2hSQrvGXn7yni {\n background: @text;\n color: @crust;\n }\n .encore-dark-theme .encore-base-set > *,\n .encore-dark-theme > * {\n --parents-essential-base: @text;\n }\n .X8yW2lJbFCQfV5GjoRwL {\n --generic-tooltip-background-color: @mantle;\n }\n .SboKmDrCTZng7t4EgNoM {\n background-color: @mantle !important;\n }\n\n #main > * > *,\n .sqKERfoKl4KwrtHqcKOd,\n .HkbHLcqgUfXruL5xVi28,\n .uhDzVbFHyCQDH6WrWZaC,\n .pHrwZOFBdT8FNXnmcPPI {\n background: @crust !important;\n }\n // Some animated bar icon\n .uWvwXlS0Da1bWsRX6KOw,\n .n5XwsUqagSoVk8oMiw1x {\n filter: saturate(0) brightness(1.3) !important;\n }\n .eoWRdH,\n .in4OjUTflcsoj9RUpf05 *,\n .gpNta6i8q3KYJC6WBZQC * {\n color: @subtext0 !important;\n }\n ._EShSNaBK1wUIaZQFJJQ {\n box-shadow: 0 4px 20px @mantle;\n }\n .T1xI1RTSFU7Wu94UuvE6,\n .gHImFiUWOg93pvTefeAD,\n .CoLO4pdSl8LGWyVZA00t {\n background: @base !important;\n }\n .ListRowTitle__LineClamp-sc-1xe2if1-0.lmgIvZ *,\n .EaTxqhHk6J4ecKHwpY5m *,\n .SboKmDrCTZng7t4EgNoM *,\n .MfVrtIzQJ7iZXfRWg6eM,\n .Ydwa1P5GkCggtLlSvphs,\n .Fb61sprjhh75aOITDnsJ *,\n .Ai_McRq9wJEYK21w8nX_ *,\n .QZhV0hWVKlExlKr266jo::placeholder,\n .JzZyf6OGCGtdscOZGt8Y.t6HIrX67Lp80Nj6tGauz *,\n .hfdkySA4kiUldFsPj9lD.ZcNcu7WZgOAz_Mkcoff3 *,\n .ListRowTitle__LineClamp-sc-1xe2if1-0 *,\n .FZhaXNtbN3Crwrgd0TA7.control-button,\n .COJ84QbXPrd4jkO1HU2N *,\n .zhQX2DOI2muMo8EKsZ6h,\n .MHIOvvlSYRmF7VAJDLWy,\n .JouuH90_RNAdTj0ZjcCA,\n .r9m6lHy7RyIPDzW1Youe,\n .PDPsYDh4ntfQE3B4duUI,\n .bfQ2S9bMXr_kJjqEfcwA *,\n .QO9loc33XC50mMRUCIvf,\n .G7zO58ORUHxcUw0sXktM,\n .rq2VQ5mb9SDAFWbBIUIn *,\n .lp9Tfm4rsM9_pfbIE0zd,\n .w6j_vX6SF5IxSXrrkYw5,\n .prGqQr33U0mG14TJ5V8a *,\n .BQD_pE0Nva_z6z7CvZww *,\n .W5cB_o0XkkU7Q8tlTGxq,\n .PGSe59fD1Hwc9yUM2d3U a,\n .jb9xD5ECTqKFK02qe3HZ *,\n .X8yW2lJbFCQfV5GjoRwL *,\n .tbvnCR3ZJxmAKY6nRPBe,\n .CmR9tHJ5ta6oWJlKBm3k *,\n .xgmjVLxjqfcXK5BV_XyN.fUYMR7LuRXv0KJWFvRZA,\n .DzWw3g4E_66wu9ktqn36 .home-active-icon,\n .Footer__StyledFooter-sc-xwm5vq-0 *,\n .DzWw3g4E_66wu9ktqn36 .search-active-icon {\n color: @text !important;\n }\n .ThG4UqWk7ASXCMm69Opn,\n .BQD_pE0Nva_z6z7CvZww *,\n .k2ndSrHzhAsXBcLqRKYx * {\n color: @overlay2 !important;\n }\n\n *[class*=\"ButtonInner-sc-14ud5tc-0 GBxjH encore-bright-accent-set vq0lsCoYrDUDvkuUIaRg\"]\n * {\n color: @crust !important;\n fill: @crust !important;\n }\n .bk509U3ZhZc9YBJAmoPB {\n background: @mantle;\n }\n .HVCCFeUiHVwZVv74p34a * {\n background: @surface0 !important;\n }\n .QO9loc33XC50mMRUCIvf {\n background-color: @surface0;\n }\n .QO9loc33XC50mMRUCIvf:focus {\n -webkit-box-shadow: 0 0 0 2px @text;\n box-shadow: 0 0 0 2px @text;\n }\n .QO9loc33XC50mMRUCIvf:hover {\n background-color: @surface1;\n }\n .H6jh9Xd7DNOq3NsLDmCB:active,\n .H6jh9Xd7DNOq3NsLDmCB:focus,\n .H6jh9Xd7DNOq3NsLDmCB:hover {\n color: @text !important;\n }\n .H6jh9Xd7DNOq3NsLDmCB {\n color: @text;\n }\n .kPpCsU {\n fill: @text;\n }\n .VgSbatGBB9XwTH2_dsxg .ql0zZd7giPXSnPg75NR0 {\n background: @base !important;\n color: @text;\n }\n .HsbczDqu9qjcYr7EIdHR,\n .rovbQsmAS_mwvpKHaVhQ * {\n background: transparent !important;\n }\n .Z35BWOA10YGn5uc9YgAp,\n .pQmF4tvRpUeLWgPKUcW7 {\n background-color: @crust;\n }\n // Explicit icon\n .kpGMQq1KFz620g_BD_dS {\n background-color: @overlay0;\n }\n .link-subtle {\n color: @subtext1;\n &:hover {\n color: @text;\n }\n }\n // Search cards\n .LunqxlFIupJw_Dkx6mNx {\n background: @mantle !important;\n }\n .bQthUEx0_U98DJkT1saO,\n .RVRoa p {\n color: @text;\n }\n // Social buttons\n .kmZeYl {\n background-color: @mantle;\n &:hover {\n background-color: @crust;\n }\n }\n // Icon\n .RfidWIoz8FON2WhFoItU {\n color: @text;\n }\n // Playlist bottom\n .cuLHaM {\n background-color: @base;\n }\n\n // Sidebar top\n .y2UicQnlTq148rL8Y0jp {\n box-shadow: 0 6px 10px @mantle;\n }\n // Bottom player\n .vnCew8qzJq3cVGlYFXRI {\n background-color: @text;\n }\n .vnCew8qzJq3cVGlYFXRI * {\n fill: @crust;\n }\n\n .rovbQsmAS_mwvpKHaVhQ .PFgcCoJSWC3KjhZxHDYH * {\n fill: @text !important;\n }\n .TywOcKZEqNynWecCiATc {\n --bg-color: @surface1;\n --fg-color: @text;\n --is-active-fg-color: @accent-color;\n }\n a {\n color: @accent-color;\n }\n .Ng3dPPA2_1CFYkzPukjM {\n background: @blue;\n }\n .KAZD28usA1vPz5GVpm63.EHxL6K_6WWDlTCZP6x5w::after {\n background-color: @accent-color;\n }\n .tippy-box[data-theme~=\"activation\"] {\n background-color: @accent-color;\n color: @crust;\n & .c0KyMkxeMCWQGE7cR8s_ *,\n & .TextForLabel-sc-1jqya9m-0.kIsEKW {\n color: @crust;\n }\n }\n .zrvvPyoxE6wQNqnu0yWA {\n color: @text;\n background: @surface0;\n }\n input:checked ~ .Js64TOfWtHksI6TQ6knT {\n background: @accent-color !important;\n }\n .bXJ77rNIJ18Y0GfegQdr + label > :first-child {\n background: @text !important;\n }\n .Z35BWOA10YGn5uc9YgAp:focus-within,\n .Z35BWOA10YGn5uc9YgAp:hover,\n .Z35BWOA10YGn5uc9YgAp[data-context-menu-open=\"true\"] {\n background: @mantle !important;\n }\n .wC9sIed7pfp47wZbmU6m:hover,\n .wC9sIed7pfp47wZbmU6m:not([aria-checked=\"true\"]):focus {\n background: @surface0 !important;\n }\n .DuEPSADpSwCcO880xjUG:not(:first-child) > .QgtQw2NJz7giDZxap2BB::before {\n border-color: @surface0;\n }\n .eG930DCaQXDFqjhxRGIs > * {\n background: @crust !important;\n }\n }\n\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor, @accentColor);\n }\n}\n// vim:ft=less\n",
"usercssData": {
"name": "Spotify Web Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/spotify-web",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/spotify-web",
"version": "0.0.1",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/spotify-web/catppuccin.user.css",
"description": "Soothing pastel theme for Spotify Web",
"author": "Catppuccin",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": "macchiato",
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": "macchiato",
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": "lavender",
"default": "sapphire",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Spotify Web",
"name": "Spotify Web Catppuccin",
"originalDigest": "70466563b1bbbbbef1337dc7b28fbdd50f11a927",
"_id": "3e77d7a8-1ef5-471e-94d3-b27a45c139db",
"_rev": 1700768771939,
"id": 75,
"etag": "W/\"1904a3585f35a765748352b3e62b24fc4c232b9c832b7e38a16435f21a4d9cc5\""
}
]