diff --git a/.config/browser/stylus/stylus-themes.json b/.config/browser/stylus/stylus-themes.json
index 852365f6..ec8179a0 100644
--- a/.config/browser/stylus/stylus-themes.json
+++ b/.config/browser/stylus/stylus-themes.json
@@ -74,6 +74,7 @@
"editor.appliesToLineWidget": true,
"editor.autosaveDraft": 10,
"editor.livePreview": true,
+ "editor.targetsFirst": true,
"editor.colorpicker": true,
"editor.colorpicker.hexUppercase": false,
"editor.colorpicker.hotkey": "",
@@ -1210,23 +1211,23 @@
"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.5\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/whatsapp-web/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Awhatsapp-web\n@description Soothing pastel theme for WhatsApp Web\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n@var checkbox lighterMessages \"Lighter incoming messages\" 0\n==/UserStyle== */",
+ "code": "/* ==UserStyle==\n@name WhatsApp Web Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/whatsapp-web\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/whatsapp-web\n@version 0.0.6\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/whatsapp-web/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Awhatsapp-web\n@description Soothing pastel theme for WhatsApp Web\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n@var checkbox lighterMessages \"Lighter incoming messages\" 0\n==/UserStyle== */",
"start": 0
},
{
- "code": "/* prettier-ignore */\n body {\n /* STATUS PAGE */\n --status-background: #eff1f5 !important;\n --modal-backdrop-solid: #eff1f5 !important;\n /* join group pop up */\n --modal-background: #eff1f5 !important;\n /* startup progress */\n --progress-primary: #7287fd !important;\n --progress-background: #bcc0cc !important;\n --startup-background: #eff1f5 !important;\n --startup-background-rgb: 239 241 245;\n /* home page, no chat selected */\n --intro-background: #eff1f5 !important;\n --intro-border: #7287fd !important;\n /* general background */\n --app-background: #eff1f5 !important;\n /* CHAT LIST */\n /* chat list background */\n --background-default: #eff1f5 !important;\n /* chat list header */\n --panel-header-background: #e6e9ef !important;\n /* icons */\n --panel-header-icon: #4c4f69 !important;\n /* other warnings (notifications) */\n --butterbar-default-background: #e6e9ef !important;\n --butterbar-notification-icon: #04a5e5 !important;\n /* loading messages warning */\n --butterbar-green-nux-background: #e6e9ef !important;\n /* update available warning */\n --butterbar-update-background: #e6e9ef !important;\n --butterbar-update-icon: #7287fd !important;\n /* chat list search bar */\n --search-container-background: #eff1f5 !important;\n --search-input-container-background: #eff1f5 !important;\n --search-input-background: #ccd0da !important;\n --search-input-container-background-active: #e6e9ef !important;\n --icon-search-back: #7287fd !important;\n /* archive icon */\n --icon-bright-highlight: #7287fd !important;\n /* archived unread marker */\n --unread-marker-background: #7287fd !important;\n --unread-timestamp: #7287fd !important;\n /* archived chats header */\n --archived-chat-persistent-header-background: #dce0e8 !important;\n /* unread voice message */\n --ptt-green: #40a02b !important;\n /* read voice message */\n --ptt-blue: #1e66f5 !important;\n /* pinned chat icon */\n --icon-pinned: #7287fd !important;\n /* last message in selected chat */\n --secondary-stronger: #5c5f77 !important;\n /* background for active and hover chats in chat list */\n --background-default-active: #bcc0cc !important;\n --background-default-hover: #ccd0da !important;\n /* unread chats filter */\n --icon-high-emphasis: #40a02b !important;\n /* voice message playing */\n --ptt-ooc-background: #e6e9ef !important;\n /* CONVERSATION */\n /* chat background */\n --conversation-panel-background: #e6e9ef !important;\n /* MESSAGES */\n /* background for incoming and outgoing messages */\n --incoming-background: #eff1f5 !important;\n --incoming-background-deeper: #ccd0da !important;\n /* arrow icon in messages */\n --incoming-background-rgb: 239 241 245;\n --outgoing-background: #ccd0da !important;\n /* read double tick */\n --icon-ack: #1e66f5 !important;\n /* received double tick */\n --bubble-meta-icon: #6c6f85 !important;\n /* message timestamp */\n --bubble-meta: #4c4f69 !important;\n --message-primary: #4c4f69 !important;\n /* POLL */\n /* creation */\n --poll-modal-background-color: #eff1f5 !important;\n --poll-modal-footer-background-color: #ccd0da !important;\n /* votes */\n --poll-bar-fill-receiver: #40a02b !important;\n --poll-bar-fill-sender: #40a02b !important;\n --checkbox-mark: #dce0e8 !important;\n /* audio duration */\n --audio-progress-metadata: #6c6f85 !important;\n /* system messages (unread or day messages in chats) */\n --system-message-text: #4c4f69 !important;\n --system-message-background: #dce0e8 !important;\n /* unread system message background */\n --unread-background: #dce0e8 !important;\n --unread-bar-background: #bcc0cc !important;\n /* meta data for documents */\n --document-meta: #5c5f77 !important;\n /* mentions, links and link previews */\n --mention-at-symbol: #209fb5 !important;\n --link: #209fb5 !important;\n --link-preview: #4c4f69 !important;\n --link-preview-lighter: #5c5f77 !important;\n --link-preview-light: #6c6f85 !important;\n --outgoing-background-rgb: 204 208 218;\n /* QUOTED MESSAGES */\n /* quoted messages */\n --quoted-message-text: #4c4f69 !important;\n /* background for quoted incoming and outgoing messages */\n --outgoing-background-deeper: #bcc0cc !important;\n /* SEARCH IN CHAT HIGHLIGHT */\n --highlight: #179299 !important;\n /* quote colors */\n /* general text */\n --primary: #4c4f69 !important;\n --primary-strong: #4c4f69 !important;\n --primary-stronger: #4c4f69 !important;\n --primary-strongest: #4c4f69 !important;\n --secondary: #6c6f85 !important;\n --secondary-strongest-rgb: 76 79 105;\n /* chat list typing message */\n --typing: #40a02b !important;\n /* background for video player and image viewer */\n --media-viewer-background: #e6e9ef !important;\n /* not loaded media */\n --media-gallery-thumb-background: #dce0e8 !important;\n /* Group info/Contact info */\n --photopicker-overlay-background: rgba(230, 233, 239, 0.992) !important;\n --photopicker-overlay-background-rgb: 239 241 245;\n --media-viewer-background-rgb: 239 241 245;\n --drawer-background-deep: #dce0e8 !important;\n /* group info read more */\n --input-button-more: #209fb5 !important;\n /* Group info thumbnails border */\n --chat-info-drawer-thumb-background: #acb0be !important;\n /* Group admin badge background */\n --chat-marker-background: #e6e9ef !important;\n --chat-marker-border: #e6e9ef !important;\n /* Group admin badge foreground */\n --chat-marker: #6c6f85 !important;\n /* Media gallery */\n --drawer-gallery-background: #dce0e8 !important;\n /* mute toggle */\n --switch-button-checked-color: #7287fd !important;\n --switch-track-checked-color: #acb0be !important;\n --switch-track-color: #acb0be !important;\n --switch-button-color: #8c8fa1 !important;\n /* danger, block, exit and report buttons */\n --danger: #d20f39!important;\n /* group added by someone not in contacts */\n --button-plain-background: #ccd0da !important;\n --button-plain-background-hover: #bcc0cc !important;\n /* EMOJI AND STICKERS */\n --panel-input-background: #ccd0da !important;\n --sticker-button-background: #bcc0cc !important;\n --active-tab-marker: #7287fd !important;\n /* REACTIONS */\n --reactions-panel-background-color: #ccd0da !important;\n --reactions-tray-background: #ccd0da !important;\n --reactions-details-background: #ccd0da !important;\n --svg-gray-button: #ccd0da !important;\n /* Forward message popup */\n --panel-background-colored-deeper: #dce0e8 !important;\n --modal-backdrop: rgba(230, 233, 239, 0.992) !important;\n /* Forward media caption */\n --forward-caption-preview-background: #e6e9ef !important;\n --forward-caption-preview-content: #dce0e8 !important;\n /* MEDIA EDITOR */\n /* background for media editor */\n --panel-background-deeper: #e6e9ef !important;\n /* message box for media editor */\n --media-editor-image-caption-input-background: #ccd0da !important;\n /* selected picture in media editor */\n --media-editor-thumb-border-active: #7287fd !important;\n /* send button in media editor */\n --button-round-background: #7287fd !important;\n /* COMPOSE BAR */\n /* type a message bar and background */\n --compose-input-background: #ccd0da !important;\n --compose-input-border: #bcc0cc !important;\n --compose-panel-background: #e6e9ef !important;\n --rich-text-panel-background: #e6e9ef !important;\n /* select messages fixes */\n --panel-background: #e6e9ef !important;\n --panel-background-rgb: 230 233 239;\n --checkbox-background: #7287fd !important;\n /* quoted message in compose */\n --popup-panel-background: #ccd0da !important;\n /* use Surface 0 for contrast, other colors don't pass AAA */\n /* mention list item background */\n --compose-panel-background-hover: #bcc0cc !important;\n /* compose bar icons */\n --icon: #7287fd !important;\n /* ATTACH ICONS */\n /* poll icon */\n /* image icon */\n /* sticker icon */\n /* camera icon */\n /* document icon */\n /* contact icon */\n /* VOICE MESSAGE SENDING */\n --ptt-draft-button-send: #7287fd !important;\n --ptt-draft-waveform-background: #eff1f5 !important;\n --ptt-draft-button-stop: #d20f39 !important;\n --ptt-draft-button-stop-hover: #e64553 !important;\n /* GENERAL OPTIONS */\n /* dropdown menus */\n --dropdown-background: #ccd0da !important;\n --dropdown-background-hover: #bcc0cc !important;\n /* OTHER SECTIONS */\n /* profile background */\n --drawer-background: #eff1f5 !important;\n /* communities, new chat, other panes */\n --panel-background-colored: #e6e9ef !important;\n --drawer-section-background: #eff1f5 !important;\n /* new chat icons */\n --round-icon-background: #40a02b !important;\n --inverse: #4c4f69 !important;\n /* title and icon for drawers */\n --drawer-header-title: #4c4f69 !important;\n /* buttons such as create community */\n --button-primary-background: #7287fd !important;\n --button-primary-background-hover: rgba(114, 135, 253, 0.992) !important;\n /* keyboard shortcuts background */\n --panel-background-lighter: #e6e9ef !important;\n /* active input in modals and drawers */\n --input-border-active: #7287fd !important;\n /* Start page drawing */\n /* Status unread dot */\n }\n body .landing-wrapper-before {\n background-color: #7287fd !important;\n }\n body .bfsx6evv {\n background-color: #e6e9ef !important;\n }\n body .p7idzaix {\n color: #dce0e8 !important;\n }\n body .bg-color-1 {\n background-color: #40a02b !important;\n }\n body .color-1 {\n color: #40a02b !important;\n }\n body .bg-color-2 {\n background-color: #1e66f5 !important;\n }\n body .color-2 {\n color: #1e66f5 !important;\n }\n body .bg-color-3 {\n background-color: #ea76cb !important;\n }\n body .color-3 {\n color: #ea76cb !important;\n }\n body .bg-color-4 {\n background-color: #209fb5 !important;\n }\n body .color-4 {\n color: #209fb5 !important;\n }\n body .bg-color-5 {\n background-color: #fe640b !important;\n }\n body .color-5 {\n color: #fe640b !important;\n }\n body .bg-color-6 {\n background-color: #04a5e5 !important;\n }\n body .color-6 {\n color: #04a5e5 !important;\n }\n body .bg-color-7 {\n background-color: #df8e1d !important;\n }\n body .color-7 {\n color: #df8e1d !important;\n }\n body .bg-color-8 {\n background-color: #179299 !important;\n }\n body .color-8 {\n color: #179299 !important;\n }\n body .bg-color-9 {\n background-color: #7287fd !important;\n }\n body .color-9 {\n color: #7287fd !important;\n }\n body .bg-color-10 {\n background-color: #d20f39 !important;\n }\n body .color-10 {\n color: #d20f39 !important;\n }\n body .bg-color-11 {\n background-color: #8839ef !important;\n }\n body .color-11 {\n color: #8839ef !important;\n }\n body .bg-color-12 {\n background-color: #dd7878 !important;\n }\n body .color-12 {\n color: #dd7878 !important;\n }\n body .bg-color-13 {\n background-color: #dc8a78 !important;\n }\n body .color-13 {\n color: #dc8a78 !important;\n }\n body .bg-color-14 {\n background-color: #ea76cb !important;\n }\n body .color-14 {\n color: #ea76cb !important;\n }\n body .bg-color-15 {\n background-color: #e64553 !important;\n }\n body .color-15 {\n color: #e64553 !important;\n }\n body .bg-color-16 {\n background-color: #179299 !important;\n }\n body .color-16 {\n color: #179299 !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(6) > button > span > svg > circle {\n fill: #40a02b !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(1) > button > span > svg > g:nth-child(1) > g > path:nth-child(2) {\n fill: #ea76cb !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(1) > button > span > svg > g:nth-child(1) > g > path:nth-child(1) {\n fill: #ea76cb !important;\n filter: brightness(85%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(1) > button > span > svg > g:nth-child(1) > g > rect {\n fill: #ea76cb !important;\n filter: brightness(70%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(2) > button > span > svg > g > circle {\n fill: #1e66f5 !important;\n filter: brightness(85%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(2) > button > span > svg > g > path:nth-child(2) {\n fill: #1e66f5 !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(3) > button > span > svg > g:nth-child(1) > g > path:nth-child(1) {\n fill: #d20f39 !important;\n filter: brightness(85%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(3) > button > span > svg > g:nth-child(1) > g > path:nth-child(2) {\n fill: #d20f39 !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(3) > button > span > svg > g:nth-child(1) > g > rect {\n fill: #d20f39 !important;\n filter: brightness(85%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(4) > button > span > svg > g:nth-child(1) > g > path:nth-child(1) {\n fill: #8839ef !important;\n filter: brightness(85%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(4) > button > span > svg > g:nth-child(1) > g > path:nth-child(2) {\n fill: #8839ef !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(5) > button > span > svg > g:nth-child(1) > g > g > path:nth-child(1) {\n fill: #04a5e5 !important;\n filter: brightness(85%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(5) > button > span > svg > g:nth-child(1) > g > g > path:nth-child(2) {\n fill: #04a5e5 !important;\n }\n body #app > div > div > div._2Ts6i._2xAQV > div > div > div.WM0_u > span > svg > path:nth-child(1) {\n fill: #acb0be !important;\n }\n body #df9d3429-f0ef-48b5-b5eb-f9d27b2deba6 > path:nth-child(2) {\n fill: #7287fd !important;\n }\n body #side > div._3gYev > div > div > button > div._3xdht._1ZD3q > span > svg > path {\n fill: #7287fd !important;\n }\n body.dark {\n /* STATUS PAGE */\n --status-background: #eff1f5 !important;\n --modal-backdrop-solid: #eff1f5 !important;\n /* join group pop up */\n --modal-background: #eff1f5 !important;\n /* startup progress */\n --progress-primary: #7287fd !important;\n --progress-background: #bcc0cc !important;\n --startup-background: #eff1f5 !important;\n --startup-background-rgb: 239 241 245;\n /* home page, no chat selected */\n --intro-background: #eff1f5 !important;\n --intro-border: #7287fd !important;\n /* general background */\n --app-background: #eff1f5 !important;\n /* CHAT LIST */\n /* chat list background */\n --background-default: #eff1f5 !important;\n /* chat list header */\n --panel-header-background: #e6e9ef !important;\n /* icons */\n --panel-header-icon: #4c4f69 !important;\n /* other warnings (notifications) */\n --butterbar-default-background: #e6e9ef !important;\n --butterbar-notification-icon: #04a5e5 !important;\n /* loading messages warning */\n --butterbar-green-nux-background: #e6e9ef !important;\n /* update available warning */\n --butterbar-update-background: #e6e9ef !important;\n --butterbar-update-icon: #7287fd !important;\n /* chat list search bar */\n --search-container-background: #eff1f5 !important;\n --search-input-container-background: #eff1f5 !important;\n --search-input-background: #ccd0da !important;\n --search-input-container-background-active: #e6e9ef !important;\n --icon-search-back: #7287fd !important;\n /* archive icon */\n --icon-bright-highlight: #7287fd !important;\n /* archived unread marker */\n --unread-marker-background: #7287fd !important;\n --unread-timestamp: #7287fd !important;\n /* archived chats header */\n --archived-chat-persistent-header-background: #dce0e8 !important;\n /* unread voice message */\n --ptt-green: #40a02b !important;\n /* read voice message */\n --ptt-blue: #1e66f5 !important;\n /* pinned chat icon */\n --icon-pinned: #7287fd !important;\n /* last message in selected chat */\n --secondary-stronger: #5c5f77 !important;\n /* background for active and hover chats in chat list */\n --background-default-active: #bcc0cc !important;\n --background-default-hover: #ccd0da !important;\n /* unread chats filter */\n --icon-high-emphasis: #40a02b !important;\n /* voice message playing */\n --ptt-ooc-background: #e6e9ef !important;\n /* CONVERSATION */\n /* chat background */\n --conversation-panel-background: #e6e9ef !important;\n /* MESSAGES */\n /* background for incoming and outgoing messages */\n --incoming-background: #eff1f5 !important;\n --incoming-background-deeper: #ccd0da !important;\n /* arrow icon in messages */\n --incoming-background-rgb: 239 241 245;\n --outgoing-background: #ccd0da !important;\n /* read double tick */\n --icon-ack: #1e66f5 !important;\n /* received double tick */\n --bubble-meta-icon: #6c6f85 !important;\n /* message timestamp */\n --bubble-meta: #4c4f69 !important;\n --message-primary: #4c4f69 !important;\n /* POLL */\n /* creation */\n --poll-modal-background-color: #eff1f5 !important;\n --poll-modal-footer-background-color: #ccd0da !important;\n /* votes */\n --poll-bar-fill-receiver: #40a02b !important;\n --poll-bar-fill-sender: #40a02b !important;\n --checkbox-mark: #dce0e8 !important;\n /* audio duration */\n --audio-progress-metadata: #6c6f85 !important;\n /* system messages (unread or day messages in chats) */\n --system-message-text: #4c4f69 !important;\n --system-message-background: #dce0e8 !important;\n /* unread system message background */\n --unread-background: #dce0e8 !important;\n --unread-bar-background: #bcc0cc !important;\n /* meta data for documents */\n --document-meta: #5c5f77 !important;\n /* mentions, links and link previews */\n --mention-at-symbol: #209fb5 !important;\n --link: #209fb5 !important;\n --link-preview: #4c4f69 !important;\n --link-preview-lighter: #5c5f77 !important;\n --link-preview-light: #6c6f85 !important;\n --outgoing-background-rgb: 204 208 218;\n /* QUOTED MESSAGES */\n /* quoted messages */\n --quoted-message-text: #4c4f69 !important;\n /* background for quoted incoming and outgoing messages */\n --outgoing-background-deeper: #bcc0cc !important;\n /* SEARCH IN CHAT HIGHLIGHT */\n --highlight: #179299 !important;\n /* quote colors */\n /* general text */\n --primary: #4c4f69 !important;\n --primary-strong: #4c4f69 !important;\n --primary-stronger: #4c4f69 !important;\n --primary-strongest: #4c4f69 !important;\n --secondary: #6c6f85 !important;\n --secondary-strongest-rgb: 76 79 105;\n /* chat list typing message */\n --typing: #40a02b !important;\n /* background for video player and image viewer */\n --media-viewer-background: #e6e9ef !important;\n /* not loaded media */\n --media-gallery-thumb-background: #dce0e8 !important;\n /* Group info/Contact info */\n --photopicker-overlay-background: rgba(230, 233, 239, 0.992) !important;\n --photopicker-overlay-background-rgb: 239 241 245;\n --media-viewer-background-rgb: 239 241 245;\n --drawer-background-deep: #dce0e8 !important;\n /* group info read more */\n --input-button-more: #209fb5 !important;\n /* Group info thumbnails border */\n --chat-info-drawer-thumb-background: #acb0be !important;\n /* Group admin badge background */\n --chat-marker-background: #e6e9ef !important;\n --chat-marker-border: #e6e9ef !important;\n /* Group admin badge foreground */\n --chat-marker: #6c6f85 !important;\n /* Media gallery */\n --drawer-gallery-background: #dce0e8 !important;\n /* mute toggle */\n --switch-button-checked-color: #7287fd !important;\n --switch-track-checked-color: #acb0be !important;\n --switch-track-color: #acb0be !important;\n --switch-button-color: #8c8fa1 !important;\n /* danger, block, exit and report buttons */\n --danger: #d20f39!important;\n /* group added by someone not in contacts */\n --button-plain-background: #ccd0da !important;\n --button-plain-background-hover: #bcc0cc !important;\n /* EMOJI AND STICKERS */\n --panel-input-background: #ccd0da !important;\n --sticker-button-background: #bcc0cc !important;\n --active-tab-marker: #7287fd !important;\n /* REACTIONS */\n --reactions-panel-background-color: #ccd0da !important;\n --reactions-tray-background: #ccd0da !important;\n --reactions-details-background: #ccd0da !important;\n --svg-gray-button: #ccd0da !important;\n /* Forward message popup */\n --panel-background-colored-deeper: #dce0e8 !important;\n --modal-backdrop: rgba(230, 233, 239, 0.992) !important;\n /* Forward media caption */\n --forward-caption-preview-background: #e6e9ef !important;\n --forward-caption-preview-content: #dce0e8 !important;\n /* MEDIA EDITOR */\n /* background for media editor */\n --panel-background-deeper: #e6e9ef !important;\n /* message box for media editor */\n --media-editor-image-caption-input-background: #ccd0da !important;\n /* selected picture in media editor */\n --media-editor-thumb-border-active: #7287fd !important;\n /* send button in media editor */\n --button-round-background: #7287fd !important;\n /* COMPOSE BAR */\n /* type a message bar and background */\n --compose-input-background: #ccd0da !important;\n --compose-input-border: #bcc0cc !important;\n --compose-panel-background: #e6e9ef !important;\n --rich-text-panel-background: #e6e9ef !important;\n /* select messages fixes */\n --panel-background: #e6e9ef !important;\n --panel-background-rgb: 230 233 239;\n --checkbox-background: #7287fd !important;\n /* quoted message in compose */\n --popup-panel-background: #ccd0da !important;\n /* use Surface 0 for contrast, other colors don't pass AAA */\n /* mention list item background */\n --compose-panel-background-hover: #bcc0cc !important;\n /* compose bar icons */\n --icon: #7287fd !important;\n /* ATTACH ICONS */\n /* poll icon */\n /* image icon */\n /* sticker icon */\n /* camera icon */\n /* document icon */\n /* contact icon */\n /* VOICE MESSAGE SENDING */\n --ptt-draft-button-send: #7287fd !important;\n --ptt-draft-waveform-background: #eff1f5 !important;\n --ptt-draft-button-stop: #d20f39 !important;\n --ptt-draft-button-stop-hover: #e64553 !important;\n /* GENERAL OPTIONS */\n /* dropdown menus */\n --dropdown-background: #ccd0da !important;\n --dropdown-background-hover: #bcc0cc !important;\n /* OTHER SECTIONS */\n /* profile background */\n --drawer-background: #eff1f5 !important;\n /* communities, new chat, other panes */\n --panel-background-colored: #e6e9ef !important;\n --drawer-section-background: #eff1f5 !important;\n /* new chat icons */\n --round-icon-background: #40a02b !important;\n --inverse: #4c4f69 !important;\n /* title and icon for drawers */\n --drawer-header-title: #4c4f69 !important;\n /* buttons such as create community */\n --button-primary-background: #7287fd !important;\n --button-primary-background-hover: rgba(114, 135, 253, 0.992) !important;\n /* keyboard shortcuts background */\n --panel-background-lighter: #e6e9ef !important;\n /* active input in modals and drawers */\n --input-border-active: #7287fd !important;\n /* Start page drawing */\n /* Status unread dot */\n }\n body.dark .landing-wrapper-before {\n background-color: #7287fd !important;\n }\n body.dark .bfsx6evv {\n background-color: #e6e9ef !important;\n }\n body.dark .p7idzaix {\n color: #dce0e8 !important;\n }\n body.dark .bg-color-1 {\n background-color: #40a02b !important;\n }\n body.dark .color-1 {\n color: #40a02b !important;\n }\n body.dark .bg-color-2 {\n background-color: #1e66f5 !important;\n }\n body.dark .color-2 {\n color: #1e66f5 !important;\n }\n body.dark .bg-color-3 {\n background-color: #ea76cb !important;\n }\n body.dark .color-3 {\n color: #ea76cb !important;\n }\n body.dark .bg-color-4 {\n background-color: #209fb5 !important;\n }\n body.dark .color-4 {\n color: #209fb5 !important;\n }\n body.dark .bg-color-5 {\n background-color: #fe640b !important;\n }\n body.dark .color-5 {\n color: #fe640b !important;\n }\n body.dark .bg-color-6 {\n background-color: #04a5e5 !important;\n }\n body.dark .color-6 {\n color: #04a5e5 !important;\n }\n body.dark .bg-color-7 {\n background-color: #df8e1d !important;\n }\n body.dark .color-7 {\n color: #df8e1d !important;\n }\n body.dark .bg-color-8 {\n background-color: #179299 !important;\n }\n body.dark .color-8 {\n color: #179299 !important;\n }\n body.dark .bg-color-9 {\n background-color: #7287fd !important;\n }\n body.dark .color-9 {\n color: #7287fd !important;\n }\n body.dark .bg-color-10 {\n background-color: #d20f39 !important;\n }\n body.dark .color-10 {\n color: #d20f39 !important;\n }\n body.dark .bg-color-11 {\n background-color: #8839ef !important;\n }\n body.dark .color-11 {\n color: #8839ef !important;\n }\n body.dark .bg-color-12 {\n background-color: #dd7878 !important;\n }\n body.dark .color-12 {\n color: #dd7878 !important;\n }\n body.dark .bg-color-13 {\n background-color: #dc8a78 !important;\n }\n body.dark .color-13 {\n color: #dc8a78 !important;\n }\n body.dark .bg-color-14 {\n background-color: #ea76cb !important;\n }\n body.dark .color-14 {\n color: #ea76cb !important;\n }\n body.dark .bg-color-15 {\n background-color: #e64553 !important;\n }\n body.dark .color-15 {\n color: #e64553 !important;\n }\n body.dark .bg-color-16 {\n background-color: #179299 !important;\n }\n body.dark .color-16 {\n color: #179299 !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(6) > button > span > svg > circle {\n fill: #40a02b !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(1) > button > span > svg > g:nth-child(1) > g > path:nth-child(2) {\n fill: #ea76cb !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(1) > button > span > svg > g:nth-child(1) > g > path:nth-child(1) {\n fill: #ea76cb !important;\n filter: brightness(85%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(1) > button > span > svg > g:nth-child(1) > g > rect {\n fill: #ea76cb !important;\n filter: brightness(70%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(2) > button > span > svg > g > circle {\n fill: #1e66f5 !important;\n filter: brightness(85%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(2) > button > span > svg > g > path:nth-child(2) {\n fill: #1e66f5 !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(3) > button > span > svg > g:nth-child(1) > g > path:nth-child(1) {\n fill: #d20f39 !important;\n filter: brightness(85%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(3) > button > span > svg > g:nth-child(1) > g > path:nth-child(2) {\n fill: #d20f39 !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(3) > button > span > svg > g:nth-child(1) > g > rect {\n fill: #d20f39 !important;\n filter: brightness(85%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(4) > button > span > svg > g:nth-child(1) > g > path:nth-child(1) {\n fill: #8839ef !important;\n filter: brightness(85%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(4) > button > span > svg > g:nth-child(1) > g > path:nth-child(2) {\n fill: #8839ef !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(5) > button > span > svg > g:nth-child(1) > g > g > path:nth-child(1) {\n fill: #04a5e5 !important;\n filter: brightness(85%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(5) > button > span > svg > g:nth-child(1) > g > g > path:nth-child(2) {\n fill: #04a5e5 !important;\n }\n body.dark #app > div > div > div._2Ts6i._2xAQV > div > div > div.WM0_u > span > svg > path:nth-child(1) {\n fill: #acb0be !important;\n }\n body.dark #df9d3429-f0ef-48b5-b5eb-f9d27b2deba6 > path:nth-child(2) {\n fill: #7287fd !important;\n }\n body.dark #side > div._3gYev > div > div > button > div._3xdht._1ZD3q > span > svg > path {\n fill: #7287fd !important;\n }",
+ "code": "/* prettier-ignore */\n body {\n /* STATUS PAGE */\n --status-background: #eff1f5 !important;\n --modal-backdrop-solid: #eff1f5 !important;\n /* join group pop up */\n --modal-background: #eff1f5 !important;\n /* startup progress */\n --progress-primary: #7287fd !important;\n --progress-background: #bcc0cc !important;\n --startup-background: #eff1f5 !important;\n --startup-background-rgb: 239 241 245;\n /* home page, no chat selected */\n --intro-background: #eff1f5 !important;\n --intro-border: #7287fd !important;\n /* general background */\n --app-background: #eff1f5 !important;\n /* CHAT LIST */\n /* chat list background */\n --background-default: #eff1f5 !important;\n /* chat list header */\n --panel-header-background: #e6e9ef !important;\n /* icons */\n --panel-header-icon: #4c4f69 !important;\n /* other warnings (notifications) */\n --butterbar-default-background: #e6e9ef !important;\n --butterbar-notification-icon: #04a5e5 !important;\n /* loading messages warning */\n --butterbar-green-nux-background: #e6e9ef !important;\n /* update available warning */\n --butterbar-update-background: #e6e9ef !important;\n --butterbar-update-icon: #7287fd !important;\n /* chat list search bar */\n --search-container-background: #eff1f5 !important;\n --search-input-container-background: #eff1f5 !important;\n --search-input-background: #ccd0da !important;\n --search-input-container-background-active: #e6e9ef !important;\n --icon-search-back: #7287fd !important;\n /* archive icon */\n --icon-bright-highlight: #7287fd !important;\n /* archived unread marker */\n --unread-marker-background: #7287fd !important;\n --unread-timestamp: #7287fd !important;\n /* archived chats header */\n --archived-chat-persistent-header-background: #dce0e8 !important;\n /* unread voice message */\n --ptt-green: #40a02b !important;\n /* read voice message */\n --ptt-blue: #1e66f5 !important;\n /* pinned chat icon */\n --icon-pinned: #7287fd !important;\n /* last message in selected chat */\n --secondary-stronger: #5c5f77 !important;\n /* background for active and hover chats in chat list */\n --background-default-active: #bcc0cc !important;\n --background-default-hover: #ccd0da !important;\n /* unread chats filter */\n --icon-high-emphasis: #40a02b !important;\n /* voice message playing */\n --ptt-ooc-background: #e6e9ef !important;\n /* CONVERSATION */\n /* chat background */\n --conversation-panel-background: #e6e9ef !important;\n /* MESSAGES */\n /* background for incoming and outgoing messages */\n --incoming-background: #eff1f5 !important;\n --incoming-background-deeper: #ccd0da !important;\n /* arrow icon in messages */\n --incoming-background-rgb: 239 241 245;\n --outgoing-background: #ccd0da !important;\n /* read double tick */\n --icon-ack: #1e66f5 !important;\n /* received double tick */\n --bubble-meta-icon: #6c6f85 !important;\n /* message timestamp */\n --bubble-meta: #4c4f69 !important;\n --message-primary: #4c4f69 !important;\n /* POLL */\n /* creation */\n --poll-modal-background-color: #eff1f5 !important;\n --poll-modal-footer-background-color: #ccd0da !important;\n /* votes */\n --poll-bar-fill-receiver: #40a02b !important;\n --poll-bar-fill-sender: #40a02b !important;\n --checkbox-mark: #dce0e8 !important;\n /* audio duration */\n --audio-progress-metadata: #6c6f85 !important;\n /* system messages (unread or day messages in chats) */\n --system-message-text: #4c4f69 !important;\n --system-message-background: #dce0e8 !important;\n /* unread system message background */\n --unread-background: #dce0e8 !important;\n --unread-bar-background: #bcc0cc !important;\n /* meta data for documents */\n --document-meta: #5c5f77 !important;\n /* mentions, links and link previews */\n --mention-at-symbol: #209fb5 !important;\n --link: #209fb5 !important;\n --link-preview: #4c4f69 !important;\n --link-preview-lighter: #5c5f77 !important;\n --link-preview-light: #6c6f85 !important;\n --outgoing-background-rgb: 204 208 218;\n /* QUOTED MESSAGES */\n /* quoted messages */\n --quoted-message-text: #4c4f69 !important;\n /* background for quoted incoming and outgoing messages */\n --outgoing-background-deeper: #bcc0cc !important;\n /* SEARCH IN CHAT HIGHLIGHT */\n --highlight: #179299 !important;\n /* quote colors */\n /* general text */\n --primary: #4c4f69 !important;\n --primary-strong: #4c4f69 !important;\n --primary-stronger: #4c4f69 !important;\n --primary-strongest: #4c4f69 !important;\n --secondary: #6c6f85 !important;\n --secondary-strongest-rgb: 76 79 105;\n --inline-code-text: #1e66f5 !important;\n /* chat list typing message */\n --typing: #40a02b !important;\n /* background for video player and image viewer */\n --media-viewer-background: #e6e9ef !important;\n /* not loaded media */\n --media-gallery-thumb-background: #dce0e8 !important;\n /* Group info/Contact info */\n --photopicker-overlay-background: rgba(230, 233, 239, 0.992) !important;\n --photopicker-overlay-background-rgb: 239 241 245;\n --media-viewer-background-rgb: 239 241 245;\n --drawer-background-deep: #dce0e8 !important;\n /* group info read more */\n --input-button-more: #209fb5 !important;\n /* Group info thumbnails border */\n --chat-info-drawer-thumb-background: #acb0be !important;\n /* Group admin badge background */\n --chat-marker-background: #e6e9ef !important;\n --chat-marker-border: #e6e9ef !important;\n /* Group admin badge foreground */\n --chat-marker: #6c6f85 !important;\n /* Media gallery */\n --drawer-gallery-background: #dce0e8 !important;\n /* mute toggle */\n --switch-button-checked-color: #7287fd !important;\n --switch-track-checked-color: #acb0be !important;\n --switch-track-color: #acb0be !important;\n --switch-button-color: #8c8fa1 !important;\n /* danger, block, exit and report buttons */\n --danger: #d20f39!important;\n /* group added by someone not in contacts */\n --button-plain-background: #ccd0da !important;\n --button-plain-background-hover: #bcc0cc !important;\n /* EMOJI AND STICKERS */\n --panel-input-background: #ccd0da !important;\n --sticker-button-background: #bcc0cc !important;\n --active-tab-marker: #7287fd !important;\n /* REACTIONS */\n --reactions-panel-background-color: #ccd0da !important;\n --reactions-tray-background: #ccd0da !important;\n --reactions-details-background: #ccd0da !important;\n --svg-gray-button: #ccd0da !important;\n /* Forward message popup */\n --panel-background-colored-deeper: #dce0e8 !important;\n --modal-backdrop: rgba(230, 233, 239, 0.992) !important;\n /* Forward media caption */\n --forward-caption-preview-background: #e6e9ef !important;\n --forward-caption-preview-content: #dce0e8 !important;\n /* MEDIA EDITOR */\n /* background for media editor */\n --panel-background-deeper: #e6e9ef !important;\n /* message box for media editor */\n --media-editor-image-caption-input-background: #ccd0da !important;\n /* selected picture in media editor */\n --media-editor-thumb-border-active: #7287fd !important;\n /* send button in media editor */\n --button-round-background: #7287fd !important;\n /* COMPOSE BAR */\n /* type a message bar and background */\n --compose-input-background: #ccd0da !important;\n --compose-input-border: #bcc0cc !important;\n --compose-panel-background: #e6e9ef !important;\n --rich-text-panel-background: #e6e9ef !important;\n /* select messages fixes */\n --panel-background: #e6e9ef !important;\n --panel-background-rgb: 230 233 239;\n --checkbox-background: #7287fd !important;\n /* quoted message in compose */\n --popup-panel-background: #ccd0da !important;\n /* use Surface 0 for contrast, other colors don't pass AAA */\n /* mention list item background */\n --compose-panel-background-hover: #bcc0cc !important;\n /* compose bar icons */\n --icon: #7287fd !important;\n /* ATTACH ICONS */\n /* poll icon */\n /* image icon */\n /* sticker icon */\n /* camera icon */\n /* document icon */\n /* contact icon */\n /* VOICE MESSAGE SENDING */\n --ptt-draft-button-send: #7287fd !important;\n --ptt-draft-waveform-background: #eff1f5 !important;\n --ptt-draft-button-stop: #d20f39 !important;\n --ptt-draft-button-stop-hover: #e64553 !important;\n /* GENERAL OPTIONS */\n /* dropdown menus */\n --dropdown-background: #ccd0da !important;\n --dropdown-background-hover: #bcc0cc !important;\n /* OTHER SECTIONS */\n /* profile background */\n --drawer-background: #eff1f5 !important;\n /* communities, new chat, other panes */\n --panel-background-colored: #e6e9ef !important;\n --drawer-section-background: #eff1f5 !important;\n /* new chat icons */\n --round-icon-background: #40a02b !important;\n --inverse: #4c4f69 !important;\n /* title and icon for drawers */\n --drawer-header-title: #4c4f69 !important;\n /* buttons such as create community */\n --button-primary-background: #7287fd !important;\n --button-primary-background-hover: rgba(114, 135, 253, 0.992) !important;\n /* keyboard shortcuts background */\n --panel-background-lighter: #e6e9ef !important;\n /* active input in modals and drawers */\n --input-border-active: #7287fd !important;\n /* Start page drawing */\n /* Status unread dot */\n }\n body .landing-wrapper-before {\n background-color: #7287fd !important;\n }\n body .bfsx6evv {\n background-color: #e6e9ef !important;\n }\n body .p7idzaix {\n color: #dce0e8 !important;\n }\n body .bg-color-1 {\n background-color: #40a02b !important;\n }\n body .color-1 {\n color: #40a02b !important;\n }\n body .bg-color-2 {\n background-color: #1e66f5 !important;\n }\n body .color-2 {\n color: #1e66f5 !important;\n }\n body .bg-color-3 {\n background-color: #ea76cb !important;\n }\n body .color-3 {\n color: #ea76cb !important;\n }\n body .bg-color-4 {\n background-color: #209fb5 !important;\n }\n body .color-4 {\n color: #209fb5 !important;\n }\n body .bg-color-5 {\n background-color: #fe640b !important;\n }\n body .color-5 {\n color: #fe640b !important;\n }\n body .bg-color-6 {\n background-color: #04a5e5 !important;\n }\n body .color-6 {\n color: #04a5e5 !important;\n }\n body .bg-color-7 {\n background-color: #df8e1d !important;\n }\n body .color-7 {\n color: #df8e1d !important;\n }\n body .bg-color-8 {\n background-color: #179299 !important;\n }\n body .color-8 {\n color: #179299 !important;\n }\n body .bg-color-9 {\n background-color: #7287fd !important;\n }\n body .color-9 {\n color: #7287fd !important;\n }\n body .bg-color-10 {\n background-color: #d20f39 !important;\n }\n body .color-10 {\n color: #d20f39 !important;\n }\n body .bg-color-11 {\n background-color: #8839ef !important;\n }\n body .color-11 {\n color: #8839ef !important;\n }\n body .bg-color-12 {\n background-color: #dd7878 !important;\n }\n body .color-12 {\n color: #dd7878 !important;\n }\n body .bg-color-13 {\n background-color: #dc8a78 !important;\n }\n body .color-13 {\n color: #dc8a78 !important;\n }\n body .bg-color-14 {\n background-color: #ea76cb !important;\n }\n body .color-14 {\n color: #ea76cb !important;\n }\n body .bg-color-15 {\n background-color: #e64553 !important;\n }\n body .color-15 {\n color: #e64553 !important;\n }\n body .bg-color-16 {\n background-color: #179299 !important;\n }\n body .color-16 {\n color: #179299 !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(6) > button > span > svg > circle {\n fill: #40a02b !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(1) > button > span > svg > g:nth-child(1) > g > path:nth-child(2) {\n fill: #ea76cb !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(1) > button > span > svg > g:nth-child(1) > g > path:nth-child(1) {\n fill: #ea76cb !important;\n filter: brightness(85%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(1) > button > span > svg > g:nth-child(1) > g > rect {\n fill: #ea76cb !important;\n filter: brightness(70%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(2) > button > span > svg > g > circle {\n fill: #1e66f5 !important;\n filter: brightness(85%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(2) > button > span > svg > g > path:nth-child(2) {\n fill: #1e66f5 !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(3) > button > span > svg > g:nth-child(1) > g > path:nth-child(1) {\n fill: #d20f39 !important;\n filter: brightness(85%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(3) > button > span > svg > g:nth-child(1) > g > path:nth-child(2) {\n fill: #d20f39 !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(3) > button > span > svg > g:nth-child(1) > g > rect {\n fill: #d20f39 !important;\n filter: brightness(85%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(4) > button > span > svg > g:nth-child(1) > g > path:nth-child(1) {\n fill: #8839ef !important;\n filter: brightness(85%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(4) > button > span > svg > g:nth-child(1) > g > path:nth-child(2) {\n fill: #8839ef !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(5) > button > span > svg > g:nth-child(1) > g > g > path:nth-child(1) {\n fill: #04a5e5 !important;\n filter: brightness(85%) !important;\n }\n body div._1OT67 > div > span > div > div > ul > li:nth-child(5) > button > span > svg > g:nth-child(1) > g > g > path:nth-child(2) {\n fill: #04a5e5 !important;\n }\n body #app > div > div > div._2Ts6i._2xAQV > div > div > div.WM0_u > span > svg > path:nth-child(1) {\n fill: #acb0be !important;\n }\n body #df9d3429-f0ef-48b5-b5eb-f9d27b2deba6 > path:nth-child(2) {\n fill: #7287fd !important;\n }\n body #side > div._3gYev > div > div > button > div._3xdht._1ZD3q > span > svg > path {\n fill: #7287fd !important;\n }\n body.dark {\n /* STATUS PAGE */\n --status-background: #eff1f5 !important;\n --modal-backdrop-solid: #eff1f5 !important;\n /* join group pop up */\n --modal-background: #eff1f5 !important;\n /* startup progress */\n --progress-primary: #7287fd !important;\n --progress-background: #bcc0cc !important;\n --startup-background: #eff1f5 !important;\n --startup-background-rgb: 239 241 245;\n /* home page, no chat selected */\n --intro-background: #eff1f5 !important;\n --intro-border: #7287fd !important;\n /* general background */\n --app-background: #eff1f5 !important;\n /* CHAT LIST */\n /* chat list background */\n --background-default: #eff1f5 !important;\n /* chat list header */\n --panel-header-background: #e6e9ef !important;\n /* icons */\n --panel-header-icon: #4c4f69 !important;\n /* other warnings (notifications) */\n --butterbar-default-background: #e6e9ef !important;\n --butterbar-notification-icon: #04a5e5 !important;\n /* loading messages warning */\n --butterbar-green-nux-background: #e6e9ef !important;\n /* update available warning */\n --butterbar-update-background: #e6e9ef !important;\n --butterbar-update-icon: #7287fd !important;\n /* chat list search bar */\n --search-container-background: #eff1f5 !important;\n --search-input-container-background: #eff1f5 !important;\n --search-input-background: #ccd0da !important;\n --search-input-container-background-active: #e6e9ef !important;\n --icon-search-back: #7287fd !important;\n /* archive icon */\n --icon-bright-highlight: #7287fd !important;\n /* archived unread marker */\n --unread-marker-background: #7287fd !important;\n --unread-timestamp: #7287fd !important;\n /* archived chats header */\n --archived-chat-persistent-header-background: #dce0e8 !important;\n /* unread voice message */\n --ptt-green: #40a02b !important;\n /* read voice message */\n --ptt-blue: #1e66f5 !important;\n /* pinned chat icon */\n --icon-pinned: #7287fd !important;\n /* last message in selected chat */\n --secondary-stronger: #5c5f77 !important;\n /* background for active and hover chats in chat list */\n --background-default-active: #bcc0cc !important;\n --background-default-hover: #ccd0da !important;\n /* unread chats filter */\n --icon-high-emphasis: #40a02b !important;\n /* voice message playing */\n --ptt-ooc-background: #e6e9ef !important;\n /* CONVERSATION */\n /* chat background */\n --conversation-panel-background: #e6e9ef !important;\n /* MESSAGES */\n /* background for incoming and outgoing messages */\n --incoming-background: #eff1f5 !important;\n --incoming-background-deeper: #ccd0da !important;\n /* arrow icon in messages */\n --incoming-background-rgb: 239 241 245;\n --outgoing-background: #ccd0da !important;\n /* read double tick */\n --icon-ack: #1e66f5 !important;\n /* received double tick */\n --bubble-meta-icon: #6c6f85 !important;\n /* message timestamp */\n --bubble-meta: #4c4f69 !important;\n --message-primary: #4c4f69 !important;\n /* POLL */\n /* creation */\n --poll-modal-background-color: #eff1f5 !important;\n --poll-modal-footer-background-color: #ccd0da !important;\n /* votes */\n --poll-bar-fill-receiver: #40a02b !important;\n --poll-bar-fill-sender: #40a02b !important;\n --checkbox-mark: #dce0e8 !important;\n /* audio duration */\n --audio-progress-metadata: #6c6f85 !important;\n /* system messages (unread or day messages in chats) */\n --system-message-text: #4c4f69 !important;\n --system-message-background: #dce0e8 !important;\n /* unread system message background */\n --unread-background: #dce0e8 !important;\n --unread-bar-background: #bcc0cc !important;\n /* meta data for documents */\n --document-meta: #5c5f77 !important;\n /* mentions, links and link previews */\n --mention-at-symbol: #209fb5 !important;\n --link: #209fb5 !important;\n --link-preview: #4c4f69 !important;\n --link-preview-lighter: #5c5f77 !important;\n --link-preview-light: #6c6f85 !important;\n --outgoing-background-rgb: 204 208 218;\n /* QUOTED MESSAGES */\n /* quoted messages */\n --quoted-message-text: #4c4f69 !important;\n /* background for quoted incoming and outgoing messages */\n --outgoing-background-deeper: #bcc0cc !important;\n /* SEARCH IN CHAT HIGHLIGHT */\n --highlight: #179299 !important;\n /* quote colors */\n /* general text */\n --primary: #4c4f69 !important;\n --primary-strong: #4c4f69 !important;\n --primary-stronger: #4c4f69 !important;\n --primary-strongest: #4c4f69 !important;\n --secondary: #6c6f85 !important;\n --secondary-strongest-rgb: 76 79 105;\n --inline-code-text: #1e66f5 !important;\n /* chat list typing message */\n --typing: #40a02b !important;\n /* background for video player and image viewer */\n --media-viewer-background: #e6e9ef !important;\n /* not loaded media */\n --media-gallery-thumb-background: #dce0e8 !important;\n /* Group info/Contact info */\n --photopicker-overlay-background: rgba(230, 233, 239, 0.992) !important;\n --photopicker-overlay-background-rgb: 239 241 245;\n --media-viewer-background-rgb: 239 241 245;\n --drawer-background-deep: #dce0e8 !important;\n /* group info read more */\n --input-button-more: #209fb5 !important;\n /* Group info thumbnails border */\n --chat-info-drawer-thumb-background: #acb0be !important;\n /* Group admin badge background */\n --chat-marker-background: #e6e9ef !important;\n --chat-marker-border: #e6e9ef !important;\n /* Group admin badge foreground */\n --chat-marker: #6c6f85 !important;\n /* Media gallery */\n --drawer-gallery-background: #dce0e8 !important;\n /* mute toggle */\n --switch-button-checked-color: #7287fd !important;\n --switch-track-checked-color: #acb0be !important;\n --switch-track-color: #acb0be !important;\n --switch-button-color: #8c8fa1 !important;\n /* danger, block, exit and report buttons */\n --danger: #d20f39!important;\n /* group added by someone not in contacts */\n --button-plain-background: #ccd0da !important;\n --button-plain-background-hover: #bcc0cc !important;\n /* EMOJI AND STICKERS */\n --panel-input-background: #ccd0da !important;\n --sticker-button-background: #bcc0cc !important;\n --active-tab-marker: #7287fd !important;\n /* REACTIONS */\n --reactions-panel-background-color: #ccd0da !important;\n --reactions-tray-background: #ccd0da !important;\n --reactions-details-background: #ccd0da !important;\n --svg-gray-button: #ccd0da !important;\n /* Forward message popup */\n --panel-background-colored-deeper: #dce0e8 !important;\n --modal-backdrop: rgba(230, 233, 239, 0.992) !important;\n /* Forward media caption */\n --forward-caption-preview-background: #e6e9ef !important;\n --forward-caption-preview-content: #dce0e8 !important;\n /* MEDIA EDITOR */\n /* background for media editor */\n --panel-background-deeper: #e6e9ef !important;\n /* message box for media editor */\n --media-editor-image-caption-input-background: #ccd0da !important;\n /* selected picture in media editor */\n --media-editor-thumb-border-active: #7287fd !important;\n /* send button in media editor */\n --button-round-background: #7287fd !important;\n /* COMPOSE BAR */\n /* type a message bar and background */\n --compose-input-background: #ccd0da !important;\n --compose-input-border: #bcc0cc !important;\n --compose-panel-background: #e6e9ef !important;\n --rich-text-panel-background: #e6e9ef !important;\n /* select messages fixes */\n --panel-background: #e6e9ef !important;\n --panel-background-rgb: 230 233 239;\n --checkbox-background: #7287fd !important;\n /* quoted message in compose */\n --popup-panel-background: #ccd0da !important;\n /* use Surface 0 for contrast, other colors don't pass AAA */\n /* mention list item background */\n --compose-panel-background-hover: #bcc0cc !important;\n /* compose bar icons */\n --icon: #7287fd !important;\n /* ATTACH ICONS */\n /* poll icon */\n /* image icon */\n /* sticker icon */\n /* camera icon */\n /* document icon */\n /* contact icon */\n /* VOICE MESSAGE SENDING */\n --ptt-draft-button-send: #7287fd !important;\n --ptt-draft-waveform-background: #eff1f5 !important;\n --ptt-draft-button-stop: #d20f39 !important;\n --ptt-draft-button-stop-hover: #e64553 !important;\n /* GENERAL OPTIONS */\n /* dropdown menus */\n --dropdown-background: #ccd0da !important;\n --dropdown-background-hover: #bcc0cc !important;\n /* OTHER SECTIONS */\n /* profile background */\n --drawer-background: #eff1f5 !important;\n /* communities, new chat, other panes */\n --panel-background-colored: #e6e9ef !important;\n --drawer-section-background: #eff1f5 !important;\n /* new chat icons */\n --round-icon-background: #40a02b !important;\n --inverse: #4c4f69 !important;\n /* title and icon for drawers */\n --drawer-header-title: #4c4f69 !important;\n /* buttons such as create community */\n --button-primary-background: #7287fd !important;\n --button-primary-background-hover: rgba(114, 135, 253, 0.992) !important;\n /* keyboard shortcuts background */\n --panel-background-lighter: #e6e9ef !important;\n /* active input in modals and drawers */\n --input-border-active: #7287fd !important;\n /* Start page drawing */\n /* Status unread dot */\n }\n body.dark .landing-wrapper-before {\n background-color: #7287fd !important;\n }\n body.dark .bfsx6evv {\n background-color: #e6e9ef !important;\n }\n body.dark .p7idzaix {\n color: #dce0e8 !important;\n }\n body.dark .bg-color-1 {\n background-color: #40a02b !important;\n }\n body.dark .color-1 {\n color: #40a02b !important;\n }\n body.dark .bg-color-2 {\n background-color: #1e66f5 !important;\n }\n body.dark .color-2 {\n color: #1e66f5 !important;\n }\n body.dark .bg-color-3 {\n background-color: #ea76cb !important;\n }\n body.dark .color-3 {\n color: #ea76cb !important;\n }\n body.dark .bg-color-4 {\n background-color: #209fb5 !important;\n }\n body.dark .color-4 {\n color: #209fb5 !important;\n }\n body.dark .bg-color-5 {\n background-color: #fe640b !important;\n }\n body.dark .color-5 {\n color: #fe640b !important;\n }\n body.dark .bg-color-6 {\n background-color: #04a5e5 !important;\n }\n body.dark .color-6 {\n color: #04a5e5 !important;\n }\n body.dark .bg-color-7 {\n background-color: #df8e1d !important;\n }\n body.dark .color-7 {\n color: #df8e1d !important;\n }\n body.dark .bg-color-8 {\n background-color: #179299 !important;\n }\n body.dark .color-8 {\n color: #179299 !important;\n }\n body.dark .bg-color-9 {\n background-color: #7287fd !important;\n }\n body.dark .color-9 {\n color: #7287fd !important;\n }\n body.dark .bg-color-10 {\n background-color: #d20f39 !important;\n }\n body.dark .color-10 {\n color: #d20f39 !important;\n }\n body.dark .bg-color-11 {\n background-color: #8839ef !important;\n }\n body.dark .color-11 {\n color: #8839ef !important;\n }\n body.dark .bg-color-12 {\n background-color: #dd7878 !important;\n }\n body.dark .color-12 {\n color: #dd7878 !important;\n }\n body.dark .bg-color-13 {\n background-color: #dc8a78 !important;\n }\n body.dark .color-13 {\n color: #dc8a78 !important;\n }\n body.dark .bg-color-14 {\n background-color: #ea76cb !important;\n }\n body.dark .color-14 {\n color: #ea76cb !important;\n }\n body.dark .bg-color-15 {\n background-color: #e64553 !important;\n }\n body.dark .color-15 {\n color: #e64553 !important;\n }\n body.dark .bg-color-16 {\n background-color: #179299 !important;\n }\n body.dark .color-16 {\n color: #179299 !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(6) > button > span > svg > circle {\n fill: #40a02b !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(1) > button > span > svg > g:nth-child(1) > g > path:nth-child(2) {\n fill: #ea76cb !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(1) > button > span > svg > g:nth-child(1) > g > path:nth-child(1) {\n fill: #ea76cb !important;\n filter: brightness(85%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(1) > button > span > svg > g:nth-child(1) > g > rect {\n fill: #ea76cb !important;\n filter: brightness(70%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(2) > button > span > svg > g > circle {\n fill: #1e66f5 !important;\n filter: brightness(85%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(2) > button > span > svg > g > path:nth-child(2) {\n fill: #1e66f5 !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(3) > button > span > svg > g:nth-child(1) > g > path:nth-child(1) {\n fill: #d20f39 !important;\n filter: brightness(85%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(3) > button > span > svg > g:nth-child(1) > g > path:nth-child(2) {\n fill: #d20f39 !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(3) > button > span > svg > g:nth-child(1) > g > rect {\n fill: #d20f39 !important;\n filter: brightness(85%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(4) > button > span > svg > g:nth-child(1) > g > path:nth-child(1) {\n fill: #8839ef !important;\n filter: brightness(85%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(4) > button > span > svg > g:nth-child(1) > g > path:nth-child(2) {\n fill: #8839ef !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(5) > button > span > svg > g:nth-child(1) > g > g > path:nth-child(1) {\n fill: #04a5e5 !important;\n filter: brightness(85%) !important;\n }\n body.dark div._1OT67 > div > span > div > div > ul > li:nth-child(5) > button > span > svg > g:nth-child(1) > g > g > path:nth-child(2) {\n fill: #04a5e5 !important;\n }\n body.dark #app > div > div > div._2Ts6i._2xAQV > div > div > div.WM0_u > span > svg > path:nth-child(1) {\n fill: #acb0be !important;\n }\n body.dark #df9d3429-f0ef-48b5-b5eb-f9d27b2deba6 > path:nth-child(2) {\n fill: #7287fd !important;\n }\n body.dark #side > div._3gYev > div > div > button > div._3xdht._1ZD3q > span > svg > path {\n fill: #7287fd !important;\n }",
"start": 1138,
"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.5\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/whatsapp-web/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Awhatsapp-web\n@description Soothing pastel theme for WhatsApp Web\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0: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 body {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n body.dark {\n #catppuccin(@darkFlavor, @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 .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 /* Forward media caption */\n --forward-caption-preview-background: @mantle !important;\n --forward-caption-preview-content: @crust !important;\n\n /* MEDIA EDITOR */\n /* background for media editor */\n --panel-background-deeper: @mantle !important;\n /* message box for media editor */\n --media-editor-image-caption-input-background: @surface0 !important;\n /* selected picture in media editor */\n --media-editor-thumb-border-active: @accent-color !important;\n /* send button in media editor */\n --button-round-background: @accent-color !important;\n\n /* COMPOSE BAR */\n /* type a message bar and background */\n --compose-input-background: @surface0 !important;\n --compose-input-border: @surface1 !important;\n --compose-panel-background: @mantle !important;\n --rich-text-panel-background: @mantle !important;\n /* select messages fixes */\n --panel-background: @mantle !important;\n --panel-background-rgb: #rgbify(@mantle) [];\n --checkbox-background: @accent-color !important;\n /* quoted message in compose */\n --popup-panel-background: @surface0 !important;\n /* use Surface 0 for contrast, other colors don't pass AAA */\n /* mention list item background */\n --compose-panel-background-hover: @surface1 !important;\n /* compose bar icons */\n --icon: @accent-color !important;\n /* ATTACH ICONS */\n /* poll icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(6)\n > button\n > span\n > svg\n > circle {\n fill: @green !important;\n }\n /* image icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(1)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(2) {\n fill: @pink !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(1)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(1) {\n fill: @pink !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(1)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > rect {\n fill: @pink !important;\n filter: brightness(70%) !important;\n }\n /* sticker icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(2)\n > button\n > span\n > svg\n > g\n > circle {\n fill: @blue !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(2)\n > button\n > span\n > svg\n > g\n > path:nth-child(2) {\n fill: @blue !important;\n }\n /* camera icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(3)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(1) {\n fill: @red!important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(3)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(2) {\n fill: @red!important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(3)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > rect {\n fill: @red!important;\n filter: brightness(85%) !important;\n }\n /* document icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(4)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(1) {\n fill: @mauve !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(4)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(2) {\n fill: @mauve !important;\n }\n /* contact icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(5)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > g\n > path:nth-child(1) {\n fill: @sky !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(5)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > g\n > path:nth-child(2) {\n fill: @sky !important;\n }\n /* VOICE MESSAGE SENDING */\n --ptt-draft-button-send: @accent-color !important;\n --ptt-draft-waveform-background: @base !important;\n --ptt-draft-button-stop: @red !important;\n --ptt-draft-button-stop-hover: @maroon !important;\n\n /* GENERAL OPTIONS */\n /* dropdown menus */\n --dropdown-background: @surface0 !important;\n --dropdown-background-hover: @surface1 !important;\n\n /* OTHER SECTIONS */\n /* profile background */\n --drawer-background: @base !important;\n /* communities, new chat, other panes */\n --panel-background-colored: @mantle !important;\n --drawer-section-background: @base !important;\n /* new chat icons */\n --round-icon-background: @green !important;\n --inverse: @text !important;\n /* title and icon for drawers */\n --drawer-header-title: @text !important;\n /* buttons such as create community */\n --button-primary-background: @accent-color !important;\n --button-primary-background-hover: fadeout(@accent-color, 0.8) !important;\n /* keyboard shortcuts background */\n --panel-background-lighter: @mantle !important;\n /* active input in modals and drawers */\n --input-border-active: @accent-color !important;\n\n /* Start page drawing */\n #app\n > div\n > div\n > div._2Ts6i._2xAQV\n > div\n > div\n > div.WM0_u\n > span\n > svg\n > path:nth-child(1) {\n fill: @surface2 !important;\n }\n\n /* Status unread dot */\n #df9d3429-f0ef-48b5-b5eb-f9d27b2deba6 > path:nth-child(2) {\n fill: @accent-color !important;\n }\n\n #side\n > div._3gYev\n > div\n > div\n > button\n > div._3xdht._1ZD3q\n > span\n > svg\n > path {\n fill: @accent-color !important;\n }\n }\n}\n// vim:ft=less\n",
+ "sourceCode": "/* ==UserStyle==\n@name WhatsApp Web Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/whatsapp-web\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/whatsapp-web\n@version 0.0.6\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/whatsapp-web/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Awhatsapp-web\n@description Soothing pastel theme for WhatsApp Web\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0: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 body {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n body.dark {\n #catppuccin(@darkFlavor, @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 .landing-wrapper-before {\n background-color: @accent-color !important;\n }\n\n /* STATUS PAGE */\n --status-background: @base !important;\n .bfsx6evv {\n background-color: @mantle !important;\n }\n\n --modal-backdrop-solid: @base !important;\n\n /* join group pop up */\n --modal-background: @base !important;\n\n /* startup progress */\n --progress-primary: @accent-color !important;\n --progress-background: @surface1 !important;\n --startup-background: @base !important;\n --startup-background-rgb: #rgbify(@base) [];\n /* home page, no chat selected */\n --intro-background: @base !important;\n --intro-border: @accent-color !important;\n /* general background */\n --app-background: @base !important;\n\n /* CHAT LIST */\n /* chat list background */\n --background-default: @base !important;\n /* chat list header */\n --panel-header-background: @mantle !important;\n /* icons */\n --panel-header-icon: @text !important;\n /* other warnings (notifications) */\n --butterbar-default-background: @mantle !important;\n --butterbar-notification-icon: @sky !important;\n /* loading messages warning */\n --butterbar-green-nux-background: @mantle !important;\n /* update available warning */\n --butterbar-update-background: @mantle !important;\n --butterbar-update-icon: @accent-color !important;\n /* chat list search bar */\n --search-container-background: @base !important;\n --search-input-container-background: @base !important;\n --search-input-background: @surface0 !important;\n --search-input-container-background-active: @mantle !important;\n --icon-search-back: @accent-color !important;\n /* archive icon */\n --icon-bright-highlight: @accent-color !important;\n /* archived unread marker */\n --unread-marker-background: @accent-color !important;\n --unread-timestamp: @accent-color !important;\n /* archived chats header */\n --archived-chat-persistent-header-background: @crust !important;\n /* unread voice message */\n --ptt-green: @green !important;\n /* read voice message */\n --ptt-blue: @blue !important;\n /* pinned chat icon */\n --icon-pinned: @accent-color !important;\n /* last message in selected chat */\n --secondary-stronger: @subtext1 !important;\n /* background for active and hover chats in chat list */\n --background-default-active: @surface1 !important;\n --background-default-hover: @surface0 !important;\n /* unread chats filter */\n --icon-high-emphasis: @green !important;\n .p7idzaix {\n color: @crust !important;\n }\n /* voice message playing */\n --ptt-ooc-background: @mantle !important;\n\n /* CONVERSATION */\n /* chat background */\n --conversation-panel-background: @mantle !important;\n /* MESSAGES */\n /* background for incoming and outgoing messages */\n & when (@lighterMessages=1) {\n --incoming-background: @surface1 !important;\n --incoming-background-deeper: @surface2 !important;\n /* arrow icon in messages */\n --incoming-background-rgb: #rgbify(@surface1) [];\n }\n & when (@lighterMessages=0) {\n --incoming-background: @base !important;\n --incoming-background-deeper: @surface0 !important;\n /* arrow icon in messages */\n --incoming-background-rgb: #rgbify(@base) [];\n }\n --outgoing-background: @surface0 !important;\n /* read double tick */\n --icon-ack: @blue !important;\n /* received double tick */\n --bubble-meta-icon: @subtext0 !important;\n /* message timestamp */\n --bubble-meta: @text !important;\n --message-primary: @text !important;\n /* POLL */\n /* creation */\n --poll-modal-background-color: @base !important;\n --poll-modal-footer-background-color: @surface0 !important;\n /* votes */\n --poll-bar-fill-receiver: @green !important;\n --poll-bar-fill-sender: @green !important;\n --checkbox-mark: @crust !important;\n\n /* audio duration */\n --audio-progress-metadata: @subtext0 !important;\n /* system messages (unread or day messages in chats) */\n --system-message-text: @text !important;\n --system-message-background: @crust !important;\n /* unread system message background */\n --unread-background: @crust !important;\n --unread-bar-background: @surface1 !important;\n /* meta data for documents */\n --document-meta: @subtext1 !important;\n /* mentions, links and link previews */\n --mention-at-symbol: @sapphire !important;\n --link: @sapphire !important;\n --link-preview: @text !important;\n --link-preview-lighter: @subtext1 !important;\n --link-preview-light: @subtext0 !important;\n --outgoing-background-rgb: #rgbify(@surface0) [];\n /* QUOTED MESSAGES */\n /* quoted messages */\n --quoted-message-text: @text !important;\n /* background for quoted incoming and outgoing messages */\n --outgoing-background-deeper: @surface1 !important;\n\n /* SEARCH IN CHAT HIGHLIGHT */\n --highlight: @teal !important;\n\n /* quote colors */\n .bg-color-1 {\n background-color: @green !important;\n }\n .color-1 {\n color: @green !important;\n }\n .bg-color-2 {\n background-color: @blue !important;\n }\n .color-2 {\n color: @blue !important;\n }\n .bg-color-3 {\n background-color: @pink !important;\n }\n .color-3 {\n color: @pink !important;\n }\n .bg-color-4 {\n background-color: @sapphire !important;\n }\n .color-4 {\n color: @sapphire !important;\n }\n .bg-color-5 {\n background-color: @peach !important;\n }\n .color-5 {\n color: @peach !important;\n }\n .bg-color-6 {\n background-color: @sky !important;\n }\n .color-6 {\n color: @sky !important;\n }\n .bg-color-7 {\n background-color: @yellow !important;\n }\n .color-7 {\n color: @yellow !important;\n }\n .bg-color-8 {\n background-color: @teal !important;\n }\n .color-8 {\n color: @teal !important;\n }\n .bg-color-9 {\n background-color: @lavender !important;\n }\n .color-9 {\n color: @lavender !important;\n }\n .bg-color-10 {\n background-color: @red!important;\n }\n .color-10 {\n color: @red!important;\n }\n .bg-color-11 {\n background-color: @mauve !important;\n }\n .color-11 {\n color: @mauve !important;\n }\n .bg-color-12 {\n background-color: @flamingo !important;\n }\n .color-12 {\n color: @flamingo !important;\n }\n .bg-color-13 {\n background-color: @rosewater !important;\n }\n .color-13 {\n color: @rosewater !important;\n }\n .bg-color-14 {\n background-color: @pink !important;\n }\n .color-14 {\n color: @pink !important;\n }\n .bg-color-15 {\n background-color: @maroon !important;\n }\n .color-15 {\n color: @maroon !important;\n }\n .bg-color-16 {\n background-color: @teal !important;\n }\n .color-16 {\n color: @teal !important;\n }\n /* general text */\n --primary: @text !important;\n --primary-strong: @text !important;\n --primary-stronger: @text !important;\n --primary-strongest: @text !important;\n --secondary: @subtext0 !important;\n --secondary-strongest-rgb: #rgbify(@text) [];\n --inline-code-text: @blue !important;\n /* chat list typing message */\n --typing: @green !important;\n /* background for video player and image viewer */\n --media-viewer-background: @mantle !important;\n /* not loaded media */\n --media-gallery-thumb-background: @crust !important;\n\n /* Group info/Contact info */\n --photopicker-overlay-background: fadeout(@mantle, 0.8) !important;\n --photopicker-overlay-background-rgb: #rgbify(@base) [];\n --media-viewer-background-rgb: #rgbify(@base) [];\n --drawer-background-deep: @crust !important;\n /* group info read more */\n --input-button-more: @sapphire !important;\n /* Group info thumbnails border */\n --chat-info-drawer-thumb-background: @surface2 !important;\n /* Group admin badge background */\n --chat-marker-background: @mantle !important;\n --chat-marker-border: @mantle !important;\n /* Group admin badge foreground */\n --chat-marker: @subtext0 !important;\n /* Media gallery */\n --drawer-gallery-background: @crust !important;\n /* mute toggle */\n --switch-button-checked-color: @accent-color !important;\n --switch-track-checked-color: @surface2 !important;\n --switch-track-color: @surface2 !important;\n --switch-button-color: @overlay1 !important;\n\n /* danger, block, exit and report buttons */\n --danger: @red!important;\n\n /* group added by someone not in contacts */\n --button-plain-background: @surface0 !important;\n --button-plain-background-hover: @surface1 !important;\n\n /* EMOJI AND STICKERS */\n --panel-input-background: @surface0 !important;\n --sticker-button-background: @surface1 !important;\n --active-tab-marker: @accent-color !important;\n\n /* REACTIONS */\n --reactions-panel-background-color: @surface0 !important;\n --reactions-tray-background: @surface0 !important;\n --reactions-details-background: @surface0 !important;\n --svg-gray-button: @surface0 !important;\n\n /* Forward message popup */\n --panel-background-colored-deeper: @crust !important;\n --modal-backdrop: fadeout(@mantle, 0.8) !important;\n\n /* Forward media caption */\n --forward-caption-preview-background: @mantle !important;\n --forward-caption-preview-content: @crust !important;\n\n /* MEDIA EDITOR */\n /* background for media editor */\n --panel-background-deeper: @mantle !important;\n /* message box for media editor */\n --media-editor-image-caption-input-background: @surface0 !important;\n /* selected picture in media editor */\n --media-editor-thumb-border-active: @accent-color !important;\n /* send button in media editor */\n --button-round-background: @accent-color !important;\n\n /* COMPOSE BAR */\n /* type a message bar and background */\n --compose-input-background: @surface0 !important;\n --compose-input-border: @surface1 !important;\n --compose-panel-background: @mantle !important;\n --rich-text-panel-background: @mantle !important;\n /* select messages fixes */\n --panel-background: @mantle !important;\n --panel-background-rgb: #rgbify(@mantle) [];\n --checkbox-background: @accent-color !important;\n /* quoted message in compose */\n --popup-panel-background: @surface0 !important;\n /* use Surface 0 for contrast, other colors don't pass AAA */\n /* mention list item background */\n --compose-panel-background-hover: @surface1 !important;\n /* compose bar icons */\n --icon: @accent-color !important;\n /* ATTACH ICONS */\n /* poll icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(6)\n > button\n > span\n > svg\n > circle {\n fill: @green !important;\n }\n /* image icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(1)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(2) {\n fill: @pink !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(1)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(1) {\n fill: @pink !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(1)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > rect {\n fill: @pink !important;\n filter: brightness(70%) !important;\n }\n /* sticker icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(2)\n > button\n > span\n > svg\n > g\n > circle {\n fill: @blue !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(2)\n > button\n > span\n > svg\n > g\n > path:nth-child(2) {\n fill: @blue !important;\n }\n /* camera icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(3)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(1) {\n fill: @red!important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(3)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(2) {\n fill: @red!important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(3)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > rect {\n fill: @red!important;\n filter: brightness(85%) !important;\n }\n /* document icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(4)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(1) {\n fill: @mauve !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(4)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(2) {\n fill: @mauve !important;\n }\n /* contact icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(5)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > g\n > path:nth-child(1) {\n fill: @sky !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(5)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > g\n > path:nth-child(2) {\n fill: @sky !important;\n }\n /* VOICE MESSAGE SENDING */\n --ptt-draft-button-send: @accent-color !important;\n --ptt-draft-waveform-background: @base !important;\n --ptt-draft-button-stop: @red !important;\n --ptt-draft-button-stop-hover: @maroon !important;\n\n /* GENERAL OPTIONS */\n /* dropdown menus */\n --dropdown-background: @surface0 !important;\n --dropdown-background-hover: @surface1 !important;\n\n /* OTHER SECTIONS */\n /* profile background */\n --drawer-background: @base !important;\n /* communities, new chat, other panes */\n --panel-background-colored: @mantle !important;\n --drawer-section-background: @base !important;\n /* new chat icons */\n --round-icon-background: @green !important;\n --inverse: @text !important;\n /* title and icon for drawers */\n --drawer-header-title: @text !important;\n /* buttons such as create community */\n --button-primary-background: @accent-color !important;\n --button-primary-background-hover: fadeout(@accent-color, 0.8) !important;\n /* keyboard shortcuts background */\n --panel-background-lighter: @mantle !important;\n /* active input in modals and drawers */\n --input-border-active: @accent-color !important;\n\n /* Start page drawing */\n #app\n > div\n > div\n > div._2Ts6i._2xAQV\n > div\n > div\n > div.WM0_u\n > span\n > svg\n > path:nth-child(1) {\n fill: @surface2 !important;\n }\n\n /* Status unread dot */\n #df9d3429-f0ef-48b5-b5eb-f9d27b2deba6 > path:nth-child(2) {\n fill: @accent-color !important;\n }\n\n #side\n > div._3gYev\n > div\n > div\n > button\n > div._3xdht._1ZD3q\n > span\n > svg\n > path {\n fill: @accent-color !important;\n }\n }\n}\n// 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.5",
+ "version": "0.0.6",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/whatsapp-web/catppuccin.user.css",
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Awhatsapp-web",
"description": "Soothing pastel theme for WhatsApp Web",
@@ -1389,12 +1390,12 @@
"author": "Catppuccin",
"description": "Soothing pastel theme for WhatsApp Web",
"name": "WhatsApp Web Catppuccin",
- "originalDigest": "890f9b8fc583cb40f630d4196ac6c7d71ee549b6",
+ "originalDigest": "37678cc402f6d139f12510091517073015d23df5",
"_id": "f583e674-dc66-4e55-8f01-4fd979d1ecce",
- "_rev": 1703614195842,
+ "_rev": 1706352653338,
"id": 37,
- "etag": "W/\"996c7a47993a28522ad6aa4fe79c9373d5bda2978a0e5db7a1d71a602b3f155b\"",
- "updateDate": 1703614195774
+ "etag": "W/\"3bae6530f72fbee53718d8c49f8c24ed720f49bf0d33bb3bc6b8f47e512a9bf2\"",
+ "updateDate": 1706352653275
},
{
"enabled": true,
@@ -1403,23 +1404,30 @@
"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.9\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Achatgpt\n@description Soothing pastel theme for ChatGPT\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green*\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */",
+ "code": "/* ==UserStyle==\n@name ChatGPT Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/chatgpt\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt\n@version 0.2.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Achatgpt\n@description Soothing pastel theme for ChatGPT\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe: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-crust: 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 .text-gizmo-gray-600,\n .light html nav .text-gizmo-gray-600 {\n color: #a5adcb;\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 .from-token-surface-secondary,\n .light html nav .group .from-token-surface-secondary {\n --tw-gradient-from: #494d64 var(--tw-gradient-from-position) !important;\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: #181926 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-crust: 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 .text-gizmo-gray-600,\n .dark body nav .text-gizmo-gray-600,\n .dark html nav .text-gizmo-gray-600 {\n color: #a5adcb;\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 .from-token-surface-secondary,\n .dark body nav .group .from-token-surface-secondary,\n .dark html nav .group .from-token-surface-secondary {\n --tw-gradient-from: #494d64 var(--tw-gradient-from-position) !important;\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: #181926 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 */",
+ "code": "@import url(\"https://unpkg.com/@catppuccin/highlightjs@0.1.2/css/catppuccin.variables.css\");\n :root.light {\n color-scheme: dark;\n /* Syntax highlighting */\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-crust: 24, 25, 38;\n color: #cad3f5;\n --white: #f5f7fd;\n --black: #10121b;\n --gray-50: #c9d0e8;\n --gray-100: #cad3f5;\n --gray-200: #b8c0e0;\n --gray-300: #a5adcb;\n --gray-400: #939ab7;\n --gray-500: #8087a2;\n --gray-600: #6e738d;\n --gray-700: #5b6078;\n --gray-800: #494d64;\n --gray-900: #363a4f;\n --gray-950: #24273a;\n --brand-purple: #b7bdf8;\n --border-light: rgba(202, 211, 245, 0.1);\n --border-medium: rgba(202, 211, 245, 0.15);\n --border-heavy: rgba(202, 211, 245, 0.2);\n --border-xheavy: rgba(202, 211, 245, 0.25);\n --link: #b7bdf8;\n --link-hover: #8992f3;\n /* ChatGPT logo */\n /* Input */\n /* Buttons */\n /* Borders */\n /* Backgrounds */\n /* Gradients */\n /* Fill/stroke */\n /* Text */\n /* Dark mode overrides */\n /* stylelint-disable-next-line no-duplicate-selectors */\n /* \"Was this response better or worse\" dialog button hover */\n /* Other */\n }\n :root.light code.hljs {\n background: none;\n }\n :root.light pre .bg-token-main-surface-secondary {\n background-color: #363a4f;\n }\n :root.light pre .bg-gray-950 {\n background-color: #181926;\n }\n :root.light pre .text-token-text-secondary {\n color: #a5adcb;\n }\n :root.light *:focus {\n --tw-ring-offset-color: #24273a;\n --tw-ring-color: #b7bdf8;\n }\n :root.light [style*=\"background-color: rgb(25, 195, 125);\"] {\n background-color: #a6da95 !important;\n color: #24273a !important;\n }\n :root.light input::placeholder,\n :root.light textarea::placeholder {\n color: #939ab7 !important;\n }\n :root.light select {\n background-image: url(\"data:image/svg+xml;%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20fill%3D'none'%20viewBox%3D'0%200%2020%2020'%3E%3Cpath%20stroke%3D'%23939ab7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20stroke-width%3D'1.5'%20d%3D'm6%208%204%204%204-4'/%3E%3C/svg%3E\");\n }\n :root.light [multiple],\n :root.light [type=\"date\"],\n :root.light [type=\"datetime-local\"],\n :root.light [type=\"email\"],\n :root.light [type=\"month\"],\n :root.light [type=\"number\"],\n :root.light [type=\"password\"],\n :root.light [type=\"search\"],\n :root.light [type=\"tel\"],\n :root.light [type=\"text\"],\n :root.light [type=\"time\"],\n :root.light [type=\"url\"],\n :root.light [type=\"week\"],\n :root.light select,\n :root.light textarea {\n background-color: #24273a;\n border-color: #939ab7;\n }\n :root.light [type=\"checkbox\"],\n :root.light [type=\"radio\"] {\n background-color: #24273a;\n border-color: #939ab7;\n color: #b7bdf8;\n }\n :root.light .form-input,\n :root.light .form-multiselect,\n :root.light .form-select,\n :root.light .form-textarea {\n background-color: #24273a;\n border-color: #939ab7;\n }\n :root.light .form-input:focus,\n :root.light .form-multiselect:focus,\n :root.light .form-select:focus,\n :root.light .form-textarea:focus {\n border-color: #b7bdf8;\n }\n :root.light .form-input::placeholder,\n :root.light .form-textarea::placeholder {\n color: #939ab7;\n }\n :root.light .btn-primary {\n background-color: #a6da95;\n color: #24273a;\n }\n :root.light .btn-primary:hover {\n background-color: #86cd6f;\n }\n :root.light .btn-primary.focus-visible {\n --tw-ring-color: #c6e7bb !important;\n }\n :root.light .btn-primary:focus-visible {\n --tw-ring-color: #c6e7bb !important;\n }\n :root.light .btn-danger {\n background-color: #ed8796;\n color: #24273a;\n }\n :root.light .btn-danger:hover {\n background-color: #e65b6f;\n }\n :root.light .btn-danger.focus-visible {\n --tw-ring-color: #f4b3bd !important;\n }\n :root.light .btn-danger:focus-visible {\n --tw-ring-color: #f4b3bd !important;\n }\n :root.light .btn-danger:disabled:hover {\n background-color: #ed8796;\n }\n :root.light .btn-danger-outline {\n border-color: #ed8796;\n color: #ed8796;\n }\n :root.light .btn-danger-outline.focus-visible {\n --tw-ring-color: #f4b3bd !important;\n }\n :root.light .btn-danger-outline:focus-visible {\n --tw-ring-color: #f4b3bd !important;\n }\n :root.light .btn-neutral.focus-visible {\n --tw-ring-color: #6e738d !important;\n }\n :root.light .btn-neutral:focus-visible {\n --tw-ring-color: #6e738d !important;\n }\n :root.light .btn-dark {\n background-color: #363a4f;\n border-color: #6e738d;\n color: #cad3f5;\n }\n :root.light .btn-dark:hover {\n background-color: #494d64;\n }\n :root.light .btn-light {\n background-color: #cad3f5;\n color: #10121b;\n }\n :root.light .btn-light:hover {\n background-color: #24273a;\n }\n :root.light .btn-disabled,\n :root.light .btn-disabled:hover {\n background-color: #cad3f5;\n }\n :root.light .border-black,\n :root.light .border-black\\/10,\n :root.light .border-black\\/20,\n :root.light .border-black\\/30,\n :root.light .border-black\\/5 {\n border-color: var(--border-light);\n }\n :root.light .border-gray-100 {\n border-color: var(--gray-100);\n }\n :root.light .border-gray-200 {\n border-color: var(--gray-200);\n }\n :root.light .border-gray-300 {\n border-color: var(--gray-300);\n }\n :root.light .border-gray-400 {\n border-color: var(--gray-400);\n }\n :root.light .border-gray-500 {\n border-color: var(--gray-500);\n }\n :root.light .border-gray-700 {\n border-color: var(--gray-700);\n }\n :root.light .border-gray-950 {\n border-color: var(--gray-950);\n }\n :root.light .border-green-500 {\n border-color: #c6e7bb;\n }\n :root.light .border-green-600 {\n border-color: #a6da95;\n }\n :root.light .border-orange-400 {\n border-color: #f5d1c6;\n }\n :root.light .border-orange-500 {\n border-color: #eeae9b;\n }\n :root.light .border-red-500 {\n border-color: #e65b6f;\n }\n :root.light .border-white {\n border-color: #f5f7fd;\n }\n :root.light .border-white\\/20 {\n border-color: rgba(245, 247, 253, 0.2);\n }\n :root.light .border-t-[\\#0077FF] {\n border-top-color: #8aadf4;\n }\n :root.light .\\!bg-brand-purple {\n background-color: #b7bdf8 !important;\n }\n :root.light .\\!bg-gray-200 {\n background-color: var(--gray-200) !important;\n }\n :root.light .bg-[\\#0077FF],\n :root.light .bg-\\[\\#3C46FF\\] {\n background-color: #8aadf4;\n }\n :root.light .hover\\:bg-\\[\\#0000FF\\]:hover {\n background-color: #5b8cf0;\n }\n :root.light .bg-[\\#10A37F] {\n background-color: #a6da95;\n }\n :root.light .bg-[\\#3C46FF] {\n background-color: #8aadf4;\n }\n :root.light .bg-[\\#4046EC] {\n background-color: #8aadf4;\n }\n :root.light .bg-[\\#B161FD] {\n background-color: #b7bdf8;\n }\n :root.light .bg-[\\#F8CA27] {\n background-color: #eed49f;\n }\n :root.light .bg-[\\#FF5588] {\n background-color: #f1a2be;\n }\n :root.light .bg-[\\#FF6E3C] {\n background-color: #f3aa95;\n }\n :root.light .dark\\:radix-highlighted\\:bg-\\[\\#2E2F33\\][data-highlighted] {\n background-color: #363a4f;\n }\n :root.light .bg-black {\n background-color: #10121b;\n }\n :root.light .bg-black\\/20 {\n background-color: rgba(16, 18, 27, 0.2);\n }\n :root.light .bg-black\\/5 {\n background-color: rgba(16, 18, 27, 0.05);\n }\n :root.light .bg-black\\/50 {\n background-color: rgba(16, 18, 27, 0.5);\n }\n :root.light .bg-black\\/90 {\n background-color: rgba(16, 18, 27, 0.9);\n }\n :root.light .bg-black\\/\\[\\.04\\] {\n background-color: rgba(16, 18, 27, 0.04);\n }\n :root.light .bg-black\\/\\[\\.08\\] {\n background-color: rgba(16, 18, 27, 0.08);\n }\n :root.light .bg-black\\/\\[\\.12\\] {\n background-color: rgba(16, 18, 27, 0.12);\n }\n :root.light .bg-blue-100 {\n background-color: #ffffff;\n }\n :root.light .bg-blue-200 {\n background-color: #e7eefd;\n }\n :root.light .bg-blue-300 {\n background-color: #b9cef8;\n }\n :root.light .bg-blue-400 {\n background-color: #8aadf4;\n }\n :root.light .bg-blue-500 {\n background-color: #739df2;\n }\n :root.light .bg-blue-700 {\n background-color: #5b8cf0;\n }\n :root.light .bg-brand-blue-800 {\n background-color: #2d6ceb;\n }\n :root.light .bg-blue-950 {\n background-color: #1452d1;\n }\n :root.light .checked\\:bg-blue-600:checked {\n background-color: #b7bdf8;\n }\n :root.light .bg-brand-green {\n background-color: #c6e7bb;\n }\n :root.light .bg-brand-green\\/20 {\n background-color: rgba(198, 231, 187, 0.2);\n }\n :root.light .bg-brand-green\\/40 {\n background-color: rgba(198, 231, 187, 0.4);\n }\n :root.light .bg-brand-purple {\n background-color: #b7bdf8;\n }\n :root.light .bg-gray-100 {\n background-color: var(--gray-100);\n }\n :root.light .bg-gray-200 {\n background-color: var(--gray-200);\n }\n :root.light .bg-gray-300 {\n background-color: var(--gray-300);\n }\n :root.light .bg-gray-400 {\n background-color: var(--gray-400);\n }\n :root.light .bg-gray-50 {\n background-color: var(--gray-50);\n }\n :root.light .bg-gray-500 {\n background-color: var(--gray-500);\n }\n :root.light .bg-gray-600 {\n background-color: var(--gray-600);\n }\n :root.light .bg-gray-700 {\n background-color: var(--gray-700);\n }\n :root.light .bg-gray-900 {\n background-color: var(--gray-900);\n }\n :root.light .bg-gray-950 {\n background-color: var(--gray-950);\n }\n :root.light .bg-green-100 {\n background-color: #ffffff;\n }\n :root.light .bg-green-200 {\n background-color: #e5f4e1;\n }\n :root.light .bg-green-500 {\n background-color: #c6e7bb;\n }\n :root.light .bg-green-500\\/10 {\n background-color: rgba(198, 231, 187, 0.1);\n }\n :root.light .bg-green-600 {\n background-color: #a6da95;\n }\n :root.light .bg-orange-500 {\n background-color: #eeae9b;\n }\n :root.light .bg-orange-500\\/10 {\n background-color: rgba(238, 173, 154, 0.1);\n }\n :root.light .bg-red-100 {\n background-color: rgba(244, 179, 189, 0.3);\n }\n :root.light .bg-red-200 {\n background-color: #fae0e4;\n }\n :root.light .bg-red-500 {\n background-color: #ed8796;\n }\n :root.light .bg-red-500\\/10 {\n background-color: rgba(237, 135, 150, 0.1);\n }\n :root.light .bg-red-600 {\n background-color: #f4b3bd;\n }\n :root.light .bg-white {\n background-color: #f5f7fd;\n }\n :root.light .bg-white\\/20 {\n background-color: rgba(245, 247, 253, 0.2);\n }\n :root.light .bg-white\\/25 {\n background-color: rgba(245, 247, 253, 0.25);\n }\n :root.light .bg-yellow-100 {\n background-color: #fdfbf6;\n }\n :root.light .bg-yellow-200 {\n background-color: #f6e7ca;\n }\n :root.light .bg-yellow-400 {\n background-color: #eed49f;\n }\n :root.light .bg-yellow-500 {\n background-color: #e6c174;\n }\n :root.light .radix-state-checked\\:bg-green-600[data-state=\"checked\"] {\n background-color: #86cd6f;\n }\n :root.light .hover\\:bg-blue-700:hover {\n background-color: #165be9;\n }\n :root.light [class*=\"bg-transparent\"] {\n background-color: transparent;\n }\n :root.light .from-white {\n --tw-gradient-from: #f5f7fd var(--tw-gradient-from-position);\n }\n :root.light .fill-yellow-500 {\n fill: #eed49f;\n }\n :root.light .stroke-black {\n stroke: #10121b;\n }\n :root.light .stroke-brand-purple\\/25 {\n stroke: rgba(183, 189, 248, 0.25);\n }\n :root.light .stroke-gray-400 {\n stroke: #a5adcb;\n }\n :root.light .\\!text-black {\n color: #10121b !important;\n }\n :root.light .text-\\[\\#FE7600\\] {\n color: #eeae9b;\n }\n :root.light .text-\\[\\#fff\\] {\n color: #24273a;\n }\n :root.light .text-black {\n color: #10121b;\n }\n :root.light .text-black\\/60 {\n color: rgba(16, 18, 27, 0.6);\n }\n :root.light .text-black\\/70 {\n color: rgba(16, 18, 27, 0.7);\n }\n :root.light .text-blue-500 {\n color: #b9cef8;\n }\n :root.light .text-blue-600 {\n color: #8aadf4;\n }\n :root.light .text-brand-blue-800 {\n color: #8aadf4;\n }\n :root.light .text-brand-purple {\n color: #b7bdf8;\n }\n :root.light .text-gray-100 {\n color: var(--gray-100);\n }\n :root.light .text-gray-300 {\n color: var(--gray-300);\n }\n :root.light .text-gray-400 {\n color: var(--gray-400);\n }\n :root.light .text-gray-500 {\n color: var(--gray-500);\n }\n :root.light .text-gray-600 {\n color: var(--gray-600);\n }\n :root.light .text-gray-700 {\n color: var(--gray-700);\n }\n :root.light .text-gray-800 {\n color: var(--gray-800);\n }\n :root.light .text-gray-900 {\n color: var(--gray-900);\n }\n :root.light .text-green-500 {\n color: #c6e7bb;\n }\n :root.light .text-green-600 {\n color: #a6da95;\n }\n :root.light .text-green-700 {\n color: #86cd6f;\n }\n :root.light .text-green-800 {\n color: #67c049;\n }\n :root.light .text-green-900 {\n color: #519f37;\n }\n :root.light .text-orange-300 {\n color: #f9e2dc;\n }\n :root.light .text-orange-400 {\n color: #f5d1c6;\n }\n :root.light .text-orange-500 {\n color: #eeae9b;\n }\n :root.light .text-red-500 {\n color: #ed8796;\n }\n :root.light .text-red-600 {\n color: #f4b3bd;\n }\n :root.light .text-red-700 {\n color: #ed8796;\n }\n :root.light .text-red-800 {\n color: #e65b6f;\n }\n :root.light .text-white {\n color: #f5f7fd;\n }\n :root.light .text-white\\/25 {\n color: rgba(245, 247, 253, 0.25);\n }\n :root.light .text-white\\/50 {\n color: rgba(245, 247, 253, 0.5);\n }\n :root.light .text-white\\/80 {\n color: rgba(245, 247, 253, 0.8);\n }\n :root.light .text-yellow-500 {\n color: #eed49f;\n }\n :root.light .text-yellow-700 {\n color: #e6c174;\n }\n :root.light .text-yellow-800 {\n color: #dfad48;\n }\n :root.light .text-yellow-900 {\n color: #cf9725;\n }\n :root.light .dark\\:bg-black {\n background-color: #10121b;\n }\n :root.light .dark\\:bg-white {\n background-color: #f5f7fd;\n }\n :root.light .dark\\:hover\\:bg-gray-800:hover {\n background-color: transparent;\n }\n :root.light .dark\\:text-white {\n color: #f5f7fd;\n }\n :root.light .dark\\:text-black {\n color: #10121b;\n }\n :root.light .dark\\:text-\\[\\#D292FF\\] {\n color: #c6a0f6;\n }\n :root.light .dark\\:focus\\:border-white:focus {\n border-color: #cad3f5;\n }\n :root.light .ring-black {\n --tw-ring-color: #10121b;\n }\n :root.light .ring-black\\/10 {\n --tw-ring-color: rgba(16, 18, 27, 0.1);\n }\n :root.light .ring-white {\n --tw-ring-color: #24273a;\n }\n :root.light .ring-offset-black {\n --tw-ring-offset-color: #24273a;\n }\n :root.light [style=\"background-color: rgb(0, 0, 46);\"],\n :root.light [style=\"background-color: rgb(255, 255, 219);\"] {\n background-color: #181926 !important;\n }\n :root.dark {\n color-scheme: dark;\n /* Syntax highlighting */\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-crust: 24, 25, 38;\n color: #cad3f5;\n --white: #f5f7fd;\n --black: #10121b;\n --gray-50: #c9d0e8;\n --gray-100: #cad3f5;\n --gray-200: #b8c0e0;\n --gray-300: #a5adcb;\n --gray-400: #939ab7;\n --gray-500: #8087a2;\n --gray-600: #6e738d;\n --gray-700: #5b6078;\n --gray-800: #494d64;\n --gray-900: #363a4f;\n --gray-950: #24273a;\n --brand-purple: #b7bdf8;\n --border-light: rgba(202, 211, 245, 0.1);\n --border-medium: rgba(202, 211, 245, 0.15);\n --border-heavy: rgba(202, 211, 245, 0.2);\n --border-xheavy: rgba(202, 211, 245, 0.25);\n --link: #b7bdf8;\n --link-hover: #8992f3;\n /* ChatGPT logo */\n /* Input */\n /* Buttons */\n /* Borders */\n /* Backgrounds */\n /* Gradients */\n /* Fill/stroke */\n /* Text */\n /* Dark mode overrides */\n /* stylelint-disable-next-line no-duplicate-selectors */\n /* \"Was this response better or worse\" dialog button hover */\n /* Other */\n }\n :root.dark code.hljs {\n background: none;\n }\n :root.dark pre .bg-token-main-surface-secondary {\n background-color: #363a4f;\n }\n :root.dark pre .bg-gray-950 {\n background-color: #181926;\n }\n :root.dark pre .text-token-text-secondary {\n color: #a5adcb;\n }\n :root.dark *:focus {\n --tw-ring-offset-color: #24273a;\n --tw-ring-color: #b7bdf8;\n }\n :root.dark [style*=\"background-color: rgb(25, 195, 125);\"] {\n background-color: #a6da95 !important;\n color: #24273a !important;\n }\n :root.dark input::placeholder,\n :root.dark textarea::placeholder {\n color: #939ab7 !important;\n }\n :root.dark select {\n background-image: url(\"data:image/svg+xml;%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20fill%3D'none'%20viewBox%3D'0%200%2020%2020'%3E%3Cpath%20stroke%3D'%23939ab7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20stroke-width%3D'1.5'%20d%3D'm6%208%204%204%204-4'/%3E%3C/svg%3E\");\n }\n :root.dark [multiple],\n :root.dark [type=\"date\"],\n :root.dark [type=\"datetime-local\"],\n :root.dark [type=\"email\"],\n :root.dark [type=\"month\"],\n :root.dark [type=\"number\"],\n :root.dark [type=\"password\"],\n :root.dark [type=\"search\"],\n :root.dark [type=\"tel\"],\n :root.dark [type=\"text\"],\n :root.dark [type=\"time\"],\n :root.dark [type=\"url\"],\n :root.dark [type=\"week\"],\n :root.dark select,\n :root.dark textarea {\n background-color: #24273a;\n border-color: #939ab7;\n }\n :root.dark [type=\"checkbox\"],\n :root.dark [type=\"radio\"] {\n background-color: #24273a;\n border-color: #939ab7;\n color: #b7bdf8;\n }\n :root.dark .form-input,\n :root.dark .form-multiselect,\n :root.dark .form-select,\n :root.dark .form-textarea {\n background-color: #24273a;\n border-color: #939ab7;\n }\n :root.dark .form-input:focus,\n :root.dark .form-multiselect:focus,\n :root.dark .form-select:focus,\n :root.dark .form-textarea:focus {\n border-color: #b7bdf8;\n }\n :root.dark .form-input::placeholder,\n :root.dark .form-textarea::placeholder {\n color: #939ab7;\n }\n :root.dark .btn-primary {\n background-color: #a6da95;\n color: #24273a;\n }\n :root.dark .btn-primary:hover {\n background-color: #86cd6f;\n }\n :root.dark .btn-primary.focus-visible {\n --tw-ring-color: #c6e7bb !important;\n }\n :root.dark .btn-primary:focus-visible {\n --tw-ring-color: #c6e7bb !important;\n }\n :root.dark .btn-danger {\n background-color: #ed8796;\n color: #24273a;\n }\n :root.dark .btn-danger:hover {\n background-color: #e65b6f;\n }\n :root.dark .btn-danger.focus-visible {\n --tw-ring-color: #f4b3bd !important;\n }\n :root.dark .btn-danger:focus-visible {\n --tw-ring-color: #f4b3bd !important;\n }\n :root.dark .btn-danger:disabled:hover {\n background-color: #ed8796;\n }\n :root.dark .btn-danger-outline {\n border-color: #ed8796;\n color: #ed8796;\n }\n :root.dark .btn-danger-outline.focus-visible {\n --tw-ring-color: #f4b3bd !important;\n }\n :root.dark .btn-danger-outline:focus-visible {\n --tw-ring-color: #f4b3bd !important;\n }\n :root.dark .btn-neutral.focus-visible {\n --tw-ring-color: #6e738d !important;\n }\n :root.dark .btn-neutral:focus-visible {\n --tw-ring-color: #6e738d !important;\n }\n :root.dark .btn-dark {\n background-color: #363a4f;\n border-color: #6e738d;\n color: #cad3f5;\n }\n :root.dark .btn-dark:hover {\n background-color: #494d64;\n }\n :root.dark .btn-light {\n background-color: #cad3f5;\n color: #10121b;\n }\n :root.dark .btn-light:hover {\n background-color: #24273a;\n }\n :root.dark .btn-disabled,\n :root.dark .btn-disabled:hover {\n background-color: #cad3f5;\n }\n :root.dark .border-black,\n :root.dark .border-black\\/10,\n :root.dark .border-black\\/20,\n :root.dark .border-black\\/30,\n :root.dark .border-black\\/5 {\n border-color: var(--border-light);\n }\n :root.dark .border-gray-100 {\n border-color: var(--gray-100);\n }\n :root.dark .border-gray-200 {\n border-color: var(--gray-200);\n }\n :root.dark .border-gray-300 {\n border-color: var(--gray-300);\n }\n :root.dark .border-gray-400 {\n border-color: var(--gray-400);\n }\n :root.dark .border-gray-500 {\n border-color: var(--gray-500);\n }\n :root.dark .border-gray-700 {\n border-color: var(--gray-700);\n }\n :root.dark .border-gray-950 {\n border-color: var(--gray-950);\n }\n :root.dark .border-green-500 {\n border-color: #c6e7bb;\n }\n :root.dark .border-green-600 {\n border-color: #a6da95;\n }\n :root.dark .border-orange-400 {\n border-color: #f5d1c6;\n }\n :root.dark .border-orange-500 {\n border-color: #eeae9b;\n }\n :root.dark .border-red-500 {\n border-color: #e65b6f;\n }\n :root.dark .border-white {\n border-color: #f5f7fd;\n }\n :root.dark .border-white\\/20 {\n border-color: rgba(245, 247, 253, 0.2);\n }\n :root.dark .border-t-[\\#0077FF] {\n border-top-color: #8aadf4;\n }\n :root.dark .\\!bg-brand-purple {\n background-color: #b7bdf8 !important;\n }\n :root.dark .\\!bg-gray-200 {\n background-color: var(--gray-200) !important;\n }\n :root.dark .bg-[\\#0077FF],\n :root.dark .bg-\\[\\#3C46FF\\] {\n background-color: #8aadf4;\n }\n :root.dark .hover\\:bg-\\[\\#0000FF\\]:hover {\n background-color: #5b8cf0;\n }\n :root.dark .bg-[\\#10A37F] {\n background-color: #a6da95;\n }\n :root.dark .bg-[\\#3C46FF] {\n background-color: #8aadf4;\n }\n :root.dark .bg-[\\#4046EC] {\n background-color: #8aadf4;\n }\n :root.dark .bg-[\\#B161FD] {\n background-color: #b7bdf8;\n }\n :root.dark .bg-[\\#F8CA27] {\n background-color: #eed49f;\n }\n :root.dark .bg-[\\#FF5588] {\n background-color: #f1a2be;\n }\n :root.dark .bg-[\\#FF6E3C] {\n background-color: #f3aa95;\n }\n :root.dark .dark\\:radix-highlighted\\:bg-\\[\\#2E2F33\\][data-highlighted] {\n background-color: #363a4f;\n }\n :root.dark .bg-black {\n background-color: #10121b;\n }\n :root.dark .bg-black\\/20 {\n background-color: rgba(16, 18, 27, 0.2);\n }\n :root.dark .bg-black\\/5 {\n background-color: rgba(16, 18, 27, 0.05);\n }\n :root.dark .bg-black\\/50 {\n background-color: rgba(16, 18, 27, 0.5);\n }\n :root.dark .bg-black\\/90 {\n background-color: rgba(16, 18, 27, 0.9);\n }\n :root.dark .bg-black\\/\\[\\.04\\] {\n background-color: rgba(16, 18, 27, 0.04);\n }\n :root.dark .bg-black\\/\\[\\.08\\] {\n background-color: rgba(16, 18, 27, 0.08);\n }\n :root.dark .bg-black\\/\\[\\.12\\] {\n background-color: rgba(16, 18, 27, 0.12);\n }\n :root.dark .bg-blue-100 {\n background-color: #ffffff;\n }\n :root.dark .bg-blue-200 {\n background-color: #e7eefd;\n }\n :root.dark .bg-blue-300 {\n background-color: #b9cef8;\n }\n :root.dark .bg-blue-400 {\n background-color: #8aadf4;\n }\n :root.dark .bg-blue-500 {\n background-color: #739df2;\n }\n :root.dark .bg-blue-700 {\n background-color: #5b8cf0;\n }\n :root.dark .bg-brand-blue-800 {\n background-color: #2d6ceb;\n }\n :root.dark .bg-blue-950 {\n background-color: #1452d1;\n }\n :root.dark .checked\\:bg-blue-600:checked {\n background-color: #b7bdf8;\n }\n :root.dark .bg-brand-green {\n background-color: #c6e7bb;\n }\n :root.dark .bg-brand-green\\/20 {\n background-color: rgba(198, 231, 187, 0.2);\n }\n :root.dark .bg-brand-green\\/40 {\n background-color: rgba(198, 231, 187, 0.4);\n }\n :root.dark .bg-brand-purple {\n background-color: #b7bdf8;\n }\n :root.dark .bg-gray-100 {\n background-color: var(--gray-100);\n }\n :root.dark .bg-gray-200 {\n background-color: var(--gray-200);\n }\n :root.dark .bg-gray-300 {\n background-color: var(--gray-300);\n }\n :root.dark .bg-gray-400 {\n background-color: var(--gray-400);\n }\n :root.dark .bg-gray-50 {\n background-color: var(--gray-50);\n }\n :root.dark .bg-gray-500 {\n background-color: var(--gray-500);\n }\n :root.dark .bg-gray-600 {\n background-color: var(--gray-600);\n }\n :root.dark .bg-gray-700 {\n background-color: var(--gray-700);\n }\n :root.dark .bg-gray-900 {\n background-color: var(--gray-900);\n }\n :root.dark .bg-gray-950 {\n background-color: var(--gray-950);\n }\n :root.dark .bg-green-100 {\n background-color: #ffffff;\n }\n :root.dark .bg-green-200 {\n background-color: #e5f4e1;\n }\n :root.dark .bg-green-500 {\n background-color: #c6e7bb;\n }\n :root.dark .bg-green-500\\/10 {\n background-color: rgba(198, 231, 187, 0.1);\n }\n :root.dark .bg-green-600 {\n background-color: #a6da95;\n }\n :root.dark .bg-orange-500 {\n background-color: #eeae9b;\n }\n :root.dark .bg-orange-500\\/10 {\n background-color: rgba(238, 173, 154, 0.1);\n }\n :root.dark .bg-red-100 {\n background-color: rgba(244, 179, 189, 0.3);\n }\n :root.dark .bg-red-200 {\n background-color: #fae0e4;\n }\n :root.dark .bg-red-500 {\n background-color: #ed8796;\n }\n :root.dark .bg-red-500\\/10 {\n background-color: rgba(237, 135, 150, 0.1);\n }\n :root.dark .bg-red-600 {\n background-color: #f4b3bd;\n }\n :root.dark .bg-white {\n background-color: #f5f7fd;\n }\n :root.dark .bg-white\\/20 {\n background-color: rgba(245, 247, 253, 0.2);\n }\n :root.dark .bg-white\\/25 {\n background-color: rgba(245, 247, 253, 0.25);\n }\n :root.dark .bg-yellow-100 {\n background-color: #fdfbf6;\n }\n :root.dark .bg-yellow-200 {\n background-color: #f6e7ca;\n }\n :root.dark .bg-yellow-400 {\n background-color: #eed49f;\n }\n :root.dark .bg-yellow-500 {\n background-color: #e6c174;\n }\n :root.dark .radix-state-checked\\:bg-green-600[data-state=\"checked\"] {\n background-color: #86cd6f;\n }\n :root.dark .hover\\:bg-blue-700:hover {\n background-color: #165be9;\n }\n :root.dark [class*=\"bg-transparent\"] {\n background-color: transparent;\n }\n :root.dark .from-white {\n --tw-gradient-from: #f5f7fd var(--tw-gradient-from-position);\n }\n :root.dark .fill-yellow-500 {\n fill: #eed49f;\n }\n :root.dark .stroke-black {\n stroke: #10121b;\n }\n :root.dark .stroke-brand-purple\\/25 {\n stroke: rgba(183, 189, 248, 0.25);\n }\n :root.dark .stroke-gray-400 {\n stroke: #a5adcb;\n }\n :root.dark .\\!text-black {\n color: #10121b !important;\n }\n :root.dark .text-\\[\\#FE7600\\] {\n color: #eeae9b;\n }\n :root.dark .text-\\[\\#fff\\] {\n color: #24273a;\n }\n :root.dark .text-black {\n color: #10121b;\n }\n :root.dark .text-black\\/60 {\n color: rgba(16, 18, 27, 0.6);\n }\n :root.dark .text-black\\/70 {\n color: rgba(16, 18, 27, 0.7);\n }\n :root.dark .text-blue-500 {\n color: #b9cef8;\n }\n :root.dark .text-blue-600 {\n color: #8aadf4;\n }\n :root.dark .text-brand-blue-800 {\n color: #8aadf4;\n }\n :root.dark .text-brand-purple {\n color: #b7bdf8;\n }\n :root.dark .text-gray-100 {\n color: var(--gray-100);\n }\n :root.dark .text-gray-300 {\n color: var(--gray-300);\n }\n :root.dark .text-gray-400 {\n color: var(--gray-400);\n }\n :root.dark .text-gray-500 {\n color: var(--gray-500);\n }\n :root.dark .text-gray-600 {\n color: var(--gray-600);\n }\n :root.dark .text-gray-700 {\n color: var(--gray-700);\n }\n :root.dark .text-gray-800 {\n color: var(--gray-800);\n }\n :root.dark .text-gray-900 {\n color: var(--gray-900);\n }\n :root.dark .text-green-500 {\n color: #c6e7bb;\n }\n :root.dark .text-green-600 {\n color: #a6da95;\n }\n :root.dark .text-green-700 {\n color: #86cd6f;\n }\n :root.dark .text-green-800 {\n color: #67c049;\n }\n :root.dark .text-green-900 {\n color: #519f37;\n }\n :root.dark .text-orange-300 {\n color: #f9e2dc;\n }\n :root.dark .text-orange-400 {\n color: #f5d1c6;\n }\n :root.dark .text-orange-500 {\n color: #eeae9b;\n }\n :root.dark .text-red-500 {\n color: #ed8796;\n }\n :root.dark .text-red-600 {\n color: #f4b3bd;\n }\n :root.dark .text-red-700 {\n color: #ed8796;\n }\n :root.dark .text-red-800 {\n color: #e65b6f;\n }\n :root.dark .text-white {\n color: #f5f7fd;\n }\n :root.dark .text-white\\/25 {\n color: rgba(245, 247, 253, 0.25);\n }\n :root.dark .text-white\\/50 {\n color: rgba(245, 247, 253, 0.5);\n }\n :root.dark .text-white\\/80 {\n color: rgba(245, 247, 253, 0.8);\n }\n :root.dark .text-yellow-500 {\n color: #eed49f;\n }\n :root.dark .text-yellow-700 {\n color: #e6c174;\n }\n :root.dark .text-yellow-800 {\n color: #dfad48;\n }\n :root.dark .text-yellow-900 {\n color: #cf9725;\n }\n :root.dark .dark\\:bg-black {\n background-color: #10121b;\n }\n :root.dark .dark\\:bg-white {\n background-color: #f5f7fd;\n }\n :root.dark .dark\\:hover\\:bg-gray-800:hover {\n background-color: transparent;\n }\n :root.dark .dark\\:text-white {\n color: #f5f7fd;\n }\n :root.dark .dark\\:text-black {\n color: #10121b;\n }\n :root.dark .dark\\:text-\\[\\#D292FF\\] {\n color: #c6a0f6;\n }\n :root.dark .dark\\:focus\\:border-white:focus {\n border-color: #cad3f5;\n }\n :root.dark .ring-black {\n --tw-ring-color: #10121b;\n }\n :root.dark .ring-black\\/10 {\n --tw-ring-color: rgba(16, 18, 27, 0.1);\n }\n :root.dark .ring-white {\n --tw-ring-color: #24273a;\n }\n :root.dark .ring-offset-black {\n --tw-ring-offset-color: #24273a;\n }\n :root.dark [style=\"background-color: rgb(0, 0, 46);\"],\n :root.dark [style=\"background-color: rgb(255, 255, 219);\"] {\n background-color: #181926 !important;\n }\n /* prettier-ignore */",
"start": 1048,
"domains": [
"chat.openai.com"
]
+ },
+ {
+ "code": "/* Sign-in page */\n\n\n @media (prefers-color-scheme: light) {\n :root {\n --primary-color: #b7bdf8;\n --primary-color-no-override: #b7bdf8;\n --action-primary-color: #b7bdf8;\n --link-color: #b7bdf8;\n --page-background-color: #24273a;\n --info-color: #8aadf4;\n --success-color: #a6da95;\n --error-color: #ed8796;\n --error-text-color: #cad3f5;\n --warning-color: #eed49f;\n --button-font-color: #cad3f5;\n --widget-background-color: #24273a;\n --presentational-content-color: #939ab7;\n --gray-lightest: #24273a;\n --gray-light: #181926;\n --gray-mid: #363a4f;\n --gray-dark: #939ab7;\n --gray-darkest: #cad3f5;\n }\n :root .c4ca43590 {\n background-color: #b7bdf8;\n color: #24273a;\n }\n :root .password-icon-tooltip {\n background-color: #cad3f5;\n }\n :root .password-icon-tooltip::before {\n border-top-color: #cad3f5;\n }\n :root .oai-header svg {\n fill: #cad3f5;\n }\n :root .c7e427425[data-provider^=\"google\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20xmlns%3Axlink%3D'http%3A//www.w3.org/1999/xlink'%20viewBox%3D'0%200%2048%2048'%3E%3Cdefs%3E%3Cpath%20id%3D'a'%20d%3D'M44.5%2020H24v8.5h11.8C34.7%2033.9%2030.1%2037%2024%2037c-7.2%200-13-5.8-13-13s5.8-13%2013-13c3.1%200%205.9%201.1%208.1%202.9l6.4-6.4C34.6%204.1%2029.6%202%2024%202%2011.8%202%202%2011.8%202%2024s9.8%2022%2022%2022c11%200%2021-8%2021-22%200-1.3-.2-2.7-.5-4z'/%3E%3C/defs%3E%3CclipPath%20id%3D'b'%3E%3Cuse%20xlink%3Ahref%3D'%23a'%20overflow%3D'visible'/%3E%3C/clipPath%3E%3Cpath%20clip-path%3D'url%28%23b%29'%20fill%3D'%23eeae9b'%20d%3D'M0%2037V11l17%2013z'/%3E%3Cpath%20clip-path%3D'url%28%23b%29'%20fill%3D'%23ed8796'%20d%3D'M0%2011l17%2013%207-6.1L48%2014V0H0z'/%3E%3Cpath%20clip-path%3D'url%28%23b%29'%20fill%3D'%23a6da95'%20d%3D'M0%2037l30-23%207.9%201L48%200v48H0z'/%3E%3Cpath%20clip-path%3D'url%28%23b%29'%20fill%3D'%238aadf4'%20d%3D'M48%2048L17%2024l-4-3%2035-10z'/%3E%3C/svg%3E\");\n }\n :root .c7e427425[data-provider^=\"windowslive\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20width%3D'21'%20height%3D'21'%3E%3Cpath%20fill%3D'%23eeae9b'%20d%3D'M1%201h9v9H1z'/%3E%3Cpath%20fill%3D'%237dc4e4'%20d%3D'M1%2011h9v9H1z'/%3E%3Cpath%20fill%3D'%23a6da95'%20d%3D'M11%201h9v9h-9z'/%3E%3Cpath%20fill%3D'%23eed49f'%20d%3D'M11%2011h9v9h-9z'/%3E%3C/svg%3E\");\n }\n :root .c7e427425[data-provider^=\"apple\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'170'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20height%3D'170'%3E%3Cpath%20fill%3D'%23cad3f5'%20d%3D'M150.37%20130.25c-2.45%205.66-5.35%2010.87-8.71%2015.66-4.58%206.53-8.33%2011.05-11.22%2013.56-4.48%204.12-9.28%206.23-14.42%206.35-3.69%200-8.14-1.05-13.32-3.18-5.197-2.12-9.973-3.17-14.34-3.17-4.58%200-9.492%201.05-14.746%203.17-5.262%202.13-9.501%203.24-12.742%203.35-4.929.21-9.842-1.96-14.746-6.52-3.13-2.73-7.045-7.41-11.735-14.04-5.032-7.08-9.169-15.29-12.41-24.65-3.471-10.11-5.211-19.9-5.211-29.378%200-10.857%202.346-20.221%207.045-28.068%203.693-6.303%208.606-11.275%2014.755-14.925s12.793-5.51%2019.948-5.629c3.915%200%209.049%201.211%2015.429%203.591%206.362%202.388%2010.447%203.599%2012.238%203.599%201.339%200%205.877-1.416%2013.57-4.239%207.275-2.618%2013.415-3.702%2018.445-3.275%2013.63%201.1%2023.87%206.473%2030.68%2016.153-12.19%207.386-18.22%2017.731-18.1%2031.002.11%2010.337%203.86%2018.939%2011.23%2025.769%203.34%203.17%207.07%205.62%2011.22%207.36-.9%202.61-1.85%205.11-2.86%207.51zM119.11%207.24c0%208.102-2.96%2015.667-8.86%2022.669-7.12%208.324-15.732%2013.134-25.071%2012.375a25.222%2025.222%200%200%201-.188-3.07c0-7.778%203.386-16.102%209.399-22.908%203.002-3.446%206.82-6.311%2011.45-8.597%204.62-2.252%208.99-3.497%2013.1-3.71.12%201.083.17%202.166.17%203.24z'/%3E%3C/svg%3E\");\n }\n }\n @media (prefers-color-scheme: dark) {\n :root {\n --primary-color: #b7bdf8;\n --primary-color-no-override: #b7bdf8;\n --action-primary-color: #b7bdf8;\n --link-color: #b7bdf8;\n --page-background-color: #24273a;\n --info-color: #8aadf4;\n --success-color: #a6da95;\n --error-color: #ed8796;\n --error-text-color: #cad3f5;\n --warning-color: #eed49f;\n --button-font-color: #cad3f5;\n --widget-background-color: #24273a;\n --presentational-content-color: #939ab7;\n --gray-lightest: #24273a;\n --gray-light: #181926;\n --gray-mid: #363a4f;\n --gray-dark: #939ab7;\n --gray-darkest: #cad3f5;\n }\n :root .c4ca43590 {\n background-color: #b7bdf8;\n color: #24273a;\n }\n :root .password-icon-tooltip {\n background-color: #cad3f5;\n }\n :root .password-icon-tooltip::before {\n border-top-color: #cad3f5;\n }\n :root .oai-header svg {\n fill: #cad3f5;\n }\n :root .c7e427425[data-provider^=\"google\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20xmlns%3Axlink%3D'http%3A//www.w3.org/1999/xlink'%20viewBox%3D'0%200%2048%2048'%3E%3Cdefs%3E%3Cpath%20id%3D'a'%20d%3D'M44.5%2020H24v8.5h11.8C34.7%2033.9%2030.1%2037%2024%2037c-7.2%200-13-5.8-13-13s5.8-13%2013-13c3.1%200%205.9%201.1%208.1%202.9l6.4-6.4C34.6%204.1%2029.6%202%2024%202%2011.8%202%202%2011.8%202%2024s9.8%2022%2022%2022c11%200%2021-8%2021-22%200-1.3-.2-2.7-.5-4z'/%3E%3C/defs%3E%3CclipPath%20id%3D'b'%3E%3Cuse%20xlink%3Ahref%3D'%23a'%20overflow%3D'visible'/%3E%3C/clipPath%3E%3Cpath%20clip-path%3D'url%28%23b%29'%20fill%3D'%23eeae9b'%20d%3D'M0%2037V11l17%2013z'/%3E%3Cpath%20clip-path%3D'url%28%23b%29'%20fill%3D'%23ed8796'%20d%3D'M0%2011l17%2013%207-6.1L48%2014V0H0z'/%3E%3Cpath%20clip-path%3D'url%28%23b%29'%20fill%3D'%23a6da95'%20d%3D'M0%2037l30-23%207.9%201L48%200v48H0z'/%3E%3Cpath%20clip-path%3D'url%28%23b%29'%20fill%3D'%238aadf4'%20d%3D'M48%2048L17%2024l-4-3%2035-10z'/%3E%3C/svg%3E\");\n }\n :root .c7e427425[data-provider^=\"windowslive\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20width%3D'21'%20height%3D'21'%3E%3Cpath%20fill%3D'%23eeae9b'%20d%3D'M1%201h9v9H1z'/%3E%3Cpath%20fill%3D'%237dc4e4'%20d%3D'M1%2011h9v9H1z'/%3E%3Cpath%20fill%3D'%23a6da95'%20d%3D'M11%201h9v9h-9z'/%3E%3Cpath%20fill%3D'%23eed49f'%20d%3D'M11%2011h9v9h-9z'/%3E%3C/svg%3E\");\n }\n :root .c7e427425[data-provider^=\"apple\"] {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'170'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20height%3D'170'%3E%3Cpath%20fill%3D'%23cad3f5'%20d%3D'M150.37%20130.25c-2.45%205.66-5.35%2010.87-8.71%2015.66-4.58%206.53-8.33%2011.05-11.22%2013.56-4.48%204.12-9.28%206.23-14.42%206.35-3.69%200-8.14-1.05-13.32-3.18-5.197-2.12-9.973-3.17-14.34-3.17-4.58%200-9.492%201.05-14.746%203.17-5.262%202.13-9.501%203.24-12.742%203.35-4.929.21-9.842-1.96-14.746-6.52-3.13-2.73-7.045-7.41-11.735-14.04-5.032-7.08-9.169-15.29-12.41-24.65-3.471-10.11-5.211-19.9-5.211-29.378%200-10.857%202.346-20.221%207.045-28.068%203.693-6.303%208.606-11.275%2014.755-14.925s12.793-5.51%2019.948-5.629c3.915%200%209.049%201.211%2015.429%203.591%206.362%202.388%2010.447%203.599%2012.238%203.599%201.339%200%205.877-1.416%2013.57-4.239%207.275-2.618%2013.415-3.702%2018.445-3.275%2013.63%201.1%2023.87%206.473%2030.68%2016.153-12.19%207.386-18.22%2017.731-18.1%2031.002.11%2010.337%203.86%2018.939%2011.23%2025.769%203.34%203.17%207.07%205.62%2011.22%207.36-.9%202.61-1.85%205.11-2.86%207.51zM119.11%207.24c0%208.102-2.96%2015.667-8.86%2022.669-7.12%208.324-15.732%2013.134-25.071%2012.375a25.222%2025.222%200%200%201-.188-3.07c0-7.778%203.386-16.102%209.399-22.908%203.002-3.446%206.82-6.311%2011.45-8.597%204.62-2.252%208.99-3.497%2013.1-3.71.12%201.083.17%202.166.17%203.24z'/%3E%3C/svg%3E\");\n }\n }\n /* prettier-ignore */",
+ "start": 31253,
+ "domains": [
+ "auth0.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.9\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Achatgpt\n@description Soothing pastel theme for ChatGPT\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe: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-crust: #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 .text-gizmo-gray-600 {\n color: @subtext0;\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 .from-token-surface-secondary {\n --tw-gradient-from: @surface1 var(--tw-gradient-from-position) !important;\n }\n a[href^=\"/c/\"] .bg-gradient-to-l {\n --tw-gradient-from: @crust 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 ''\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",
+ "sourceCode": "/* ==UserStyle==\n@name ChatGPT Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/chatgpt\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt\n@version 0.2.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Achatgpt\n@description Soothing pastel theme for ChatGPT\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe: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 :root.light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n :root.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 #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n color-scheme: if(@lookup=latte, light, dark);\n\n /* Syntax highlighting */\n @color: white;\n #rgbify(@color) {\n @rgb-raw: red(@color), green(@color), blue(@color);\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-crust: #rgbify(@crust) [];\n code.hljs {\n background: none;\n }\n pre {\n .bg-token-main-surface-secondary {\n background-color: @surface0;\n }\n .bg-gray-950 {\n background-color: @crust;\n }\n .text-token-text-secondary {\n color: @subtext0;\n }\n }\n\n color: @text;\n\n @white: lighten(if(@lookup=latte, @base, @text), 10%);\n @black: darken(if(@lookup=latte, @text, @base), 10%);\n --white: @white;\n --black: @black;\n\n & when not (@lookup = latte) {\n --gray-50: lighten(mix(@text, @subtext0), 5%);\n --gray-100: @text;\n --gray-200: @subtext1;\n --gray-300: @subtext0;\n --gray-400: @overlay2;\n --gray-500: @overlay1;\n --gray-600: @overlay0;\n --gray-700: @surface2;\n --gray-800: @surface1;\n --gray-900: @surface0;\n --gray-950: @base;\n --brand-purple: @accent-color;\n }\n & when (@lookup = latte) {\n --gray-50: @mantle;\n --gray-100: @base;\n --gray-200: @surface0;\n --gray-300: @surface1;\n --gray-400: @surface2;\n --gray-500: @overlay0;\n --gray-600: @overlay1;\n --gray-700: @overlay2;\n --gray-800: @subtext0;\n --gray-900: @subtext1;\n --gray-950: @text;\n --brand-purple: @accent-color;\n }\n\n --border-light: fade(@text, 10%);\n --border-medium: fade(@text, 15%);\n --border-heavy: fade(@text, 20%);\n --border-xheavy: fade(@text, 25%);\n --link: @accent-color;\n --link-hover: if(\n @lookup=latte,\n lighten(@accent-color, 10%),\n darken(@accent-color, 10%)\n );\n\n *:focus {\n --tw-ring-offset-color: @base;\n --tw-ring-color: @accent-color;\n }\n\n /* ChatGPT logo */\n [style*=\"background-color: rgb(25, 195, 125);\"] {\n background-color: @green !important;\n color: @base !important;\n }\n\n /* Input */\n\n input::placeholder,\n textarea::placeholder {\n color: @overlay2 !important;\n }\n\n select {\n @svg: escape(\n \"\"\n );\n background-image: url(\"data:image/svg+xml;@{svg}\");\n }\n\n [multiple],\n [type=\"date\"],\n [type=\"datetime-local\"],\n [type=\"email\"],\n [type=\"month\"],\n [type=\"number\"],\n [type=\"password\"],\n [type=\"search\"],\n [type=\"tel\"],\n [type=\"text\"],\n [type=\"time\"],\n [type=\"url\"],\n [type=\"week\"],\n select,\n textarea {\n background-color: @base;\n border-color: @overlay2;\n }\n\n [type=\"checkbox\"],\n [type=\"radio\"] {\n background-color: @base;\n border-color: @overlay2;\n color: @accent-color;\n }\n\n .form-input,\n .form-multiselect,\n .form-select,\n .form-textarea {\n background-color: @base;\n border-color: @overlay2;\n }\n\n .form-input:focus,\n .form-multiselect:focus,\n .form-select:focus,\n .form-textarea:focus {\n border-color: @accent-color;\n }\n\n .form-input::placeholder,\n .form-textarea::placeholder {\n color: @overlay2;\n }\n\n /* Buttons */\n\n .btn-primary {\n background-color: @green;\n color: @base;\n }\n\n .btn-primary:hover {\n background-color: darken(@green, 10%);\n }\n\n .btn-primary.focus-visible {\n --tw-ring-color: lighten(@green, 10%) !important;\n }\n\n .btn-primary:focus-visible {\n --tw-ring-color: lighten(@green, 10%) !important;\n }\n\n .btn-danger {\n background-color: @red;\n color: @base;\n }\n\n .btn-danger:hover {\n background-color: darken(@red, 10%);\n }\n\n .btn-danger.focus-visible {\n --tw-ring-color: lighten(@red, 10%) !important;\n }\n\n .btn-danger:focus-visible {\n --tw-ring-color: lighten(@red, 10%) !important;\n }\n\n .btn-danger:disabled:hover {\n background-color: @red;\n }\n\n .btn-danger-outline {\n border-color: @red;\n color: @red;\n }\n\n .btn-danger-outline.focus-visible {\n --tw-ring-color: lighten(@red, 10%) !important;\n }\n\n .btn-danger-outline:focus-visible {\n --tw-ring-color: lighten(@red, 10%) !important;\n }\n\n .btn-neutral.focus-visible {\n --tw-ring-color: @overlay0 !important;\n }\n\n .btn-neutral:focus-visible {\n --tw-ring-color: @overlay0 !important;\n }\n\n .btn-dark {\n background-color: @surface0;\n border-color: @overlay0;\n color: @text;\n }\n\n .btn-dark:hover {\n background-color: @surface1;\n }\n\n .btn-light {\n background-color: @text;\n color: @black;\n }\n\n .btn-light:hover {\n background-color: @base;\n }\n\n .btn-disabled,\n .btn-disabled:hover {\n background-color: @text;\n }\n\n /* Borders */\n\n .border-black,\n .border-black\\/10,\n .border-black\\/20,\n .border-black\\/30,\n .border-black\\/5 {\n border-color: var(--border-light);\n }\n\n .border-gray-100 {\n border-color: var(--gray-100);\n }\n\n .border-gray-200 {\n border-color: var(--gray-200);\n }\n\n .border-gray-300 {\n border-color: var(--gray-300);\n }\n\n .border-gray-400 {\n border-color: var(--gray-400);\n }\n\n .border-gray-500 {\n border-color: var(--gray-500);\n }\n\n .border-gray-700 {\n border-color: var(--gray-700);\n }\n\n .border-gray-950 {\n border-color: var(--gray-950);\n }\n\n .border-green-500 {\n border-color: lighten(@green, 10%);\n }\n\n .border-green-600 {\n border-color: @green;\n }\n\n .border-orange-400 {\n border-color: lighten(mix(@red, @yellow), 10%);\n }\n\n .border-orange-500 {\n border-color: mix(@red, @yellow);\n }\n\n .border-red-500 {\n border-color: darken(@red, 10%);\n }\n\n .border-white {\n border-color: @white;\n }\n\n .border-white\\/20 {\n border-color: fade(@white, 20%);\n }\n\n .border-t-[\\#0077FF] {\n border-top-color: @blue;\n }\n\n /* Backgrounds */\n\n .\\!bg-brand-purple {\n background-color: @accent-color !important;\n }\n\n .\\!bg-gray-200 {\n background-color: var(--gray-200) !important;\n }\n\n .bg-[\\#0077FF],\n .bg-\\[\\#3C46FF\\] {\n background-color: @blue;\n }\n\n .hover\\:bg-\\[\\#0000FF\\]:hover {\n background-color: darken(@blue, 10%);\n }\n\n .bg-[\\#10A37F] {\n background-color: @green;\n }\n\n .bg-[\\#3C46FF] {\n background-color: @blue;\n }\n\n .bg-[\\#4046EC] {\n background-color: @blue;\n }\n\n .bg-[\\#B161FD] {\n background-color: @accent-color;\n }\n\n .bg-[\\#F8CA27] {\n background-color: @yellow;\n }\n\n .bg-[\\#FF5588] {\n background-color: mix(@red, @pink);\n }\n\n .bg-[\\#FF6E3C] {\n background-color: saturate(mix(@red, @yellow), 10%);\n }\n .dark\\:radix-highlighted\\:bg-\\[\\#2E2F33\\][data-highlighted] {\n background-color: @surface0;\n }\n\n .bg-black {\n background-color: @black;\n }\n\n .bg-black\\/20 {\n background-color: fade(@black, 20%);\n }\n\n .bg-black\\/5 {\n background-color: fade(@black, 5%);\n }\n\n .bg-black\\/50 {\n background-color: fade(@black, 50%);\n }\n\n .bg-black\\/90 {\n background-color: fade(@black, 90%);\n }\n\n .bg-black\\/\\[\\.04\\] {\n background-color: fade(@black, 4%);\n }\n\n .bg-black\\/\\[\\.08\\] {\n background-color: fade(@black, 8%);\n }\n\n .bg-black\\/\\[\\.12\\] {\n background-color: fade(@black, 12%);\n }\n\n .bg-blue-100 {\n background-color: lighten(@blue, 30%);\n }\n\n .bg-blue-200 {\n background-color: lighten(@blue, 20%);\n }\n\n .bg-blue-300 {\n background-color: lighten(@blue, 10%);\n }\n\n .bg-blue-400 {\n background-color: @blue;\n }\n\n .bg-blue-500 {\n background-color: darken(@blue, 5%);\n }\n\n .bg-blue-700 {\n background-color: darken(@blue, 10%);\n }\n\n .bg-brand-blue-800 {\n background-color: darken(@blue, 20%);\n }\n\n .bg-blue-950 {\n background-color: darken(@blue, 30%);\n }\n\n .checked\\:bg-blue-600:checked {\n background-color: @accent-color;\n }\n\n .bg-brand-green {\n background-color: lighten(@green, 10%);\n }\n\n .bg-brand-green\\/20 {\n background-color: fade(lighten(@green, 10%), 20%);\n }\n\n .bg-brand-green\\/40 {\n background-color: fade(lighten(@green, 10%), 40%);\n }\n\n .bg-brand-purple {\n background-color: @accent-color;\n }\n\n .bg-gray-100 {\n background-color: var(--gray-100);\n }\n\n .bg-gray-200 {\n background-color: var(--gray-200);\n }\n\n .bg-gray-300 {\n background-color: var(--gray-300);\n }\n\n .bg-gray-400 {\n background-color: var(--gray-400);\n }\n\n .bg-gray-50 {\n background-color: var(--gray-50);\n }\n\n .bg-gray-500 {\n background-color: var(--gray-500);\n }\n\n .bg-gray-600 {\n background-color: var(--gray-600);\n }\n\n .bg-gray-700 {\n background-color: var(--gray-700);\n }\n\n .bg-gray-900 {\n background-color: var(--gray-900);\n }\n\n .bg-gray-950 {\n background-color: var(--gray-950);\n }\n\n .bg-green-100 {\n background-color: lighten(@green, 30%);\n }\n\n .bg-green-200 {\n background-color: lighten(@green, 20%);\n }\n\n .bg-green-500 {\n background-color: lighten(@green, 10%);\n }\n\n .bg-green-500\\/10 {\n background-color: fade(lighten(@green, 10%), 10%);\n }\n\n .bg-green-600 {\n background-color: @green;\n }\n\n .bg-orange-500 {\n background-color: mix(@yellow, @red);\n }\n\n .bg-orange-500\\/10 {\n background-color: fade(mix(@yellow, @red), 10%);\n }\n\n .bg-red-100 {\n background-color: fade(lighten(@red, 10%), 30%);\n }\n\n .bg-red-200 {\n background-color: lighten(@red, 20%);\n }\n\n .bg-red-500 {\n background-color: @red;\n }\n\n .bg-red-500\\/10 {\n background-color: fade(@red, 10%);\n }\n\n .bg-red-600 {\n background-color: lighten(@red, 10%);\n }\n\n .bg-white {\n background-color: @white;\n }\n\n .bg-white\\/20 {\n background-color: fade(@white, 20%);\n }\n\n .bg-white\\/25 {\n background-color: fade(@white, 25%);\n }\n\n .bg-yellow-100 {\n background-color: lighten(@yellow, 20%);\n }\n\n .bg-yellow-200 {\n background-color: lighten(@yellow, 10%);\n }\n\n .bg-yellow-400 {\n background-color: @yellow;\n }\n\n .bg-yellow-500 {\n background-color: darken(@yellow, 10%);\n }\n\n .radix-state-checked\\:bg-green-600[data-state=\"checked\"] {\n background-color: darken(@green, 10%);\n }\n\n .hover\\:bg-blue-700:hover {\n background-color: darken(@blue, 25%);\n }\n\n [class*=\"bg-transparent\"] {\n background-color: transparent;\n }\n\n /* Gradients */\n\n .from-white {\n --tw-gradient-from: @white var(--tw-gradient-from-position);\n }\n\n /* Fill/stroke */\n\n .fill-yellow-500 {\n fill: @yellow;\n }\n\n .stroke-black {\n stroke: @black;\n }\n\n .stroke-brand-purple\\/25 {\n stroke: fade(@accent-color, 25%);\n }\n\n .stroke-gray-400 {\n stroke: @subtext0;\n }\n\n /* Text */\n\n .\\!text-black {\n color: @black !important;\n }\n\n .text-\\[\\#FE7600\\] {\n color: mix(@yellow, @red);\n }\n\n .text-\\[\\#fff\\] {\n color: @base;\n }\n\n .text-black {\n color: @black;\n }\n\n .text-black\\/60 {\n color: fade(@black, 60%);\n }\n\n .text-black\\/70 {\n color: fade(@black, 70%);\n }\n\n .text-blue-500 {\n color: lighten(@blue, 10%);\n }\n\n .text-blue-600 {\n color: @blue;\n }\n\n .text-brand-blue-800 {\n color: @blue;\n }\n\n .text-brand-purple {\n color: @accent-color;\n }\n\n .text-gray-100 {\n color: var(--gray-100);\n }\n\n .text-gray-300 {\n color: var(--gray-300);\n }\n\n .text-gray-400 {\n color: var(--gray-400);\n }\n\n .text-gray-500 {\n color: var(--gray-500);\n }\n\n .text-gray-600 {\n color: var(--gray-600);\n }\n\n .text-gray-700 {\n color: var(--gray-700);\n }\n\n .text-gray-800 {\n color: var(--gray-800);\n }\n\n .text-gray-900 {\n color: var(--gray-900);\n }\n\n .text-green-500 {\n color: lighten(@green, 10%);\n }\n\n .text-green-600 {\n color: @green;\n }\n\n .text-green-700 {\n color: darken(@green, 10%);\n }\n\n .text-green-800 {\n color: darken(@green, 20%);\n }\n\n .text-green-900 {\n color: darken(@green, 30%);\n }\n\n .text-orange-300 {\n color: lighten(mix(@yellow, @red), 15%);\n }\n\n .text-orange-400 {\n color: lighten(mix(@yellow, @red), 10%);\n }\n\n .text-orange-500 {\n color: mix(@yellow, @red);\n }\n\n .text-red-500 {\n color: @red;\n }\n\n .text-red-600 {\n color: lighten(@red, 10%);\n }\n\n .text-red-700 {\n color: @red;\n }\n\n .text-red-800 {\n color: darken(@red, 10%);\n }\n\n .text-white {\n color: @white;\n }\n\n .text-white\\/25 {\n color: fade(@white, 25%);\n }\n\n .text-white\\/50 {\n color: fade(@white, 50%);\n }\n\n .text-white\\/80 {\n color: fade(@white, 80%);\n }\n\n .text-yellow-500 {\n color: @yellow;\n }\n\n .text-yellow-700 {\n color: darken(@yellow, 10%);\n }\n\n .text-yellow-800 {\n color: darken(@yellow, 20%);\n }\n\n .text-yellow-900 {\n color: darken(@yellow, 30%);\n }\n\n /* Dark mode overrides */\n /* stylelint-disable-next-line no-duplicate-selectors */\n & when not (@lookup = latte) {\n .dark\\:bg-black {\n background-color: @black;\n }\n\n .dark\\:bg-white {\n background-color: @white;\n }\n\n /* \"Was this response better or worse\" dialog button hover */\n .dark\\:hover\\:bg-gray-800:hover {\n background-color: transparent;\n }\n\n .dark\\:text-white {\n color: @white;\n }\n\n .dark\\:text-black {\n color: @black;\n }\n\n .dark\\:text-\\[\\#D292FF\\] {\n color: @mauve;\n }\n\n .dark\\:focus\\:border-white:focus {\n border-color: @text;\n }\n }\n\n /* Other */\n\n .ring-black {\n --tw-ring-color: @black;\n }\n\n .ring-black\\/10 {\n --tw-ring-color: fade(@black, 10%);\n }\n\n .ring-white {\n --tw-ring-color: @base;\n }\n\n .ring-offset-black {\n --tw-ring-offset-color: @base;\n }\n\n [style=\"background-color: rgb(0, 0, 46);\"],\n [style=\"background-color: rgb(255, 255, 219);\"] {\n background-color: @crust !important;\n }\n }\n}\n\n/* Sign-in page */\n@-moz-document domain(\"auth0.openai.com\") {\n @media (prefers-color-scheme: light) {\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n /* 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 --primary-color: @accent-color;\n --primary-color-no-override: @accent-color;\n --action-primary-color: @accent-color;\n --link-color: @accent-color;\n --page-background-color: @base;\n --info-color: @blue;\n --success-color: @green;\n --error-color: @red;\n --error-text-color: @text;\n --warning-color: @yellow;\n --button-font-color: @text;\n --widget-background-color: @base;\n --presentational-content-color: @overlay2;\n --gray-lightest: @base;\n --gray-light: @crust;\n --gray-mid: @surface0;\n --gray-dark: @overlay2;\n --gray-darkest: @text;\n\n .c4ca43590 {\n background-color: @accent-color;\n color: @base;\n }\n\n .password-icon-tooltip {\n background-color: @text;\n\n &::before {\n border-top-color: @text;\n }\n }\n\n .oai-header svg {\n fill: @text;\n }\n\n @orange: mix(@red, @yellow);\n\n .c7e427425[data-provider^=\"google\"] {\n @svg: escape(\n \"\"\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n }\n .c7e427425[data-provider^=\"windowslive\"] {\n @svg: escape(\n \"\"\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n }\n .c7e427425[data-provider^=\"apple\"] {\n @svg: escape(\n \"\"\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n }\n }\n}\n\n// 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.9",
+ "version": "0.2.1",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css",
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Achatgpt",
"description": "Soothing pastel theme for ChatGPT",
@@ -1489,7 +1497,7 @@
"type": "select",
"label": "Accent",
"name": "accentColor",
- "value": null,
+ "value": "lavender",
"default": "green",
"options": [
{
@@ -1574,12 +1582,12 @@
"author": "Catppuccin",
"description": "Soothing pastel theme for ChatGPT",
"name": "ChatGPT Catppuccin",
- "originalDigest": "2c52715f8235e6aee46297c1a776d9975f14692d",
+ "originalDigest": "7d3309eb699f0f7c3a59bd39f64c4e9feb16a03b",
"_id": "2b610ac1-f4cb-41f2-ac48-40652d932405",
- "_rev": 1704797099250,
+ "_rev": 1708126001774,
"id": 38,
- "etag": "W/\"0013fa1801005ad7c657e820976c081964803c1e336920a8b01ae9aaae152d69\"",
- "updateDate": 1704797099184
+ "etag": "W/\"4e20c8c61ee09b167e3e9a55ab098319a64b64ae624b2be1106cecb3b492eeb0\"",
+ "updateDate": 1708126001691
},
{
"enabled": true,
@@ -1588,30 +1596,30 @@
"installDate": 1690105783794,
"sections": [
{
- "code": "/* ==UserStyle==\n@name GitHub Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/github\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/github\n@version 1.3.5\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@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agithub\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/* prettier-ignore */",
+ "code": "/* ==UserStyle==\n@name GitHub Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/github\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/github\n@version 1.3.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@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agithub\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/* 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-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-user-mention-fg: #b7bdf8;\n --color-user-mention-bg: #181926;\n --color-text-white: #cad3f5;\n --color-calendar-halloween-graph-day-L1-bg: rgba(183, 189, 248, 0.97);\n --color-calendar-halloween-graph-day-L2-bg: rgba(183, 189, 248, 0.98);\n --color-calendar-halloween-graph-day-L3-bg: #b7bdf8;\n --color-calendar-halloween-graph-day-L4-bg: #1e2030;\n --color-calendar-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-L1-border: transparent !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-bg: #363a4f !important;\n /* New PR, new branch, fork repository, and commit changes buttons */\n /* New branch dialog */\n /* Branch drop down */\n /* Compare button & Cancel new branch button */\n /* search btn */\n /* Issue tags */\n /* Search */\n /* Tags */\n /* Slug */\n /* Links */\n /* Misc */\n /* Large notification */\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 /* 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 /* Add File Menu */\n /* Notification Menu Fix */\n /* Loading Bar Color */\n /* New repo layout button, pr button on repo, tick */\n /* Some popup */\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-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-diffstat-addition-bg: #a6da95;\n --color-prettylights-syntax-comment: #8087a2;\n --color-prettylights-syntax-constant: #8aadf4;\n --color-prettylights-syntax-entity: #8aadf4;\n --color-prettylights-syntax-storage-modifier-import: #f5a97f;\n --color-prettylights-syntax-entity-tag: #8bd5ca;\n --color-prettylights-syntax-keyword: #f5bde6;\n --color-prettylights-syntax-string: #a6da95;\n --color-prettylights-syntax-variable: #f5a97f;\n --color-prettylights-syntax-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\n --color-prettylights-syntax-markup-heading: #8bd5ca;\n --color-prettylights-syntax-markup-italic: #eed49f;\n --color-prettylights-syntax-markup-bold: #eed49f;\n --color-prettylights-syntax-markup-deleted-text: #cad3f5;\n --color-prettylights-syntax-markup-deleted-bg: rgba(237, 135, 150, 0.4);\n --color-prettylights-syntax-markup-inserted-text: #cad3f5;\n --color-prettylights-syntax-markup-inserted-bg: rgba(166, 218, 149, 0.4);\n --color-prettylights-syntax-markup-changed-text: #cad3f5;\n --color-prettylights-syntax-markup-changed-bg: rgba(238, 212, 159, 0.4);\n --color-prettylights-syntax-markup-ignored-text: #cad3f5;\n --color-codemirror-text: #cad3f5;\n --color-codemirror-bg: #24273a;\n --color-codemirror-gutters-bg: #24273a;\n --color-codemirror-guttermarker-text: #24273a;\n --color-codemirror-lines-bg: #24273a;\n --color-checks-bg: #1e2030;\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-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-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-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-header-text: var(--subtext2);\n --color-header-bg: #1e2030;\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-timeline-badge-bg: #363a4f;\n --color-btn-text: #cad3f5;\n --color-btn-bg: #363a4f;\n --color-btn-border: #494d64;\n --color-btn-hover-bg: #494d64;\n --color-btn-hover-border: #5b6078;\n --color-btn-active-bg: #5b6078;\n --color-btn-selected-bg: #5b6078;\n --color-btn-counter-bg: #5b6078;\n --color-btn-primary-text: #24273a;\n --color-btn-primary-bg: #a6da95;\n --color-btn-primary-icon: #24273a;\n --color-btn-primary-hover-text: #24273a;\n --color-btn-primary-hover-bg: #c6e7bb;\n --color-btn-primary-hover-border: #c6e7bb;\n --color-btn-primary-selected-text: #24273a;\n --color-btn-primary-selected-bg: #c6e7bb;\n --color-btn-primary-selected-border: #c6e7bb;\n --color-btn-primary-disabled-text: #181926;\n --color-btn-primary-disabled-bg: rgba(166, 218, 149, 0.4);\n --color-btn-primary-hover-icon: #24273a;\n /* set these to transparent for the looks */\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-selected-shadow: 0 0 transparent;\n --color-btn-primary-disabled-border: transparent;\n --color-btn-danger-text: #ed8796;\n --color-btn-danger-bg: #24273a;\n --color-btn-danger-icon: #ed8796;\n --color-btn-danger-hover-text: #24273a;\n --color-btn-danger-hover-bg: #ed8796;\n --color-btn-danger-hover-border: #ed8796;\n --color-btn-danger-selected-text: #24273a;\n --color-btn-danger-selected-bg: #ed8796;\n --color-btn-danger-selected-border: #ed8796;\n --color-btn-danger-disabled-text: rgba(237, 135, 150, 0.4);\n --color-btn-danger-disabled-bg: #1e2030;\n --color-btn-danger-hover-icon: #24273a;\n /* set these to transparent for the looks */\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-selected-shadow: 0 0 transparent;\n --color-btn-danger-disabled-border: transparent;\n --color-action-list-item-inline-divider: #5b6078;\n --color-action-list-item-default-hover-bg: #494d64;\n --color-action-list-item-default-selected-bg: #494d64;\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: #363a4f;\n --color-canvas-inset: #1e2030;\n --color-canvas-subtle: #363a4f;\n --color-border-default: #494d64;\n --color-border-muted: #363a4f;\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, 115, 141, 0.4);\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-attention-fg: #f5a97f;\n --color-attention-emphasis: #f5a97f;\n --color-severe-fg: #ee99a0;\n --color-severe-emphasis: #ee99a0;\n --color-danger-fg: #ed8796;\n --color-danger-muted: rgba(237, 135, 150, 0.4);\n --color-danger-emphasis: #ed8796;\n --color-open-fg: #a6da95;\n --color-open-emphasis: #a6da95;\n --color-closed-fg: #ed8796;\n --color-closed-emphasis: #ed8796;\n --color-done-fg: #c6a0f6;\n --color-done-emphasis: #c6a0f6;\n --color-sponsors-fg: #c6a0f6;\n --color-sponsors-emphasis: #c6a0f6;\n --color-primer-fg-disabled: rgba(183, 189, 248, 0.5);\n --color-primer-border-active: #ed8796;\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\"] .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 [data-color-mode=\"light\"] .bJroUH,\n [data-color-mode=\"auto\"] > .theme-light .bJroUH {\n color: #b7bdf8;\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 [data-color-mode=\"light\"] .gaMHBv[data-size=\"small\"][data-no-visuals] svg,\n [data-color-mode=\"auto\"] > .theme-light .gaMHBv[data-size=\"small\"][data-no-visuals] 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\"] 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\"] .bJYdrf td,\n [data-color-mode=\"auto\"] > .theme-light .bJYdrf td {\n border-top-color: #494d64;\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 [data-color-mode=\"light\"] .caTTzX,\n [data-color-mode=\"auto\"] > .theme-light .caTTzX {\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\"] .klBOTR,\n [data-color-mode=\"auto\"] > .theme-light .klBOTR,\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\"] .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 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 [data-color-mode=\"light\"] .rDvrp,\n [data-color-mode=\"auto\"] > .theme-light .rDvrp {\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 [data-color-mode=\"light\"] .dvJnjZ,\n [data-color-mode=\"auto\"] > .theme-light .dvJnjZ,\n [data-color-mode=\"light\"] .types__StyledButton-sc-ws60qy-0.gHIvvy,\n [data-color-mode=\"auto\"] > .theme-light .types__StyledButton-sc-ws60qy-0.gHIvvy,\n [data-color-mode=\"light\"] .ldavJa,\n [data-color-mode=\"auto\"] > .theme-light .ldavJa {\n background-color: #a6da95;\n color: #181926;\n }\n [data-color-mode=\"light\"] .dvJnjZ:hover,\n [data-color-mode=\"auto\"] > .theme-light .dvJnjZ:hover,\n [data-color-mode=\"light\"] .types__StyledButton-sc-ws60qy-0.gHIvvy:hover,\n [data-color-mode=\"auto\"] > .theme-light .types__StyledButton-sc-ws60qy-0.gHIvvy:hover,\n [data-color-mode=\"light\"] .ldavJa:hover,\n [data-color-mode=\"auto\"] > .theme-light .ldavJa:hover {\n background-color: #76c65c;\n }\n [data-color-mode=\"light\"] .ezbPok *,\n [data-color-mode=\"auto\"] > .theme-light .ezbPok * {\n fill: #cad3f5;\n }\n [data-color-mode=\"light\"] .jMEWXM > * > *,\n [data-color-mode=\"auto\"] > .theme-light .jMEWXM > * > *,\n [data-color-mode=\"light\"] .vhlgx,\n [data-color-mode=\"auto\"] > .theme-light .vhlgx,\n [data-color-mode=\"light\"] .vhlgx:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"auto\"] > .theme-light .vhlgx:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"light\"] .QqKiN,\n [data-color-mode=\"auto\"] > .theme-light .QqKiN,\n [data-color-mode=\"light\"] .QqKiN:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"auto\"] > .theme-light .QqKiN:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"light\"] .wxyGP,\n [data-color-mode=\"auto\"] > .theme-light .wxyGP,\n [data-color-mode=\"light\"] .wxyGP:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"auto\"] > .theme-light .wxyGP:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"light\"] .bTTPJZ,\n [data-color-mode=\"auto\"] > .theme-light .bTTPJZ,\n [data-color-mode=\"light\"] .bTTPJZ:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"auto\"] > .theme-light .bTTPJZ:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"light\"] .eYCGbj,\n [data-color-mode=\"auto\"] > .theme-light .eYCGbj,\n [data-color-mode=\"light\"] .eYCGbj:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"auto\"] > .theme-light .eYCGbj:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"light\"] #branch-picker-repos-header-ref-selector,\n [data-color-mode=\"auto\"] > .theme-light #branch-picker-repos-header-ref-selector,\n [data-color-mode=\"light\"] .gtXnmh .Box-sc-g0xbh4-0.jGfYmh > *,\n [data-color-mode=\"auto\"] > .theme-light .gtXnmh .Box-sc-g0xbh4-0.jGfYmh > * {\n background-color: #363a4f;\n border-color: #494d64;\n }\n [data-color-mode=\"light\"] .jMEWXM > * > *:hover,\n [data-color-mode=\"auto\"] > .theme-light .jMEWXM > * > *:hover,\n [data-color-mode=\"light\"] .vhlgx:hover,\n [data-color-mode=\"auto\"] > .theme-light .vhlgx:hover,\n [data-color-mode=\"light\"] .vhlgx:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"auto\"] > .theme-light .vhlgx:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"light\"] .QqKiN:hover,\n [data-color-mode=\"auto\"] > .theme-light .QqKiN:hover,\n [data-color-mode=\"light\"] .QqKiN:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"auto\"] > .theme-light .QqKiN:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"light\"] .wxyGP:hover,\n [data-color-mode=\"auto\"] > .theme-light .wxyGP:hover,\n [data-color-mode=\"light\"] .wxyGP:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"auto\"] > .theme-light .wxyGP:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"light\"] .bTTPJZ:hover,\n [data-color-mode=\"auto\"] > .theme-light .bTTPJZ:hover,\n [data-color-mode=\"light\"] .bTTPJZ:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"auto\"] > .theme-light .bTTPJZ:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"light\"] .eYCGbj:hover,\n [data-color-mode=\"auto\"] > .theme-light .eYCGbj:hover,\n [data-color-mode=\"light\"] .eYCGbj:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"auto\"] > .theme-light .eYCGbj:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"light\"] #branch-picker-repos-header-ref-selector:hover,\n [data-color-mode=\"auto\"] > .theme-light #branch-picker-repos-header-ref-selector:hover,\n [data-color-mode=\"light\"] .gtXnmh .Box-sc-g0xbh4-0.jGfYmh > *:hover,\n [data-color-mode=\"auto\"] > .theme-light .gtXnmh .Box-sc-g0xbh4-0.jGfYmh > *:hover {\n background-color: #494d64;\n border-color: #5b6078;\n }\n [data-color-mode=\"light\"] .jMEWXM > * > * *,\n [data-color-mode=\"auto\"] > .theme-light .jMEWXM > * > * *,\n [data-color-mode=\"light\"] .vhlgx *,\n [data-color-mode=\"auto\"] > .theme-light .vhlgx *,\n [data-color-mode=\"light\"] .vhlgx:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"auto\"] > .theme-light .vhlgx:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"light\"] .QqKiN *,\n [data-color-mode=\"auto\"] > .theme-light .QqKiN *,\n [data-color-mode=\"light\"] .QqKiN:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"auto\"] > .theme-light .QqKiN:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"light\"] .wxyGP *,\n [data-color-mode=\"auto\"] > .theme-light .wxyGP *,\n [data-color-mode=\"light\"] .wxyGP:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"auto\"] > .theme-light .wxyGP:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"light\"] .bTTPJZ *,\n [data-color-mode=\"auto\"] > .theme-light .bTTPJZ *,\n [data-color-mode=\"light\"] .bTTPJZ:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"auto\"] > .theme-light .bTTPJZ:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"light\"] .eYCGbj *,\n [data-color-mode=\"auto\"] > .theme-light .eYCGbj *,\n [data-color-mode=\"light\"] .eYCGbj:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"auto\"] > .theme-light .eYCGbj:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"light\"] #branch-picker-repos-header-ref-selector *,\n [data-color-mode=\"auto\"] > .theme-light #branch-picker-repos-header-ref-selector *,\n [data-color-mode=\"light\"] .gtXnmh .Box-sc-g0xbh4-0.jGfYmh > * *,\n [data-color-mode=\"auto\"] > .theme-light .gtXnmh .Box-sc-g0xbh4-0.jGfYmh > * * {\n fill: #cad3f5;\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .cPEOjV,\n [data-color-mode=\"auto\"] > .theme-light .cPEOjV {\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .Box-sc-g0xbh4-0.bUCzHg,\n [data-color-mode=\"auto\"] > .theme-light .Box-sc-g0xbh4-0.bUCzHg,\n [data-color-mode=\"light\"] .ehcSsh > *,\n [data-color-mode=\"auto\"] > .theme-light .ehcSsh > * {\n border-color: #494d64 !important;\n }\n [data-color-mode=\"light\"] .eYedVD .Box-sc-g0xbh4-0.jGfYmh *,\n [data-color-mode=\"auto\"] > .theme-light .eYedVD .Box-sc-g0xbh4-0.jGfYmh *,\n [data-color-mode=\"light\"] .Text-sc-17v1xeu-0.foaUgQ,\n [data-color-mode=\"auto\"] > .theme-light .Text-sc-17v1xeu-0.foaUgQ {\n color: #a5adcb;\n }\n [data-color-mode=\"light\"] .hRMLtq,\n [data-color-mode=\"auto\"] > .theme-light .hRMLtq,\n [data-color-mode=\"light\"] .ilcYjX *,\n [data-color-mode=\"auto\"] > .theme-light .ilcYjX *,\n [data-color-mode=\"light\"] .lcModf,\n [data-color-mode=\"auto\"] > .theme-light .lcModf,\n [data-color-mode=\"light\"] button.types__StyledButton-sc-ws60qy-0.kRuNkv,\n [data-color-mode=\"auto\"] > .theme-light button.types__StyledButton-sc-ws60qy-0.kRuNkv {\n color: #cad3f5;\n }\n [data-color-mode=\"light\"] .Flash__StyledFlash-sc-hzrzfc-0.kUDiXM,\n [data-color-mode=\"auto\"] > .theme-light .Flash__StyledFlash-sc-hzrzfc-0.kUDiXM {\n background-color: rgba(245, 169, 127, 0.1);\n border-color: #f5a97f;\n }\n [data-color-mode=\"light\"] .kUDiXM svg,\n [data-color-mode=\"auto\"] > .theme-light .kUDiXM svg {\n fill: #f5a97f;\n }\n [data-color-mode=\"light\"] .iGzDhH,\n [data-color-mode=\"auto\"] > .theme-light .iGzDhH,\n [data-color-mode=\"light\"] .hBobmI,\n [data-color-mode=\"auto\"] > .theme-light .hBobmI,\n [data-color-mode=\"light\"] #__primerPortalRoot__ > div > div > div,\n [data-color-mode=\"auto\"] > .theme-light #__primerPortalRoot__ > div > div > div {\n background-color: #1e2030;\n }\n [data-color-mode=\"light\"] .Text-sc-17v1xeu-0.gPDEWA,\n [data-color-mode=\"auto\"] > .theme-light .Text-sc-17v1xeu-0.gPDEWA {\n color: #b8c0e0;\n }\n [data-color-mode=\"light\"] .TabNav__TabNavTabList-sc-pwdi4r-1.gFzOft *,\n [data-color-mode=\"auto\"] > .theme-light .TabNav__TabNavTabList-sc-pwdi4r-1.gFzOft * {\n border-color: #363a4f;\n }\n [data-color-mode=\"light\"] .TabNav__TabNavTabList-sc-pwdi4r-1.gFzOft:hover *,\n [data-color-mode=\"auto\"] > .theme-light .TabNav__TabNavTabList-sc-pwdi4r-1.gFzOft:hover * {\n background: #1e2030;\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-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-user-mention-fg: #b7bdf8;\n --color-user-mention-bg: #181926;\n --color-text-white: #cad3f5;\n --color-calendar-halloween-graph-day-L1-bg: rgba(183, 189, 248, 0.97);\n --color-calendar-halloween-graph-day-L2-bg: rgba(183, 189, 248, 0.98);\n --color-calendar-halloween-graph-day-L3-bg: #b7bdf8;\n --color-calendar-halloween-graph-day-L4-bg: #1e2030;\n --color-calendar-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-L1-border: transparent !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-bg: #363a4f !important;\n /* New PR, new branch, fork repository, and commit changes buttons */\n /* New branch dialog */\n /* Branch drop down */\n /* Compare button & Cancel new branch button */\n /* search btn */\n /* Issue tags */\n /* Search */\n /* Tags */\n /* Slug */\n /* Links */\n /* Misc */\n /* Large notification */\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 /* 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 /* Add File Menu */\n /* Notification Menu Fix */\n /* Loading Bar Color */\n /* New repo layout button, pr button on repo, tick */\n /* Some popup */\n }\n [data-color-mode=\"auto\"],\n [data-color-mode=\"auto\"] body {\n accent-color: #b7bdf8;\n --bgColor-default: #24273a;\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-diffstat-addition-bg: #a6da95;\n --color-prettylights-syntax-comment: #8087a2;\n --color-prettylights-syntax-constant: #8aadf4;\n --color-prettylights-syntax-entity: #8aadf4;\n --color-prettylights-syntax-storage-modifier-import: #f5a97f;\n --color-prettylights-syntax-entity-tag: #8bd5ca;\n --color-prettylights-syntax-keyword: #f5bde6;\n --color-prettylights-syntax-string: #a6da95;\n --color-prettylights-syntax-variable: #f5a97f;\n --color-prettylights-syntax-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\n --color-prettylights-syntax-markup-heading: #8bd5ca;\n --color-prettylights-syntax-markup-italic: #eed49f;\n --color-prettylights-syntax-markup-bold: #eed49f;\n --color-prettylights-syntax-markup-deleted-text: #cad3f5;\n --color-prettylights-syntax-markup-deleted-bg: rgba(237, 135, 150, 0.4);\n --color-prettylights-syntax-markup-inserted-text: #cad3f5;\n --color-prettylights-syntax-markup-inserted-bg: rgba(166, 218, 149, 0.4);\n --color-prettylights-syntax-markup-changed-text: #cad3f5;\n --color-prettylights-syntax-markup-changed-bg: rgba(238, 212, 159, 0.4);\n --color-prettylights-syntax-markup-ignored-text: #cad3f5;\n --color-codemirror-text: #cad3f5;\n --color-codemirror-bg: #24273a;\n --color-codemirror-gutters-bg: #24273a;\n --color-codemirror-guttermarker-text: #24273a;\n --color-codemirror-lines-bg: #24273a;\n --color-checks-bg: #1e2030;\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-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-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-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-header-text: var(--subtext2);\n --color-header-bg: #1e2030;\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-timeline-badge-bg: #363a4f;\n --color-btn-text: #cad3f5;\n --color-btn-bg: #363a4f;\n --color-btn-border: #494d64;\n --color-btn-hover-bg: #494d64;\n --color-btn-hover-border: #5b6078;\n --color-btn-active-bg: #5b6078;\n --color-btn-selected-bg: #5b6078;\n --color-btn-counter-bg: #5b6078;\n --color-btn-primary-text: #24273a;\n --color-btn-primary-bg: #a6da95;\n --color-btn-primary-icon: #24273a;\n --color-btn-primary-hover-text: #24273a;\n --color-btn-primary-hover-bg: #c6e7bb;\n --color-btn-primary-hover-border: #c6e7bb;\n --color-btn-primary-selected-text: #24273a;\n --color-btn-primary-selected-bg: #c6e7bb;\n --color-btn-primary-selected-border: #c6e7bb;\n --color-btn-primary-disabled-text: #181926;\n --color-btn-primary-disabled-bg: rgba(166, 218, 149, 0.4);\n --color-btn-primary-hover-icon: #24273a;\n /* set these to transparent for the looks */\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-selected-shadow: 0 0 transparent;\n --color-btn-primary-disabled-border: transparent;\n --color-btn-danger-text: #ed8796;\n --color-btn-danger-bg: #24273a;\n --color-btn-danger-icon: #ed8796;\n --color-btn-danger-hover-text: #24273a;\n --color-btn-danger-hover-bg: #ed8796;\n --color-btn-danger-hover-border: #ed8796;\n --color-btn-danger-selected-text: #24273a;\n --color-btn-danger-selected-bg: #ed8796;\n --color-btn-danger-selected-border: #ed8796;\n --color-btn-danger-disabled-text: rgba(237, 135, 150, 0.4);\n --color-btn-danger-disabled-bg: #1e2030;\n --color-btn-danger-hover-icon: #24273a;\n /* set these to transparent for the looks */\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-selected-shadow: 0 0 transparent;\n --color-btn-danger-disabled-border: transparent;\n --color-action-list-item-inline-divider: #5b6078;\n --color-action-list-item-default-hover-bg: #494d64;\n --color-action-list-item-default-selected-bg: #494d64;\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: #363a4f;\n --color-canvas-inset: #1e2030;\n --color-canvas-subtle: #363a4f;\n --color-border-default: #494d64;\n --color-border-muted: #363a4f;\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, 115, 141, 0.4);\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-attention-fg: #f5a97f;\n --color-attention-emphasis: #f5a97f;\n --color-severe-fg: #ee99a0;\n --color-severe-emphasis: #ee99a0;\n --color-danger-fg: #ed8796;\n --color-danger-muted: rgba(237, 135, 150, 0.4);\n --color-danger-emphasis: #ed8796;\n --color-open-fg: #a6da95;\n --color-open-emphasis: #a6da95;\n --color-closed-fg: #ed8796;\n --color-closed-emphasis: #ed8796;\n --color-done-fg: #c6a0f6;\n --color-done-emphasis: #c6a0f6;\n --color-sponsors-fg: #c6a0f6;\n --color-sponsors-emphasis: #c6a0f6;\n --color-primer-fg-disabled: rgba(183, 189, 248, 0.5);\n --color-primer-border-active: #ed8796;\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\"] .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 [data-color-mode=\"auto\"] .bJroUH {\n color: #b7bdf8;\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 [data-color-mode=\"auto\"] .gaMHBv[data-size=\"small\"][data-no-visuals] 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\"] 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\"] .bJYdrf td {\n border-top-color: #494d64;\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 [data-color-mode=\"auto\"] .caTTzX {\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\"] .klBOTR,\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\"] .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 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 [data-color-mode=\"auto\"] .rDvrp {\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 [data-color-mode=\"auto\"] .dvJnjZ,\n [data-color-mode=\"auto\"] .types__StyledButton-sc-ws60qy-0.gHIvvy,\n [data-color-mode=\"auto\"] .ldavJa {\n background-color: #a6da95;\n color: #181926;\n }\n [data-color-mode=\"auto\"] .dvJnjZ:hover,\n [data-color-mode=\"auto\"] .types__StyledButton-sc-ws60qy-0.gHIvvy:hover,\n [data-color-mode=\"auto\"] .ldavJa:hover {\n background-color: #76c65c;\n }\n [data-color-mode=\"auto\"] .ezbPok * {\n fill: #cad3f5;\n }\n [data-color-mode=\"auto\"] .jMEWXM > * > *,\n [data-color-mode=\"auto\"] .vhlgx,\n [data-color-mode=\"auto\"] .vhlgx:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"auto\"] .QqKiN,\n [data-color-mode=\"auto\"] .QqKiN:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"auto\"] .wxyGP,\n [data-color-mode=\"auto\"] .wxyGP:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"auto\"] .bTTPJZ,\n [data-color-mode=\"auto\"] .bTTPJZ:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"auto\"] .eYCGbj,\n [data-color-mode=\"auto\"] .eYCGbj:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"auto\"] #branch-picker-repos-header-ref-selector,\n [data-color-mode=\"auto\"] .gtXnmh .Box-sc-g0xbh4-0.jGfYmh > * {\n background-color: #363a4f;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .jMEWXM > * > *:hover,\n [data-color-mode=\"auto\"] .vhlgx:hover,\n [data-color-mode=\"auto\"] .vhlgx:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"auto\"] .QqKiN:hover,\n [data-color-mode=\"auto\"] .QqKiN:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"auto\"] .wxyGP:hover,\n [data-color-mode=\"auto\"] .wxyGP:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"auto\"] .bTTPJZ:hover,\n [data-color-mode=\"auto\"] .bTTPJZ:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"auto\"] .eYCGbj:hover,\n [data-color-mode=\"auto\"] .eYCGbj:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"auto\"] #branch-picker-repos-header-ref-selector:hover,\n [data-color-mode=\"auto\"] .gtXnmh .Box-sc-g0xbh4-0.jGfYmh > *:hover {\n background-color: #494d64;\n border-color: #5b6078;\n }\n [data-color-mode=\"auto\"] .jMEWXM > * > * *,\n [data-color-mode=\"auto\"] .vhlgx *,\n [data-color-mode=\"auto\"] .vhlgx:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"auto\"] .QqKiN *,\n [data-color-mode=\"auto\"] .QqKiN:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"auto\"] .wxyGP *,\n [data-color-mode=\"auto\"] .wxyGP:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"auto\"] .bTTPJZ *,\n [data-color-mode=\"auto\"] .bTTPJZ:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"auto\"] .eYCGbj *,\n [data-color-mode=\"auto\"] .eYCGbj:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"auto\"] #branch-picker-repos-header-ref-selector *,\n [data-color-mode=\"auto\"] .gtXnmh .Box-sc-g0xbh4-0.jGfYmh > * * {\n fill: #cad3f5;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .cPEOjV {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .Box-sc-g0xbh4-0.bUCzHg,\n [data-color-mode=\"auto\"] .ehcSsh > * {\n border-color: #494d64 !important;\n }\n [data-color-mode=\"auto\"] .eYedVD .Box-sc-g0xbh4-0.jGfYmh *,\n [data-color-mode=\"auto\"] .Text-sc-17v1xeu-0.foaUgQ {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .hRMLtq,\n [data-color-mode=\"auto\"] .ilcYjX *,\n [data-color-mode=\"auto\"] .lcModf,\n [data-color-mode=\"auto\"] button.types__StyledButton-sc-ws60qy-0.kRuNkv {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .Flash__StyledFlash-sc-hzrzfc-0.kUDiXM {\n background-color: rgba(245, 169, 127, 0.1);\n border-color: #f5a97f;\n }\n [data-color-mode=\"auto\"] .kUDiXM svg {\n fill: #f5a97f;\n }\n [data-color-mode=\"auto\"] .iGzDhH,\n [data-color-mode=\"auto\"] .hBobmI,\n [data-color-mode=\"auto\"] #__primerPortalRoot__ > div > div > div {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .Text-sc-17v1xeu-0.gPDEWA {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .TabNav__TabNavTabList-sc-pwdi4r-1.gFzOft * {\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .TabNav__TabNavTabList-sc-pwdi4r-1.gFzOft:hover * {\n background: #1e2030;\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-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-user-mention-fg: #b7bdf8;\n --color-user-mention-bg: #181926;\n --color-text-white: #cad3f5;\n --color-calendar-halloween-graph-day-L1-bg: rgba(183, 189, 248, 0.97);\n --color-calendar-halloween-graph-day-L2-bg: rgba(183, 189, 248, 0.98);\n --color-calendar-halloween-graph-day-L3-bg: #b7bdf8;\n --color-calendar-halloween-graph-day-L4-bg: #1e2030;\n --color-calendar-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-L1-border: transparent !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-bg: #363a4f !important;\n /* New PR, new branch, fork repository, and commit changes buttons */\n /* New branch dialog */\n /* Branch drop down */\n /* Compare button & Cancel new branch button */\n /* search btn */\n /* Issue tags */\n /* Search */\n /* Tags */\n /* Slug */\n /* Links */\n /* Misc */\n /* Large notification */\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 /* 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 /* Add File Menu */\n /* Notification Menu Fix */\n /* Loading Bar Color */\n /* New repo layout button, pr button on repo, tick */\n /* Some popup */\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-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-diffstat-addition-bg: #a6da95;\n --color-prettylights-syntax-comment: #8087a2;\n --color-prettylights-syntax-constant: #8aadf4;\n --color-prettylights-syntax-entity: #8aadf4;\n --color-prettylights-syntax-storage-modifier-import: #f5a97f;\n --color-prettylights-syntax-entity-tag: #8bd5ca;\n --color-prettylights-syntax-keyword: #f5bde6;\n --color-prettylights-syntax-string: #a6da95;\n --color-prettylights-syntax-variable: #f5a97f;\n --color-prettylights-syntax-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\n --color-prettylights-syntax-markup-heading: #8bd5ca;\n --color-prettylights-syntax-markup-italic: #eed49f;\n --color-prettylights-syntax-markup-bold: #eed49f;\n --color-prettylights-syntax-markup-deleted-text: #cad3f5;\n --color-prettylights-syntax-markup-deleted-bg: rgba(237, 135, 150, 0.4);\n --color-prettylights-syntax-markup-inserted-text: #cad3f5;\n --color-prettylights-syntax-markup-inserted-bg: rgba(166, 218, 149, 0.4);\n --color-prettylights-syntax-markup-changed-text: #cad3f5;\n --color-prettylights-syntax-markup-changed-bg: rgba(238, 212, 159, 0.4);\n --color-prettylights-syntax-markup-ignored-text: #cad3f5;\n --color-codemirror-text: #cad3f5;\n --color-codemirror-bg: #24273a;\n --color-codemirror-gutters-bg: #24273a;\n --color-codemirror-guttermarker-text: #24273a;\n --color-codemirror-lines-bg: #24273a;\n --color-checks-bg: #1e2030;\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-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-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-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-header-text: var(--subtext2);\n --color-header-bg: #1e2030;\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-timeline-badge-bg: #363a4f;\n --color-btn-text: #cad3f5;\n --color-btn-bg: #363a4f;\n --color-btn-border: #494d64;\n --color-btn-hover-bg: #494d64;\n --color-btn-hover-border: #5b6078;\n --color-btn-active-bg: #5b6078;\n --color-btn-selected-bg: #5b6078;\n --color-btn-counter-bg: #5b6078;\n --color-btn-primary-text: #24273a;\n --color-btn-primary-bg: #a6da95;\n --color-btn-primary-icon: #24273a;\n --color-btn-primary-hover-text: #24273a;\n --color-btn-primary-hover-bg: #c6e7bb;\n --color-btn-primary-hover-border: #c6e7bb;\n --color-btn-primary-selected-text: #24273a;\n --color-btn-primary-selected-bg: #c6e7bb;\n --color-btn-primary-selected-border: #c6e7bb;\n --color-btn-primary-disabled-text: #181926;\n --color-btn-primary-disabled-bg: rgba(166, 218, 149, 0.4);\n --color-btn-primary-hover-icon: #24273a;\n /* set these to transparent for the looks */\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-selected-shadow: 0 0 transparent;\n --color-btn-primary-disabled-border: transparent;\n --color-btn-danger-text: #ed8796;\n --color-btn-danger-bg: #24273a;\n --color-btn-danger-icon: #ed8796;\n --color-btn-danger-hover-text: #24273a;\n --color-btn-danger-hover-bg: #ed8796;\n --color-btn-danger-hover-border: #ed8796;\n --color-btn-danger-selected-text: #24273a;\n --color-btn-danger-selected-bg: #ed8796;\n --color-btn-danger-selected-border: #ed8796;\n --color-btn-danger-disabled-text: rgba(237, 135, 150, 0.4);\n --color-btn-danger-disabled-bg: #1e2030;\n --color-btn-danger-hover-icon: #24273a;\n /* set these to transparent for the looks */\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-selected-shadow: 0 0 transparent;\n --color-btn-danger-disabled-border: transparent;\n --color-action-list-item-inline-divider: #5b6078;\n --color-action-list-item-default-hover-bg: #494d64;\n --color-action-list-item-default-selected-bg: #494d64;\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: #363a4f;\n --color-canvas-inset: #1e2030;\n --color-canvas-subtle: #363a4f;\n --color-border-default: #494d64;\n --color-border-muted: #363a4f;\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, 115, 141, 0.4);\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-attention-fg: #f5a97f;\n --color-attention-emphasis: #f5a97f;\n --color-severe-fg: #ee99a0;\n --color-severe-emphasis: #ee99a0;\n --color-danger-fg: #ed8796;\n --color-danger-muted: rgba(237, 135, 150, 0.4);\n --color-danger-emphasis: #ed8796;\n --color-open-fg: #a6da95;\n --color-open-emphasis: #a6da95;\n --color-closed-fg: #ed8796;\n --color-closed-emphasis: #ed8796;\n --color-done-fg: #c6a0f6;\n --color-done-emphasis: #c6a0f6;\n --color-sponsors-fg: #c6a0f6;\n --color-sponsors-emphasis: #c6a0f6;\n --color-primer-fg-disabled: rgba(183, 189, 248, 0.5);\n --color-primer-border-active: #ed8796;\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\"] .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 [data-color-mode=\"dark\"] .bJroUH,\n [data-color-mode=\"auto\"] > .theme-dark .bJroUH {\n color: #b7bdf8;\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 [data-color-mode=\"dark\"] .gaMHBv[data-size=\"small\"][data-no-visuals] svg,\n [data-color-mode=\"auto\"] > .theme-dark .gaMHBv[data-size=\"small\"][data-no-visuals] 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\"] 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\"] .bJYdrf td,\n [data-color-mode=\"auto\"] > .theme-dark .bJYdrf td {\n border-top-color: #494d64;\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 [data-color-mode=\"dark\"] .caTTzX,\n [data-color-mode=\"auto\"] > .theme-dark .caTTzX {\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\"] .klBOTR,\n [data-color-mode=\"auto\"] > .theme-dark .klBOTR,\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\"] .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 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 [data-color-mode=\"dark\"] .rDvrp,\n [data-color-mode=\"auto\"] > .theme-dark .rDvrp {\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 [data-color-mode=\"dark\"] .dvJnjZ,\n [data-color-mode=\"auto\"] > .theme-dark .dvJnjZ,\n [data-color-mode=\"dark\"] .types__StyledButton-sc-ws60qy-0.gHIvvy,\n [data-color-mode=\"auto\"] > .theme-dark .types__StyledButton-sc-ws60qy-0.gHIvvy,\n [data-color-mode=\"dark\"] .ldavJa,\n [data-color-mode=\"auto\"] > .theme-dark .ldavJa {\n background-color: #a6da95;\n color: #181926;\n }\n [data-color-mode=\"dark\"] .dvJnjZ:hover,\n [data-color-mode=\"auto\"] > .theme-dark .dvJnjZ:hover,\n [data-color-mode=\"dark\"] .types__StyledButton-sc-ws60qy-0.gHIvvy:hover,\n [data-color-mode=\"auto\"] > .theme-dark .types__StyledButton-sc-ws60qy-0.gHIvvy:hover,\n [data-color-mode=\"dark\"] .ldavJa:hover,\n [data-color-mode=\"auto\"] > .theme-dark .ldavJa:hover {\n background-color: #76c65c;\n }\n [data-color-mode=\"dark\"] .ezbPok *,\n [data-color-mode=\"auto\"] > .theme-dark .ezbPok * {\n fill: #cad3f5;\n }\n [data-color-mode=\"dark\"] .jMEWXM > * > *,\n [data-color-mode=\"auto\"] > .theme-dark .jMEWXM > * > *,\n [data-color-mode=\"dark\"] .vhlgx,\n [data-color-mode=\"auto\"] > .theme-dark .vhlgx,\n [data-color-mode=\"dark\"] .vhlgx:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"auto\"] > .theme-dark .vhlgx:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"dark\"] .QqKiN,\n [data-color-mode=\"auto\"] > .theme-dark .QqKiN,\n [data-color-mode=\"dark\"] .QqKiN:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"auto\"] > .theme-dark .QqKiN:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"dark\"] .wxyGP,\n [data-color-mode=\"auto\"] > .theme-dark .wxyGP,\n [data-color-mode=\"dark\"] .wxyGP:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"auto\"] > .theme-dark .wxyGP:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"dark\"] .bTTPJZ,\n [data-color-mode=\"auto\"] > .theme-dark .bTTPJZ,\n [data-color-mode=\"dark\"] .bTTPJZ:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"auto\"] > .theme-dark .bTTPJZ:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"dark\"] .eYCGbj,\n [data-color-mode=\"auto\"] > .theme-dark .eYCGbj,\n [data-color-mode=\"dark\"] .eYCGbj:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"auto\"] > .theme-dark .eYCGbj:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"dark\"] #branch-picker-repos-header-ref-selector,\n [data-color-mode=\"auto\"] > .theme-dark #branch-picker-repos-header-ref-selector,\n [data-color-mode=\"dark\"] .gtXnmh .Box-sc-g0xbh4-0.jGfYmh > *,\n [data-color-mode=\"auto\"] > .theme-dark .gtXnmh .Box-sc-g0xbh4-0.jGfYmh > * {\n background-color: #363a4f;\n border-color: #494d64;\n }\n [data-color-mode=\"dark\"] .jMEWXM > * > *:hover,\n [data-color-mode=\"auto\"] > .theme-dark .jMEWXM > * > *:hover,\n [data-color-mode=\"dark\"] .vhlgx:hover,\n [data-color-mode=\"auto\"] > .theme-dark .vhlgx:hover,\n [data-color-mode=\"dark\"] .vhlgx:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"auto\"] > .theme-dark .vhlgx:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"dark\"] .QqKiN:hover,\n [data-color-mode=\"auto\"] > .theme-dark .QqKiN:hover,\n [data-color-mode=\"dark\"] .QqKiN:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"auto\"] > .theme-dark .QqKiN:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"dark\"] .wxyGP:hover,\n [data-color-mode=\"auto\"] > .theme-dark .wxyGP:hover,\n [data-color-mode=\"dark\"] .wxyGP:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"auto\"] > .theme-dark .wxyGP:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"dark\"] .bTTPJZ:hover,\n [data-color-mode=\"auto\"] > .theme-dark .bTTPJZ:hover,\n [data-color-mode=\"dark\"] .bTTPJZ:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"auto\"] > .theme-dark .bTTPJZ:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"dark\"] .eYCGbj:hover,\n [data-color-mode=\"auto\"] > .theme-dark .eYCGbj:hover,\n [data-color-mode=\"dark\"] .eYCGbj:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"auto\"] > .theme-dark .eYCGbj:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"dark\"] #branch-picker-repos-header-ref-selector:hover,\n [data-color-mode=\"auto\"] > .theme-dark #branch-picker-repos-header-ref-selector:hover,\n [data-color-mode=\"dark\"] .gtXnmh .Box-sc-g0xbh4-0.jGfYmh > *:hover,\n [data-color-mode=\"auto\"] > .theme-dark .gtXnmh .Box-sc-g0xbh4-0.jGfYmh > *:hover {\n background-color: #494d64;\n border-color: #5b6078;\n }\n [data-color-mode=\"dark\"] .jMEWXM > * > * *,\n [data-color-mode=\"auto\"] > .theme-dark .jMEWXM > * > * *,\n [data-color-mode=\"dark\"] .vhlgx *,\n [data-color-mode=\"auto\"] > .theme-dark .vhlgx *,\n [data-color-mode=\"dark\"] .vhlgx:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"auto\"] > .theme-dark .vhlgx:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"dark\"] .QqKiN *,\n [data-color-mode=\"auto\"] > .theme-dark .QqKiN *,\n [data-color-mode=\"dark\"] .QqKiN:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"auto\"] > .theme-dark .QqKiN:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"dark\"] .wxyGP *,\n [data-color-mode=\"auto\"] > .theme-dark .wxyGP *,\n [data-color-mode=\"dark\"] .wxyGP:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"auto\"] > .theme-dark .wxyGP:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"dark\"] .bTTPJZ *,\n [data-color-mode=\"auto\"] > .theme-dark .bTTPJZ *,\n [data-color-mode=\"dark\"] .bTTPJZ:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"auto\"] > .theme-dark .bTTPJZ:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"dark\"] .eYCGbj *,\n [data-color-mode=\"auto\"] > .theme-dark .eYCGbj *,\n [data-color-mode=\"dark\"] .eYCGbj:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"auto\"] > .theme-dark .eYCGbj:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"dark\"] #branch-picker-repos-header-ref-selector *,\n [data-color-mode=\"auto\"] > .theme-dark #branch-picker-repos-header-ref-selector *,\n [data-color-mode=\"dark\"] .gtXnmh .Box-sc-g0xbh4-0.jGfYmh > * *,\n [data-color-mode=\"auto\"] > .theme-dark .gtXnmh .Box-sc-g0xbh4-0.jGfYmh > * * {\n fill: #cad3f5;\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .cPEOjV,\n [data-color-mode=\"auto\"] > .theme-dark .cPEOjV {\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .Box-sc-g0xbh4-0.bUCzHg,\n [data-color-mode=\"auto\"] > .theme-dark .Box-sc-g0xbh4-0.bUCzHg,\n [data-color-mode=\"dark\"] .ehcSsh > *,\n [data-color-mode=\"auto\"] > .theme-dark .ehcSsh > * {\n border-color: #494d64 !important;\n }\n [data-color-mode=\"dark\"] .eYedVD .Box-sc-g0xbh4-0.jGfYmh *,\n [data-color-mode=\"auto\"] > .theme-dark .eYedVD .Box-sc-g0xbh4-0.jGfYmh *,\n [data-color-mode=\"dark\"] .Text-sc-17v1xeu-0.foaUgQ,\n [data-color-mode=\"auto\"] > .theme-dark .Text-sc-17v1xeu-0.foaUgQ {\n color: #a5adcb;\n }\n [data-color-mode=\"dark\"] .hRMLtq,\n [data-color-mode=\"auto\"] > .theme-dark .hRMLtq,\n [data-color-mode=\"dark\"] .ilcYjX *,\n [data-color-mode=\"auto\"] > .theme-dark .ilcYjX *,\n [data-color-mode=\"dark\"] .lcModf,\n [data-color-mode=\"auto\"] > .theme-dark .lcModf,\n [data-color-mode=\"dark\"] button.types__StyledButton-sc-ws60qy-0.kRuNkv,\n [data-color-mode=\"auto\"] > .theme-dark button.types__StyledButton-sc-ws60qy-0.kRuNkv {\n color: #cad3f5;\n }\n [data-color-mode=\"dark\"] .Flash__StyledFlash-sc-hzrzfc-0.kUDiXM,\n [data-color-mode=\"auto\"] > .theme-dark .Flash__StyledFlash-sc-hzrzfc-0.kUDiXM {\n background-color: rgba(245, 169, 127, 0.1);\n border-color: #f5a97f;\n }\n [data-color-mode=\"dark\"] .kUDiXM svg,\n [data-color-mode=\"auto\"] > .theme-dark .kUDiXM svg {\n fill: #f5a97f;\n }\n [data-color-mode=\"dark\"] .iGzDhH,\n [data-color-mode=\"auto\"] > .theme-dark .iGzDhH,\n [data-color-mode=\"dark\"] .hBobmI,\n [data-color-mode=\"auto\"] > .theme-dark .hBobmI,\n [data-color-mode=\"dark\"] #__primerPortalRoot__ > div > div > div,\n [data-color-mode=\"auto\"] > .theme-dark #__primerPortalRoot__ > div > div > div {\n background-color: #1e2030;\n }\n [data-color-mode=\"dark\"] .Text-sc-17v1xeu-0.gPDEWA,\n [data-color-mode=\"auto\"] > .theme-dark .Text-sc-17v1xeu-0.gPDEWA {\n color: #b8c0e0;\n }\n [data-color-mode=\"dark\"] .TabNav__TabNavTabList-sc-pwdi4r-1.gFzOft *,\n [data-color-mode=\"auto\"] > .theme-dark .TabNav__TabNavTabList-sc-pwdi4r-1.gFzOft * {\n border-color: #363a4f;\n }\n [data-color-mode=\"dark\"] .TabNav__TabNavTabList-sc-pwdi4r-1.gFzOft:hover *,\n [data-color-mode=\"auto\"] > .theme-dark .TabNav__TabNavTabList-sc-pwdi4r-1.gFzOft:hover * {\n background: #1e2030;\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-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-user-mention-fg: #b7bdf8;\n --color-user-mention-bg: #181926;\n --color-text-white: #cad3f5;\n --color-calendar-halloween-graph-day-L1-bg: rgba(183, 189, 248, 0.97);\n --color-calendar-halloween-graph-day-L2-bg: rgba(183, 189, 248, 0.98);\n --color-calendar-halloween-graph-day-L3-bg: #b7bdf8;\n --color-calendar-halloween-graph-day-L4-bg: #1e2030;\n --color-calendar-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-L1-border: transparent !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-bg: #363a4f !important;\n /* New PR, new branch, fork repository, and commit changes buttons */\n /* New branch dialog */\n /* Branch drop down */\n /* Compare button & Cancel new branch button */\n /* search btn */\n /* Issue tags */\n /* Search */\n /* Tags */\n /* Slug */\n /* Links */\n /* Misc */\n /* Large notification */\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 /* 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 /* Add File Menu */\n /* Notification Menu Fix */\n /* Loading Bar Color */\n /* New repo layout button, pr button on repo, tick */\n /* Some popup */\n }\n [data-color-mode=\"auto\"],\n [data-color-mode=\"auto\"] body {\n accent-color: #b7bdf8;\n --bgColor-default: #24273a;\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-diffstat-addition-bg: #a6da95;\n --color-prettylights-syntax-comment: #8087a2;\n --color-prettylights-syntax-constant: #8aadf4;\n --color-prettylights-syntax-entity: #8aadf4;\n --color-prettylights-syntax-storage-modifier-import: #f5a97f;\n --color-prettylights-syntax-entity-tag: #8bd5ca;\n --color-prettylights-syntax-keyword: #f5bde6;\n --color-prettylights-syntax-string: #a6da95;\n --color-prettylights-syntax-variable: #f5a97f;\n --color-prettylights-syntax-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\n --color-prettylights-syntax-markup-heading: #8bd5ca;\n --color-prettylights-syntax-markup-italic: #eed49f;\n --color-prettylights-syntax-markup-bold: #eed49f;\n --color-prettylights-syntax-markup-deleted-text: #cad3f5;\n --color-prettylights-syntax-markup-deleted-bg: rgba(237, 135, 150, 0.4);\n --color-prettylights-syntax-markup-inserted-text: #cad3f5;\n --color-prettylights-syntax-markup-inserted-bg: rgba(166, 218, 149, 0.4);\n --color-prettylights-syntax-markup-changed-text: #cad3f5;\n --color-prettylights-syntax-markup-changed-bg: rgba(238, 212, 159, 0.4);\n --color-prettylights-syntax-markup-ignored-text: #cad3f5;\n --color-codemirror-text: #cad3f5;\n --color-codemirror-bg: #24273a;\n --color-codemirror-gutters-bg: #24273a;\n --color-codemirror-guttermarker-text: #24273a;\n --color-codemirror-lines-bg: #24273a;\n --color-checks-bg: #1e2030;\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-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-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-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-header-text: var(--subtext2);\n --color-header-bg: #1e2030;\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-timeline-badge-bg: #363a4f;\n --color-btn-text: #cad3f5;\n --color-btn-bg: #363a4f;\n --color-btn-border: #494d64;\n --color-btn-hover-bg: #494d64;\n --color-btn-hover-border: #5b6078;\n --color-btn-active-bg: #5b6078;\n --color-btn-selected-bg: #5b6078;\n --color-btn-counter-bg: #5b6078;\n --color-btn-primary-text: #24273a;\n --color-btn-primary-bg: #a6da95;\n --color-btn-primary-icon: #24273a;\n --color-btn-primary-hover-text: #24273a;\n --color-btn-primary-hover-bg: #c6e7bb;\n --color-btn-primary-hover-border: #c6e7bb;\n --color-btn-primary-selected-text: #24273a;\n --color-btn-primary-selected-bg: #c6e7bb;\n --color-btn-primary-selected-border: #c6e7bb;\n --color-btn-primary-disabled-text: #181926;\n --color-btn-primary-disabled-bg: rgba(166, 218, 149, 0.4);\n --color-btn-primary-hover-icon: #24273a;\n /* set these to transparent for the looks */\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-selected-shadow: 0 0 transparent;\n --color-btn-primary-disabled-border: transparent;\n --color-btn-danger-text: #ed8796;\n --color-btn-danger-bg: #24273a;\n --color-btn-danger-icon: #ed8796;\n --color-btn-danger-hover-text: #24273a;\n --color-btn-danger-hover-bg: #ed8796;\n --color-btn-danger-hover-border: #ed8796;\n --color-btn-danger-selected-text: #24273a;\n --color-btn-danger-selected-bg: #ed8796;\n --color-btn-danger-selected-border: #ed8796;\n --color-btn-danger-disabled-text: rgba(237, 135, 150, 0.4);\n --color-btn-danger-disabled-bg: #1e2030;\n --color-btn-danger-hover-icon: #24273a;\n /* set these to transparent for the looks */\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-selected-shadow: 0 0 transparent;\n --color-btn-danger-disabled-border: transparent;\n --color-action-list-item-inline-divider: #5b6078;\n --color-action-list-item-default-hover-bg: #494d64;\n --color-action-list-item-default-selected-bg: #494d64;\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: #363a4f;\n --color-canvas-inset: #1e2030;\n --color-canvas-subtle: #363a4f;\n --color-border-default: #494d64;\n --color-border-muted: #363a4f;\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, 115, 141, 0.4);\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-attention-fg: #f5a97f;\n --color-attention-emphasis: #f5a97f;\n --color-severe-fg: #ee99a0;\n --color-severe-emphasis: #ee99a0;\n --color-danger-fg: #ed8796;\n --color-danger-muted: rgba(237, 135, 150, 0.4);\n --color-danger-emphasis: #ed8796;\n --color-open-fg: #a6da95;\n --color-open-emphasis: #a6da95;\n --color-closed-fg: #ed8796;\n --color-closed-emphasis: #ed8796;\n --color-done-fg: #c6a0f6;\n --color-done-emphasis: #c6a0f6;\n --color-sponsors-fg: #c6a0f6;\n --color-sponsors-emphasis: #c6a0f6;\n --color-primer-fg-disabled: rgba(183, 189, 248, 0.5);\n --color-primer-border-active: #ed8796;\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\"] .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 [data-color-mode=\"auto\"] .bJroUH {\n color: #b7bdf8;\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 [data-color-mode=\"auto\"] .gaMHBv[data-size=\"small\"][data-no-visuals] 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\"] 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\"] .bJYdrf td {\n border-top-color: #494d64;\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 [data-color-mode=\"auto\"] .caTTzX {\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\"] .klBOTR,\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\"] .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 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 [data-color-mode=\"auto\"] .rDvrp {\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 [data-color-mode=\"auto\"] .dvJnjZ,\n [data-color-mode=\"auto\"] .types__StyledButton-sc-ws60qy-0.gHIvvy,\n [data-color-mode=\"auto\"] .ldavJa {\n background-color: #a6da95;\n color: #181926;\n }\n [data-color-mode=\"auto\"] .dvJnjZ:hover,\n [data-color-mode=\"auto\"] .types__StyledButton-sc-ws60qy-0.gHIvvy:hover,\n [data-color-mode=\"auto\"] .ldavJa:hover {\n background-color: #76c65c;\n }\n [data-color-mode=\"auto\"] .ezbPok * {\n fill: #cad3f5;\n }\n [data-color-mode=\"auto\"] .jMEWXM > * > *,\n [data-color-mode=\"auto\"] .vhlgx,\n [data-color-mode=\"auto\"] .vhlgx:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"auto\"] .QqKiN,\n [data-color-mode=\"auto\"] .QqKiN:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"auto\"] .wxyGP,\n [data-color-mode=\"auto\"] .wxyGP:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"auto\"] .bTTPJZ,\n [data-color-mode=\"auto\"] .bTTPJZ:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"auto\"] .eYCGbj,\n [data-color-mode=\"auto\"] .eYCGbj:hover:not([disabled], [data-inactive]),\n [data-color-mode=\"auto\"] #branch-picker-repos-header-ref-selector,\n [data-color-mode=\"auto\"] .gtXnmh .Box-sc-g0xbh4-0.jGfYmh > * {\n background-color: #363a4f;\n border-color: #494d64;\n }\n [data-color-mode=\"auto\"] .jMEWXM > * > *:hover,\n [data-color-mode=\"auto\"] .vhlgx:hover,\n [data-color-mode=\"auto\"] .vhlgx:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"auto\"] .QqKiN:hover,\n [data-color-mode=\"auto\"] .QqKiN:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"auto\"] .wxyGP:hover,\n [data-color-mode=\"auto\"] .wxyGP:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"auto\"] .bTTPJZ:hover,\n [data-color-mode=\"auto\"] .bTTPJZ:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"auto\"] .eYCGbj:hover,\n [data-color-mode=\"auto\"] .eYCGbj:hover:not([disabled], [data-inactive]):hover,\n [data-color-mode=\"auto\"] #branch-picker-repos-header-ref-selector:hover,\n [data-color-mode=\"auto\"] .gtXnmh .Box-sc-g0xbh4-0.jGfYmh > *:hover {\n background-color: #494d64;\n border-color: #5b6078;\n }\n [data-color-mode=\"auto\"] .jMEWXM > * > * *,\n [data-color-mode=\"auto\"] .vhlgx *,\n [data-color-mode=\"auto\"] .vhlgx:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"auto\"] .QqKiN *,\n [data-color-mode=\"auto\"] .QqKiN:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"auto\"] .wxyGP *,\n [data-color-mode=\"auto\"] .wxyGP:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"auto\"] .bTTPJZ *,\n [data-color-mode=\"auto\"] .bTTPJZ:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"auto\"] .eYCGbj *,\n [data-color-mode=\"auto\"] .eYCGbj:hover:not([disabled], [data-inactive]) *,\n [data-color-mode=\"auto\"] #branch-picker-repos-header-ref-selector *,\n [data-color-mode=\"auto\"] .gtXnmh .Box-sc-g0xbh4-0.jGfYmh > * * {\n fill: #cad3f5;\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .cPEOjV {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .Box-sc-g0xbh4-0.bUCzHg,\n [data-color-mode=\"auto\"] .ehcSsh > * {\n border-color: #494d64 !important;\n }\n [data-color-mode=\"auto\"] .eYedVD .Box-sc-g0xbh4-0.jGfYmh *,\n [data-color-mode=\"auto\"] .Text-sc-17v1xeu-0.foaUgQ {\n color: #a5adcb;\n }\n [data-color-mode=\"auto\"] .hRMLtq,\n [data-color-mode=\"auto\"] .ilcYjX *,\n [data-color-mode=\"auto\"] .lcModf,\n [data-color-mode=\"auto\"] button.types__StyledButton-sc-ws60qy-0.kRuNkv {\n color: #cad3f5;\n }\n [data-color-mode=\"auto\"] .Flash__StyledFlash-sc-hzrzfc-0.kUDiXM {\n background-color: rgba(245, 169, 127, 0.1);\n border-color: #f5a97f;\n }\n [data-color-mode=\"auto\"] .kUDiXM svg {\n fill: #f5a97f;\n }\n [data-color-mode=\"auto\"] .iGzDhH,\n [data-color-mode=\"auto\"] .hBobmI,\n [data-color-mode=\"auto\"] #__primerPortalRoot__ > div > div > div {\n background-color: #1e2030;\n }\n [data-color-mode=\"auto\"] .Text-sc-17v1xeu-0.gPDEWA {\n color: #b8c0e0;\n }\n [data-color-mode=\"auto\"] .TabNav__TabNavTabList-sc-pwdi4r-1.gFzOft * {\n border-color: #363a4f;\n }\n [data-color-mode=\"auto\"] .TabNav__TabNavTabList-sc-pwdi4r-1.gFzOft:hover * {\n background: #1e2030;\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": 1241,
+ "code": "@media (prefers-color-scheme: light) {\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"],\n [data-color-mode=\"light\"][data-light-theme=\"light\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] {\n accent-color: #b7bdf8;\n --bgColor-default: #24273a;\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-diffstat-addition-bg: #a6da95;\n --color-prettylights-syntax-comment: #8087a2;\n --color-prettylights-syntax-constant: #8aadf4;\n --color-prettylights-syntax-entity: #8aadf4;\n --color-prettylights-syntax-storage-modifier-import: #f5a97f;\n --color-prettylights-syntax-entity-tag: #8bd5ca;\n --color-prettylights-syntax-keyword: #f5bde6;\n --color-prettylights-syntax-string: #a6da95;\n --color-prettylights-syntax-variable: #f5a97f;\n --color-prettylights-syntax-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\n --color-prettylights-syntax-markup-heading: #8bd5ca;\n --color-prettylights-syntax-markup-italic: #eed49f;\n --color-prettylights-syntax-markup-bold: #eed49f;\n --color-prettylights-syntax-markup-deleted-text: #cad3f5;\n --color-prettylights-syntax-markup-deleted-bg: rgba(237, 135, 150, 0.4);\n --color-prettylights-syntax-markup-inserted-text: #cad3f5;\n --color-prettylights-syntax-markup-inserted-bg: rgba(166, 218, 149, 0.4);\n --color-prettylights-syntax-markup-changed-text: #cad3f5;\n --color-prettylights-syntax-markup-changed-bg: rgba(238, 212, 159, 0.4);\n --color-prettylights-syntax-markup-ignored-text: #cad3f5;\n --color-codemirror-text: #cad3f5;\n --color-codemirror-bg: #24273a;\n --color-codemirror-gutters-bg: #24273a;\n --color-codemirror-guttermarker-text: #24273a;\n --color-codemirror-lines-bg: #24273a;\n --color-codemirror-guttermarker-subtle-text: #6e738d;\n --color-codemirror-linenumber-text: #b8c0e0;\n --color-codemirror-matchingbracket-text: #cad3f5;\n --color-codemirror-syntax-comment: #6e738d;\n --color-codemirror-syntax-constant: #8aadf4;\n --color-codemirror-syntax-entity: #8aadf4;\n --color-codemirror-syntax-keyword: #f5bde6;\n --color-codemirror-syntax-storage: #f5a97f;\n --color-codemirror-syntax-string: #a6da95;\n --color-codemirror-syntax-variable: #f5a97f;\n --color-checks-bg: #1e2030;\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-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-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 --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-header-text: var(--subtext2);\n --color-header-bg: #1e2030;\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-timeline-badge-bg: #363a4f;\n --color-btn-text: #cad3f5;\n --color-btn-bg: #363a4f;\n --color-btn-border: #494d64;\n --color-btn-hover-bg: #494d64;\n --color-btn-hover-border: #5b6078;\n --color-btn-active-bg: #5b6078;\n --color-btn-selected-bg: #5b6078;\n --color-btn-counter-bg: #5b6078;\n --color-btn-outline-text: #b7bdf8;\n --color-btn-primary-text: #24273a;\n --color-btn-primary-bg: #a6da95;\n --color-btn-primary-icon: #24273a;\n --color-btn-primary-hover-text: #24273a;\n --color-btn-primary-hover-bg: #c6e7bb;\n --color-btn-primary-hover-border: #c6e7bb;\n --color-btn-primary-selected-text: #24273a;\n --color-btn-primary-selected-bg: #c6e7bb;\n --color-btn-primary-selected-border: #c6e7bb;\n --color-btn-primary-disabled-text: #181926;\n --color-btn-primary-disabled-bg: rgba(166, 218, 149, 0.4);\n --color-btn-primary-hover-icon: #24273a;\n /* set these to transparent for the looks */\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-selected-shadow: 0 0 transparent;\n --color-btn-primary-disabled-border: transparent;\n --color-btn-danger-text: #ed8796;\n --color-btn-danger-bg: #24273a;\n --color-btn-danger-icon: #ed8796;\n --color-btn-danger-hover-text: #24273a;\n --color-btn-danger-hover-bg: #ed8796;\n --color-btn-danger-hover-border: #ed8796;\n --color-btn-danger-selected-text: #24273a;\n --color-btn-danger-selected-bg: #ed8796;\n --color-btn-danger-selected-border: #ed8796;\n --color-btn-danger-disabled-text: rgba(237, 135, 150, 0.4);\n --color-btn-danger-disabled-bg: #1e2030;\n --color-btn-danger-hover-icon: #24273a;\n /* set these to transparent for the looks */\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-selected-shadow: 0 0 transparent;\n --color-btn-danger-disabled-border: transparent;\n --color-action-list-item-inline-divider: #5b6078;\n --color-action-list-item-default-hover-bg: #494d64;\n --color-action-list-item-default-selected-bg: #494d64;\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: #363a4f;\n --color-canvas-inset: #1e2030;\n --color-canvas-subtle: #363a4f;\n --color-border-default: #494d64;\n --color-border-muted: #363a4f;\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, 115, 141, 0.4);\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-attention-fg: #f5a97f;\n --color-attention-emphasis: #f5a97f;\n --color-severe-fg: #ee99a0;\n --color-severe-emphasis: #ee99a0;\n --color-danger-fg: #ed8796;\n --color-danger-muted: rgba(237, 135, 150, 0.4);\n --color-danger-emphasis: #ed8796;\n --color-open-fg: #a6da95;\n --color-open-emphasis: #a6da95;\n --color-closed-fg: #ed8796;\n --color-closed-emphasis: #ed8796;\n --color-done-fg: #c6a0f6;\n --color-done-emphasis: #c6a0f6;\n --color-sponsors-fg: #c6a0f6;\n --color-sponsors-emphasis: #c6a0f6;\n --color-primer-fg-disabled: rgba(183, 189, 248, 0.5);\n --color-primer-border-active: #ed8796;\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-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-user-mention-fg: #b7bdf8;\n --color-user-mention-bg: rgba(183, 189, 248, 0.3);\n --color-text-white: #cad3f5;\n --color-calendar-halloween-graph-day-L1-bg: rgba(183, 189, 248, 0.97);\n --color-calendar-halloween-graph-day-L2-bg: rgba(183, 189, 248, 0.98);\n --color-calendar-halloween-graph-day-L3-bg: #b7bdf8;\n --color-calendar-halloween-graph-day-L4-bg: #1e2030;\n --color-calendar-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-L1-border: transparent !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-bg: #363a4f !important;\n --color-segmented-control-button-bg: #24273a;\n --color-segmented-control-button-hover-bg: #363a4f;\n --color-segmented-control-button-active-bg: #1e2030;\n --color-segmented-control-button-selected-border: #6e738d;\n --color-social-reaction-bg-hover: #363a4f;\n --color-social-reaction-bg-reacted-hover: rgba(183, 189, 248, 0.3);\n /* Other */\n --rgh-heat-color: #ed8796;\n --divider-color: #494d64;\n --underlineNav-borderColor-active: #b7bdf8;\n --color-scale-yellow-2: #eed49f;\n /* Focus states */\n /* Adds styling for primary buttons that lack the .btn-primary class. */\n /* In use at: \"Code\", \"Compare & pull request\", \"New repository secret\" buttons. */\n /* Search */\n /* Tags */\n /* User/team mentions */\n /* Large notification */\n /* Currently selected \"tab\" */\n /* Tooltip */\n /* Edit file */\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] *:focus-visible,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] *:focus-visible,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] *:focus-visible,\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] *:focus-within,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] *:focus-within,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] *:focus-within {\n outline-color: #8aadf4 !important;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .hBMKRG,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .hBMKRG,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .hBMKRG,\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .jWTzpl,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .jWTzpl,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .jWTzpl,\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] #repository-secrets + div a[href$=\"settings/secrets/actions/new\"],\n [data-color-mode=\"light\"][data-light-theme=\"light\"] #repository-secrets + div a[href$=\"settings/secrets/actions/new\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] #repository-secrets + div a[href$=\"settings/secrets/actions/new\"] {\n background-color: var(--color-btn-primary-bg);\n color: var(--color-btn-primary-text);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .hBMKRG:hover,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .hBMKRG:hover,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .hBMKRG:hover,\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .jWTzpl:hover,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .jWTzpl:hover,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .jWTzpl:hover,\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] #repository-secrets + div a[href$=\"settings/secrets/actions/new\"]:hover,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] #repository-secrets + div a[href$=\"settings/secrets/actions/new\"]:hover,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] #repository-secrets + div a[href$=\"settings/secrets/actions/new\"]:hover {\n background-color: var(--color-btn-primary-hover-bg) !important;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .header-search-input,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .header-search-input,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .header-search-input {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .header-search-button.placeholder,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .header-search-button.placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .header-search-button.placeholder,\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .header-search-input::placeholder,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .header-search-input::placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .header-search-input::placeholder {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .topic-tag,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .topic-tag,\n [data-color-mode=\"dark\"][data-dark-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=\"auto\"][data-dark-theme=\"light\"] .user-mention,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .user-mention,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .user-mention,\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .team-mention,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .team-mention,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .team-mention {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .flash,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .flash,\n [data-color-mode=\"dark\"][data-dark-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=\"auto\"][data-dark-theme=\"light\"] .notifications-list .Box-header,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .notifications-list .Box-header,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .notifications-list .Box-header {\n box-shadow: none;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .turbo-progress-bar,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .turbo-progress-bar,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .turbo-progress-bar {\n background: #b7bdf8;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .gcnonJ::after,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .gcnonJ::after,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .gcnonJ::after,\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .cnHXaE::after,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .cnHXaE::after,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .cnHXaE::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] [id^=\"tooltip-\"],\n [data-color-mode=\"light\"][data-light-theme=\"light\"] [id^=\"tooltip-\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] [id^=\"tooltip-\"],\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .tooltipped::after,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .tooltipped::after,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .tooltipped::after,\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] span[role=\"tooltip\"]::after,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] span[role=\"tooltip\"]::after,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] span[role=\"tooltip\"]::after {\n --color-fg-on-emphasis: #cad3f5 !important;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .cm-placeholder,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .cm-placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .cm-placeholder {\n color: #8087a2 !important;\n }\n }\n @media (prefers-color-scheme: dark) {\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"],\n [data-color-mode=\"light\"][data-light-theme=\"dark\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] {\n accent-color: #b7bdf8;\n --bgColor-default: #24273a;\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-diffstat-addition-bg: #a6da95;\n --color-prettylights-syntax-comment: #8087a2;\n --color-prettylights-syntax-constant: #8aadf4;\n --color-prettylights-syntax-entity: #8aadf4;\n --color-prettylights-syntax-storage-modifier-import: #f5a97f;\n --color-prettylights-syntax-entity-tag: #8bd5ca;\n --color-prettylights-syntax-keyword: #f5bde6;\n --color-prettylights-syntax-string: #a6da95;\n --color-prettylights-syntax-variable: #f5a97f;\n --color-prettylights-syntax-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\n --color-prettylights-syntax-markup-heading: #8bd5ca;\n --color-prettylights-syntax-markup-italic: #eed49f;\n --color-prettylights-syntax-markup-bold: #eed49f;\n --color-prettylights-syntax-markup-deleted-text: #cad3f5;\n --color-prettylights-syntax-markup-deleted-bg: rgba(237, 135, 150, 0.4);\n --color-prettylights-syntax-markup-inserted-text: #cad3f5;\n --color-prettylights-syntax-markup-inserted-bg: rgba(166, 218, 149, 0.4);\n --color-prettylights-syntax-markup-changed-text: #cad3f5;\n --color-prettylights-syntax-markup-changed-bg: rgba(238, 212, 159, 0.4);\n --color-prettylights-syntax-markup-ignored-text: #cad3f5;\n --color-codemirror-text: #cad3f5;\n --color-codemirror-bg: #24273a;\n --color-codemirror-gutters-bg: #24273a;\n --color-codemirror-guttermarker-text: #24273a;\n --color-codemirror-lines-bg: #24273a;\n --color-codemirror-guttermarker-subtle-text: #6e738d;\n --color-codemirror-linenumber-text: #b8c0e0;\n --color-codemirror-matchingbracket-text: #cad3f5;\n --color-codemirror-syntax-comment: #6e738d;\n --color-codemirror-syntax-constant: #8aadf4;\n --color-codemirror-syntax-entity: #8aadf4;\n --color-codemirror-syntax-keyword: #f5bde6;\n --color-codemirror-syntax-storage: #f5a97f;\n --color-codemirror-syntax-string: #a6da95;\n --color-codemirror-syntax-variable: #f5a97f;\n --color-checks-bg: #1e2030;\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-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-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 --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-header-text: var(--subtext2);\n --color-header-bg: #1e2030;\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-timeline-badge-bg: #363a4f;\n --color-btn-text: #cad3f5;\n --color-btn-bg: #363a4f;\n --color-btn-border: #494d64;\n --color-btn-hover-bg: #494d64;\n --color-btn-hover-border: #5b6078;\n --color-btn-active-bg: #5b6078;\n --color-btn-selected-bg: #5b6078;\n --color-btn-counter-bg: #5b6078;\n --color-btn-outline-text: #b7bdf8;\n --color-btn-primary-text: #24273a;\n --color-btn-primary-bg: #a6da95;\n --color-btn-primary-icon: #24273a;\n --color-btn-primary-hover-text: #24273a;\n --color-btn-primary-hover-bg: #c6e7bb;\n --color-btn-primary-hover-border: #c6e7bb;\n --color-btn-primary-selected-text: #24273a;\n --color-btn-primary-selected-bg: #c6e7bb;\n --color-btn-primary-selected-border: #c6e7bb;\n --color-btn-primary-disabled-text: #181926;\n --color-btn-primary-disabled-bg: rgba(166, 218, 149, 0.4);\n --color-btn-primary-hover-icon: #24273a;\n /* set these to transparent for the looks */\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-selected-shadow: 0 0 transparent;\n --color-btn-primary-disabled-border: transparent;\n --color-btn-danger-text: #ed8796;\n --color-btn-danger-bg: #24273a;\n --color-btn-danger-icon: #ed8796;\n --color-btn-danger-hover-text: #24273a;\n --color-btn-danger-hover-bg: #ed8796;\n --color-btn-danger-hover-border: #ed8796;\n --color-btn-danger-selected-text: #24273a;\n --color-btn-danger-selected-bg: #ed8796;\n --color-btn-danger-selected-border: #ed8796;\n --color-btn-danger-disabled-text: rgba(237, 135, 150, 0.4);\n --color-btn-danger-disabled-bg: #1e2030;\n --color-btn-danger-hover-icon: #24273a;\n /* set these to transparent for the looks */\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-selected-shadow: 0 0 transparent;\n --color-btn-danger-disabled-border: transparent;\n --color-action-list-item-inline-divider: #5b6078;\n --color-action-list-item-default-hover-bg: #494d64;\n --color-action-list-item-default-selected-bg: #494d64;\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: #363a4f;\n --color-canvas-inset: #1e2030;\n --color-canvas-subtle: #363a4f;\n --color-border-default: #494d64;\n --color-border-muted: #363a4f;\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, 115, 141, 0.4);\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-attention-fg: #f5a97f;\n --color-attention-emphasis: #f5a97f;\n --color-severe-fg: #ee99a0;\n --color-severe-emphasis: #ee99a0;\n --color-danger-fg: #ed8796;\n --color-danger-muted: rgba(237, 135, 150, 0.4);\n --color-danger-emphasis: #ed8796;\n --color-open-fg: #a6da95;\n --color-open-emphasis: #a6da95;\n --color-closed-fg: #ed8796;\n --color-closed-emphasis: #ed8796;\n --color-done-fg: #c6a0f6;\n --color-done-emphasis: #c6a0f6;\n --color-sponsors-fg: #c6a0f6;\n --color-sponsors-emphasis: #c6a0f6;\n --color-primer-fg-disabled: rgba(183, 189, 248, 0.5);\n --color-primer-border-active: #ed8796;\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-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-user-mention-fg: #b7bdf8;\n --color-user-mention-bg: rgba(183, 189, 248, 0.3);\n --color-text-white: #cad3f5;\n --color-calendar-halloween-graph-day-L1-bg: rgba(183, 189, 248, 0.97);\n --color-calendar-halloween-graph-day-L2-bg: rgba(183, 189, 248, 0.98);\n --color-calendar-halloween-graph-day-L3-bg: #b7bdf8;\n --color-calendar-halloween-graph-day-L4-bg: #1e2030;\n --color-calendar-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-L1-border: transparent !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-bg: #363a4f !important;\n --color-segmented-control-button-bg: #24273a;\n --color-segmented-control-button-hover-bg: #363a4f;\n --color-segmented-control-button-active-bg: #1e2030;\n --color-segmented-control-button-selected-border: #6e738d;\n --color-social-reaction-bg-hover: #363a4f;\n --color-social-reaction-bg-reacted-hover: rgba(183, 189, 248, 0.3);\n /* Other */\n --rgh-heat-color: #ed8796;\n --divider-color: #494d64;\n --underlineNav-borderColor-active: #b7bdf8;\n --color-scale-yellow-2: #eed49f;\n /* Focus states */\n /* Adds styling for primary buttons that lack the .btn-primary class. */\n /* In use at: \"Code\", \"Compare & pull request\", \"New repository secret\" buttons. */\n /* Search */\n /* Tags */\n /* User/team mentions */\n /* Large notification */\n /* Currently selected \"tab\" */\n /* Tooltip */\n /* Edit file */\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] *:focus-visible,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] *:focus-visible,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] *:focus-visible,\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] *:focus-within,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] *:focus-within,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] *:focus-within {\n outline-color: #8aadf4 !important;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .hBMKRG,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .hBMKRG,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .hBMKRG,\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .jWTzpl,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .jWTzpl,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .jWTzpl,\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] #repository-secrets + div a[href$=\"settings/secrets/actions/new\"],\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] #repository-secrets + div a[href$=\"settings/secrets/actions/new\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] #repository-secrets + div a[href$=\"settings/secrets/actions/new\"] {\n background-color: var(--color-btn-primary-bg);\n color: var(--color-btn-primary-text);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .hBMKRG:hover,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .hBMKRG:hover,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .hBMKRG:hover,\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .jWTzpl:hover,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .jWTzpl:hover,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .jWTzpl:hover,\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] #repository-secrets + div a[href$=\"settings/secrets/actions/new\"]:hover,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] #repository-secrets + div a[href$=\"settings/secrets/actions/new\"]:hover,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] #repository-secrets + div a[href$=\"settings/secrets/actions/new\"]:hover {\n background-color: var(--color-btn-primary-hover-bg) !important;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .header-search-input,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .header-search-input,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .header-search-input {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .header-search-button.placeholder,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .header-search-button.placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .header-search-button.placeholder,\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .header-search-input::placeholder,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .header-search-input::placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .header-search-input::placeholder {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .topic-tag,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .topic-tag,\n [data-color-mode=\"dark\"][data-dark-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=\"auto\"][data-dark-theme=\"dark\"] .user-mention,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .user-mention,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .user-mention,\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .team-mention,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .team-mention,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .team-mention {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .flash,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .flash,\n [data-color-mode=\"dark\"][data-dark-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=\"auto\"][data-dark-theme=\"dark\"] .notifications-list .Box-header,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .notifications-list .Box-header,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .notifications-list .Box-header {\n box-shadow: none;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .turbo-progress-bar,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .turbo-progress-bar,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .turbo-progress-bar {\n background: #b7bdf8;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .gcnonJ::after,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .gcnonJ::after,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .gcnonJ::after,\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .cnHXaE::after,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .cnHXaE::after,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .cnHXaE::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] [id^=\"tooltip-\"],\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] [id^=\"tooltip-\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] [id^=\"tooltip-\"],\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .tooltipped::after,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .tooltipped::after,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .tooltipped::after,\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] span[role=\"tooltip\"]::after,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] span[role=\"tooltip\"]::after,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] span[role=\"tooltip\"]::after {\n --color-fg-on-emphasis: #cad3f5 !important;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .cm-placeholder,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .cm-placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .cm-placeholder {\n color: #8087a2 !important;\n }\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"],\n [data-color-mode=\"light\"][data-light-theme=\"light\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] {\n accent-color: #b7bdf8;\n --bgColor-default: #24273a;\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-diffstat-addition-bg: #a6da95;\n --color-prettylights-syntax-comment: #8087a2;\n --color-prettylights-syntax-constant: #8aadf4;\n --color-prettylights-syntax-entity: #8aadf4;\n --color-prettylights-syntax-storage-modifier-import: #f5a97f;\n --color-prettylights-syntax-entity-tag: #8bd5ca;\n --color-prettylights-syntax-keyword: #f5bde6;\n --color-prettylights-syntax-string: #a6da95;\n --color-prettylights-syntax-variable: #f5a97f;\n --color-prettylights-syntax-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\n --color-prettylights-syntax-markup-heading: #8bd5ca;\n --color-prettylights-syntax-markup-italic: #eed49f;\n --color-prettylights-syntax-markup-bold: #eed49f;\n --color-prettylights-syntax-markup-deleted-text: #cad3f5;\n --color-prettylights-syntax-markup-deleted-bg: rgba(237, 135, 150, 0.4);\n --color-prettylights-syntax-markup-inserted-text: #cad3f5;\n --color-prettylights-syntax-markup-inserted-bg: rgba(166, 218, 149, 0.4);\n --color-prettylights-syntax-markup-changed-text: #cad3f5;\n --color-prettylights-syntax-markup-changed-bg: rgba(238, 212, 159, 0.4);\n --color-prettylights-syntax-markup-ignored-text: #cad3f5;\n --color-codemirror-text: #cad3f5;\n --color-codemirror-bg: #24273a;\n --color-codemirror-gutters-bg: #24273a;\n --color-codemirror-guttermarker-text: #24273a;\n --color-codemirror-lines-bg: #24273a;\n --color-codemirror-guttermarker-subtle-text: #6e738d;\n --color-codemirror-linenumber-text: #b8c0e0;\n --color-codemirror-matchingbracket-text: #cad3f5;\n --color-codemirror-syntax-comment: #6e738d;\n --color-codemirror-syntax-constant: #8aadf4;\n --color-codemirror-syntax-entity: #8aadf4;\n --color-codemirror-syntax-keyword: #f5bde6;\n --color-codemirror-syntax-storage: #f5a97f;\n --color-codemirror-syntax-string: #a6da95;\n --color-codemirror-syntax-variable: #f5a97f;\n --color-checks-bg: #1e2030;\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-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-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 --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-header-text: var(--subtext2);\n --color-header-bg: #1e2030;\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-timeline-badge-bg: #363a4f;\n --color-btn-text: #cad3f5;\n --color-btn-bg: #363a4f;\n --color-btn-border: #494d64;\n --color-btn-hover-bg: #494d64;\n --color-btn-hover-border: #5b6078;\n --color-btn-active-bg: #5b6078;\n --color-btn-selected-bg: #5b6078;\n --color-btn-counter-bg: #5b6078;\n --color-btn-outline-text: #b7bdf8;\n --color-btn-primary-text: #24273a;\n --color-btn-primary-bg: #a6da95;\n --color-btn-primary-icon: #24273a;\n --color-btn-primary-hover-text: #24273a;\n --color-btn-primary-hover-bg: #c6e7bb;\n --color-btn-primary-hover-border: #c6e7bb;\n --color-btn-primary-selected-text: #24273a;\n --color-btn-primary-selected-bg: #c6e7bb;\n --color-btn-primary-selected-border: #c6e7bb;\n --color-btn-primary-disabled-text: #181926;\n --color-btn-primary-disabled-bg: rgba(166, 218, 149, 0.4);\n --color-btn-primary-hover-icon: #24273a;\n /* set these to transparent for the looks */\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-selected-shadow: 0 0 transparent;\n --color-btn-primary-disabled-border: transparent;\n --color-btn-danger-text: #ed8796;\n --color-btn-danger-bg: #24273a;\n --color-btn-danger-icon: #ed8796;\n --color-btn-danger-hover-text: #24273a;\n --color-btn-danger-hover-bg: #ed8796;\n --color-btn-danger-hover-border: #ed8796;\n --color-btn-danger-selected-text: #24273a;\n --color-btn-danger-selected-bg: #ed8796;\n --color-btn-danger-selected-border: #ed8796;\n --color-btn-danger-disabled-text: rgba(237, 135, 150, 0.4);\n --color-btn-danger-disabled-bg: #1e2030;\n --color-btn-danger-hover-icon: #24273a;\n /* set these to transparent for the looks */\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-selected-shadow: 0 0 transparent;\n --color-btn-danger-disabled-border: transparent;\n --color-action-list-item-inline-divider: #5b6078;\n --color-action-list-item-default-hover-bg: #494d64;\n --color-action-list-item-default-selected-bg: #494d64;\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: #363a4f;\n --color-canvas-inset: #1e2030;\n --color-canvas-subtle: #363a4f;\n --color-border-default: #494d64;\n --color-border-muted: #363a4f;\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, 115, 141, 0.4);\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-attention-fg: #f5a97f;\n --color-attention-emphasis: #f5a97f;\n --color-severe-fg: #ee99a0;\n --color-severe-emphasis: #ee99a0;\n --color-danger-fg: #ed8796;\n --color-danger-muted: rgba(237, 135, 150, 0.4);\n --color-danger-emphasis: #ed8796;\n --color-open-fg: #a6da95;\n --color-open-emphasis: #a6da95;\n --color-closed-fg: #ed8796;\n --color-closed-emphasis: #ed8796;\n --color-done-fg: #c6a0f6;\n --color-done-emphasis: #c6a0f6;\n --color-sponsors-fg: #c6a0f6;\n --color-sponsors-emphasis: #c6a0f6;\n --color-primer-fg-disabled: rgba(183, 189, 248, 0.5);\n --color-primer-border-active: #ed8796;\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-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-user-mention-fg: #b7bdf8;\n --color-user-mention-bg: rgba(183, 189, 248, 0.3);\n --color-text-white: #cad3f5;\n --color-calendar-halloween-graph-day-L1-bg: rgba(183, 189, 248, 0.97);\n --color-calendar-halloween-graph-day-L2-bg: rgba(183, 189, 248, 0.98);\n --color-calendar-halloween-graph-day-L3-bg: #b7bdf8;\n --color-calendar-halloween-graph-day-L4-bg: #1e2030;\n --color-calendar-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-L1-border: transparent !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-bg: #363a4f !important;\n --color-segmented-control-button-bg: #24273a;\n --color-segmented-control-button-hover-bg: #363a4f;\n --color-segmented-control-button-active-bg: #1e2030;\n --color-segmented-control-button-selected-border: #6e738d;\n --color-social-reaction-bg-hover: #363a4f;\n --color-social-reaction-bg-reacted-hover: rgba(183, 189, 248, 0.3);\n /* Other */\n --rgh-heat-color: #ed8796;\n --divider-color: #494d64;\n --underlineNav-borderColor-active: #b7bdf8;\n --color-scale-yellow-2: #eed49f;\n /* Focus states */\n /* Adds styling for primary buttons that lack the .btn-primary class. */\n /* In use at: \"Code\", \"Compare & pull request\", \"New repository secret\" buttons. */\n /* Search */\n /* Tags */\n /* User/team mentions */\n /* Large notification */\n /* Currently selected \"tab\" */\n /* Tooltip */\n /* Edit file */\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] *:focus-visible,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] *:focus-visible,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] *:focus-visible,\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] *:focus-within,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] *:focus-within,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] *:focus-within {\n outline-color: #8aadf4 !important;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .hBMKRG,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .hBMKRG,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .hBMKRG,\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .jWTzpl,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .jWTzpl,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .jWTzpl,\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] #repository-secrets + div a[href$=\"settings/secrets/actions/new\"],\n [data-color-mode=\"light\"][data-light-theme=\"light\"] #repository-secrets + div a[href$=\"settings/secrets/actions/new\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] #repository-secrets + div a[href$=\"settings/secrets/actions/new\"] {\n background-color: var(--color-btn-primary-bg);\n color: var(--color-btn-primary-text);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .hBMKRG:hover,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .hBMKRG:hover,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .hBMKRG:hover,\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .jWTzpl:hover,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .jWTzpl:hover,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .jWTzpl:hover,\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] #repository-secrets + div a[href$=\"settings/secrets/actions/new\"]:hover,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] #repository-secrets + div a[href$=\"settings/secrets/actions/new\"]:hover,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] #repository-secrets + div a[href$=\"settings/secrets/actions/new\"]:hover {\n background-color: var(--color-btn-primary-hover-bg) !important;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .header-search-input,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .header-search-input,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .header-search-input {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .header-search-button.placeholder,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .header-search-button.placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .header-search-button.placeholder,\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .header-search-input::placeholder,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .header-search-input::placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .header-search-input::placeholder {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .topic-tag,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .topic-tag,\n [data-color-mode=\"dark\"][data-dark-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=\"auto\"][data-dark-theme=\"light\"] .user-mention,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .user-mention,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .user-mention,\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .team-mention,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .team-mention,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .team-mention {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .flash,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .flash,\n [data-color-mode=\"dark\"][data-dark-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=\"auto\"][data-dark-theme=\"light\"] .notifications-list .Box-header,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .notifications-list .Box-header,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .notifications-list .Box-header {\n box-shadow: none;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .turbo-progress-bar,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .turbo-progress-bar,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .turbo-progress-bar {\n background: #b7bdf8;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .gcnonJ::after,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .gcnonJ::after,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .gcnonJ::after,\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .cnHXaE::after,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .cnHXaE::after,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .cnHXaE::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] [id^=\"tooltip-\"],\n [data-color-mode=\"light\"][data-light-theme=\"light\"] [id^=\"tooltip-\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] [id^=\"tooltip-\"],\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .tooltipped::after,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .tooltipped::after,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .tooltipped::after,\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] span[role=\"tooltip\"]::after,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] span[role=\"tooltip\"]::after,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] span[role=\"tooltip\"]::after {\n --color-fg-on-emphasis: #cad3f5 !important;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"] .cm-placeholder,\n [data-color-mode=\"light\"][data-light-theme=\"light\"] .cm-placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] .cm-placeholder {\n color: #8087a2 !important;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"],\n [data-color-mode=\"light\"][data-light-theme=\"dark\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] {\n accent-color: #b7bdf8;\n --bgColor-default: #24273a;\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-diffstat-addition-bg: #a6da95;\n --color-prettylights-syntax-comment: #8087a2;\n --color-prettylights-syntax-constant: #8aadf4;\n --color-prettylights-syntax-entity: #8aadf4;\n --color-prettylights-syntax-storage-modifier-import: #f5a97f;\n --color-prettylights-syntax-entity-tag: #8bd5ca;\n --color-prettylights-syntax-keyword: #f5bde6;\n --color-prettylights-syntax-string: #a6da95;\n --color-prettylights-syntax-variable: #f5a97f;\n --color-prettylights-syntax-invalid-illegal-text: #ed8796;\n --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15);\n --color-prettylights-syntax-markup-heading: #8bd5ca;\n --color-prettylights-syntax-markup-italic: #eed49f;\n --color-prettylights-syntax-markup-bold: #eed49f;\n --color-prettylights-syntax-markup-deleted-text: #cad3f5;\n --color-prettylights-syntax-markup-deleted-bg: rgba(237, 135, 150, 0.4);\n --color-prettylights-syntax-markup-inserted-text: #cad3f5;\n --color-prettylights-syntax-markup-inserted-bg: rgba(166, 218, 149, 0.4);\n --color-prettylights-syntax-markup-changed-text: #cad3f5;\n --color-prettylights-syntax-markup-changed-bg: rgba(238, 212, 159, 0.4);\n --color-prettylights-syntax-markup-ignored-text: #cad3f5;\n --color-codemirror-text: #cad3f5;\n --color-codemirror-bg: #24273a;\n --color-codemirror-gutters-bg: #24273a;\n --color-codemirror-guttermarker-text: #24273a;\n --color-codemirror-lines-bg: #24273a;\n --color-codemirror-guttermarker-subtle-text: #6e738d;\n --color-codemirror-linenumber-text: #b8c0e0;\n --color-codemirror-matchingbracket-text: #cad3f5;\n --color-codemirror-syntax-comment: #6e738d;\n --color-codemirror-syntax-constant: #8aadf4;\n --color-codemirror-syntax-entity: #8aadf4;\n --color-codemirror-syntax-keyword: #f5bde6;\n --color-codemirror-syntax-storage: #f5a97f;\n --color-codemirror-syntax-string: #a6da95;\n --color-codemirror-syntax-variable: #f5a97f;\n --color-checks-bg: #1e2030;\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-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-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 --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-header-text: var(--subtext2);\n --color-header-bg: #1e2030;\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-timeline-badge-bg: #363a4f;\n --color-btn-text: #cad3f5;\n --color-btn-bg: #363a4f;\n --color-btn-border: #494d64;\n --color-btn-hover-bg: #494d64;\n --color-btn-hover-border: #5b6078;\n --color-btn-active-bg: #5b6078;\n --color-btn-selected-bg: #5b6078;\n --color-btn-counter-bg: #5b6078;\n --color-btn-outline-text: #b7bdf8;\n --color-btn-primary-text: #24273a;\n --color-btn-primary-bg: #a6da95;\n --color-btn-primary-icon: #24273a;\n --color-btn-primary-hover-text: #24273a;\n --color-btn-primary-hover-bg: #c6e7bb;\n --color-btn-primary-hover-border: #c6e7bb;\n --color-btn-primary-selected-text: #24273a;\n --color-btn-primary-selected-bg: #c6e7bb;\n --color-btn-primary-selected-border: #c6e7bb;\n --color-btn-primary-disabled-text: #181926;\n --color-btn-primary-disabled-bg: rgba(166, 218, 149, 0.4);\n --color-btn-primary-hover-icon: #24273a;\n /* set these to transparent for the looks */\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-selected-shadow: 0 0 transparent;\n --color-btn-primary-disabled-border: transparent;\n --color-btn-danger-text: #ed8796;\n --color-btn-danger-bg: #24273a;\n --color-btn-danger-icon: #ed8796;\n --color-btn-danger-hover-text: #24273a;\n --color-btn-danger-hover-bg: #ed8796;\n --color-btn-danger-hover-border: #ed8796;\n --color-btn-danger-selected-text: #24273a;\n --color-btn-danger-selected-bg: #ed8796;\n --color-btn-danger-selected-border: #ed8796;\n --color-btn-danger-disabled-text: rgba(237, 135, 150, 0.4);\n --color-btn-danger-disabled-bg: #1e2030;\n --color-btn-danger-hover-icon: #24273a;\n /* set these to transparent for the looks */\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-selected-shadow: 0 0 transparent;\n --color-btn-danger-disabled-border: transparent;\n --color-action-list-item-inline-divider: #5b6078;\n --color-action-list-item-default-hover-bg: #494d64;\n --color-action-list-item-default-selected-bg: #494d64;\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: #363a4f;\n --color-canvas-inset: #1e2030;\n --color-canvas-subtle: #363a4f;\n --color-border-default: #494d64;\n --color-border-muted: #363a4f;\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, 115, 141, 0.4);\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-attention-fg: #f5a97f;\n --color-attention-emphasis: #f5a97f;\n --color-severe-fg: #ee99a0;\n --color-severe-emphasis: #ee99a0;\n --color-danger-fg: #ed8796;\n --color-danger-muted: rgba(237, 135, 150, 0.4);\n --color-danger-emphasis: #ed8796;\n --color-open-fg: #a6da95;\n --color-open-emphasis: #a6da95;\n --color-closed-fg: #ed8796;\n --color-closed-emphasis: #ed8796;\n --color-done-fg: #c6a0f6;\n --color-done-emphasis: #c6a0f6;\n --color-sponsors-fg: #c6a0f6;\n --color-sponsors-emphasis: #c6a0f6;\n --color-primer-fg-disabled: rgba(183, 189, 248, 0.5);\n --color-primer-border-active: #ed8796;\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-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-user-mention-fg: #b7bdf8;\n --color-user-mention-bg: rgba(183, 189, 248, 0.3);\n --color-text-white: #cad3f5;\n --color-calendar-halloween-graph-day-L1-bg: rgba(183, 189, 248, 0.97);\n --color-calendar-halloween-graph-day-L2-bg: rgba(183, 189, 248, 0.98);\n --color-calendar-halloween-graph-day-L3-bg: #b7bdf8;\n --color-calendar-halloween-graph-day-L4-bg: #1e2030;\n --color-calendar-graph-day-L1-bg: rgba(183, 189, 248, 0.4) !important;\n --color-calendar-graph-day-L2-bg: rgba(183, 189, 248, 0.6) !important;\n --color-calendar-graph-day-L3-bg: rgba(183, 189, 248, 0.8) !important;\n --color-calendar-graph-day-L4-bg: #b7bdf8 !important;\n --color-calendar-graph-day-L1-border: transparent !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-bg: #363a4f !important;\n --color-segmented-control-button-bg: #24273a;\n --color-segmented-control-button-hover-bg: #363a4f;\n --color-segmented-control-button-active-bg: #1e2030;\n --color-segmented-control-button-selected-border: #6e738d;\n --color-social-reaction-bg-hover: #363a4f;\n --color-social-reaction-bg-reacted-hover: rgba(183, 189, 248, 0.3);\n /* Other */\n --rgh-heat-color: #ed8796;\n --divider-color: #494d64;\n --underlineNav-borderColor-active: #b7bdf8;\n --color-scale-yellow-2: #eed49f;\n /* Focus states */\n /* Adds styling for primary buttons that lack the .btn-primary class. */\n /* In use at: \"Code\", \"Compare & pull request\", \"New repository secret\" buttons. */\n /* Search */\n /* Tags */\n /* User/team mentions */\n /* Large notification */\n /* Currently selected \"tab\" */\n /* Tooltip */\n /* Edit file */\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] *:focus-visible,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] *:focus-visible,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] *:focus-visible,\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] *:focus-within,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] *:focus-within,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] *:focus-within {\n outline-color: #8aadf4 !important;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .hBMKRG,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .hBMKRG,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .hBMKRG,\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .jWTzpl,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .jWTzpl,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .jWTzpl,\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] #repository-secrets + div a[href$=\"settings/secrets/actions/new\"],\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] #repository-secrets + div a[href$=\"settings/secrets/actions/new\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] #repository-secrets + div a[href$=\"settings/secrets/actions/new\"] {\n background-color: var(--color-btn-primary-bg);\n color: var(--color-btn-primary-text);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .hBMKRG:hover,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .hBMKRG:hover,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .hBMKRG:hover,\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .jWTzpl:hover,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .jWTzpl:hover,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .jWTzpl:hover,\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] #repository-secrets + div a[href$=\"settings/secrets/actions/new\"]:hover,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] #repository-secrets + div a[href$=\"settings/secrets/actions/new\"]:hover,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] #repository-secrets + div a[href$=\"settings/secrets/actions/new\"]:hover {\n background-color: var(--color-btn-primary-hover-bg) !important;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .header-search-input,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .header-search-input,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .header-search-input {\n color: #cad3f5 !important;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .header-search-button.placeholder,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .header-search-button.placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .header-search-button.placeholder,\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .header-search-input::placeholder,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .header-search-input::placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .header-search-input::placeholder {\n color: #b8c0e0 !important;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .topic-tag,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .topic-tag,\n [data-color-mode=\"dark\"][data-dark-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=\"auto\"][data-dark-theme=\"dark\"] .user-mention,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .user-mention,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .user-mention,\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .team-mention,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .team-mention,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .team-mention {\n color: #b7bdf8;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .flash,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .flash,\n [data-color-mode=\"dark\"][data-dark-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=\"auto\"][data-dark-theme=\"dark\"] .notifications-list .Box-header,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .notifications-list .Box-header,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .notifications-list .Box-header {\n box-shadow: none;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .turbo-progress-bar,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .turbo-progress-bar,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .turbo-progress-bar {\n background: #b7bdf8;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .gcnonJ::after,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .gcnonJ::after,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .gcnonJ::after,\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .cnHXaE::after,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .cnHXaE::after,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .cnHXaE::after {\n background-color: #b7bdf8;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] [id^=\"tooltip-\"],\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] [id^=\"tooltip-\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] [id^=\"tooltip-\"],\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .tooltipped::after,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .tooltipped::after,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .tooltipped::after,\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] span[role=\"tooltip\"]::after,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] span[role=\"tooltip\"]::after,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] span[role=\"tooltip\"]::after {\n --color-fg-on-emphasis: #cad3f5 !important;\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"] .cm-placeholder,\n [data-color-mode=\"light\"][data-light-theme=\"dark\"] .cm-placeholder,\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] .cm-placeholder {\n color: #8087a2 !important;\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": 1247,
"regexps": [
- "https:\\/\\/(gist\\.)*github\\.com(?!((\\/.+?\\/.+?\\/commit\\/[A-Fa-f0-9]+\\.(patch|diff)$)|\\/home$|\\/features($|\\/.*)|\\/marketplace($|\\/.*)|\\/organizations\\/plan)).*$"
+ "https:\\/\\/(gist\\.)*github\\.com(?!((\\/.+?\\/.+?\\/commit\\/[A-Fa-f0-9]+\\.(patch|diff)$)|\\/home$|\\/features($|\\/.*)|\\/marketplace($|\\?.*|\\/.*)|\\/organizations\\/plan)).*$"
]
},
{
- "code": ":root {\n /* Colors */\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": 224995,
+ "code": ":root {\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": 79436,
"regexps": [
"https:\\/\\/notebooks\\.githubusercontent\\.com\\/view\\/ipynb.*"
]
}
],
- "sourceCode": "/* ==UserStyle==\n@name GitHub Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/github\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/github\n@version 1.3.5\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@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agithub\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/* 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(?!((\\/.+?\\/.+?\\/commit\\/[A-Fa-f0-9]+\\.(patch|diff)$)|\\/home$|\\/features($|\\/.*)|\\/marketplace($|\\/.*)|\\/organizations\\/plan)).*$\") {\n [data-color-mode=\"light\"],\n [data-color-mode=\"auto\"] > .theme-light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n @media (prefers-color-scheme: light) {\n [data-color-mode=\"auto\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n [data-color-mode=\"dark\"],\n [data-color-mode=\"auto\"] > .theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n @media (prefers-color-scheme: dark) {\n [data-color-mode=\"auto\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n html:not([data-light-theme=\"light\"]) body:not(.logged-out)::after,\n html:not([data-dark-theme=\"dark\"]) body:not(.logged-out)::after {\n position: fixed;\n top: 0;\n left: 0;\n padding: 1rem;\n margin: 1rem;\n 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(@item, @color, @flat) {\n & when (@flat) {\n --color-btn-@{item}-text: @color;\n --color-btn-@{item}-bg: @base;\n --color-btn-@{item}-icon: @color;\n\n --color-btn-@{item}-hover-text: @base;\n --color-btn-@{item}-hover-bg: @color;\n --color-btn-@{item}-hover-border: @color;\n\n --color-btn-@{item}-selected-text: @base;\n --color-btn-@{item}-selected-bg: @color;\n --color-btn-@{item}-selected-border: @color;\n\n --color-btn-@{item}-disabled-text: fadeout(@color, 60%);\n --color-btn-@{item}-disabled-bg: @mantle;\n }\n\n & when not (@flat) {\n --color-btn-@{item}-text: @base;\n --color-btn-@{item}-bg: @color;\n --color-btn-@{item}-icon: @base;\n\n --color-btn-@{item}-hover-text: @base;\n --color-btn-@{item}-hover-bg: lighten(@color, 10%);\n --color-btn-@{item}-hover-border: lighten(@color, 10%);\n\n --color-btn-@{item}-selected-text: @base;\n --color-btn-@{item}-selected-bg: lighten(@color, 10%);\n --color-btn-@{item}-selected-border: lighten(@color, 10%);\n\n --color-btn-@{item}-disabled-text: @crust;\n --color-btn-@{item}-disabled-bg: fadeout(@color, 60%);\n }\n\n --color-btn-@{item}-hover-icon: @base;\n\n /* set these to transparent for the looks */\n --color-btn-@{item}-border: transparent;\n --color-btn-@{item}-shadow: 0 0 transparent;\n --color-btn-@{item}-inset-shadow: 0 0 transparent;\n --color-btn-@{item}-selected-shadow: 0 0 transparent;\n --color-btn-@{item}-disabled-border: transparent;\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-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-diffstat-addition-bg: @green;\n --color-prettylights-syntax-comment: @overlay1;\n --color-prettylights-syntax-constant: @blue;\n --color-prettylights-syntax-entity: @blue;\n --color-prettylights-syntax-storage-modifier-import: @peach;\n --color-prettylights-syntax-entity-tag: @teal;\n --color-prettylights-syntax-keyword: @pink;\n --color-prettylights-syntax-string: @green;\n --color-prettylights-syntax-variable: @peach;\n --color-prettylights-syntax-invalid-illegal-text: @red;\n --color-prettylights-syntax-invalid-illegal-bg: fadeout(@red, 85%);\n --color-prettylights-syntax-markup-heading: @teal;\n --color-prettylights-syntax-markup-italic: @yellow;\n --color-prettylights-syntax-markup-bold: @yellow;\n --color-prettylights-syntax-markup-deleted-text: @text;\n --color-prettylights-syntax-markup-deleted-bg: fadeout(@red, 60%);\n --color-prettylights-syntax-markup-inserted-text: @text;\n --color-prettylights-syntax-markup-inserted-bg: fadeout(@green, 60%);\n --color-prettylights-syntax-markup-changed-text: @text;\n --color-prettylights-syntax-markup-changed-bg: fadeout(@yellow, 60%);\n --color-prettylights-syntax-markup-ignored-text: @text;\n --color-codemirror-text: @text;\n --color-codemirror-bg: @base;\n --color-codemirror-gutters-bg: @base;\n --color-codemirror-guttermarker-text: @base;\n --color-codemirror-lines-bg: @base;\n --color-checks-bg: @mantle;\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-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-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-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-header-text: var(--subtext2);\n --color-header-bg: @mantle;\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-timeline-badge-bg: @surface0;\n --color-btn-text: @text;\n --color-btn-bg: @surface0;\n --color-btn-border: @surface1;\n --color-btn-hover-bg: @surface1;\n --color-btn-hover-border: @surface2;\n --color-btn-active-bg: @surface2;\n --color-btn-selected-bg: @surface2;\n --color-btn-counter-bg: @surface2;\n #coloredButton(primary, @green, false);\n #coloredButton(danger, @red, true);\n --color-action-list-item-inline-divider: @surface2;\n --color-action-list-item-default-hover-bg: @surface1;\n --color-action-list-item-default-selected-bg: @surface1;\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: @surface0;\n --color-canvas-inset: @mantle; // background\n --color-canvas-subtle: @surface0;\n --color-border-default: @surface1;\n --color-border-muted: @surface0;\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: fadeout(@overlay0, 60%);\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-attention-fg: @peach;\n --color-attention-emphasis: @peach;\n --color-severe-fg: @maroon;\n --color-severe-emphasis: @maroon;\n --color-danger-fg: @red;\n --color-danger-muted: fadeout(@red, 60%);\n --color-danger-emphasis: @red;\n --color-open-fg: @green;\n --color-open-emphasis: @green;\n --color-closed-fg: @red;\n --color-closed-emphasis: @red;\n --color-done-fg: @mauve;\n --color-done-emphasis: @mauve;\n --color-sponsors-fg: @mauve;\n --color-sponsors-emphasis: @mauve;\n --color-primer-fg-disabled: fadeout(@accent-color, 50%);\n --color-primer-border-active: @red;\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-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\n --color-user-mention-fg: @accent-color;\n --color-user-mention-bg: @crust;\n --color-text-white: @text;\n\n --color-calendar-halloween-graph-day-L1-bg: fadeout(@accent-color, 3);\n --color-calendar-halloween-graph-day-L2-bg: fadeout(@accent-color, 2);\n --color-calendar-halloween-graph-day-L3-bg: @accent-color;\n --color-calendar-halloween-graph-day-L4-bg: @mantle;\n --color-calendar-graph-day-L1-bg: fadeout(@accent-color, 60%) !important;\n --color-calendar-graph-day-L2-bg: fadeout(@accent-color, 40%) !important;\n --color-calendar-graph-day-L3-bg: fadeout(@accent-color, 20%) !important;\n --color-calendar-graph-day-L4-bg: @accent-color !important;\n --color-calendar-graph-day-L1-border: transparent !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-bg: @surface0 !important;\n\n /* New PR, new branch, fork repository, and commit changes buttons */\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 /* 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 .bJroUH {\n color: @accent-color;\n }\n\n /* Misc */\n .user-mention,\n .team-mention {\n color: @accent-color;\n }\n\n .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg,\n .gaMHBv[data-size=\"small\"][data-no-visuals] 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 /* 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 &:hover {\n background-color: var(--color-btn-danger-hover-bg);\n }\n\n & > svg.octicon {\n color: var(--color-btn-danger-text) !important;\n }\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 } // 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 } // 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 .bJYdrf td {\n border-top-color: @surface1;\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 .caTTzX {\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 /* 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 .klBOTR,\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\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 .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 .rDvrp {\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 /* New repo layout button, pr button on repo, tick */\n .dvJnjZ,\n .types__StyledButton-sc-ws60qy-0.gHIvvy,\n .ldavJa {\n background-color: @green;\n color: @crust;\n &:hover {\n background-color: darken(@green, 15%);\n }\n }\n .ezbPok * {\n fill: @text;\n }\n .jMEWXM > * > *,\n .vhlgx,\n .vhlgx:hover:not([disabled], [data-inactive]),\n .QqKiN,\n .QqKiN:hover:not([disabled], [data-inactive]),\n .wxyGP,\n .wxyGP:hover:not([disabled], [data-inactive]),\n .bTTPJZ,\n .bTTPJZ:hover:not([disabled], [data-inactive]),\n .eYCGbj,\n .eYCGbj:hover:not([disabled], [data-inactive]),\n #branch-picker-repos-header-ref-selector,\n .gtXnmh .Box-sc-g0xbh4-0.jGfYmh > * {\n background-color: @surface0;\n border-color: @surface1;\n &:hover {\n background-color: @surface1;\n border-color: @surface2;\n }\n & * {\n fill: @text;\n color: @text;\n }\n }\n .cPEOjV {\n background-color: @mantle;\n }\n .Box-sc-g0xbh4-0.bUCzHg,\n .ehcSsh > * {\n border-color: @surface1 !important;\n }\n\n .eYedVD .Box-sc-g0xbh4-0.jGfYmh *,\n .Text-sc-17v1xeu-0.foaUgQ {\n color: @subtext0;\n }\n .hRMLtq,\n .ilcYjX *,\n .lcModf,\n button.types__StyledButton-sc-ws60qy-0.kRuNkv {\n color: @text;\n }\n .Flash__StyledFlash-sc-hzrzfc-0.kUDiXM {\n background-color: fadeout(@peach, 90%);\n border-color: @peach;\n }\n .kUDiXM svg {\n fill: @peach;\n }\n /* Some popup */\n .iGzDhH,\n .hBobmI,\n #__primerPortalRoot__ > div > div > div {\n background-color: @mantle;\n }\n .Text-sc-17v1xeu-0.gPDEWA {\n color: @subtext1;\n }\n .TabNav__TabNavTabList-sc-pwdi4r-1.gFzOft {\n & * {\n border-color: @surface0;\n }\n\n &:hover {\n & * {\n background: @mantle;\n }\n }\n }\n }\n}\n\n@-moz-document regexp(\"https:\\/\\/notebooks\\.githubusercontent\\.com\\/view\\/ipynb.*\") {\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n /* Colors */\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",
+ "sourceCode": "/* ==UserStyle==\n@name GitHub Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/github\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/github\n@version 1.3.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@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agithub\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/* 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(?!((\\/.+?\\/.+?\\/commit\\/[A-Fa-f0-9]+\\.(patch|diff)$)|\\/home$|\\/features($|\\/.*)|\\/marketplace($|\\?.*|\\/.*)|\\/organizations\\/plan)).*$\") {\n @media (prefers-color-scheme: light) {\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"],\n [data-color-mode=\"light\"][data-light-theme=\"light\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n @media (prefers-color-scheme: dark) {\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"],\n [data-color-mode=\"light\"][data-light-theme=\"dark\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n [data-color-mode=\"auto\"][data-dark-theme=\"light\"],\n [data-color-mode=\"light\"][data-light-theme=\"light\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n [data-color-mode=\"auto\"][data-dark-theme=\"dark\"],\n [data-color-mode=\"light\"][data-light-theme=\"dark\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\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(@item, @color, @flat) {\n & when (@flat) {\n --color-btn-@{item}-text: @color;\n --color-btn-@{item}-bg: @base;\n --color-btn-@{item}-icon: @color;\n\n --color-btn-@{item}-hover-text: @base;\n --color-btn-@{item}-hover-bg: @color;\n --color-btn-@{item}-hover-border: @color;\n\n --color-btn-@{item}-selected-text: @base;\n --color-btn-@{item}-selected-bg: @color;\n --color-btn-@{item}-selected-border: @color;\n\n --color-btn-@{item}-disabled-text: fadeout(@color, 60%);\n --color-btn-@{item}-disabled-bg: @mantle;\n }\n\n & when not (@flat) {\n --color-btn-@{item}-text: @base;\n --color-btn-@{item}-bg: @color;\n --color-btn-@{item}-icon: @base;\n\n --color-btn-@{item}-hover-text: @base;\n --color-btn-@{item}-hover-bg: lighten(@color, 10%);\n --color-btn-@{item}-hover-border: lighten(@color, 10%);\n\n --color-btn-@{item}-selected-text: @base;\n --color-btn-@{item}-selected-bg: lighten(@color, 10%);\n --color-btn-@{item}-selected-border: lighten(@color, 10%);\n\n --color-btn-@{item}-disabled-text: @crust;\n --color-btn-@{item}-disabled-bg: fadeout(@color, 60%);\n }\n\n --color-btn-@{item}-hover-icon: @base;\n\n /* set these to transparent for the looks */\n --color-btn-@{item}-border: transparent;\n --color-btn-@{item}-shadow: 0 0 transparent;\n --color-btn-@{item}-inset-shadow: 0 0 transparent;\n --color-btn-@{item}-selected-shadow: 0 0 transparent;\n --color-btn-@{item}-disabled-border: transparent;\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 accent-color: @accent-color;\n --bgColor-default: @base;\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-diffstat-addition-bg: @green;\n --color-prettylights-syntax-comment: @overlay1;\n --color-prettylights-syntax-constant: @blue;\n --color-prettylights-syntax-entity: @blue;\n --color-prettylights-syntax-storage-modifier-import: @peach;\n --color-prettylights-syntax-entity-tag: @teal;\n --color-prettylights-syntax-keyword: @pink;\n --color-prettylights-syntax-string: @green;\n --color-prettylights-syntax-variable: @peach;\n --color-prettylights-syntax-invalid-illegal-text: @red;\n --color-prettylights-syntax-invalid-illegal-bg: fadeout(@red, 85%);\n --color-prettylights-syntax-markup-heading: @teal;\n --color-prettylights-syntax-markup-italic: @yellow;\n --color-prettylights-syntax-markup-bold: @yellow;\n --color-prettylights-syntax-markup-deleted-text: @text;\n --color-prettylights-syntax-markup-deleted-bg: fadeout(@red, 60%);\n --color-prettylights-syntax-markup-inserted-text: @text;\n --color-prettylights-syntax-markup-inserted-bg: fadeout(@green, 60%);\n --color-prettylights-syntax-markup-changed-text: @text;\n --color-prettylights-syntax-markup-changed-bg: fadeout(@yellow, 60%);\n --color-prettylights-syntax-markup-ignored-text: @text;\n --color-codemirror-text: @text;\n --color-codemirror-bg: @base;\n --color-codemirror-gutters-bg: @base;\n --color-codemirror-guttermarker-text: @base;\n --color-codemirror-lines-bg: @base;\n --color-codemirror-guttermarker-subtle-text: @overlay0;\n --color-codemirror-linenumber-text: @subtext1;\n --color-codemirror-matchingbracket-text: @text;\n --color-codemirror-syntax-comment: @overlay0;\n --color-codemirror-syntax-constant: @blue;\n --color-codemirror-syntax-entity: @blue;\n --color-codemirror-syntax-keyword: @pink;\n --color-codemirror-syntax-storage: @peach;\n --color-codemirror-syntax-string: @green;\n --color-codemirror-syntax-variable: @peach;\n --color-checks-bg: @mantle;\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-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-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 & when (@lookup =latte) {\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 --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-header-text: var(--subtext2);\n --color-header-bg: @mantle;\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-timeline-badge-bg: @surface0;\n --color-btn-text: @text;\n --color-btn-bg: @surface0;\n --color-btn-border: @surface1;\n --color-btn-hover-bg: @surface1;\n --color-btn-hover-border: @surface2;\n --color-btn-active-bg: @surface2;\n --color-btn-selected-bg: @surface2;\n --color-btn-counter-bg: @surface2;\n --color-btn-outline-text: @accent-color;\n #coloredButton(primary, @green, false);\n #coloredButton(danger, @red, true);\n --color-action-list-item-inline-divider: @surface2;\n --color-action-list-item-default-hover-bg: @surface1;\n --color-action-list-item-default-selected-bg: @surface1;\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: @surface0;\n --color-canvas-inset: @mantle; // background\n --color-canvas-subtle: @surface0;\n --color-border-default: @surface1;\n --color-border-muted: @surface0;\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: fadeout(@overlay0, 60%);\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-attention-fg: @peach;\n --color-attention-emphasis: @peach;\n --color-severe-fg: @maroon;\n --color-severe-emphasis: @maroon;\n --color-danger-fg: @red;\n --color-danger-muted: fadeout(@red, 60%);\n --color-danger-emphasis: @red;\n --color-open-fg: @green;\n --color-open-emphasis: @green;\n --color-closed-fg: @red;\n --color-closed-emphasis: @red;\n --color-done-fg: @mauve;\n --color-done-emphasis: @mauve;\n --color-sponsors-fg: @mauve;\n --color-sponsors-emphasis: @mauve;\n --color-primer-fg-disabled: fadeout(@accent-color, 50%);\n --color-primer-border-active: @red;\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-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-user-mention-fg: @accent-color;\n --color-user-mention-bg: fade(@accent-color, 30%);\n --color-text-white: @text;\n --color-calendar-halloween-graph-day-L1-bg: fadeout(@accent-color, 3);\n --color-calendar-halloween-graph-day-L2-bg: fadeout(@accent-color, 2);\n --color-calendar-halloween-graph-day-L3-bg: @accent-color;\n --color-calendar-halloween-graph-day-L4-bg: @mantle;\n --color-calendar-graph-day-L1-bg: fadeout(@accent-color, 60%) !important;\n --color-calendar-graph-day-L2-bg: fadeout(@accent-color, 40%) !important;\n --color-calendar-graph-day-L3-bg: fadeout(@accent-color, 20%) !important;\n --color-calendar-graph-day-L4-bg: @accent-color !important;\n --color-calendar-graph-day-L1-border: transparent !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-bg: @surface0 !important;\n --color-segmented-control-button-bg: @base;\n --color-segmented-control-button-hover-bg: @surface0;\n --color-segmented-control-button-active-bg: @mantle;\n --color-segmented-control-button-selected-border: @overlay0;\n --color-social-reaction-bg-hover: @surface0;\n --color-social-reaction-bg-reacted-hover: fade(@accent-color, 30%);\n\n /* Other */\n --rgh-heat-color: @red;\n --divider-color: @surface1;\n --underlineNav-borderColor-active: @accent-color;\n --color-scale-yellow-2: @yellow;\n\n /* Focus states */\n *:focus-visible,\n *:focus-within {\n outline-color: @blue !important;\n }\n\n /* Adds styling for primary buttons that lack the .btn-primary class. */\n /* In use at: \"Code\", \"Compare & pull request\", \"New repository secret\" buttons. */\n .hBMKRG,\n .jWTzpl,\n #repository-secrets + div a[href$=\"settings/secrets/actions/new\"] {\n background-color: var(--color-btn-primary-bg);\n color: var(--color-btn-primary-text);\n\n &:hover {\n background-color: var(--color-btn-primary-hover-bg) !important;\n }\n }\n\n /* Search */\n .header-search-input {\n color: @text !important;\n }\n .header-search-button.placeholder,\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 /* User/team mentions */\n .user-mention,\n .team-mention {\n color: @accent-color;\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 .notifications-list .Box-header {\n box-shadow: none;\n }\n .turbo-progress-bar {\n background: @accent-color;\n }\n\n /* Currently selected \"tab\" */\n .gcnonJ::after,\n .cnHXaE::after {\n background-color: @accent-color;\n }\n\n /* Tooltip */\n [id^=\"tooltip-\"],\n .tooltipped::after,\n span[role=\"tooltip\"]::after {\n --color-fg-on-emphasis: @text !important;\n }\n\n /* Edit file */\n .cm-placeholder {\n color: @overlay1 !important;\n }\n }\n}\n\n@-moz-document regexp(\"https:\\/\\/notebooks\\.githubusercontent\\.com\\/view\\/ipynb.*\") {\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n --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.3.5",
+ "version": "1.3.12",
"description": "Soothing pastel theme for GitHub",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css",
@@ -1766,12 +1774,12 @@
"author": "Catppuccin",
"description": "Soothing pastel theme for GitHub",
"name": "GitHub Catppuccin",
- "originalDigest": "5da3df727844290c25ecd1a5139ff9afa5444a3d",
+ "originalDigest": "735027e8c6a5da023657522c477946a4b4cd3389",
"_id": "707de53d-4c74-462b-befa-7b946665e44e",
- "_rev": 1704797099361,
+ "_rev": 1708126001825,
"id": 40,
- "etag": "W/\"1b75a3bdf409163a9850b6e090355f0660fb2f57a29473828e1ee946b1296f64\"",
- "updateDate": 1704797099250
+ "etag": "W/\"8d8f25d920f775cbab54e1c0471144c4140dd22ac47dfcbdc0312d337a56990c\"",
+ "updateDate": 1708126001775
},
{
"enabled": true,
@@ -1963,30 +1971,31 @@
"installDate": 1690105972974,
"sections": [
{
- "code": "/* ==UserStyle==\n@name Reddit Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/reddit\n@homepageURL\t https://github.com/catppuccin/userstyles/tree/main/styles/reddit\n@version 2.0.3\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\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 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== */",
+ "code": "/* ==UserStyle==\n@name Reddit Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/reddit\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/reddit\n@version 2.0.7\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@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Areddit\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 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: #24273a;\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 --color-global-orangered: #b7bdf8;\n --color-action-upvote: #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 /* Recap Reddit Logo */\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-dark) .theme-rpl .snoo-cls-1,\n :root:not(.theme-dark).theme-rpl .snoo-cls-1,\n :root:not(.theme-dark) .theme-beta .snoo-cls-1,\n :root:not(.theme-dark).theme-beta .snoo-cls-1,\n .theme-light .snoo-cls-1 {\n fill: #24273a;\n }\n :root:not(.theme-dark) .theme-rpl .snoo-cls-2,\n :root:not(.theme-dark).theme-rpl .snoo-cls-2,\n :root:not(.theme-dark) .theme-beta .snoo-cls-2,\n :root:not(.theme-dark).theme-beta .snoo-cls-2,\n .theme-light .snoo-cls-2 {\n fill: #24273a;\n }\n :root:not(.theme-dark) .theme-rpl .snoo-cls-3,\n :root:not(.theme-dark).theme-rpl .snoo-cls-3,\n :root:not(.theme-dark) .theme-beta .snoo-cls-3,\n :root:not(.theme-dark).theme-beta .snoo-cls-3,\n .theme-light .snoo-cls-3 {\n fill: #24273a;\n }\n :root:not(.theme-dark) .theme-rpl .snoo-cls-4,\n :root:not(.theme-dark).theme-rpl .snoo-cls-4,\n :root:not(.theme-dark) .theme-beta .snoo-cls-4,\n :root:not(.theme-dark).theme-beta .snoo-cls-4,\n .theme-light .snoo-cls-4 {\n fill: #b7bdf8;\n }\n :root:not(.theme-dark) .theme-rpl .snoo-cls-5,\n :root:not(.theme-dark).theme-rpl .snoo-cls-5,\n :root:not(.theme-dark) .theme-beta .snoo-cls-5,\n :root:not(.theme-dark).theme-beta .snoo-cls-5,\n .theme-light .snoo-cls-5 {\n fill: #b7bdf8;\n }\n :root:not(.theme-dark) .theme-rpl .snoo-cls-6,\n :root:not(.theme-dark).theme-rpl .snoo-cls-6,\n :root:not(.theme-dark) .theme-beta .snoo-cls-6,\n :root:not(.theme-dark).theme-beta .snoo-cls-6,\n .theme-light .snoo-cls-6 {\n fill: #24273a;\n }\n :root:not(.theme-dark) .theme-rpl .snoo-cls-7,\n :root:not(.theme-dark).theme-rpl .snoo-cls-7,\n :root:not(.theme-dark) .theme-beta .snoo-cls-7,\n :root:not(.theme-dark).theme-beta .snoo-cls-7,\n .theme-light .snoo-cls-7 {\n fill: #b7bdf8;\n }\n :root:not(.theme-dark) .theme-rpl .snoo-cls-8,\n :root:not(.theme-dark).theme-rpl .snoo-cls-8,\n :root:not(.theme-dark) .theme-beta .snoo-cls-8,\n :root:not(.theme-dark).theme-beta .snoo-cls-8,\n .theme-light .snoo-cls-8 {\n fill: #24273a;\n }\n :root:not(.theme-dark) .theme-rpl .snoo-cls-9,\n :root:not(.theme-dark).theme-rpl .snoo-cls-9,\n :root:not(.theme-dark) .theme-beta .snoo-cls-9,\n :root:not(.theme-dark).theme-beta .snoo-cls-9,\n .theme-light .snoo-cls-9 {\n fill: #24273a;\n }\n :root:not(.theme-dark) .theme-rpl .snoo-cls-10,\n :root:not(.theme-dark).theme-rpl .snoo-cls-10,\n :root:not(.theme-dark) .theme-beta .snoo-cls-10,\n :root:not(.theme-dark).theme-beta .snoo-cls-10,\n .theme-light .snoo-cls-10 {\n fill: #b7bdf8;\n }\n :root:not(.theme-dark) .theme-rpl .snoo-cls-11,\n :root:not(.theme-dark).theme-rpl .snoo-cls-11,\n :root:not(.theme-dark) .theme-beta .snoo-cls-11,\n :root:not(.theme-dark).theme-beta .snoo-cls-11,\n .theme-light .snoo-cls-11 {\n fill: #91d7e3;\n }\n :root:not(.theme-dark) .theme-rpl .snoo-cls-11,\n :root:not(.theme-dark).theme-rpl .snoo-cls-11,\n :root:not(.theme-dark) .theme-beta .snoo-cls-11,\n :root:not(.theme-dark).theme-beta .snoo-cls-11,\n .theme-light .snoo-cls-11 {\n fill: #91d7e3;\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: #24273a;\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 --color-global-orangered: #b7bdf8;\n --color-action-upvote: #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 /* Recap Reddit Logo */\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 }\n :root:not(.theme-light) .theme-rpl .snoo-cls-1,\n :root:not(.theme-light).theme-rpl .snoo-cls-1,\n :root:not(.theme-light) .theme-beta .snoo-cls-1,\n :root:not(.theme-light).theme-beta .snoo-cls-1,\n .theme-dark .snoo-cls-1 {\n fill: #24273a;\n }\n :root:not(.theme-light) .theme-rpl .snoo-cls-2,\n :root:not(.theme-light).theme-rpl .snoo-cls-2,\n :root:not(.theme-light) .theme-beta .snoo-cls-2,\n :root:not(.theme-light).theme-beta .snoo-cls-2,\n .theme-dark .snoo-cls-2 {\n fill: #24273a;\n }\n :root:not(.theme-light) .theme-rpl .snoo-cls-3,\n :root:not(.theme-light).theme-rpl .snoo-cls-3,\n :root:not(.theme-light) .theme-beta .snoo-cls-3,\n :root:not(.theme-light).theme-beta .snoo-cls-3,\n .theme-dark .snoo-cls-3 {\n fill: #24273a;\n }\n :root:not(.theme-light) .theme-rpl .snoo-cls-4,\n :root:not(.theme-light).theme-rpl .snoo-cls-4,\n :root:not(.theme-light) .theme-beta .snoo-cls-4,\n :root:not(.theme-light).theme-beta .snoo-cls-4,\n .theme-dark .snoo-cls-4 {\n fill: #b7bdf8;\n }\n :root:not(.theme-light) .theme-rpl .snoo-cls-5,\n :root:not(.theme-light).theme-rpl .snoo-cls-5,\n :root:not(.theme-light) .theme-beta .snoo-cls-5,\n :root:not(.theme-light).theme-beta .snoo-cls-5,\n .theme-dark .snoo-cls-5 {\n fill: #b7bdf8;\n }\n :root:not(.theme-light) .theme-rpl .snoo-cls-6,\n :root:not(.theme-light).theme-rpl .snoo-cls-6,\n :root:not(.theme-light) .theme-beta .snoo-cls-6,\n :root:not(.theme-light).theme-beta .snoo-cls-6,\n .theme-dark .snoo-cls-6 {\n fill: #24273a;\n }\n :root:not(.theme-light) .theme-rpl .snoo-cls-7,\n :root:not(.theme-light).theme-rpl .snoo-cls-7,\n :root:not(.theme-light) .theme-beta .snoo-cls-7,\n :root:not(.theme-light).theme-beta .snoo-cls-7,\n .theme-dark .snoo-cls-7 {\n fill: #b7bdf8;\n }\n :root:not(.theme-light) .theme-rpl .snoo-cls-8,\n :root:not(.theme-light).theme-rpl .snoo-cls-8,\n :root:not(.theme-light) .theme-beta .snoo-cls-8,\n :root:not(.theme-light).theme-beta .snoo-cls-8,\n .theme-dark .snoo-cls-8 {\n fill: #24273a;\n }\n :root:not(.theme-light) .theme-rpl .snoo-cls-9,\n :root:not(.theme-light).theme-rpl .snoo-cls-9,\n :root:not(.theme-light) .theme-beta .snoo-cls-9,\n :root:not(.theme-light).theme-beta .snoo-cls-9,\n .theme-dark .snoo-cls-9 {\n fill: #24273a;\n }\n :root:not(.theme-light) .theme-rpl .snoo-cls-10,\n :root:not(.theme-light).theme-rpl .snoo-cls-10,\n :root:not(.theme-light) .theme-beta .snoo-cls-10,\n :root:not(.theme-light).theme-beta .snoo-cls-10,\n .theme-dark .snoo-cls-10 {\n fill: #b7bdf8;\n }\n :root:not(.theme-light) .theme-rpl .snoo-cls-11,\n :root:not(.theme-light).theme-rpl .snoo-cls-11,\n :root:not(.theme-light) .theme-beta .snoo-cls-11,\n :root:not(.theme-light).theme-beta .snoo-cls-11,\n .theme-dark .snoo-cls-11 {\n fill: #91d7e3;\n }\n :root:not(.theme-light) .theme-rpl .snoo-cls-11,\n :root:not(.theme-light).theme-rpl .snoo-cls-11,\n :root:not(.theme-light) .theme-beta .snoo-cls-11,\n :root:not(.theme-light).theme-beta .snoo-cls-11,\n .theme-dark .snoo-cls-11 {\n fill: #91d7e3;\n }",
- "start": 993,
+ "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: #24273a;\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 --color-global-orangered: #b7bdf8;\n --color-action-upvote: #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 /* Tag Color */\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 /* Post title from notification */\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 /* follower color */\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 /* Recap Reddit Logo */\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.7) !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.7) !important;\n --newCommunityTheme-lineShaded80: rgba(73, 77, 100, 0.7) !important;\n --newCommunityTheme-lineShaded90: rgba(73, 77, 100, 0.7) !important;\n --newCommunityTheme-lineShadedNinety: rgba(73, 77, 100, 0.7) !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.7) !important;\n --newCommunityTheme-postLineShaded80: rgba(73, 77, 100, 0.7) !important;\n --newCommunityTheme-postLineShaded90: rgba(73, 77, 100, 0.7) !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.7) !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.7) !important;\n /* sidebar widgets */\n --newCommunityTheme-widgetColors-sidebarWidgetBackgroundColor: #1e2030 !important;\n --newCommunityTheme-widgetColors-sidebarWidgetBorderColor: rgba(73, 77, 100, 0.7) !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.7) !important;\n --newRedditTheme-lineShaded80: rgba(73, 77, 100, 0.7) !important;\n --newRedditTheme-lineShaded90: rgba(73, 77, 100, 0.7) !important;\n --newRedditTheme-lineShadedNinety: rgba(73, 77, 100, 0.7) !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.7) !important;\n --newRedditTheme-postLineShaded80: rgba(73, 77, 100, 0.7) !important;\n --newRedditTheme-postLineShaded90: rgba(73, 77, 100, 0.7) !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.7) !important;\n --newRedditTheme-widgetColors-sidebarWidgetBackgroundColor: #1e2030 !important;\n --newRedditTheme-widgetColors-sidebarWidgetBorderColor: rgba(73, 77, 100, 0.7) !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.7) !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.7) !important;\n --layout-controlsBorder: rgba(73, 77, 100, 0.7) !important;\n --layout-dropdown-border: rgba(73, 77, 100, 0.7) !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.7) !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.7) !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.7) !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 .RESUserTagImage::after,\n :root:not(.theme-dark).theme-rpl .RESUserTagImage::after,\n :root:not(.theme-dark) .theme-beta .RESUserTagImage::after,\n :root:not(.theme-dark).theme-beta .RESUserTagImage::after,\n .theme-light .RESUserTagImage::after {\n color: #b7bdf8;\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 h1._eYtD2XCVieq6emjKBH3m,\n :root:not(.theme-dark).theme-rpl h1._eYtD2XCVieq6emjKBH3m,\n :root:not(.theme-dark) .theme-beta h1._eYtD2XCVieq6emjKBH3m,\n :root:not(.theme-dark).theme-beta h1._eYtD2XCVieq6emjKBH3m,\n .theme-light h1._eYtD2XCVieq6emjKBH3m {\n color: #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 .bg-neutral-background,\n :root:not(.theme-dark).theme-rpl .bg-neutral-background,\n :root:not(.theme-dark) .theme-beta .bg-neutral-background,\n :root:not(.theme-dark).theme-beta .bg-neutral-background,\n .theme-light .bg-neutral-background {\n color: #cad3f5 !important;\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-dark) .theme-rpl .snoo-cls-1,\n :root:not(.theme-dark).theme-rpl .snoo-cls-1,\n :root:not(.theme-dark) .theme-beta .snoo-cls-1,\n :root:not(.theme-dark).theme-beta .snoo-cls-1,\n .theme-light .snoo-cls-1 {\n fill: #24273a;\n }\n :root:not(.theme-dark) .theme-rpl .snoo-cls-2,\n :root:not(.theme-dark).theme-rpl .snoo-cls-2,\n :root:not(.theme-dark) .theme-beta .snoo-cls-2,\n :root:not(.theme-dark).theme-beta .snoo-cls-2,\n .theme-light .snoo-cls-2 {\n fill: #24273a;\n }\n :root:not(.theme-dark) .theme-rpl .snoo-cls-3,\n :root:not(.theme-dark).theme-rpl .snoo-cls-3,\n :root:not(.theme-dark) .theme-beta .snoo-cls-3,\n :root:not(.theme-dark).theme-beta .snoo-cls-3,\n .theme-light .snoo-cls-3 {\n fill: #24273a;\n }\n :root:not(.theme-dark) .theme-rpl .snoo-cls-4,\n :root:not(.theme-dark).theme-rpl .snoo-cls-4,\n :root:not(.theme-dark) .theme-beta .snoo-cls-4,\n :root:not(.theme-dark).theme-beta .snoo-cls-4,\n .theme-light .snoo-cls-4 {\n fill: #b7bdf8;\n }\n :root:not(.theme-dark) .theme-rpl .snoo-cls-5,\n :root:not(.theme-dark).theme-rpl .snoo-cls-5,\n :root:not(.theme-dark) .theme-beta .snoo-cls-5,\n :root:not(.theme-dark).theme-beta .snoo-cls-5,\n .theme-light .snoo-cls-5 {\n fill: #b7bdf8;\n }\n :root:not(.theme-dark) .theme-rpl .snoo-cls-6,\n :root:not(.theme-dark).theme-rpl .snoo-cls-6,\n :root:not(.theme-dark) .theme-beta .snoo-cls-6,\n :root:not(.theme-dark).theme-beta .snoo-cls-6,\n .theme-light .snoo-cls-6 {\n fill: #24273a;\n }\n :root:not(.theme-dark) .theme-rpl .snoo-cls-7,\n :root:not(.theme-dark).theme-rpl .snoo-cls-7,\n :root:not(.theme-dark) .theme-beta .snoo-cls-7,\n :root:not(.theme-dark).theme-beta .snoo-cls-7,\n .theme-light .snoo-cls-7 {\n fill: #b7bdf8;\n }\n :root:not(.theme-dark) .theme-rpl .snoo-cls-8,\n :root:not(.theme-dark).theme-rpl .snoo-cls-8,\n :root:not(.theme-dark) .theme-beta .snoo-cls-8,\n :root:not(.theme-dark).theme-beta .snoo-cls-8,\n .theme-light .snoo-cls-8 {\n fill: #24273a;\n }\n :root:not(.theme-dark) .theme-rpl .snoo-cls-9,\n :root:not(.theme-dark).theme-rpl .snoo-cls-9,\n :root:not(.theme-dark) .theme-beta .snoo-cls-9,\n :root:not(.theme-dark).theme-beta .snoo-cls-9,\n .theme-light .snoo-cls-9 {\n fill: #24273a;\n }\n :root:not(.theme-dark) .theme-rpl .snoo-cls-10,\n :root:not(.theme-dark).theme-rpl .snoo-cls-10,\n :root:not(.theme-dark) .theme-beta .snoo-cls-10,\n :root:not(.theme-dark).theme-beta .snoo-cls-10,\n .theme-light .snoo-cls-10 {\n fill: #b7bdf8;\n }\n :root:not(.theme-dark) .theme-rpl .snoo-cls-11,\n :root:not(.theme-dark).theme-rpl .snoo-cls-11,\n :root:not(.theme-dark) .theme-beta .snoo-cls-11,\n :root:not(.theme-dark).theme-beta .snoo-cls-11,\n .theme-light .snoo-cls-11 {\n fill: #91d7e3;\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: #24273a;\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 --color-global-orangered: #b7bdf8;\n --color-action-upvote: #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 /* Tag Color */\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 /* Post title from notification */\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 /* follower color */\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 /* Recap Reddit Logo */\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.7) !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.7) !important;\n --newCommunityTheme-lineShaded80: rgba(73, 77, 100, 0.7) !important;\n --newCommunityTheme-lineShaded90: rgba(73, 77, 100, 0.7) !important;\n --newCommunityTheme-lineShadedNinety: rgba(73, 77, 100, 0.7) !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.7) !important;\n --newCommunityTheme-postLineShaded80: rgba(73, 77, 100, 0.7) !important;\n --newCommunityTheme-postLineShaded90: rgba(73, 77, 100, 0.7) !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.7) !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.7) !important;\n /* sidebar widgets */\n --newCommunityTheme-widgetColors-sidebarWidgetBackgroundColor: #1e2030 !important;\n --newCommunityTheme-widgetColors-sidebarWidgetBorderColor: rgba(73, 77, 100, 0.7) !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.7) !important;\n --newRedditTheme-lineShaded80: rgba(73, 77, 100, 0.7) !important;\n --newRedditTheme-lineShaded90: rgba(73, 77, 100, 0.7) !important;\n --newRedditTheme-lineShadedNinety: rgba(73, 77, 100, 0.7) !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.7) !important;\n --newRedditTheme-postLineShaded80: rgba(73, 77, 100, 0.7) !important;\n --newRedditTheme-postLineShaded90: rgba(73, 77, 100, 0.7) !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.7) !important;\n --newRedditTheme-widgetColors-sidebarWidgetBackgroundColor: #1e2030 !important;\n --newRedditTheme-widgetColors-sidebarWidgetBorderColor: rgba(73, 77, 100, 0.7) !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.7) !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.7) !important;\n --layout-controlsBorder: rgba(73, 77, 100, 0.7) !important;\n --layout-dropdown-border: rgba(73, 77, 100, 0.7) !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.7) !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.7) !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.7) !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 .RESUserTagImage::after,\n :root:not(.theme-light).theme-rpl .RESUserTagImage::after,\n :root:not(.theme-light) .theme-beta .RESUserTagImage::after,\n :root:not(.theme-light).theme-beta .RESUserTagImage::after,\n .theme-dark .RESUserTagImage::after {\n color: #b7bdf8;\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 h1._eYtD2XCVieq6emjKBH3m,\n :root:not(.theme-light).theme-rpl h1._eYtD2XCVieq6emjKBH3m,\n :root:not(.theme-light) .theme-beta h1._eYtD2XCVieq6emjKBH3m,\n :root:not(.theme-light).theme-beta h1._eYtD2XCVieq6emjKBH3m,\n .theme-dark h1._eYtD2XCVieq6emjKBH3m {\n color: #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 .bg-neutral-background,\n :root:not(.theme-light).theme-rpl .bg-neutral-background,\n :root:not(.theme-light) .theme-beta .bg-neutral-background,\n :root:not(.theme-light).theme-beta .bg-neutral-background,\n .theme-dark .bg-neutral-background {\n color: #cad3f5 !important;\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 }\n :root:not(.theme-light) .theme-rpl .snoo-cls-1,\n :root:not(.theme-light).theme-rpl .snoo-cls-1,\n :root:not(.theme-light) .theme-beta .snoo-cls-1,\n :root:not(.theme-light).theme-beta .snoo-cls-1,\n .theme-dark .snoo-cls-1 {\n fill: #24273a;\n }\n :root:not(.theme-light) .theme-rpl .snoo-cls-2,\n :root:not(.theme-light).theme-rpl .snoo-cls-2,\n :root:not(.theme-light) .theme-beta .snoo-cls-2,\n :root:not(.theme-light).theme-beta .snoo-cls-2,\n .theme-dark .snoo-cls-2 {\n fill: #24273a;\n }\n :root:not(.theme-light) .theme-rpl .snoo-cls-3,\n :root:not(.theme-light).theme-rpl .snoo-cls-3,\n :root:not(.theme-light) .theme-beta .snoo-cls-3,\n :root:not(.theme-light).theme-beta .snoo-cls-3,\n .theme-dark .snoo-cls-3 {\n fill: #24273a;\n }\n :root:not(.theme-light) .theme-rpl .snoo-cls-4,\n :root:not(.theme-light).theme-rpl .snoo-cls-4,\n :root:not(.theme-light) .theme-beta .snoo-cls-4,\n :root:not(.theme-light).theme-beta .snoo-cls-4,\n .theme-dark .snoo-cls-4 {\n fill: #b7bdf8;\n }\n :root:not(.theme-light) .theme-rpl .snoo-cls-5,\n :root:not(.theme-light).theme-rpl .snoo-cls-5,\n :root:not(.theme-light) .theme-beta .snoo-cls-5,\n :root:not(.theme-light).theme-beta .snoo-cls-5,\n .theme-dark .snoo-cls-5 {\n fill: #b7bdf8;\n }\n :root:not(.theme-light) .theme-rpl .snoo-cls-6,\n :root:not(.theme-light).theme-rpl .snoo-cls-6,\n :root:not(.theme-light) .theme-beta .snoo-cls-6,\n :root:not(.theme-light).theme-beta .snoo-cls-6,\n .theme-dark .snoo-cls-6 {\n fill: #24273a;\n }\n :root:not(.theme-light) .theme-rpl .snoo-cls-7,\n :root:not(.theme-light).theme-rpl .snoo-cls-7,\n :root:not(.theme-light) .theme-beta .snoo-cls-7,\n :root:not(.theme-light).theme-beta .snoo-cls-7,\n .theme-dark .snoo-cls-7 {\n fill: #b7bdf8;\n }\n :root:not(.theme-light) .theme-rpl .snoo-cls-8,\n :root:not(.theme-light).theme-rpl .snoo-cls-8,\n :root:not(.theme-light) .theme-beta .snoo-cls-8,\n :root:not(.theme-light).theme-beta .snoo-cls-8,\n .theme-dark .snoo-cls-8 {\n fill: #24273a;\n }\n :root:not(.theme-light) .theme-rpl .snoo-cls-9,\n :root:not(.theme-light).theme-rpl .snoo-cls-9,\n :root:not(.theme-light) .theme-beta .snoo-cls-9,\n :root:not(.theme-light).theme-beta .snoo-cls-9,\n .theme-dark .snoo-cls-9 {\n fill: #24273a;\n }\n :root:not(.theme-light) .theme-rpl .snoo-cls-10,\n :root:not(.theme-light).theme-rpl .snoo-cls-10,\n :root:not(.theme-light) .theme-beta .snoo-cls-10,\n :root:not(.theme-light).theme-beta .snoo-cls-10,\n .theme-dark .snoo-cls-10 {\n fill: #b7bdf8;\n }\n :root:not(.theme-light) .theme-rpl .snoo-cls-11,\n :root:not(.theme-light).theme-rpl .snoo-cls-11,\n :root:not(.theme-light) .theme-beta .snoo-cls-11,\n :root:not(.theme-light).theme-beta .snoo-cls-11,\n .theme-dark .snoo-cls-11 {\n fill: #91d7e3;\n }",
+ "start": 1044,
"domains": [
"reddit.com"
]
},
{
"code": "/* prettier-ignore */",
- "start": 155326
+ "start": 156941
}
],
- "sourceCode": "/* ==UserStyle==\n@name Reddit Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/reddit\n@homepageURL\t https://github.com/catppuccin/userstyles/tree/main/styles/reddit\n@version 2.0.3\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\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 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 :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: @base;\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 --color-global-orangered: @accent-color;\n --color-action-upvote: @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 &,\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(\n @surface1,\n 80\n ) !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(\n @surface1,\n 80\n ) !important;\n\n /* sidebar widgets */\n --newCommunityTheme-widgetColors-sidebarWidgetBackgroundColor: @mantle !important;\n --newCommunityTheme-widgetColors-sidebarWidgetBorderColor: fadeout(\n @surface1,\n 80\n ) !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(\n @surface1,\n 80\n ) !important;\n --newRedditTheme-widgetColors-sidebarWidgetBackgroundColor: @mantle !important;\n --newRedditTheme-widgetColors-sidebarWidgetBorderColor: fadeout(\n @surface1,\n 80\n ) !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColor: @crust !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: fadeout(\n @crust,\n 20\n ) !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 /* PROFILE MENU */\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 /* PROFILE PAGE */\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,\n i.icon-user_fill {\n color: @accent-color !important;\n }\n\n /* add social links button readability tweak */\n div._3hew1NnzwygOKDNQDKp6R4,\n div._3hew1NnzwygOKDNQDKp6R4 > i,\n 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,\n div[data-testid=\"post-container\"],\n div[style=\"background:#1A1A1B\"],\n div._2otRz3OtuWajw1RleFDJ5P {\n background: @mantle !important;\n }\n\n /* NFT AVATAR VIEWER */\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,\n 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 /* AVATAR CREATOR */\n div._wrapper_1upjl_7 {\n background: @base !important;\n color: @text !important;\n }\n\n /* SITE HEADER */\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 /* NAVIGATION SIDEBAR */\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 /* RIGHT FRONTPAGE SIDEBAR */\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 /* POSTS */\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,\n i.icon-comment,\n i.icon-share,\n i.icon-save,\n i.icon-expand,\n i.icon-collapse,\n i.icon-text_post,\n i.icon-image_post,\n i.icon-media_gallery,\n i.icon-video_post,\n i.icon-gif_post,\n i.icon-embed,\n i.icon-external_link,\n i.icon-poll_post {\n color: @subtext0 !important;\n }\n\n /* post title color */\n div[data-adclicklocation=\"title\"] > div > a > div > h3,\n div[data-adclicklocation=\"title\"]\n > div:first-child\n > div:first-child\n > 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,\n 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,\n 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 /* UPVOTES/DOWNVOTES */\n\n /* upvote/downvote background */\n div.Post,\n 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 /* 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 /* 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,\n div[role=\"radio\"]:focus {\n background: @accent-color !important;\n }\n\n div[role=\"radio\"] > svg,\n 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 /* SUBREDDIT RIGHT SIDEBAR (some styles carry over from the homepage right sidebar section) */\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 /* POST VIEWER */\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,\n div._1DK52RbaamLOWw5UPaht_S {\n background: fadeout(@crust, 20) !important;\n }\n\n /* gold award gradient */\n div.TmlaIdEplCzZ0F1aRGYQh[role=\"presentation\"] {\n background: linear-gradient(\n 188deg,\n #f9e2af1f 1.7%,\n #f9e2af00 46%,\n rgba(0, 0, 0, 0)\n ) !important;\n }\n\n /* image gallery next/previous buttons */\n a[title=\"Next\"] > i,\n 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 /* delete custom feed button */\n .bX6SqXfzfxpv4GQbuIYVZ {\n color: @red !important;\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 /* Recap Reddit Logo */\n .snoo-cls-1 {\n fill: @base;\n }\n\n .snoo-cls-2 {\n fill: @base;\n }\n\n .snoo-cls-3 {\n fill: @base;\n }\n\n .snoo-cls-4 {\n fill: @accent-color;\n }\n\n .snoo-cls-5 {\n fill: @accent-color;\n }\n\n .snoo-cls-6 {\n fill: @base;\n }\n\n .snoo-cls-7 {\n fill: @accent-color;\n }\n\n .snoo-cls-8 {\n fill: @base;\n }\n\n .snoo-cls-9 {\n fill: @base;\n }\n\n .snoo-cls-10 {\n fill: @accent-color;\n }\n\n .snoo-cls-11 {\n fill: @sky;\n }\n\n .snoo-cls-11 {\n fill: @sky;\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",
+ "sourceCode": "/* ==UserStyle==\n@name Reddit Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/reddit\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/reddit\n@version 2.0.7\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@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Areddit\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 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 :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: @base;\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 --color-global-orangered: @accent-color;\n --color-action-upvote: @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 &,\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, 30) !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, 30) !important;\n --newCommunityTheme-lineShaded80: fadeout(@surface1, 30) !important;\n --newCommunityTheme-lineShaded90: fadeout(@surface1, 30) !important;\n --newCommunityTheme-lineShadedNinety: fadeout(@surface1, 30) !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, 30) !important;\n --newCommunityTheme-postLineShaded80: fadeout(@surface1, 30) !important;\n --newCommunityTheme-postLineShaded90: fadeout(@surface1, 30) !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(\n @surface1,\n 30\n ) !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(\n @surface1,\n 30\n ) !important;\n\n /* sidebar widgets */\n --newCommunityTheme-widgetColors-sidebarWidgetBackgroundColor: @mantle !important;\n --newCommunityTheme-widgetColors-sidebarWidgetBorderColor: fadeout(\n @surface1,\n 30\n ) !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, 30) !important;\n --newRedditTheme-lineShaded80: fadeout(@surface1, 30) !important;\n --newRedditTheme-lineShaded90: fadeout(@surface1, 30) !important;\n --newRedditTheme-lineShadedNinety: fadeout(@surface1, 30) !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, 30) !important;\n --newRedditTheme-postLineShaded80: fadeout(@surface1, 30) !important;\n --newRedditTheme-postLineShaded90: fadeout(@surface1, 30) !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(\n @surface1,\n 30\n ) !important;\n --newRedditTheme-widgetColors-sidebarWidgetBackgroundColor: @mantle !important;\n --newRedditTheme-widgetColors-sidebarWidgetBorderColor: fadeout(\n @surface1,\n 30\n ) !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColor: @crust !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: fadeout(\n @crust,\n 20\n ) !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, 30) !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, 30) !important;\n --layout-controlsBorder: fadeout(@surface1, 30) !important;\n --layout-dropdown-border: fadeout(@surface1, 30) !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, 30) !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, 30) !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, 30) !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 /* PROFILE MENU */\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 /* PROFILE PAGE */\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,\n i.icon-user_fill {\n color: @accent-color !important;\n }\n\n /* add social links button readability tweak */\n div._3hew1NnzwygOKDNQDKp6R4,\n div._3hew1NnzwygOKDNQDKp6R4 > i,\n 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,\n div[data-testid=\"post-container\"],\n div[style=\"background:#1A1A1B\"],\n div._2otRz3OtuWajw1RleFDJ5P {\n background: @mantle !important;\n }\n\n /* NFT AVATAR VIEWER */\n\n /* modal background */\n div._productDetails_7kbcu_53 {\n background: @mantle !important;\n color: @text !important;\n }\n\n /* Tag Color */\n .RESUserTagImage::after {\n color: @accent-color;\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,\n 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 /* AVATAR CREATOR */\n div._wrapper_1upjl_7 {\n background: @base !important;\n color: @text !important;\n }\n\n /* SITE HEADER */\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 /* Post title from notification */\n h1._eYtD2XCVieq6emjKBH3m {\n color: @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 /* NAVIGATION SIDEBAR */\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 /* RIGHT FRONTPAGE SIDEBAR */\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 /* POSTS */\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,\n i.icon-comment,\n i.icon-share,\n i.icon-save,\n i.icon-expand,\n i.icon-collapse,\n i.icon-text_post,\n i.icon-image_post,\n i.icon-media_gallery,\n i.icon-video_post,\n i.icon-gif_post,\n i.icon-embed,\n i.icon-external_link,\n i.icon-poll_post {\n color: @subtext0 !important;\n }\n\n /* post title color */\n div[data-adclicklocation=\"title\"] > div > a > div > h3,\n div[data-adclicklocation=\"title\"]\n > div:first-child\n > div:first-child\n > 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,\n 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,\n 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 /* UPVOTES/DOWNVOTES */\n\n /* upvote/downvote background */\n div.Post,\n 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 /* 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 /* 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,\n div[role=\"radio\"]:focus {\n background: @accent-color !important;\n }\n\n div[role=\"radio\"] > svg,\n 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 /* SUBREDDIT RIGHT SIDEBAR (some styles carry over from the homepage right sidebar section) */\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 /* follower color */\n .bg-neutral-background {\n color: @text !important;\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 /* POST VIEWER */\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,\n div._1DK52RbaamLOWw5UPaht_S {\n background: fadeout(@crust, 20) !important;\n }\n\n /* gold award gradient */\n div.TmlaIdEplCzZ0F1aRGYQh[role=\"presentation\"] {\n background: linear-gradient(\n 188deg,\n #f9e2af1f 1.7%,\n #f9e2af00 46%,\n rgba(0, 0, 0, 0)\n ) !important;\n }\n\n /* image gallery next/previous buttons */\n a[title=\"Next\"] > i,\n 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 /* delete custom feed button */\n .bX6SqXfzfxpv4GQbuIYVZ {\n color: @red !important;\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 /* Recap Reddit Logo */\n .snoo-cls-1 {\n fill: @base;\n }\n\n .snoo-cls-2 {\n fill: @base;\n }\n\n .snoo-cls-3 {\n fill: @base;\n }\n\n .snoo-cls-4 {\n fill: @accent-color;\n }\n\n .snoo-cls-5 {\n fill: @accent-color;\n }\n\n .snoo-cls-6 {\n fill: @base;\n }\n\n .snoo-cls-7 {\n fill: @accent-color;\n }\n\n .snoo-cls-8 {\n fill: @base;\n }\n\n .snoo-cls-9 {\n fill: @base;\n }\n\n .snoo-cls-10 {\n fill: @accent-color;\n }\n\n .snoo-cls-11 {\n fill: @sky;\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.3",
+ "version": "2.0.7",
"description": "Soothing pastel theme for Reddit",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/reddit/catppuccin.user.css",
+ "supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Areddit",
"license": "MIT",
"preprocessor": "less",
"vars": {
@@ -2137,12 +2146,12 @@
"author": "Catppuccin",
"description": "Soothing pastel theme for Reddit",
"name": "Reddit Catppuccin",
- "originalDigest": "d920c7e85f438bee3ccb61ea6641dcb8f30e5a81",
+ "originalDigest": "bb15c35173e9ea5661f55d37c804debad9585c4b",
"_id": "6a5b44ca-c395-44a4-8e9f-f54309f309e1",
- "_rev": 1702165121801,
+ "_rev": 1706444690184,
"id": 44,
- "etag": "W/\"6842d081f72a5b3b8d93a158c45d1cc77b176369d0b7e453be11932b0b20556b\"",
- "updateDate": 1702165117676
+ "etag": "W/\"eb9a6a33f0146760c68adc747313efdbbef3111ff6322a958d365203306fdb4b\"",
+ "updateDate": 1706444690078
},
{
"enabled": true,
@@ -2442,24 +2451,25 @@
"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== */",
+ "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.2\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/ecosia/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aecosia\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,
+ "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 /* search 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 /* override color digit on homepage */\n }\n :root .count__digit,\n :root .counter__description {\n color: #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 /* search 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 /* override color digit on homepage */\n }\n .dark .count__digit,\n .dark .counter__description {\n color: #cad3f5 !important;\n }\n /* prettier-ignore */",
+ "start": 1038,
"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",
+ "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.2\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/ecosia/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aecosia\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 :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n .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 #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 /* general */\n --color-brand-primary: @accent-color !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-color !important;\n --color-button-background-primary-active: @accent-color !important;\n --color-button-background-primary-hover: @accent-color;\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-color !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-color !important;\n --color-elevation-layer-1: @surface1;\n --color-elevation-layer-2: @surface2;\n --color-decorative-border-1: @surface1 !important;\n --color-focused: @accent-color !important;\n --color-form-border-default: @surface0 !important;\n --color-form-border-hover: @surface1 !important;\n --color-form-border-primary-active: @accent-color !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 /* search 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 /* override color digit on homepage */\n .count__digit,\n .counter__description {\n color: @text !important;\n }\n }\n}\n// vim:ft=less\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",
+ "version": "0.0.2",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/ecosia/catppuccin.user.css",
+ "supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aecosia",
"description": "Soothing pastel theme for Ecosia",
"author": "Catppuccin",
"license": "MIT",
@@ -2612,11 +2622,12 @@
"author": "Catppuccin",
"description": "Soothing pastel theme for Ecosia",
"name": "Ecosia Catppuccin",
- "originalDigest": "774274a67e68de01861c1edd9156c3c5d7e41735",
+ "originalDigest": "5d1f73be8ce6d2ef716a1cdde801a24d9ae3f4e8",
"_id": "7535f38a-fbeb-42ef-acc7-688bab97ca48",
- "_rev": 1690106092906,
+ "_rev": 1706652580845,
"id": 48,
- "etag": "W/\"850982d27cd5482c92984a35ff76fe7eb65384c4e23486c7b2adcca492883b35\""
+ "etag": "W/\"004d3c692477abc6a45b2abd91f488bbccd0e99e3aeef3e59e0e0a1a86d21e8e\"",
+ "updateDate": 1706652580804
},
{
"enabled": true,
@@ -3119,33 +3130,39 @@
"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== */",
+ "code": "/* ==UserStyle==\n@name AniList/AniChart Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/anilist\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/anilist\n@version 2.2.0\n@description Soothing pastel theme for AniList and AniChart\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/anilist/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aanilist\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 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,
+ "code": "body:not(.site-theme-dark) {\n /* BASE VARIABLES */\n --color-background-blue-dark: 184, 192, 224;\n --color-overlay: 54, 58, 79;\n --color-shadow: 30, 32, 48;\n --color-shadow-dark: 159.0952381, 175.38095238, 236.9047619;\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: 43.64661654, 46.87969925, 63.85338346;\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-dark: 24, 25, 38;\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 --color-blue-dim: 143.01898734, 151.69240506, 236.98101266;\n /* DARK THEME NAV BAR */\n /* -----------------PROFILE FIXES----------------- */\n /* Fixes gap between stats */\n /* ----Tracking Status List Stuff---- */\n /* ---------SCORE TWEAKS-------------- */\n /* --------------FOOTER--------------- */\n /* ------------------SEARCH PAGES------------------ */\n /* ------------------MISC EDITS-------------------- */\n /* --Reset button in notifications----- */\n /* Publish Button in Replies and Messages */\n /* Accent Text */\n /* ------------IMAGE COVER------------ */\n /* --------SETTINGS-------- */\n /* --------HIDE SCROLLBAR IN BIO----- */\n /* --------REMOVE DROPDOWN SHADOWS----- */\n /* ---------ANILIST LIKER PLUGIN------ */\n /* ---------AUTOMAIL TWEAKS--------- */\n }\n body:not(.site-theme-dark) .nav-unscoped {\n background-color: #1e2030;\n }\n body:not(.site-theme-dark) .nav-unscoped.transparent {\n background-color: rgba(30, 32, 48, 0.5);\n }\n body:not(.site-theme-dark) .nav-unscoped.transparent:hover {\n background-color: #1e2030;\n color: #a5adcb;\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 }\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 }\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 }\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 }\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 }\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 }\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 }\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) .history-day {\n --color-foreground-grey-dark: 24, 25, 38;\n }\n body:not(.site-theme-dark) .x-axis {\n --color-background-300: 54, 58, 79;\n }\n @media (max-width: 1540px) {\n body:not(.site-theme-dark) .stats-wrap {\n grid-row-gap: 25px;\n }\n }\n body:not(.site-theme-dark) .list[data-v-5776f768] {\n color: #1e2030 !important;\n }\n body:not(.site-theme-dark) .banner .el-icon-arrow-down::before {\n color: #cad3f5 !important;\n }\n body:not(.site-theme-dark) .el-textarea__inner::placeholder {\n color: #8087a2;\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: #363a4f !important;\n }\n body:not(.site-theme-dark) .el-popper[x-placement^=\"bottom\"] .popper__arrow::after,\n body:not(.site-theme-dark) .el-popper[x-placement^=\"bottom\"] .popper__arrow,\n body:not(.site-theme-dark) .el-tooltip__popper[x-placement^=\"bottom\"] .popper__arrow::after,\n body:not(.site-theme-dark) .el-tooltip__popper[x-placement^=\"bottom\"] .popper__arrow {\n border-bottom-color: #363a4f;\n }\n body:not(.site-theme-dark) .el-popper[x-placement^=\"top\"] .popper__arrow::after,\n body:not(.site-theme-dark) .el-popper[x-placement^=\"top\"] .popper__arrow,\n body:not(.site-theme-dark) .el-tooltip__popper[x-placement^=\"top\"] .popper__arrow,\n body:not(.site-theme-dark) .el-tooltip__popper[x-placement^=\"top\"] .popper__arrow::after {\n border-top-color: #363a4f;\n }\n body:not(.site-theme-dark) .el-dropdown .feed-filter {\n color: #6e738d;\n }\n body:not(.site-theme-dark) .el-dropdown-menu {\n border-color: #cad3f5 !important;\n }\n body:not(.site-theme-dark) .el-dropdown-menu__item--divided {\n border-top-color: #494d64;\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: #24273a;\n }\n body:not(.site-theme-dark) .el-select-dropdown__item.selected {\n color: #b7bdf8;\n }\n body:not(.site-theme-dark) .el-tooltip__popper.is-dark {\n background: #363a4f;\n color: #cad3f5;\n }\n body:not(.site-theme-dark) .tooltip > div {\n --color-white: 202, 211, 245;\n }\n body:not(.site-theme-dark) .dropdown {\n --color-gray-100: 36, 39, 58;\n --color-background-100: 36, 39, 58;\n --color-background-200: 30, 32, 48;\n }\n body:not(.site-theme-dark) .medialist .notes {\n --color-overlay: 54, 58, 79;\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: #cad3f5;\n color: #181926;\n background: #1e2030;\n color: #a5adcb;\n }\n body:not(.site-theme-dark) .footer[data-v-0f519cab] h2 {\n color: rgb(var(--color-blue));\n }\n body:not(.site-theme-dark) .search,\n body:not(.site-theme-dark) .expand-description,\n body:not(.site-theme-dark) .studio {\n --color-background-200: 24, 25, 38;\n }\n body:not(.site-theme-dark) .search-wrap,\n body:not(.site-theme-dark) .filters,\n body:not(.site-theme-dark) .extra-filters-wrap,\n body:not(.site-theme-dark) .select,\n body:not(.site-theme-dark) .options {\n --color-background-100: 36, 39, 58;\n }\n body:not(.site-theme-dark) .filter.select-wrap .options {\n --color-background-100: 30, 32, 48;\n }\n body:not(.site-theme-dark) .list-editor-wrap .header::after {\n background: rgba(30, 32, 48, 0.5);\n }\n body:not(.site-theme-dark) .filter.clear-all {\n --color-background-500: 128, 135, 162;\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) .el-radio {\n color: #8087a2;\n }\n body:not(.site-theme-dark) .input .hint {\n --color-white: 202, 211, 245;\n }\n body:not(.site-theme-dark) .el-checkbox__input.is-checked + .el-checkbox__label {\n color: #b7bdf8;\n }\n body:not(.site-theme-dark) .button,\n body:not(.site-theme-dark) .option.active,\n body:not(.site-theme-dark) .new-badge,\n body:not(.site-theme-dark) .submissions .user .stats > div,\n body:not(.site-theme-dark) .actions .icon,\n body:not(.site-theme-dark) .submissions .status,\n body:not(.site-theme-dark) .adult-label,\n body:not(.site-theme-dark) .header .btn,\n body:not(.site-theme-dark) .media-tag-editor .btn,\n body:not(.site-theme-dark) [data-v-843c77a2] .btn,\n body:not(.site-theme-dark) [data-v-22855988] .btn,\n body:not(.site-theme-dark) .btn[data-v-156b3973],\n body:not(.site-theme-dark) .btn[data-v-dceb4a66],\n body:not(.site-theme-dark) .favourite-btn,\n body:not(.site-theme-dark) .dialog .btn,\n body:not(.site-theme-dark) .tag,\n body:not(.site-theme-dark) .filter,\n body:not(.site-theme-dark) .media .header div,\n body:not(.site-theme-dark) .list-editor-wrap .header .save-btn,\n body:not(.site-theme-dark) .actions > div:not(.donator-badge),\n body:not(.site-theme-dark) .banner-content .mod-badge-wrap,\n body:not(.site-theme-dark) .external-link.no-color,\n body:not(.site-theme-dark) .count.circle,\n body:not(.site-theme-dark) .el-dropdown-menu__item,\n body:not(.site-theme-dark) .delete,\n body:not(.site-theme-dark) .list-editor-wrap .list-editor .body .delete-btn,\n body:not(.site-theme-dark) .open-user-search {\n --color-white: 24, 25, 38;\n }\n body:not(.site-theme-dark) .button.comment,\n body:not(.site-theme-dark) .settings .button,\n body:not(.site-theme-dark) .el-message-box .el-button--primary,\n body:not(.site-theme-dark) .mod-badge-wrap,\n body:not(.site-theme-dark) .medialist.cards .entry-card .edit {\n --color-text-bright: 24, 25, 38;\n }\n body:not(.site-theme-dark) .submit-btn,\n body:not(.site-theme-dark) .random-btn {\n color: #181926;\n }\n body:not(.site-theme-dark) .user .notification-dot,\n body:not(.site-theme-dark) .create-btn {\n color: #181926 !important;\n }\n body:not(.site-theme-dark) .el-radio__inner::after {\n background-color: #181926;\n }\n body:not(.site-theme-dark) .icon,\n body:not(.site-theme-dark) .check {\n --color-blue-300: 24, 25, 38;\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) .el-radio__inner {\n background-color: #cad3f5;\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) #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) .hohMediaScore {\n border-color: #363a4f;\n padding: 4px;\n border-radius: 10px;\n margin-left: 0;\n background-color: #24273a;\n color: #b7bdf8;\n }\n body:not(.site-theme-dark) .activity-feed .hohNoteSuffix:not(:empty),\n body:not(.site-theme-dark) .activity-feed .hohRewatchSuffix:not(:empty),\n body:not(.site-theme-dark) .activity-feed .hohScore:not(.hohSmiley) {\n padding: 2.5px 5px 1px !important;\n color: #b8c0e0 !important;\n background-color: #363a4f;\n }\n body:not(.site-theme-dark) .hohExtraFilters button {\n margin-bottom: 20px;\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 body:not(.site-theme-dark) .hohCheckbox input:checked + .el-checkbox__inner {\n background-color: #b7bdf8;\n }\n body:not(.site-theme-dark) .hohCheckbox input:checked + .el-checkbox__inner {\n border-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-color: #363a4f !important;\n }\n body:not(.site-theme-dark) .hohUserRow td {\n border-top-color: #363a4f !important;\n }\n body:not(.site-theme-dark) .hohUserRow tr {\n border-right-color: #363a4f !important;\n }\n body:not(.site-theme-dark) hr {\n color: #363a4f;\n }\n body:not(.site-theme-dark) .hohCheckbox input:checked + .el-checkbox__inner .like-wrap.thread .button.liked .fa-heart,\n body:not(.site-theme-dark) .actions .favourite.liked .fa-heart,\n body:not(.site-theme-dark) .like-wrap.thread .button.isFavourite .fa-heart,\n body:not(.site-theme-dark) .actions .favourite.isFavourite .fa-heart,\n body:not(.site-theme-dark) .actions .favourite {\n --color-white: 24, 25, 38;\n }\n .site-theme-dark {\n /* BASE VARIABLES */\n --color-background-blue-dark: 184, 192, 224;\n --color-overlay: 54, 58, 79;\n --color-shadow: 30, 32, 48;\n --color-shadow-dark: 159.0952381, 175.38095238, 236.9047619;\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: 43.64661654, 46.87969925, 63.85338346;\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-dark: 24, 25, 38;\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 --color-blue-dim: 143.01898734, 151.69240506, 236.98101266;\n /* DARK THEME NAV BAR */\n /* -----------------PROFILE FIXES----------------- */\n /* Fixes gap between stats */\n /* ----Tracking Status List Stuff---- */\n /* ---------SCORE TWEAKS-------------- */\n /* --------------FOOTER--------------- */\n /* ------------------SEARCH PAGES------------------ */\n /* ------------------MISC EDITS-------------------- */\n /* --Reset button in notifications----- */\n /* Publish Button in Replies and Messages */\n /* Accent Text */\n /* ------------IMAGE COVER------------ */\n /* --------SETTINGS-------- */\n /* --------HIDE SCROLLBAR IN BIO----- */\n /* --------REMOVE DROPDOWN SHADOWS----- */\n /* ---------ANILIST LIKER PLUGIN------ */\n /* ---------AUTOMAIL TWEAKS--------- */\n }\n .site-theme-dark .nav-unscoped {\n background-color: #1e2030;\n }\n .site-theme-dark .nav-unscoped.transparent {\n background-color: rgba(30, 32, 48, 0.5);\n }\n .site-theme-dark .nav-unscoped.transparent:hover {\n background-color: #1e2030;\n color: #a5adcb;\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 }\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 }\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 }\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 }\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 }\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 }\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 }\n .site-theme-dark .user-page-unscoped.gray .progress .bar {\n background: linear-gradient(270deg, #656d8a, #8087a2);\n }\n .site-theme-dark .history-day {\n --color-foreground-grey-dark: 24, 25, 38;\n }\n .site-theme-dark .x-axis {\n --color-background-300: 54, 58, 79;\n }\n @media (max-width: 1540px) {\n .site-theme-dark .stats-wrap {\n grid-row-gap: 25px;\n }\n }\n .site-theme-dark .list[data-v-5776f768] {\n color: #1e2030 !important;\n }\n .site-theme-dark .banner .el-icon-arrow-down::before {\n color: #cad3f5 !important;\n }\n .site-theme-dark .el-textarea__inner::placeholder {\n color: #8087a2;\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: #363a4f !important;\n }\n .site-theme-dark .el-popper[x-placement^=\"bottom\"] .popper__arrow::after,\n .site-theme-dark .el-popper[x-placement^=\"bottom\"] .popper__arrow,\n .site-theme-dark .el-tooltip__popper[x-placement^=\"bottom\"] .popper__arrow::after,\n .site-theme-dark .el-tooltip__popper[x-placement^=\"bottom\"] .popper__arrow {\n border-bottom-color: #363a4f;\n }\n .site-theme-dark .el-popper[x-placement^=\"top\"] .popper__arrow::after,\n .site-theme-dark .el-popper[x-placement^=\"top\"] .popper__arrow,\n .site-theme-dark .el-tooltip__popper[x-placement^=\"top\"] .popper__arrow,\n .site-theme-dark .el-tooltip__popper[x-placement^=\"top\"] .popper__arrow::after {\n border-top-color: #363a4f;\n }\n .site-theme-dark .el-dropdown .feed-filter {\n color: #6e738d;\n }\n .site-theme-dark .el-dropdown-menu {\n border-color: #cad3f5 !important;\n }\n .site-theme-dark .el-dropdown-menu__item--divided {\n border-top-color: #494d64;\n }\n .site-theme-dark .el-select-dropdown__item.hover,\n .site-theme-dark .el-select-dropdown__item:hover {\n background-color: #24273a;\n }\n .site-theme-dark .el-select-dropdown__item.selected {\n color: #b7bdf8;\n }\n .site-theme-dark .el-tooltip__popper.is-dark {\n background: #363a4f;\n color: #cad3f5;\n }\n .site-theme-dark .tooltip > div {\n --color-white: 202, 211, 245;\n }\n .site-theme-dark .dropdown {\n --color-gray-100: 36, 39, 58;\n --color-background-100: 36, 39, 58;\n --color-background-200: 30, 32, 48;\n }\n .site-theme-dark .medialist .notes {\n --color-overlay: 54, 58, 79;\n }\n .site-theme-dark .score[data-v-5ca094da] {\n color: #24273a;\n }\n .site-theme-dark .footer[data-v-0f519cab] {\n background: #cad3f5;\n color: #181926;\n background: #1e2030;\n color: #a5adcb;\n }\n .site-theme-dark .footer[data-v-0f519cab] h2 {\n color: rgb(var(--color-blue));\n }\n .site-theme-dark .search,\n .site-theme-dark .expand-description,\n .site-theme-dark .studio {\n --color-background-200: 24, 25, 38;\n }\n .site-theme-dark .search-wrap,\n .site-theme-dark .filters,\n .site-theme-dark .extra-filters-wrap,\n .site-theme-dark .select,\n .site-theme-dark .options {\n --color-background-100: 36, 39, 58;\n }\n .site-theme-dark .filter.select-wrap .options {\n --color-background-100: 30, 32, 48;\n }\n .site-theme-dark .list-editor-wrap .header::after {\n background: rgba(30, 32, 48, 0.5);\n }\n .site-theme-dark .filter.clear-all {\n --color-background-500: 128, 135, 162;\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 .el-radio {\n color: #8087a2;\n }\n .site-theme-dark .input .hint {\n --color-white: 202, 211, 245;\n }\n .site-theme-dark .el-checkbox__input.is-checked + .el-checkbox__label {\n color: #b7bdf8;\n }\n .site-theme-dark .button,\n .site-theme-dark .option.active,\n .site-theme-dark .new-badge,\n .site-theme-dark .submissions .user .stats > div,\n .site-theme-dark .actions .icon,\n .site-theme-dark .submissions .status,\n .site-theme-dark .adult-label,\n .site-theme-dark .header .btn,\n .site-theme-dark .media-tag-editor .btn,\n .site-theme-dark [data-v-843c77a2] .btn,\n .site-theme-dark [data-v-22855988] .btn,\n .site-theme-dark .btn[data-v-156b3973],\n .site-theme-dark .btn[data-v-dceb4a66],\n .site-theme-dark .favourite-btn,\n .site-theme-dark .dialog .btn,\n .site-theme-dark .tag,\n .site-theme-dark .filter,\n .site-theme-dark .media .header div,\n .site-theme-dark .list-editor-wrap .header .save-btn,\n .site-theme-dark .actions > div:not(.donator-badge),\n .site-theme-dark .banner-content .mod-badge-wrap,\n .site-theme-dark .external-link.no-color,\n .site-theme-dark .count.circle,\n .site-theme-dark .el-dropdown-menu__item,\n .site-theme-dark .delete,\n .site-theme-dark .list-editor-wrap .list-editor .body .delete-btn,\n .site-theme-dark .open-user-search {\n --color-white: 24, 25, 38;\n }\n .site-theme-dark .button.comment,\n .site-theme-dark .settings .button,\n .site-theme-dark .el-message-box .el-button--primary,\n .site-theme-dark .mod-badge-wrap,\n .site-theme-dark .medialist.cards .entry-card .edit {\n --color-text-bright: 24, 25, 38;\n }\n .site-theme-dark .submit-btn,\n .site-theme-dark .random-btn {\n color: #181926;\n }\n .site-theme-dark .user .notification-dot,\n .site-theme-dark .create-btn {\n color: #181926 !important;\n }\n .site-theme-dark .el-radio__inner::after {\n background-color: #181926;\n }\n .site-theme-dark .icon,\n .site-theme-dark .check {\n --color-blue-300: 24, 25, 38;\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 .el-radio__inner {\n background-color: #cad3f5;\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 #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 .hohMediaScore {\n border-color: #363a4f;\n padding: 4px;\n border-radius: 10px;\n margin-left: 0;\n background-color: #24273a;\n color: #b7bdf8;\n }\n .site-theme-dark .activity-feed .hohNoteSuffix:not(:empty),\n .site-theme-dark .activity-feed .hohRewatchSuffix:not(:empty),\n .site-theme-dark .activity-feed .hohScore:not(.hohSmiley) {\n padding: 2.5px 5px 1px !important;\n color: #b8c0e0 !important;\n background-color: #363a4f;\n }\n .site-theme-dark .hohExtraFilters button {\n margin-bottom: 20px;\n }\n .site-theme-dark .filter-group.compare-btn,\n .site-theme-dark .hohButton {\n color: #24273a;\n }\n .site-theme-dark .hohButton,\n .site-theme-dark .hohCheckbox input:checked + .el-checkbox__inner {\n background-color: #b7bdf8;\n }\n .site-theme-dark .hohCheckbox input:checked + .el-checkbox__inner {\n border-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-color: #363a4f !important;\n }\n .site-theme-dark .hohUserRow td {\n border-top-color: #363a4f !important;\n }\n .site-theme-dark .hohUserRow tr {\n border-right-color: #363a4f !important;\n }\n .site-theme-dark hr {\n color: #363a4f;\n }\n .site-theme-dark .hohCheckbox input:checked + .el-checkbox__inner .like-wrap.thread .button.liked .fa-heart,\n .site-theme-dark .actions .favourite.liked .fa-heart,\n .site-theme-dark .like-wrap.thread .button.isFavourite .fa-heart,\n .site-theme-dark .actions .favourite.isFavourite .fa-heart,\n .site-theme-dark .actions .favourite {\n --color-white: 24, 25, 38;\n }",
+ "start": 1388,
"domains": [
- "anilist.co"
+ "anilist.co",
+ "anichart.net"
]
},
{
- "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,
+ "code": "body:not(.site-theme-dark) {\n /* --------ANICHART SPECIFIC TWEAKS---- */\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 .site-theme-dark {\n /* --------ANICHART SPECIFIC TWEAKS---- */\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 }",
+ "start": 31502,
"domains": [
"anichart.net"
]
+ },
+ {
+ "code": "/* prettier-ignore */",
+ "start": 33498
}
],
- "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}",
+ "sourceCode": "/* ==UserStyle==\n@name AniList/AniChart Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/anilist\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/anilist\n@version 2.2.0\n@description Soothing pastel theme for AniList and AniChart\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/anilist/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aanilist\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 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\"), domain(\"anichart.net\") {\n body:not(.site-theme-dark) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n .site-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: @catppuccin[@@lookup][@@accentColor];\n @contrast-color: @catppuccin[@@lookup][@@contrastColor];\n\n & when (@lookup =latte) {\n --color-blue-dim: #rgbify(desaturate(lighten(@accent, 10%), 10%)) [];\n\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 .nav-unscoped.transparent {\n background: fade(darken(@text, 10%), 50%);\n }\n\n .banner-content .name {\n --color-text-bright: #rgbify(#fff) [];\n }\n }\n\n /* BASE VARIABLES */\n --color-background: #rgbify(@crust) [];\n --color-foreground: #rgbify(@base) [];\n --color-foreground-grey: #rgbify(@surface0) [];\n --color-foreground-grey-dark: #rgbify(darken(@surface0, 5%)) [];\n --color-foreground-blue: #rgbify(@mantle) [];\n --color-foreground-blue-dark: #rgbify(@mantle) [];\n --color-background-blue-dark: #rgbify(@subtext1) [];\n --color-overlay: #rgbify(@surface0) [];\n --color-shadow: #rgbify(@mantle) [];\n --color-shadow-dark: #rgbify(darken(@text, 10%)) [];\n --color-shadow-blue: #rgbify(@blue) [];\n --color-text: #rgbify(@text) [];\n --color-text-light: #rgbify(@subtext1) [];\n --color-text-lighter: #rgbify(@subtext0) [];\n --color-text-bright: #rgbify(@text) [];\n --color-blue: #rgbify(@accent) [];\n --color-white: 255, 255, 255;\n --color-black: 0, 0, 0;\n --color-red: #rgbify(@contrast-color) [];\n --color-peach: #rgbify(@maroon) [];\n --color-orange: #rgbify(@peach) [];\n --color-yellow: #rgbify(@yellow) [];\n --color-green: #rgbify(@green) [];\n --color-background-1200: #rgbify(@text) [];\n --color-background-1100: #rgbify(@text) [];\n --color-background-1000: #rgbify(@text) [];\n --color-background-900: #rgbify(@subtext1) [];\n --color-background-800: #rgbify(@subtext0) [];\n --color-background-700: #rgbify(@surface1) [];\n --color-background-600: #rgbify(@surface0) [];\n --color-background-500: #rgbify(@surface0) [];\n --color-background-400: #rgbify(@surface0) [];\n --color-background-300: #rgbify(@base) [];\n --color-background-200: #rgbify(@mantle) [];\n --color-background-100: #rgbify(@crust) [];\n --color-gray-1200: #rgbify(@text) [];\n --color-gray-1100: #rgbify(@text) [];\n --color-gray-1000: #rgbify(@text) [];\n --color-gray-900: #rgbify(@text) [];\n --color-gray-800: #rgbify(@overlay2) [];\n --color-gray-700: #rgbify(@overlay1) [];\n --color-gray-600: #rgbify(@overlay0) [];\n --color-gray-500: #rgbify(@surface2) [];\n --color-gray-400: #rgbify(@surface1) [];\n --color-gray-300: #rgbify(@surface0) [];\n --color-gray-200: #rgbify(@mantle) [];\n --color-gray-100: #rgbify(@crust) [];\n --color-blue-100: #rgbify(@text) [];\n --color-blue-200: #rgbify(@text) [];\n --color-blue-300: #rgbify(@text) [];\n --color-blue-400: #rgbify(@sapphire) [];\n --color-blue-500: #rgbify(@sapphire) [];\n --color-blue-600: #rgbify(@blue) [];\n --color-blue-700: #rgbify(@blue) [];\n --color-blue-800: #rgbify(@blue) [];\n --color-blue-900: #rgbify(@blue) [];\n --color-blue-1000: #rgbify(@blue) [];\n --color-green-100: #rgbify(@teal) [];\n --color-green-200: #rgbify(@green) [];\n --color-green-300: #rgbify(@green) [];\n --color-green-400: #rgbify(@green) [];\n --color-green-500: #rgbify(@green) [];\n --color-green-600: #rgbify(@green) [];\n --color-green-700: #rgbify(@green) [];\n --color-green-800: #rgbify(@green) [];\n --color-red-100: #rgbify(@text) [];\n --color-red-200: #rgbify(@flamingo) [];\n --color-red-300: #rgbify(@maroon) [];\n --color-red-400: #rgbify(@red) [];\n --color-red-500: #rgbify(@red) [];\n --color-red-600: #rgbify(@red) [];\n --color-red-700: #rgbify(@red) [];\n\n /* DARK THEME SPECIFIC TWEAKS */\n & when not (@lookup =latte) {\n --color-background: #rgbify(@crust) [];\n --color-foreground: #rgbify(@base) [];\n --color-foreground-grey: #rgbify(@surface0) [];\n --color-foreground-grey-dark: #rgbify(darken(@surface0, 5%)) [];\n --color-foreground-blue: #rgbify(@mantle) [];\n --color-foreground-blue-dark: #rgbify(@mantle) [];\n --color-text: #rgbify(@text) [];\n --color-text-light: #rgbify(@subtext0) [];\n --color-text-lighter: #rgbify(@subtext1) [];\n --color-shadow-dark: #rgbify(@crust) [];\n --color-shadow-blue: #rgbify(@crust) [];\n --color-background-1200: #rgbify(@text) [];\n --color-background-1100: #rgbify(@text) [];\n --color-background-1000: #rgbify(@text) [];\n --color-background-900: #rgbify(@subtext1) [];\n --color-background-800: #rgbify(@subtext0) [];\n --color-background-700: #rgbify(@surface1) [];\n --color-background-600: #rgbify(@surface0) [];\n --color-background-500: #rgbify(@surface0) [];\n --color-background-400: #rgbify(@surface0) [];\n --color-background-300: #rgbify(@base) [];\n --color-background-200: #rgbify(@mantle) [];\n --color-background-100: #rgbify(@crust) [];\n --color-gray-1200: #rgbify(@text) [];\n --color-gray-1100: #rgbify(@text) [];\n --color-gray-1000: #rgbify(@text) [];\n --color-gray-900: #rgbify(@text) [];\n --color-gray-800: #rgbify(@overlay2) [];\n --color-gray-700: #rgbify(@overlay1) [];\n --color-gray-600: #rgbify(@overlay0) [];\n --color-gray-500: #rgbify(@surface2) [];\n --color-gray-400: #rgbify(@surface1) [];\n --color-gray-300: #rgbify(@surface0) [];\n --color-gray-200: #rgbify(@mantle) [];\n --color-gray-100: #rgbify(@crust) [];\n\n --color-blue-dim: #rgbify(desaturate(darken(@accent, 10%), 10%)) [];\n }\n\n /* DARK THEME NAV BAR */\n .nav-unscoped when not (@lookup =latte) {\n background-color: @mantle;\n }\n .nav-unscoped.transparent when not (@lookup =latte) {\n background-color: fade(@mantle, 50);\n }\n .nav-unscoped.transparent:hover when not (@lookup =latte) {\n background-color: @mantle;\n color: @subtext0;\n }\n\n /* -----------------PROFILE FIXES----------------- */\n #profileColor(@color) {\n --color-blue: #rgbify(@color) [];\n & when (@lookup =latte) {\n --color-blue-dim: #rgbify(lighten(@color, 10%)) [];\n }\n & when not (@lookup =latte) {\n --color-blue-dim: #rgbify(darken(@color, 10%)) [];\n }\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 .history-day {\n --color-foreground-grey-dark: #rgbify(@crust) [];\n }\n .x-axis {\n --color-background-300: #rgbify(@surface0) [];\n }\n /* Fixes gap between stats */\n @media (max-width: 1540px) {\n .stats-wrap {\n grid-row-gap: 25px;\n }\n }\n\n /* ----Tracking Status List Stuff---- */\n .list[data-v-5776f768] {\n color: @mantle !important;\n }\n .banner .el-icon-arrow-down::before {\n color: @text !important;\n }\n .el-textarea__inner::placeholder {\n color: @overlay1;\n }\n .el-dropdown-menu,\n .el-dropdown-menu__item--divided::before,\n .el-select-dropdown {\n background-color: @surface0 !important;\n }\n .el-popper[x-placement^=\"bottom\"] .popper__arrow::after,\n .el-popper[x-placement^=\"bottom\"] .popper__arrow,\n .el-tooltip__popper[x-placement^=\"bottom\"] .popper__arrow::after,\n .el-tooltip__popper[x-placement^=\"bottom\"] .popper__arrow {\n border-bottom-color: @surface0;\n }\n .el-popper[x-placement^=\"top\"] .popper__arrow::after,\n .el-popper[x-placement^=\"top\"] .popper__arrow,\n .el-tooltip__popper[x-placement^=\"top\"] .popper__arrow,\n .el-tooltip__popper[x-placement^=\"top\"] .popper__arrow::after {\n border-top-color: @surface0;\n }\n .el-dropdown .feed-filter {\n color: @overlay0;\n }\n .el-dropdown-menu {\n border-color: @text !important;\n }\n .el-dropdown-menu__item--divided when not (@lookup =latte) {\n border-top-color: @surface1;\n }\n .el-select-dropdown__item.hover,\n .el-select-dropdown__item:hover {\n background-color: @base;\n }\n .el-select-dropdown__item.selected {\n color: @accent;\n }\n .el-tooltip__popper.is-dark {\n background: @surface0;\n color: @text;\n }\n .tooltip > div {\n --color-white: #rgbify(@text) [];\n }\n .dropdown {\n --color-gray-100: #rgbify(@base) [];\n --color-background-100: #rgbify(@base) [];\n --color-background-200: #rgbify(@mantle) [];\n }\n .medialist .notes {\n --color-overlay: #rgbify(@surface0) [];\n }\n\n /* ---------SCORE TWEAKS-------------- */\n .score[data-v-5ca094da] {\n color: @base;\n }\n\n /* --------------FOOTER--------------- */\n .footer[data-v-0f519cab] {\n background: @text;\n color: @crust;\n\n h2 {\n color: rgb(var(--color-blue));\n }\n\n & when (@lookup =latte) {\n --color-blue: #rgbify(lighten(@accent, 30%)) [];\n }\n\n & when not (@lookup =latte) {\n background: @mantle;\n color: @subtext0;\n }\n }\n\n /* ------------------SEARCH PAGES------------------ */\n .search,\n .expand-description,\n .studio {\n --color-background-200: #rgbify(@crust) [];\n }\n .search-wrap,\n .filters,\n .extra-filters-wrap,\n .select,\n .options {\n --color-background-100: #rgbify(@base) [];\n }\n .filter.select-wrap .options {\n --color-background-100: #rgbify(@mantle) [];\n }\n\n /* ------------------MISC EDITS-------------------- */\n .list-editor-wrap .header::after {\n background: fade(@mantle, 50%);\n }\n .filter.clear-all {\n --color-background-500: #rgbify(@overlay1) [];\n }\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 .el-radio {\n color: @overlay1;\n }\n\n /* Accent Text */\n .input .hint {\n --color-white: #rgbify(@text) [];\n }\n .el-checkbox__input.is-checked + .el-checkbox__label {\n color: @accent;\n }\n .button,\n .option.active,\n .new-badge,\n .submissions .user .stats > div,\n .actions .icon,\n .submissions .status,\n .adult-label,\n .header .btn,\n .media-tag-editor .btn,\n [data-v-843c77a2] .btn,\n [data-v-22855988] .btn,\n .btn[data-v-156b3973],\n .btn[data-v-dceb4a66],\n .favourite-btn,\n .dialog .btn,\n .tag,\n .filter,\n .media .header div,\n .list-editor-wrap .header .save-btn,\n .actions > div:not(.donator-badge),\n .banner-content .mod-badge-wrap,\n .external-link.no-color,\n .count.circle,\n .el-dropdown-menu__item,\n .delete,\n .list-editor-wrap .list-editor .body .delete-btn,\n .open-user-search {\n & when not (@lookup =latte) {\n --color-white: #rgbify(@crust) [];\n }\n }\n .button.comment,\n .settings .button,\n .el-message-box .el-button--primary,\n .mod-badge-wrap,\n .medialist.cards .entry-card .edit {\n & when not (@lookup =latte) {\n --color-text-bright: #rgbify(@crust) [];\n }\n }\n .submit-btn,\n .random-btn {\n & when not (@lookup =latte) {\n color: @crust;\n }\n }\n .user .notification-dot,\n .create-btn {\n & when not (@lookup =latte) {\n color: @crust !important;\n }\n }\n .el-radio__inner::after {\n & when not (@lookup =latte) {\n background-color: @crust;\n }\n }\n .icon,\n .check {\n & when not (@lookup =latte) {\n --color-blue-300: #rgbify(@crust) [];\n }\n }\n .settings .button {\n & when (@lookup =latte) {\n --color-text-bright: #rgbify(#fff) [];\n }\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-------- */\n .el-radio__inner when not (@lookup =latte) {\n background-color: @text;\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 .btntop {\n margin-bottom: -4px;\n margin-top: 5px;\n }\n #AnilistLikerPlugin .btnbottom {\n margin-top: -2px;\n }\n /* ---------AUTOMAIL TWEAKS--------- */\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 border-color: @surface0;\n padding: 4px;\n border-radius: 10px;\n margin-left: 0;\n background-color: @base;\n color: @accent;\n }\n .activity-feed .hohNoteSuffix:not(:empty),\n .activity-feed .hohRewatchSuffix:not(:empty),\n .activity-feed .hohScore:not(.hohSmiley) {\n padding: 2.5px 5px 1px !important;\n color: @subtext1 !important;\n background-color: @surface0;\n }\n .hohExtraFilters button {\n margin-bottom: 20px;\n }\n .filter-group.compare-btn,\n .hohButton {\n color: @base;\n }\n .hohButton,\n .hohCheckbox input:checked + .el-checkbox__inner {\n background-color: @accent;\n }\n .hohCheckbox input:checked + .el-checkbox__inner {\n border-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-color: @surface0 !important;\n }\n .hohUserRow td {\n border-top-color: @surface0 !important;\n }\n .hohUserRow tr {\n border-right-color: @surface0 !important;\n }\n hr {\n color: @surface0;\n }\n .hohCheckbox\n input:checked\n + .el-checkbox__inner\n .like-wrap.thread\n .button.liked\n .fa-heart,\n .actions .favourite.liked .fa-heart,\n .like-wrap.thread .button.isFavourite .fa-heart,\n .actions .favourite.isFavourite .fa-heart,\n .actions .favourite {\n & when not (@lookup =latte) {\n --color-white: #rgbify(@crust) [];\n }\n }\n }\n}\n\n@-moz-document domain(\"anichart.net\") {\n body:not(.site-theme-dark) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n .site-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: @catppuccin[@@lookup][@@accentColor];\n @contrast-color: @catppuccin[@@lookup][@@contrastColor];\n\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 }\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#rgbify(@color) {\n @rgb-raw: red(@color), green(@color), blue(@color);\n}\n// vim:ft=less\n",
"usercssData": {
- "name": "AniList Catppuccin",
+ "name": "AniList/AniChart 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",
+ "version": "2.2.0",
+ "description": "Soothing pastel theme for AniList and AniChart",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/anilist/catppuccin.user.css",
+ "supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aanilist",
"license": "MIT",
"preprocessor": "less",
"vars": {
@@ -3212,7 +3229,7 @@
"label": "Accent Color",
"name": "accentColor",
"value": "lavender",
- "default": "green",
+ "default": "blue",
"options": [
{
"name": "rosewater",
@@ -3296,7 +3313,7 @@
"label": "Contrast Color",
"name": "contrastColor",
"value": "lavender",
- "default": "green",
+ "default": "red",
"options": [
{
"name": "rosewater",
@@ -3378,13 +3395,14 @@
}
},
"author": "Catppuccin",
- "description": "Soothing pastel theme for AniList",
- "name": "AniList Catppuccin",
- "originalDigest": "fe15b09a04b46e1ed211179ebee4fbb471a9cec0",
+ "description": "Soothing pastel theme for AniList and AniChart",
+ "name": "AniList/AniChart Catppuccin",
+ "originalDigest": "a16da071f7d572e5712094f88792baba082c19c1",
"_id": "e4e5196a-a0bb-4b1c-9c69-e3c6c07d3a74",
- "_rev": 1690106210183,
+ "_rev": 1706738984247,
"id": 53,
- "etag": "W/\"82f3070ad9fa5e00a2f948eefb3e369b67de9ab30aecf80b2bfd241e47959a37\""
+ "etag": "W/\"841df6b8874796a516cd1a2b884c9bcb1bc6fb3c801bbfad9886add06bb0eeab\"",
+ "updateDate": 1706738984195
},
{
"enabled": true,
@@ -3393,42 +3411,43 @@
"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.9\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== */",
+ "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.3.9\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ayoutube\n@description Soothing pastel theme for YouTube\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe: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 /* 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 /* yt end cards */\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: #24273a !important;\n --yt-spec-menu-background: #1e2030 !important;\n --yt-spec-inverted-background: #cad3f5 !important;\n --yt-spec-additive-background: rgba(54, 58, 79, 0.999) !important;\n --yt-spec-outline: #363a4f !important;\n --yt-spec-shadow: rgba(24, 25, 38, 0.9975) !important;\n --yt-spec-text-primary: #cad3f5 !important;\n --yt-spec-text-secondary: #a5adcb !important;\n --yt-spec-text-disabled: #b8c0e0 !important;\n --yt-spec-text-primary-inverse: #181926 !important;\n --yt-spec-call-to-action: #b7bdf8 !important;\n --yt-spec-call-to-action-inverse: #b7bdf8 !important;\n --yt-spec-suggested-action: rgba(183, 189, 248, 0.2) !important;\n --yt-spec-suggested-action-inverse: #cad3f5 !important;\n --yt-spec-icon-active-other: #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: #24273a !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 !important;\n --yt-spec-brand-button-background-hover: #b7bdf8 !important;\n --yt-spec-brand-link-text-fadeoutd: rgba(183, 189, 248, 0.997) !important;\n --yt-spec-filled-button-focus-outline: #363a4f !important;\n --yt-spec-static-overlay-button-hover: #494d64 !important;\n --yt-spec-mono-filled-hover: #494d64 !important;\n --yt-spec-commerce-filled-hover: #b7bdf8 !important;\n --yt-spec-mono-tonal-hover: #494d64 !important;\n --yt-spec-commerce-tonal-hover: #5b6078 !important;\n --yt-spec-static-overlay-filled-hover: #8087a2 !important;\n --yt-spec-static-overlay-tonal-hover: #494d64 !important;\n --yt-spec-paper-tab-ink: rgba(202, 211, 245, 0.997);\n --yt-spec-filled-button-text: #cad3f5 !important;\n --yt-spec-selected-nav-text: #cad3f5 !important;\n --iron-icon-fill-color: #cad3f5 !important;\n /* Search bar */\n --ytd-searchbox-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-shadow-color: #181926 !important;\n --ytd-searchbox-legacy-button-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-focus-color: #b7bdf8 !important;\n --ytd-searchbox-legacy-button-hover-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-hover-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-icon-color: #b7bdf8 !important;\n --ytd-searchbox-background: #24273a !important;\n --ytd-searchbox-text-color: #cad3f5 !important;\n /* System icons */\n --yt-spec-icon-inactive: #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-spec-button-shape-next--overlay.yt-spec-button-shape-next--text {\n color: #cad3f5;\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 content: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20enable-background%3D%22new%200%200%2024%2024%22%20height%3D%2224%22%20viewBox%3D%221%201%2027%2027%22%20width%3D%2224%22%20focusable%3D%22false%22%20style%3D%22pointer-events%3A%20none%3B%20display%3A%20block%3B%20width%3A%20100%25%3B%20height%3A%20100%25%3B%22%3E%3Cpath%20fill%3D%22%23cad3f5%22%20d%3D%22m20.87%2020.17-5.59-5.59C16.35%2013.35%2017%2011.75%2017%2010c0-3.87-3.13-7-7-7s-7%203.13-7%207%203.13%207%207%207c1.75%200%203.35-.65%204.58-1.71l5.59%205.59.7-.71zM10%2016c-3.31%200-6-2.69-6-6s2.69-6%206-6%206%202.69%206%206-2.69%206-6%206z%22%3E%3C/path%3E%3C/svg%3E\");\n background: none;\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 {\n mix-blend-mode: lighten;\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] .search_plugin_added {\n background-color: #24273a;\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] .ytp-ce-channel-subscribers-text {\n color: #a5adcb;\n }\n :root[dark] .ytp-ce-channel-metadata {\n color: #cad3f5;\n }\n :root[dark] .yt-ui-ellipsis {\n background-color: #24273a;\n }\n :root[dark] a.ytp-ce-link,\n :root[dark] a.ytp-ce-link:hover,\n :root[dark] a.ytp-ce-link:visited {\n color: #b7bdf8 !important;\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] ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(1) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > g:nth-child(2) > g:nth-child(2) > path:nth-child(1),\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(1) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > g:nth-child(2) > g:nth-child(2) > path:nth-child(1) {\n fill: #b7bdf8 !important;\n }\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(1) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > g:nth-child(2) > g:nth-child(2) > path:nth-child(2),\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(1) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > g:nth-child(2) > g:nth-child(2) > path:nth-child(2) {\n fill: #24273a !important;\n }\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(2) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(1),\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(2) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(1) {\n fill: #b7bdf8 !important;\n }\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(2) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(2),\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(2) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(2) {\n fill: #24273a !important;\n }\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(2) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(3),\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(2) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(3) {\n fill: #b7bdf8 !important;\n }\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(2) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(4),\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(2) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(4) {\n fill: #24273a !important;\n }\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(3) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > circle:nth-child(1),\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(3) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > circle:nth-child(1) {\n fill: #b7bdf8 !important;\n }\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(3) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > polygon:nth-child(2),\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(3) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > polygon:nth-child(2) {\n fill: #24273a !important;\n }\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(3) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(3),\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(3) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(3) {\n fill: #24273a !important;\n }\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(4) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(1),\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(4) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(1) {\n fill: #b7bdf8 !important;\n }\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(4) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(4),\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(4) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(4) {\n fill: #24273a !important;\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 /* 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 /* yt end cards */\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: #24273a !important;\n --yt-spec-menu-background: #1e2030 !important;\n --yt-spec-inverted-background: #cad3f5 !important;\n --yt-spec-additive-background: rgba(54, 58, 79, 0.999) !important;\n --yt-spec-outline: #363a4f !important;\n --yt-spec-shadow: rgba(24, 25, 38, 0.9975) !important;\n --yt-spec-text-primary: #cad3f5 !important;\n --yt-spec-text-secondary: #a5adcb !important;\n --yt-spec-text-disabled: #b8c0e0 !important;\n --yt-spec-text-primary-inverse: #181926 !important;\n --yt-spec-call-to-action: #b7bdf8 !important;\n --yt-spec-call-to-action-inverse: #b7bdf8 !important;\n --yt-spec-suggested-action: rgba(183, 189, 248, 0.2) !important;\n --yt-spec-suggested-action-inverse: #cad3f5 !important;\n --yt-spec-icon-active-other: #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: #24273a !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 !important;\n --yt-spec-brand-button-background-hover: #b7bdf8 !important;\n --yt-spec-brand-link-text-fadeoutd: rgba(183, 189, 248, 0.997) !important;\n --yt-spec-filled-button-focus-outline: #363a4f !important;\n --yt-spec-static-overlay-button-hover: #494d64 !important;\n --yt-spec-mono-filled-hover: #494d64 !important;\n --yt-spec-commerce-filled-hover: #b7bdf8 !important;\n --yt-spec-mono-tonal-hover: #494d64 !important;\n --yt-spec-commerce-tonal-hover: #5b6078 !important;\n --yt-spec-static-overlay-filled-hover: #8087a2 !important;\n --yt-spec-static-overlay-tonal-hover: #494d64 !important;\n --yt-spec-paper-tab-ink: rgba(202, 211, 245, 0.997);\n --yt-spec-filled-button-text: #cad3f5 !important;\n --yt-spec-selected-nav-text: #cad3f5 !important;\n --iron-icon-fill-color: #cad3f5 !important;\n /* Search bar */\n --ytd-searchbox-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-shadow-color: #181926 !important;\n --ytd-searchbox-legacy-button-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-focus-color: #b7bdf8 !important;\n --ytd-searchbox-legacy-button-hover-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-hover-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-icon-color: #b7bdf8 !important;\n --ytd-searchbox-background: #24273a !important;\n --ytd-searchbox-text-color: #cad3f5 !important;\n /* System icons */\n --yt-spec-icon-inactive: #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-spec-button-shape-next--overlay.yt-spec-button-shape-next--text {\n color: #cad3f5;\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 content: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20enable-background%3D%22new%200%200%2024%2024%22%20height%3D%2224%22%20viewBox%3D%221%201%2027%2027%22%20width%3D%2224%22%20focusable%3D%22false%22%20style%3D%22pointer-events%3A%20none%3B%20display%3A%20block%3B%20width%3A%20100%25%3B%20height%3A%20100%25%3B%22%3E%3Cpath%20fill%3D%22%23cad3f5%22%20d%3D%22m20.87%2020.17-5.59-5.59C16.35%2013.35%2017%2011.75%2017%2010c0-3.87-3.13-7-7-7s-7%203.13-7%207%203.13%207%207%207c1.75%200%203.35-.65%204.58-1.71l5.59%205.59.7-.71zM10%2016c-3.31%200-6-2.69-6-6s2.69-6%206-6%206%202.69%206%206-2.69%206-6%206z%22%3E%3C/path%3E%3C/svg%3E\");\n background: none;\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 {\n mix-blend-mode: lighten;\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 .search_plugin_added {\n background-color: #24273a;\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 .ytp-ce-channel-subscribers-text {\n color: #a5adcb;\n }\n :root .ytp-ce-channel-metadata {\n color: #cad3f5;\n }\n :root .yt-ui-ellipsis {\n background-color: #24273a;\n }\n :root a.ytp-ce-link,\n :root a.ytp-ce-link:hover,\n :root a.ytp-ce-link:visited {\n color: #b7bdf8 !important;\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 ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(1) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > g:nth-child(2) > g:nth-child(2) > path:nth-child(1),\n :root ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(1) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > g:nth-child(2) > g:nth-child(2) > path:nth-child(1) {\n fill: #b7bdf8 !important;\n }\n :root ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(1) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > g:nth-child(2) > g:nth-child(2) > path:nth-child(2),\n :root ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(1) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > g:nth-child(2) > g:nth-child(2) > path:nth-child(2) {\n fill: #24273a !important;\n }\n :root ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(2) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(1),\n :root ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(2) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(1) {\n fill: #b7bdf8 !important;\n }\n :root ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(2) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(2),\n :root ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(2) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(2) {\n fill: #24273a !important;\n }\n :root ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(2) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(3),\n :root ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(2) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(3) {\n fill: #b7bdf8 !important;\n }\n :root ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(2) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(4),\n :root ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(2) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(4) {\n fill: #24273a !important;\n }\n :root ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(3) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > circle:nth-child(1),\n :root ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(3) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > circle:nth-child(1) {\n fill: #b7bdf8 !important;\n }\n :root ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(3) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > polygon:nth-child(2),\n :root ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(3) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > polygon:nth-child(2) {\n fill: #24273a !important;\n }\n :root ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(3) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(3),\n :root ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(3) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(3) {\n fill: #24273a !important;\n }\n :root ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(4) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(1),\n :root ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(4) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(1) {\n fill: #b7bdf8 !important;\n }\n :root ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(4) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(4),\n :root ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(4) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(4) {\n fill: #24273a !important;\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,
+ "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 input placeholder */\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 /* history tab header */\n /* Video Music Names */\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 /* live badges */\n /* notification idicator */\n /* bell next to subscription button */\n /* creator badges */\n /* 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 /* yt end cards */\n /* hopefully temporary (buttons) */\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: #24273a !important;\n --yt-spec-menu-background: #1e2030 !important;\n --yt-spec-inverted-background: #cad3f5 !important;\n --yt-spec-additive-background: rgba(54, 58, 79, 0.999) !important;\n --yt-spec-outline: #363a4f !important;\n --yt-spec-shadow: rgba(24, 25, 38, 0.9975) !important;\n --yt-spec-text-primary: #cad3f5 !important;\n --yt-spec-text-secondary: #a5adcb !important;\n --yt-spec-text-disabled: #b8c0e0 !important;\n --yt-spec-text-primary-inverse: #181926 !important;\n --yt-spec-call-to-action: #b7bdf8 !important;\n --yt-spec-call-to-action-inverse: #b7bdf8 !important;\n --yt-spec-suggested-action: rgba(183, 189, 248, 0.2) !important;\n --yt-spec-suggested-action-inverse: #cad3f5 !important;\n --yt-spec-icon-active-other: #cad3f5 !important;\n --yt-spec-button-chip-background-hover: #494d64 !important;\n --yt-spec-touch-response: #363a4f !important;\n --yt-spec-touch-response-inverse: #b7bdf8 !important;\n --yt-spec-brand-icon-active: #b7bdf8 !important;\n --yt-spec-brand-button-background: #b7bdf8 !important;\n --yt-spec-brand-link-text: #7dc4e4 !important;\n --yt-spec-wordmark-text: #cad3f5 !important;\n --yt-spec-error-indicator: #ed8796 !important;\n --yt-spec-themed-blue: #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: #24273a !important;\n --yt-spec-general-background-c: #181926 !important;\n --yt-spec-error-background: #24273a !important;\n --yt-spec-10-percent-layer: #363a4f !important;\n --yt-spec-snackbar-background: #1e2030 !important;\n --yt-spec-snackbar-background-updated: #1e2030 !important;\n --yt-spec-badge-chip-background: #494d64 !important;\n --yt-spec-verified-badge-background: #6e738d !important;\n --yt-spec-call-to-action-fadeoutd: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-call-to-action-hover: #b7bdf8 !important;\n --yt-spec-brand-button-background-hover: #b7bdf8 !important;\n --yt-spec-brand-link-text-fadeoutd: rgba(183, 189, 248, 0.997) !important;\n --yt-spec-filled-button-focus-outline: #363a4f !important;\n --yt-spec-static-overlay-button-hover: #494d64 !important;\n --yt-spec-mono-filled-hover: #494d64 !important;\n --yt-spec-commerce-filled-hover: #b7bdf8 !important;\n --yt-spec-mono-tonal-hover: #494d64 !important;\n --yt-spec-commerce-tonal-hover: #5b6078 !important;\n --yt-spec-static-overlay-filled-hover: #8087a2 !important;\n --yt-spec-static-overlay-tonal-hover: #494d64 !important;\n --yt-spec-paper-tab-ink: rgba(202, 211, 245, 0.997);\n --yt-spec-filled-button-text: #cad3f5 !important;\n --yt-spec-selected-nav-text: #cad3f5 !important;\n --iron-icon-fill-color: #cad3f5 !important;\n /* Search bar */\n --ytd-searchbox-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-shadow-color: #181926 !important;\n --ytd-searchbox-legacy-button-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-focus-color: #b7bdf8 !important;\n --ytd-searchbox-legacy-button-hover-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-hover-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-icon-color: #b7bdf8 !important;\n --ytd-searchbox-background: #24273a !important;\n --ytd-searchbox-text-color: #cad3f5 !important;\n /* System icons */\n --yt-spec-icon-inactive: #cad3f5 !important;\n --yt-spec-icon-disabled: #8087a2 !important;\n --yt-spec-brand-icon-inactive: #939ab7 !important;\n /* Yt video Page */\n --yt-live-chat-background-color: #24273a !important;\n --yt-live-chat-action-panel-background-color: #24273a !important;\n --yt-live-chat-secondary-background-color: #494d64;\n --yt-live-chat-toast-background-color: #5b6078 !important;\n --yt-live-chat-mode-change-background-color: #24273a !important;\n --yt-live-chat-secondary-text-color: #a5adcb !important;\n --yt-live-chat-tertiary-text-color: rgba(202, 211, 245, 0.9946) !important;\n --yt-live-chat-text-input-field-inactive-underline-color: #a5adcb !important;\n --yt-live-chat-text-input-field-placeholder-color: #a5adcb !important;\n --yt-live-chat-enabled-send-button-color: #cad3f5 !important;\n --yt-live-chat-disabled-icon-button-color: #b8c0e0 !important;\n --yt-live-chat-picker-button-hover-color: #b7bdf8 !important;\n --yt-live-chat-mention-background-color: #b7bdf8 !important;\n --yt-live-chat-mention-text-color: #cad3f5 !important;\n --yt-live-chat-deleted-message-color: #a5adcb;\n --yt-live-chat-deleted-message-bar-color: #b8c0e0 !important;\n --yt-live-chat-reconnect-message-color: #cad3f5 !important;\n --yt-live-chat-disabled-button-background-color: #6e738d !important;\n --yt-live-chat-sub-panel-background-color: #24273a !important;\n --yt-live-chat-sub-panel-background-color-transparent: #1e2030 !important;\n --yt-live-chat-moderator-color: #b7bdf8 !important;\n --yt-live-chat-owner-color: #f5a97f !important;\n --yt-live-chat-message-highlight-background-color: #24273a !important;\n --yt-live-chat-sponsor-color: #a6da95 !important;\n --yt-live-chat-overlay-color: rgba(30, 32, 48, 0.995);\n --yt-live-chat-dialog-background-color: #24273a !important;\n --yt-emoji-picker-variant-selector-bg-color: #24273a !important;\n --yt-live-chat-moderation-mode-hover-background-color: rgba(30, 32, 48, 0.997) !important;\n --yt-grey: #a5adcb !important;\n --yt-live-chat-text-input-field-suggestion-background-color: #a5adcb !important;\n --yt-live-chat-text-input-field-suggestion-background-color-hover: #b8c0e0 !important;\n --yt-emoji-picker-search-background-color: #363a4f !important;\n --yt-emoji-picker-search-color: #cad3f5 !important;\n --yt-emoji-picker-search-placeholder-color: #b7bdf8 !important;\n --yt-live-chat-slider-active-color: #b7bdf8 !important;\n --yt-live-chat-slider-container-color: #363a4f !important;\n --yt-live-chat-slider-markers-color: #cad3f5 !important;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(#1e2030, transparent) !important;\n --yt-live-chat-action-panel-gradient-scrim: linear-gradient(to top, #1e2030, transparent) !important;\n --yt-live-chat-automod-button-background-color-hover: rgba(24, 25, 38, 0.995) !important;\n --yt-live-chat-automod-button-explanation-color: rgba(183, 189, 248, 0.993) !important;\n --yt-live-chat-shimmer-background-color: rgba(24, 25, 38, 0.996) !important;\n --yt-live-chat-shimmer-linear-gradient: linear-gradient(0deg, rgba(202, 211, 245, 0.999) 40%, rgba(36, 39, 58, 0.997) 50%, rgba(202, 211, 245, 0.999) 60%) !important;\n --yt-live-chat-vem-background-color: #1e2030 !important;\n --yt-live-chat-product-picker-icon-color: rgba(202, 211, 245, 0.995) !important;\n --yt-live-chat-product-picker-hover-color: #6e738d !important;\n --yt-live-chat-product-picker-disabled-icon-color: rgba(202, 211, 245, 0.997) !important;\n --yt-live-chat-action-panel-background-color-transparent: (\n null\n ) !important;\n /* 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 color: #1e2030 !important;\n }\n :root[dark] .html5-ypc-purchase:hover {\n background: #e5e8fd !important;\n }\n :root[dark] .html5-ypc-description,\n :root[dark] .html5-ypc-title,\n :root[dark] .html5-ypc-action-heading {\n color: #cad3f5;\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-toggle-checkbox {\n background-color: #8087a2;\n }\n :root[dark] .ytp-menuitem-toggle-checkbox::after {\n background-color: #a5adcb;\n }\n :root[dark] .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n background-color: #b7bdf8;\n }\n :root[dark] .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox::after {\n background-color: #cad3f5;\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-hdr-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-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled:hover,\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled:hover {\n background-color: #5a68ef !important;\n }\n :root[dark] .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--text {\n color: #cad3f5;\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] #search-input.ytd-searchbox-spt #search::placeholder {\n color: #6e738d;\n }\n :root[dark] .sbpqs_a::before,\n :root[dark] .sbqs_c::before {\n content: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20enable-background%3D%22new%200%200%2024%2024%22%20height%3D%2224%22%20viewBox%3D%221%201%2027%2027%22%20width%3D%2224%22%20focusable%3D%22false%22%20style%3D%22pointer-events%3A%20none%3B%20display%3A%20block%3B%20width%3A%20100%25%3B%20height%3A%20100%25%3B%22%3E%3Cpath%20fill%3D%22%23cad3f5%22%20d%3D%22m20.87%2020.17-5.59-5.59C16.35%2013.35%2017%2011.75%2017%2010c0-3.87-3.13-7-7-7s-7%203.13-7%207%203.13%207%207%207c1.75%200%203.35-.65%204.58-1.71l5.59%205.59.7-.71zM10%2016c-3.31%200-6-2.69-6-6s2.69-6%206-6%206%202.69%206%206-2.69%206-6%206z%22%3E%3C/path%3E%3C/svg%3E\");\n background: none;\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] .page-header-view-model-wiz__page-header-title {\n color: #cad3f5;\n }\n :root[dark] .yt-video-attribute-view-model__title {\n color: #cad3f5;\n }\n :root[dark] .yt-video-attribute-view-model__subtitle {\n color: #a5adcb;\n }\n :root[dark] .yt-video-attribute-view-model__secondary-subtitle {\n color: #a5adcb;\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] .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 {\n mix-blend-mode: lighten;\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] .search_plugin_added {\n background-color: #24273a;\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] .ytp-ce-channel-subscribers-text {\n color: #a5adcb;\n }\n :root[dark] .ytp-ce-channel-metadata {\n color: #cad3f5;\n }\n :root[dark] .yt-ui-ellipsis {\n background-color: #24273a;\n }\n :root[dark] a.ytp-ce-link,\n :root[dark] a.ytp-ce-link:hover,\n :root[dark] a.ytp-ce-link:visited {\n color: #b7bdf8 !important;\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--mono.yt-spec-button-shape-next--tonal:hover {\n background-color: #494d64;\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-touch-feedback-shape--touch-response .yt-spec-touch-feedback-shape__stroke {\n border-color: #494d64;\n }\n :root[dark] .yt-spec-touch-feedback-shape--touch-response-inverse .yt-spec-touch-feedback-shape__stroke {\n border-color: #b7bdf8;\n }\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(1) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > g:nth-child(2) > g:nth-child(2) > path:nth-child(2),\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(1) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > g:nth-child(2) > g:nth-child(2) > path:nth-child(2) {\n fill: #24273a !important;\n }\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(2) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(2),\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(2) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(2) {\n fill: #24273a !important;\n }\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(2) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(4),\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(2) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(4) {\n fill: #24273a !important;\n }\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(3) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > polygon:nth-child(2),\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(3) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > polygon:nth-child(2) {\n fill: #24273a !important;\n }\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(3) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(3),\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(3) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(3) {\n fill: #24273a !important;\n }\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(4) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(4),\n :root[dark] ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(4) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(4) {\n fill: #24273a !important;\n }\n :root[dark] [fill=\"#F00\"],\n :root[dark] [fill=\"red\"],\n :root[dark] [fill=\"#FF0000\"] {\n fill: #b7bdf8;\n }\n :root[dark] svg > g > polygon[fill=\"#fff\"] {\n fill: #24273a !important;\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 input placeholder */\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 /* history tab header */\n /* Video Music Names */\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 /* live badges */\n /* notification idicator */\n /* bell next to subscription button */\n /* creator badges */\n /* 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 /* yt end cards */\n /* hopefully temporary (buttons) */\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: #24273a !important;\n --yt-spec-menu-background: #1e2030 !important;\n --yt-spec-inverted-background: #cad3f5 !important;\n --yt-spec-additive-background: rgba(54, 58, 79, 0.999) !important;\n --yt-spec-outline: #363a4f !important;\n --yt-spec-shadow: rgba(24, 25, 38, 0.9975) !important;\n --yt-spec-text-primary: #cad3f5 !important;\n --yt-spec-text-secondary: #a5adcb !important;\n --yt-spec-text-disabled: #b8c0e0 !important;\n --yt-spec-text-primary-inverse: #181926 !important;\n --yt-spec-call-to-action: #b7bdf8 !important;\n --yt-spec-call-to-action-inverse: #b7bdf8 !important;\n --yt-spec-suggested-action: rgba(183, 189, 248, 0.2) !important;\n --yt-spec-suggested-action-inverse: #cad3f5 !important;\n --yt-spec-icon-active-other: #cad3f5 !important;\n --yt-spec-button-chip-background-hover: #494d64 !important;\n --yt-spec-touch-response: #363a4f !important;\n --yt-spec-touch-response-inverse: #b7bdf8 !important;\n --yt-spec-brand-icon-active: #b7bdf8 !important;\n --yt-spec-brand-button-background: #b7bdf8 !important;\n --yt-spec-brand-link-text: #7dc4e4 !important;\n --yt-spec-wordmark-text: #cad3f5 !important;\n --yt-spec-error-indicator: #ed8796 !important;\n --yt-spec-themed-blue: #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: #24273a !important;\n --yt-spec-general-background-c: #181926 !important;\n --yt-spec-error-background: #24273a !important;\n --yt-spec-10-percent-layer: #363a4f !important;\n --yt-spec-snackbar-background: #1e2030 !important;\n --yt-spec-snackbar-background-updated: #1e2030 !important;\n --yt-spec-badge-chip-background: #494d64 !important;\n --yt-spec-verified-badge-background: #6e738d !important;\n --yt-spec-call-to-action-fadeoutd: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-call-to-action-hover: #b7bdf8 !important;\n --yt-spec-brand-button-background-hover: #b7bdf8 !important;\n --yt-spec-brand-link-text-fadeoutd: rgba(183, 189, 248, 0.997) !important;\n --yt-spec-filled-button-focus-outline: #363a4f !important;\n --yt-spec-static-overlay-button-hover: #494d64 !important;\n --yt-spec-mono-filled-hover: #494d64 !important;\n --yt-spec-commerce-filled-hover: #b7bdf8 !important;\n --yt-spec-mono-tonal-hover: #494d64 !important;\n --yt-spec-commerce-tonal-hover: #5b6078 !important;\n --yt-spec-static-overlay-filled-hover: #8087a2 !important;\n --yt-spec-static-overlay-tonal-hover: #494d64 !important;\n --yt-spec-paper-tab-ink: rgba(202, 211, 245, 0.997);\n --yt-spec-filled-button-text: #cad3f5 !important;\n --yt-spec-selected-nav-text: #cad3f5 !important;\n --iron-icon-fill-color: #cad3f5 !important;\n /* Search bar */\n --ytd-searchbox-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-shadow-color: #181926 !important;\n --ytd-searchbox-legacy-button-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-focus-color: #b7bdf8 !important;\n --ytd-searchbox-legacy-button-hover-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-hover-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-icon-color: #b7bdf8 !important;\n --ytd-searchbox-background: #24273a !important;\n --ytd-searchbox-text-color: #cad3f5 !important;\n /* System icons */\n --yt-spec-icon-inactive: #cad3f5 !important;\n --yt-spec-icon-disabled: #8087a2 !important;\n --yt-spec-brand-icon-inactive: #939ab7 !important;\n /* Yt video Page */\n --yt-live-chat-background-color: #24273a !important;\n --yt-live-chat-action-panel-background-color: #24273a !important;\n --yt-live-chat-secondary-background-color: #494d64;\n --yt-live-chat-toast-background-color: #5b6078 !important;\n --yt-live-chat-mode-change-background-color: #24273a !important;\n --yt-live-chat-secondary-text-color: #a5adcb !important;\n --yt-live-chat-tertiary-text-color: rgba(202, 211, 245, 0.9946) !important;\n --yt-live-chat-text-input-field-inactive-underline-color: #a5adcb !important;\n --yt-live-chat-text-input-field-placeholder-color: #a5adcb !important;\n --yt-live-chat-enabled-send-button-color: #cad3f5 !important;\n --yt-live-chat-disabled-icon-button-color: #b8c0e0 !important;\n --yt-live-chat-picker-button-hover-color: #b7bdf8 !important;\n --yt-live-chat-mention-background-color: #b7bdf8 !important;\n --yt-live-chat-mention-text-color: #cad3f5 !important;\n --yt-live-chat-deleted-message-color: #a5adcb;\n --yt-live-chat-deleted-message-bar-color: #b8c0e0 !important;\n --yt-live-chat-reconnect-message-color: #cad3f5 !important;\n --yt-live-chat-disabled-button-background-color: #6e738d !important;\n --yt-live-chat-sub-panel-background-color: #24273a !important;\n --yt-live-chat-sub-panel-background-color-transparent: #1e2030 !important;\n --yt-live-chat-moderator-color: #b7bdf8 !important;\n --yt-live-chat-owner-color: #f5a97f !important;\n --yt-live-chat-message-highlight-background-color: #24273a !important;\n --yt-live-chat-sponsor-color: #a6da95 !important;\n --yt-live-chat-overlay-color: rgba(30, 32, 48, 0.995);\n --yt-live-chat-dialog-background-color: #24273a !important;\n --yt-emoji-picker-variant-selector-bg-color: #24273a !important;\n --yt-live-chat-moderation-mode-hover-background-color: rgba(30, 32, 48, 0.997) !important;\n --yt-grey: #a5adcb !important;\n --yt-live-chat-text-input-field-suggestion-background-color: #a5adcb !important;\n --yt-live-chat-text-input-field-suggestion-background-color-hover: #b8c0e0 !important;\n --yt-emoji-picker-search-background-color: #363a4f !important;\n --yt-emoji-picker-search-color: #cad3f5 !important;\n --yt-emoji-picker-search-placeholder-color: #b7bdf8 !important;\n --yt-live-chat-slider-active-color: #b7bdf8 !important;\n --yt-live-chat-slider-container-color: #363a4f !important;\n --yt-live-chat-slider-markers-color: #cad3f5 !important;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(#1e2030, transparent) !important;\n --yt-live-chat-action-panel-gradient-scrim: linear-gradient(to top, #1e2030, transparent) !important;\n --yt-live-chat-automod-button-background-color-hover: rgba(24, 25, 38, 0.995) !important;\n --yt-live-chat-automod-button-explanation-color: rgba(183, 189, 248, 0.993) !important;\n --yt-live-chat-shimmer-background-color: rgba(24, 25, 38, 0.996) !important;\n --yt-live-chat-shimmer-linear-gradient: linear-gradient(0deg, rgba(202, 211, 245, 0.999) 40%, rgba(36, 39, 58, 0.997) 50%, rgba(202, 211, 245, 0.999) 60%) !important;\n --yt-live-chat-vem-background-color: #1e2030 !important;\n --yt-live-chat-product-picker-icon-color: rgba(202, 211, 245, 0.995) !important;\n --yt-live-chat-product-picker-hover-color: #6e738d !important;\n --yt-live-chat-product-picker-disabled-icon-color: rgba(202, 211, 245, 0.997) !important;\n --yt-live-chat-action-panel-background-color-transparent: (\n null\n ) !important;\n /* 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 color: #1e2030 !important;\n }\n :root .html5-ypc-purchase:hover {\n background: #e5e8fd !important;\n }\n :root .html5-ypc-description,\n :root .html5-ypc-title,\n :root .html5-ypc-action-heading {\n color: #cad3f5;\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-toggle-checkbox {\n background-color: #8087a2;\n }\n :root .ytp-menuitem-toggle-checkbox::after {\n background-color: #a5adcb;\n }\n :root .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n background-color: #b7bdf8;\n }\n :root .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox::after {\n background-color: #cad3f5;\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-hdr-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-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled:hover,\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled:hover {\n background-color: #5a68ef !important;\n }\n :root .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--text {\n color: #cad3f5;\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 #search-input.ytd-searchbox-spt #search::placeholder {\n color: #6e738d;\n }\n :root .sbpqs_a::before,\n :root .sbqs_c::before {\n content: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20enable-background%3D%22new%200%200%2024%2024%22%20height%3D%2224%22%20viewBox%3D%221%201%2027%2027%22%20width%3D%2224%22%20focusable%3D%22false%22%20style%3D%22pointer-events%3A%20none%3B%20display%3A%20block%3B%20width%3A%20100%25%3B%20height%3A%20100%25%3B%22%3E%3Cpath%20fill%3D%22%23cad3f5%22%20d%3D%22m20.87%2020.17-5.59-5.59C16.35%2013.35%2017%2011.75%2017%2010c0-3.87-3.13-7-7-7s-7%203.13-7%207%203.13%207%207%207c1.75%200%203.35-.65%204.58-1.71l5.59%205.59.7-.71zM10%2016c-3.31%200-6-2.69-6-6s2.69-6%206-6%206%202.69%206%206-2.69%206-6%206z%22%3E%3C/path%3E%3C/svg%3E\");\n background: none;\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 .page-header-view-model-wiz__page-header-title {\n color: #cad3f5;\n }\n :root .yt-video-attribute-view-model__title {\n color: #cad3f5;\n }\n :root .yt-video-attribute-view-model__subtitle {\n color: #a5adcb;\n }\n :root .yt-video-attribute-view-model__secondary-subtitle {\n color: #a5adcb;\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 .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 {\n mix-blend-mode: lighten;\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 .search_plugin_added {\n background-color: #24273a;\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 .ytp-ce-channel-subscribers-text {\n color: #a5adcb;\n }\n :root .ytp-ce-channel-metadata {\n color: #cad3f5;\n }\n :root .yt-ui-ellipsis {\n background-color: #24273a;\n }\n :root a.ytp-ce-link,\n :root a.ytp-ce-link:hover,\n :root a.ytp-ce-link:visited {\n color: #b7bdf8 !important;\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--mono.yt-spec-button-shape-next--tonal:hover {\n background-color: #494d64;\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-touch-feedback-shape--touch-response .yt-spec-touch-feedback-shape__stroke {\n border-color: #494d64;\n }\n :root .yt-spec-touch-feedback-shape--touch-response-inverse .yt-spec-touch-feedback-shape__stroke {\n border-color: #b7bdf8;\n }\n :root ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(1) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > g:nth-child(2) > g:nth-child(2) > path:nth-child(2),\n :root ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(1) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > g:nth-child(2) > g:nth-child(2) > path:nth-child(2) {\n fill: #24273a !important;\n }\n :root ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(2) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(2),\n :root ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(2) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(2) {\n fill: #24273a !important;\n }\n :root ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(2) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(4),\n :root ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(2) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(4) {\n fill: #24273a !important;\n }\n :root ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(3) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > polygon:nth-child(2),\n :root ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(3) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > polygon:nth-child(2) {\n fill: #24273a !important;\n }\n :root ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(3) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(3),\n :root ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(3) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(3) {\n fill: #24273a !important;\n }\n :root ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(4) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(4),\n :root ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(4) > a:nth-child(1) > tp-yt-paper-item:nth-child(1) > yt-icon:nth-child(1) > yt-icon-shape:nth-child(1) > icon-shape:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(4) {\n fill: #24273a !important;\n }\n :root [fill=\"#F00\"],\n :root [fill=\"red\"],\n :root [fill=\"#FF0000\"] {\n fill: #b7bdf8;\n }\n :root svg > g > polygon[fill=\"#fff\"] {\n fill: #24273a !important;\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": 1309,
"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": 78794,
+ "start": 74903,
"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": 81395,
+ "start": 77504,
"urlPrefixes": [
"https://studio.youtube.com"
]
},
{
"code": "/* prettier-ignore */",
- "start": 92152
+ "start": 88261
}
],
- "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.9\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: @base !important;\n --yt-spec-menu-background: @mantle !important;\n --yt-spec-inverted-background: @text !important;\n --yt-spec-additive-background: fadeout(@surface0, 0.1) !important;\n --yt-spec-outline: @surface0 !important;\n --yt-spec-shadow: fadeout(@crust, 0.25) !important;\n --yt-spec-text-primary: @text !important;\n --yt-spec-text-secondary: @subtext0 !important;\n --yt-spec-text-disabled: @subtext1 !important;\n --yt-spec-text-primary-inverse: @crust !important;\n --yt-spec-call-to-action: @accent-color !important;\n --yt-spec-call-to-action-inverse: @accent-color !important;\n --yt-spec-suggested-action: fadeout(@accent-color, 80%) !important;\n --yt-spec-suggested-action-inverse: @text !important;\n --yt-spec-icon-active-other: @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: @base !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 !important;\n --yt-spec-brand-button-background-hover: @accent-color !important;\n --yt-spec-brand-link-text-fadeoutd: fadeout(\n @accent-color,\n 0.3\n ) !important;\n --yt-spec-filled-button-focus-outline: @surface0 !important;\n --yt-spec-static-overlay-button-hover: @surface1 !important;\n --yt-spec-mono-filled-hover: @surface1 !important;\n --yt-spec-commerce-filled-hover: @accent-color !important;\n --yt-spec-mono-tonal-hover: @surface1 !important;\n --yt-spec-commerce-tonal-hover: @surface2 !important;\n --yt-spec-static-overlay-filled-hover: @overlay1 !important;\n --yt-spec-static-overlay-tonal-hover: @surface1 !important;\n --yt-spec-paper-tab-ink: fadeout(@text, 0.3);\n --yt-spec-filled-button-text: @text !important;\n --yt-spec-selected-nav-text: @text !important;\n --iron-icon-fill-color: @text !important;\n\n /* Search bar */\n --ytd-searchbox-border-color: @surface0 !important;\n --ytd-searchbox-legacy-border-color: @surface0 !important;\n --ytd-searchbox-legacy-border-shadow-color: fadeout(@crust, 0) !important;\n --ytd-searchbox-legacy-button-color: @mantle !important;\n --ytd-searchbox-legacy-button-border-color: @surface0 !important;\n --ytd-searchbox-legacy-button-focus-color: @accent-color !important;\n --ytd-searchbox-legacy-button-hover-color: @mantle !important;\n --ytd-searchbox-legacy-button-hover-border-color: @surface0 !important;\n --ytd-searchbox-legacy-button-icon-color: @accent-color !important;\n --ytd-searchbox-background: @base !important;\n --ytd-searchbox-text-color: @text !important;\n\n /* System icons */\n --yt-spec-icon-inactive: @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 ''\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 .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--text {\n color: @text;\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 @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n background: none;\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 /* ambient mode */\n #cinematics {\n mix-blend-mode: lighten;\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 .search_plugin_added {\n background-color: @base;\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 /* yt end cards */\n .ytp-ce-channel-subscribers-text {\n color: @subtext0;\n }\n .ytp-ce-channel-metadata {\n color: @text;\n }\n .yt-ui-ellipsis {\n background-color: @base;\n }\n a.ytp-ce-link,\n a.ytp-ce-link:hover,\n a.ytp-ce-link:visited {\n color: @accent-color !important;\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 ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2),\n ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) {\n > ytd-guide-entry-renderer:nth-child(1)\n > a:nth-child(1)\n > tp-yt-paper-item:nth-child(1)\n > yt-icon:nth-child(1)\n > yt-icon-shape:nth-child(1)\n > icon-shape:nth-child(1)\n > div:nth-child(1)\n > svg:nth-child(1) {\n > g:nth-child(2) > g:nth-child(2) > path {\n &:nth-child(1) {\n fill: @accent-color !important;\n }\n &:nth-child(2) {\n fill: @base !important;\n }\n }\n }\n > ytd-guide-entry-renderer:nth-child(2)\n > a:nth-child(1)\n > tp-yt-paper-item:nth-child(1)\n > yt-icon:nth-child(1)\n > yt-icon-shape:nth-child(1)\n > icon-shape:nth-child(1)\n > div:nth-child(1)\n > svg:nth-child(1) {\n > path:nth-child(1) {\n fill: @accent-color !important;\n }\n > path:nth-child(2) {\n fill: @base !important;\n }\n > path:nth-child(3) {\n fill: @accent-color !important;\n }\n > path:nth-child(4) {\n fill: @base !important;\n }\n }\n > ytd-guide-entry-renderer:nth-child(3)\n > a:nth-child(1)\n > tp-yt-paper-item:nth-child(1)\n > yt-icon:nth-child(1)\n > yt-icon-shape:nth-child(1)\n > icon-shape:nth-child(1)\n > div:nth-child(1)\n > svg:nth-child(1) {\n > circle:nth-child(1) {\n fill: @accent-color !important;\n }\n > polygon:nth-child(2) {\n fill: @base !important;\n }\n > path:nth-child(3) {\n fill: @base !important;\n }\n }\n > ytd-guide-entry-renderer:nth-child(4)\n > a:nth-child(1)\n > tp-yt-paper-item:nth-child(1)\n > yt-icon:nth-child(1)\n > yt-icon-shape:nth-child(1)\n > icon-shape:nth-child(1)\n > div:nth-child(1)\n > svg:nth-child(1) {\n > path:nth-child(1) {\n fill: @accent-color !important;\n }\n > path:nth-child(4) {\n fill: @base !important;\n }\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",
+ "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.3.9\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ayoutube\n@description Soothing pastel theme for YouTube\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe: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: @base !important;\n --yt-spec-menu-background: @mantle !important;\n --yt-spec-inverted-background: @text !important;\n --yt-spec-additive-background: fadeout(@surface0, 0.1) !important;\n --yt-spec-outline: @surface0 !important;\n --yt-spec-shadow: fadeout(@crust, 0.25) !important;\n --yt-spec-text-primary: @text !important;\n --yt-spec-text-secondary: @subtext0 !important;\n --yt-spec-text-disabled: @subtext1 !important;\n --yt-spec-text-primary-inverse: @crust !important;\n --yt-spec-call-to-action: @accent-color !important;\n --yt-spec-call-to-action-inverse: @accent-color !important;\n --yt-spec-suggested-action: fadeout(@accent-color, 80%) !important;\n --yt-spec-suggested-action-inverse: @text !important;\n --yt-spec-icon-active-other: @text !important;\n --yt-spec-button-chip-background-hover: @surface1 !important;\n --yt-spec-touch-response: @surface0 !important;\n\n --yt-spec-touch-response-inverse: @accent-color !important;\n --yt-spec-brand-icon-active: @accent-color !important;\n --yt-spec-brand-button-background: @accent-color !important;\n --yt-spec-brand-link-text: @sapphire !important;\n --yt-spec-wordmark-text: @text !important;\n --yt-spec-error-indicator: @red !important;\n --yt-spec-themed-blue: @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: @base !important;\n --yt-spec-general-background-c: @crust !important;\n --yt-spec-error-background: @base !important;\n --yt-spec-10-percent-layer: @surface0 !important;\n --yt-spec-snackbar-background: @mantle !important;\n --yt-spec-snackbar-background-updated: @mantle !important;\n --yt-spec-badge-chip-background: if(\n @lookup =latte,\n @crust,\n @surface1\n ) !important;\n --yt-spec-verified-badge-background: @overlay0 !important;\n --yt-spec-call-to-action-fadeoutd: fadeout(@sapphire, 0.3) !important;\n --yt-spec-call-to-action-hover: @accent-color !important;\n --yt-spec-brand-button-background-hover: @accent-color !important;\n --yt-spec-brand-link-text-fadeoutd: fadeout(\n @accent-color,\n 0.3\n ) !important;\n --yt-spec-filled-button-focus-outline: @surface0 !important;\n --yt-spec-static-overlay-button-hover: @surface1 !important;\n --yt-spec-mono-filled-hover: @surface1 !important;\n --yt-spec-commerce-filled-hover: @accent-color !important;\n --yt-spec-mono-tonal-hover: @surface1 !important;\n --yt-spec-commerce-tonal-hover: @surface2 !important;\n --yt-spec-static-overlay-filled-hover: @overlay1 !important;\n --yt-spec-static-overlay-tonal-hover: @surface1 !important;\n --yt-spec-paper-tab-ink: fadeout(@text, 0.3);\n --yt-spec-filled-button-text: @text !important;\n --yt-spec-selected-nav-text: @text !important;\n --iron-icon-fill-color: @text !important;\n\n /* Search bar */\n --ytd-searchbox-border-color: @surface0 !important;\n --ytd-searchbox-legacy-border-color: @surface0 !important;\n --ytd-searchbox-legacy-border-shadow-color: fadeout(@crust, 0) !important;\n --ytd-searchbox-legacy-button-color: @mantle !important;\n --ytd-searchbox-legacy-button-border-color: @surface0 !important;\n --ytd-searchbox-legacy-button-focus-color: @accent-color !important;\n --ytd-searchbox-legacy-button-hover-color: @mantle !important;\n --ytd-searchbox-legacy-button-hover-border-color: @surface0 !important;\n --ytd-searchbox-legacy-button-icon-color: @accent-color !important;\n --ytd-searchbox-background: @base !important;\n --ytd-searchbox-text-color: @text !important;\n\n /* System icons */\n --yt-spec-icon-inactive: @text !important;\n --yt-spec-icon-disabled: @overlay1 !important;\n --yt-spec-brand-icon-inactive: @overlay2 !important;\n\n /* Yt video Page */\n --yt-live-chat-background-color: @base !important;\n --yt-live-chat-action-panel-background-color: @base !important;\n --yt-live-chat-secondary-background-color: @surface1;\n --yt-live-chat-toast-background-color: @surface2 !important;\n --yt-live-chat-mode-change-background-color: @base !important;\n --yt-live-chat-secondary-text-color: @subtext0 !important;\n --yt-live-chat-tertiary-text-color: fadeout(@text, 0.54) !important;\n --yt-live-chat-text-input-field-inactive-underline-color: @subtext0 !important;\n --yt-live-chat-text-input-field-placeholder-color: @subtext0 !important;\n --yt-live-chat-enabled-send-button-color: @text !important;\n --yt-live-chat-disabled-icon-button-color: @subtext1 !important;\n --yt-live-chat-picker-button-hover-color: @accent-color !important;\n --yt-live-chat-mention-background-color: @accent-color !important;\n --yt-live-chat-mention-text-color: @text !important;\n --yt-live-chat-deleted-message-color: @subtext0;\n --yt-live-chat-deleted-message-bar-color: @subtext1 !important;\n --yt-live-chat-reconnect-message-color: @text !important;\n --yt-live-chat-disabled-button-background-color: @overlay0 !important;\n --yt-live-chat-sub-panel-background-color: @base !important;\n --yt-live-chat-sub-panel-background-color-transparent: @mantle !important;\n --yt-live-chat-moderator-color: @lavender !important;\n --yt-live-chat-owner-color: @peach !important;\n --yt-live-chat-message-highlight-background-color: @base !important;\n --yt-live-chat-sponsor-color: @green !important;\n --yt-live-chat-overlay-color: fadeout(@mantle, 0.5);\n --yt-live-chat-dialog-background-color: @base !important;\n --yt-emoji-picker-variant-selector-bg-color: @base !important;\n --yt-live-chat-moderation-mode-hover-background-color: fadeout(\n @mantle,\n 0.3\n ) !important;\n --yt-grey: @subtext0 !important;\n --yt-live-chat-text-input-field-suggestion-background-color: @subtext0 !important;\n --yt-live-chat-text-input-field-suggestion-background-color-hover: @subtext1 !important;\n --yt-emoji-picker-search-background-color: @surface0 !important;\n --yt-emoji-picker-search-color: @text !important;\n --yt-emoji-picker-search-placeholder-color: @accent-color !important;\n --yt-live-chat-slider-active-color: @accent-color !important;\n --yt-live-chat-slider-container-color: @surface0 !important;\n --yt-live-chat-slider-markers-color: @text !important;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(\n @mantle,\n transparent\n ) !important;\n --yt-live-chat-action-panel-gradient-scrim: linear-gradient(\n to top,\n @mantle,\n transparent\n ) !important;\n --yt-live-chat-automod-button-background-color-hover: fadeout(\n @crust,\n 0.5\n ) !important;\n --yt-live-chat-automod-button-explanation-color: fadeout(\n @accent-color,\n 0.7\n ) !important;\n --yt-live-chat-shimmer-background-color: fadeout(@crust, 0.4) !important;\n --yt-live-chat-shimmer-linear-gradient: linear-gradient(\n 0deg,\n fadeout(@text, 0.1) 40%,\n fadeout(@base, 0.3) 50%,\n fadeout(@text, 0.1) 60%\n ) !important;\n --yt-live-chat-vem-background-color: @mantle !important;\n --yt-live-chat-product-picker-icon-color: fadeout(@text, 0.5) !important;\n --yt-live-chat-product-picker-hover-color: @overlay0 !important;\n --yt-live-chat-product-picker-disabled-icon-color: fadeout(\n @text,\n 0.3\n ) !important;\n --yt-live-chat-action-panel-background-color-transparent: (\n null\n ) !important;\n\n /* 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 color: @mantle !important;\n &:hover {\n background: lighten(@accent-color, 10%) !important;\n }\n }\n\n .html5-ypc-description,\n .html5-ypc-title,\n .html5-ypc-action-heading {\n color: @text;\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-toggle-checkbox {\n background-color: @overlay1;\n\n &::after {\n background-color: @subtext0;\n }\n }\n .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n background-color: @accent-color;\n\n &::after {\n background-color: @text;\n }\n }\n\n .ytp-menuitem:not([aria-disabled=\"true\"]):hover {\n background: @surface1 !important;\n }\n .ytp-settings-button.ytp-hd-quality-badge,\n .ytp-settings-button.ytp-4k-quality-badge,\n .ytp-settings-button.ytp-5k-quality-badge,\n .ytp-settings-button.ytp-8k-quality-badge,\n .ytp-settings-button.ytp-hdr-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 &:hover {\n background-color: darken(@accent-color, 20%) !important;\n }\n }\n\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--text {\n color: @text;\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 input placeholder */\n #search-input.ytd-searchbox-spt #search::placeholder {\n color: @overlay0;\n }\n\n /* search results */\n .sbpqs_a::before,\n .sbqs_c::before {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n background: none;\n }\n\n /* 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 /* history tab header */\n .page-header-view-model-wiz__page-header-title {\n color: @text;\n }\n\n /* Video Music Names */\n .yt-video-attribute-view-model__title {\n color: @text;\n }\n .yt-video-attribute-view-model__subtitle {\n color: @subtext0;\n }\n .yt-video-attribute-view-model__secondary-subtitle {\n color: @subtext0;\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 /* 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 /* ambient mode */\n #cinematics {\n mix-blend-mode: lighten;\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 .search_plugin_added {\n background-color: @base;\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 /* yt end cards */\n .ytp-ce-channel-subscribers-text {\n color: @subtext0;\n }\n .ytp-ce-channel-metadata {\n color: @text;\n }\n .yt-ui-ellipsis {\n background-color: @base;\n }\n a.ytp-ce-link,\n a.ytp-ce-link:hover,\n a.ytp-ce-link:visited {\n color: @accent-color !important;\n }\n\n /* hopefully temporary (buttons) */\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {\n background-color: @surface0;\n color: @text;\n &:hover {\n background-color: @surface1;\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 .yt-spec-touch-feedback-shape--touch-response\n .yt-spec-touch-feedback-shape__stroke {\n border-color: @surface1;\n }\n .yt-spec-touch-feedback-shape--touch-response-inverse\n .yt-spec-touch-feedback-shape__stroke {\n border-color: @accent-color;\n }\n\n ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2),\n ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) {\n > ytd-guide-entry-renderer:nth-child(1)\n > a:nth-child(1)\n > tp-yt-paper-item:nth-child(1)\n > yt-icon:nth-child(1)\n > yt-icon-shape:nth-child(1)\n > icon-shape:nth-child(1)\n > div:nth-child(1)\n > svg:nth-child(1) {\n > g:nth-child(2) > g:nth-child(2) > path {\n &:nth-child(2) {\n fill: @base !important;\n }\n }\n }\n > ytd-guide-entry-renderer:nth-child(2)\n > a:nth-child(1)\n > tp-yt-paper-item:nth-child(1)\n > yt-icon:nth-child(1)\n > yt-icon-shape:nth-child(1)\n > icon-shape:nth-child(1)\n > div:nth-child(1)\n > svg:nth-child(1) {\n > path:nth-child(2) {\n fill: @base !important;\n }\n > path:nth-child(4) {\n fill: @base !important;\n }\n }\n > ytd-guide-entry-renderer:nth-child(3)\n > a:nth-child(1)\n > tp-yt-paper-item:nth-child(1)\n > yt-icon:nth-child(1)\n > yt-icon-shape:nth-child(1)\n > icon-shape:nth-child(1)\n > div:nth-child(1)\n > svg:nth-child(1) {\n > polygon:nth-child(2) {\n fill: @base !important;\n }\n > path:nth-child(3) {\n fill: @base !important;\n }\n }\n > ytd-guide-entry-renderer:nth-child(4)\n > a:nth-child(1)\n > tp-yt-paper-item:nth-child(1)\n > yt-icon:nth-child(1)\n > yt-icon-shape:nth-child(1)\n > icon-shape:nth-child(1)\n > div:nth-child(1)\n > svg:nth-child(1) {\n > path:nth-child(4) {\n fill: @base !important;\n }\n }\n }\n\n [fill=\"#F00\"],\n [fill=\"red\"],\n [fill=\"#FF0000\"] {\n fill: @accent-color;\n }\n\n svg > g > polygon[fill=\"#fff\"] {\n fill: @base !important;\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.9",
+ "version": "3.3.9",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css",
+ "supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ayoutube",
"description": "Soothing pastel theme for YouTube",
"author": "Catppuccin",
"license": "MIT",
@@ -3606,12 +3625,12 @@
"description": "Soothing pastel theme for YouTube",
"name": "YouTube Catppuccin",
"preferScheme": "dark",
- "originalDigest": "abe9fae0227b617adce9d91fcee1b6e3f96ce2cb",
+ "originalDigest": "0a27ac238b924dbc1088d7434edcb7893b9dc316",
"_id": "e5b4796b-635a-45b8-afad-4b79566305fb",
- "_rev": 1702424318395,
+ "_rev": 1708336069384,
"id": 54,
- "etag": "W/\"076631054cfb7320b03268c408b79cf46862631991b6da6ae2da3439b7603ca2\"",
- "updateDate": 1702424318325
+ "etag": "W/\"6407e82b0dca4ee891866af709ced5c1ec7865c1453aed99cb5303e3f864b848\"",
+ "updateDate": 1708336067552
},
{
"enabled": true,
@@ -4001,25 +4020,26 @@
"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.2\n@updateURL \t https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.css\n@description Soothing pastel theme for Stylus\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */",
+ "code": "/* ==UserStyle==\n@name Stylus Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/stylus\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/stylus\n@version 1.1.8\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Astylus\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": "/* prettier-ignore */\n [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 --c90: #24273a;\n --c95: #1e2030;\n --c97: #1e2030;\n --c98: #24273a;\n --c99: #24273a;\n --c100: #24273a;\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-color: #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 --c90: #24273a;\n --c95: #1e2030;\n --c97: #1e2030;\n --c98: #24273a;\n --c99: #24273a;\n --c100: #24273a;\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-color: #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,
+ "code": "/* prettier-ignore */\n [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 --c90: #24273a;\n --c95: #1e2030;\n --c97: #1e2030;\n --c98: #24273a;\n --c99: #24273a;\n --c100: #24273a;\n --red1: #ed8796;\n --accent-1: #b7bdf8;\n --accent-2: #b7bdf8;\n --accent-3: rgba(183, 189, 248, 0.25);\n }\n [data-ui-theme=\"light\"]:root .slider {\n --color-on: rgba(183, 189, 248, 0.25);\n --color-off: #5b6078;\n }\n [data-ui-theme=\"light\"] .active #filters-stats,\n [data-ui-theme=\"light\"] .dirty #save-button,\n [data-ui-theme=\"light\"] .dirty #save-button + button {\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\"] #message-box-title::before {\n background-image: url(\"data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2034.5%2034.5%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20transform%3D%22translate%281.5%201.5%29%22%3E%3Cpath%20d%3D%22m0.68033%2013.5h0.13934a0.68033%200.68033%20135%200%200%200.68033-0.68033v-9.1393c0-0.37574-0.012368-0.98809%200.052936-1.3575%200.13898-0.78615%200.6221-2.009%202.2699-2.2719%200.37036-0.059105%200.98177-0.050893%201.3575-0.050893h21.639c0.37574%200%200.98725-0.0080335%201.3582%200.049469%201.6768%200.25994%202.1498%201.4857%202.279%202.2733%200.060635%200.36987%200.043188%200.98186%200.043188%201.3576v9.1393a0.68033%200.68033%2045%200%200%200.68033%200.68033h0.13934a0.68033%200.68033%2045%200%201%200.68033%200.68033v3.6393a0.68033%200.68033%20135%200%201-0.68033%200.68033h-0.13934a0.68033%200.68033%20135%200%200-0.68033%200.68033v9.1393c0%200.37574%200.01711%200.98799-0.04395%201.3581-0.12993%200.78759-0.60392%202.0128-2.2788%202.2728-0.37062%200.057518-0.98189%200.049487-1.3576%200.049487h-21.639c-0.37574%200-0.98741%200.0083-1.358-0.05116-1.6444-0.26359-2.1284-1.4864-2.2684-2.2723-0.065725-0.36903-0.05396-0.98114-0.05396-1.3569v-9.1393a0.68033%200.68033%2045%200%200-0.68033-0.68033h-0.13934a0.68033%200.68033%2045%200%201-0.68033-0.68033v-3.6393a0.68033%200.68033%20135%200%201%200.68033-0.68033z%22%20stroke%3D%22%2324273a%22%20fill%3D%22%23b7bdf8%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.25%22%20style%3D%22paint-order%3Astroke%20fill%20markers%22/%3E%3Cpath%20d%3D%22m2.7875%2015h1.175a0.5375%200.5375%20135%200%200%200.5375-0.5375v-8.925c0-0.29685-0.017367-0.78016%200.024302-1.0736%200.093783-0.66044%200.47516-1.7208%201.9403-1.9281%200.29343-0.041512%200.77604-0.035781%201.0729-0.035781h16.925c0.29685%200%200.77982-0.00597%201.0732%200.037543%201.4266%200.21157%201.8216%201.2689%201.9282%201.9274%200.047298%200.29237%200.036145%200.77569%200.036145%201.0725v8.925a0.5375%200.5375%2045%200%200%200.5375%200.5375h1.175a0.5375%200.5375%2045%200%201%200.5375%200.5375v0.925a0.5375%200.5375%20135%200%201-0.5375%200.5375h-1.175a0.5375%200.5375%20135%200%200-0.5375%200.5375v8.925c0%200.29685%200.0091%200.78037-0.04018%201.0726-0.11091%200.65795-0.51074%201.714-1.9245%201.9268-0.29309%200.044121-0.77596%200.038087-1.0728%200.038087h-16.925c-0.29685%200-0.7798%200.0059-1.0732-0.0372-1.434-0.21077-1.8264-1.2688-1.9304-1.9276-0.046192-0.29254-0.033832-0.77582-0.033832-1.0727v-8.925a0.5375%200.5375%2045%200%200-0.5375-0.5375h-1.175a0.5375%200.5375%2045%200%201-0.5375-0.5375v-0.925a0.5375%200.5375%20135%200%201%200.5375-0.5375z%22%20fill%3D%22black%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22%2324273a%22%20stroke-width%3D%222%22%20style%3D%22paint-order%3Astroke%20fill%20markers%22/%3E%3Cpath%20d%3D%22m2.7875%2015h1.175a0.5375%200.5375%20135%200%200%200.5375-0.5375v-8.925c0-0.29685-0.017367-0.78016%200.024302-1.0736%200.093783-0.66044%200.47516-1.7208%201.9403-1.9281%200.29343-0.041512%200.77604-0.035781%201.0729-0.035781h16.925c0.29685%200%200.77982-0.00597%201.0732%200.037543%201.4266%200.21157%201.8216%201.2689%201.9282%201.9274%200.047298%200.29237%200.036145%200.77569%200.036145%201.0725v8.925a0.5375%200.5375%2045%200%200%200.5375%200.5375h1.175a0.5375%200.5375%2045%200%201%200.5375%200.5375v0.925a0.5375%200.5375%20135%200%201-0.5375%200.5375h-1.175a0.5375%200.5375%20135%200%200-0.5375%200.5375v8.925c0%200.29685%200.0091%200.78037-0.04018%201.0726-0.11091%200.65795-0.51074%201.714-1.9245%201.9268-0.29309%200.044121-0.77596%200.038087-1.0728%200.038087h-16.925c-0.29685%200-0.7798%200.0059-1.0732-0.0372-1.434-0.21077-1.8264-1.2688-1.9304-1.9276-0.046192-0.29254-0.033832-0.77582-0.033832-1.0727v-8.925a0.5375%200.5375%2045%200%200-0.5375-0.5375h-1.175a0.5375%200.5375%2045%200%201-0.5375-0.5375v-0.925a0.5375%200.5375%20135%200%201%200.5375-0.5375z%22%20fill%3D%22rgba%28183,%20189,%20248,%200.67%29%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22%2324273a%22%20stroke-width%3D%222%22%20style%3D%22paint-order%3Astroke%20fill%20markers%22/%3E%3Cpath%20d%3D%22m%2021.715,4.9740514%20c%20-1.1556,-0.4142%20-3.1152,-0.88871%20-5.8155,-0.74929%20-0.74032,0.038225%20-1.9398,0.1733%20-2.6557,0.36525%20-3.022,0.81037%20-4.1421,2.9309%20-4.5163,4.4018%20-0.18223,0.7164096%20-0.21657,1.9387996%20-0.078512,2.6662996%200.27734,1.4616%201.4858,3.7466%206.737,6.1259%200.67548,0.30605%201.8235,0.77149%202.2893,1.3399%200.04665,0.05693%200.09271,0.11739%200.13763,0.18153%200.42232,0.60301%200.66652,1.9367%200.20943,2.487%20-0.13874,0.16706%20-0.30816,0.30726%20-0.48597,0.42395%20-0.6168,0.40481%20-1.8293,0.61974%20-2.5699,0.64875%20-0.89544,0.03507%20-2.1454,-0.02254%20-3.4455,-0.41936%20-0.70853,-0.21625%20-1.4577,0.07303%20-1.7159,0.76837%20l%20-0.65903,1.7748%20c%20-0.2582,0.69534%200.00749,1.6413%200.67917,1.9511%201.1323,0.52233%203.1366,1.1035%206.1597,0.81512%200.73784,-0.0704%201.9293,-0.26185%202.6369,-0.48233%203.1493,-0.98129%204.3609,-3.2803%204.8218,-4.747%200.22184,-0.7059%200.33378,-1.9163%200.24064,-2.6507%20-0.19193,-1.5133%20-0.97863,-3.9639%20-3.9219,-5.4961%20-0.65705,-0.34204%20-1.8122,-0.68915%20-2.5092,-0.94238%20-0.91246,-0.33153%20-2.0916,-0.85267%20-2.7592,-1.5145%20-0.50717,-0.50273%20-0.47038,-1.8266%20-0.07228,-2.4456%200.31211,-0.4852496%200.75257,-0.7965796%201.2535,-0.9752096%200.69483,-0.24778%201.9249,-0.16771%202.6531,-0.030482%200.66626,0.12556%201.3804,0.30534%201.9755,0.47593%200.71226,0.20417%201.4728,-0.1409%201.7203,-0.84013%20l%200.46599,-1.3166%20C%2022.737548,6.0908394%2022.287719,5.182481%2021.590433,4.932581%20Z%22%20stroke%3D%22%2324273a%22%20%20stroke-width%3D%222%22%20fill%3D%22%23b7bdf8%22%20style%3D%22paint-order%3Astroke%20fill%20markers%22/%3E%3C/g%3E%3C/svg%3E\");\n }\n [data-ui-theme=\"light\"] [src=\"moz-extension://8fc71d5e-96b2-44a4-8d6f-ead6ff4d3c56/images/icon/16.png\"] {\n content: url(\"data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2034.5%2034.5%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20transform%3D%22translate%281.5%201.5%29%22%3E%3Cpath%20d%3D%22m0.68033%2013.5h0.13934a0.68033%200.68033%20135%200%200%200.68033-0.68033v-9.1393c0-0.37574-0.012368-0.98809%200.052936-1.3575%200.13898-0.78615%200.6221-2.009%202.2699-2.2719%200.37036-0.059105%200.98177-0.050893%201.3575-0.050893h21.639c0.37574%200%200.98725-0.0080335%201.3582%200.049469%201.6768%200.25994%202.1498%201.4857%202.279%202.2733%200.060635%200.36987%200.043188%200.98186%200.043188%201.3576v9.1393a0.68033%200.68033%2045%200%200%200.68033%200.68033h0.13934a0.68033%200.68033%2045%200%201%200.68033%200.68033v3.6393a0.68033%200.68033%20135%200%201-0.68033%200.68033h-0.13934a0.68033%200.68033%20135%200%200-0.68033%200.68033v9.1393c0%200.37574%200.01711%200.98799-0.04395%201.3581-0.12993%200.78759-0.60392%202.0128-2.2788%202.2728-0.37062%200.057518-0.98189%200.049487-1.3576%200.049487h-21.639c-0.37574%200-0.98741%200.0083-1.358-0.05116-1.6444-0.26359-2.1284-1.4864-2.2684-2.2723-0.065725-0.36903-0.05396-0.98114-0.05396-1.3569v-9.1393a0.68033%200.68033%2045%200%200-0.68033-0.68033h-0.13934a0.68033%200.68033%2045%200%201-0.68033-0.68033v-3.6393a0.68033%200.68033%20135%200%201%200.68033-0.68033z%22%20stroke%3D%22%2324273a%22%20fill%3D%22%23b7bdf8%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.25%22%20style%3D%22paint-order%3Astroke%20fill%20markers%22/%3E%3Cpath%20d%3D%22m2.7875%2015h1.175a0.5375%200.5375%20135%200%200%200.5375-0.5375v-8.925c0-0.29685-0.017367-0.78016%200.024302-1.0736%200.093783-0.66044%200.47516-1.7208%201.9403-1.9281%200.29343-0.041512%200.77604-0.035781%201.0729-0.035781h16.925c0.29685%200%200.77982-0.00597%201.0732%200.037543%201.4266%200.21157%201.8216%201.2689%201.9282%201.9274%200.047298%200.29237%200.036145%200.77569%200.036145%201.0725v8.925a0.5375%200.5375%2045%200%200%200.5375%200.5375h1.175a0.5375%200.5375%2045%200%201%200.5375%200.5375v0.925a0.5375%200.5375%20135%200%201-0.5375%200.5375h-1.175a0.5375%200.5375%20135%200%200-0.5375%200.5375v8.925c0%200.29685%200.0091%200.78037-0.04018%201.0726-0.11091%200.65795-0.51074%201.714-1.9245%201.9268-0.29309%200.044121-0.77596%200.038087-1.0728%200.038087h-16.925c-0.29685%200-0.7798%200.0059-1.0732-0.0372-1.434-0.21077-1.8264-1.2688-1.9304-1.9276-0.046192-0.29254-0.033832-0.77582-0.033832-1.0727v-8.925a0.5375%200.5375%2045%200%200-0.5375-0.5375h-1.175a0.5375%200.5375%2045%200%201-0.5375-0.5375v-0.925a0.5375%200.5375%20135%200%201%200.5375-0.5375z%22%20fill%3D%22black%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22%2324273a%22%20stroke-width%3D%222%22%20style%3D%22paint-order%3Astroke%20fill%20markers%22/%3E%3Cpath%20d%3D%22m2.7875%2015h1.175a0.5375%200.5375%20135%200%200%200.5375-0.5375v-8.925c0-0.29685-0.017367-0.78016%200.024302-1.0736%200.093783-0.66044%200.47516-1.7208%201.9403-1.9281%200.29343-0.041512%200.77604-0.035781%201.0729-0.035781h16.925c0.29685%200%200.77982-0.00597%201.0732%200.037543%201.4266%200.21157%201.8216%201.2689%201.9282%201.9274%200.047298%200.29237%200.036145%200.77569%200.036145%201.0725v8.925a0.5375%200.5375%2045%200%200%200.5375%200.5375h1.175a0.5375%200.5375%2045%200%201%200.5375%200.5375v0.925a0.5375%200.5375%20135%200%201-0.5375%200.5375h-1.175a0.5375%200.5375%20135%200%200-0.5375%200.5375v8.925c0%200.29685%200.0091%200.78037-0.04018%201.0726-0.11091%200.65795-0.51074%201.714-1.9245%201.9268-0.29309%200.044121-0.77596%200.038087-1.0728%200.038087h-16.925c-0.29685%200-0.7798%200.0059-1.0732-0.0372-1.434-0.21077-1.8264-1.2688-1.9304-1.9276-0.046192-0.29254-0.033832-0.77582-0.033832-1.0727v-8.925a0.5375%200.5375%2045%200%200-0.5375-0.5375h-1.175a0.5375%200.5375%2045%200%201-0.5375-0.5375v-0.925a0.5375%200.5375%20135%200%201%200.5375-0.5375z%22%20fill%3D%22rgba%28183,%20189,%20248,%200.67%29%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22%2324273a%22%20stroke-width%3D%222%22%20style%3D%22paint-order%3Astroke%20fill%20markers%22/%3E%3Cpath%20d%3D%22m%2021.715,4.9740514%20c%20-1.1556,-0.4142%20-3.1152,-0.88871%20-5.8155,-0.74929%20-0.74032,0.038225%20-1.9398,0.1733%20-2.6557,0.36525%20-3.022,0.81037%20-4.1421,2.9309%20-4.5163,4.4018%20-0.18223,0.7164096%20-0.21657,1.9387996%20-0.078512,2.6662996%200.27734,1.4616%201.4858,3.7466%206.737,6.1259%200.67548,0.30605%201.8235,0.77149%202.2893,1.3399%200.04665,0.05693%200.09271,0.11739%200.13763,0.18153%200.42232,0.60301%200.66652,1.9367%200.20943,2.487%20-0.13874,0.16706%20-0.30816,0.30726%20-0.48597,0.42395%20-0.6168,0.40481%20-1.8293,0.61974%20-2.5699,0.64875%20-0.89544,0.03507%20-2.1454,-0.02254%20-3.4455,-0.41936%20-0.70853,-0.21625%20-1.4577,0.07303%20-1.7159,0.76837%20l%20-0.65903,1.7748%20c%20-0.2582,0.69534%200.00749,1.6413%200.67917,1.9511%201.1323,0.52233%203.1366,1.1035%206.1597,0.81512%200.73784,-0.0704%201.9293,-0.26185%202.6369,-0.48233%203.1493,-0.98129%204.3609,-3.2803%204.8218,-4.747%200.22184,-0.7059%200.33378,-1.9163%200.24064,-2.6507%20-0.19193,-1.5133%20-0.97863,-3.9639%20-3.9219,-5.4961%20-0.65705,-0.34204%20-1.8122,-0.68915%20-2.5092,-0.94238%20-0.91246,-0.33153%20-2.0916,-0.85267%20-2.7592,-1.5145%20-0.50717,-0.50273%20-0.47038,-1.8266%20-0.07228,-2.4456%200.31211,-0.4852496%200.75257,-0.7965796%201.2535,-0.9752096%200.69483,-0.24778%201.9249,-0.16771%202.6531,-0.030482%200.66626,0.12556%201.3804,0.30534%201.9755,0.47593%200.71226,0.20417%201.4728,-0.1409%201.7203,-0.84013%20l%200.46599,-1.3166%20C%2022.737548,6.0908394%2022.287719,5.182481%2021.590433,4.932581%20Z%22%20stroke%3D%22%2324273a%22%20%20stroke-width%3D%222%22%20fill%3D%22%23b7bdf8%22%20style%3D%22paint-order%3Astroke%20fill%20markers%22/%3E%3C/g%3E%3C/svg%3E\");\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\"] .installed .configure-usercss i {\n color: #b7bdf8;\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-color: #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: #cad3f5;\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 --c90: #24273a;\n --c95: #1e2030;\n --c97: #1e2030;\n --c98: #24273a;\n --c99: #24273a;\n --c100: #24273a;\n --red1: #ed8796;\n --accent-1: #b7bdf8;\n --accent-2: #b7bdf8;\n --accent-3: rgba(183, 189, 248, 0.25);\n }\n [data-ui-theme=\"dark\"]:root .slider {\n --color-on: rgba(183, 189, 248, 0.25);\n --color-off: #5b6078;\n }\n [data-ui-theme=\"dark\"] .active #filters-stats,\n [data-ui-theme=\"dark\"] .dirty #save-button,\n [data-ui-theme=\"dark\"] .dirty #save-button + button {\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\"] #message-box-title::before {\n background-image: url(\"data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2034.5%2034.5%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20transform%3D%22translate%281.5%201.5%29%22%3E%3Cpath%20d%3D%22m0.68033%2013.5h0.13934a0.68033%200.68033%20135%200%200%200.68033-0.68033v-9.1393c0-0.37574-0.012368-0.98809%200.052936-1.3575%200.13898-0.78615%200.6221-2.009%202.2699-2.2719%200.37036-0.059105%200.98177-0.050893%201.3575-0.050893h21.639c0.37574%200%200.98725-0.0080335%201.3582%200.049469%201.6768%200.25994%202.1498%201.4857%202.279%202.2733%200.060635%200.36987%200.043188%200.98186%200.043188%201.3576v9.1393a0.68033%200.68033%2045%200%200%200.68033%200.68033h0.13934a0.68033%200.68033%2045%200%201%200.68033%200.68033v3.6393a0.68033%200.68033%20135%200%201-0.68033%200.68033h-0.13934a0.68033%200.68033%20135%200%200-0.68033%200.68033v9.1393c0%200.37574%200.01711%200.98799-0.04395%201.3581-0.12993%200.78759-0.60392%202.0128-2.2788%202.2728-0.37062%200.057518-0.98189%200.049487-1.3576%200.049487h-21.639c-0.37574%200-0.98741%200.0083-1.358-0.05116-1.6444-0.26359-2.1284-1.4864-2.2684-2.2723-0.065725-0.36903-0.05396-0.98114-0.05396-1.3569v-9.1393a0.68033%200.68033%2045%200%200-0.68033-0.68033h-0.13934a0.68033%200.68033%2045%200%201-0.68033-0.68033v-3.6393a0.68033%200.68033%20135%200%201%200.68033-0.68033z%22%20stroke%3D%22%2324273a%22%20fill%3D%22%23b7bdf8%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.25%22%20style%3D%22paint-order%3Astroke%20fill%20markers%22/%3E%3Cpath%20d%3D%22m2.7875%2015h1.175a0.5375%200.5375%20135%200%200%200.5375-0.5375v-8.925c0-0.29685-0.017367-0.78016%200.024302-1.0736%200.093783-0.66044%200.47516-1.7208%201.9403-1.9281%200.29343-0.041512%200.77604-0.035781%201.0729-0.035781h16.925c0.29685%200%200.77982-0.00597%201.0732%200.037543%201.4266%200.21157%201.8216%201.2689%201.9282%201.9274%200.047298%200.29237%200.036145%200.77569%200.036145%201.0725v8.925a0.5375%200.5375%2045%200%200%200.5375%200.5375h1.175a0.5375%200.5375%2045%200%201%200.5375%200.5375v0.925a0.5375%200.5375%20135%200%201-0.5375%200.5375h-1.175a0.5375%200.5375%20135%200%200-0.5375%200.5375v8.925c0%200.29685%200.0091%200.78037-0.04018%201.0726-0.11091%200.65795-0.51074%201.714-1.9245%201.9268-0.29309%200.044121-0.77596%200.038087-1.0728%200.038087h-16.925c-0.29685%200-0.7798%200.0059-1.0732-0.0372-1.434-0.21077-1.8264-1.2688-1.9304-1.9276-0.046192-0.29254-0.033832-0.77582-0.033832-1.0727v-8.925a0.5375%200.5375%2045%200%200-0.5375-0.5375h-1.175a0.5375%200.5375%2045%200%201-0.5375-0.5375v-0.925a0.5375%200.5375%20135%200%201%200.5375-0.5375z%22%20fill%3D%22black%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22%2324273a%22%20stroke-width%3D%222%22%20style%3D%22paint-order%3Astroke%20fill%20markers%22/%3E%3Cpath%20d%3D%22m2.7875%2015h1.175a0.5375%200.5375%20135%200%200%200.5375-0.5375v-8.925c0-0.29685-0.017367-0.78016%200.024302-1.0736%200.093783-0.66044%200.47516-1.7208%201.9403-1.9281%200.29343-0.041512%200.77604-0.035781%201.0729-0.035781h16.925c0.29685%200%200.77982-0.00597%201.0732%200.037543%201.4266%200.21157%201.8216%201.2689%201.9282%201.9274%200.047298%200.29237%200.036145%200.77569%200.036145%201.0725v8.925a0.5375%200.5375%2045%200%200%200.5375%200.5375h1.175a0.5375%200.5375%2045%200%201%200.5375%200.5375v0.925a0.5375%200.5375%20135%200%201-0.5375%200.5375h-1.175a0.5375%200.5375%20135%200%200-0.5375%200.5375v8.925c0%200.29685%200.0091%200.78037-0.04018%201.0726-0.11091%200.65795-0.51074%201.714-1.9245%201.9268-0.29309%200.044121-0.77596%200.038087-1.0728%200.038087h-16.925c-0.29685%200-0.7798%200.0059-1.0732-0.0372-1.434-0.21077-1.8264-1.2688-1.9304-1.9276-0.046192-0.29254-0.033832-0.77582-0.033832-1.0727v-8.925a0.5375%200.5375%2045%200%200-0.5375-0.5375h-1.175a0.5375%200.5375%2045%200%201-0.5375-0.5375v-0.925a0.5375%200.5375%20135%200%201%200.5375-0.5375z%22%20fill%3D%22rgba%28183,%20189,%20248,%200.67%29%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22%2324273a%22%20stroke-width%3D%222%22%20style%3D%22paint-order%3Astroke%20fill%20markers%22/%3E%3Cpath%20d%3D%22m%2021.715,4.9740514%20c%20-1.1556,-0.4142%20-3.1152,-0.88871%20-5.8155,-0.74929%20-0.74032,0.038225%20-1.9398,0.1733%20-2.6557,0.36525%20-3.022,0.81037%20-4.1421,2.9309%20-4.5163,4.4018%20-0.18223,0.7164096%20-0.21657,1.9387996%20-0.078512,2.6662996%200.27734,1.4616%201.4858,3.7466%206.737,6.1259%200.67548,0.30605%201.8235,0.77149%202.2893,1.3399%200.04665,0.05693%200.09271,0.11739%200.13763,0.18153%200.42232,0.60301%200.66652,1.9367%200.20943,2.487%20-0.13874,0.16706%20-0.30816,0.30726%20-0.48597,0.42395%20-0.6168,0.40481%20-1.8293,0.61974%20-2.5699,0.64875%20-0.89544,0.03507%20-2.1454,-0.02254%20-3.4455,-0.41936%20-0.70853,-0.21625%20-1.4577,0.07303%20-1.7159,0.76837%20l%20-0.65903,1.7748%20c%20-0.2582,0.69534%200.00749,1.6413%200.67917,1.9511%201.1323,0.52233%203.1366,1.1035%206.1597,0.81512%200.73784,-0.0704%201.9293,-0.26185%202.6369,-0.48233%203.1493,-0.98129%204.3609,-3.2803%204.8218,-4.747%200.22184,-0.7059%200.33378,-1.9163%200.24064,-2.6507%20-0.19193,-1.5133%20-0.97863,-3.9639%20-3.9219,-5.4961%20-0.65705,-0.34204%20-1.8122,-0.68915%20-2.5092,-0.94238%20-0.91246,-0.33153%20-2.0916,-0.85267%20-2.7592,-1.5145%20-0.50717,-0.50273%20-0.47038,-1.8266%20-0.07228,-2.4456%200.31211,-0.4852496%200.75257,-0.7965796%201.2535,-0.9752096%200.69483,-0.24778%201.9249,-0.16771%202.6531,-0.030482%200.66626,0.12556%201.3804,0.30534%201.9755,0.47593%200.71226,0.20417%201.4728,-0.1409%201.7203,-0.84013%20l%200.46599,-1.3166%20C%2022.737548,6.0908394%2022.287719,5.182481%2021.590433,4.932581%20Z%22%20stroke%3D%22%2324273a%22%20%20stroke-width%3D%222%22%20fill%3D%22%23b7bdf8%22%20style%3D%22paint-order%3Astroke%20fill%20markers%22/%3E%3C/g%3E%3C/svg%3E\");\n }\n [data-ui-theme=\"dark\"] [src=\"moz-extension://8fc71d5e-96b2-44a4-8d6f-ead6ff4d3c56/images/icon/16.png\"] {\n content: url(\"data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2034.5%2034.5%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20transform%3D%22translate%281.5%201.5%29%22%3E%3Cpath%20d%3D%22m0.68033%2013.5h0.13934a0.68033%200.68033%20135%200%200%200.68033-0.68033v-9.1393c0-0.37574-0.012368-0.98809%200.052936-1.3575%200.13898-0.78615%200.6221-2.009%202.2699-2.2719%200.37036-0.059105%200.98177-0.050893%201.3575-0.050893h21.639c0.37574%200%200.98725-0.0080335%201.3582%200.049469%201.6768%200.25994%202.1498%201.4857%202.279%202.2733%200.060635%200.36987%200.043188%200.98186%200.043188%201.3576v9.1393a0.68033%200.68033%2045%200%200%200.68033%200.68033h0.13934a0.68033%200.68033%2045%200%201%200.68033%200.68033v3.6393a0.68033%200.68033%20135%200%201-0.68033%200.68033h-0.13934a0.68033%200.68033%20135%200%200-0.68033%200.68033v9.1393c0%200.37574%200.01711%200.98799-0.04395%201.3581-0.12993%200.78759-0.60392%202.0128-2.2788%202.2728-0.37062%200.057518-0.98189%200.049487-1.3576%200.049487h-21.639c-0.37574%200-0.98741%200.0083-1.358-0.05116-1.6444-0.26359-2.1284-1.4864-2.2684-2.2723-0.065725-0.36903-0.05396-0.98114-0.05396-1.3569v-9.1393a0.68033%200.68033%2045%200%200-0.68033-0.68033h-0.13934a0.68033%200.68033%2045%200%201-0.68033-0.68033v-3.6393a0.68033%200.68033%20135%200%201%200.68033-0.68033z%22%20stroke%3D%22%2324273a%22%20fill%3D%22%23b7bdf8%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.25%22%20style%3D%22paint-order%3Astroke%20fill%20markers%22/%3E%3Cpath%20d%3D%22m2.7875%2015h1.175a0.5375%200.5375%20135%200%200%200.5375-0.5375v-8.925c0-0.29685-0.017367-0.78016%200.024302-1.0736%200.093783-0.66044%200.47516-1.7208%201.9403-1.9281%200.29343-0.041512%200.77604-0.035781%201.0729-0.035781h16.925c0.29685%200%200.77982-0.00597%201.0732%200.037543%201.4266%200.21157%201.8216%201.2689%201.9282%201.9274%200.047298%200.29237%200.036145%200.77569%200.036145%201.0725v8.925a0.5375%200.5375%2045%200%200%200.5375%200.5375h1.175a0.5375%200.5375%2045%200%201%200.5375%200.5375v0.925a0.5375%200.5375%20135%200%201-0.5375%200.5375h-1.175a0.5375%200.5375%20135%200%200-0.5375%200.5375v8.925c0%200.29685%200.0091%200.78037-0.04018%201.0726-0.11091%200.65795-0.51074%201.714-1.9245%201.9268-0.29309%200.044121-0.77596%200.038087-1.0728%200.038087h-16.925c-0.29685%200-0.7798%200.0059-1.0732-0.0372-1.434-0.21077-1.8264-1.2688-1.9304-1.9276-0.046192-0.29254-0.033832-0.77582-0.033832-1.0727v-8.925a0.5375%200.5375%2045%200%200-0.5375-0.5375h-1.175a0.5375%200.5375%2045%200%201-0.5375-0.5375v-0.925a0.5375%200.5375%20135%200%201%200.5375-0.5375z%22%20fill%3D%22black%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22%2324273a%22%20stroke-width%3D%222%22%20style%3D%22paint-order%3Astroke%20fill%20markers%22/%3E%3Cpath%20d%3D%22m2.7875%2015h1.175a0.5375%200.5375%20135%200%200%200.5375-0.5375v-8.925c0-0.29685-0.017367-0.78016%200.024302-1.0736%200.093783-0.66044%200.47516-1.7208%201.9403-1.9281%200.29343-0.041512%200.77604-0.035781%201.0729-0.035781h16.925c0.29685%200%200.77982-0.00597%201.0732%200.037543%201.4266%200.21157%201.8216%201.2689%201.9282%201.9274%200.047298%200.29237%200.036145%200.77569%200.036145%201.0725v8.925a0.5375%200.5375%2045%200%200%200.5375%200.5375h1.175a0.5375%200.5375%2045%200%201%200.5375%200.5375v0.925a0.5375%200.5375%20135%200%201-0.5375%200.5375h-1.175a0.5375%200.5375%20135%200%200-0.5375%200.5375v8.925c0%200.29685%200.0091%200.78037-0.04018%201.0726-0.11091%200.65795-0.51074%201.714-1.9245%201.9268-0.29309%200.044121-0.77596%200.038087-1.0728%200.038087h-16.925c-0.29685%200-0.7798%200.0059-1.0732-0.0372-1.434-0.21077-1.8264-1.2688-1.9304-1.9276-0.046192-0.29254-0.033832-0.77582-0.033832-1.0727v-8.925a0.5375%200.5375%2045%200%200-0.5375-0.5375h-1.175a0.5375%200.5375%2045%200%201-0.5375-0.5375v-0.925a0.5375%200.5375%20135%200%201%200.5375-0.5375z%22%20fill%3D%22rgba%28183,%20189,%20248,%200.67%29%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22%2324273a%22%20stroke-width%3D%222%22%20style%3D%22paint-order%3Astroke%20fill%20markers%22/%3E%3Cpath%20d%3D%22m%2021.715,4.9740514%20c%20-1.1556,-0.4142%20-3.1152,-0.88871%20-5.8155,-0.74929%20-0.74032,0.038225%20-1.9398,0.1733%20-2.6557,0.36525%20-3.022,0.81037%20-4.1421,2.9309%20-4.5163,4.4018%20-0.18223,0.7164096%20-0.21657,1.9387996%20-0.078512,2.6662996%200.27734,1.4616%201.4858,3.7466%206.737,6.1259%200.67548,0.30605%201.8235,0.77149%202.2893,1.3399%200.04665,0.05693%200.09271,0.11739%200.13763,0.18153%200.42232,0.60301%200.66652,1.9367%200.20943,2.487%20-0.13874,0.16706%20-0.30816,0.30726%20-0.48597,0.42395%20-0.6168,0.40481%20-1.8293,0.61974%20-2.5699,0.64875%20-0.89544,0.03507%20-2.1454,-0.02254%20-3.4455,-0.41936%20-0.70853,-0.21625%20-1.4577,0.07303%20-1.7159,0.76837%20l%20-0.65903,1.7748%20c%20-0.2582,0.69534%200.00749,1.6413%200.67917,1.9511%201.1323,0.52233%203.1366,1.1035%206.1597,0.81512%200.73784,-0.0704%201.9293,-0.26185%202.6369,-0.48233%203.1493,-0.98129%204.3609,-3.2803%204.8218,-4.747%200.22184,-0.7059%200.33378,-1.9163%200.24064,-2.6507%20-0.19193,-1.5133%20-0.97863,-3.9639%20-3.9219,-5.4961%20-0.65705,-0.34204%20-1.8122,-0.68915%20-2.5092,-0.94238%20-0.91246,-0.33153%20-2.0916,-0.85267%20-2.7592,-1.5145%20-0.50717,-0.50273%20-0.47038,-1.8266%20-0.07228,-2.4456%200.31211,-0.4852496%200.75257,-0.7965796%201.2535,-0.9752096%200.69483,-0.24778%201.9249,-0.16771%202.6531,-0.030482%200.66626,0.12556%201.3804,0.30534%201.9755,0.47593%200.71226,0.20417%201.4728,-0.1409%201.7203,-0.84013%20l%200.46599,-1.3166%20C%2022.737548,6.0908394%2022.287719,5.182481%2021.590433,4.932581%20Z%22%20stroke%3D%22%2324273a%22%20%20stroke-width%3D%222%22%20fill%3D%22%23b7bdf8%22%20style%3D%22paint-order%3Astroke%20fill%20markers%22/%3E%3C/g%3E%3C/svg%3E\");\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\"] .installed .configure-usercss i {\n color: #b7bdf8;\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-color: #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: #cad3f5;\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": 1079,
"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.2\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 /* 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 @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 --c90: @base;\n --c95: @mantle;\n --c97: @mantle;\n --c98: @base;\n --c99: @base;\n --c100: @base;\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-color: @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// vim:ft=less\n",
+ "sourceCode": "/* ==UserStyle==\n@name Stylus Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/stylus\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/stylus\n@version 1.1.8\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Astylus\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 /* 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 @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 --c90: @base;\n --c95: @mantle;\n --c97: @mantle;\n --c98: @base;\n --c99: @base;\n --c100: @base;\n --red1: @red;\n --accent-1: @color;\n --accent-2: @color;\n --accent-3: fade(@color, 25%);\n .slider {\n --color-on: fade(@color, 25%);\n --color-off: @surface2;\n }\n }\n\n .active #filters-stats,\n .dirty #save-button,\n .dirty #save-button + button {\n background-color: @color;\n border-color: @color;\n color: @base;\n }\n #header-resizer {\n color: @surface1;\n }\n #message-box-title::before {\n @fade_color: fade(@color, 67%);\n @svg-raw: '';\n @svg: escape(@svg-raw);\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n [src=\"moz-extension://8fc71d5e-96b2-44a4-8d6f-ead6ff4d3c56/images/icon/16.png\"]\n {\n @fade_color: fade(@color, 67%);\n @svg-raw: '';\n @svg: escape(@svg-raw);\n content: url(\"data:image/svg+xml,@{svg}\");\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 .installed .configure-usercss i {\n color: @color;\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-color: @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: @text;\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// vim:ft=less\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.2",
+ "version": "1.1.8",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.css",
+ "supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Astylus",
"description": "Soothing pastel theme for Stylus",
"author": "Catppuccin",
"license": "MIT",
@@ -4172,12 +4192,12 @@
"author": "Catppuccin",
"description": "Soothing pastel theme for Stylus",
"name": "Stylus Catppuccin",
- "originalDigest": "2873ac3772c84bd76ca8ac0ee29ac853305bd0e8",
+ "originalDigest": "ea4876fc6b047dc5a0e4b00ce04a2c87486f85f4",
"_id": "7ea25e5f-d4bc-4e92-a971-9ed55a8facd0",
- "_rev": 1701993408380,
+ "_rev": 1707466091190,
"id": 59,
- "etag": "W/\"7ef587dd14f1d5f154eaa5d19adde8d9c9afc1ea696db687dfdf5df4b05e4aca\"",
- "updateDate": 1701993408335
+ "etag": "W/\"b1d82e104882f98a90e803b5f40e408a6a78e7b367152b1930acc1762859cf5d\"",
+ "updateDate": 1707466091173
},
{
"enabled": true,
@@ -4668,26 +4688,27 @@
"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== */",
+ "code": "/* ==UserStyle==\n@name Modrinth Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/modrinth\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/modrinth\n@version 1.2.1\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@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Amodrinth\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": ".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,
+ "code": "/* prettier-ignore */\n .light-mode {\n --color-base: #cad3f5;\n --color-bg: #181926;\n --color-ad-raised: #5b6078;\n --color-ad: #494d64;\n --color-brand: #b7bdf8;\n --color-brand-green: #a6da95;\n --color-button-bg-active: #6e738d;\n --color-button-bg-hover: #494d64;\n --color-button-bg: #363a4f;\n --color-button-text-hover: #cad3f5;\n --color-button-text: #b8c0e0;\n --color-divider: #363a4f;\n --color-heading: #cad3f5;\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-blue: #7dc4e4;\n --color-special-blue: #7dc4e4;\n --color-orange: #f5a97f;\n --color-special-orange: #f5a97f;\n --color-purple: #c6a0f6;\n --color-special-purple: #c6a0f6;\n --color-red: #ed8796;\n --color-special-gray: #a5adcb;\n --color-green: #a6da95;\n --color-text: #b8c0e0;\n --color-text-dark: #cad3f5;\n --color-text-inactive: #8087a2;\n --color-brand-highlight: #363a4f;\n --color-brand-inverted: #010409;\n --color-table-alternate-row: #181926;\n --color-table-border: #6e738d;\n --color-contrast: #cad3f5;\n --color-brand-shadow: #b7bdf8;\n --color-warning-banner-side: #ed8796;\n --color-warning-banner-bg: rgba(237, 135, 150, 0.1);\n --color-warning-banner-text: #cad3f5;\n }\n .light-mode [tabindex=\"0\"]:focus-visible,\n .light-mode a:focus-visible,\n .light-mode button:focus-visible {\n outline-color: #b7bdf8;\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-base: #cad3f5;\n --color-bg: #181926;\n --color-ad-raised: #5b6078;\n --color-ad: #494d64;\n --color-brand: #b7bdf8;\n --color-brand-green: #a6da95;\n --color-button-bg-active: #6e738d;\n --color-button-bg-hover: #494d64;\n --color-button-bg: #363a4f;\n --color-button-text-hover: #cad3f5;\n --color-button-text: #b8c0e0;\n --color-divider: #363a4f;\n --color-heading: #cad3f5;\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-blue: #7dc4e4;\n --color-special-blue: #7dc4e4;\n --color-orange: #f5a97f;\n --color-special-orange: #f5a97f;\n --color-purple: #c6a0f6;\n --color-special-purple: #c6a0f6;\n --color-red: #ed8796;\n --color-special-gray: #a5adcb;\n --color-green: #a6da95;\n --color-text: #b8c0e0;\n --color-text-dark: #cad3f5;\n --color-text-inactive: #8087a2;\n --color-brand-highlight: #363a4f;\n --color-brand-inverted: #010409;\n --color-table-alternate-row: #181926;\n --color-table-border: #6e738d;\n --color-contrast: #cad3f5;\n --color-brand-shadow: #b7bdf8;\n --color-warning-banner-side: #ed8796;\n --color-warning-banner-bg: rgba(237, 135, 150, 0.1);\n --color-warning-banner-text: #cad3f5;\n }\n .dark-mode [tabindex=\"0\"]:focus-visible,\n .oled-mode [tabindex=\"0\"]:focus-visible,\n .dark-mode a:focus-visible,\n .oled-mode a:focus-visible,\n .dark-mode button:focus-visible,\n .oled-mode button:focus-visible {\n outline-color: #b7bdf8;\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": 1088,
"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",
+ "sourceCode": "/* ==UserStyle==\n@name Modrinth Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/modrinth\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/modrinth\n@version 1.2.1\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@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Amodrinth\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 regexp(\".*https:\\\\/\\\\/(www\\\\.|staging\\\\.|)modrinth\\\\.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; @shadow: #dbdfef; };\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; @shadow: #010409; };\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; @shadow: #010409; };\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; @shadow: #010409; };\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 --color-base: @text;\n --color-bg: @crust;\n --color-ad-raised: @surface2;\n --color-ad: @surface1;\n --color-brand: @accent-Color;\n --color-brand-green: @green;\n --color-button-bg-active: @overlay0;\n --color-button-bg-hover: @surface1;\n --color-button-bg: @surface0;\n --color-button-text-hover: @text;\n --color-button-text: @subtext1;\n --color-divider: @surface0;\n --color-heading: @text;\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-blue: @sapphire;\n --color-special-blue: @sapphire;\n --color-orange: @peach;\n --color-special-orange: @peach;\n --color-purple: @mauve;\n --color-special-purple: @mauve;\n --color-red: @red;\n --color-special-gray: @subtext0;\n --color-green: @green;\n --color-text: @subtext1;\n --color-text-dark: @text;\n --color-text-inactive: @overlay1;\n --color-brand-highlight: @surface0;\n --color-brand-inverted: @shadow;\n --color-table-alternate-row: @crust;\n --color-table-border: @overlay0;\n --color-contrast: @text;\n --color-brand-shadow: @accent-Color;\n --color-warning-banner-side: @red;\n --color-warning-banner-bg: fade(@red, 10%);\n --color-warning-banner-text: @text;\n\n [tabindex=\"0\"]:focus-visible,\n a:focus-visible,\n button:focus-visible {\n outline-color: @accent-Color;\n }\n\n .BDVE3s9MFQttmbMUeYup-2 a b,\n .BDVE3s9MFQttmbMUeYup-2 a strong {\n color: @accent-Color;\n }\n }\n}\n// vim:ft=less\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",
+ "version": "1.2.1",
"description": "Soothing pastel theme for Modrinth",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/modrinth/catppuccin.user.css",
+ "supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Amodrinth",
"license": "MIT",
"preprocessor": "less",
"vars": {
@@ -4838,11 +4859,12 @@
"author": "Catppuccin",
"description": "Soothing pastel theme for Modrinth",
"name": "Modrinth Catppuccin",
- "originalDigest": "26ebf066b236c13f9017fa706cdc1fce3c64b0d0",
+ "originalDigest": "cd0655988c041d2225145540d61d7fa1249dc8af",
"_id": "afbec67e-85af-4210-9ab0-f8e2c3b133cc",
- "_rev": 1696719638083,
+ "_rev": 1706738984316,
"id": 63,
- "etag": "W/\"78dc9061f53b0c8c364fe6fbcc29eff95c90f98fefc6ff08e6687baa9bbdd591\""
+ "etag": "W/\"453264cda043644787ad093dddabb4e72e3966f469f232fe1c0728c6249d7185\"",
+ "updateDate": 1706738984198
},
{
"enabled": true,
@@ -4851,23 +4873,23 @@
"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.1.0\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@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apinterest\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [ \"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\" ]\n@var select darkFlavor \"Dark Flavor\" [ \"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\" ]\n@var select accentColor \"Accent\" [ \"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\" ]\n==/UserStyle== */",
+ "code": "/* ==UserStyle==\n@name Pinterest Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/pinterest\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/pinterest\n@version 1.1.1\n@description Soothing pastel theme for Pinterest\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/pinterest/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apinterest\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 --color-text-light: #cad3f5;\n --color-text-dark: #1e2030;\n --color-text-default: #cad3f5;\n --color-text-inverse: #1e2030;\n --color-text-subtle: #a5adcb;\n --color-text-error: #b7bdf8;\n --color-text-shopping: #b7bdf8;\n --color-text-link: #b7bdf8;\n --color-text-icon-light: #b8c0e0;\n --color-text-icon-dark: #1e2030;\n --color-text-icon-default: #b8c0e0;\n --color-text-icon-inverse: #1e2030;\n --color-text-icon-subtle: #a5adcb;\n --color-text-icon-error: #b7bdf8;\n --color-text-icon-brand-primary: #b7bdf8;\n --color-background-light: #b8c0e0;\n --color-background-dark: #1e2030;\n --color-background-default: #24273a;\n --color-background-inverse-base: #b8c0e0;\n --color-background-primary-base: #b7bdf8;\n --color-background-secondary-base: #1e2030;\n --color-background-secondary-active: #1e2030;\n --color-background-selected-base: #b8c0e0;\n --color-border-container: #1e2030;\n --color-border-default: #1e2030;\n --g-colorTransparentWhite: rgba(36, 39, 58, 0.7);\n --g-colorTransparentDarkGray: rgba(30, 32, 48, 0.8);\n --g-colorGray0: #1e2030;\n --g-colorGray0Hovered: #191b28;\n --g-colorGray0Active: #141620;\n --g-colorGray50: #1e2030;\n --g-colorGray100: #1e2030;\n --g-colorGray100Hovered: #313447;\n --g-colorGray100Active: #2c2f40;\n --g-colorGray200: #a5adcb;\n --g-colorGray300: #b8c0e0;\n --g-colorRed100: #b7bdf8;\n --g-colorRed100Hovered: #949df5;\n --g-colorRed100Active: #8992f3;\n --g-color-focus: rgba(183, 189, 248, 0.5);\n --color-gray-roboflow-400: #181926;\n --color-gray-roboflow-200: #1e2030;\n --g-blue: #b7bdf8;\n --color-background-info-base: #8aadf4;\n --color-background-error-base: #ed8796;\n --color-background-warning-base: #f5a97f;\n --color-background-success-base: #a6da95;\n }\n body {\n background-color: #24273a;\n color: #cad3f5;\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 .C1J,\n .LI1.iyn[focus-within],\n .iyn:focus,\n ._gestalt .react-datepicker__month-select:focus,\n ._gestalt .react-datepicker__year-select:focus {\n box-shadow: 0 0 0 4px var(--g-color-focus);\n }\n .NUb {\n color: var(--color-text-inverse);\n }\n div[data-test-id=\"gestalt-avatar-svg\"] {\n box-shadow: 0 0 0 1px #181926 !important;\n }\n div[data-test-id=\"gestalt-avatar-svg\"] text {\n fill: #b8c0e0 !important;\n }\n /* Header & Search */\n div[data-test-id=\"header-Header\"] div.P_h {\n background-color: #1e2030 !important;\n }\n div[data-test-id=\"header-Header\"] div.P_h span.xnr {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"one-bar-pill\"] div {\n color: var(--color-text-dark) !important;\n }\n div[data-test-id=\"one-bar-pill\"] .PLa {\n color: var(--color-text-icon-light) !important;\n }\n div[data-test-id=\"one-bar-pill\"] .R19 {\n color: var(--color-text-icon-dark) !important;\n }\n div#searchBoxContainer div[style=\"height: 48px; background-color: rgb(225, 225, 225);\"] {\n background-color: #191b28 !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 box-shadow: 0 0 0 4px var(--g-color-focus) !important;\n }\n div#searchBoxContainer input {\n color: #b8c0e0 !important;\n }\n div#searchBoxContainer div.MMh._Y5.feh.s7I.zI7.iyn.Hsu {\n background-color: #b8c0e0 !important;\n }\n /* Home */\n div.moreIdeasBoardRepCarousel div[data-carousel-indicator=\"carousel-card\"] div.Jea.XiG.hA-.ho-.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.moreIdeasBoardRepCarousel ~ div.MIw.QLY.zI7.iyn.Hsu {\n background: none !important;\n }\n /* Pins */\n div[data-test-id=\"PinBetterSaveDropdown\"] .xnr,\n div[data-test-id=\"boardSelectionDropdown\"] .xnr {\n color: var(--color-text-light);\n }\n div[data-test-id=\"PinBetterSaveDropdown\"] .PLa,\n div[data-test-id=\"boardSelectionDropdown\"] .PLa {\n color: var(--color-text-icon-light);\n }\n div[data-test-id=\"pinrep-source-link\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"pinrep-source-link\"] a div {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"savedInfo\"] a {\n background-color: transparent !important;\n }\n div[data-test-id=\"savedInfo\"] a div {\n color: var(--color-text-light) !important;\n }\n div[data-test-id=\"PinTypeIdentifier\"] {\n background-color: #24273a !important;\n color: #cad3f5 !important;\n }\n div[data-test-id=\"persistent-one-click-save\"] div[style=\"background-color: rgba(255, 255, 255, 0.85);\"] {\n background-color: #1e2030 !important;\n }\n div[data-test-id=\"persistent-one-click-save\"] a {\n background-color: transparent !important;\n }\n div[style=\"padding-bottom: 100%; box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px;\"] {\n box-shadow: 0 0 0 1px #181926 !important;\n }\n div[data-test-id=\"toast\"] span div {\n color: #1e2030 !important;\n }\n /* Pin page */\n div[data-test-id=\"inline-comment-composer-container\"] {\n border-color: transparent !important;\n }\n div[data-test-id=\"more-description-container\"],\n div[data-test-id=\"less-description-container\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"truncated-text\"] div[data-test-id=\"more-button\"] {\n background: linear-gradient(90deg, transparent 0%, #24273a 15%) !important;\n }\n div[data-test-id=\"truncated-text\"] div[style=\"background: rgb(255, 255, 255);\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"flashlight-button\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"flashlight-dot-style\"] {\n background-color: var(--color-text-light);\n }\n div[data-test-id=\"visual-search-cropper\"] path.v2cropperHandle {\n fill: var(--color-text-light) !important;\n }\n div[data-test-id=\"visual-search-cropper\"] use.v2cropSection {\n stroke: var(--color-text-light) !important;\n }\n textarea#pinNoteText {\n background-color: transparent;\n color: #b8c0e0;\n caret-color: #cad3f5;\n }\n /* Video and story pins */\n div[data-test-id=\"visual-content-container\"] video ~ div svg {\n color: var(--color-text-icon-light) !important;\n }\n div[data-test-id=\"visual-content-container\"] video ~ div div[role=\"progressbar\"] > div {\n background-color: var(--color-text-icon-light) !important;\n }\n div[data-test-id=\"closeup-data-loaded\"] div.Jea.Rym.zI7.iyn.Hsu svg,\n div[data-test-id=\"closeup-data-loaded\"] div.Jea.Rym.zI7.iyn.Hsu span {\n color: var(--color-text-icon-light) !important;\n }\n /* Profile */\n div[data-test-id=\"profile-board-card\"] div,\n div[style=\"border: 1px solid white; border-radius: 16px;\"] {\n border-color: #181926 !important;\n }\n div.SaveButton__background--enabled {\n background-color: #b7bdf8 !important;\n color: #1e2030 !important;\n }\n div[data-test-id=\"savedInfo\"] a h3 {\n color: var(--color-text-light) !important;\n }\n /* Settings */\n input[type=\"checkbox\"] ~ div {\n border-color: #181926 !important;\n }\n div.tBJ.dyH.iFc.sAJ.xnr.tg7.IZT.swG {\n color: var(--color-text-light) !important;\n }\n /* Share */\n div[data-test-id=\"lego-share-social-bar-auth\"] button,\n div[data-test-id=\"copy-link-share-icon-auth\"] div.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n div[data-test-id=\"email-share-button-auth\"] svg rect {\n fill: #1e2030 !important;\n }\n div[data-test-id=\"email-share-button-auth\"] svg path {\n fill: #b8c0e0 !important;\n }\n div[data-test-id=\"sharesheet-contact-item-sent-icon\"] svg {\n color: #cad3f5;\n }\n div[data-test-id=\"sharesheet-contact-item-button\"] div[style=\"background-color: rgb(239, 239, 239); padding-bottom: 100%;\"] {\n background-color: #1e2030 !important;\n }\n /* Messages */\n textarea#messageDraft {\n background-color: transparent;\n color: #b8c0e0;\n caret-color: #cad3f5 !important;\n }\n div[data-test-id=\"add-pin-to-conversation\"] div[style=\"border: 1px solid rgb(218, 218, 218); box-shadow: rgba(0, 132, 255, 0) 0px 0px 0px 4px; padding: 4px 15px; min-height: 48px; width: 100%;\"] {\n border-color: #1e2030 !important;\n }\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 var(--g-color-focus) !important;\n }\n /* Create */\n div[style=\"background-color: rgba(255, 255, 255, 0.8); margin: 24px 0px 0px; z-index: 1;\"] {\n background-color: rgba(36, 39, 58, 0.8) !important;\n }\n input#scrape-view-website-link {\n background-color: #24273a !important;\n }\n div[data-test-id=\"image-from-search-container\"] {\n --color-text-icon-inverse: #b8c0e0;\n }\n div[data-test-id=\"storyboard-draft-placeholder-rep\"] div.ho-.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n background-image: linear-gradient(to right, #1e2030 0%, #181926 20%, #1e2030 40%, #1e2030 100%) !important;\n }\n div[data-test-id=\"drafts-container\"] {\n --color-text-dark: var(--color-text-default);\n }\n div[data-test-id=\"drafts-container\"] div[style=\"border-color: rgb(17, 17, 17);\"] {\n border-color: #181926 !important;\n }\n div[data-test-id=\"drag-behavior-container\"] svg {\n color: #b8c0e0;\n }\n div[data-test-id=\"storyboard-pin-card-item\"] {\n border-color: #181926 !important;\n }\n button[data-test-id=\"board-dropdown-select-button\"] {\n background-color: #24273a !important;\n }\n button[data-test-id=\"board-dropdown-select-button\"] span {\n color: #b8c0e0 !important;\n }\n div[data-test-id=\"storyboard-interest-tags\"] div[style=\"background-color: rgb(17, 17, 17);\"] {\n background-color: #b8c0e0 !important;\n }\n div[data-test-id=\"editor-canvas-container\"] div {\n border-color: #b7bdf8 !important;\n }\n input[data-test-id=\"storyboard-editor-details-text-size\"] {\n background-color: #1e2030 !important;\n color: #cad3f5 !important;\n border-color: #181926 !important;\n }\n div[data-test-id=\"storyboard-editor-details-text-color-picker\"] input {\n color: #cad3f5 !important;\n background-color: transparent !important;\n }\n div[data-test-id=\"storyboard-editor-details-text-color-picker\"] .LJB {\n border-color: #181926 !important;\n }\n div[data-test-id=\"storyboard-editor-details-text-color-picker\"] div[style=\"height: 40px; box-shadow: rgb(239, 239, 239) 0px 0px 0px 2px inset;\"] {\n box-shadow: 0 0 0 2px #181926 inset !important;\n }\n div[role=\"tablist\"] button[aria-selected=\"true\"] {\n background-color: #181926 !important;\n }\n /* Login */\n div[data-test-id=\"signup-default-modal\"],\n div[data-test-id=\"login-modal-default\"],\n div[data-test-id=\"login-modal-mfa\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"signup-default-modal\"] h1,\n div[data-test-id=\"login-modal-default\"] h1,\n div[data-test-id=\"login-modal-mfa\"] h1 {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"signup-default-modal\"] p,\n div[data-test-id=\"login-modal-default\"] p,\n div[data-test-id=\"login-modal-mfa\"] p {\n color: #a5adcb !important;\n }\n div[data-test-id=\"signup-default-modal\"] button[data-test-id=\"login-signup-toggle\"],\n div[data-test-id=\"login-modal-default\"] button[data-test-id=\"login-signup-toggle\"],\n div[data-test-id=\"login-modal-mfa\"] button[data-test-id=\"login-signup-toggle\"] {\n color: #b7bdf8 !important;\n }\n div[data-test-id=\"signup-default-modal\"] button.red.active,\n div[data-test-id=\"login-modal-default\"] button.red.active,\n div[data-test-id=\"login-modal-mfa\"] button.red.active {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n }\n div[data-test-id=\"signup-default-modal\"] button.red.active:hover,\n div[data-test-id=\"login-modal-default\"] button.red.active:hover,\n div[data-test-id=\"login-modal-mfa\"] button.red.active:hover,\n div[data-test-id=\"signup-default-modal\"] button.red.active:focus,\n div[data-test-id=\"login-modal-default\"] button.red.active:focus,\n div[data-test-id=\"login-modal-mfa\"] button.red.active:focus {\n background-color: #abb2f7 !important;\n }\n div[data-test-id=\"signup-default-modal\"] span[data-test-id=\"terms-of-service\"],\n div[data-test-id=\"login-modal-default\"] span[data-test-id=\"terms-of-service\"],\n div[data-test-id=\"login-modal-mfa\"] span[data-test-id=\"terms-of-service\"],\n div[data-test-id=\"signup-default-modal\"] div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"],\n div[data-test-id=\"login-modal-default\"] div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"],\n div[data-test-id=\"login-modal-mfa\"] div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"] {\n color: #b8c0e0 !important;\n }\n div[data-test-id=\"signup-default-modal\"] span[data-test-id=\"terms-of-service\"] a,\n div[data-test-id=\"login-modal-default\"] span[data-test-id=\"terms-of-service\"] a,\n div[data-test-id=\"login-modal-mfa\"] span[data-test-id=\"terms-of-service\"] a,\n div[data-test-id=\"signup-default-modal\"] div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"] a,\n div[data-test-id=\"login-modal-default\"] div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"] a,\n div[data-test-id=\"login-modal-mfa\"] div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"] a {\n color: #b7bdf8 !important;\n }\n /* About */\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-layout-shift-boundary-id=\"PageContainer\"] {\n background-color: #24273a !important;\n --color-text-inverse: var(--color-text-light);\n }\n div[data-test-id=\"public-beta-page\"] {\n --color-text-light: #cad3f5;\n --color-background-recommendation-weak: #181926;\n }\n /* Mobile-specific */\n div[data-test-id=\"board-card\"] div {\n border-color: #181926 !important;\n }\n }\n @media (prefers-color-scheme: dark) {\n :root {\n --color-text-light: #cad3f5;\n --color-text-dark: #1e2030;\n --color-text-default: #cad3f5;\n --color-text-inverse: #1e2030;\n --color-text-subtle: #a5adcb;\n --color-text-error: #b7bdf8;\n --color-text-shopping: #b7bdf8;\n --color-text-link: #b7bdf8;\n --color-text-icon-light: #b8c0e0;\n --color-text-icon-dark: #1e2030;\n --color-text-icon-default: #b8c0e0;\n --color-text-icon-inverse: #1e2030;\n --color-text-icon-subtle: #a5adcb;\n --color-text-icon-error: #b7bdf8;\n --color-text-icon-brand-primary: #b7bdf8;\n --color-background-light: #b8c0e0;\n --color-background-dark: #1e2030;\n --color-background-default: #24273a;\n --color-background-inverse-base: #b8c0e0;\n --color-background-primary-base: #b7bdf8;\n --color-background-secondary-base: #1e2030;\n --color-background-secondary-active: #1e2030;\n --color-background-selected-base: #b8c0e0;\n --color-border-container: #1e2030;\n --color-border-default: #1e2030;\n --g-colorTransparentWhite: rgba(36, 39, 58, 0.7);\n --g-colorTransparentDarkGray: rgba(30, 32, 48, 0.8);\n --g-colorGray0: #1e2030;\n --g-colorGray0Hovered: #191b28;\n --g-colorGray0Active: #141620;\n --g-colorGray50: #1e2030;\n --g-colorGray100: #1e2030;\n --g-colorGray100Hovered: #313447;\n --g-colorGray100Active: #2c2f40;\n --g-colorGray200: #a5adcb;\n --g-colorGray300: #b8c0e0;\n --g-colorRed100: #b7bdf8;\n --g-colorRed100Hovered: #949df5;\n --g-colorRed100Active: #8992f3;\n --g-color-focus: rgba(183, 189, 248, 0.5);\n --color-gray-roboflow-400: #181926;\n --color-gray-roboflow-200: #1e2030;\n --g-blue: #b7bdf8;\n --color-background-info-base: #8aadf4;\n --color-background-error-base: #ed8796;\n --color-background-warning-base: #f5a97f;\n --color-background-success-base: #a6da95;\n }\n body {\n background-color: #24273a;\n color: #cad3f5;\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 .C1J,\n .LI1.iyn[focus-within],\n .iyn:focus,\n ._gestalt .react-datepicker__month-select:focus,\n ._gestalt .react-datepicker__year-select:focus {\n box-shadow: 0 0 0 4px var(--g-color-focus);\n }\n .NUb {\n color: var(--color-text-inverse);\n }\n div[data-test-id=\"gestalt-avatar-svg\"] {\n box-shadow: 0 0 0 1px #181926 !important;\n }\n div[data-test-id=\"gestalt-avatar-svg\"] text {\n fill: #b8c0e0 !important;\n }\n /* Header & Search */\n div[data-test-id=\"header-Header\"] div.P_h {\n background-color: #1e2030 !important;\n }\n div[data-test-id=\"header-Header\"] div.P_h span.xnr {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"one-bar-pill\"] div {\n color: var(--color-text-dark) !important;\n }\n div[data-test-id=\"one-bar-pill\"] .PLa {\n color: var(--color-text-icon-light) !important;\n }\n div[data-test-id=\"one-bar-pill\"] .R19 {\n color: var(--color-text-icon-dark) !important;\n }\n div#searchBoxContainer div[style=\"height: 48px; background-color: rgb(225, 225, 225);\"] {\n background-color: #191b28 !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 box-shadow: 0 0 0 4px var(--g-color-focus) !important;\n }\n div#searchBoxContainer input {\n color: #b8c0e0 !important;\n }\n div#searchBoxContainer div.MMh._Y5.feh.s7I.zI7.iyn.Hsu {\n background-color: #b8c0e0 !important;\n }\n /* Home */\n div.moreIdeasBoardRepCarousel div[data-carousel-indicator=\"carousel-card\"] div.Jea.XiG.hA-.ho-.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.moreIdeasBoardRepCarousel ~ div.MIw.QLY.zI7.iyn.Hsu {\n background: none !important;\n }\n /* Pins */\n div[data-test-id=\"PinBetterSaveDropdown\"] .xnr,\n div[data-test-id=\"boardSelectionDropdown\"] .xnr {\n color: var(--color-text-light);\n }\n div[data-test-id=\"PinBetterSaveDropdown\"] .PLa,\n div[data-test-id=\"boardSelectionDropdown\"] .PLa {\n color: var(--color-text-icon-light);\n }\n div[data-test-id=\"pinrep-source-link\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"pinrep-source-link\"] a div {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"savedInfo\"] a {\n background-color: transparent !important;\n }\n div[data-test-id=\"savedInfo\"] a div {\n color: var(--color-text-light) !important;\n }\n div[data-test-id=\"PinTypeIdentifier\"] {\n background-color: #24273a !important;\n color: #cad3f5 !important;\n }\n div[data-test-id=\"persistent-one-click-save\"] div[style=\"background-color: rgba(255, 255, 255, 0.85);\"] {\n background-color: #1e2030 !important;\n }\n div[data-test-id=\"persistent-one-click-save\"] a {\n background-color: transparent !important;\n }\n div[style=\"padding-bottom: 100%; box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px;\"] {\n box-shadow: 0 0 0 1px #181926 !important;\n }\n div[data-test-id=\"toast\"] span div {\n color: #1e2030 !important;\n }\n /* Pin page */\n div[data-test-id=\"inline-comment-composer-container\"] {\n border-color: transparent !important;\n }\n div[data-test-id=\"more-description-container\"],\n div[data-test-id=\"less-description-container\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"truncated-text\"] div[data-test-id=\"more-button\"] {\n background: linear-gradient(90deg, transparent 0%, #24273a 15%) !important;\n }\n div[data-test-id=\"truncated-text\"] div[style=\"background: rgb(255, 255, 255);\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"flashlight-button\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"flashlight-dot-style\"] {\n background-color: var(--color-text-light);\n }\n div[data-test-id=\"visual-search-cropper\"] path.v2cropperHandle {\n fill: var(--color-text-light) !important;\n }\n div[data-test-id=\"visual-search-cropper\"] use.v2cropSection {\n stroke: var(--color-text-light) !important;\n }\n textarea#pinNoteText {\n background-color: transparent;\n color: #b8c0e0;\n caret-color: #cad3f5;\n }\n /* Video and story pins */\n div[data-test-id=\"visual-content-container\"] video ~ div svg {\n color: var(--color-text-icon-light) !important;\n }\n div[data-test-id=\"visual-content-container\"] video ~ div div[role=\"progressbar\"] > div {\n background-color: var(--color-text-icon-light) !important;\n }\n div[data-test-id=\"closeup-data-loaded\"] div.Jea.Rym.zI7.iyn.Hsu svg,\n div[data-test-id=\"closeup-data-loaded\"] div.Jea.Rym.zI7.iyn.Hsu span {\n color: var(--color-text-icon-light) !important;\n }\n /* Profile */\n div[data-test-id=\"profile-board-card\"] div,\n div[style=\"border: 1px solid white; border-radius: 16px;\"] {\n border-color: #181926 !important;\n }\n div.SaveButton__background--enabled {\n background-color: #b7bdf8 !important;\n color: #1e2030 !important;\n }\n div[data-test-id=\"savedInfo\"] a h3 {\n color: var(--color-text-light) !important;\n }\n /* Settings */\n input[type=\"checkbox\"] ~ div {\n border-color: #181926 !important;\n }\n div.tBJ.dyH.iFc.sAJ.xnr.tg7.IZT.swG {\n color: var(--color-text-light) !important;\n }\n /* Share */\n div[data-test-id=\"lego-share-social-bar-auth\"] button,\n div[data-test-id=\"copy-link-share-icon-auth\"] div.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n div[data-test-id=\"email-share-button-auth\"] svg rect {\n fill: #1e2030 !important;\n }\n div[data-test-id=\"email-share-button-auth\"] svg path {\n fill: #b8c0e0 !important;\n }\n div[data-test-id=\"sharesheet-contact-item-sent-icon\"] svg {\n color: #cad3f5;\n }\n div[data-test-id=\"sharesheet-contact-item-button\"] div[style=\"background-color: rgb(239, 239, 239); padding-bottom: 100%;\"] {\n background-color: #1e2030 !important;\n }\n /* Messages */\n textarea#messageDraft {\n background-color: transparent;\n color: #b8c0e0;\n caret-color: #cad3f5 !important;\n }\n div[data-test-id=\"add-pin-to-conversation\"] div[style=\"border: 1px solid rgb(218, 218, 218); box-shadow: rgba(0, 132, 255, 0) 0px 0px 0px 4px; padding: 4px 15px; min-height: 48px; width: 100%;\"] {\n border-color: #1e2030 !important;\n }\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 var(--g-color-focus) !important;\n }\n /* Create */\n div[style=\"background-color: rgba(255, 255, 255, 0.8); margin: 24px 0px 0px; z-index: 1;\"] {\n background-color: rgba(36, 39, 58, 0.8) !important;\n }\n input#scrape-view-website-link {\n background-color: #24273a !important;\n }\n div[data-test-id=\"image-from-search-container\"] {\n --color-text-icon-inverse: #b8c0e0;\n }\n div[data-test-id=\"storyboard-draft-placeholder-rep\"] div.ho-.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n background-image: linear-gradient(to right, #1e2030 0%, #181926 20%, #1e2030 40%, #1e2030 100%) !important;\n }\n div[data-test-id=\"drafts-container\"] {\n --color-text-dark: var(--color-text-default);\n }\n div[data-test-id=\"drafts-container\"] div[style=\"border-color: rgb(17, 17, 17);\"] {\n border-color: #181926 !important;\n }\n div[data-test-id=\"drag-behavior-container\"] svg {\n color: #b8c0e0;\n }\n div[data-test-id=\"storyboard-pin-card-item\"] {\n border-color: #181926 !important;\n }\n button[data-test-id=\"board-dropdown-select-button\"] {\n background-color: #24273a !important;\n }\n button[data-test-id=\"board-dropdown-select-button\"] span {\n color: #b8c0e0 !important;\n }\n div[data-test-id=\"storyboard-interest-tags\"] div[style=\"background-color: rgb(17, 17, 17);\"] {\n background-color: #b8c0e0 !important;\n }\n div[data-test-id=\"editor-canvas-container\"] div {\n border-color: #b7bdf8 !important;\n }\n input[data-test-id=\"storyboard-editor-details-text-size\"] {\n background-color: #1e2030 !important;\n color: #cad3f5 !important;\n border-color: #181926 !important;\n }\n div[data-test-id=\"storyboard-editor-details-text-color-picker\"] input {\n color: #cad3f5 !important;\n background-color: transparent !important;\n }\n div[data-test-id=\"storyboard-editor-details-text-color-picker\"] .LJB {\n border-color: #181926 !important;\n }\n div[data-test-id=\"storyboard-editor-details-text-color-picker\"] div[style=\"height: 40px; box-shadow: rgb(239, 239, 239) 0px 0px 0px 2px inset;\"] {\n box-shadow: 0 0 0 2px #181926 inset !important;\n }\n div[role=\"tablist\"] button[aria-selected=\"true\"] {\n background-color: #181926 !important;\n }\n /* Login */\n div[data-test-id=\"signup-default-modal\"],\n div[data-test-id=\"login-modal-default\"],\n div[data-test-id=\"login-modal-mfa\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"signup-default-modal\"] h1,\n div[data-test-id=\"login-modal-default\"] h1,\n div[data-test-id=\"login-modal-mfa\"] h1 {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"signup-default-modal\"] p,\n div[data-test-id=\"login-modal-default\"] p,\n div[data-test-id=\"login-modal-mfa\"] p {\n color: #a5adcb !important;\n }\n div[data-test-id=\"signup-default-modal\"] button[data-test-id=\"login-signup-toggle\"],\n div[data-test-id=\"login-modal-default\"] button[data-test-id=\"login-signup-toggle\"],\n div[data-test-id=\"login-modal-mfa\"] button[data-test-id=\"login-signup-toggle\"] {\n color: #b7bdf8 !important;\n }\n div[data-test-id=\"signup-default-modal\"] button.red.active,\n div[data-test-id=\"login-modal-default\"] button.red.active,\n div[data-test-id=\"login-modal-mfa\"] button.red.active {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n }\n div[data-test-id=\"signup-default-modal\"] button.red.active:hover,\n div[data-test-id=\"login-modal-default\"] button.red.active:hover,\n div[data-test-id=\"login-modal-mfa\"] button.red.active:hover,\n div[data-test-id=\"signup-default-modal\"] button.red.active:focus,\n div[data-test-id=\"login-modal-default\"] button.red.active:focus,\n div[data-test-id=\"login-modal-mfa\"] button.red.active:focus {\n background-color: #abb2f7 !important;\n }\n div[data-test-id=\"signup-default-modal\"] span[data-test-id=\"terms-of-service\"],\n div[data-test-id=\"login-modal-default\"] span[data-test-id=\"terms-of-service\"],\n div[data-test-id=\"login-modal-mfa\"] span[data-test-id=\"terms-of-service\"],\n div[data-test-id=\"signup-default-modal\"] div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"],\n div[data-test-id=\"login-modal-default\"] div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"],\n div[data-test-id=\"login-modal-mfa\"] div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"] {\n color: #b8c0e0 !important;\n }\n div[data-test-id=\"signup-default-modal\"] span[data-test-id=\"terms-of-service\"] a,\n div[data-test-id=\"login-modal-default\"] span[data-test-id=\"terms-of-service\"] a,\n div[data-test-id=\"login-modal-mfa\"] span[data-test-id=\"terms-of-service\"] a,\n div[data-test-id=\"signup-default-modal\"] div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"] a,\n div[data-test-id=\"login-modal-default\"] div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"] a,\n div[data-test-id=\"login-modal-mfa\"] div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"] a {\n color: #b7bdf8 !important;\n }\n /* About */\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-layout-shift-boundary-id=\"PageContainer\"] {\n background-color: #24273a !important;\n --color-text-inverse: var(--color-text-light);\n }\n div[data-test-id=\"public-beta-page\"] {\n --color-text-light: #cad3f5;\n --color-background-recommendation-weak: #181926;\n }\n /* Mobile-specific */\n div[data-test-id=\"board-card\"] div {\n border-color: #181926 !important;\n }\n }",
+ "code": "/* prettier-ignore */\n @media (prefers-color-scheme: light) {\n :root {\n --color-text-light: #cad3f5;\n --color-text-dark: #1e2030;\n --color-text-default: #cad3f5;\n --color-text-inverse: #1e2030;\n --color-text-subtle: #a5adcb;\n --color-text-error: #b7bdf8;\n --color-text-shopping: #b7bdf8;\n --color-text-link: #b7bdf8;\n --color-text-icon-light: #b8c0e0;\n --color-text-icon-dark: #1e2030;\n --color-text-icon-default: #b8c0e0;\n --color-text-icon-inverse: #1e2030;\n --color-text-icon-subtle: #a5adcb;\n --color-text-icon-error: #b7bdf8;\n --color-text-icon-brand-primary: #b7bdf8;\n --color-background-light: #b8c0e0;\n --color-background-dark: #1e2030;\n --color-background-default: #24273a;\n --color-background-inverse-base: #b8c0e0;\n --color-background-primary-base: #b7bdf8;\n --color-background-secondary-base: #1e2030;\n --color-background-secondary-active: #1e2030;\n --color-background-selected-base: #b8c0e0;\n --color-border-container: #1e2030;\n --color-border-default: #1e2030;\n --g-colorTransparentWhite: rgba(36, 39, 58, 0.7);\n --g-colorTransparentDarkGray: rgba(30, 32, 48, 0.8);\n --g-colorGray0: #1e2030;\n --g-colorGray0Hovered: #191b28;\n --g-colorGray0Active: #141620;\n --g-colorGray50: #1e2030;\n --g-colorGray100: #1e2030;\n --g-colorGray100Hovered: #313447;\n --g-colorGray100Active: #2c2f40;\n --g-colorGray200: #a5adcb;\n --g-colorGray300: #b8c0e0;\n --g-colorRed100: #b7bdf8;\n --g-colorRed100Hovered: #949df5;\n --g-colorRed100Active: #8992f3;\n --g-color-focus: rgba(183, 189, 248, 0.5);\n --color-gray-roboflow-400: #181926;\n --color-gray-roboflow-200: #1e2030;\n --g-blue: #b7bdf8;\n --color-background-info-base: #8aadf4;\n --color-background-error-base: #ed8796;\n --color-background-warning-base: #f5a97f;\n --color-background-success-base: #a6da95;\n }\n body {\n background-color: #24273a;\n color: #cad3f5;\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 .C1J,\n .LI1.iyn[focus-within],\n .iyn:focus,\n ._gestalt .react-datepicker__month-select:focus,\n ._gestalt .react-datepicker__year-select:focus {\n box-shadow: 0 0 0 4px var(--g-color-focus);\n }\n .NUb {\n color: var(--color-text-inverse);\n }\n div[data-test-id=\"gestalt-avatar-svg\"] {\n box-shadow: 0 0 0 1px #181926 !important;\n }\n div[data-test-id=\"gestalt-avatar-svg\"] text {\n fill: #b8c0e0 !important;\n }\n svg circle[fill=\"white\"] ~ path[fill=\"#e60023\"] {\n fill: #b7bdf8 !important;\n }\n div#mweb-unauth-container,\n div#mainContainer {\n background-color: #24273a !important;\n }\n /* Header & Search */\n div[data-test-id=\"header-Header\"] div.P_h {\n background-color: #1e2030 !important;\n }\n div[data-test-id=\"header-Header\"] div.P_h span.xnr {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"one-bar-pill\"] div {\n color: var(--color-text-dark) !important;\n }\n div[data-test-id=\"one-bar-pill\"] .PLa {\n color: var(--color-text-icon-light) !important;\n }\n div[data-test-id=\"one-bar-pill\"] .R19 {\n color: var(--color-text-icon-dark) !important;\n }\n div#searchBoxContainer div[style=\"height: 48px; background-color: rgb(225, 225, 225);\"] {\n background-color: #191b28 !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 box-shadow: 0 0 0 4px var(--g-color-focus) !important;\n }\n div#searchBoxContainer input {\n color: #b8c0e0 !important;\n }\n div#searchBoxContainer div.MMh._Y5.feh.s7I.zI7.iyn.Hsu {\n background-color: #b8c0e0 !important;\n }\n /* Home */\n div.moreIdeasBoardRepCarousel div[data-carousel-indicator=\"carousel-card\"] div.Jea.XiG.hA-.ho-.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.moreIdeasBoardRepCarousel ~ div.MIw.QLY.zI7.iyn.Hsu {\n background: none !important;\n }\n /* Pins */\n div[data-test-id=\"PinBetterSaveDropdown\"] .xnr,\n div[data-test-id=\"boardSelectionDropdown\"] .xnr {\n color: var(--color-text-light);\n }\n div[data-test-id=\"PinBetterSaveDropdown\"] .PLa,\n div[data-test-id=\"boardSelectionDropdown\"] .PLa {\n color: var(--color-text-icon-light);\n }\n div[data-test-id=\"pinrep-source-link\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"pinrep-source-link\"] a div {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"savedInfo\"] a {\n background-color: transparent !important;\n }\n div[data-test-id=\"savedInfo\"] a div {\n color: var(--color-text-light) !important;\n }\n div[data-test-id=\"PinTypeIdentifier\"] {\n background-color: #24273a !important;\n color: #cad3f5 !important;\n }\n div[data-test-id=\"persistent-one-click-save\"] div[style=\"background-color: rgba(255, 255, 255, 0.85);\"] {\n background-color: #1e2030 !important;\n }\n div[data-test-id=\"persistent-one-click-save\"] a {\n background-color: transparent !important;\n }\n div[style=\"padding-bottom: 100%; box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px;\"] {\n box-shadow: 0 0 0 1px #181926 !important;\n }\n div[data-test-id=\"toast\"] span div {\n color: #1e2030 !important;\n }\n /* Pin page */\n div[data-test-id=\"inline-comment-composer-container\"] {\n border-color: transparent !important;\n }\n div[data-test-id=\"more-description-container\"],\n div[data-test-id=\"less-description-container\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"truncated-text\"] div[data-test-id=\"more-button\"] {\n background: linear-gradient(90deg, transparent 0%, #24273a 15%) !important;\n }\n div[data-test-id=\"truncated-text\"] div[style=\"background: rgb(255, 255, 255);\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"flashlight-button\"],\n div[data-test-id=\"shop-button\"] {\n background-color: rgba(36, 39, 58, 0.8) !important;\n }\n div[data-test-id=\"flashlight-dot-style\"] {\n background-color: var(--color-text-light);\n }\n div[data-test-id=\"visual-search-cropper\"] path.v2cropperHandle {\n fill: var(--color-text-light) !important;\n }\n div[data-test-id=\"visual-search-cropper\"] use.v2cropSection {\n stroke: var(--color-text-light) !important;\n }\n textarea#pinNoteText {\n background-color: transparent;\n color: #b8c0e0;\n caret-color: #cad3f5;\n }\n /* Video and story pins */\n div[data-test-id=\"visual-content-container\"] video ~ div svg {\n color: var(--color-text-icon-light) !important;\n }\n div[data-test-id=\"visual-content-container\"] video ~ div div[role=\"progressbar\"] > div {\n background-color: var(--color-text-icon-light) !important;\n }\n div[data-test-id=\"closeup-data-loaded\"] div.Jea.Rym.zI7.iyn.Hsu svg,\n div[data-test-id=\"closeup-data-loaded\"] div.Jea.Rym.zI7.iyn.Hsu span {\n color: var(--color-text-icon-light) !important;\n }\n /* Profile */\n div[data-test-id=\"profile-board-card\"] div,\n div#profileBoardsFeed div[data-test-id=\"board-card\"] div,\n div[style=\"border: 1px solid white; border-radius: 16px;\"] {\n border-color: #181926 !important;\n }\n div.SaveButton__background--enabled {\n background-color: #b7bdf8 !important;\n color: #1e2030 !important;\n }\n div[data-test-id=\"savedInfo\"] a h3 {\n color: var(--color-text-light) !important;\n }\n /* Settings */\n input[type=\"checkbox\"] ~ div {\n border-color: #181926 !important;\n }\n div.tBJ.dyH.iFc.sAJ.xnr.tg7.IZT.swG {\n color: var(--color-text-light) !important;\n }\n /* Share */\n div[data-test-id=\"lego-share-social-bar-auth\"] button,\n div[data-test-id=\"copy-link-share-icon-auth\"] div.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n div[data-test-id=\"email-share-button-auth\"] svg rect {\n fill: #1e2030 !important;\n }\n div[data-test-id=\"email-share-button-auth\"] svg path {\n fill: #b8c0e0 !important;\n }\n div[data-test-id=\"sharesheet-contact-item-sent-icon\"] svg {\n color: #cad3f5;\n }\n div[data-test-id=\"sharesheet-contact-item-button\"] div[style=\"background-color: rgb(239, 239, 239); padding-bottom: 100%;\"] {\n background-color: #1e2030 !important;\n }\n /* Messages */\n textarea#messageDraft {\n background-color: transparent;\n color: #b8c0e0;\n caret-color: #cad3f5 !important;\n }\n div[data-test-id=\"add-pin-to-conversation\"] div[style=\"border: 1px solid rgb(218, 218, 218); box-shadow: rgba(0, 132, 255, 0) 0px 0px 0px 4px; padding: 4px 15px; min-height: 48px; width: 100%;\"] {\n border-color: #1e2030 !important;\n }\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 var(--g-color-focus) !important;\n }\n /* Create */\n div[style=\"background-color: rgba(255, 255, 255, 0.8); margin: 24px 0px 0px; z-index: 1;\"] {\n background-color: rgba(36, 39, 58, 0.8) !important;\n }\n input#scrape-view-website-link {\n background-color: #24273a !important;\n }\n div[data-test-id=\"image-from-search-container\"] {\n --color-text-icon-inverse: #b8c0e0;\n }\n div[data-test-id=\"storyboard-draft-placeholder-rep\"] div.ho-.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n background-image: linear-gradient(to right, #1e2030 0%, #181926 20%, #1e2030 40%, #1e2030 100%) !important;\n }\n div[data-test-id=\"drafts-container\"] {\n --color-text-dark: var(--color-text-default);\n }\n div[data-test-id=\"drafts-container\"] div[style=\"border-color: rgb(17, 17, 17);\"] {\n border-color: #181926 !important;\n }\n div[data-test-id=\"drag-behavior-container\"] svg {\n color: #b8c0e0;\n }\n div[data-test-id=\"storyboard-pin-card-item\"] {\n border-color: #181926 !important;\n }\n button[data-test-id=\"board-dropdown-select-button\"] {\n background-color: #24273a !important;\n }\n button[data-test-id=\"board-dropdown-select-button\"] span {\n color: #b8c0e0 !important;\n }\n div[data-test-id=\"storyboard-interest-tags\"] div[style=\"background-color: rgb(17, 17, 17);\"] {\n background-color: #b8c0e0 !important;\n }\n div[data-test-id=\"editor-canvas-container\"] div {\n border-color: #b7bdf8 !important;\n }\n input[data-test-id=\"storyboard-editor-details-text-size\"] {\n background-color: #1e2030 !important;\n color: #cad3f5 !important;\n border-color: #181926 !important;\n }\n div[data-test-id=\"storyboard-editor-details-text-color-picker\"] input {\n color: #cad3f5 !important;\n background-color: transparent !important;\n }\n div[data-test-id=\"storyboard-editor-details-text-color-picker\"] .LJB {\n border-color: #181926 !important;\n }\n div[data-test-id=\"storyboard-editor-details-text-color-picker\"] div[style=\"height: 40px; box-shadow: rgb(239, 239, 239) 0px 0px 0px 2px inset;\"] {\n box-shadow: 0 0 0 2px #181926 inset !important;\n }\n div[role=\"tablist\"] button[aria-selected=\"true\"] {\n background-color: #181926 !important;\n }\n /* Login */\n div[data-test-id=\"signup-default-modal\"],\n div[data-test-id=\"login-modal-default\"],\n div[data-test-id=\"login-modal-mfa\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"signup-default-modal\"] h1,\n div[data-test-id=\"login-modal-default\"] h1,\n div[data-test-id=\"login-modal-mfa\"] h1 {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"signup-default-modal\"] p,\n div[data-test-id=\"login-modal-default\"] p,\n div[data-test-id=\"login-modal-mfa\"] p {\n color: #a5adcb !important;\n }\n div[data-test-id=\"signup-default-modal\"] button[data-test-id=\"login-signup-toggle\"],\n div[data-test-id=\"login-modal-default\"] button[data-test-id=\"login-signup-toggle\"],\n div[data-test-id=\"login-modal-mfa\"] button[data-test-id=\"login-signup-toggle\"] {\n color: #b7bdf8 !important;\n }\n div[data-test-id=\"signup-default-modal\"] button.red.active,\n div[data-test-id=\"login-modal-default\"] button.red.active,\n div[data-test-id=\"login-modal-mfa\"] button.red.active {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n }\n div[data-test-id=\"signup-default-modal\"] button.red.active:hover,\n div[data-test-id=\"login-modal-default\"] button.red.active:hover,\n div[data-test-id=\"login-modal-mfa\"] button.red.active:hover,\n div[data-test-id=\"signup-default-modal\"] button.red.active:focus,\n div[data-test-id=\"login-modal-default\"] button.red.active:focus,\n div[data-test-id=\"login-modal-mfa\"] button.red.active:focus {\n background-color: #abb2f7 !important;\n }\n div[data-test-id=\"signup-default-modal\"] span[data-test-id=\"terms-of-service\"],\n div[data-test-id=\"login-modal-default\"] span[data-test-id=\"terms-of-service\"],\n div[data-test-id=\"login-modal-mfa\"] span[data-test-id=\"terms-of-service\"],\n div[data-test-id=\"signup-default-modal\"] div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"],\n div[data-test-id=\"login-modal-default\"] div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"],\n div[data-test-id=\"login-modal-mfa\"] div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"] {\n color: #b8c0e0 !important;\n }\n div[data-test-id=\"signup-default-modal\"] span[data-test-id=\"terms-of-service\"] a,\n div[data-test-id=\"login-modal-default\"] span[data-test-id=\"terms-of-service\"] a,\n div[data-test-id=\"login-modal-mfa\"] span[data-test-id=\"terms-of-service\"] a,\n div[data-test-id=\"signup-default-modal\"] div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"] a,\n div[data-test-id=\"login-modal-default\"] div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"] a,\n div[data-test-id=\"login-modal-mfa\"] div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"] a {\n color: #b7bdf8 !important;\n }\n /* Not logged in */\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#mweb-unauth-container div.HFo.Jea.KS5._he.zI7.iyn.Hsu,\n div[data-test-id=\"header\"] div[style=\"background-color: rgba(255, 255, 255, 0.95); height: 100%; width: 100%;\"] {\n background-color: #24273a !important;\n }\n span[data-test-id=\"terms-of-service\"] a {\n color: #b7bdf8 !important;\n }\n div[data-test-id=\"breadcrumbs-list\"] div.MIw.Rym.zI7.iyn.Hsu,\n div[data-test-id=\"vase-carousel\"] div[data-test-id=\"left-scroll-arrow\"] {\n background-image: linear-gradient(to left, rgba(36, 39, 58, 0), #24273a) !important;\n }\n div[data-test-id=\"breadcrumbs-list\"] div.MIw.p6V.zI7.iyn.Hsu,\n div[data-test-id=\"vase-carousel\"] div[data-test-id=\"right-scroll-arrow\"] {\n background-image: linear-gradient(to right, rgba(36, 39, 58, 0), #24273a) !important;\n }\n div[data-test-id=\"standard-save-button\"] span {\n color: #1e2030 !important;\n }\n /* Other */\n div[data-test-id=\"public-beta-page\"] {\n --color-text-light: #cad3f5;\n --color-background-recommendation-weak: #181926;\n }\n div[data-layout-shift-boundary-id=\"PageContainer\"] {\n --color-text-inverse: var(--color-text-light);\n }\n }\n @media (prefers-color-scheme: dark) {\n :root {\n --color-text-light: #cad3f5;\n --color-text-dark: #1e2030;\n --color-text-default: #cad3f5;\n --color-text-inverse: #1e2030;\n --color-text-subtle: #a5adcb;\n --color-text-error: #b7bdf8;\n --color-text-shopping: #b7bdf8;\n --color-text-link: #b7bdf8;\n --color-text-icon-light: #b8c0e0;\n --color-text-icon-dark: #1e2030;\n --color-text-icon-default: #b8c0e0;\n --color-text-icon-inverse: #1e2030;\n --color-text-icon-subtle: #a5adcb;\n --color-text-icon-error: #b7bdf8;\n --color-text-icon-brand-primary: #b7bdf8;\n --color-background-light: #b8c0e0;\n --color-background-dark: #1e2030;\n --color-background-default: #24273a;\n --color-background-inverse-base: #b8c0e0;\n --color-background-primary-base: #b7bdf8;\n --color-background-secondary-base: #1e2030;\n --color-background-secondary-active: #1e2030;\n --color-background-selected-base: #b8c0e0;\n --color-border-container: #1e2030;\n --color-border-default: #1e2030;\n --g-colorTransparentWhite: rgba(36, 39, 58, 0.7);\n --g-colorTransparentDarkGray: rgba(30, 32, 48, 0.8);\n --g-colorGray0: #1e2030;\n --g-colorGray0Hovered: #191b28;\n --g-colorGray0Active: #141620;\n --g-colorGray50: #1e2030;\n --g-colorGray100: #1e2030;\n --g-colorGray100Hovered: #313447;\n --g-colorGray100Active: #2c2f40;\n --g-colorGray200: #a5adcb;\n --g-colorGray300: #b8c0e0;\n --g-colorRed100: #b7bdf8;\n --g-colorRed100Hovered: #949df5;\n --g-colorRed100Active: #8992f3;\n --g-color-focus: rgba(183, 189, 248, 0.5);\n --color-gray-roboflow-400: #181926;\n --color-gray-roboflow-200: #1e2030;\n --g-blue: #b7bdf8;\n --color-background-info-base: #8aadf4;\n --color-background-error-base: #ed8796;\n --color-background-warning-base: #f5a97f;\n --color-background-success-base: #a6da95;\n }\n body {\n background-color: #24273a;\n color: #cad3f5;\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 .C1J,\n .LI1.iyn[focus-within],\n .iyn:focus,\n ._gestalt .react-datepicker__month-select:focus,\n ._gestalt .react-datepicker__year-select:focus {\n box-shadow: 0 0 0 4px var(--g-color-focus);\n }\n .NUb {\n color: var(--color-text-inverse);\n }\n div[data-test-id=\"gestalt-avatar-svg\"] {\n box-shadow: 0 0 0 1px #181926 !important;\n }\n div[data-test-id=\"gestalt-avatar-svg\"] text {\n fill: #b8c0e0 !important;\n }\n svg circle[fill=\"white\"] ~ path[fill=\"#e60023\"] {\n fill: #b7bdf8 !important;\n }\n div#mweb-unauth-container,\n div#mainContainer {\n background-color: #24273a !important;\n }\n /* Header & Search */\n div[data-test-id=\"header-Header\"] div.P_h {\n background-color: #1e2030 !important;\n }\n div[data-test-id=\"header-Header\"] div.P_h span.xnr {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"one-bar-pill\"] div {\n color: var(--color-text-dark) !important;\n }\n div[data-test-id=\"one-bar-pill\"] .PLa {\n color: var(--color-text-icon-light) !important;\n }\n div[data-test-id=\"one-bar-pill\"] .R19 {\n color: var(--color-text-icon-dark) !important;\n }\n div#searchBoxContainer div[style=\"height: 48px; background-color: rgb(225, 225, 225);\"] {\n background-color: #191b28 !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 box-shadow: 0 0 0 4px var(--g-color-focus) !important;\n }\n div#searchBoxContainer input {\n color: #b8c0e0 !important;\n }\n div#searchBoxContainer div.MMh._Y5.feh.s7I.zI7.iyn.Hsu {\n background-color: #b8c0e0 !important;\n }\n /* Home */\n div.moreIdeasBoardRepCarousel div[data-carousel-indicator=\"carousel-card\"] div.Jea.XiG.hA-.ho-.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n }\n div.moreIdeasBoardRepCarousel ~ div.MIw.QLY.zI7.iyn.Hsu {\n background: none !important;\n }\n /* Pins */\n div[data-test-id=\"PinBetterSaveDropdown\"] .xnr,\n div[data-test-id=\"boardSelectionDropdown\"] .xnr {\n color: var(--color-text-light);\n }\n div[data-test-id=\"PinBetterSaveDropdown\"] .PLa,\n div[data-test-id=\"boardSelectionDropdown\"] .PLa {\n color: var(--color-text-icon-light);\n }\n div[data-test-id=\"pinrep-source-link\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"pinrep-source-link\"] a div {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"savedInfo\"] a {\n background-color: transparent !important;\n }\n div[data-test-id=\"savedInfo\"] a div {\n color: var(--color-text-light) !important;\n }\n div[data-test-id=\"PinTypeIdentifier\"] {\n background-color: #24273a !important;\n color: #cad3f5 !important;\n }\n div[data-test-id=\"persistent-one-click-save\"] div[style=\"background-color: rgba(255, 255, 255, 0.85);\"] {\n background-color: #1e2030 !important;\n }\n div[data-test-id=\"persistent-one-click-save\"] a {\n background-color: transparent !important;\n }\n div[style=\"padding-bottom: 100%; box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px;\"] {\n box-shadow: 0 0 0 1px #181926 !important;\n }\n div[data-test-id=\"toast\"] span div {\n color: #1e2030 !important;\n }\n /* Pin page */\n div[data-test-id=\"inline-comment-composer-container\"] {\n border-color: transparent !important;\n }\n div[data-test-id=\"more-description-container\"],\n div[data-test-id=\"less-description-container\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"truncated-text\"] div[data-test-id=\"more-button\"] {\n background: linear-gradient(90deg, transparent 0%, #24273a 15%) !important;\n }\n div[data-test-id=\"truncated-text\"] div[style=\"background: rgb(255, 255, 255);\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"flashlight-button\"],\n div[data-test-id=\"shop-button\"] {\n background-color: rgba(36, 39, 58, 0.8) !important;\n }\n div[data-test-id=\"flashlight-dot-style\"] {\n background-color: var(--color-text-light);\n }\n div[data-test-id=\"visual-search-cropper\"] path.v2cropperHandle {\n fill: var(--color-text-light) !important;\n }\n div[data-test-id=\"visual-search-cropper\"] use.v2cropSection {\n stroke: var(--color-text-light) !important;\n }\n textarea#pinNoteText {\n background-color: transparent;\n color: #b8c0e0;\n caret-color: #cad3f5;\n }\n /* Video and story pins */\n div[data-test-id=\"visual-content-container\"] video ~ div svg {\n color: var(--color-text-icon-light) !important;\n }\n div[data-test-id=\"visual-content-container\"] video ~ div div[role=\"progressbar\"] > div {\n background-color: var(--color-text-icon-light) !important;\n }\n div[data-test-id=\"closeup-data-loaded\"] div.Jea.Rym.zI7.iyn.Hsu svg,\n div[data-test-id=\"closeup-data-loaded\"] div.Jea.Rym.zI7.iyn.Hsu span {\n color: var(--color-text-icon-light) !important;\n }\n /* Profile */\n div[data-test-id=\"profile-board-card\"] div,\n div#profileBoardsFeed div[data-test-id=\"board-card\"] div,\n div[style=\"border: 1px solid white; border-radius: 16px;\"] {\n border-color: #181926 !important;\n }\n div.SaveButton__background--enabled {\n background-color: #b7bdf8 !important;\n color: #1e2030 !important;\n }\n div[data-test-id=\"savedInfo\"] a h3 {\n color: var(--color-text-light) !important;\n }\n /* Settings */\n input[type=\"checkbox\"] ~ div {\n border-color: #181926 !important;\n }\n div.tBJ.dyH.iFc.sAJ.xnr.tg7.IZT.swG {\n color: var(--color-text-light) !important;\n }\n /* Share */\n div[data-test-id=\"lego-share-social-bar-auth\"] button,\n div[data-test-id=\"copy-link-share-icon-auth\"] div.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n div[data-test-id=\"email-share-button-auth\"] svg rect {\n fill: #1e2030 !important;\n }\n div[data-test-id=\"email-share-button-auth\"] svg path {\n fill: #b8c0e0 !important;\n }\n div[data-test-id=\"sharesheet-contact-item-sent-icon\"] svg {\n color: #cad3f5;\n }\n div[data-test-id=\"sharesheet-contact-item-button\"] div[style=\"background-color: rgb(239, 239, 239); padding-bottom: 100%;\"] {\n background-color: #1e2030 !important;\n }\n /* Messages */\n textarea#messageDraft {\n background-color: transparent;\n color: #b8c0e0;\n caret-color: #cad3f5 !important;\n }\n div[data-test-id=\"add-pin-to-conversation\"] div[style=\"border: 1px solid rgb(218, 218, 218); box-shadow: rgba(0, 132, 255, 0) 0px 0px 0px 4px; padding: 4px 15px; min-height: 48px; width: 100%;\"] {\n border-color: #1e2030 !important;\n }\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 var(--g-color-focus) !important;\n }\n /* Create */\n div[style=\"background-color: rgba(255, 255, 255, 0.8); margin: 24px 0px 0px; z-index: 1;\"] {\n background-color: rgba(36, 39, 58, 0.8) !important;\n }\n input#scrape-view-website-link {\n background-color: #24273a !important;\n }\n div[data-test-id=\"image-from-search-container\"] {\n --color-text-icon-inverse: #b8c0e0;\n }\n div[data-test-id=\"storyboard-draft-placeholder-rep\"] div.ho-.zI7.iyn.Hsu {\n background-color: #1e2030 !important;\n background-image: linear-gradient(to right, #1e2030 0%, #181926 20%, #1e2030 40%, #1e2030 100%) !important;\n }\n div[data-test-id=\"drafts-container\"] {\n --color-text-dark: var(--color-text-default);\n }\n div[data-test-id=\"drafts-container\"] div[style=\"border-color: rgb(17, 17, 17);\"] {\n border-color: #181926 !important;\n }\n div[data-test-id=\"drag-behavior-container\"] svg {\n color: #b8c0e0;\n }\n div[data-test-id=\"storyboard-pin-card-item\"] {\n border-color: #181926 !important;\n }\n button[data-test-id=\"board-dropdown-select-button\"] {\n background-color: #24273a !important;\n }\n button[data-test-id=\"board-dropdown-select-button\"] span {\n color: #b8c0e0 !important;\n }\n div[data-test-id=\"storyboard-interest-tags\"] div[style=\"background-color: rgb(17, 17, 17);\"] {\n background-color: #b8c0e0 !important;\n }\n div[data-test-id=\"editor-canvas-container\"] div {\n border-color: #b7bdf8 !important;\n }\n input[data-test-id=\"storyboard-editor-details-text-size\"] {\n background-color: #1e2030 !important;\n color: #cad3f5 !important;\n border-color: #181926 !important;\n }\n div[data-test-id=\"storyboard-editor-details-text-color-picker\"] input {\n color: #cad3f5 !important;\n background-color: transparent !important;\n }\n div[data-test-id=\"storyboard-editor-details-text-color-picker\"] .LJB {\n border-color: #181926 !important;\n }\n div[data-test-id=\"storyboard-editor-details-text-color-picker\"] div[style=\"height: 40px; box-shadow: rgb(239, 239, 239) 0px 0px 0px 2px inset;\"] {\n box-shadow: 0 0 0 2px #181926 inset !important;\n }\n div[role=\"tablist\"] button[aria-selected=\"true\"] {\n background-color: #181926 !important;\n }\n /* Login */\n div[data-test-id=\"signup-default-modal\"],\n div[data-test-id=\"login-modal-default\"],\n div[data-test-id=\"login-modal-mfa\"] {\n background-color: #24273a !important;\n }\n div[data-test-id=\"signup-default-modal\"] h1,\n div[data-test-id=\"login-modal-default\"] h1,\n div[data-test-id=\"login-modal-mfa\"] h1 {\n color: #cad3f5 !important;\n }\n div[data-test-id=\"signup-default-modal\"] p,\n div[data-test-id=\"login-modal-default\"] p,\n div[data-test-id=\"login-modal-mfa\"] p {\n color: #a5adcb !important;\n }\n div[data-test-id=\"signup-default-modal\"] button[data-test-id=\"login-signup-toggle\"],\n div[data-test-id=\"login-modal-default\"] button[data-test-id=\"login-signup-toggle\"],\n div[data-test-id=\"login-modal-mfa\"] button[data-test-id=\"login-signup-toggle\"] {\n color: #b7bdf8 !important;\n }\n div[data-test-id=\"signup-default-modal\"] button.red.active,\n div[data-test-id=\"login-modal-default\"] button.red.active,\n div[data-test-id=\"login-modal-mfa\"] button.red.active {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n }\n div[data-test-id=\"signup-default-modal\"] button.red.active:hover,\n div[data-test-id=\"login-modal-default\"] button.red.active:hover,\n div[data-test-id=\"login-modal-mfa\"] button.red.active:hover,\n div[data-test-id=\"signup-default-modal\"] button.red.active:focus,\n div[data-test-id=\"login-modal-default\"] button.red.active:focus,\n div[data-test-id=\"login-modal-mfa\"] button.red.active:focus {\n background-color: #abb2f7 !important;\n }\n div[data-test-id=\"signup-default-modal\"] span[data-test-id=\"terms-of-service\"],\n div[data-test-id=\"login-modal-default\"] span[data-test-id=\"terms-of-service\"],\n div[data-test-id=\"login-modal-mfa\"] span[data-test-id=\"terms-of-service\"],\n div[data-test-id=\"signup-default-modal\"] div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"],\n div[data-test-id=\"login-modal-default\"] div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"],\n div[data-test-id=\"login-modal-mfa\"] div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"] {\n color: #b8c0e0 !important;\n }\n div[data-test-id=\"signup-default-modal\"] span[data-test-id=\"terms-of-service\"] a,\n div[data-test-id=\"login-modal-default\"] span[data-test-id=\"terms-of-service\"] a,\n div[data-test-id=\"login-modal-mfa\"] span[data-test-id=\"terms-of-service\"] a,\n div[data-test-id=\"signup-default-modal\"] div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"] a,\n div[data-test-id=\"login-modal-default\"] div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"] a,\n div[data-test-id=\"login-modal-mfa\"] div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"] a {\n color: #b7bdf8 !important;\n }\n /* Not logged in */\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#mweb-unauth-container div.HFo.Jea.KS5._he.zI7.iyn.Hsu,\n div[data-test-id=\"header\"] div[style=\"background-color: rgba(255, 255, 255, 0.95); height: 100%; width: 100%;\"] {\n background-color: #24273a !important;\n }\n span[data-test-id=\"terms-of-service\"] a {\n color: #b7bdf8 !important;\n }\n div[data-test-id=\"breadcrumbs-list\"] div.MIw.Rym.zI7.iyn.Hsu,\n div[data-test-id=\"vase-carousel\"] div[data-test-id=\"left-scroll-arrow\"] {\n background-image: linear-gradient(to left, rgba(36, 39, 58, 0), #24273a) !important;\n }\n div[data-test-id=\"breadcrumbs-list\"] div.MIw.p6V.zI7.iyn.Hsu,\n div[data-test-id=\"vase-carousel\"] div[data-test-id=\"right-scroll-arrow\"] {\n background-image: linear-gradient(to right, rgba(36, 39, 58, 0), #24273a) !important;\n }\n div[data-test-id=\"standard-save-button\"] span {\n color: #1e2030 !important;\n }\n /* Other */\n div[data-test-id=\"public-beta-page\"] {\n --color-text-light: #cad3f5;\n --color-background-recommendation-weak: #181926;\n }\n div[data-layout-shift-boundary-id=\"PageContainer\"] {\n --color-text-inverse: var(--color-text-light);\n }\n }",
"start": 1172,
"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.1.0\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@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apinterest\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 --color-text-light: if((@lookup = latte), @mantle, @text);\n --color-text-dark: if((@lookup = latte), @text, @mantle);\n --color-text-default: @text;\n --color-text-inverse: @mantle;\n --color-text-subtle: @subtext0;\n --color-text-error: @accentColor;\n --color-text-shopping: @accentColor;\n --color-text-link: @accentColor;\n\n --color-text-icon-light: if((@lookup = latte), @mantle, @subtext1);\n --color-text-icon-dark: if((@lookup = latte), @subtext1, @mantle);\n --color-text-icon-default: @subtext1;\n --color-text-icon-inverse: @mantle;\n --color-text-icon-subtle: @subtext0;\n --color-text-icon-error: @accentColor;\n --color-text-icon-brand-primary: @accentColor;\n\n --color-background-light: if((@lookup = latte), @mantle, @subtext1);\n --color-background-dark: if((@lookup = latte), @text, @mantle);\n --color-background-default: @base;\n --color-background-inverse-base: @subtext1;\n --color-background-primary-base: @accentColor;\n --color-background-secondary-base: @mantle;\n --color-background-secondary-active: @mantle;\n --color-background-selected-base: @subtext1;\n --color-border-container: @mantle;\n --color-border-default: @mantle;\n\n --g-colorTransparentWhite: fadeout(@base, 30%);\n --g-colorTransparentDarkGray: fadeout(@mantle, 20%);\n --g-colorGray0: @mantle;\n --g-colorGray0Hovered: darken(@mantle, 2.5%);\n --g-colorGray0Active: darken(@mantle, 5%);\n --g-colorGray50: @mantle;\n --g-colorGray100: @mantle;\n --g-colorGray100Hovered: darken(@surface0, 2.5%);\n --g-colorGray100Active: darken(@surface0, 5%);\n --g-colorGray200: @subtext0;\n --g-colorGray300: @subtext1;\n --g-colorRed100: @accentColor;\n --g-colorRed100Hovered: darken(@accentColor, 7.5%);\n --g-colorRed100Active: darken(@accentColor, 10%);\n --g-color-focus: fadeout(@accentColor, 50%);\n --color-gray-roboflow-400: @crust;\n --color-gray-roboflow-200: @mantle;\n\n --g-blue: @accentColor;\n --color-background-info-base: @blue;\n --color-background-error-base: @red;\n --color-background-warning-base: @peach;\n --color-background-success-base: @green;\n }\n\n body {\n background-color: @base;\n color: @text;\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 .C1J,\n .LI1.iyn[focus-within],\n .iyn:focus,\n ._gestalt .react-datepicker__month-select:focus,\n ._gestalt .react-datepicker__year-select:focus {\n box-shadow: 0 0 0 4px var(--g-color-focus);\n }\n\n .NUb {\n color: var(--color-text-inverse);\n }\n\n div[data-test-id=\"gestalt-avatar-svg\"] {\n box-shadow: 0 0 0 1px @crust !important;\n\n text {\n fill: @subtext1 !important;\n }\n }\n\n /* Header & Search */\n\n div[data-test-id=\"header-Header\"] div.P_h {\n background-color: @mantle !important;\n span.xnr {\n color: @text !important;\n }\n }\n\n div[data-test-id=\"one-bar-pill\"] {\n div {\n color: var(--color-text-dark) !important;\n }\n\n .PLa {\n color: var(--color-text-icon-light) !important;\n }\n\n .R19 {\n color: var(--color-text-icon-dark) !important;\n }\n }\n\n div#searchBoxContainer {\n div[style=\"height: 48px; background-color: rgb(225, 225, 225);\"] {\n background-color: darken(@mantle, 2.5%) !important;\n }\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[style=\"padding: 0px 4px 0px 16px; height: 100%; border-radius: 24px; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px;\"] {\n box-shadow: 0 0 0 4px var(--g-color-focus) !important;\n }\n\n input {\n color: @subtext1 !important;\n }\n\n div.MMh._Y5.feh.s7I.zI7.iyn.Hsu {\n background-color: @subtext1 !important;\n }\n }\n\n /* Home */\n\n div.moreIdeasBoardRepCarousel\n div[data-carousel-indicator=\"carousel-card\"]\n div.Jea.XiG.hA-.ho-.zI7.iyn.Hsu {\n background-color: @mantle !important;\n }\n\n div.moreIdeasBoardRepCarousel & ~ div.MIw.QLY.zI7.iyn.Hsu {\n background: none !important;\n }\n\n /* Pins */\n\n div[data-test-id=\"PinBetterSaveDropdown\"],\n div[data-test-id=\"boardSelectionDropdown\"] {\n .xnr {\n color: var(--color-text-light);\n }\n\n .PLa {\n color: var(--color-text-icon-light);\n }\n }\n\n div[data-test-id=\"pinrep-source-link\"] {\n background-color: @base !important;\n\n a div {\n color: @text !important;\n }\n }\n\n div[data-test-id=\"savedInfo\"] a {\n background-color: transparent !important;\n\n div {\n color: var(--color-text-light) !important;\n }\n }\n\n div[data-test-id=\"PinTypeIdentifier\"] {\n background-color: @base !important;\n color: @text !important;\n }\n\n div[data-test-id=\"persistent-one-click-save\"] {\n div[style=\"background-color: rgba(255, 255, 255, 0.85);\"] {\n background-color: @mantle !important;\n }\n\n a {\n background-color: transparent !important;\n }\n }\n\n div[style=\"padding-bottom: 100%; box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px;\"] {\n box-shadow: 0 0 0 1px @crust !important;\n }\n\n div[data-test-id=\"toast\"] span div {\n color: @mantle !important;\n }\n\n /* Pin page */\n\n div[data-test-id=\"inline-comment-composer-container\"] {\n border-color: transparent !important;\n }\n\n div[data-test-id=\"more-description-container\"],\n div[data-test-id=\"less-description-container\"] {\n background-color: @base !important;\n }\n\n div[data-test-id=\"truncated-text\"] {\n div[data-test-id=\"more-button\"] {\n background: linear-gradient(\n 90deg,\n transparent 0%,\n @base 15%\n ) !important;\n }\n\n div[style=\"background: rgb(255, 255, 255);\"] {\n background-color: @base !important;\n }\n }\n\n div[data-test-id=\"flashlight-button\"] {\n background-color: @base !important;\n }\n\n div[data-test-id=\"flashlight-dot-style\"] {\n background-color: var(--color-text-light);\n }\n\n div[data-test-id=\"visual-search-cropper\"] {\n path.v2cropperHandle {\n fill: var(--color-text-light) !important;\n }\n\n use.v2cropSection {\n stroke: var(--color-text-light) !important;\n }\n }\n\n textarea#pinNoteText {\n background-color: transparent;\n color: @subtext1;\n caret-color: @text;\n }\n\n /* Video and story pins */\n\n div[data-test-id=\"visual-content-container\"] video ~ div {\n svg {\n color: var(--color-text-icon-light) !important;\n }\n\n div[role=\"progressbar\"] > div {\n background-color: var(--color-text-icon-light) !important;\n }\n }\n\n div[data-test-id=\"closeup-data-loaded\"] div.Jea.Rym.zI7.iyn.Hsu {\n svg,\n span {\n color: var(--color-text-icon-light) !important;\n }\n }\n\n /* Profile */\n\n div[data-test-id=\"profile-board-card\"] div,\n div[style=\"border: 1px solid white; border-radius: 16px;\"] {\n border-color: @crust !important;\n }\n\n div.SaveButton__background--enabled {\n background-color: @accentColor !important;\n color: @mantle !important;\n }\n\n div[data-test-id=\"savedInfo\"] a h3 {\n color: var(--color-text-light) !important;\n }\n\n /* Settings */\n\n input[type=\"checkbox\"] ~ div {\n border-color: @crust !important;\n }\n\n div.tBJ.dyH.iFc.sAJ.xnr.tg7.IZT.swG {\n color: var(--color-text-light) !important;\n }\n\n /* Share */\n\n div[data-test-id=\"lego-share-social-bar-auth\"] button,\n div[data-test-id=\"copy-link-share-icon-auth\"] div.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n\n div[data-test-id=\"email-share-button-auth\"] svg {\n rect {\n fill: @mantle !important;\n }\n\n path {\n fill: @subtext1 !important;\n }\n }\n\n div[data-test-id=\"sharesheet-contact-item-sent-icon\"] svg {\n color: @text;\n }\n\n div[data-test-id=\"sharesheet-contact-item-button\"]\n div[style=\"background-color: rgb(239, 239, 239); padding-bottom: 100%;\"] {\n background-color: @mantle !important;\n }\n\n /* Messages */\n\n textarea#messageDraft {\n background-color: transparent;\n color: @subtext1;\n caret-color: @text !important;\n }\n\n div[data-test-id=\"add-pin-to-conversation\"] {\n div[style=\"border: 1px solid rgb(218, 218, 218); box-shadow: rgba(0, 132, 255, 0) 0px 0px 0px 4px; padding: 4px 15px; min-height: 48px; width: 100%;\"] {\n border-color: @mantle !important;\n }\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 var(--g-color-focus) !important;\n }\n }\n\n /* Create */\n\n div[style=\"background-color: rgba(255, 255, 255, 0.8); margin: 24px 0px 0px; z-index: 1;\"] {\n background-color: fadeout(@base, 20%) !important;\n }\n\n input#scrape-view-website-link {\n background-color: @base !important;\n }\n\n div[data-test-id=\"image-from-search-container\"] {\n --color-text-icon-inverse: @subtext1;\n }\n\n div[data-test-id=\"storyboard-draft-placeholder-rep\"] div.ho-.zI7.iyn.Hsu {\n background-color: @mantle !important;\n background-image: linear-gradient(\n to right,\n @mantle 0%,\n @crust 20%,\n @mantle 40%,\n @mantle 100%\n ) !important;\n }\n\n div[data-test-id=\"drafts-container\"] {\n --color-text-dark: var(--color-text-default);\n\n div[style=\"border-color: rgb(17, 17, 17);\"] {\n border-color: @crust !important;\n }\n }\n\n div[data-test-id=\"drag-behavior-container\"] svg {\n color: @subtext1;\n }\n\n div[data-test-id=\"storyboard-pin-card-item\"] {\n border-color: @crust !important;\n }\n\n button[data-test-id=\"board-dropdown-select-button\"] {\n background-color: @base !important;\n\n span {\n color: @subtext1 !important;\n }\n }\n\n div[data-test-id=\"storyboard-interest-tags\"]\n div[style=\"background-color: rgb(17, 17, 17);\"] {\n background-color: @subtext1 !important;\n }\n\n div[data-test-id=\"editor-canvas-container\"] div {\n border-color: @accentColor !important;\n }\n\n input[data-test-id=\"storyboard-editor-details-text-size\"] {\n background-color: @mantle !important;\n color: @text !important;\n border-color: @crust !important;\n }\n\n div[data-test-id=\"storyboard-editor-details-text-color-picker\"] {\n input {\n color: @text !important;\n background-color: transparent !important;\n }\n\n .LJB {\n border-color: @crust !important;\n }\n\n div[style=\"height: 40px; box-shadow: rgb(239, 239, 239) 0px 0px 0px 2px inset;\"] {\n box-shadow: 0 0 0 2px @crust inset !important;\n }\n }\n\n div[role=\"tablist\"] button[aria-selected=\"true\"] {\n background-color: @crust !important;\n }\n\n /* Login */\n\n div[data-test-id=\"signup-default-modal\"],\n div[data-test-id=\"login-modal-default\"],\n div[data-test-id=\"login-modal-mfa\"] {\n background-color: @base !important;\n\n h1 {\n color: @text !important;\n }\n\n p {\n color: @subtext0 !important;\n }\n\n button[data-test-id=\"login-signup-toggle\"] {\n color: @accentColor !important;\n }\n\n button.red.active {\n background-color: @accentColor !important;\n color: @crust !important;\n }\n\n button.red.active:hover,\n button.red.active:focus {\n background-color: darken(@accentColor, 2.5%) !important;\n }\n\n span[data-test-id=\"terms-of-service\"],\n div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"] {\n color: @subtext1 !important;\n\n a {\n color: @accentColor !important;\n }\n }\n }\n\n /* About */\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-layout-shift-boundary-id=\"PageContainer\"] {\n background-color: @base !important;\n --color-text-inverse: var(--color-text-light);\n }\n\n div[data-test-id=\"public-beta-page\"] {\n --color-text-light: @text;\n --color-background-recommendation-weak: @crust;\n }\n\n /* Mobile-specific */\n\n div[data-test-id=\"board-card\"] div {\n border-color: @crust !important;\n }\n }\n\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\n// vim:ft=less\n",
+ "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.1.1\n@description Soothing pastel theme for Pinterest\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/pinterest/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apinterest\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 --color-text-light: if((@lookup = latte), @mantle, @text);\n --color-text-dark: if((@lookup = latte), @text, @mantle);\n --color-text-default: @text;\n --color-text-inverse: @mantle;\n --color-text-subtle: @subtext0;\n --color-text-error: @accentColor;\n --color-text-shopping: @accentColor;\n --color-text-link: @accentColor;\n\n --color-text-icon-light: if((@lookup = latte), @mantle, @subtext1);\n --color-text-icon-dark: if((@lookup = latte), @subtext1, @mantle);\n --color-text-icon-default: @subtext1;\n --color-text-icon-inverse: @mantle;\n --color-text-icon-subtle: @subtext0;\n --color-text-icon-error: @accentColor;\n --color-text-icon-brand-primary: @accentColor;\n\n --color-background-light: if((@lookup = latte), @mantle, @subtext1);\n --color-background-dark: if((@lookup = latte), @text, @mantle);\n --color-background-default: @base;\n --color-background-inverse-base: @subtext1;\n --color-background-primary-base: @accentColor;\n --color-background-secondary-base: @mantle;\n --color-background-secondary-active: @mantle;\n --color-background-selected-base: @subtext1;\n --color-border-container: @mantle;\n --color-border-default: @mantle;\n\n --g-colorTransparentWhite: fadeout(@base, 30%);\n --g-colorTransparentDarkGray: fadeout(@mantle, 20%);\n --g-colorGray0: @mantle;\n --g-colorGray0Hovered: darken(@mantle, 2.5%);\n --g-colorGray0Active: darken(@mantle, 5%);\n --g-colorGray50: @mantle;\n --g-colorGray100: @mantle;\n --g-colorGray100Hovered: darken(@surface0, 2.5%);\n --g-colorGray100Active: darken(@surface0, 5%);\n --g-colorGray200: @subtext0;\n --g-colorGray300: @subtext1;\n --g-colorRed100: @accentColor;\n --g-colorRed100Hovered: darken(@accentColor, 7.5%);\n --g-colorRed100Active: darken(@accentColor, 10%);\n --g-color-focus: fadeout(@accentColor, 50%);\n --color-gray-roboflow-400: @crust;\n --color-gray-roboflow-200: @mantle;\n\n --g-blue: @accentColor;\n --color-background-info-base: @blue;\n --color-background-error-base: @red;\n --color-background-warning-base: @peach;\n --color-background-success-base: @green;\n }\n\n body {\n background-color: @base;\n color: @text;\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 .C1J,\n .LI1.iyn[focus-within],\n .iyn:focus,\n ._gestalt .react-datepicker__month-select:focus,\n ._gestalt .react-datepicker__year-select:focus {\n box-shadow: 0 0 0 4px var(--g-color-focus);\n }\n\n .NUb {\n color: var(--color-text-inverse);\n }\n\n div[data-test-id=\"gestalt-avatar-svg\"] {\n box-shadow: 0 0 0 1px @crust !important;\n\n text {\n fill: @subtext1 !important;\n }\n }\n\n svg circle[fill=\"white\"] ~ path[fill=\"#e60023\"] {\n fill: @accentColor !important;\n }\n\n div#mweb-unauth-container,\n div#mainContainer {\n background-color: @base !important;\n }\n\n /* Header & Search */\n\n div[data-test-id=\"header-Header\"] div.P_h {\n background-color: @mantle !important;\n span.xnr {\n color: @text !important;\n }\n }\n\n div[data-test-id=\"one-bar-pill\"] {\n div {\n color: var(--color-text-dark) !important;\n }\n\n .PLa {\n color: var(--color-text-icon-light) !important;\n }\n\n .R19 {\n color: var(--color-text-icon-dark) !important;\n }\n }\n\n div#searchBoxContainer {\n div[style=\"height: 48px; background-color: rgb(225, 225, 225);\"] {\n background-color: darken(@mantle, 2.5%) !important;\n }\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[style=\"padding: 0px 4px 0px 16px; height: 100%; border-radius: 24px; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px;\"] {\n box-shadow: 0 0 0 4px var(--g-color-focus) !important;\n }\n\n input {\n color: @subtext1 !important;\n }\n\n div.MMh._Y5.feh.s7I.zI7.iyn.Hsu {\n background-color: @subtext1 !important;\n }\n }\n\n /* Home */\n\n div.moreIdeasBoardRepCarousel\n div[data-carousel-indicator=\"carousel-card\"]\n div.Jea.XiG.hA-.ho-.zI7.iyn.Hsu {\n background-color: @mantle !important;\n }\n\n div.moreIdeasBoardRepCarousel & ~ div.MIw.QLY.zI7.iyn.Hsu {\n background: none !important;\n }\n\n /* Pins */\n\n div[data-test-id=\"PinBetterSaveDropdown\"],\n div[data-test-id=\"boardSelectionDropdown\"] {\n .xnr {\n color: var(--color-text-light);\n }\n\n .PLa {\n color: var(--color-text-icon-light);\n }\n }\n\n div[data-test-id=\"pinrep-source-link\"] {\n background-color: @base !important;\n\n a div {\n color: @text !important;\n }\n }\n\n div[data-test-id=\"savedInfo\"] a {\n background-color: transparent !important;\n\n div {\n color: var(--color-text-light) !important;\n }\n }\n\n div[data-test-id=\"PinTypeIdentifier\"] {\n background-color: @base !important;\n color: @text !important;\n }\n\n div[data-test-id=\"persistent-one-click-save\"] {\n div[style=\"background-color: rgba(255, 255, 255, 0.85);\"] {\n background-color: @mantle !important;\n }\n\n a {\n background-color: transparent !important;\n }\n }\n\n div[style=\"padding-bottom: 100%; box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px;\"] {\n box-shadow: 0 0 0 1px @crust !important;\n }\n\n div[data-test-id=\"toast\"] span div {\n color: @mantle !important;\n }\n\n /* Pin page */\n\n div[data-test-id=\"inline-comment-composer-container\"] {\n border-color: transparent !important;\n }\n\n div[data-test-id=\"more-description-container\"],\n div[data-test-id=\"less-description-container\"] {\n background-color: @base !important;\n }\n\n div[data-test-id=\"truncated-text\"] {\n div[data-test-id=\"more-button\"] {\n background: linear-gradient(\n 90deg,\n transparent 0%,\n @base 15%\n ) !important;\n }\n\n div[style=\"background: rgb(255, 255, 255);\"] {\n background-color: @base !important;\n }\n }\n\n div[data-test-id=\"flashlight-button\"],\n div[data-test-id=\"shop-button\"] {\n background-color: fadeout(@base, 20%) !important;\n }\n\n div[data-test-id=\"flashlight-dot-style\"] {\n background-color: var(--color-text-light);\n }\n\n div[data-test-id=\"visual-search-cropper\"] {\n path.v2cropperHandle {\n fill: var(--color-text-light) !important;\n }\n\n use.v2cropSection {\n stroke: var(--color-text-light) !important;\n }\n }\n\n textarea#pinNoteText {\n background-color: transparent;\n color: @subtext1;\n caret-color: @text;\n }\n\n /* Video and story pins */\n\n div[data-test-id=\"visual-content-container\"] video ~ div {\n svg {\n color: var(--color-text-icon-light) !important;\n }\n\n div[role=\"progressbar\"] > div {\n background-color: var(--color-text-icon-light) !important;\n }\n }\n\n div[data-test-id=\"closeup-data-loaded\"] div.Jea.Rym.zI7.iyn.Hsu {\n svg,\n span {\n color: var(--color-text-icon-light) !important;\n }\n }\n\n /* Profile */\n\n div[data-test-id=\"profile-board-card\"] div,\n div#profileBoardsFeed div[data-test-id=\"board-card\"] div,\n div[style=\"border: 1px solid white; border-radius: 16px;\"] {\n border-color: @crust !important;\n }\n\n div.SaveButton__background--enabled {\n background-color: @accentColor !important;\n color: @mantle !important;\n }\n\n div[data-test-id=\"savedInfo\"] a h3 {\n color: var(--color-text-light) !important;\n }\n\n /* Settings */\n\n input[type=\"checkbox\"] ~ div {\n border-color: @crust !important;\n }\n\n div.tBJ.dyH.iFc.sAJ.xnr.tg7.IZT.swG {\n color: var(--color-text-light) !important;\n }\n\n /* Share */\n\n div[data-test-id=\"lego-share-social-bar-auth\"] button,\n div[data-test-id=\"copy-link-share-icon-auth\"] div.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n\n div[data-test-id=\"email-share-button-auth\"] svg {\n rect {\n fill: @mantle !important;\n }\n\n path {\n fill: @subtext1 !important;\n }\n }\n\n div[data-test-id=\"sharesheet-contact-item-sent-icon\"] svg {\n color: @text;\n }\n\n div[data-test-id=\"sharesheet-contact-item-button\"]\n div[style=\"background-color: rgb(239, 239, 239); padding-bottom: 100%;\"] {\n background-color: @mantle !important;\n }\n\n /* Messages */\n\n textarea#messageDraft {\n background-color: transparent;\n color: @subtext1;\n caret-color: @text !important;\n }\n\n div[data-test-id=\"add-pin-to-conversation\"] {\n div[style=\"border: 1px solid rgb(218, 218, 218); box-shadow: rgba(0, 132, 255, 0) 0px 0px 0px 4px; padding: 4px 15px; min-height: 48px; width: 100%;\"] {\n border-color: @mantle !important;\n }\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 var(--g-color-focus) !important;\n }\n }\n\n /* Create */\n\n div[style=\"background-color: rgba(255, 255, 255, 0.8); margin: 24px 0px 0px; z-index: 1;\"] {\n background-color: fadeout(@base, 20%) !important;\n }\n\n input#scrape-view-website-link {\n background-color: @base !important;\n }\n\n div[data-test-id=\"image-from-search-container\"] {\n --color-text-icon-inverse: @subtext1;\n }\n\n div[data-test-id=\"storyboard-draft-placeholder-rep\"] div.ho-.zI7.iyn.Hsu {\n background-color: @mantle !important;\n background-image: linear-gradient(\n to right,\n @mantle 0%,\n @crust 20%,\n @mantle 40%,\n @mantle 100%\n ) !important;\n }\n\n div[data-test-id=\"drafts-container\"] {\n --color-text-dark: var(--color-text-default);\n\n div[style=\"border-color: rgb(17, 17, 17);\"] {\n border-color: @crust !important;\n }\n }\n\n div[data-test-id=\"drag-behavior-container\"] svg {\n color: @subtext1;\n }\n\n div[data-test-id=\"storyboard-pin-card-item\"] {\n border-color: @crust !important;\n }\n\n button[data-test-id=\"board-dropdown-select-button\"] {\n background-color: @base !important;\n\n span {\n color: @subtext1 !important;\n }\n }\n\n div[data-test-id=\"storyboard-interest-tags\"]\n div[style=\"background-color: rgb(17, 17, 17);\"] {\n background-color: @subtext1 !important;\n }\n\n div[data-test-id=\"editor-canvas-container\"] div {\n border-color: @accentColor !important;\n }\n\n input[data-test-id=\"storyboard-editor-details-text-size\"] {\n background-color: @mantle !important;\n color: @text !important;\n border-color: @crust !important;\n }\n\n div[data-test-id=\"storyboard-editor-details-text-color-picker\"] {\n input {\n color: @text !important;\n background-color: transparent !important;\n }\n\n .LJB {\n border-color: @crust !important;\n }\n\n div[style=\"height: 40px; box-shadow: rgb(239, 239, 239) 0px 0px 0px 2px inset;\"] {\n box-shadow: 0 0 0 2px @crust inset !important;\n }\n }\n\n div[role=\"tablist\"] button[aria-selected=\"true\"] {\n background-color: @crust !important;\n }\n\n /* Login */\n\n div[data-test-id=\"signup-default-modal\"],\n div[data-test-id=\"login-modal-default\"],\n div[data-test-id=\"login-modal-mfa\"] {\n background-color: @base !important;\n\n h1 {\n color: @text !important;\n }\n\n p {\n color: @subtext0 !important;\n }\n\n button[data-test-id=\"login-signup-toggle\"] {\n color: @accentColor !important;\n }\n\n button.red.active {\n background-color: @accentColor !important;\n color: @crust !important;\n }\n\n button.red.active:hover,\n button.red.active:focus {\n background-color: darken(@accentColor, 2.5%) !important;\n }\n\n span[data-test-id=\"terms-of-service\"],\n div[style=\"margin-top: 15px; color: rgb(51, 51, 51);\"] {\n color: @subtext1 !important;\n\n a {\n color: @accentColor !important;\n }\n }\n }\n\n /* Not logged in */\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#mweb-unauth-container div.HFo.Jea.KS5._he.zI7.iyn.Hsu,\n div[data-test-id=\"header\"]\n div[style=\"background-color: rgba(255, 255, 255, 0.95); height: 100%; width: 100%;\"] {\n background-color: @base !important;\n }\n\n span[data-test-id=\"terms-of-service\"] a {\n color: @accentColor !important;\n }\n\n div[data-test-id=\"breadcrumbs-list\"] div.MIw.Rym.zI7.iyn.Hsu,\n div[data-test-id=\"vase-carousel\"] div[data-test-id=\"left-scroll-arrow\"] {\n background-image: linear-gradient(\n to left,\n fadeout(@base, 100%),\n @base\n ) !important;\n }\n\n div[data-test-id=\"breadcrumbs-list\"] div.MIw.p6V.zI7.iyn.Hsu,\n div[data-test-id=\"vase-carousel\"] div[data-test-id=\"right-scroll-arrow\"] {\n background-image: linear-gradient(\n to right,\n fadeout(@base, 100%),\n @base\n ) !important;\n }\n\n div[data-test-id=\"standard-save-button\"] span {\n color: @mantle !important;\n }\n\n /* Other */\n\n div[data-test-id=\"public-beta-page\"] {\n --color-text-light: @text;\n --color-background-recommendation-weak: @crust;\n }\n\n div[data-layout-shift-boundary-id=\"PageContainer\"] {\n --color-text-inverse: var(--color-text-light);\n }\n }\n\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\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.1.0",
+ "version": "1.1.1",
"description": "Soothing pastel theme for Pinterest",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/pinterest/catppuccin.user.css",
@@ -5022,12 +5044,12 @@
"author": "Catppuccin",
"description": "Soothing pastel theme for Pinterest",
"name": "Pinterest Catppuccin",
- "originalDigest": "5e4de58354b179b6dccf92deecdf5cfda44cb8d5",
+ "originalDigest": "717cc09117811da48429678eee199bbc9ca00f41",
"_id": "34c0289c-7758-4564-8b76-4b783b1c0663",
- "_rev": 1704702968881,
+ "_rev": 1705750105678,
"id": 66,
- "etag": "W/\"66bbd3df5440b9df88d9febdfce02deb456faa2f1e94c4d8999254cd00deba6c\"",
- "updateDate": 1704702966739
+ "etag": "W/\"53c374ae701586f059693c49d2a6ed667b6f5c8699d88d1c6098b92c3b87759f\"",
+ "updateDate": 1705750105568
},
{
"enabled": true,
@@ -5036,24 +5058,25 @@
"installDate": 1699437783957,
"sections": [
{
- "code": "/* ==UserStyle==\n@name Syncthing Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/syncthing\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/syncthing\n@version 0.1.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/syncthing/catppuccin.user.css\n@description Soothing pastel theme for Syncthing\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var text urls \"URL(s) for Syncthing\" \"127\\.0\\.0\\.1\\:8384,localhost\\:8384\"\n\n==/UserStyle== */\n/*\n `replace( ,\" \", \"\", \"g\")` is here to remove extra spaces (if any)\n*/",
+ "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.2\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/syncthing/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Asyncthing\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==/UserStyle== */\n/*\n `replace( ,\" \", \"\", \"g\")` is here to remove extra spaces (if any)\n*/",
"start": 0
},
{
- "code": "@media (prefers-color-scheme: light) {\n :root {\n /*\n So If you want to know why `!important` is spammed all over, then look at this css file that syncthing uses\n https://github.com/syncthing/syncthing/blob/main/gui/dark/assets/css/theme.css\n */\n /* navbar */\n /* main panel */\n /* buttons */\n /* modal dialogs */\n /* buttons for pagination */\n /* progress bars */\n /* text */\n }\n :root body {\n color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n :root a {\n color: #b7bdf8;\n }\n :root .nav-tabs > li.active > a:hover,\n :root .nav-tabs > li.active > a {\n color: #b7bdf8 !important;\n }\n :root .navbar {\n background-color: #1e2030 !important;\n border-color: #1e2030 !important;\n }\n :root .navbar-text,\n :root .dropdown > a,\n :root .dropdown-menu > li > a,\n :root .hidden-xs > a,\n :root .navbar-link {\n color: #cad3f5 !important;\n }\n :root .dropdown-menu {\n border-color: #494d64 !important;\n background-color: #1e2030 !important;\n }\n :root .dropdown-menu > li > a:hover,\n :root .dropdown-menu > li > a:focus {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n }\n :root .open > .dropdown-toggle,\n :root .dropdown-toggle:hover {\n border-color: #494d64 !important;\n background-color: #363a4f !important;\n }\n :root .divider {\n background-color: #494d64 !important;\n }\n :root li.hidden-xs:hover,\n :root .navbar-link:hover,\n :root .navbar-link:focus {\n border-color: #494d64 !important;\n background-color: #363a4f !important;\n }\n :root .dropdown-menu > .active > a {\n color: #24273a !important;\n background-color: #b7bdf8 !important;\n }\n :root .panel {\n background-color: #24273a !important;\n }\n :root .panel-default {\n border-color: #363a4f !important;\n }\n :root .panel-default > .panel-heading {\n color: #cad3f5 !important;\n border-color: #363a4f !important;\n background-color: #24273a !important;\n }\n :root .panel-footer {\n background-color: #24273a !important;\n }\n :root .table-striped > tbody > tr {\n border-top-color: #363a4f !important;\n }\n :root .table-striped > tbody > tr:nth-of-type(odd) {\n background-color: #24273a !important;\n }\n :root .panel-group .panel-heading + .panel-collapse > .panel-body,\n :root .panel-group .panel-heading + .panel-collapse > .list-group {\n border-top-color: #24273a !important;\n }\n :root .identicon > rect {\n fill: #cad3f5 !important;\n }\n :root .btn-default {\n color: #cad3f5 !important;\n background-color: transparent !important;\n border-color: #363a4f !important;\n }\n :root .btn-default:hover,\n :root .btn-default:focus,\n :root .btn-default.focus {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n }\n :root .btn-primary {\n background-color: #b7bdf8 !important;\n color: #24273a;\n }\n :root .btn-primary:hover,\n :root .btn-primary:focus,\n :root .btn-primary.focus {\n background-color: rgba(183, 189, 248, 0.9) !important;\n }\n :root .btn-warning {\n background-color: #eed49f !important;\n color: #24273a;\n }\n :root .btn-warning:hover,\n :root .btn-warning:focus,\n :root .btn-warning.focus {\n background-color: rgba(238, 212, 159, 0.9) !important;\n }\n :root .btn-danger {\n background-color: #ed8796 !important;\n color: #24273a;\n }\n :root .btn-danger:hover,\n :root .btn-danger:focus,\n :root .btn-danger.focus {\n background-color: rgba(237, 135, 150, 0.9) !important;\n }\n :root .modal-header {\n border-color: #363a4f !important;\n background-color: #1e2030;\n }\n :root .modal-content {\n border-color: #363a4f !important;\n background-color: #1e2030 !important;\n }\n :root .modal-footer {\n border-color: #363a4f !important;\n background-color: #1e2030 !important;\n }\n :root .alert-warning {\n background-color: #eed49f !important;\n color: #24273a !important;\n }\n :root .alert-danger {\n background-color: #ed8796 !important;\n color: #24273a !important;\n }\n :root .help-block {\n color: #cad3f5 !important;\n }\n :root .form-control {\n color: #cad3f5 !important;\n border-color: #363a4f !important;\n background-color: #24273a !important;\n }\n :root code.ng-binding {\n color: #c6a0f6 !important;\n background-color: #1e2030 !important;\n }\n :root .well,\n :root .form-control[readonly=\"readonly\"] {\n /* read-only fields*/\n color: #a5adcb !important;\n border-color: #a5adcb !important;\n background-color: #1e2030 !important;\n }\n :root .pagination > li > a,\n :root .pagination > li > span {\n background-color: #24273a !important;\n border-color: #363a4f !important;\n }\n :root .pagination > li > a:hover,\n :root .pagination > li > a:focus,\n :root .pagination > li > a.focus {\n background-color: #363a4f !important;\n }\n :root .progress-bar {\n background-color: #b7bdf8 !important;\n }\n :root .progress-bar-success {\n background-color: #a6da95 !important;\n }\n :root .progress-bar-info {\n background-color: #f0c6c6 !important;\n }\n :root .progress-bar-warning {\n background-color: #eed49f !important;\n }\n :root .progress-bar-danger {\n background-color: #ed8796 !important;\n }\n :root .text-primary {\n color: #b7bdf8 !important;\n }\n :root .text-success {\n color: #a6da95 !important;\n }\n :root .text-info {\n color: #f0c6c6 !important;\n }\n :root .text-warning {\n color: #eed49f !important;\n }\n :root .text-danger {\n color: #ed8796 !important;\n }\n }\n @media (prefers-color-scheme: dark) {\n :root {\n /*\n So If you want to know why `!important` is spammed all over, then look at this css file that syncthing uses\n https://github.com/syncthing/syncthing/blob/main/gui/dark/assets/css/theme.css\n */\n /* navbar */\n /* main panel */\n /* buttons */\n /* modal dialogs */\n /* buttons for pagination */\n /* progress bars */\n /* text */\n }\n :root body {\n color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n :root a {\n color: #b7bdf8;\n }\n :root .nav-tabs > li.active > a:hover,\n :root .nav-tabs > li.active > a {\n color: #b7bdf8 !important;\n }\n :root .navbar {\n background-color: #1e2030 !important;\n border-color: #1e2030 !important;\n }\n :root .navbar-text,\n :root .dropdown > a,\n :root .dropdown-menu > li > a,\n :root .hidden-xs > a,\n :root .navbar-link {\n color: #cad3f5 !important;\n }\n :root .dropdown-menu {\n border-color: #494d64 !important;\n background-color: #1e2030 !important;\n }\n :root .dropdown-menu > li > a:hover,\n :root .dropdown-menu > li > a:focus {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n }\n :root .open > .dropdown-toggle,\n :root .dropdown-toggle:hover {\n border-color: #494d64 !important;\n background-color: #363a4f !important;\n }\n :root .divider {\n background-color: #494d64 !important;\n }\n :root li.hidden-xs:hover,\n :root .navbar-link:hover,\n :root .navbar-link:focus {\n border-color: #494d64 !important;\n background-color: #363a4f !important;\n }\n :root .dropdown-menu > .active > a {\n color: #24273a !important;\n background-color: #b7bdf8 !important;\n }\n :root .panel {\n background-color: #24273a !important;\n }\n :root .panel-default {\n border-color: #363a4f !important;\n }\n :root .panel-default > .panel-heading {\n color: #cad3f5 !important;\n border-color: #363a4f !important;\n background-color: #24273a !important;\n }\n :root .panel-footer {\n background-color: #24273a !important;\n }\n :root .table-striped > tbody > tr {\n border-top-color: #363a4f !important;\n }\n :root .table-striped > tbody > tr:nth-of-type(odd) {\n background-color: #24273a !important;\n }\n :root .panel-group .panel-heading + .panel-collapse > .panel-body,\n :root .panel-group .panel-heading + .panel-collapse > .list-group {\n border-top-color: #24273a !important;\n }\n :root .identicon > rect {\n fill: #cad3f5 !important;\n }\n :root .btn-default {\n color: #cad3f5 !important;\n background-color: transparent !important;\n border-color: #363a4f !important;\n }\n :root .btn-default:hover,\n :root .btn-default:focus,\n :root .btn-default.focus {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n }\n :root .btn-primary {\n background-color: #b7bdf8 !important;\n color: #24273a;\n }\n :root .btn-primary:hover,\n :root .btn-primary:focus,\n :root .btn-primary.focus {\n background-color: rgba(183, 189, 248, 0.9) !important;\n }\n :root .btn-warning {\n background-color: #eed49f !important;\n color: #24273a;\n }\n :root .btn-warning:hover,\n :root .btn-warning:focus,\n :root .btn-warning.focus {\n background-color: rgba(238, 212, 159, 0.9) !important;\n }\n :root .btn-danger {\n background-color: #ed8796 !important;\n color: #24273a;\n }\n :root .btn-danger:hover,\n :root .btn-danger:focus,\n :root .btn-danger.focus {\n background-color: rgba(237, 135, 150, 0.9) !important;\n }\n :root .modal-header {\n border-color: #363a4f !important;\n background-color: #1e2030;\n }\n :root .modal-content {\n border-color: #363a4f !important;\n background-color: #1e2030 !important;\n }\n :root .modal-footer {\n border-color: #363a4f !important;\n background-color: #1e2030 !important;\n }\n :root .alert-warning {\n background-color: #eed49f !important;\n color: #24273a !important;\n }\n :root .alert-danger {\n background-color: #ed8796 !important;\n color: #24273a !important;\n }\n :root .help-block {\n color: #cad3f5 !important;\n }\n :root .form-control {\n color: #cad3f5 !important;\n border-color: #363a4f !important;\n background-color: #24273a !important;\n }\n :root code.ng-binding {\n color: #c6a0f6 !important;\n background-color: #1e2030 !important;\n }\n :root .well,\n :root .form-control[readonly=\"readonly\"] {\n /* read-only fields*/\n color: #a5adcb !important;\n border-color: #a5adcb !important;\n background-color: #1e2030 !important;\n }\n :root .pagination > li > a,\n :root .pagination > li > span {\n background-color: #24273a !important;\n border-color: #363a4f !important;\n }\n :root .pagination > li > a:hover,\n :root .pagination > li > a:focus,\n :root .pagination > li > a.focus {\n background-color: #363a4f !important;\n }\n :root .progress-bar {\n background-color: #b7bdf8 !important;\n }\n :root .progress-bar-success {\n background-color: #a6da95 !important;\n }\n :root .progress-bar-info {\n background-color: #f0c6c6 !important;\n }\n :root .progress-bar-warning {\n background-color: #eed49f !important;\n }\n :root .progress-bar-danger {\n background-color: #ed8796 !important;\n }\n :root .text-primary {\n color: #b7bdf8 !important;\n }\n :root .text-success {\n color: #a6da95 !important;\n }\n :root .text-info {\n color: #f0c6c6 !important;\n }\n :root .text-warning {\n color: #eed49f !important;\n }\n :root .text-danger {\n color: #ed8796 !important;\n }\n }\n .light-theme {\n /*\n So If you want to know why `!important` is spammed all over, then look at this css file that syncthing uses\n https://github.com/syncthing/syncthing/blob/main/gui/dark/assets/css/theme.css\n */\n /* navbar */\n /* main panel */\n /* buttons */\n /* modal dialogs */\n /* buttons for pagination */\n /* progress bars */\n /* text */\n }\n .light-theme body {\n color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n .light-theme a {\n color: #b7bdf8;\n }\n .light-theme .nav-tabs > li.active > a:hover,\n .light-theme .nav-tabs > li.active > a {\n color: #b7bdf8 !important;\n }\n .light-theme .navbar {\n background-color: #1e2030 !important;\n border-color: #1e2030 !important;\n }\n .light-theme .navbar-text,\n .light-theme .dropdown > a,\n .light-theme .dropdown-menu > li > a,\n .light-theme .hidden-xs > a,\n .light-theme .navbar-link {\n color: #cad3f5 !important;\n }\n .light-theme .dropdown-menu {\n border-color: #494d64 !important;\n background-color: #1e2030 !important;\n }\n .light-theme .dropdown-menu > li > a:hover,\n .light-theme .dropdown-menu > li > a:focus {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n }\n .light-theme .open > .dropdown-toggle,\n .light-theme .dropdown-toggle:hover {\n border-color: #494d64 !important;\n background-color: #363a4f !important;\n }\n .light-theme .divider {\n background-color: #494d64 !important;\n }\n .light-theme li.hidden-xs:hover,\n .light-theme .navbar-link:hover,\n .light-theme .navbar-link:focus {\n border-color: #494d64 !important;\n background-color: #363a4f !important;\n }\n .light-theme .dropdown-menu > .active > a {\n color: #24273a !important;\n background-color: #b7bdf8 !important;\n }\n .light-theme .panel {\n background-color: #24273a !important;\n }\n .light-theme .panel-default {\n border-color: #363a4f !important;\n }\n .light-theme .panel-default > .panel-heading {\n color: #cad3f5 !important;\n border-color: #363a4f !important;\n background-color: #24273a !important;\n }\n .light-theme .panel-footer {\n background-color: #24273a !important;\n }\n .light-theme .table-striped > tbody > tr {\n border-top-color: #363a4f !important;\n }\n .light-theme .table-striped > tbody > tr:nth-of-type(odd) {\n background-color: #24273a !important;\n }\n .light-theme .panel-group .panel-heading + .panel-collapse > .panel-body,\n .light-theme .panel-group .panel-heading + .panel-collapse > .list-group {\n border-top-color: #24273a !important;\n }\n .light-theme .identicon > rect {\n fill: #cad3f5 !important;\n }\n .light-theme .btn-default {\n color: #cad3f5 !important;\n background-color: transparent !important;\n border-color: #363a4f !important;\n }\n .light-theme .btn-default:hover,\n .light-theme .btn-default:focus,\n .light-theme .btn-default.focus {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n }\n .light-theme .btn-primary {\n background-color: #b7bdf8 !important;\n color: #24273a;\n }\n .light-theme .btn-primary:hover,\n .light-theme .btn-primary:focus,\n .light-theme .btn-primary.focus {\n background-color: rgba(183, 189, 248, 0.9) !important;\n }\n .light-theme .btn-warning {\n background-color: #eed49f !important;\n color: #24273a;\n }\n .light-theme .btn-warning:hover,\n .light-theme .btn-warning:focus,\n .light-theme .btn-warning.focus {\n background-color: rgba(238, 212, 159, 0.9) !important;\n }\n .light-theme .btn-danger {\n background-color: #ed8796 !important;\n color: #24273a;\n }\n .light-theme .btn-danger:hover,\n .light-theme .btn-danger:focus,\n .light-theme .btn-danger.focus {\n background-color: rgba(237, 135, 150, 0.9) !important;\n }\n .light-theme .modal-header {\n border-color: #363a4f !important;\n background-color: #1e2030;\n }\n .light-theme .modal-content {\n border-color: #363a4f !important;\n background-color: #1e2030 !important;\n }\n .light-theme .modal-footer {\n border-color: #363a4f !important;\n background-color: #1e2030 !important;\n }\n .light-theme .alert-warning {\n background-color: #eed49f !important;\n color: #24273a !important;\n }\n .light-theme .alert-danger {\n background-color: #ed8796 !important;\n color: #24273a !important;\n }\n .light-theme .help-block {\n color: #cad3f5 !important;\n }\n .light-theme .form-control {\n color: #cad3f5 !important;\n border-color: #363a4f !important;\n background-color: #24273a !important;\n }\n .light-theme code.ng-binding {\n color: #c6a0f6 !important;\n background-color: #1e2030 !important;\n }\n .light-theme .well,\n .light-theme .form-control[readonly=\"readonly\"] {\n /* read-only fields*/\n color: #a5adcb !important;\n border-color: #a5adcb !important;\n background-color: #1e2030 !important;\n }\n .light-theme .pagination > li > a,\n .light-theme .pagination > li > span {\n background-color: #24273a !important;\n border-color: #363a4f !important;\n }\n .light-theme .pagination > li > a:hover,\n .light-theme .pagination > li > a:focus,\n .light-theme .pagination > li > a.focus {\n background-color: #363a4f !important;\n }\n .light-theme .progress-bar {\n background-color: #b7bdf8 !important;\n }\n .light-theme .progress-bar-success {\n background-color: #a6da95 !important;\n }\n .light-theme .progress-bar-info {\n background-color: #f0c6c6 !important;\n }\n .light-theme .progress-bar-warning {\n background-color: #eed49f !important;\n }\n .light-theme .progress-bar-danger {\n background-color: #ed8796 !important;\n }\n .light-theme .text-primary {\n color: #b7bdf8 !important;\n }\n .light-theme .text-success {\n color: #a6da95 !important;\n }\n .light-theme .text-info {\n color: #f0c6c6 !important;\n }\n .light-theme .text-warning {\n color: #eed49f !important;\n }\n .light-theme .text-danger {\n color: #ed8796 !important;\n }\n .dark-theme {\n /*\n So If you want to know why `!important` is spammed all over, then look at this css file that syncthing uses\n https://github.com/syncthing/syncthing/blob/main/gui/dark/assets/css/theme.css\n */\n /* navbar */\n /* main panel */\n /* buttons */\n /* modal dialogs */\n /* buttons for pagination */\n /* progress bars */\n /* text */\n }\n .dark-theme body {\n color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n .dark-theme a {\n color: #b7bdf8;\n }\n .dark-theme .nav-tabs > li.active > a:hover,\n .dark-theme .nav-tabs > li.active > a {\n color: #b7bdf8 !important;\n }\n .dark-theme .navbar {\n background-color: #1e2030 !important;\n border-color: #1e2030 !important;\n }\n .dark-theme .navbar-text,\n .dark-theme .dropdown > a,\n .dark-theme .dropdown-menu > li > a,\n .dark-theme .hidden-xs > a,\n .dark-theme .navbar-link {\n color: #cad3f5 !important;\n }\n .dark-theme .dropdown-menu {\n border-color: #494d64 !important;\n background-color: #1e2030 !important;\n }\n .dark-theme .dropdown-menu > li > a:hover,\n .dark-theme .dropdown-menu > li > a:focus {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n }\n .dark-theme .open > .dropdown-toggle,\n .dark-theme .dropdown-toggle:hover {\n border-color: #494d64 !important;\n background-color: #363a4f !important;\n }\n .dark-theme .divider {\n background-color: #494d64 !important;\n }\n .dark-theme li.hidden-xs:hover,\n .dark-theme .navbar-link:hover,\n .dark-theme .navbar-link:focus {\n border-color: #494d64 !important;\n background-color: #363a4f !important;\n }\n .dark-theme .dropdown-menu > .active > a {\n color: #24273a !important;\n background-color: #b7bdf8 !important;\n }\n .dark-theme .panel {\n background-color: #24273a !important;\n }\n .dark-theme .panel-default {\n border-color: #363a4f !important;\n }\n .dark-theme .panel-default > .panel-heading {\n color: #cad3f5 !important;\n border-color: #363a4f !important;\n background-color: #24273a !important;\n }\n .dark-theme .panel-footer {\n background-color: #24273a !important;\n }\n .dark-theme .table-striped > tbody > tr {\n border-top-color: #363a4f !important;\n }\n .dark-theme .table-striped > tbody > tr:nth-of-type(odd) {\n background-color: #24273a !important;\n }\n .dark-theme .panel-group .panel-heading + .panel-collapse > .panel-body,\n .dark-theme .panel-group .panel-heading + .panel-collapse > .list-group {\n border-top-color: #24273a !important;\n }\n .dark-theme .identicon > rect {\n fill: #cad3f5 !important;\n }\n .dark-theme .btn-default {\n color: #cad3f5 !important;\n background-color: transparent !important;\n border-color: #363a4f !important;\n }\n .dark-theme .btn-default:hover,\n .dark-theme .btn-default:focus,\n .dark-theme .btn-default.focus {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n }\n .dark-theme .btn-primary {\n background-color: #b7bdf8 !important;\n color: #24273a;\n }\n .dark-theme .btn-primary:hover,\n .dark-theme .btn-primary:focus,\n .dark-theme .btn-primary.focus {\n background-color: rgba(183, 189, 248, 0.9) !important;\n }\n .dark-theme .btn-warning {\n background-color: #eed49f !important;\n color: #24273a;\n }\n .dark-theme .btn-warning:hover,\n .dark-theme .btn-warning:focus,\n .dark-theme .btn-warning.focus {\n background-color: rgba(238, 212, 159, 0.9) !important;\n }\n .dark-theme .btn-danger {\n background-color: #ed8796 !important;\n color: #24273a;\n }\n .dark-theme .btn-danger:hover,\n .dark-theme .btn-danger:focus,\n .dark-theme .btn-danger.focus {\n background-color: rgba(237, 135, 150, 0.9) !important;\n }\n .dark-theme .modal-header {\n border-color: #363a4f !important;\n background-color: #1e2030;\n }\n .dark-theme .modal-content {\n border-color: #363a4f !important;\n background-color: #1e2030 !important;\n }\n .dark-theme .modal-footer {\n border-color: #363a4f !important;\n background-color: #1e2030 !important;\n }\n .dark-theme .alert-warning {\n background-color: #eed49f !important;\n color: #24273a !important;\n }\n .dark-theme .alert-danger {\n background-color: #ed8796 !important;\n color: #24273a !important;\n }\n .dark-theme .help-block {\n color: #cad3f5 !important;\n }\n .dark-theme .form-control {\n color: #cad3f5 !important;\n border-color: #363a4f !important;\n background-color: #24273a !important;\n }\n .dark-theme code.ng-binding {\n color: #c6a0f6 !important;\n background-color: #1e2030 !important;\n }\n .dark-theme .well,\n .dark-theme .form-control[readonly=\"readonly\"] {\n /* read-only fields*/\n color: #a5adcb !important;\n border-color: #a5adcb !important;\n background-color: #1e2030 !important;\n }\n .dark-theme .pagination > li > a,\n .dark-theme .pagination > li > span {\n background-color: #24273a !important;\n border-color: #363a4f !important;\n }\n .dark-theme .pagination > li > a:hover,\n .dark-theme .pagination > li > a:focus,\n .dark-theme .pagination > li > a.focus {\n background-color: #363a4f !important;\n }\n .dark-theme .progress-bar {\n background-color: #b7bdf8 !important;\n }\n .dark-theme .progress-bar-success {\n background-color: #a6da95 !important;\n }\n .dark-theme .progress-bar-info {\n background-color: #f0c6c6 !important;\n }\n .dark-theme .progress-bar-warning {\n background-color: #eed49f !important;\n }\n .dark-theme .progress-bar-danger {\n background-color: #ed8796 !important;\n }\n .dark-theme .text-primary {\n color: #b7bdf8 !important;\n }\n .dark-theme .text-success {\n color: #a6da95 !important;\n }\n .dark-theme .text-info {\n color: #f0c6c6 !important;\n }\n .dark-theme .text-warning {\n color: #eed49f !important;\n }\n .dark-theme .text-danger {\n color: #ed8796 !important;\n }",
- "start": 1148,
+ "code": "/* prettier-ignore */\n @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": 1248,
"regexps": [
"https?://(127\\.0\\.0\\.1\\:8384|localhost\\:8384)/.*"
]
}
],
- "sourceCode": "/* ==UserStyle==\n@name Syncthing Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/syncthing\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/syncthing\n@version 0.1.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/syncthing/catppuccin.user.css\n@description Soothing pastel theme for Syncthing\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var text urls \"URL(s) for Syncthing\" \"127\\.0\\.0\\.1\\:8384,localhost\\:8384\"\n\n==/UserStyle== */\n\n/*\n `replace( ,\" \", \"\", \"g\")` is here to remove extra spaces (if any)\n*/\n\n@-moz-document regexp(replace(replace(%(\"https?://(%s)/.*\", @urls), \",\", \"|\"), \" \", \"\", \"g\"))\n{\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n /*\n So If you want to know why `!important` is spammed all over, then look at this css file that syncthing uses\n https://github.com/syncthing/syncthing/blob/main/gui/dark/assets/css/theme.css\n */\n\n body {\n color: @text !important;\n background-color: @base !important;\n }\n\n a {\n color: @accent-color;\n }\n\n .nav-tabs > li.active > a:hover,\n .nav-tabs > li.active > a {\n color: @accent-color !important;\n }\n\n /* navbar */\n .navbar {\n background-color: @mantle !important;\n border-color: @mantle !important;\n }\n\n .navbar-text,\n .dropdown > a,\n .dropdown-menu > li > a,\n .hidden-xs > a,\n .navbar-link {\n color: @text !important;\n }\n\n .dropdown-menu {\n border-color: @surface1 !important;\n background-color: @mantle !important;\n }\n\n .dropdown-menu > li > a:hover,\n .dropdown-menu > li > a:focus {\n color: @text !important;\n background-color: @surface0 !important;\n }\n\n .open > .dropdown-toggle,\n .dropdown-toggle:hover {\n border-color: @surface1 !important;\n background-color: @surface0 !important;\n }\n\n .divider {\n background-color: @surface1 !important;\n }\n\n li.hidden-xs:hover,\n .navbar-link:hover,\n .navbar-link:focus {\n border-color: @surface1 !important;\n background-color: @surface0 !important;\n }\n\n .dropdown-menu > .active > a {\n color: @base !important;\n background-color: @accent-color !important;\n }\n\n /* main panel */\n .panel {\n background-color: @base !important;\n }\n\n .panel-default {\n border-color: @surface0 !important;\n }\n\n .panel-default > .panel-heading {\n color: @text !important;\n border-color: @surface0 !important;\n background-color: @base !important;\n }\n\n .panel-footer {\n background-color: @base !important;\n }\n\n .table-striped > tbody > tr {\n border-top-color: @surface0 !important;\n }\n\n .table-striped > tbody > tr:nth-of-type(odd) {\n background-color: @base !important;\n }\n\n .panel-group .panel-heading + .panel-collapse > .panel-body,\n .panel-group .panel-heading + .panel-collapse > .list-group {\n border-top-color: @base !important;\n }\n\n .identicon > rect {\n fill: @text !important;\n }\n\n /* buttons */\n .btn-default {\n color: @text !important;\n background-color: transparent !important;\n border-color: @surface0 !important;\n }\n\n .btn-default:hover,\n .btn-default:focus,\n .btn-default.focus {\n color: @text !important;\n background-color: @surface0 !important;\n }\n\n .btn-primary {\n background-color: @accent-color !important;\n color: @base;\n }\n\n .btn-primary:hover,\n .btn-primary:focus,\n .btn-primary.focus {\n background-color: fade(@accent-color, 90%) !important;\n }\n\n .btn-warning {\n background-color: @yellow !important;\n color: @base;\n }\n\n .btn-warning:hover,\n .btn-warning:focus,\n .btn-warning.focus {\n background-color: fade(@yellow, 90%) !important;\n }\n\n .btn-danger {\n background-color: @red !important;\n color: @base;\n }\n\n .btn-danger:hover,\n .btn-danger:focus,\n .btn-danger.focus {\n background-color: fade(@red, 90%) !important;\n }\n\n /* modal dialogs */\n .modal-header {\n border-color: @surface0 !important;\n background-color: @mantle;\n }\n\n .modal-content {\n border-color: @surface0 !important;\n background-color: @mantle !important;\n }\n\n .modal-footer {\n border-color: @surface0 !important;\n background-color: @mantle !important;\n }\n\n .alert-warning {\n background-color: @yellow !important;\n color: @base !important;\n }\n\n .alert-danger {\n background-color: @red !important;\n color: @base !important;\n }\n\n .help-block {\n color: @text !important;\n }\n\n .form-control {\n color: @text !important;\n border-color: @surface0 !important;\n background-color: @base !important;\n }\n\n code.ng-binding {\n color: @mauve !important;\n background-color: @mantle !important;\n }\n\n .well,\n .form-control[readonly=\"readonly\"] {\n /* read-only fields*/\n color: @subtext0 !important;\n border-color: @subtext0 !important;\n background-color: @mantle !important;\n }\n\n /* buttons for pagination */\n .pagination > li > a,\n .pagination > li > span {\n background-color: @base !important;\n border-color: @surface0 !important;\n }\n\n .pagination > li > a:hover,\n .pagination > li > a:focus,\n .pagination > li > a.focus {\n background-color: @surface0 !important;\n }\n\n /* progress bars */\n .progress-bar {\n background-color: @accent-color !important;\n }\n\n .progress-bar-success {\n background-color: @green !important;\n }\n\n .progress-bar-info {\n background-color: @flamingo !important;\n }\n\n .progress-bar-warning {\n background-color: @yellow !important;\n }\n\n .progress-bar-danger {\n background-color: @red !important;\n }\n\n /* text */\n .text-primary {\n color: @accent-color !important;\n }\n\n .text-success {\n color: @green !important;\n }\n\n .text-info {\n color: @flamingo !important;\n }\n\n .text-warning {\n color: @yellow !important;\n }\n\n .text-danger {\n color: @red !important;\n }\n }\n\n @media (prefers-color-scheme: light) {\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n .light-theme {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n .dark-theme {\n #catppuccin(@darkFlavor, @accentColor);\n }\n}\n",
+ "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.2\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/syncthing/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Asyncthing\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==/UserStyle== */\n\n/*\n `replace( ,\" \", \"\", \"g\")` is here to remove extra spaces (if any)\n*/\n\n@-moz-document regexp(replace(replace(%(\"https?://(%s)/.*\", @urls), \",\", \"|\", \"g\"), \" \", \"\", \"g\"))\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 /*\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// vim:ft=less\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",
+ "version": "0.1.2",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/syncthing/catppuccin.user.css",
+ "supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Asyncthing",
"description": "Soothing pastel theme for Syncthing",
"author": "Catppuccin",
"license": "MIT",
@@ -5214,11 +5237,12 @@
"author": "Catppuccin",
"description": "Soothing pastel theme for Syncthing",
"name": "Syncthing Catppuccin",
- "originalDigest": "5d0ac73671c101da32e0a3c7b444ef51385b5c97",
+ "originalDigest": "34062bdbb5f88641c5071f0bc30f9395e0d871a7",
"_id": "98ee3487-dfae-4980-9296-b165f8e386bc",
- "_rev": 1699437783957,
+ "_rev": 1706009306292,
"id": 67,
- "etag": "W/\"c25f522ad3b43aea243d0c216ddfeee4681c8e736e85c0294e56fd48458e1f62\""
+ "etag": "W/\"868cdf19e3b28bae5044cc8ed95e1d059ed69c25127e65fe03c4cdf806ec5336\"",
+ "updateDate": 1706009306264
},
{
"enabled": true,
@@ -5227,11 +5251,11 @@
"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.5\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/instagram/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ainstagram\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== */",
+ "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.6\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/instagram/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ainstagram\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 scrollbar-width: none;\n scrollbar-color: #b7bdf8 #181926;\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 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 .xzloghq {\n background-color: #6e738d;\n }\n ._aa4d .xzloghq:hover {\n color: #b7bdf8;\n background-color: #b7bdf8;\n }\n ._aa4d .xk5f4mz {\n background-color: #1e2030;\n }\n ._aa4d .xk5f4mz:hover {\n background-color: #b7bdf8;\n }\n ._aa4d .x3nfvp2 {\n color: #cad3f5;\n }\n ._aa4d .x3nfvp2:hover {\n color: #1e2030;\n }\n ._aa4d .x1r7x56h {\n background-color: #a6da95;\n }\n ._aa4d .x100vrsf {\n background-color: #363a4f;\n }\n ._aa4d .xw4jnvo {\n background-color: #8087a2;\n }\n ._aa4d span[data-bloks-name=\"bk.components.TextSpan\"] {\n color: #b7bdf8 !important;\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 ._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 scrollbar-width: none;\n scrollbar-color: #b7bdf8 #181926;\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 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 .xzloghq {\n background-color: #6e738d;\n }\n ._aa4c .xzloghq:hover {\n color: #b7bdf8;\n background-color: #b7bdf8;\n }\n ._aa4c .xk5f4mz {\n background-color: #1e2030;\n }\n ._aa4c .xk5f4mz:hover {\n background-color: #b7bdf8;\n }\n ._aa4c .x3nfvp2 {\n color: #cad3f5;\n }\n ._aa4c .x3nfvp2:hover {\n color: #1e2030;\n }\n ._aa4c .x1r7x56h {\n background-color: #a6da95;\n }\n ._aa4c .x100vrsf {\n background-color: #363a4f;\n }\n ._aa4c .xw4jnvo {\n background-color: #8087a2;\n }\n ._aa4c span[data-bloks-name=\"bk.components.TextSpan\"] {\n color: #b7bdf8 !important;\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 }",
+ "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 scrollbar-width: none;\n scrollbar-color: #b7bdf8 #181926;\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 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 .xzloghq {\n background-color: #6e738d;\n }\n ._aa4d .xzloghq:hover {\n color: #b7bdf8;\n background-color: #b7bdf8;\n }\n ._aa4d .xk5f4mz {\n background-color: #1e2030;\n }\n ._aa4d .xk5f4mz:hover {\n background-color: #b7bdf8;\n }\n ._aa4d .x3nfvp2 {\n color: #cad3f5;\n }\n ._aa4d .x3nfvp2:hover {\n color: #1e2030;\n }\n ._aa4d .x1r7x56h {\n background-color: #a6da95;\n }\n ._aa4d .x100vrsf {\n background-color: #363a4f;\n }\n ._aa4d .xw4jnvo {\n background-color: #8087a2;\n }\n ._aa4d span[data-bloks-name=\"bk.components.TextSpan\"] {\n color: #b7bdf8 !important;\n }\n ._aa4d ._ab37 {\n color: #8aadf4;\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 ._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 ._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 scrollbar-width: none;\n scrollbar-color: #b7bdf8 #181926;\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 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 .xzloghq {\n background-color: #6e738d;\n }\n ._aa4c .xzloghq:hover {\n color: #b7bdf8;\n background-color: #b7bdf8;\n }\n ._aa4c .xk5f4mz {\n background-color: #1e2030;\n }\n ._aa4c .xk5f4mz:hover {\n background-color: #b7bdf8;\n }\n ._aa4c .x3nfvp2 {\n color: #cad3f5;\n }\n ._aa4c .x3nfvp2:hover {\n color: #1e2030;\n }\n ._aa4c .x1r7x56h {\n background-color: #a6da95;\n }\n ._aa4c .x100vrsf {\n background-color: #363a4f;\n }\n ._aa4c .xw4jnvo {\n background-color: #8087a2;\n }\n ._aa4c span[data-bloks-name=\"bk.components.TextSpan\"] {\n color: #b7bdf8 !important;\n }\n ._aa4c ._ab37 {\n color: #8aadf4;\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 ._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 }",
"start": 1106,
"domains": [
"instagram.com"
@@ -5239,22 +5263,22 @@
},
{
"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": 34485,
+ "start": 34535,
"regexps": [
"^.*instagram.com/direct.*"
]
},
{
"code": "/* prettier-ignore */",
- "start": 34814
+ "start": 34864
}
],
- "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.5\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/instagram/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ainstagram\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\n scrollbar-width: none;\n scrollbar-color: @accent-color @crust;\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 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\n //Share box\n .xzloghq {\n background-color: @overlay0;\n &:hover {\n color: @accent-color;\n background-color: @accent-color;\n }\n }\n .xk5f4mz {\n background-color: @mantle;\n\n &:hover {\n background-color: @accent-color;\n }\n }\n .x3nfvp2 {\n color: @text;\n &:hover {\n color: @mantle;\n }\n }\n\n //all toggle sliders\n\n .x1r7x56h {\n background-color: @green;\n }\n .x100vrsf {\n background-color: @surface0;\n }\n .xw4jnvo {\n background-color: @overlay1;\n }\n\n span[data-bloks-name=\"bk.components.TextSpan\"] {\n color: @accent-color !important;\n }\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\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/* prettier-ignore */\n@catppuccin: {\n @latte: {\n @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 @text_filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%) hue-rotate(196deg) brightness(97%) contrast(85%);\n };\n @frappe: {\n @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 @text_filter: brightness(0) saturate(100%) invert(84%) sepia(5%) saturate(1519%) hue-rotate(192deg) brightness(100%) contrast(93%);\n };\n @macchiato: {\n @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 @text_filter: brightness(0) saturate(100%) invert(80%) sepia(18%) saturate(377%) hue-rotate(192deg) brightness(103%) contrast(92%);\n };\n @mocha: {\n @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 @text_filter: brightness(0) saturate(100%) invert(85%) sepia(6%) saturate(1356%) hue-rotate(194deg) brightness(103%) contrast(91%);\n };\n}\n\n// vim:ft=less\n",
+ "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.6\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/instagram/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ainstagram\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\n scrollbar-width: none;\n scrollbar-color: @accent-color @crust;\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 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\n //Share box\n .xzloghq {\n background-color: @overlay0;\n &:hover {\n color: @accent-color;\n background-color: @accent-color;\n }\n }\n .xk5f4mz {\n background-color: @mantle;\n\n &:hover {\n background-color: @accent-color;\n }\n }\n .x3nfvp2 {\n color: @text;\n &:hover {\n color: @mantle;\n }\n }\n\n //all toggle sliders\n\n .x1r7x56h {\n background-color: @green;\n }\n .x100vrsf {\n background-color: @surface0;\n }\n .xw4jnvo {\n background-color: @overlay1;\n }\n\n span[data-bloks-name=\"bk.components.TextSpan\"] {\n color: @accent-color !important;\n }\n\n // Log In With Facebook text\n ._ab37 {\n color: @blue;\n }\n\n // Excluded:\n // - _9ys7, _9_1f, _9ys8 (verified icon)\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 ._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\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/* prettier-ignore */\n@catppuccin: {\n @latte: {\n @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 @text_filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%) hue-rotate(196deg) brightness(97%) contrast(85%);\n };\n @frappe: {\n @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 @text_filter: brightness(0) saturate(100%) invert(84%) sepia(5%) saturate(1519%) hue-rotate(192deg) brightness(100%) contrast(93%);\n };\n @macchiato: {\n @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 @text_filter: brightness(0) saturate(100%) invert(80%) sepia(18%) saturate(377%) hue-rotate(192deg) brightness(103%) contrast(92%);\n };\n @mocha: {\n @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 @text_filter: brightness(0) saturate(100%) invert(85%) sepia(6%) saturate(1356%) hue-rotate(194deg) brightness(103%) contrast(91%);\n };\n}\n\n// vim:ft=less\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.5",
+ "version": "0.1.6",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/instagram/catppuccin.user.css",
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ainstagram",
"description": "Soothing pastel theme for Instagram",
@@ -5417,12 +5441,12 @@
"author": "Catppuccin",
"description": "Soothing pastel theme for Instagram",
"name": "Instagram Catppuccin",
- "originalDigest": "b5aea7658ef2a93b7ae73042e1bea8a9813aeac8",
+ "originalDigest": "70871843c7180e2828794f4254ca8d2eb693f16e",
"_id": "c53381d5-ffa6-401f-9e4d-9b23dd552b2e",
- "_rev": 1704883499451,
+ "_rev": 1705922906419,
"id": 68,
- "etag": "W/\"370432739fe4a55f71ad4e0294dcd6b4e540de47c101bedc94713748d9be28ae\"",
- "updateDate": 1704883499373
+ "etag": "W/\"f21329d8ee32aa49c660bb22d98231ca8f39a9600c29d16d5aaa55df3d5eb434\"",
+ "updateDate": 1705922906342
},
{
"enabled": true,
@@ -5431,26 +5455,27 @@
"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== */",
+ "code": "/* ==UserStyle==\n@name Gmail Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/gmail\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/gmail\n@version 0.1.3\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@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agmail\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: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"
+ "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 /* 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 /* loading */\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 [style=\"background:#4285f4\"] {\n background: #8aadf4 !important;\n }\n :root [style=\"background:#34a853\"] {\n background: #a6da95 !important;\n }\n :root [style=\"background:#ea4335\"] {\n background: #ed8796 !important;\n }\n :root .la-c.la-l {\n background: #e65b6f;\n }\n :root .la-c.la-r {\n background: #eed49f;\n }\n :root header,\n :root .nH.w-asV,\n :root .bkL,\n :root .bhZ.bym,\n :root .bhZ.bjB,\n :root .bhZ.bym.baA {\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 .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 .J-N-JX,\n :root .J-Ph-hFsbo,\n :root .OB,\n :root .Q1:not(:checked) + .Vo::before,\n :root .SV {\n filter: invert(1);\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 :root #explosion_clipper_div > .la-i > div {\n background: #363a4f !important;\n }\n :root #nlpt {\n background-color: #363a4f !important;\n }\n :root #nlpt::before {\n background-color: #6e738d !important;\n }\n :root .la-b > .la-l,\n :root .la-b > .la-r,\n :root .la-b > .la-m {\n background: #494d64 !important;\n }\n :root .la-k .la-l,\n :root .la-k .la-r {\n border-color: #24273a !important;\n }\n :root .la-k .la-m {\n background: #24273a !important;\n clip-path: polygon(47% 100%, 100% 47%, 100% 100%);\n }\n :root .la-i > .la-l,\n :root .la-i > .la-r {\n border-color: #363a4f !important;\n }\n :root .la-i > .la-m {\n background: #363a4f !important;\n }\n :root .msgb {\n color: #cad3f5;\n }\n :root .msgb a {\n color: #b7bdf8 !important;\n }\n /* prettier-ignore */",
+ "start": 915,
+ "domains": [
+ "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",
+ "sourceCode": "/* ==UserStyle==\n@name Gmail Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/gmail\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/gmail\n@version 0.1.3\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@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agmail\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:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"mail.google.com\") {\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 [style=\"background:#4285f4\"] {\n background: @blue !important;\n }\n [style=\"background:#34a853\"] {\n background: @green !important;\n }\n [style=\"background:#ea4335\"] {\n background: @red !important;\n }\n .la-c.la-l {\n background: darken(@red, 10%);\n }\n .la-c.la-r {\n background: @yellow;\n }\n\n header,\n .nH.w-asV,\n .bkL,\n .bhZ.bym,\n .bhZ.bjB,\n .bhZ.bym.baA {\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 .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 .J-N-JX,\n .J-Ph-hFsbo,\n .OB,\n .Q1:not(:checked) + .Vo::before,\n .SV {\n filter: invert(1);\n }\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 /* loading */\n #explosion_clipper_div > .la-i > div {\n background: @surface0 !important;\n }\n\n #nlpt {\n background-color: @surface0 !important;\n &::before {\n background-color: @overlay0 !important;\n }\n }\n\n .la-b > .la-l,\n .la-b > .la-r,\n .la-b > .la-m {\n background: @surface1 !important;\n }\n\n .la-k .la-l,\n .la-k .la-r {\n border-color: @base !important;\n }\n\n .la-k .la-m {\n background: @base !important;\n clip-path: polygon(47% 100%, 100% 47%, 100% 100%);\n }\n\n .la-i > .la-l,\n .la-i > .la-r {\n border-color: @surface0 !important;\n }\n\n .la-i > .la-m {\n background: @surface0 !important;\n }\n\n .msgb {\n color: @text;\n a {\n color: @accent-color !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",
+ "version": "0.1.3",
"description": "Soothing pastel theme for Gmail",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/gmail/catppuccin.user.css",
+ "supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agmail",
"license": "MIT",
"preprocessor": "less",
"vars": {
@@ -5572,12 +5597,12 @@
"author": "Catppuccin",
"description": "Soothing pastel theme for Gmail",
"name": "Gmail Catppuccin",
- "originalDigest": "9064984966162d256b234c1064859b728bc2ee56",
+ "originalDigest": "3a971e5cf71ef7470b9a0183813ad564b7843991",
"_id": "f9a24a30-2a71-44d7-937b-1f768445f52f",
- "_rev": 1700339536065,
+ "_rev": 1707864081029,
"id": 69,
- "etag": "W/\"7d7670739f103314c49bf0bb6859c475df8b9a09ad47b5b0e046d3809cf20860\"",
- "updateDate": 1700339535939
+ "etag": "W/\"48235ae31ed1d9a01d776d48600600077af5384dc5f4f9c0ad12f6d04fac2ebd\"",
+ "updateDate": 1707864081014
},
{
"enabled": true,
@@ -5731,24 +5756,25 @@
"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 */",
+ "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.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/codeberg/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Acodeberg\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,
+ "code": "@import url(\"https://git.isabelroses.com/assets/css/theme-catppuccin-macchiato-lavender.css\") (prefers-color-scheme: light);\n @import url(\"https://git.isabelroses.com/assets/css/theme-catppuccin-macchiato-lavender.css\") (prefers-color-scheme: dark);",
+ "start": 1327,
"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",
+ "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.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/codeberg/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Acodeberg\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 @import (css)\n url(\"https://git.isabelroses.com/assets/css/theme-catppuccin-@{lightFlavor}-@{accentColor}.css\")\n (prefers-color-scheme: light);\n @import (css)\n url(\"https://git.isabelroses.com/assets/css/theme-catppuccin-@{darkFlavor}-@{accentColor}.css\")\n (prefers-color-scheme: dark);\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",
+ "version": "1.0.1",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/codeberg/catppuccin.user.css",
+ "supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Acodeberg",
"description": "Soothing pastel theme for Codeberg",
"author": "Catppuccin",
"license": "MIT",
@@ -5901,11 +5927,12 @@
"author": "Catppuccin",
"description": "Soothing pastel theme for Codeberg",
"name": "Codeberg Catppuccin",
- "originalDigest": "1fa2661afb4e274570a405f676959dae1cbe7483",
+ "originalDigest": "3d5c9940c8104d2c48f3a0644bb3423ce5d91251",
"_id": "3349733a-dd52-4820-a867-5df5b50caf3d",
- "_rev": 1700768669791,
+ "_rev": 1706999671016,
"id": 71,
- "etag": "W/\"9365da79b7fb52edd862c258a3d3ba9ea56aeb63e0b08b7381355a5b1cfd1fbe\""
+ "etag": "W/\"762c24c17ac0c73e4f0f8ee77fb38370a582c5a3ba39ba9fde09eda8740b9cd7\"",
+ "updateDate": 1706999670990
},
{
"enabled": true,
@@ -6880,11 +6907,11 @@
"installDate": 1701626585369,
"sections": [
{
- "code": "/* ==UserStyle==\n@name Google Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/google\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/google\n@version 0.1.2\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/google/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle\n@description Soothing pastel theme for Google\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */",
+ "code": "/* ==UserStyle==\n@name Google Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/google\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/google\n@version 0.1.7\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/google/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle\n@description Soothing pastel theme for Google\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */",
"start": 0
},
{
- "code": "@media (prefers-color-scheme: light) {\n body {\n background: #eff1f5 !important;\n --uv-styles-color-surface: #dce0e8;\n --uv-styles-color-tertiary: #ccd0da;\n --uv-styles-color-secondary: rgba(30, 102, 245, 0.25);\n --uv-styles-color-text-primary: #1e66f5;\n --uv-styles-color-icon-default: #4c4f69;\n --uv-styles-color-text-emphasis: #4c4f69;\n --uv-styles-color-icon-on-secondary: #6c6f85;\n color: #6c6f85;\n }\n body .gb_Ka.gb_f,\n body .gb_Na.gb_f {\n background-color: #eff1f5 !important;\n }\n body .gb_Ka.gb_f svg,\n body .gb_Na.gb_f svg,\n body .gb_Ka.gb_f .gb_Rc svg,\n body .gb_Na.gb_f .gb_Rc svg,\n body .gb_Ka.gb_f .gb_dd .gb_ld,\n body .gb_Na.gb_f .gb_dd .gb_ld,\n body .gb_Ka.gb_f .gb_3c .gb_ld,\n body .gb_Na.gb_f .gb_3c .gb_ld {\n color: #4c4f69;\n }\n body .uU7dJb {\n border-bottom-color: #ccd0da;\n background-color: #e6e9ef;\n color: #5c5f77;\n }\n body .KxwPGc {\n background-color: #e6e9ef;\n }\n body .gbqfba,\n body .lJ9FBc input[type=\"submit\"] {\n color: #4c4f69;\n background-color: #ccd0da;\n border-color: #bcc0cc;\n }\n body .gbqfba:hover,\n body .lJ9FBc input[type=\"submit\"]:hover {\n color: #4c4f69;\n background-color: #ccd0da;\n border-color: #acb0be;\n }\n body .pHiOh,\n body a.pHiOh {\n color: #5c5f77 !important;\n }\n body a {\n color: #1e66f5;\n }\n body .RNNXgb {\n background: #ccd0da;\n border-color: #bcc0cc;\n }\n body .RNNXgb:hover,\n body .sbfc .RNNXgb {\n background: #ccd0da !important;\n border-color: #ccd0da;\n box-shadow: 0 1px 6px 0 #dce0e8;\n }\n body .minidiv .RNNXgb {\n background: #ccd0da;\n border-color: #bcc0cc;\n }\n body .minidiv .RNNXgb:hover {\n box-shadow: 0 4px 12px #dce0e8;\n }\n body .emcav .RNNXgb {\n box-shadow: 0 1px 6px 0 #dce0e8;\n background: #ccd0da;\n border-color: #ccd0da;\n }\n body .aajZCb {\n background: #ccd0da;\n box-shadow: 0 4px 6px 0 #dce0e8;\n }\n body .xtSCL {\n border-top-color: #acb0be;\n }\n body .sbct:hover {\n background-color: #bcc0cc;\n }\n body .WggQGd {\n color: #8839ef !important;\n }\n body .JCHpcb {\n color: #6c6f85;\n }\n body .JCHpcb:hover {\n color: #1e66f5;\n }\n body .wM6W7d {\n color: #4c4f69;\n }\n body .ExCKkf {\n color: #6c6f85;\n }\n body .ACRAdd {\n border-left-color: #9ca0b0;\n }\n body #SIvCob {\n color: #4c4f69;\n }\n body .gb_Jc a.gb_B,\n body .gb_Jc span.gb_B {\n color: #4c4f69;\n }\n body .gb_Jc svg,\n body .gb_Oc.gb_Sc svg,\n body .gb_Jc .gb_ad .gb_id,\n body .gb_Jc .gb_ad .gb_Ic,\n body .gb_Jc .gb_ad .gb_cd,\n body .gb_Oc.gb_Sc .gb_id {\n color: #4c4f69;\n }\n body .gb_Ka svg,\n body .gb_Oc svg,\n body .gb_ad .gb_id,\n body .gb_0c .gb_id {\n color: #4c4f69;\n }\n body .gLFyf {\n color: #4c4f69;\n }\n body .QCzoEc {\n color: #7c7f93;\n }\n body .szppmdbYutt__middle-slot-promo {\n color: #4c4f69;\n }\n body .gb_Jc .gb_Ud button:hover svg,\n body .gb_Jc .gb_d:hover {\n background-color: #ccd0da;\n }\n body .gb_Jc .gb_Ud.gb_qe button:hover svg,\n body .gb_Ud button:hover svg,\n body .gb_d:hover {\n background-color: #ccd0da;\n }\n body .gb_We {\n background: #e6e9ef;\n color: #4c4f69;\n }\n body a.gb_B,\n body span.gb_B {\n color: #4c4f69;\n }\n body .gb_zc div:first-child {\n color: #4c4f69;\n }\n body .gb_zc > * {\n color: #6c6f85;\n }\n body .ClJ9Yb {\n color: #6c6f85;\n }\n body .sfbg {\n background-color: #eff1f5;\n }\n body .jfN4p,\n body .lnXdpd {\n content: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22272%22%20height%3D%2292%22%3E%3Cpath%20fill%3D%22%23d20f39%22%20d%3D%22M115.75%2047.18c0%2012.77-9.99%2022.18-22.25%2022.18s-22.25-9.41-22.25-22.18C71.25%2034.32%2081.24%2025%2093.5%2025s22.25%209.32%2022.25%2022.18zm-9.74%200c0-7.98-5.79-13.44-12.51-13.44S80.99%2039.2%2080.99%2047.18c0%207.9%205.79%2013.44%2012.51%2013.44s12.51-5.55%2012.51-13.44z%22/%3E%3Cpath%20fill%3D%22%23df8e1d%22%20d%3D%22M163.75%2047.18c0%2012.77-9.99%2022.18-22.25%2022.18s-22.25-9.41-22.25-22.18c0-12.85%209.99-22.18%2022.25-22.18s22.25%209.32%2022.25%2022.18zm-9.74%200c0-7.98-5.79-13.44-12.51-13.44s-12.51%205.46-12.51%2013.44c0%207.9%205.79%2013.44%2012.51%2013.44s12.51-5.55%2012.51-13.44z%22/%3E%3Cpath%20fill%3D%22%231e66f5%22%20d%3D%22M209.75%2026.34v39.82c0%2016.38-9.66%2023.07-21.08%2023.07-10.75%200-17.22-7.19-19.66-13.07l8.48-3.53c1.51%203.61%205.21%207.87%2011.17%207.87%207.31%200%2011.84-4.51%2011.84-13v-3.19h-.34c-2.18%202.69-6.38%205.04-11.68%205.04-11.09%200-21.25-9.66-21.25-22.09%200-12.52%2010.16-22.26%2021.25-22.26%205.29%200%209.49%202.35%2011.68%204.96h.34v-3.61h9.25zm-8.56%2020.92c0-7.81-5.21-13.52-11.84-13.52-6.72%200-12.35%205.71-12.35%2013.52%200%207.73%205.63%2013.36%2012.35%2013.36%206.63%200%2011.84-5.63%2011.84-13.36z%22/%3E%3Cpath%20fill%3D%22%2340a02b%22%20d%3D%22M225%203v65h-9.5V3h9.5z%22/%3E%3Cpath%20fill%3D%22%23d20f39%22%20d%3D%22m262.02%2054.48%207.56%205.04c-2.44%203.61-8.32%209.83-18.48%209.83-12.6%200-22.01-9.74-22.01-22.18%200-13.19%209.49-22.18%2020.92-22.18%2011.51%200%2017.14%209.16%2018.98%2014.11l1.01%202.52-29.65%2012.28c2.27%204.45%205.8%206.72%2010.75%206.72%204.96%200%208.4-2.44%2010.92-6.14zm-23.27-7.98%2019.82-8.23c-1.09-2.77-4.37-4.7-8.23-4.7-4.95%200-11.84%204.37-11.59%2012.93z%22/%3E%3Cpath%20fill%3D%22%231e66f5%22%20d%3D%22M35.29%2041.41V32H67c.31%201.64.47%203.58.47%205.68%200%207.06-1.93%2015.79-8.15%2022.01-6.05%206.3-13.78%209.66-24.02%209.66C16.32%2069.35.36%2053.89.36%2034.91.36%2015.93%2016.32.47%2035.3.47c10.5%200%2017.98%204.12%2023.6%209.49l-6.64%206.64c-4.03-3.78-9.49-6.72-16.97-6.72-13.86%200-24.7%2011.17-24.7%2025.03%200%2013.86%2010.84%2025.03%2024.7%2025.03%208.99%200%2014.11-3.61%2017.39-6.89%202.66-2.66%204.41-6.46%205.1-11.65l-22.49.01z%22/%3E%3C/svg%3E\");\n }\n body .zgAlFc {\n color: #1e66f5;\n }\n body .fLciMb {\n color: #4c4f69;\n }\n body .fLciMb:hover {\n background-color: #ccd0da;\n }\n body .kno-ftr.rpBMYb {\n color: #6c6f85;\n }\n body .aTI8gc {\n color: #4c4f69;\n }\n body .wwUB2c {\n color: #6c6f85;\n }\n body .z1asCe {\n color: #4c4f69 !important;\n fill: #4c4f69 !important;\n }\n body .rsGxI.Ww4FFb,\n body .Ww4FFb {\n background-color: #eff1f5;\n }\n body .RES9jf {\n color: #4c4f69;\n }\n body .CSkcDe,\n body .related-question-pair div.iDjcJe {\n color: #4c4f69;\n }\n body .cUnQKe .ILfuVd b {\n background-color: rgba(30, 102, 245, 0.25);\n color: #4c4f69;\n }\n body .cUnQKe .ILfuVd,\n body .cUnQKe .UiGGAb.ILfuVd {\n color: #5c5f77;\n }\n body .ZYHQ7e {\n color: #6c6f85;\n }\n body .VuuXrf {\n color: #4c4f69;\n }\n body .hb8SAc {\n color: #4c4f69;\n }\n body .TQc1id .I6TXqe {\n border-color: #acb0be;\n }\n body .I6TXqe {\n background: #eff1f5;\n }\n body .HsZQAe {\n border-bottom-color: #acb0be;\n }\n body .NtaMpb .niO4u {\n background-color: #eff1f5;\n }\n body .iRPzcb {\n border-bottom-color: #bcc0cc;\n }\n body .related-question-pair .d0fCJc {\n color: #4c4f69;\n }\n body cite,\n body cite a:link,\n body cite a:visited {\n color: #6c6f85;\n }\n body .WZ8Tjf {\n color: #6c6f85;\n }\n body .yDYNvb.lyLwlc {\n color: #4c4f69;\n }\n body .H9lube {\n background-color: #eff1f5;\n border-color: #acb0be;\n }\n body .akqY6 {\n background: #bcc0cc;\n }\n body .KFFQ0c .YfftMc,\n body .KFFQ0c .YfftMc span,\n body .KFFQ0c .YfftMc div,\n body .KFFQ0c .YfftMc a {\n color: #6c6f85;\n }\n body .dyjrff {\n color: #5c5f77;\n }\n body .appbar {\n background: #eff1f5;\n }\n body .LHJvCe {\n color: #6c6f85;\n }\n body .dG2XIf .xpdbox .yc7KLc {\n background-color: #eff1f5;\n }\n body .URgIvb {\n border-color: #1e66f5;\n background-color: #1e66f5;\n }\n body .pdpvld {\n color: #40a02b;\n }\n body .YrbPuc {\n color: #5c5f77;\n }\n body .S8ee5.CwbYXd {\n color: #4c4f69;\n }\n body .S8ee5 {\n background: #ccd0da;\n }\n body .S8ee5:hover {\n background: #bcc0cc;\n }\n body .rhHIGd {\n background-color: #acb0be;\n }\n body .sY7ric {\n color: #4c4f69;\n }\n body .I6a0ee {\n background-color: #eff1f5;\n border-color: #acb0be;\n color: #4c4f69;\n }\n body .I6a0ee:hover {\n background-color: #e6e9ef;\n border-color: #acb0be;\n }\n body .I6a0ee:focus {\n background-color: #dce0e8;\n border-color: #acb0be;\n }\n body .pxhZNb {\n background-color: #ccd0da !important;\n color: #4c4f69;\n }\n body .d2F2Td {\n color: #4c4f69;\n }\n body .c07z9 {\n color: #6c6f85;\n }\n body .c07z9 a,\n body .c07z9 a:active,\n body .c07z9 a:link {\n color: #4c4f69;\n text-decoration-color: #6c6f85;\n }\n body .wHYlTd {\n color: #6c6f85;\n }\n body .dG2XIf .c2xzTb .wDYxhc:first-child {\n background: #eff1f5;\n }\n body .fm06If .ILfuVd,\n body .c2xzTb .ILfuVd,\n body .Jb0Zif .c2xzTb .ILfuVd {\n color: #4c4f69;\n }\n body .fm06If .ILfuVd b,\n body .c2xzTb .ILfuVd b {\n background-color: rgba(30, 102, 245, 0.25);\n color: #4c4f69;\n }\n body .GKS7s {\n background: #ccd0da;\n border-color: #bcc0cc;\n }\n body .GKS7s:hover {\n background-color: #bcc0cc !important;\n border-color: #acb0be;\n }\n body .yXK7lf em {\n color: #4c4f69;\n }\n body .Lb0dA:hover {\n background-color: #ccd0da;\n }\n body .Lb0dA[aria-expanded=\"true\"]:hover .EGarzf {\n color: #1e66f5;\n }\n body .Lb0dA[aria-expanded=\"true\"] {\n background-color: rgba(30, 102, 245, 0.25);\n }\n body .BaegVc:hover {\n background-color: #ccd0da;\n }\n body .hdtb-tl-sel .BaegVc {\n background-color: rgba(30, 102, 245, 0.25);\n }\n body .BaegVc:focus {\n background-color: rgba(30, 102, 245, 0.25);\n }\n body .TZqsAd {\n background: #9ca0b0;\n }\n body .FalWJb {\n background: #eff1f5;\n }\n body .YeThId {\n border-top-color: #bcc0cc;\n }\n body .k8XOCe {\n background-color: #ccd0da;\n }\n body .s75CSd {\n color: #4c4f69;\n }\n body .ZkkK1e {\n background: #eff1f5;\n border-color: #bcc0cc;\n }\n body .ZkkK1e:hover {\n background: #ccd0da;\n }\n body .QjI2jc {\n color: #6c6f85;\n }\n body .lhLbod {\n color: #6c6f85;\n }\n body .nr7I6e div[aria-expanded=\"true\"] .F75bid,\n body .nr7I6e div[aria-expanded=\"true\"]:hover .fFI3rb .F75bid {\n color: #1e66f5;\n }\n body .F75bid {\n color: #6c6f85;\n }\n body div[aria-expanded=\"true\"] .fFI3rb {\n background-color: rgba(30, 102, 245, 0.25) !important;\n }\n body div[aria-expanded=\"true\"]:hover .fFI3rb:hover {\n background-color: rgba(30, 102, 245, 0.25) !important;\n }\n body .MAMMm {\n background: #e6e9ef;\n box-shadow: 0 2px 6px #dce0e8 !important;\n }\n body [selected].nWtjMe {\n background: rgba(30, 102, 245, 0.25) !important;\n }\n body .uZNuIf:hover {\n background-color: #ccd0da;\n color: #4c4f69;\n }\n body [selected].nWtjMe .FMKtTb {\n color: #4c4f69;\n }\n body .nWtjMe .FMKtTb {\n color: #6c6f85;\n }\n body .GKS7s .FMKtTb,\n body .GKS7s .RWhoyd.mol54e {\n color: #4c4f69;\n }\n body .ePSouf .FMKtTb {\n color: #6c6f85;\n }\n body .NkCsjc:hover {\n background-color: #ccd0da !important;\n color: #4c4f69;\n }\n body .nr7I6e div[aria-haspopup=\"true\"]:hover .F75bid {\n color: #4c4f69;\n }\n body a.hisnlb {\n background: rgba(124, 127, 147, 0.25);\n }\n body div[aria-expanded=\"true\"] .fFI3rb,\n body div[aria-expanded=\"true\"]:hover .fFI3rb:hover {\n background-color: #ccd0da !important;\n }\n body .hdtb-tl-sel .BaegVc .WjMmQ:hover {\n color: #1e66f5;\n }\n body .hdtb-mn-hd {\n color: #6c6f85;\n }\n body .hdtb-mn-hd:hover {\n color: #4c4f69;\n }\n body .fSnalc {\n stroke: #1e66f5;\n }\n body .oOg6Ne {\n stroke: #df8e1d;\n }\n body .ZqPjbb {\n stroke: #d20f39;\n }\n body .aPiskd {\n stroke: #40a02b;\n }\n body .s8GCU {\n background-color: #eff1f5;\n }\n body .Lj9fsd {\n background-color: #eff1f5;\n }\n body .jZWadf {\n background-color: #eff1f5;\n }\n body .rQEFy,\n body .rQEFy:hover {\n border-color: rgba(30, 102, 245, 0.25);\n background-color: rgba(30, 102, 245, 0.25);\n }\n body .gbZSUe {\n color: #4c4f69;\n }\n body .gbZSUe:hover {\n background: #ccd0da;\n }\n body .XZ5MVe {\n color: #1e66f5;\n }\n body a:visited {\n color: #8839ef;\n }\n body .F9Idpe {\n background: linear-gradient(to right, transparent 0%, #eff1f5 60%, #eff1f5);\n }\n body .SvoXfb > .x5f7Bc {\n fill: #6c6f85;\n }\n body .SvoXfb:hover > .x5f7Bc {\n fill: #4c4f69;\n }\n body .SvoXfb:hover {\n background-color: #ccd0da;\n }\n body .IsZvec {\n color: #6c6f85;\n }\n body .uo4vr {\n color: #6c6f85;\n }\n body .minidiv .sfbg {\n background: #eff1f5;\n box-shadow: 0 1px 6px 0 #dce0e8;\n }\n body .aqCVJb {\n background-color: #1e66f5 !important;\n border-color: #1e66f5 !important;\n }\n body .T8VaVe {\n color: #1e66f5;\n }\n body #tw-source-text-container .tw-ta,\n body #tw-source-rmn-container .tw-ta {\n color: #4c4f69;\n }\n body #tw-target {\n background-color: #ccd0da;\n }\n body .tw-data-placeholder {\n color: #4c4f69;\n }\n body .j1iyq {\n border-color: #acb0be;\n }\n body .w8qArf .fl {\n color: #4c4f69 !important;\n }\n body .HSryR a.B1uW2d {\n border-bottom-color: #acb0be;\n }\n body .usJj9c .zz3gNc {\n color: #4c4f69;\n }\n body .Ss2Faf a {\n color: #4c4f69;\n }\n body .aCOpRe em,\n body .yXK7lf em {\n color: #4c4f69;\n }\n body .FR7ZSc .niO4u {\n background-color: #eff1f5;\n border-color: #acb0be;\n color: #1e66f5;\n }\n body .g {\n color: #4c4f69;\n }\n body .VSHxQ {\n color: #6c6f85;\n }\n body .cF4V5c {\n background-color: #dce0e8 !important;\n }\n body .cF4V5c g-menu-item a,\n body .cF4V5c g-menu-item a:visited,\n body .cF4V5c g-menu-item a:hover {\n color: #4c4f69;\n }\n body .cF4V5c:hover g-menu-item:hover a,\n body .cF4V5c:hover g-menu-item a:visited,\n body .cF4V5c g-menu-item a:hover {\n background-color: #ccd0da;\n }\n body .GZnQqe.LGiluc {\n border-top-color: #acb0be !important;\n }\n body .pkWBse {\n box-shadow: 1px 1px 15px 0 #dce0e8;\n }\n body .dG2XIf {\n background: #eff1f5;\n }\n body .Z0LcW {\n color: #4c4f69;\n }\n body .i29hTd .qLLird {\n color: #4c4f69;\n }\n body .i29hTd .kR7nSc {\n color: #4c4f69;\n }\n body .N6Sb2c {\n color: #6c6f85;\n }\n body .C9iYEe {\n color: #6c6f85;\n }\n body .KcXNxb {\n background: #eff1f5;\n }\n body .ss6qqb .PKDVJd {\n color: #6c6f85;\n }\n body a.oBa0Fe {\n color: #6c6f85;\n }\n body .o6juZc {\n background-color: #ccd0da;\n }\n body .o6juZc:hover {\n background-color: #ccd0da;\n box-shadow: 0 4px 12px #dce0e8;\n }\n body .W6pGoe {\n background: #ccd0da;\n box-shadow: 0 4px 6px 0 #dce0e8;\n }\n body .WdWr7c {\n border-top-color: #acb0be;\n }\n body .sU3bKf {\n color: #4c4f69;\n }\n body .O5OUld {\n color: #6c6f85;\n }\n body .zP7KFe {\n background: #bcc0cc;\n }\n body .O5OUld:hover {\n color: #1e66f5;\n }\n body .og3lId {\n color: #4c4f69;\n }\n body .M3w8Nb .o6juZc {\n box-shadow: 0 1px 6px 0 #dce0e8;\n }\n body .r8xEL {\n color: #4c4f69;\n }\n body .ZZ7G7b {\n color: #4c4f69;\n border-color: #bcc0cc;\n }\n body .NZmxZe {\n background-color: #eff1f5;\n border-color: #bcc0cc;\n color: #4c4f69;\n }\n body .NZmxZe:not(.rQEFy):hover {\n background-color: #ccd0da;\n border-color: #bcc0cc;\n color: #4c4f69;\n }\n body .ssfWCe .ZXJQ7c {\n color: #6c6f85;\n }\n body .ssfWCe .ZXJQ7c:hover {\n background-color: #ccd0da;\n color: #4c4f69;\n }\n body .qcTKEe {\n background-color: #eff1f5;\n }\n body .ooPrBf {\n background: #eff1f5;\n }\n body .r9PaP {\n color: #6c6f85;\n }\n body .r9PaP:hover {\n color: #1e66f5;\n }\n body .H1KrKd {\n fill: #6c6f85;\n }\n body .cEPPT {\n border-bottom-color: #bcc0cc;\n }\n body .Ix6LGe {\n background: #eff1f5;\n box-shadow: 0 2px 10px 0 #dce0e8;\n }\n body .Hm7Qac:hover,\n body .EuKAde {\n background-color: #ccd0da;\n }\n body .igM9Le {\n color: #4c4f69;\n }\n body .irf0hb {\n box-shadow: 1px 1px 15px 0 #dce0e8;\n }\n body .gb_Mc .gb_Vd button:hover svg,\n body .gb_Mc .gb_d:hover {\n background-color: #ccd0da;\n }\n body .gb_Mc svg,\n body .gb_Rc.gb_Vc svg,\n body .gb_Mc .gb_dd .gb_ld,\n body .gb_Mc .gb_dd .gb_Lc,\n body .gb_Mc .gb_dd .gb_fd,\n body .gb_Rc.gb_Vc .gb_ld {\n color: #4c4f69;\n }\n body .cEW58 {\n background-color: #ccd0da;\n }\n body .dyAbMb {\n fill: #6c6f85;\n }\n body .zItAnd,\n body .zItAnd:link,\n body .zItAnd:visited,\n body .zItAnd:hover,\n body .zItAnd:active {\n color: #4c4f69;\n }\n body .zItAnd {\n background-color: #eff1f5;\n border-color: #bcc0cc;\n }\n body .zItAnd:not(.MgQdud):hover {\n background-color: #ccd0da;\n border-color: #bcc0cc;\n }\n body .fKmH1e {\n background-color: #eff1f5;\n border-color: #bcc0cc;\n }\n body .fKmH1e:hover {\n background-color: #ccd0da;\n border-color: #bcc0cc;\n }\n body .nfSF8e,\n body .WRhYSc {\n color: #6c6f85;\n }\n body .nfSF8e:hover,\n body .WRhYSc:hover {\n background-color: #ccd0da;\n color: #6c6f85;\n }\n body .ssJ7i {\n color: #4c4f69;\n }\n body .iAIpCb {\n color: #6c6f85;\n }\n body .KMdzJ {\n color: #5c5f77;\n }\n body .PmPt7d {\n color: #6c6f85;\n }\n body .gb_Mc a.gb_E,\n body .gb_Mc span.gb_E {\n color: #4c4f69;\n }\n body a.gb_E,\n body span.gb_E {\n color: #4c4f69 !important;\n }\n body .RzdJxc {\n border-top-color: #acb0be;\n }\n body .rKnmn {\n border-top-color: #acb0be;\n }\n body .FzCfme {\n color: #6c6f85;\n }\n body .hMJ0yc {\n color: #6c6f85;\n }\n body .yg51vc {\n background-color: #eff1f5;\n }\n body .hdtb-mitem a {\n color: #6c6f85;\n }\n body .hdtb-mitem .GOE98c,\n body .hdtb-mitem a,\n body .hdtb-mitem.hdtb-msel,\n body .t2vtad {\n color: #6c6f85;\n }\n body .t2vtad:not(.hdtb-tl-sel) {\n color: #6c6f85;\n }\n body .t2vtad:not(.hdtb-tl-sel):hover {\n background-color: #ccd0da;\n border-color: #bcc0cc;\n color: #4c4f69;\n box-shadow: 0 1px 1px #dce0e8;\n }\n body .hdtb-mitem:hover .GOE98c:hover,\n body .hdtb-mitem:hover a,\n body .hdtb-mitem.hdtb-msel,\n body .t2vtad:hover {\n color: #1e66f5;\n }\n body .w6PoOe {\n color: #6c6f85;\n }\n body .w6PoOe:hover {\n color: #4c4f69;\n }\n body .Lj9fsd.DU1Mzb {\n background-color: #eff1f5;\n box-shadow: 0 1px 6px 0 #dce0e8;\n }\n body .Lj9fsd.DU1Mzb .o6juZc {\n border-color: #bcc0cc !important;\n }\n body .dZ5aUe .vbLSne .MjJqGe:not(.xvfzbc):hover {\n background-color: #ccd0da;\n }\n body .FjVBEd {\n color: #40a02b;\n }\n body title-with-lhs-icon:hover .ekf0x h3 {\n color: #1e66f5;\n }\n body .GmE3X {\n color: #4c4f69;\n }\n body .iv236 {\n color: #4c4f69;\n }\n body .GLcBOb {\n border-bottom-color: #bcc0cc;\n }\n body .ss6qqb .Ui2TZ {\n color: #4c4f69;\n }\n body .wx62f {\n color: #6c6f85;\n }\n body #rhs .u7yw9 {\n border-left-color: #bcc0cc;\n }\n body .ss6qqb .Jk5Tjc {\n border-color: #acb0be;\n }\n body #rhs .u7yw9 .cLjAic {\n border-bottom-color: #bcc0cc;\n }\n body .JNkvid .HnYYW {\n color: #4c4f69;\n }\n body .aokhrd .TZahnb {\n border-left-color: #bcc0cc;\n }\n body .Cx1ZMc {\n color: #6c6f85;\n }\n body .CBPSbf {\n background-color: #eff1f5;\n }\n body .E74aCb {\n color: #4c4f69;\n }\n body .OE86Gc {\n background-color: #eff1f5;\n color: #4c4f69;\n fill: #4c4f69;\n }\n body .c72nic {\n color: #4c4f69;\n }\n body .GXMTjb {\n background-color: #eff1f5;\n border-color: #ccd0da;\n }\n body .A9y7kf {\n color: #6c6f85;\n }\n body .OE86Gc a {\n color: #1e66f5;\n }\n body .Es2Et {\n color: #6c6f85;\n }\n body .KwJT0.VqKh3b div div {\n background-color: #eff1f5;\n fill: #4c4f69;\n color: #4c4f69;\n border-color: #bcc0cc;\n }\n body .rx7XFb {\n background-color: #ccd0da;\n }\n body .VP31Vb {\n color: #4c4f69;\n }\n body .HXQjqf {\n background-color: rgba(30, 102, 245, 0.25);\n color: #1e66f5;\n }\n body .SW5pqf {\n color: #1e66f5;\n }\n body .rQEFy:hover {\n color: #1e66f5;\n }\n body .hdtb-tl-sel {\n border-color: #acb0be;\n background: #ccd0da;\n color: #4c4f69;\n }\n body .hdtb-tl-sel:focus {\n border-color: #acb0be;\n background: #ccd0da;\n color: #1e66f5;\n }\n body .t2vtad:active,\n body .t2vtad:not(.hdtb-tl-sel):hover:active {\n background-color: #ccd0da !important;\n box-shadow: inset 0 1px 2px #dce0e8 !important;\n }\n body .gTl8xb {\n border-color: #6c6f85 transparent;\n }\n body .hdtb-mn-hd:hover .gTl8xb {\n border-color: #4c4f69 transparent;\n }\n body .h3L8Ub .yMAEcf {\n background: #ccd0da;\n border-color: #acb0be;\n }\n body .ynRric {\n color: #6c6f85;\n }\n body .cRV9hb .pcTkSc .wM6W7d {\n color: #4c4f69;\n }\n body .h3L8Ub .yMAEcf.sbhl {\n background-color: #bcc0cc;\n }\n body .sbhl {\n background: #bcc0cc;\n }\n body .CjiZvb,\n body .GZnQqe.EpPYLd:active {\n background-color: #ccd0da;\n }\n body .PyJv1b {\n color: #4c4f69;\n }\n body .REySof {\n color: #1e66f5 !important;\n }\n body .NQyKp {\n color: #1e66f5 !important;\n background: #1e66f5 !important;\n }\n body .b0Xfjd {\n color: #eff1f5 !important;\n }\n body .LiOdre {\n background-color: #eff1f5;\n border-color: #bcc0cc;\n }\n body .LiOdre:hover {\n background-color: #e6e9ef;\n border-color: #acb0be;\n }\n body .LiOdre:focus {\n border-color: #1e66f5;\n }\n body .mfsgsd {\n color: #4c4f69;\n }\n body .GCSyeb {\n background: #bcc0cc;\n }\n body .IVvPP .cLjAic.WY0eLb,\n body .Hwkikb.WY0eLb {\n border-left-color: #bcc0cc;\n }\n body .mQo3nc {\n background-color: #ccd0da;\n color: #6c6f85 !important;\n }\n body .cfBJGe {\n color: #4c4f69;\n }\n body .f6F9Be {\n background: #e6e9ef;\n }\n body .KwU3F {\n color: #1e66f5;\n }\n body .b0KoTc {\n color: #4c4f69;\n }\n body .dfB0uf {\n color: #4c4f69;\n }\n body .unknown_loc {\n background: #4c4f69;\n }\n body .GS5rRd {\n color: #1e66f5;\n }\n body .xSQxL {\n color: #1e66f5;\n }\n body .smiUbb {\n color: #4c4f69;\n }\n body .b2hzT {\n border-bottom-color: #ccd0da;\n }\n body #swml {\n border-left-color: #ccd0da;\n }\n body .KXbwLb {\n background-color: #acb0be;\n }\n body .WZH4jc .VknLRd .GNJvt {\n background: #ccd0da;\n }\n body .WZH4jc .VknLRd:hover .GNJvt {\n background: #bcc0cc;\n }\n body .GNJvt {\n color: #4c4f69;\n }\n body .fJOpI.H9lube {\n background-color: #1e66f5 !important;\n border-color: #1e66f5;\n }\n body .XNo5Ab.XNo5Ab {\n color: #eff1f5 !important;\n fill: #eff1f5 !important;\n }\n body .Ss2Faf.boljiHqtXe7__place-qa-title {\n color: #4c4f69 !important;\n }\n body .xEzgBc {\n color: #4c4f69 !important;\n }\n body .Ss2Faf.sq4Bpf {\n color: #4c4f69 !important;\n }\n body .ea0Lbe {\n background: #ccd0da;\n }\n body .f6GA0,\n body .CacfB,\n body .Ua7Yuf {\n background: #eff1f5;\n }\n body .DV7the {\n color: #1e66f5;\n }\n body .ZeVBtc {\n color: #6c6f85;\n }\n body .cB9M7 {\n background-color: #ccd0da;\n border-color: #bcc0cc;\n color: #4c4f69;\n }\n body .cB9M7:hover {\n border-color: #acb0be;\n }\n body .cB9M7:focus {\n border-color: #1e66f5;\n }\n body .Qwbd3 {\n background: #ccd0da;\n color: #4c4f69;\n border-color: #bcc0cc;\n }\n body .Qwbd3:hover {\n background: #bcc0cc;\n border-color: #acb0be;\n }\n body .ArIAXb {\n fill: #ccd0da;\n }\n body .qOFLsb {\n fill: #ccd0da;\n }\n body .aHK1bd {\n color: #6c6f85;\n }\n body .diOlIe {\n border-top: 1px solid #9ca0b0;\n }\n body .p4pvTd {\n color: #4c4f69;\n }\n body .gIYJUc {\n background: #eff1f5 !important;\n border-color: #bcc0cc !important;\n }\n body .Gdd5U > g:nth-child(2) > circle:nth-child(1) {\n fill: #40a02b !important;\n }\n body .Gdd5U > g:nth-child(2) > circle:nth-child(2) {\n fill: #1e66f5 !important;\n }\n body .Gdd5U > g:nth-child(2) > path:nth-child(3) {\n fill: #d20f39 !important;\n }\n body .Gdd5U > g:nth-child(2) > path:nth-child(4) {\n fill: #df8e1d !important;\n }\n body .Gdd5U > g:nth-child(2) > path:nth-child(5) {\n fill: #1e66f5 !important;\n }\n body .CbAZb {\n background: #eff1f5;\n border-bottom: 1px solid #ccd0da;\n }\n body .S8wJ3 {\n color: #4c4f69 !important;\n }\n body .ZI7elf {\n color: #4c4f69 !important;\n }\n body .tGS0Nc {\n color: #4c4f69;\n }\n body .kzt0Nc a {\n color: #6c6f85 !important;\n }\n body .fgc1P,\n body .N7KPxb {\n border-top: 1px solid #ccd0da !important;\n }\n body .kQEH5b {\n color: #6c6f85 !important;\n }\n body .kNKdL {\n color: #4c4f69 !important;\n }\n body .q0yked:hover {\n background-color: #e6e9ef !important;\n }\n body .Oz5Rbb:hover {\n background: #e6e9ef !important;\n }\n body .lwwARb {\n background-color: #dce0e8 !important;\n }\n body .LO47Ff {\n color: #4c4f69;\n }\n body .j8PBfc {\n color: #6c6f85;\n }\n body .act-tim-txt-cnt {\n color: #4c4f69;\n }\n body .act-switch-area {\n background-color: #eff1f5 !important;\n }\n body .q8U8x > div:nth-child(1) {\n background-color: #eff1f5 !important;\n }\n body .EwDHG,\n body .vNdLpe,\n body .vNdLpe:visited {\n color: #6c6f85 !important;\n }\n }\n @media (prefers-color-scheme: dark) {\n body {\n background: #1e1e2e !important;\n --uv-styles-color-surface: #11111b;\n --uv-styles-color-tertiary: #313244;\n --uv-styles-color-secondary: rgba(137, 180, 250, 0.25);\n --uv-styles-color-text-primary: #89b4fa;\n --uv-styles-color-icon-default: #cdd6f4;\n --uv-styles-color-text-emphasis: #cdd6f4;\n --uv-styles-color-icon-on-secondary: #a6adc8;\n color: #a6adc8;\n }\n body .gb_Ka.gb_f,\n body .gb_Na.gb_f {\n background-color: #1e1e2e !important;\n }\n body .gb_Ka.gb_f svg,\n body .gb_Na.gb_f svg,\n body .gb_Ka.gb_f .gb_Rc svg,\n body .gb_Na.gb_f .gb_Rc svg,\n body .gb_Ka.gb_f .gb_dd .gb_ld,\n body .gb_Na.gb_f .gb_dd .gb_ld,\n body .gb_Ka.gb_f .gb_3c .gb_ld,\n body .gb_Na.gb_f .gb_3c .gb_ld {\n color: #cdd6f4;\n }\n body .uU7dJb {\n border-bottom-color: #313244;\n background-color: #181825;\n color: #bac2de;\n }\n body .KxwPGc {\n background-color: #181825;\n }\n body .gbqfba,\n body .lJ9FBc input[type=\"submit\"] {\n color: #cdd6f4;\n background-color: #313244;\n border-color: #45475a;\n }\n body .gbqfba:hover,\n body .lJ9FBc input[type=\"submit\"]:hover {\n color: #cdd6f4;\n background-color: #313244;\n border-color: #585b70;\n }\n body .pHiOh,\n body a.pHiOh {\n color: #bac2de !important;\n }\n body a {\n color: #89b4fa;\n }\n body .RNNXgb {\n background: #313244;\n border-color: #45475a;\n }\n body .RNNXgb:hover,\n body .sbfc .RNNXgb {\n background: #313244 !important;\n border-color: #313244;\n box-shadow: 0 1px 6px 0 #11111b;\n }\n body .minidiv .RNNXgb {\n background: #313244;\n border-color: #45475a;\n }\n body .minidiv .RNNXgb:hover {\n box-shadow: 0 4px 12px #11111b;\n }\n body .emcav .RNNXgb {\n box-shadow: 0 1px 6px 0 #11111b;\n background: #313244;\n border-color: #313244;\n }\n body .aajZCb {\n background: #313244;\n box-shadow: 0 4px 6px 0 #11111b;\n }\n body .xtSCL {\n border-top-color: #585b70;\n }\n body .sbct:hover {\n background-color: #45475a;\n }\n body .WggQGd {\n color: #cba6f7 !important;\n }\n body .JCHpcb {\n color: #a6adc8;\n }\n body .JCHpcb:hover {\n color: #89b4fa;\n }\n body .wM6W7d {\n color: #cdd6f4;\n }\n body .ExCKkf {\n color: #a6adc8;\n }\n body .ACRAdd {\n border-left-color: #6c7086;\n }\n body #SIvCob {\n color: #cdd6f4;\n }\n body .gb_Jc a.gb_B,\n body .gb_Jc span.gb_B {\n color: #cdd6f4;\n }\n body .gb_Jc svg,\n body .gb_Oc.gb_Sc svg,\n body .gb_Jc .gb_ad .gb_id,\n body .gb_Jc .gb_ad .gb_Ic,\n body .gb_Jc .gb_ad .gb_cd,\n body .gb_Oc.gb_Sc .gb_id {\n color: #cdd6f4;\n }\n body .gb_Ka svg,\n body .gb_Oc svg,\n body .gb_ad .gb_id,\n body .gb_0c .gb_id {\n color: #cdd6f4;\n }\n body .gLFyf {\n color: #cdd6f4;\n }\n body .QCzoEc {\n color: #9399b2;\n }\n body .szppmdbYutt__middle-slot-promo {\n color: #cdd6f4;\n }\n body .gb_Jc .gb_Ud button:hover svg,\n body .gb_Jc .gb_d:hover {\n background-color: #313244;\n }\n body .gb_Jc .gb_Ud.gb_qe button:hover svg,\n body .gb_Ud button:hover svg,\n body .gb_d:hover {\n background-color: #313244;\n }\n body .gb_We {\n background: #181825;\n color: #cdd6f4;\n }\n body a.gb_B,\n body span.gb_B {\n color: #cdd6f4;\n }\n body .gb_zc div:first-child {\n color: #cdd6f4;\n }\n body .gb_zc > * {\n color: #a6adc8;\n }\n body .ClJ9Yb {\n color: #a6adc8;\n }\n body .sfbg {\n background-color: #1e1e2e;\n }\n body .jfN4p,\n body .lnXdpd {\n content: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22272%22%20height%3D%2292%22%3E%3Cpath%20fill%3D%22%23f38ba8%22%20d%3D%22M115.75%2047.18c0%2012.77-9.99%2022.18-22.25%2022.18s-22.25-9.41-22.25-22.18C71.25%2034.32%2081.24%2025%2093.5%2025s22.25%209.32%2022.25%2022.18zm-9.74%200c0-7.98-5.79-13.44-12.51-13.44S80.99%2039.2%2080.99%2047.18c0%207.9%205.79%2013.44%2012.51%2013.44s12.51-5.55%2012.51-13.44z%22/%3E%3Cpath%20fill%3D%22%23f9e2af%22%20d%3D%22M163.75%2047.18c0%2012.77-9.99%2022.18-22.25%2022.18s-22.25-9.41-22.25-22.18c0-12.85%209.99-22.18%2022.25-22.18s22.25%209.32%2022.25%2022.18zm-9.74%200c0-7.98-5.79-13.44-12.51-13.44s-12.51%205.46-12.51%2013.44c0%207.9%205.79%2013.44%2012.51%2013.44s12.51-5.55%2012.51-13.44z%22/%3E%3Cpath%20fill%3D%22%2389b4fa%22%20d%3D%22M209.75%2026.34v39.82c0%2016.38-9.66%2023.07-21.08%2023.07-10.75%200-17.22-7.19-19.66-13.07l8.48-3.53c1.51%203.61%205.21%207.87%2011.17%207.87%207.31%200%2011.84-4.51%2011.84-13v-3.19h-.34c-2.18%202.69-6.38%205.04-11.68%205.04-11.09%200-21.25-9.66-21.25-22.09%200-12.52%2010.16-22.26%2021.25-22.26%205.29%200%209.49%202.35%2011.68%204.96h.34v-3.61h9.25zm-8.56%2020.92c0-7.81-5.21-13.52-11.84-13.52-6.72%200-12.35%205.71-12.35%2013.52%200%207.73%205.63%2013.36%2012.35%2013.36%206.63%200%2011.84-5.63%2011.84-13.36z%22/%3E%3Cpath%20fill%3D%22%23a6e3a1%22%20d%3D%22M225%203v65h-9.5V3h9.5z%22/%3E%3Cpath%20fill%3D%22%23f38ba8%22%20d%3D%22m262.02%2054.48%207.56%205.04c-2.44%203.61-8.32%209.83-18.48%209.83-12.6%200-22.01-9.74-22.01-22.18%200-13.19%209.49-22.18%2020.92-22.18%2011.51%200%2017.14%209.16%2018.98%2014.11l1.01%202.52-29.65%2012.28c2.27%204.45%205.8%206.72%2010.75%206.72%204.96%200%208.4-2.44%2010.92-6.14zm-23.27-7.98%2019.82-8.23c-1.09-2.77-4.37-4.7-8.23-4.7-4.95%200-11.84%204.37-11.59%2012.93z%22/%3E%3Cpath%20fill%3D%22%2389b4fa%22%20d%3D%22M35.29%2041.41V32H67c.31%201.64.47%203.58.47%205.68%200%207.06-1.93%2015.79-8.15%2022.01-6.05%206.3-13.78%209.66-24.02%209.66C16.32%2069.35.36%2053.89.36%2034.91.36%2015.93%2016.32.47%2035.3.47c10.5%200%2017.98%204.12%2023.6%209.49l-6.64%206.64c-4.03-3.78-9.49-6.72-16.97-6.72-13.86%200-24.7%2011.17-24.7%2025.03%200%2013.86%2010.84%2025.03%2024.7%2025.03%208.99%200%2014.11-3.61%2017.39-6.89%202.66-2.66%204.41-6.46%205.1-11.65l-22.49.01z%22/%3E%3C/svg%3E\");\n }\n body .zgAlFc {\n color: #89b4fa;\n }\n body .fLciMb {\n color: #cdd6f4;\n }\n body .fLciMb:hover {\n background-color: #313244;\n }\n body .kno-ftr.rpBMYb {\n color: #a6adc8;\n }\n body .aTI8gc {\n color: #cdd6f4;\n }\n body .wwUB2c {\n color: #a6adc8;\n }\n body .z1asCe {\n color: #cdd6f4 !important;\n fill: #cdd6f4 !important;\n }\n body .rsGxI.Ww4FFb,\n body .Ww4FFb {\n background-color: #1e1e2e;\n }\n body .RES9jf {\n color: #cdd6f4;\n }\n body .CSkcDe,\n body .related-question-pair div.iDjcJe {\n color: #cdd6f4;\n }\n body .cUnQKe .ILfuVd b {\n background-color: rgba(137, 180, 250, 0.25);\n color: #cdd6f4;\n }\n body .cUnQKe .ILfuVd,\n body .cUnQKe .UiGGAb.ILfuVd {\n color: #bac2de;\n }\n body .ZYHQ7e {\n color: #a6adc8;\n }\n body .VuuXrf {\n color: #cdd6f4;\n }\n body .hb8SAc {\n color: #cdd6f4;\n }\n body .TQc1id .I6TXqe {\n border-color: #585b70;\n }\n body .I6TXqe {\n background: #1e1e2e;\n }\n body .HsZQAe {\n border-bottom-color: #585b70;\n }\n body .NtaMpb .niO4u {\n background-color: #1e1e2e;\n }\n body .iRPzcb {\n border-bottom-color: #45475a;\n }\n body .related-question-pair .d0fCJc {\n color: #cdd6f4;\n }\n body cite,\n body cite a:link,\n body cite a:visited {\n color: #a6adc8;\n }\n body .WZ8Tjf {\n color: #a6adc8;\n }\n body .yDYNvb.lyLwlc {\n color: #cdd6f4;\n }\n body .H9lube {\n background-color: #1e1e2e;\n border-color: #585b70;\n }\n body .akqY6 {\n background: #45475a;\n }\n body .KFFQ0c .YfftMc,\n body .KFFQ0c .YfftMc span,\n body .KFFQ0c .YfftMc div,\n body .KFFQ0c .YfftMc a {\n color: #a6adc8;\n }\n body .dyjrff {\n color: #bac2de;\n }\n body .appbar {\n background: #1e1e2e;\n }\n body .LHJvCe {\n color: #a6adc8;\n }\n body .dG2XIf .xpdbox .yc7KLc {\n background-color: #1e1e2e;\n }\n body .URgIvb {\n border-color: #89b4fa;\n background-color: #89b4fa;\n }\n body .pdpvld {\n color: #a6e3a1;\n }\n body .YrbPuc {\n color: #bac2de;\n }\n body .S8ee5.CwbYXd {\n color: #cdd6f4;\n }\n body .S8ee5 {\n background: #313244;\n }\n body .S8ee5:hover {\n background: #45475a;\n }\n body .rhHIGd {\n background-color: #585b70;\n }\n body .sY7ric {\n color: #cdd6f4;\n }\n body .I6a0ee {\n background-color: #1e1e2e;\n border-color: #585b70;\n color: #cdd6f4;\n }\n body .I6a0ee:hover {\n background-color: #181825;\n border-color: #585b70;\n }\n body .I6a0ee:focus {\n background-color: #11111b;\n border-color: #585b70;\n }\n body .pxhZNb {\n background-color: #313244 !important;\n color: #cdd6f4;\n }\n body .d2F2Td {\n color: #cdd6f4;\n }\n body .c07z9 {\n color: #a6adc8;\n }\n body .c07z9 a,\n body .c07z9 a:active,\n body .c07z9 a:link {\n color: #cdd6f4;\n text-decoration-color: #a6adc8;\n }\n body .wHYlTd {\n color: #a6adc8;\n }\n body .dG2XIf .c2xzTb .wDYxhc:first-child {\n background: #1e1e2e;\n }\n body .fm06If .ILfuVd,\n body .c2xzTb .ILfuVd,\n body .Jb0Zif .c2xzTb .ILfuVd {\n color: #cdd6f4;\n }\n body .fm06If .ILfuVd b,\n body .c2xzTb .ILfuVd b {\n background-color: rgba(137, 180, 250, 0.25);\n color: #cdd6f4;\n }\n body .GKS7s {\n background: #313244;\n border-color: #45475a;\n }\n body .GKS7s:hover {\n background-color: #45475a !important;\n border-color: #585b70;\n }\n body .yXK7lf em {\n color: #cdd6f4;\n }\n body .Lb0dA:hover {\n background-color: #313244;\n }\n body .Lb0dA[aria-expanded=\"true\"]:hover .EGarzf {\n color: #89b4fa;\n }\n body .Lb0dA[aria-expanded=\"true\"] {\n background-color: rgba(137, 180, 250, 0.25);\n }\n body .BaegVc:hover {\n background-color: #313244;\n }\n body .hdtb-tl-sel .BaegVc {\n background-color: rgba(137, 180, 250, 0.25);\n }\n body .BaegVc:focus {\n background-color: rgba(137, 180, 250, 0.25);\n }\n body .TZqsAd {\n background: #6c7086;\n }\n body .FalWJb {\n background: #1e1e2e;\n }\n body .YeThId {\n border-top-color: #45475a;\n }\n body .k8XOCe {\n background-color: #313244;\n }\n body .s75CSd {\n color: #cdd6f4;\n }\n body .ZkkK1e {\n background: #1e1e2e;\n border-color: #45475a;\n }\n body .ZkkK1e:hover {\n background: #313244;\n }\n body .QjI2jc {\n color: #a6adc8;\n }\n body .lhLbod {\n color: #a6adc8;\n }\n body .nr7I6e div[aria-expanded=\"true\"] .F75bid,\n body .nr7I6e div[aria-expanded=\"true\"]:hover .fFI3rb .F75bid {\n color: #89b4fa;\n }\n body .F75bid {\n color: #a6adc8;\n }\n body div[aria-expanded=\"true\"] .fFI3rb {\n background-color: rgba(137, 180, 250, 0.25) !important;\n }\n body div[aria-expanded=\"true\"]:hover .fFI3rb:hover {\n background-color: rgba(137, 180, 250, 0.25) !important;\n }\n body .MAMMm {\n background: #181825;\n box-shadow: 0 2px 6px #11111b !important;\n }\n body [selected].nWtjMe {\n background: rgba(137, 180, 250, 0.25) !important;\n }\n body .uZNuIf:hover {\n background-color: #313244;\n color: #cdd6f4;\n }\n body [selected].nWtjMe .FMKtTb {\n color: #cdd6f4;\n }\n body .nWtjMe .FMKtTb {\n color: #a6adc8;\n }\n body .GKS7s .FMKtTb,\n body .GKS7s .RWhoyd.mol54e {\n color: #cdd6f4;\n }\n body .ePSouf .FMKtTb {\n color: #a6adc8;\n }\n body .NkCsjc:hover {\n background-color: #313244 !important;\n color: #cdd6f4;\n }\n body .nr7I6e div[aria-haspopup=\"true\"]:hover .F75bid {\n color: #cdd6f4;\n }\n body a.hisnlb {\n background: rgba(147, 153, 178, 0.25);\n }\n body div[aria-expanded=\"true\"] .fFI3rb,\n body div[aria-expanded=\"true\"]:hover .fFI3rb:hover {\n background-color: #313244 !important;\n }\n body .hdtb-tl-sel .BaegVc .WjMmQ:hover {\n color: #89b4fa;\n }\n body .hdtb-mn-hd {\n color: #a6adc8;\n }\n body .hdtb-mn-hd:hover {\n color: #cdd6f4;\n }\n body .fSnalc {\n stroke: #89b4fa;\n }\n body .oOg6Ne {\n stroke: #f9e2af;\n }\n body .ZqPjbb {\n stroke: #f38ba8;\n }\n body .aPiskd {\n stroke: #a6e3a1;\n }\n body .s8GCU {\n background-color: #1e1e2e;\n }\n body .Lj9fsd {\n background-color: #1e1e2e;\n }\n body .jZWadf {\n background-color: #1e1e2e;\n }\n body .rQEFy,\n body .rQEFy:hover {\n border-color: rgba(137, 180, 250, 0.25);\n background-color: rgba(137, 180, 250, 0.25);\n }\n body .gbZSUe {\n color: #cdd6f4;\n }\n body .gbZSUe:hover {\n background: #313244;\n }\n body .XZ5MVe {\n color: #89b4fa;\n }\n body a:visited {\n color: #cba6f7;\n }\n body .F9Idpe {\n background: linear-gradient(to right, transparent 0%, #1e1e2e 60%, #1e1e2e);\n }\n body .SvoXfb > .x5f7Bc {\n fill: #a6adc8;\n }\n body .SvoXfb:hover > .x5f7Bc {\n fill: #cdd6f4;\n }\n body .SvoXfb:hover {\n background-color: #313244;\n }\n body .IsZvec {\n color: #a6adc8;\n }\n body .uo4vr {\n color: #a6adc8;\n }\n body .minidiv .sfbg {\n background: #1e1e2e;\n box-shadow: 0 1px 6px 0 #11111b;\n }\n body .aqCVJb {\n background-color: #89b4fa !important;\n border-color: #89b4fa !important;\n }\n body .T8VaVe {\n color: #89b4fa;\n }\n body #tw-source-text-container .tw-ta,\n body #tw-source-rmn-container .tw-ta {\n color: #cdd6f4;\n }\n body #tw-target {\n background-color: #313244;\n }\n body .tw-data-placeholder {\n color: #cdd6f4;\n }\n body .j1iyq {\n border-color: #585b70;\n }\n body .w8qArf .fl {\n color: #cdd6f4 !important;\n }\n body .HSryR a.B1uW2d {\n border-bottom-color: #585b70;\n }\n body .usJj9c .zz3gNc {\n color: #cdd6f4;\n }\n body .Ss2Faf a {\n color: #cdd6f4;\n }\n body .aCOpRe em,\n body .yXK7lf em {\n color: #cdd6f4;\n }\n body .FR7ZSc .niO4u {\n background-color: #1e1e2e;\n border-color: #585b70;\n color: #89b4fa;\n }\n body .g {\n color: #cdd6f4;\n }\n body .VSHxQ {\n color: #a6adc8;\n }\n body .cF4V5c {\n background-color: #11111b !important;\n }\n body .cF4V5c g-menu-item a,\n body .cF4V5c g-menu-item a:visited,\n body .cF4V5c g-menu-item a:hover {\n color: #cdd6f4;\n }\n body .cF4V5c:hover g-menu-item:hover a,\n body .cF4V5c:hover g-menu-item a:visited,\n body .cF4V5c g-menu-item a:hover {\n background-color: #313244;\n }\n body .GZnQqe.LGiluc {\n border-top-color: #585b70 !important;\n }\n body .pkWBse {\n box-shadow: 1px 1px 15px 0 #11111b;\n }\n body .dG2XIf {\n background: #1e1e2e;\n }\n body .Z0LcW {\n color: #cdd6f4;\n }\n body .i29hTd .qLLird {\n color: #cdd6f4;\n }\n body .i29hTd .kR7nSc {\n color: #cdd6f4;\n }\n body .N6Sb2c {\n color: #a6adc8;\n }\n body .C9iYEe {\n color: #a6adc8;\n }\n body .KcXNxb {\n background: #1e1e2e;\n }\n body .ss6qqb .PKDVJd {\n color: #a6adc8;\n }\n body a.oBa0Fe {\n color: #a6adc8;\n }\n body .o6juZc {\n background-color: #313244;\n }\n body .o6juZc:hover {\n background-color: #313244;\n box-shadow: 0 4px 12px #11111b;\n }\n body .W6pGoe {\n background: #313244;\n box-shadow: 0 4px 6px 0 #11111b;\n }\n body .WdWr7c {\n border-top-color: #585b70;\n }\n body .sU3bKf {\n color: #cdd6f4;\n }\n body .O5OUld {\n color: #a6adc8;\n }\n body .zP7KFe {\n background: #45475a;\n }\n body .O5OUld:hover {\n color: #89b4fa;\n }\n body .og3lId {\n color: #cdd6f4;\n }\n body .M3w8Nb .o6juZc {\n box-shadow: 0 1px 6px 0 #11111b;\n }\n body .r8xEL {\n color: #cdd6f4;\n }\n body .ZZ7G7b {\n color: #cdd6f4;\n border-color: #45475a;\n }\n body .NZmxZe {\n background-color: #1e1e2e;\n border-color: #45475a;\n color: #cdd6f4;\n }\n body .NZmxZe:not(.rQEFy):hover {\n background-color: #313244;\n border-color: #45475a;\n color: #cdd6f4;\n }\n body .ssfWCe .ZXJQ7c {\n color: #a6adc8;\n }\n body .ssfWCe .ZXJQ7c:hover {\n background-color: #313244;\n color: #cdd6f4;\n }\n body .qcTKEe {\n background-color: #1e1e2e;\n }\n body .ooPrBf {\n background: #1e1e2e;\n }\n body .r9PaP {\n color: #a6adc8;\n }\n body .r9PaP:hover {\n color: #89b4fa;\n }\n body .H1KrKd {\n fill: #a6adc8;\n }\n body .cEPPT {\n border-bottom-color: #45475a;\n }\n body .Ix6LGe {\n background: #1e1e2e;\n box-shadow: 0 2px 10px 0 #11111b;\n }\n body .Hm7Qac:hover,\n body .EuKAde {\n background-color: #313244;\n }\n body .igM9Le {\n color: #cdd6f4;\n }\n body .irf0hb {\n box-shadow: 1px 1px 15px 0 #11111b;\n }\n body .gb_Mc .gb_Vd button:hover svg,\n body .gb_Mc .gb_d:hover {\n background-color: #313244;\n }\n body .gb_Mc svg,\n body .gb_Rc.gb_Vc svg,\n body .gb_Mc .gb_dd .gb_ld,\n body .gb_Mc .gb_dd .gb_Lc,\n body .gb_Mc .gb_dd .gb_fd,\n body .gb_Rc.gb_Vc .gb_ld {\n color: #cdd6f4;\n }\n body .cEW58 {\n background-color: #313244;\n }\n body .dyAbMb {\n fill: #a6adc8;\n }\n body .zItAnd,\n body .zItAnd:link,\n body .zItAnd:visited,\n body .zItAnd:hover,\n body .zItAnd:active {\n color: #cdd6f4;\n }\n body .zItAnd {\n background-color: #1e1e2e;\n border-color: #45475a;\n }\n body .zItAnd:not(.MgQdud):hover {\n background-color: #313244;\n border-color: #45475a;\n }\n body .fKmH1e {\n background-color: #1e1e2e;\n border-color: #45475a;\n }\n body .fKmH1e:hover {\n background-color: #313244;\n border-color: #45475a;\n }\n body .nfSF8e,\n body .WRhYSc {\n color: #a6adc8;\n }\n body .nfSF8e:hover,\n body .WRhYSc:hover {\n background-color: #313244;\n color: #a6adc8;\n }\n body .ssJ7i {\n color: #cdd6f4;\n }\n body .iAIpCb {\n color: #a6adc8;\n }\n body .KMdzJ {\n color: #bac2de;\n }\n body .PmPt7d {\n color: #a6adc8;\n }\n body .gb_Mc a.gb_E,\n body .gb_Mc span.gb_E {\n color: #cdd6f4;\n }\n body a.gb_E,\n body span.gb_E {\n color: #cdd6f4 !important;\n }\n body .RzdJxc {\n border-top-color: #585b70;\n }\n body .rKnmn {\n border-top-color: #585b70;\n }\n body .FzCfme {\n color: #a6adc8;\n }\n body .hMJ0yc {\n color: #a6adc8;\n }\n body .yg51vc {\n background-color: #1e1e2e;\n }\n body .hdtb-mitem a {\n color: #a6adc8;\n }\n body .hdtb-mitem .GOE98c,\n body .hdtb-mitem a,\n body .hdtb-mitem.hdtb-msel,\n body .t2vtad {\n color: #a6adc8;\n }\n body .t2vtad:not(.hdtb-tl-sel) {\n color: #a6adc8;\n }\n body .t2vtad:not(.hdtb-tl-sel):hover {\n background-color: #313244;\n border-color: #45475a;\n color: #cdd6f4;\n box-shadow: 0 1px 1px #11111b;\n }\n body .hdtb-mitem:hover .GOE98c:hover,\n body .hdtb-mitem:hover a,\n body .hdtb-mitem.hdtb-msel,\n body .t2vtad:hover {\n color: #89b4fa;\n }\n body .w6PoOe {\n color: #a6adc8;\n }\n body .w6PoOe:hover {\n color: #cdd6f4;\n }\n body .Lj9fsd.DU1Mzb {\n background-color: #1e1e2e;\n box-shadow: 0 1px 6px 0 #11111b;\n }\n body .Lj9fsd.DU1Mzb .o6juZc {\n border-color: #45475a !important;\n }\n body .dZ5aUe .vbLSne .MjJqGe:not(.xvfzbc):hover {\n background-color: #313244;\n }\n body .FjVBEd {\n color: #a6e3a1;\n }\n body title-with-lhs-icon:hover .ekf0x h3 {\n color: #89b4fa;\n }\n body .GmE3X {\n color: #cdd6f4;\n }\n body .iv236 {\n color: #cdd6f4;\n }\n body .GLcBOb {\n border-bottom-color: #45475a;\n }\n body .ss6qqb .Ui2TZ {\n color: #cdd6f4;\n }\n body .wx62f {\n color: #a6adc8;\n }\n body #rhs .u7yw9 {\n border-left-color: #45475a;\n }\n body .ss6qqb .Jk5Tjc {\n border-color: #585b70;\n }\n body #rhs .u7yw9 .cLjAic {\n border-bottom-color: #45475a;\n }\n body .JNkvid .HnYYW {\n color: #cdd6f4;\n }\n body .aokhrd .TZahnb {\n border-left-color: #45475a;\n }\n body .Cx1ZMc {\n color: #a6adc8;\n }\n body .CBPSbf {\n background-color: #1e1e2e;\n }\n body .E74aCb {\n color: #cdd6f4;\n }\n body .OE86Gc {\n background-color: #1e1e2e;\n color: #cdd6f4;\n fill: #cdd6f4;\n }\n body .c72nic {\n color: #cdd6f4;\n }\n body .GXMTjb {\n background-color: #1e1e2e;\n border-color: #313244;\n }\n body .A9y7kf {\n color: #a6adc8;\n }\n body .OE86Gc a {\n color: #89b4fa;\n }\n body .Es2Et {\n color: #a6adc8;\n }\n body .KwJT0.VqKh3b div div {\n background-color: #1e1e2e;\n fill: #cdd6f4;\n color: #cdd6f4;\n border-color: #45475a;\n }\n body .rx7XFb {\n background-color: #313244;\n }\n body .VP31Vb {\n color: #cdd6f4;\n }\n body .HXQjqf {\n background-color: rgba(137, 180, 250, 0.25);\n color: #89b4fa;\n }\n body .SW5pqf {\n color: #89b4fa;\n }\n body .rQEFy:hover {\n color: #89b4fa;\n }\n body .hdtb-tl-sel {\n border-color: #585b70;\n background: #313244;\n color: #cdd6f4;\n }\n body .hdtb-tl-sel:focus {\n border-color: #585b70;\n background: #313244;\n color: #89b4fa;\n }\n body .t2vtad:active,\n body .t2vtad:not(.hdtb-tl-sel):hover:active {\n background-color: #313244 !important;\n box-shadow: inset 0 1px 2px #11111b !important;\n }\n body .gTl8xb {\n border-color: #a6adc8 transparent;\n }\n body .hdtb-mn-hd:hover .gTl8xb {\n border-color: #cdd6f4 transparent;\n }\n body .h3L8Ub .yMAEcf {\n background: #313244;\n border-color: #585b70;\n }\n body .ynRric {\n color: #a6adc8;\n }\n body .cRV9hb .pcTkSc .wM6W7d {\n color: #cdd6f4;\n }\n body .h3L8Ub .yMAEcf.sbhl {\n background-color: #45475a;\n }\n body .sbhl {\n background: #45475a;\n }\n body .CjiZvb,\n body .GZnQqe.EpPYLd:active {\n background-color: #313244;\n }\n body .PyJv1b {\n color: #cdd6f4;\n }\n body .REySof {\n color: #89b4fa !important;\n }\n body .NQyKp {\n color: #89b4fa !important;\n background: #89b4fa !important;\n }\n body .b0Xfjd {\n color: #1e1e2e !important;\n }\n body .LiOdre {\n background-color: #1e1e2e;\n border-color: #45475a;\n }\n body .LiOdre:hover {\n background-color: #181825;\n border-color: #585b70;\n }\n body .LiOdre:focus {\n border-color: #89b4fa;\n }\n body .mfsgsd {\n color: #cdd6f4;\n }\n body .GCSyeb {\n background: #45475a;\n }\n body .IVvPP .cLjAic.WY0eLb,\n body .Hwkikb.WY0eLb {\n border-left-color: #45475a;\n }\n body .mQo3nc {\n background-color: #313244;\n color: #a6adc8 !important;\n }\n body .cfBJGe {\n color: #cdd6f4;\n }\n body .f6F9Be {\n background: #181825;\n }\n body .KwU3F {\n color: #89b4fa;\n }\n body .b0KoTc {\n color: #cdd6f4;\n }\n body .dfB0uf {\n color: #cdd6f4;\n }\n body .unknown_loc {\n background: #cdd6f4;\n }\n body .GS5rRd {\n color: #89b4fa;\n }\n body .xSQxL {\n color: #89b4fa;\n }\n body .smiUbb {\n color: #cdd6f4;\n }\n body .b2hzT {\n border-bottom-color: #313244;\n }\n body #swml {\n border-left-color: #313244;\n }\n body .KXbwLb {\n background-color: #585b70;\n }\n body .WZH4jc .VknLRd .GNJvt {\n background: #313244;\n }\n body .WZH4jc .VknLRd:hover .GNJvt {\n background: #45475a;\n }\n body .GNJvt {\n color: #cdd6f4;\n }\n body .fJOpI.H9lube {\n background-color: #89b4fa !important;\n border-color: #89b4fa;\n }\n body .XNo5Ab.XNo5Ab {\n color: #1e1e2e !important;\n fill: #1e1e2e !important;\n }\n body .Ss2Faf.boljiHqtXe7__place-qa-title {\n color: #cdd6f4 !important;\n }\n body .xEzgBc {\n color: #cdd6f4 !important;\n }\n body .Ss2Faf.sq4Bpf {\n color: #cdd6f4 !important;\n }\n body .ea0Lbe {\n background: #313244;\n }\n body .f6GA0,\n body .CacfB,\n body .Ua7Yuf {\n background: #1e1e2e;\n }\n body .DV7the {\n color: #89b4fa;\n }\n body .ZeVBtc {\n color: #a6adc8;\n }\n body .cB9M7 {\n background-color: #313244;\n border-color: #45475a;\n color: #cdd6f4;\n }\n body .cB9M7:hover {\n border-color: #585b70;\n }\n body .cB9M7:focus {\n border-color: #89b4fa;\n }\n body .Qwbd3 {\n background: #313244;\n color: #cdd6f4;\n border-color: #45475a;\n }\n body .Qwbd3:hover {\n background: #45475a;\n border-color: #585b70;\n }\n body .ArIAXb {\n fill: #313244;\n }\n body .qOFLsb {\n fill: #313244;\n }\n body .aHK1bd {\n color: #a6adc8;\n }\n body .diOlIe {\n border-top: 1px solid #6c7086;\n }\n body .p4pvTd {\n color: #cdd6f4;\n }\n body .gIYJUc {\n background: #1e1e2e !important;\n border-color: #45475a !important;\n }\n body .Gdd5U > g:nth-child(2) > circle:nth-child(1) {\n fill: #a6e3a1 !important;\n }\n body .Gdd5U > g:nth-child(2) > circle:nth-child(2) {\n fill: #89b4fa !important;\n }\n body .Gdd5U > g:nth-child(2) > path:nth-child(3) {\n fill: #f38ba8 !important;\n }\n body .Gdd5U > g:nth-child(2) > path:nth-child(4) {\n fill: #f9e2af !important;\n }\n body .Gdd5U > g:nth-child(2) > path:nth-child(5) {\n fill: #89b4fa !important;\n }\n body .CbAZb {\n background: #1e1e2e;\n border-bottom: 1px solid #313244;\n }\n body .S8wJ3 {\n color: #cdd6f4 !important;\n }\n body .ZI7elf {\n color: #cdd6f4 !important;\n }\n body .tGS0Nc {\n color: #cdd6f4;\n }\n body .kzt0Nc a {\n color: #a6adc8 !important;\n }\n body .fgc1P,\n body .N7KPxb {\n border-top: 1px solid #313244 !important;\n }\n body .kQEH5b {\n color: #a6adc8 !important;\n }\n body .kNKdL {\n color: #cdd6f4 !important;\n }\n body .q0yked:hover {\n background-color: #181825 !important;\n }\n body .Oz5Rbb:hover {\n background: #181825 !important;\n }\n body .lwwARb {\n background-color: #11111b !important;\n }\n body .LO47Ff {\n color: #cdd6f4;\n }\n body .j8PBfc {\n color: #a6adc8;\n }\n body .act-tim-txt-cnt {\n color: #cdd6f4;\n }\n body .act-switch-area {\n background-color: #1e1e2e !important;\n }\n body .q8U8x > div:nth-child(1) {\n background-color: #1e1e2e !important;\n }\n body .EwDHG,\n body .vNdLpe,\n body .vNdLpe:visited {\n color: #a6adc8 !important;\n }\n }",
+ "code": "@media (prefers-color-scheme: light) {\n body {\n background: #eff1f5 !important;\n --uv-styles-color-surface: #dce0e8;\n --uv-styles-color-tertiary: #ccd0da;\n --uv-styles-color-secondary: rgba(30, 102, 245, 0.25);\n --uv-styles-color-text-primary: #1e66f5;\n --uv-styles-color-icon-default: #4c4f69;\n --uv-styles-color-text-emphasis: #4c4f69;\n --uv-styles-color-icon-on-secondary: #6c6f85;\n --uv-styles-color-on-tertiary: #4c4f69;\n --uv-styles-color-icon-on-tertiary: #4c4f69;\n /* AI search */\n /* End of AI search */\n color: #6c6f85;\n }\n body .gb_Ka.gb_f,\n body .gb_Na.gb_f,\n body #gb {\n background-color: #eff1f5 !important;\n }\n body .gb_Ka.gb_f svg,\n body .gb_Na.gb_f svg,\n body #gb svg,\n body .gb_Ka.gb_f .gb_Rc svg,\n body .gb_Na.gb_f .gb_Rc svg,\n body #gb .gb_Rc svg,\n body .gb_Ka.gb_f .gb_dd .gb_ld,\n body .gb_Na.gb_f .gb_dd .gb_ld,\n body #gb .gb_dd .gb_ld,\n body .gb_Ka.gb_f .gb_3c .gb_ld,\n body .gb_Na.gb_f .gb_3c .gb_ld,\n body #gb .gb_3c .gb_ld {\n color: #4c4f69;\n }\n body .gb_Nc a.gb_F,\n body .gb_Nc span.gb_F {\n color: #4c4f69;\n }\n body .uU7dJb {\n border-bottom-color: #ccd0da;\n background-color: #e6e9ef;\n color: #5c5f77;\n }\n body .gb_Nc .gb_d:hover {\n background-color: #ccd0da;\n }\n body .KxwPGc {\n background-color: #e6e9ef;\n }\n body .HJSKzf {\n color: #4c4f69;\n }\n body .gbqfba,\n body .lJ9FBc input[type=\"submit\"] {\n color: #4c4f69;\n background-color: #ccd0da;\n border-color: #bcc0cc;\n }\n body .gbqfba:hover,\n body .lJ9FBc input[type=\"submit\"]:hover {\n color: #4c4f69;\n background-color: #ccd0da;\n border-color: #acb0be;\n }\n body .UxeQfc,\n body .s7d4ef,\n body .yXu61c,\n body .X6JNf,\n body .BERAof,\n body .oxbMzd,\n body .A5s9h,\n body .V9Wb7c,\n body .GVUPk,\n body .GyAeWb,\n body .A0hi5,\n body .Tme6jf {\n background-color: #eff1f5 !important;\n }\n body .d3o3Ad,\n body .sZKvbe {\n fill: #40a02b !important;\n }\n body .Fzsovc,\n body .cwYVJe,\n body .RJPOee,\n body .vM0jzc,\n body .clOx1e,\n body .vDF3Oc.vDF3Oc .R8BTeb,\n body .vDF3Oc.vDF3Oc .ouxCkc,\n body .Yt787,\n body .mulB1,\n body .xUc8Ie,\n body .sfgTZc,\n body .I6Kpxd,\n body .cQEt3 {\n color: #4c4f69 !important;\n }\n body .yQLaje,\n body .tVoQIb,\n body .f9nOyf,\n body .kHtcsd,\n body .DopHqc,\n body .p7bv,\n body .ar9V1,\n body .DfMusf,\n body .y6CIle,\n body .JukT7c,\n body .xUc8Ie.BXdrne,\n body .sEqX7e,\n body .ZFiwCf {\n background-color: #ccd0da !important;\n }\n body .xUc8Ie.BXdrne,\n body .YUg0se,\n body .WGbsof {\n border-color: #acb0be !important;\n }\n body .NOo3C {\n color: #5c5f77;\n }\n body .WGbsof[selected] {\n background-color: #1e66f5;\n border-color: #1e66f5 !important;\n }\n body .pHiOh,\n body a.pHiOh {\n color: #5c5f77 !important;\n }\n body a {\n color: #1e66f5;\n }\n body .RNNXgb {\n background: #ccd0da;\n border-color: #bcc0cc;\n }\n body .RNNXgb:hover,\n body .sbfc .RNNXgb {\n background: #ccd0da !important;\n border-color: #ccd0da;\n box-shadow: 0 1px 6px 0 #dce0e8;\n }\n body .minidiv .RNNXgb {\n background: #ccd0da;\n border-color: #bcc0cc;\n }\n body .minidiv .RNNXgb:hover {\n box-shadow: 0 4px 12px #dce0e8;\n }\n body .HSryR .KsRP6 {\n border-color: #acb0be;\n }\n body .emcav .RNNXgb {\n box-shadow: 0 1px 6px 0 #dce0e8;\n background: #ccd0da;\n border-color: #ccd0da;\n }\n body .aajZCb {\n background: #ccd0da;\n box-shadow: 0 4px 6px 0 #dce0e8;\n }\n body .xtSCL {\n border-top-color: #acb0be;\n }\n body .sbct:hover {\n background-color: #bcc0cc;\n }\n body .WggQGd {\n color: #8839ef !important;\n }\n body .JCHpcb {\n color: #6c6f85;\n }\n body .JCHpcb:hover {\n color: #1e66f5;\n }\n body .wM6W7d,\n body .ABAbCc {\n color: #4c4f69;\n }\n body .uDetx {\n fill: #4c4f69;\n }\n body .ExCKkf,\n body .BjWz4c {\n color: #6c6f85;\n }\n body .ACRAdd {\n border-left-color: #9ca0b0;\n }\n body .Pvpvv {\n background-color: #dce0e8;\n border-color: #bcc0cc;\n color: #4c4f69;\n }\n body .w9dUj {\n color: #4c4f69 !important;\n }\n body .Pvpvv .zE5Aq,\n body .adnFRd,\n body .XfJHbe {\n color: #1e66f5;\n }\n body .CS4h3e {\n background-color: #6c6f85;\n }\n body .Pvpvv .xyGai {\n color: #4c4f69;\n }\n body #SIvCob {\n color: #4c4f69;\n }\n body .gb_Jc a.gb_B,\n body .gb_Jc span.gb_B {\n color: #4c4f69;\n }\n body .gb_Jc svg,\n body .gb_Oc.gb_Sc svg,\n body .gb_Jc .gb_ad .gb_id,\n body .gb_Jc .gb_ad .gb_Ic,\n body .gb_Jc .gb_ad .gb_cd,\n body .gb_Oc.gb_Sc .gb_id {\n color: #4c4f69;\n }\n body .gb_Ka svg,\n body .gb_Oc svg,\n body .gb_ad .gb_id,\n body .gb_0c .gb_id {\n color: #4c4f69;\n }\n body .gLFyf {\n color: #4c4f69;\n }\n body .QCzoEc {\n color: #7c7f93;\n }\n body .szppmdbYutt__middle-slot-promo {\n color: #4c4f69;\n }\n body .gb_Jc .gb_Ud button:hover svg,\n body .gb_Jc .gb_d:hover {\n background-color: #ccd0da;\n }\n body .gb_Jc .gb_Ud.gb_qe button:hover svg,\n body .gb_Ud button:hover svg,\n body .gb_d:hover {\n background-color: #ccd0da;\n }\n body .gb_We {\n background: #e6e9ef;\n color: #4c4f69;\n }\n body a.gb_B,\n body span.gb_B {\n color: #4c4f69;\n }\n body .gb_zc div:first-child {\n color: #4c4f69;\n }\n body .gb_zc > * {\n color: #6c6f85;\n }\n body .ClJ9Yb {\n color: #6c6f85;\n }\n body .sfbg {\n background-color: #eff1f5;\n }\n body .jfN4p,\n body .lnXdpd {\n content: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22272%22%20height%3D%2292%22%3E%3Cpath%20fill%3D%22%23d20f39%22%20d%3D%22M115.75%2047.18c0%2012.77-9.99%2022.18-22.25%2022.18s-22.25-9.41-22.25-22.18C71.25%2034.32%2081.24%2025%2093.5%2025s22.25%209.32%2022.25%2022.18zm-9.74%200c0-7.98-5.79-13.44-12.51-13.44S80.99%2039.2%2080.99%2047.18c0%207.9%205.79%2013.44%2012.51%2013.44s12.51-5.55%2012.51-13.44z%22/%3E%3Cpath%20fill%3D%22%23df8e1d%22%20d%3D%22M163.75%2047.18c0%2012.77-9.99%2022.18-22.25%2022.18s-22.25-9.41-22.25-22.18c0-12.85%209.99-22.18%2022.25-22.18s22.25%209.32%2022.25%2022.18zm-9.74%200c0-7.98-5.79-13.44-12.51-13.44s-12.51%205.46-12.51%2013.44c0%207.9%205.79%2013.44%2012.51%2013.44s12.51-5.55%2012.51-13.44z%22/%3E%3Cpath%20fill%3D%22%231e66f5%22%20d%3D%22M209.75%2026.34v39.82c0%2016.38-9.66%2023.07-21.08%2023.07-10.75%200-17.22-7.19-19.66-13.07l8.48-3.53c1.51%203.61%205.21%207.87%2011.17%207.87%207.31%200%2011.84-4.51%2011.84-13v-3.19h-.34c-2.18%202.69-6.38%205.04-11.68%205.04-11.09%200-21.25-9.66-21.25-22.09%200-12.52%2010.16-22.26%2021.25-22.26%205.29%200%209.49%202.35%2011.68%204.96h.34v-3.61h9.25zm-8.56%2020.92c0-7.81-5.21-13.52-11.84-13.52-6.72%200-12.35%205.71-12.35%2013.52%200%207.73%205.63%2013.36%2012.35%2013.36%206.63%200%2011.84-5.63%2011.84-13.36z%22/%3E%3Cpath%20fill%3D%22%2340a02b%22%20d%3D%22M225%203v65h-9.5V3h9.5z%22/%3E%3Cpath%20fill%3D%22%23d20f39%22%20d%3D%22m262.02%2054.48%207.56%205.04c-2.44%203.61-8.32%209.83-18.48%209.83-12.6%200-22.01-9.74-22.01-22.18%200-13.19%209.49-22.18%2020.92-22.18%2011.51%200%2017.14%209.16%2018.98%2014.11l1.01%202.52-29.65%2012.28c2.27%204.45%205.8%206.72%2010.75%206.72%204.96%200%208.4-2.44%2010.92-6.14zm-23.27-7.98%2019.82-8.23c-1.09-2.77-4.37-4.7-8.23-4.7-4.95%200-11.84%204.37-11.59%2012.93z%22/%3E%3Cpath%20fill%3D%22%231e66f5%22%20d%3D%22M35.29%2041.41V32H67c.31%201.64.47%203.58.47%205.68%200%207.06-1.93%2015.79-8.15%2022.01-6.05%206.3-13.78%209.66-24.02%209.66C16.32%2069.35.36%2053.89.36%2034.91.36%2015.93%2016.32.47%2035.3.47c10.5%200%2017.98%204.12%2023.6%209.49l-6.64%206.64c-4.03-3.78-9.49-6.72-16.97-6.72-13.86%200-24.7%2011.17-24.7%2025.03%200%2013.86%2010.84%2025.03%2024.7%2025.03%208.99%200%2014.11-3.61%2017.39-6.89%202.66-2.66%204.41-6.46%205.1-11.65l-22.49.01z%22/%3E%3C/svg%3E\");\n }\n body .aXBZVd {\n background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%234c4f69%22%20d%3D%22M20.49%2019l-5.73-5.73C15.53%2012.2%2016%2010.91%2016%209.5%2016%205.91%2013.09%203%209.5%203S3%205.91%203%209.5%205.91%2016%209.5%2016c1.41%200%202.7-.47%203.77-1.24L19%2020.49%2020.49%2019zM5%209.5C5%207.01%207.01%205%209.5%205S14%207.01%2014%209.5%2011.99%2014%209.5%2014%205%2011.99%205%209.5z%22/%3E%3C/svg%3E\");\n }\n body .zgAlFc {\n color: #1e66f5;\n }\n body .fLciMb {\n color: #4c4f69;\n }\n body .d2IKib {\n color: #d20f39;\n }\n body .fLciMb:hover {\n background-color: #ccd0da;\n }\n body .kno-ftr.rpBMYb {\n color: #6c6f85;\n }\n body .aTI8gc {\n color: #4c4f69;\n }\n body .wwUB2c {\n color: #6c6f85;\n }\n body .z1asCe {\n color: #4c4f69 !important;\n fill: #4c4f69 !important;\n }\n body .rsGxI.Ww4FFb,\n body .Ww4FFb {\n background-color: #eff1f5;\n }\n body .RES9jf {\n color: #4c4f69;\n }\n body .CSkcDe,\n body .related-question-pair div.iDjcJe {\n color: #4c4f69;\n }\n body .cUnQKe .ILfuVd b {\n background-color: rgba(30, 102, 245, 0.25);\n color: #4c4f69;\n }\n body .cUnQKe .ILfuVd,\n body .cUnQKe .UiGGAb.ILfuVd {\n color: #5c5f77;\n }\n body .ZYHQ7e {\n color: #6c6f85;\n }\n body .VuuXrf {\n color: #4c4f69;\n }\n body .hb8SAc {\n color: #4c4f69;\n }\n body .TQc1id .I6TXqe {\n border-color: #acb0be;\n }\n body .I6TXqe {\n background: #eff1f5;\n }\n body .HsZQAe {\n border-bottom-color: #acb0be;\n }\n body .NtaMpb .niO4u,\n body .nZWEZc .ttwCMe {\n background-color: #eff1f5;\n }\n body .iRPzcb {\n border-bottom-color: #bcc0cc;\n }\n body .related-question-pair .d0fCJc {\n color: #4c4f69;\n }\n body cite,\n body cite a:link,\n body cite a:visited {\n color: #6c6f85;\n }\n body .WZ8Tjf,\n body .EZAeBe,\n body .F0gfrd {\n color: #6c6f85;\n }\n body .yDYNvb.lyLwlc {\n color: #4c4f69;\n }\n body .H9lube {\n background-color: #eff1f5;\n border-color: #acb0be;\n }\n body .Bi9oQd {\n background-color: #bcc0cc;\n }\n body .akqY6 {\n background: #bcc0cc;\n }\n body .KFFQ0c .YfftMc,\n body .KFFQ0c .YfftMc span,\n body .KFFQ0c .YfftMc div,\n body .KFFQ0c .YfftMc a,\n body g-menu.DWsAYc g-menu-item a.K1yPdf,\n body .f3LoEf,\n body .TXBhSe:hover,\n body .TXBhSe:not(:hover),\n body .r025kc.lVm3ye,\n body .Bo9xMe,\n body .oyj2db {\n color: #6c6f85;\n }\n body .dyjrff,\n body .LEwnzc {\n color: #5c5f77;\n }\n body .ZFiwCf {\n background-color: #ccd0da;\n }\n body .ZFiwCf:hover {\n background-color: #bcc0cc;\n }\n body .LGwnxb,\n body .WGwSK {\n color: #4c4f69;\n }\n body .EsIlz {\n background-color: #eff1f5;\n border-color: #bcc0cc;\n }\n body .O7G3Gd {\n color: #4c4f69;\n }\n body .O7G3Gd:hover {\n color: #1e66f5;\n }\n body .appbar {\n background: #eff1f5;\n border-top: 1px solid #bcc0cc;\n }\n body .bSeRjc:hover .fKmH1e {\n color: #5c5f77;\n background-color: #ccd0da;\n }\n body .bSeRjc:hover div[aria-expanded=\"true\"] .fKmH1e,\n body div[aria-expanded=\"true\"] .fKmH1e {\n background-color: rgba(30, 102, 245, 0.25);\n color: #1e66f5;\n }\n body .LHJvCe,\n body .vqseUe,\n body .dMCttd {\n color: #6c6f85;\n }\n body .dG2XIf .xpdbox .yc7KLc {\n background-color: #eff1f5;\n }\n body .URgIvb {\n border-color: #1e66f5;\n background-color: #1e66f5;\n }\n body .pdpvld {\n color: #40a02b;\n }\n body .YrbPuc {\n color: #5c5f77;\n }\n body .y6CIle {\n background-color: #ccd0da;\n }\n body .Yt787,\n body .vDF3Oc.vDF3Oc .R8BTeb {\n color: #4c4f69;\n }\n body .IDFSOe {\n background-color: #acb0be;\n }\n body .ffmmcd,\n body .u7yw9 .WeviRb {\n border-color: #bcc0cc;\n }\n body .wdQNof {\n border-color: #bcc0cc;\n background-color: #eff1f5;\n }\n body .eadHV.Ses7yd {\n color: #4c4f69 !important;\n }\n body .f,\n body .j04ED,\n body .j04ED a,\n body .j04ED a:link,\n body .XaIwc {\n color: #6c6f85 !important;\n }\n body #_Xg6uZYKGBYCDhbIPvK2s2AI_27 > div:nth-child(3) > g-right-button:nth-child(1) > g-fab:nth-child(1),\n body g-right-button.wgbRNb > g-fab:nth-child(1) {\n background-color: #dce0e8 !important;\n }\n body .kLhEKe {\n background-color: #eff1f5;\n }\n body .S8ee5.CwbYXd {\n color: #4c4f69;\n }\n body .S8ee5 {\n background: #ccd0da;\n }\n body .S8ee5:hover {\n background: #bcc0cc;\n }\n body .rhHIGd {\n background-color: #acb0be;\n }\n body .sY7ric {\n color: #4c4f69;\n }\n body .I6a0ee {\n background-color: #eff1f5;\n border-color: #acb0be;\n color: #4c4f69;\n }\n body .I6a0ee:hover {\n background-color: #e6e9ef;\n border-color: #acb0be;\n }\n body .I6a0ee:focus {\n background-color: #dce0e8;\n border-color: #acb0be;\n }\n body .pxhZNb {\n background-color: #ccd0da !important;\n color: #4c4f69;\n }\n body .d2F2Td {\n color: #4c4f69;\n }\n body .c07z9 {\n color: #6c6f85;\n }\n body .c07z9 a,\n body .c07z9 a:active,\n body .c07z9 a:link {\n color: #4c4f69;\n text-decoration-color: #6c6f85;\n }\n body .wHYlTd {\n color: #6c6f85;\n }\n body .dG2XIf .c2xzTb .wDYxhc:first-child {\n background: #eff1f5;\n }\n body .fm06If .ILfuVd,\n body .c2xzTb .ILfuVd,\n body .Jb0Zif .c2xzTb .ILfuVd {\n color: #4c4f69;\n }\n body .fm06If .ILfuVd b,\n body .c2xzTb .ILfuVd b {\n background-color: rgba(30, 102, 245, 0.25);\n color: #4c4f69;\n }\n body .GKS7s {\n background: #ccd0da;\n border-color: #bcc0cc;\n }\n body .GKS7s:hover {\n background-color: #bcc0cc !important;\n border-color: #acb0be;\n }\n body .yXK7lf em {\n color: #4c4f69;\n }\n body .Lb0dA:hover {\n background-color: #ccd0da;\n }\n body .Lb0dA[aria-expanded=\"true\"]:hover .EGarzf {\n color: #1e66f5;\n }\n body .Lb0dA[aria-expanded=\"true\"] {\n background-color: rgba(30, 102, 245, 0.25);\n }\n body .BaegVc:hover {\n background-color: #ccd0da;\n }\n body .hdtb-tl-sel .BaegVc {\n background-color: rgba(30, 102, 245, 0.25);\n }\n body .BaegVc:focus {\n background-color: rgba(30, 102, 245, 0.25);\n }\n body .TZqsAd {\n background: #9ca0b0;\n }\n body .FalWJb {\n background: #eff1f5;\n }\n body .YeThId {\n border-top-color: #bcc0cc;\n }\n body .k8XOCe {\n background-color: #ccd0da;\n }\n body .s75CSd {\n color: #4c4f69;\n }\n body .ZkkK1e,\n body .uAbMZd {\n background: #eff1f5;\n border-color: #bcc0cc;\n }\n body .ZkkK1e:hover,\n body .uAbMZd:hover {\n background: #ccd0da;\n }\n body .QjI2jc {\n color: #6c6f85;\n }\n body .lhLbod {\n color: #6c6f85;\n }\n body .nr7I6e div[aria-expanded=\"true\"] .F75bid,\n body .nr7I6e div[aria-expanded=\"true\"]:hover .fFI3rb .F75bid {\n color: #1e66f5;\n }\n body .F75bid {\n color: #6c6f85;\n }\n body div[aria-expanded=\"true\"] .fFI3rb {\n background-color: rgba(30, 102, 245, 0.25) !important;\n }\n body div[aria-expanded=\"true\"]:hover .fFI3rb:hover {\n background-color: rgba(30, 102, 245, 0.25) !important;\n }\n body .MAMMm {\n background: #e6e9ef;\n box-shadow: 0 2px 6px #dce0e8 !important;\n }\n body [selected].nWtjMe {\n background: rgba(30, 102, 245, 0.25) !important;\n }\n body .uZNuIf:hover {\n background-color: #ccd0da;\n color: #4c4f69;\n }\n body [selected].nWtjMe .FMKtTb {\n color: #4c4f69;\n }\n body .nWtjMe .FMKtTb {\n color: #6c6f85;\n }\n body .GKS7s .FMKtTb,\n body .GKS7s .RWhoyd.mol54e {\n color: #4c4f69;\n }\n body .ePSouf .FMKtTb {\n color: #6c6f85;\n }\n body .NkCsjc:hover {\n background-color: #ccd0da !important;\n color: #4c4f69;\n }\n body .nr7I6e div[aria-haspopup=\"true\"]:hover .F75bid {\n color: #4c4f69;\n }\n body a.hisnlb {\n background: rgba(124, 127, 147, 0.25);\n }\n body div[aria-expanded=\"true\"] .fFI3rb,\n body div[aria-expanded=\"true\"]:hover .fFI3rb:hover {\n background-color: #ccd0da !important;\n }\n body .hdtb-tl-sel .BaegVc .WjMmQ:hover {\n color: #1e66f5;\n }\n body .hdtb-mn-hd {\n color: #6c6f85;\n }\n body .hdtb-mn-hd:hover {\n color: #4c4f69;\n }\n body .fSnalc {\n stroke: #1e66f5;\n }\n body .oOg6Ne {\n stroke: #df8e1d;\n }\n body .ZqPjbb {\n stroke: #d20f39;\n }\n body .aPiskd {\n stroke: #40a02b;\n }\n body .s8GCU {\n background-color: #eff1f5;\n }\n body .Lj9fsd {\n background-color: #eff1f5;\n }\n body .jZWadf {\n background-color: #eff1f5;\n }\n body .rQEFy,\n body .rQEFy:hover {\n border-color: rgba(30, 102, 245, 0.25);\n background-color: rgba(30, 102, 245, 0.25);\n }\n body .gbZSUe {\n color: #4c4f69;\n }\n body .gbZSUe:hover {\n background: #ccd0da;\n }\n body .XZ5MVe {\n color: #1e66f5;\n }\n body a:visited {\n color: #8839ef;\n }\n body .F9Idpe {\n background: linear-gradient(to right, transparent 0%, #eff1f5 60%, #eff1f5);\n }\n body .SvoXfb > .x5f7Bc {\n fill: #6c6f85;\n }\n body .SvoXfb:hover > .x5f7Bc {\n fill: #4c4f69;\n }\n body .SvoXfb:hover {\n background-color: #ccd0da;\n }\n body .IsZvec,\n body .yxAsKe {\n color: #6c6f85;\n }\n body .zqrO0.k0Jjg .QuU3Wb,\n body .zqrO0.k0Jjg:hover .QuU3Wb {\n color: #5c5f77;\n }\n body .uo4vr {\n color: #6c6f85;\n }\n body .minidiv .sfbg {\n background: #eff1f5;\n box-shadow: 0 1px 6px 0 #dce0e8;\n }\n body .aqCVJb {\n background-color: #1e66f5 !important;\n border-color: #1e66f5 !important;\n }\n body .T8VaVe {\n color: #1e66f5;\n }\n body #tw-source-text-container .tw-ta,\n body #tw-source-rmn-container .tw-ta {\n color: #4c4f69;\n }\n body #tw-target {\n background-color: #ccd0da;\n }\n body .tw-data-placeholder {\n color: #4c4f69;\n }\n body .j1iyq {\n border-color: #acb0be;\n }\n body .w8qArf .fl {\n color: #4c4f69 !important;\n }\n body .HSryR a.B1uW2d {\n border-bottom-color: #acb0be;\n }\n body .usJj9c .zz3gNc {\n color: #4c4f69;\n }\n body .Ss2Faf a {\n color: #4c4f69;\n }\n body .aCOpRe em,\n body .yXK7lf em {\n color: #4c4f69;\n }\n body .FR7ZSc .niO4u {\n background-color: #eff1f5;\n border-color: #acb0be;\n color: #1e66f5;\n }\n body .g {\n color: #4c4f69;\n }\n body .VSHxQ {\n color: #6c6f85;\n }\n body .cF4V5c {\n background-color: #dce0e8 !important;\n }\n body .cF4V5c g-menu-item a,\n body .cF4V5c g-menu-item a:visited,\n body .cF4V5c g-menu-item a:hover {\n color: #4c4f69;\n }\n body .cF4V5c:hover g-menu-item:hover a,\n body .cF4V5c:hover g-menu-item a:visited,\n body .cF4V5c g-menu-item a:hover {\n background-color: #ccd0da;\n }\n body .GZnQqe.LGiluc {\n border-top-color: #acb0be !important;\n }\n body .pkWBse {\n box-shadow: 1px 1px 15px 0 #dce0e8;\n }\n body .dG2XIf {\n background: #eff1f5;\n }\n body .Z0LcW {\n color: #4c4f69;\n }\n body .i29hTd .qLLird {\n color: #4c4f69;\n }\n body .i29hTd .kR7nSc {\n color: #4c4f69;\n }\n body .N6Sb2c {\n color: #6c6f85;\n }\n body .C9iYEe {\n color: #6c6f85;\n }\n body .KcXNxb {\n background: #eff1f5;\n }\n body .ss6qqb .PKDVJd {\n color: #6c6f85;\n }\n body a.oBa0Fe {\n color: #6c6f85;\n }\n body .o6juZc {\n background-color: #ccd0da;\n }\n body .o6juZc:hover {\n background-color: #ccd0da;\n box-shadow: 0 4px 12px #dce0e8;\n }\n body .W6pGoe {\n background: #ccd0da;\n box-shadow: 0 4px 6px 0 #dce0e8;\n }\n body .WdWr7c {\n border-top-color: #acb0be;\n }\n body .sU3bKf {\n color: #4c4f69;\n }\n body .O5OUld {\n color: #6c6f85;\n }\n body .zP7KFe {\n background: #bcc0cc;\n }\n body .O5OUld:hover {\n color: #1e66f5;\n }\n body .og3lId {\n color: #4c4f69;\n }\n body .M3w8Nb .o6juZc {\n box-shadow: 0 1px 6px 0 #dce0e8;\n }\n body .r8xEL {\n color: #4c4f69;\n }\n body .ZZ7G7b {\n color: #4c4f69;\n border-color: #bcc0cc;\n }\n body .NZmxZe {\n background-color: #eff1f5;\n border-color: #bcc0cc;\n color: #4c4f69;\n }\n body .NZmxZe:not(.rQEFy):hover,\n body .cj2HCb.iuN0sf .w6PoOe:hover,\n body .CgGjZc:hover {\n background-color: #ccd0da;\n border-color: #bcc0cc;\n color: #4c4f69;\n }\n body .ssfWCe .ZXJQ7c,\n body .cj2HCb.iuN0sf .w6PoOe,\n body .G2XB8d,\n body .cj2HCb.iuN0sf .w6PoOe .KA8Jyb {\n color: #6c6f85;\n }\n body .ssfWCe .ZXJQ7c .KA8Jyb:hover,\n body .cj2HCb.iuN0sf .w6PoOe .KA8Jyb:hover,\n body .G2XB8d .KA8Jyb:hover,\n body .cj2HCb.iuN0sf .w6PoOe .KA8Jyb .KA8Jyb:hover {\n fill: #5c5f77;\n }\n body .KA8Jyb {\n fill: #6c6f85;\n }\n body .CgGjZc:hover .G2XB8d {\n color: #5c5f77;\n }\n body .o6OF0 {\n background-color: #bcc0cc;\n }\n body .o6OF0:hover {\n background-color: #acb0be;\n }\n body .o6OF0 .SHFPkb {\n color: #4c4f69;\n }\n body .o6OF0 .PnfqLc {\n color: #6c6f85;\n }\n body .zbRPDe,\n body .scU1d {\n color: #4c4f69;\n }\n body .UafVBb {\n background-color: #eff1f5;\n border-color: #acb0be;\n }\n body .mEQved {\n color: #6c6f85;\n }\n body .goxjub > path:nth-child(1) {\n fill: #1e66f5;\n }\n body .goxjub > path:nth-child(2) {\n fill: #40a02b;\n }\n body .goxjub > path:nth-child(3) {\n fill: #df8e1d;\n }\n body .goxjub > path:nth-child(4) {\n fill: #d20f39;\n }\n body [fill=\"#34a853\"] {\n fill: #40a02b;\n }\n body [fill=\"#4285f4\"] {\n fill: #1e66f5;\n }\n body [fill=\"#ea4335\"] {\n fill: #d20f39;\n }\n body [fill=\"#fbbc05\"] {\n fill: #df8e1d;\n }\n body .ssfWCe .ZXJQ7c:hover {\n background-color: #ccd0da;\n color: #4c4f69;\n }\n body .qcTKEe {\n background-color: #eff1f5;\n }\n body .ooPrBf {\n background: #eff1f5;\n }\n body .r9PaP {\n color: #6c6f85;\n }\n body .r9PaP:hover {\n color: #1e66f5;\n }\n body .H1KrKd {\n fill: #6c6f85;\n }\n body .cEPPT {\n border-bottom-color: #bcc0cc;\n }\n body .Ix6LGe {\n background: #eff1f5;\n box-shadow: 0 2px 10px 0 #dce0e8;\n }\n body .Hm7Qac:hover,\n body .EuKAde {\n background-color: #ccd0da;\n }\n body .igM9Le {\n color: #4c4f69;\n }\n body .irf0hb {\n box-shadow: 1px 1px 15px 0 #dce0e8;\n }\n body .gb_Mc .gb_Vd button:hover svg,\n body .gb_Mc .gb_d:hover {\n background-color: #ccd0da;\n }\n body .gb_Mc svg,\n body .gb_Rc.gb_Vc svg,\n body .gb_Mc .gb_dd .gb_ld,\n body .gb_Mc .gb_dd .gb_Lc,\n body .gb_Mc .gb_dd .gb_fd,\n body .gb_Rc.gb_Vc .gb_ld {\n color: #4c4f69;\n }\n body .cEW58 {\n background-color: #ccd0da;\n }\n body .dyAbMb {\n fill: #6c6f85;\n }\n body .zItAnd,\n body .zItAnd:link,\n body .zItAnd:visited,\n body .zItAnd:hover,\n body .zItAnd:active {\n color: #4c4f69;\n }\n body .zItAnd {\n background-color: #eff1f5;\n border-color: #bcc0cc;\n }\n body .zItAnd:not(.MgQdud):hover {\n background-color: #ccd0da;\n border-color: #bcc0cc;\n }\n body .fKmH1e {\n background-color: #eff1f5;\n border-color: #bcc0cc;\n color: #6c6f85;\n }\n body .fKmH1e:hover {\n background-color: #ccd0da;\n border-color: #bcc0cc;\n }\n body .nfSF8e,\n body .WRhYSc {\n color: #6c6f85;\n }\n body .nfSF8e:hover,\n body .WRhYSc:hover {\n background-color: #ccd0da;\n color: #6c6f85;\n }\n body .ssJ7i {\n color: #4c4f69;\n }\n body .iAIpCb {\n color: #6c6f85;\n }\n body .KMdzJ,\n body .ss6qqb .oBrLN,\n body .ylgVCe {\n color: #5c5f77;\n }\n body .PmPt7d {\n color: #6c6f85;\n }\n body .gb_Mc a.gb_E,\n body .gb_Mc span.gb_E {\n color: #4c4f69;\n }\n body a.gb_E,\n body span.gb_E {\n color: #4c4f69 !important;\n }\n body .RzdJxc {\n border-top-color: #acb0be;\n }\n body .rKnmn {\n border-top-color: #acb0be;\n }\n body .FzCfme {\n color: #6c6f85;\n }\n body .hMJ0yc {\n color: #6c6f85;\n }\n body .yg51vc {\n background-color: #eff1f5;\n }\n body .hdtb-mitem a {\n color: #6c6f85;\n }\n body .hdtb-mitem .GOE98c,\n body .hdtb-mitem a,\n body .hdtb-mitem.hdtb-msel,\n body .t2vtad {\n color: #6c6f85;\n }\n body .t2vtad:not(.hdtb-tl-sel) {\n color: #6c6f85;\n }\n body .dG2XIf .xpdopen .mJ2Mod {\n border-color: #bcc0cc;\n }\n body .t2vtad:not(.hdtb-tl-sel):hover {\n background-color: #ccd0da;\n border-color: #bcc0cc;\n color: #4c4f69;\n box-shadow: 0 1px 1px #dce0e8;\n }\n body .hdtb-mitem:hover .GOE98c:hover,\n body .hdtb-mitem:hover a,\n body .hdtb-mitem.hdtb-msel,\n body .t2vtad:hover {\n color: #1e66f5;\n }\n body .w6PoOe {\n color: #6c6f85;\n }\n body .w6PoOe:hover {\n color: #4c4f69;\n }\n body .Lj9fsd.DU1Mzb {\n background-color: #eff1f5;\n box-shadow: 0 1px 6px 0 #dce0e8;\n }\n body .Lj9fsd.DU1Mzb .o6juZc {\n border-color: #bcc0cc !important;\n }\n body .dZ5aUe .vbLSne .MjJqGe:not(.xvfzbc):hover {\n background-color: #ccd0da;\n }\n body .FjVBEd {\n color: #40a02b;\n }\n body title-with-lhs-icon:hover .ekf0x h3 {\n color: #1e66f5;\n }\n body .GmE3X {\n color: #4c4f69;\n }\n body .iv236 {\n color: #4c4f69;\n }\n body .GLcBOb {\n border-bottom-color: #bcc0cc;\n }\n body .ss6qqb .Ui2TZ {\n color: #4c4f69;\n }\n body .wx62f {\n color: #6c6f85;\n }\n body #rhs .u7yw9 {\n border-left-color: #bcc0cc;\n }\n body .ss6qqb .Jk5Tjc {\n border-color: #acb0be;\n }\n body #rhs .u7yw9 .cLjAic {\n border-bottom-color: #bcc0cc;\n }\n body .JNkvid .HnYYW {\n color: #4c4f69;\n }\n body .aokhrd .TZahnb {\n border-left-color: #bcc0cc;\n }\n body .Cx1ZMc {\n color: #6c6f85;\n }\n body .CBPSbf {\n background-color: #eff1f5;\n }\n body .E74aCb {\n color: #4c4f69;\n }\n body .OE86Gc {\n background-color: #eff1f5;\n color: #4c4f69;\n fill: #4c4f69;\n }\n body .c72nic {\n color: #4c4f69;\n }\n body .GXMTjb {\n background-color: #eff1f5;\n border-color: #ccd0da;\n }\n body .A9y7kf {\n color: #6c6f85;\n }\n body .OE86Gc a {\n color: #1e66f5;\n }\n body .Es2Et {\n color: #6c6f85;\n }\n body .KwJT0.VqKh3b div div {\n background-color: #eff1f5;\n fill: #4c4f69;\n color: #4c4f69;\n border-color: #bcc0cc;\n }\n body .rx7XFb {\n background-color: #ccd0da;\n }\n body .VP31Vb {\n color: #4c4f69;\n }\n body .HXQjqf {\n background-color: rgba(30, 102, 245, 0.25);\n color: #1e66f5;\n }\n body .SW5pqf {\n color: #1e66f5;\n }\n body .rQEFy:hover {\n color: #1e66f5;\n }\n body .hdtb-tl-sel {\n border-color: #acb0be;\n background: #ccd0da;\n color: #4c4f69;\n }\n body .hdtb-tl-sel:focus {\n border-color: #acb0be;\n background: #ccd0da;\n color: #1e66f5;\n }\n body .t2vtad:active,\n body .t2vtad:not(.hdtb-tl-sel):hover:active {\n background-color: #ccd0da !important;\n box-shadow: inset 0 1px 2px #dce0e8 !important;\n }\n body .gTl8xb {\n border-color: #6c6f85 transparent;\n }\n body .hdtb-mn-hd:hover .gTl8xb {\n border-color: #4c4f69 transparent;\n }\n body .h3L8Ub .yMAEcf {\n background: #ccd0da;\n border-color: #acb0be;\n }\n body .ynRric {\n color: #6c6f85;\n }\n body .cRV9hb .pcTkSc .wM6W7d {\n color: #4c4f69;\n }\n body .h3L8Ub .yMAEcf.sbhl {\n background-color: #bcc0cc;\n }\n body .sbhl {\n background: #bcc0cc;\n }\n body .CjiZvb,\n body .GZnQqe.EpPYLd:active {\n background-color: #ccd0da;\n }\n body .PyJv1b {\n color: #4c4f69;\n }\n body .REySof {\n color: #1e66f5 !important;\n }\n body .NQyKp {\n color: #1e66f5 !important;\n background: #1e66f5 !important;\n }\n body .b0Xfjd {\n color: #eff1f5 !important;\n }\n body .LiOdre {\n background-color: #eff1f5;\n border-color: #bcc0cc;\n }\n body .LiOdre:hover {\n background-color: #e6e9ef;\n border-color: #acb0be;\n }\n body .LiOdre:focus {\n border-color: #1e66f5;\n }\n body .mfsgsd {\n color: #4c4f69;\n }\n body .GCSyeb {\n background: #bcc0cc;\n }\n body .IVvPP .cLjAic.WY0eLb,\n body .Hwkikb.WY0eLb {\n border-left-color: #bcc0cc;\n }\n body .mQo3nc {\n background-color: #ccd0da;\n color: #6c6f85 !important;\n }\n body .cfBJGe {\n color: #4c4f69;\n }\n body .f6F9Be {\n background: #e6e9ef;\n }\n body .KwU3F {\n color: #1e66f5;\n }\n body .b0KoTc {\n color: #4c4f69;\n }\n body .dfB0uf {\n color: #4c4f69;\n }\n body .unknown_loc {\n background: #4c4f69;\n }\n body .GS5rRd {\n color: #1e66f5;\n }\n body .xSQxL {\n color: #1e66f5;\n }\n body .smiUbb {\n color: #4c4f69;\n }\n body .b2hzT {\n border-bottom-color: #ccd0da;\n }\n body #swml {\n border-left-color: #ccd0da;\n }\n body .KXbwLb {\n background-color: #acb0be;\n }\n body .WZH4jc .VknLRd .GNJvt {\n background: #ccd0da;\n }\n body .WZH4jc .VknLRd:hover .GNJvt {\n background: #bcc0cc;\n }\n body .GNJvt {\n color: #4c4f69;\n }\n body .fJOpI.H9lube {\n background-color: #1e66f5 !important;\n border-color: #1e66f5;\n }\n body .XNo5Ab.XNo5Ab {\n color: #eff1f5 !important;\n fill: #eff1f5 !important;\n }\n body .Ss2Faf.boljiHqtXe7__place-qa-title {\n color: #4c4f69 !important;\n }\n body .xEzgBc {\n color: #4c4f69 !important;\n }\n body .Ss2Faf.sq4Bpf {\n color: #4c4f69 !important;\n }\n body .ea0Lbe {\n background: #ccd0da;\n }\n body .f6GA0,\n body .CacfB,\n body .Ua7Yuf {\n background: #eff1f5;\n }\n body .DV7the {\n color: #1e66f5;\n }\n body .ZeVBtc {\n color: #6c6f85;\n }\n body .cB9M7 {\n background-color: #ccd0da;\n border-color: #bcc0cc;\n color: #4c4f69;\n }\n body .cB9M7:hover {\n border-color: #acb0be;\n }\n body .cB9M7:focus {\n border-color: #1e66f5;\n }\n body .Qwbd3 {\n background: #ccd0da;\n color: #4c4f69;\n border-color: #bcc0cc;\n }\n body .Qwbd3:hover {\n background: #bcc0cc;\n border-color: #acb0be;\n }\n body .ArIAXb {\n fill: #ccd0da;\n }\n body .qOFLsb {\n fill: #ccd0da;\n }\n body .aHK1bd {\n color: #6c6f85;\n }\n body .diOlIe {\n border-top: 1px solid #9ca0b0;\n }\n body .p4pvTd {\n color: #4c4f69;\n }\n body .gIYJUc {\n background: #eff1f5 !important;\n border-color: #bcc0cc !important;\n }\n body .Gdd5U > g:nth-child(2) > circle:nth-child(1) {\n fill: #40a02b !important;\n }\n body .Gdd5U > g:nth-child(2) > circle:nth-child(2) {\n fill: #1e66f5 !important;\n }\n body .Gdd5U > g:nth-child(2) > path:nth-child(3) {\n fill: #d20f39 !important;\n }\n body .Gdd5U > g:nth-child(2) > path:nth-child(4) {\n fill: #df8e1d !important;\n }\n body .Gdd5U > g:nth-child(2) > path:nth-child(5) {\n fill: #1e66f5 !important;\n }\n body .CbAZb {\n background: #eff1f5;\n border-bottom: 1px solid #ccd0da;\n }\n body .S8wJ3 {\n color: #4c4f69 !important;\n }\n body .ZI7elf {\n color: #4c4f69 !important;\n }\n body .tGS0Nc {\n color: #4c4f69;\n }\n body .kzt0Nc a {\n color: #6c6f85 !important;\n }\n body .fgc1P,\n body .N7KPxb {\n border-top: 1px solid #ccd0da !important;\n }\n body .kQEH5b {\n color: #6c6f85 !important;\n }\n body .kNKdL {\n color: #4c4f69 !important;\n }\n body .q0yked:hover {\n background-color: #e6e9ef !important;\n }\n body .Oz5Rbb:hover {\n background: #e6e9ef !important;\n }\n body .lwwARb {\n background-color: #dce0e8 !important;\n }\n body .LO47Ff {\n color: #4c4f69;\n }\n body .j8PBfc {\n color: #6c6f85;\n }\n body .act-tim-txt-cnt {\n color: #4c4f69;\n }\n body .act-switch-area {\n background-color: #eff1f5 !important;\n }\n body .q8U8x > div:nth-child(1) {\n background-color: #eff1f5 !important;\n }\n body .EwDHG,\n body .vNdLpe,\n body .vNdLpe:visited {\n color: #6c6f85 !important;\n }\n }\n @media (prefers-color-scheme: dark) {\n body {\n background: #1e1e2e !important;\n --uv-styles-color-surface: #11111b;\n --uv-styles-color-tertiary: #313244;\n --uv-styles-color-secondary: rgba(137, 180, 250, 0.25);\n --uv-styles-color-text-primary: #89b4fa;\n --uv-styles-color-icon-default: #cdd6f4;\n --uv-styles-color-text-emphasis: #cdd6f4;\n --uv-styles-color-icon-on-secondary: #a6adc8;\n --uv-styles-color-on-tertiary: #cdd6f4;\n --uv-styles-color-icon-on-tertiary: #cdd6f4;\n /* AI search */\n /* End of AI search */\n color: #a6adc8;\n }\n body .gb_Ka.gb_f,\n body .gb_Na.gb_f,\n body #gb {\n background-color: #1e1e2e !important;\n }\n body .gb_Ka.gb_f svg,\n body .gb_Na.gb_f svg,\n body #gb svg,\n body .gb_Ka.gb_f .gb_Rc svg,\n body .gb_Na.gb_f .gb_Rc svg,\n body #gb .gb_Rc svg,\n body .gb_Ka.gb_f .gb_dd .gb_ld,\n body .gb_Na.gb_f .gb_dd .gb_ld,\n body #gb .gb_dd .gb_ld,\n body .gb_Ka.gb_f .gb_3c .gb_ld,\n body .gb_Na.gb_f .gb_3c .gb_ld,\n body #gb .gb_3c .gb_ld {\n color: #cdd6f4;\n }\n body .gb_Nc a.gb_F,\n body .gb_Nc span.gb_F {\n color: #cdd6f4;\n }\n body .uU7dJb {\n border-bottom-color: #313244;\n background-color: #181825;\n color: #bac2de;\n }\n body .gb_Nc .gb_d:hover {\n background-color: #313244;\n }\n body .KxwPGc {\n background-color: #181825;\n }\n body .HJSKzf {\n color: #cdd6f4;\n }\n body .gbqfba,\n body .lJ9FBc input[type=\"submit\"] {\n color: #cdd6f4;\n background-color: #313244;\n border-color: #45475a;\n }\n body .gbqfba:hover,\n body .lJ9FBc input[type=\"submit\"]:hover {\n color: #cdd6f4;\n background-color: #313244;\n border-color: #585b70;\n }\n body .UxeQfc,\n body .s7d4ef,\n body .yXu61c,\n body .X6JNf,\n body .BERAof,\n body .oxbMzd,\n body .A5s9h,\n body .V9Wb7c,\n body .GVUPk,\n body .GyAeWb,\n body .A0hi5,\n body .Tme6jf {\n background-color: #1e1e2e !important;\n }\n body .d3o3Ad,\n body .sZKvbe {\n fill: #a6e3a1 !important;\n }\n body .Fzsovc,\n body .cwYVJe,\n body .RJPOee,\n body .vM0jzc,\n body .clOx1e,\n body .vDF3Oc.vDF3Oc .R8BTeb,\n body .vDF3Oc.vDF3Oc .ouxCkc,\n body .Yt787,\n body .mulB1,\n body .xUc8Ie,\n body .sfgTZc,\n body .I6Kpxd,\n body .cQEt3 {\n color: #cdd6f4 !important;\n }\n body .yQLaje,\n body .tVoQIb,\n body .f9nOyf,\n body .kHtcsd,\n body .DopHqc,\n body .p7bv,\n body .ar9V1,\n body .DfMusf,\n body .y6CIle,\n body .JukT7c,\n body .xUc8Ie.BXdrne,\n body .sEqX7e,\n body .ZFiwCf {\n background-color: #313244 !important;\n }\n body .xUc8Ie.BXdrne,\n body .YUg0se,\n body .WGbsof {\n border-color: #585b70 !important;\n }\n body .NOo3C {\n color: #bac2de;\n }\n body .WGbsof[selected] {\n background-color: #89b4fa;\n border-color: #89b4fa !important;\n }\n body .pHiOh,\n body a.pHiOh {\n color: #bac2de !important;\n }\n body a {\n color: #89b4fa;\n }\n body .RNNXgb {\n background: #313244;\n border-color: #45475a;\n }\n body .RNNXgb:hover,\n body .sbfc .RNNXgb {\n background: #313244 !important;\n border-color: #313244;\n box-shadow: 0 1px 6px 0 #11111b;\n }\n body .minidiv .RNNXgb {\n background: #313244;\n border-color: #45475a;\n }\n body .minidiv .RNNXgb:hover {\n box-shadow: 0 4px 12px #11111b;\n }\n body .HSryR .KsRP6 {\n border-color: #585b70;\n }\n body .emcav .RNNXgb {\n box-shadow: 0 1px 6px 0 #11111b;\n background: #313244;\n border-color: #313244;\n }\n body .aajZCb {\n background: #313244;\n box-shadow: 0 4px 6px 0 #11111b;\n }\n body .xtSCL {\n border-top-color: #585b70;\n }\n body .sbct:hover {\n background-color: #45475a;\n }\n body .WggQGd {\n color: #cba6f7 !important;\n }\n body .JCHpcb {\n color: #a6adc8;\n }\n body .JCHpcb:hover {\n color: #89b4fa;\n }\n body .wM6W7d,\n body .ABAbCc {\n color: #cdd6f4;\n }\n body .uDetx {\n fill: #cdd6f4;\n }\n body .ExCKkf,\n body .BjWz4c {\n color: #a6adc8;\n }\n body .ACRAdd {\n border-left-color: #6c7086;\n }\n body .Pvpvv {\n background-color: #11111b;\n border-color: #45475a;\n color: #cdd6f4;\n }\n body .w9dUj {\n color: #cdd6f4 !important;\n }\n body .Pvpvv .zE5Aq,\n body .adnFRd,\n body .XfJHbe {\n color: #89b4fa;\n }\n body .CS4h3e {\n background-color: #a6adc8;\n }\n body .Pvpvv .xyGai {\n color: #cdd6f4;\n }\n body #SIvCob {\n color: #cdd6f4;\n }\n body .gb_Jc a.gb_B,\n body .gb_Jc span.gb_B {\n color: #cdd6f4;\n }\n body .gb_Jc svg,\n body .gb_Oc.gb_Sc svg,\n body .gb_Jc .gb_ad .gb_id,\n body .gb_Jc .gb_ad .gb_Ic,\n body .gb_Jc .gb_ad .gb_cd,\n body .gb_Oc.gb_Sc .gb_id {\n color: #cdd6f4;\n }\n body .gb_Ka svg,\n body .gb_Oc svg,\n body .gb_ad .gb_id,\n body .gb_0c .gb_id {\n color: #cdd6f4;\n }\n body .gLFyf {\n color: #cdd6f4;\n }\n body .QCzoEc {\n color: #9399b2;\n }\n body .szppmdbYutt__middle-slot-promo {\n color: #cdd6f4;\n }\n body .gb_Jc .gb_Ud button:hover svg,\n body .gb_Jc .gb_d:hover {\n background-color: #313244;\n }\n body .gb_Jc .gb_Ud.gb_qe button:hover svg,\n body .gb_Ud button:hover svg,\n body .gb_d:hover {\n background-color: #313244;\n }\n body .gb_We {\n background: #181825;\n color: #cdd6f4;\n }\n body a.gb_B,\n body span.gb_B {\n color: #cdd6f4;\n }\n body .gb_zc div:first-child {\n color: #cdd6f4;\n }\n body .gb_zc > * {\n color: #a6adc8;\n }\n body .ClJ9Yb {\n color: #a6adc8;\n }\n body .sfbg {\n background-color: #1e1e2e;\n }\n body .jfN4p,\n body .lnXdpd {\n content: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22272%22%20height%3D%2292%22%3E%3Cpath%20fill%3D%22%23f38ba8%22%20d%3D%22M115.75%2047.18c0%2012.77-9.99%2022.18-22.25%2022.18s-22.25-9.41-22.25-22.18C71.25%2034.32%2081.24%2025%2093.5%2025s22.25%209.32%2022.25%2022.18zm-9.74%200c0-7.98-5.79-13.44-12.51-13.44S80.99%2039.2%2080.99%2047.18c0%207.9%205.79%2013.44%2012.51%2013.44s12.51-5.55%2012.51-13.44z%22/%3E%3Cpath%20fill%3D%22%23f9e2af%22%20d%3D%22M163.75%2047.18c0%2012.77-9.99%2022.18-22.25%2022.18s-22.25-9.41-22.25-22.18c0-12.85%209.99-22.18%2022.25-22.18s22.25%209.32%2022.25%2022.18zm-9.74%200c0-7.98-5.79-13.44-12.51-13.44s-12.51%205.46-12.51%2013.44c0%207.9%205.79%2013.44%2012.51%2013.44s12.51-5.55%2012.51-13.44z%22/%3E%3Cpath%20fill%3D%22%2389b4fa%22%20d%3D%22M209.75%2026.34v39.82c0%2016.38-9.66%2023.07-21.08%2023.07-10.75%200-17.22-7.19-19.66-13.07l8.48-3.53c1.51%203.61%205.21%207.87%2011.17%207.87%207.31%200%2011.84-4.51%2011.84-13v-3.19h-.34c-2.18%202.69-6.38%205.04-11.68%205.04-11.09%200-21.25-9.66-21.25-22.09%200-12.52%2010.16-22.26%2021.25-22.26%205.29%200%209.49%202.35%2011.68%204.96h.34v-3.61h9.25zm-8.56%2020.92c0-7.81-5.21-13.52-11.84-13.52-6.72%200-12.35%205.71-12.35%2013.52%200%207.73%205.63%2013.36%2012.35%2013.36%206.63%200%2011.84-5.63%2011.84-13.36z%22/%3E%3Cpath%20fill%3D%22%23a6e3a1%22%20d%3D%22M225%203v65h-9.5V3h9.5z%22/%3E%3Cpath%20fill%3D%22%23f38ba8%22%20d%3D%22m262.02%2054.48%207.56%205.04c-2.44%203.61-8.32%209.83-18.48%209.83-12.6%200-22.01-9.74-22.01-22.18%200-13.19%209.49-22.18%2020.92-22.18%2011.51%200%2017.14%209.16%2018.98%2014.11l1.01%202.52-29.65%2012.28c2.27%204.45%205.8%206.72%2010.75%206.72%204.96%200%208.4-2.44%2010.92-6.14zm-23.27-7.98%2019.82-8.23c-1.09-2.77-4.37-4.7-8.23-4.7-4.95%200-11.84%204.37-11.59%2012.93z%22/%3E%3Cpath%20fill%3D%22%2389b4fa%22%20d%3D%22M35.29%2041.41V32H67c.31%201.64.47%203.58.47%205.68%200%207.06-1.93%2015.79-8.15%2022.01-6.05%206.3-13.78%209.66-24.02%209.66C16.32%2069.35.36%2053.89.36%2034.91.36%2015.93%2016.32.47%2035.3.47c10.5%200%2017.98%204.12%2023.6%209.49l-6.64%206.64c-4.03-3.78-9.49-6.72-16.97-6.72-13.86%200-24.7%2011.17-24.7%2025.03%200%2013.86%2010.84%2025.03%2024.7%2025.03%208.99%200%2014.11-3.61%2017.39-6.89%202.66-2.66%204.41-6.46%205.1-11.65l-22.49.01z%22/%3E%3C/svg%3E\");\n }\n body .aXBZVd {\n background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23cdd6f4%22%20d%3D%22M20.49%2019l-5.73-5.73C15.53%2012.2%2016%2010.91%2016%209.5%2016%205.91%2013.09%203%209.5%203S3%205.91%203%209.5%205.91%2016%209.5%2016c1.41%200%202.7-.47%203.77-1.24L19%2020.49%2020.49%2019zM5%209.5C5%207.01%207.01%205%209.5%205S14%207.01%2014%209.5%2011.99%2014%209.5%2014%205%2011.99%205%209.5z%22/%3E%3C/svg%3E\");\n }\n body .zgAlFc {\n color: #89b4fa;\n }\n body .fLciMb {\n color: #cdd6f4;\n }\n body .d2IKib {\n color: #f38ba8;\n }\n body .fLciMb:hover {\n background-color: #313244;\n }\n body .kno-ftr.rpBMYb {\n color: #a6adc8;\n }\n body .aTI8gc {\n color: #cdd6f4;\n }\n body .wwUB2c {\n color: #a6adc8;\n }\n body .z1asCe {\n color: #cdd6f4 !important;\n fill: #cdd6f4 !important;\n }\n body .rsGxI.Ww4FFb,\n body .Ww4FFb {\n background-color: #1e1e2e;\n }\n body .RES9jf {\n color: #cdd6f4;\n }\n body .CSkcDe,\n body .related-question-pair div.iDjcJe {\n color: #cdd6f4;\n }\n body .cUnQKe .ILfuVd b {\n background-color: rgba(137, 180, 250, 0.25);\n color: #cdd6f4;\n }\n body .cUnQKe .ILfuVd,\n body .cUnQKe .UiGGAb.ILfuVd {\n color: #bac2de;\n }\n body .ZYHQ7e {\n color: #a6adc8;\n }\n body .VuuXrf {\n color: #cdd6f4;\n }\n body .hb8SAc {\n color: #cdd6f4;\n }\n body .TQc1id .I6TXqe {\n border-color: #585b70;\n }\n body .I6TXqe {\n background: #1e1e2e;\n }\n body .HsZQAe {\n border-bottom-color: #585b70;\n }\n body .NtaMpb .niO4u,\n body .nZWEZc .ttwCMe {\n background-color: #1e1e2e;\n }\n body .iRPzcb {\n border-bottom-color: #45475a;\n }\n body .related-question-pair .d0fCJc {\n color: #cdd6f4;\n }\n body cite,\n body cite a:link,\n body cite a:visited {\n color: #a6adc8;\n }\n body .WZ8Tjf,\n body .EZAeBe,\n body .F0gfrd {\n color: #a6adc8;\n }\n body .yDYNvb.lyLwlc {\n color: #cdd6f4;\n }\n body .H9lube {\n background-color: #1e1e2e;\n border-color: #585b70;\n }\n body .Bi9oQd {\n background-color: #45475a;\n }\n body .akqY6 {\n background: #45475a;\n }\n body .KFFQ0c .YfftMc,\n body .KFFQ0c .YfftMc span,\n body .KFFQ0c .YfftMc div,\n body .KFFQ0c .YfftMc a,\n body g-menu.DWsAYc g-menu-item a.K1yPdf,\n body .f3LoEf,\n body .TXBhSe:hover,\n body .TXBhSe:not(:hover),\n body .r025kc.lVm3ye,\n body .Bo9xMe,\n body .oyj2db {\n color: #a6adc8;\n }\n body .dyjrff,\n body .LEwnzc {\n color: #bac2de;\n }\n body .ZFiwCf {\n background-color: #313244;\n }\n body .ZFiwCf:hover {\n background-color: #45475a;\n }\n body .LGwnxb,\n body .WGwSK {\n color: #cdd6f4;\n }\n body .EsIlz {\n background-color: #1e1e2e;\n border-color: #45475a;\n }\n body .O7G3Gd {\n color: #cdd6f4;\n }\n body .O7G3Gd:hover {\n color: #89b4fa;\n }\n body .appbar {\n background: #1e1e2e;\n border-top: 1px solid #45475a;\n }\n body .bSeRjc:hover .fKmH1e {\n color: #bac2de;\n background-color: #313244;\n }\n body .bSeRjc:hover div[aria-expanded=\"true\"] .fKmH1e,\n body div[aria-expanded=\"true\"] .fKmH1e {\n background-color: rgba(137, 180, 250, 0.25);\n color: #89b4fa;\n }\n body .LHJvCe,\n body .vqseUe,\n body .dMCttd {\n color: #a6adc8;\n }\n body .dG2XIf .xpdbox .yc7KLc {\n background-color: #1e1e2e;\n }\n body .URgIvb {\n border-color: #89b4fa;\n background-color: #89b4fa;\n }\n body .pdpvld {\n color: #a6e3a1;\n }\n body .YrbPuc {\n color: #bac2de;\n }\n body .y6CIle {\n background-color: #313244;\n }\n body .Yt787,\n body .vDF3Oc.vDF3Oc .R8BTeb {\n color: #cdd6f4;\n }\n body .IDFSOe {\n background-color: #585b70;\n }\n body .ffmmcd,\n body .u7yw9 .WeviRb {\n border-color: #45475a;\n }\n body .wdQNof {\n border-color: #45475a;\n background-color: #1e1e2e;\n }\n body .eadHV.Ses7yd {\n color: #cdd6f4 !important;\n }\n body .f,\n body .j04ED,\n body .j04ED a,\n body .j04ED a:link,\n body .XaIwc {\n color: #a6adc8 !important;\n }\n body #_Xg6uZYKGBYCDhbIPvK2s2AI_27 > div:nth-child(3) > g-right-button:nth-child(1) > g-fab:nth-child(1),\n body g-right-button.wgbRNb > g-fab:nth-child(1) {\n background-color: #11111b !important;\n }\n body .kLhEKe {\n background-color: #1e1e2e;\n }\n body .S8ee5.CwbYXd {\n color: #cdd6f4;\n }\n body .S8ee5 {\n background: #313244;\n }\n body .S8ee5:hover {\n background: #45475a;\n }\n body .rhHIGd {\n background-color: #585b70;\n }\n body .sY7ric {\n color: #cdd6f4;\n }\n body .I6a0ee {\n background-color: #1e1e2e;\n border-color: #585b70;\n color: #cdd6f4;\n }\n body .I6a0ee:hover {\n background-color: #181825;\n border-color: #585b70;\n }\n body .I6a0ee:focus {\n background-color: #11111b;\n border-color: #585b70;\n }\n body .pxhZNb {\n background-color: #313244 !important;\n color: #cdd6f4;\n }\n body .d2F2Td {\n color: #cdd6f4;\n }\n body .c07z9 {\n color: #a6adc8;\n }\n body .c07z9 a,\n body .c07z9 a:active,\n body .c07z9 a:link {\n color: #cdd6f4;\n text-decoration-color: #a6adc8;\n }\n body .wHYlTd {\n color: #a6adc8;\n }\n body .dG2XIf .c2xzTb .wDYxhc:first-child {\n background: #1e1e2e;\n }\n body .fm06If .ILfuVd,\n body .c2xzTb .ILfuVd,\n body .Jb0Zif .c2xzTb .ILfuVd {\n color: #cdd6f4;\n }\n body .fm06If .ILfuVd b,\n body .c2xzTb .ILfuVd b {\n background-color: rgba(137, 180, 250, 0.25);\n color: #cdd6f4;\n }\n body .GKS7s {\n background: #313244;\n border-color: #45475a;\n }\n body .GKS7s:hover {\n background-color: #45475a !important;\n border-color: #585b70;\n }\n body .yXK7lf em {\n color: #cdd6f4;\n }\n body .Lb0dA:hover {\n background-color: #313244;\n }\n body .Lb0dA[aria-expanded=\"true\"]:hover .EGarzf {\n color: #89b4fa;\n }\n body .Lb0dA[aria-expanded=\"true\"] {\n background-color: rgba(137, 180, 250, 0.25);\n }\n body .BaegVc:hover {\n background-color: #313244;\n }\n body .hdtb-tl-sel .BaegVc {\n background-color: rgba(137, 180, 250, 0.25);\n }\n body .BaegVc:focus {\n background-color: rgba(137, 180, 250, 0.25);\n }\n body .TZqsAd {\n background: #6c7086;\n }\n body .FalWJb {\n background: #1e1e2e;\n }\n body .YeThId {\n border-top-color: #45475a;\n }\n body .k8XOCe {\n background-color: #313244;\n }\n body .s75CSd {\n color: #cdd6f4;\n }\n body .ZkkK1e,\n body .uAbMZd {\n background: #1e1e2e;\n border-color: #45475a;\n }\n body .ZkkK1e:hover,\n body .uAbMZd:hover {\n background: #313244;\n }\n body .QjI2jc {\n color: #a6adc8;\n }\n body .lhLbod {\n color: #a6adc8;\n }\n body .nr7I6e div[aria-expanded=\"true\"] .F75bid,\n body .nr7I6e div[aria-expanded=\"true\"]:hover .fFI3rb .F75bid {\n color: #89b4fa;\n }\n body .F75bid {\n color: #a6adc8;\n }\n body div[aria-expanded=\"true\"] .fFI3rb {\n background-color: rgba(137, 180, 250, 0.25) !important;\n }\n body div[aria-expanded=\"true\"]:hover .fFI3rb:hover {\n background-color: rgba(137, 180, 250, 0.25) !important;\n }\n body .MAMMm {\n background: #181825;\n box-shadow: 0 2px 6px #11111b !important;\n }\n body [selected].nWtjMe {\n background: rgba(137, 180, 250, 0.25) !important;\n }\n body .uZNuIf:hover {\n background-color: #313244;\n color: #cdd6f4;\n }\n body [selected].nWtjMe .FMKtTb {\n color: #cdd6f4;\n }\n body .nWtjMe .FMKtTb {\n color: #a6adc8;\n }\n body .GKS7s .FMKtTb,\n body .GKS7s .RWhoyd.mol54e {\n color: #cdd6f4;\n }\n body .ePSouf .FMKtTb {\n color: #a6adc8;\n }\n body .NkCsjc:hover {\n background-color: #313244 !important;\n color: #cdd6f4;\n }\n body .nr7I6e div[aria-haspopup=\"true\"]:hover .F75bid {\n color: #cdd6f4;\n }\n body a.hisnlb {\n background: rgba(147, 153, 178, 0.25);\n }\n body div[aria-expanded=\"true\"] .fFI3rb,\n body div[aria-expanded=\"true\"]:hover .fFI3rb:hover {\n background-color: #313244 !important;\n }\n body .hdtb-tl-sel .BaegVc .WjMmQ:hover {\n color: #89b4fa;\n }\n body .hdtb-mn-hd {\n color: #a6adc8;\n }\n body .hdtb-mn-hd:hover {\n color: #cdd6f4;\n }\n body .fSnalc {\n stroke: #89b4fa;\n }\n body .oOg6Ne {\n stroke: #f9e2af;\n }\n body .ZqPjbb {\n stroke: #f38ba8;\n }\n body .aPiskd {\n stroke: #a6e3a1;\n }\n body .s8GCU {\n background-color: #1e1e2e;\n }\n body .Lj9fsd {\n background-color: #1e1e2e;\n }\n body .jZWadf {\n background-color: #1e1e2e;\n }\n body .rQEFy,\n body .rQEFy:hover {\n border-color: rgba(137, 180, 250, 0.25);\n background-color: rgba(137, 180, 250, 0.25);\n }\n body .gbZSUe {\n color: #cdd6f4;\n }\n body .gbZSUe:hover {\n background: #313244;\n }\n body .XZ5MVe {\n color: #89b4fa;\n }\n body a:visited {\n color: #cba6f7;\n }\n body .F9Idpe {\n background: linear-gradient(to right, transparent 0%, #1e1e2e 60%, #1e1e2e);\n }\n body .SvoXfb > .x5f7Bc {\n fill: #a6adc8;\n }\n body .SvoXfb:hover > .x5f7Bc {\n fill: #cdd6f4;\n }\n body .SvoXfb:hover {\n background-color: #313244;\n }\n body .IsZvec,\n body .yxAsKe {\n color: #a6adc8;\n }\n body .zqrO0.k0Jjg .QuU3Wb,\n body .zqrO0.k0Jjg:hover .QuU3Wb {\n color: #bac2de;\n }\n body .uo4vr {\n color: #a6adc8;\n }\n body .minidiv .sfbg {\n background: #1e1e2e;\n box-shadow: 0 1px 6px 0 #11111b;\n }\n body .aqCVJb {\n background-color: #89b4fa !important;\n border-color: #89b4fa !important;\n }\n body .T8VaVe {\n color: #89b4fa;\n }\n body #tw-source-text-container .tw-ta,\n body #tw-source-rmn-container .tw-ta {\n color: #cdd6f4;\n }\n body #tw-target {\n background-color: #313244;\n }\n body .tw-data-placeholder {\n color: #cdd6f4;\n }\n body .j1iyq {\n border-color: #585b70;\n }\n body .w8qArf .fl {\n color: #cdd6f4 !important;\n }\n body .HSryR a.B1uW2d {\n border-bottom-color: #585b70;\n }\n body .usJj9c .zz3gNc {\n color: #cdd6f4;\n }\n body .Ss2Faf a {\n color: #cdd6f4;\n }\n body .aCOpRe em,\n body .yXK7lf em {\n color: #cdd6f4;\n }\n body .FR7ZSc .niO4u {\n background-color: #1e1e2e;\n border-color: #585b70;\n color: #89b4fa;\n }\n body .g {\n color: #cdd6f4;\n }\n body .VSHxQ {\n color: #a6adc8;\n }\n body .cF4V5c {\n background-color: #11111b !important;\n }\n body .cF4V5c g-menu-item a,\n body .cF4V5c g-menu-item a:visited,\n body .cF4V5c g-menu-item a:hover {\n color: #cdd6f4;\n }\n body .cF4V5c:hover g-menu-item:hover a,\n body .cF4V5c:hover g-menu-item a:visited,\n body .cF4V5c g-menu-item a:hover {\n background-color: #313244;\n }\n body .GZnQqe.LGiluc {\n border-top-color: #585b70 !important;\n }\n body .pkWBse {\n box-shadow: 1px 1px 15px 0 #11111b;\n }\n body .dG2XIf {\n background: #1e1e2e;\n }\n body .Z0LcW {\n color: #cdd6f4;\n }\n body .i29hTd .qLLird {\n color: #cdd6f4;\n }\n body .i29hTd .kR7nSc {\n color: #cdd6f4;\n }\n body .N6Sb2c {\n color: #a6adc8;\n }\n body .C9iYEe {\n color: #a6adc8;\n }\n body .KcXNxb {\n background: #1e1e2e;\n }\n body .ss6qqb .PKDVJd {\n color: #a6adc8;\n }\n body a.oBa0Fe {\n color: #a6adc8;\n }\n body .o6juZc {\n background-color: #313244;\n }\n body .o6juZc:hover {\n background-color: #313244;\n box-shadow: 0 4px 12px #11111b;\n }\n body .W6pGoe {\n background: #313244;\n box-shadow: 0 4px 6px 0 #11111b;\n }\n body .WdWr7c {\n border-top-color: #585b70;\n }\n body .sU3bKf {\n color: #cdd6f4;\n }\n body .O5OUld {\n color: #a6adc8;\n }\n body .zP7KFe {\n background: #45475a;\n }\n body .O5OUld:hover {\n color: #89b4fa;\n }\n body .og3lId {\n color: #cdd6f4;\n }\n body .M3w8Nb .o6juZc {\n box-shadow: 0 1px 6px 0 #11111b;\n }\n body .r8xEL {\n color: #cdd6f4;\n }\n body .ZZ7G7b {\n color: #cdd6f4;\n border-color: #45475a;\n }\n body .NZmxZe {\n background-color: #1e1e2e;\n border-color: #45475a;\n color: #cdd6f4;\n }\n body .NZmxZe:not(.rQEFy):hover,\n body .cj2HCb.iuN0sf .w6PoOe:hover,\n body .CgGjZc:hover {\n background-color: #313244;\n border-color: #45475a;\n color: #cdd6f4;\n }\n body .ssfWCe .ZXJQ7c,\n body .cj2HCb.iuN0sf .w6PoOe,\n body .G2XB8d,\n body .cj2HCb.iuN0sf .w6PoOe .KA8Jyb {\n color: #a6adc8;\n }\n body .ssfWCe .ZXJQ7c .KA8Jyb:hover,\n body .cj2HCb.iuN0sf .w6PoOe .KA8Jyb:hover,\n body .G2XB8d .KA8Jyb:hover,\n body .cj2HCb.iuN0sf .w6PoOe .KA8Jyb .KA8Jyb:hover {\n fill: #bac2de;\n }\n body .KA8Jyb {\n fill: #a6adc8;\n }\n body .CgGjZc:hover .G2XB8d {\n color: #bac2de;\n }\n body .o6OF0 {\n background-color: #45475a;\n }\n body .o6OF0:hover {\n background-color: #585b70;\n }\n body .o6OF0 .SHFPkb {\n color: #cdd6f4;\n }\n body .o6OF0 .PnfqLc {\n color: #a6adc8;\n }\n body .zbRPDe,\n body .scU1d {\n color: #cdd6f4;\n }\n body .UafVBb {\n background-color: #1e1e2e;\n border-color: #585b70;\n }\n body .mEQved {\n color: #a6adc8;\n }\n body .goxjub > path:nth-child(1) {\n fill: #89b4fa;\n }\n body .goxjub > path:nth-child(2) {\n fill: #a6e3a1;\n }\n body .goxjub > path:nth-child(3) {\n fill: #f9e2af;\n }\n body .goxjub > path:nth-child(4) {\n fill: #f38ba8;\n }\n body [fill=\"#34a853\"] {\n fill: #a6e3a1;\n }\n body [fill=\"#4285f4\"] {\n fill: #89b4fa;\n }\n body [fill=\"#ea4335\"] {\n fill: #f38ba8;\n }\n body [fill=\"#fbbc05\"] {\n fill: #f9e2af;\n }\n body .ssfWCe .ZXJQ7c:hover {\n background-color: #313244;\n color: #cdd6f4;\n }\n body .qcTKEe {\n background-color: #1e1e2e;\n }\n body .ooPrBf {\n background: #1e1e2e;\n }\n body .r9PaP {\n color: #a6adc8;\n }\n body .r9PaP:hover {\n color: #89b4fa;\n }\n body .H1KrKd {\n fill: #a6adc8;\n }\n body .cEPPT {\n border-bottom-color: #45475a;\n }\n body .Ix6LGe {\n background: #1e1e2e;\n box-shadow: 0 2px 10px 0 #11111b;\n }\n body .Hm7Qac:hover,\n body .EuKAde {\n background-color: #313244;\n }\n body .igM9Le {\n color: #cdd6f4;\n }\n body .irf0hb {\n box-shadow: 1px 1px 15px 0 #11111b;\n }\n body .gb_Mc .gb_Vd button:hover svg,\n body .gb_Mc .gb_d:hover {\n background-color: #313244;\n }\n body .gb_Mc svg,\n body .gb_Rc.gb_Vc svg,\n body .gb_Mc .gb_dd .gb_ld,\n body .gb_Mc .gb_dd .gb_Lc,\n body .gb_Mc .gb_dd .gb_fd,\n body .gb_Rc.gb_Vc .gb_ld {\n color: #cdd6f4;\n }\n body .cEW58 {\n background-color: #313244;\n }\n body .dyAbMb {\n fill: #a6adc8;\n }\n body .zItAnd,\n body .zItAnd:link,\n body .zItAnd:visited,\n body .zItAnd:hover,\n body .zItAnd:active {\n color: #cdd6f4;\n }\n body .zItAnd {\n background-color: #1e1e2e;\n border-color: #45475a;\n }\n body .zItAnd:not(.MgQdud):hover {\n background-color: #313244;\n border-color: #45475a;\n }\n body .fKmH1e {\n background-color: #1e1e2e;\n border-color: #45475a;\n color: #a6adc8;\n }\n body .fKmH1e:hover {\n background-color: #313244;\n border-color: #45475a;\n }\n body .nfSF8e,\n body .WRhYSc {\n color: #a6adc8;\n }\n body .nfSF8e:hover,\n body .WRhYSc:hover {\n background-color: #313244;\n color: #a6adc8;\n }\n body .ssJ7i {\n color: #cdd6f4;\n }\n body .iAIpCb {\n color: #a6adc8;\n }\n body .KMdzJ,\n body .ss6qqb .oBrLN,\n body .ylgVCe {\n color: #bac2de;\n }\n body .PmPt7d {\n color: #a6adc8;\n }\n body .gb_Mc a.gb_E,\n body .gb_Mc span.gb_E {\n color: #cdd6f4;\n }\n body a.gb_E,\n body span.gb_E {\n color: #cdd6f4 !important;\n }\n body .RzdJxc {\n border-top-color: #585b70;\n }\n body .rKnmn {\n border-top-color: #585b70;\n }\n body .FzCfme {\n color: #a6adc8;\n }\n body .hMJ0yc {\n color: #a6adc8;\n }\n body .yg51vc {\n background-color: #1e1e2e;\n }\n body .hdtb-mitem a {\n color: #a6adc8;\n }\n body .hdtb-mitem .GOE98c,\n body .hdtb-mitem a,\n body .hdtb-mitem.hdtb-msel,\n body .t2vtad {\n color: #a6adc8;\n }\n body .t2vtad:not(.hdtb-tl-sel) {\n color: #a6adc8;\n }\n body .dG2XIf .xpdopen .mJ2Mod {\n border-color: #45475a;\n }\n body .t2vtad:not(.hdtb-tl-sel):hover {\n background-color: #313244;\n border-color: #45475a;\n color: #cdd6f4;\n box-shadow: 0 1px 1px #11111b;\n }\n body .hdtb-mitem:hover .GOE98c:hover,\n body .hdtb-mitem:hover a,\n body .hdtb-mitem.hdtb-msel,\n body .t2vtad:hover {\n color: #89b4fa;\n }\n body .w6PoOe {\n color: #a6adc8;\n }\n body .w6PoOe:hover {\n color: #cdd6f4;\n }\n body .Lj9fsd.DU1Mzb {\n background-color: #1e1e2e;\n box-shadow: 0 1px 6px 0 #11111b;\n }\n body .Lj9fsd.DU1Mzb .o6juZc {\n border-color: #45475a !important;\n }\n body .dZ5aUe .vbLSne .MjJqGe:not(.xvfzbc):hover {\n background-color: #313244;\n }\n body .FjVBEd {\n color: #a6e3a1;\n }\n body title-with-lhs-icon:hover .ekf0x h3 {\n color: #89b4fa;\n }\n body .GmE3X {\n color: #cdd6f4;\n }\n body .iv236 {\n color: #cdd6f4;\n }\n body .GLcBOb {\n border-bottom-color: #45475a;\n }\n body .ss6qqb .Ui2TZ {\n color: #cdd6f4;\n }\n body .wx62f {\n color: #a6adc8;\n }\n body #rhs .u7yw9 {\n border-left-color: #45475a;\n }\n body .ss6qqb .Jk5Tjc {\n border-color: #585b70;\n }\n body #rhs .u7yw9 .cLjAic {\n border-bottom-color: #45475a;\n }\n body .JNkvid .HnYYW {\n color: #cdd6f4;\n }\n body .aokhrd .TZahnb {\n border-left-color: #45475a;\n }\n body .Cx1ZMc {\n color: #a6adc8;\n }\n body .CBPSbf {\n background-color: #1e1e2e;\n }\n body .E74aCb {\n color: #cdd6f4;\n }\n body .OE86Gc {\n background-color: #1e1e2e;\n color: #cdd6f4;\n fill: #cdd6f4;\n }\n body .c72nic {\n color: #cdd6f4;\n }\n body .GXMTjb {\n background-color: #1e1e2e;\n border-color: #313244;\n }\n body .A9y7kf {\n color: #a6adc8;\n }\n body .OE86Gc a {\n color: #89b4fa;\n }\n body .Es2Et {\n color: #a6adc8;\n }\n body .KwJT0.VqKh3b div div {\n background-color: #1e1e2e;\n fill: #cdd6f4;\n color: #cdd6f4;\n border-color: #45475a;\n }\n body .rx7XFb {\n background-color: #313244;\n }\n body .VP31Vb {\n color: #cdd6f4;\n }\n body .HXQjqf {\n background-color: rgba(137, 180, 250, 0.25);\n color: #89b4fa;\n }\n body .SW5pqf {\n color: #89b4fa;\n }\n body .rQEFy:hover {\n color: #89b4fa;\n }\n body .hdtb-tl-sel {\n border-color: #585b70;\n background: #313244;\n color: #cdd6f4;\n }\n body .hdtb-tl-sel:focus {\n border-color: #585b70;\n background: #313244;\n color: #89b4fa;\n }\n body .t2vtad:active,\n body .t2vtad:not(.hdtb-tl-sel):hover:active {\n background-color: #313244 !important;\n box-shadow: inset 0 1px 2px #11111b !important;\n }\n body .gTl8xb {\n border-color: #a6adc8 transparent;\n }\n body .hdtb-mn-hd:hover .gTl8xb {\n border-color: #cdd6f4 transparent;\n }\n body .h3L8Ub .yMAEcf {\n background: #313244;\n border-color: #585b70;\n }\n body .ynRric {\n color: #a6adc8;\n }\n body .cRV9hb .pcTkSc .wM6W7d {\n color: #cdd6f4;\n }\n body .h3L8Ub .yMAEcf.sbhl {\n background-color: #45475a;\n }\n body .sbhl {\n background: #45475a;\n }\n body .CjiZvb,\n body .GZnQqe.EpPYLd:active {\n background-color: #313244;\n }\n body .PyJv1b {\n color: #cdd6f4;\n }\n body .REySof {\n color: #89b4fa !important;\n }\n body .NQyKp {\n color: #89b4fa !important;\n background: #89b4fa !important;\n }\n body .b0Xfjd {\n color: #1e1e2e !important;\n }\n body .LiOdre {\n background-color: #1e1e2e;\n border-color: #45475a;\n }\n body .LiOdre:hover {\n background-color: #181825;\n border-color: #585b70;\n }\n body .LiOdre:focus {\n border-color: #89b4fa;\n }\n body .mfsgsd {\n color: #cdd6f4;\n }\n body .GCSyeb {\n background: #45475a;\n }\n body .IVvPP .cLjAic.WY0eLb,\n body .Hwkikb.WY0eLb {\n border-left-color: #45475a;\n }\n body .mQo3nc {\n background-color: #313244;\n color: #a6adc8 !important;\n }\n body .cfBJGe {\n color: #cdd6f4;\n }\n body .f6F9Be {\n background: #181825;\n }\n body .KwU3F {\n color: #89b4fa;\n }\n body .b0KoTc {\n color: #cdd6f4;\n }\n body .dfB0uf {\n color: #cdd6f4;\n }\n body .unknown_loc {\n background: #cdd6f4;\n }\n body .GS5rRd {\n color: #89b4fa;\n }\n body .xSQxL {\n color: #89b4fa;\n }\n body .smiUbb {\n color: #cdd6f4;\n }\n body .b2hzT {\n border-bottom-color: #313244;\n }\n body #swml {\n border-left-color: #313244;\n }\n body .KXbwLb {\n background-color: #585b70;\n }\n body .WZH4jc .VknLRd .GNJvt {\n background: #313244;\n }\n body .WZH4jc .VknLRd:hover .GNJvt {\n background: #45475a;\n }\n body .GNJvt {\n color: #cdd6f4;\n }\n body .fJOpI.H9lube {\n background-color: #89b4fa !important;\n border-color: #89b4fa;\n }\n body .XNo5Ab.XNo5Ab {\n color: #1e1e2e !important;\n fill: #1e1e2e !important;\n }\n body .Ss2Faf.boljiHqtXe7__place-qa-title {\n color: #cdd6f4 !important;\n }\n body .xEzgBc {\n color: #cdd6f4 !important;\n }\n body .Ss2Faf.sq4Bpf {\n color: #cdd6f4 !important;\n }\n body .ea0Lbe {\n background: #313244;\n }\n body .f6GA0,\n body .CacfB,\n body .Ua7Yuf {\n background: #1e1e2e;\n }\n body .DV7the {\n color: #89b4fa;\n }\n body .ZeVBtc {\n color: #a6adc8;\n }\n body .cB9M7 {\n background-color: #313244;\n border-color: #45475a;\n color: #cdd6f4;\n }\n body .cB9M7:hover {\n border-color: #585b70;\n }\n body .cB9M7:focus {\n border-color: #89b4fa;\n }\n body .Qwbd3 {\n background: #313244;\n color: #cdd6f4;\n border-color: #45475a;\n }\n body .Qwbd3:hover {\n background: #45475a;\n border-color: #585b70;\n }\n body .ArIAXb {\n fill: #313244;\n }\n body .qOFLsb {\n fill: #313244;\n }\n body .aHK1bd {\n color: #a6adc8;\n }\n body .diOlIe {\n border-top: 1px solid #6c7086;\n }\n body .p4pvTd {\n color: #cdd6f4;\n }\n body .gIYJUc {\n background: #1e1e2e !important;\n border-color: #45475a !important;\n }\n body .Gdd5U > g:nth-child(2) > circle:nth-child(1) {\n fill: #a6e3a1 !important;\n }\n body .Gdd5U > g:nth-child(2) > circle:nth-child(2) {\n fill: #89b4fa !important;\n }\n body .Gdd5U > g:nth-child(2) > path:nth-child(3) {\n fill: #f38ba8 !important;\n }\n body .Gdd5U > g:nth-child(2) > path:nth-child(4) {\n fill: #f9e2af !important;\n }\n body .Gdd5U > g:nth-child(2) > path:nth-child(5) {\n fill: #89b4fa !important;\n }\n body .CbAZb {\n background: #1e1e2e;\n border-bottom: 1px solid #313244;\n }\n body .S8wJ3 {\n color: #cdd6f4 !important;\n }\n body .ZI7elf {\n color: #cdd6f4 !important;\n }\n body .tGS0Nc {\n color: #cdd6f4;\n }\n body .kzt0Nc a {\n color: #a6adc8 !important;\n }\n body .fgc1P,\n body .N7KPxb {\n border-top: 1px solid #313244 !important;\n }\n body .kQEH5b {\n color: #a6adc8 !important;\n }\n body .kNKdL {\n color: #cdd6f4 !important;\n }\n body .q0yked:hover {\n background-color: #181825 !important;\n }\n body .Oz5Rbb:hover {\n background: #181825 !important;\n }\n body .lwwARb {\n background-color: #11111b !important;\n }\n body .LO47Ff {\n color: #cdd6f4;\n }\n body .j8PBfc {\n color: #a6adc8;\n }\n body .act-tim-txt-cnt {\n color: #cdd6f4;\n }\n body .act-switch-area {\n background-color: #1e1e2e !important;\n }\n body .q8U8x > div:nth-child(1) {\n background-color: #1e1e2e !important;\n }\n body .EwDHG,\n body .vNdLpe,\n body .vNdLpe:visited {\n color: #a6adc8 !important;\n }\n }",
"start": 788,
"regexps": [
"^https?://(www\\.|images\\.)?google\\..*"
@@ -6892,22 +6919,22 @@
},
{
"code": "@media (prefers-color-scheme: light) {\n body .aRDKUe .rRF0wd {\n fill: #df8e1d !important;\n }\n body .aRDKUe .ub0gT {\n fill: #eff1f5 !important;\n }\n body .aRDKUe .Pzuhxc {\n color: #4c4f69 !important;\n }\n body .aRDKUe .Pzuhxc:hover {\n background-color: #acb0be !important;\n }\n body .aRDKUe .hCDve {\n color: #4c4f69 !important;\n }\n body .aRDKUe .WkuXae {\n color: #1e66f5;\n }\n body .aRDKUe .coHE2 {\n border-color: #acb0be !important;\n }\n body .aRDKUe .coHE2:hover {\n background-color: rgba(30, 102, 245, 0.25);\n }\n body .aRDKUe .eYSAde {\n color: #4c4f69 !important;\n }\n body .aRDKUe .Lvwayc {\n background-color: #ccd0da !important;\n }\n body .aRDKUe .Z6NXed {\n color: #4c4f69 !important;\n }\n body .aRDKUe .bMnvr {\n background: #bcc0cc !important;\n }\n body .aRDKUe .Wdz6e {\n color: #6c6f85 !important;\n }\n body .aRDKUe .LzIwWe {\n color: #4c4f69 !important;\n }\n body .aRDKUe .znj3je {\n color: #4c4f69 !important;\n }\n body .aRDKUe .fVFoBd {\n color: #4c4f69 !important;\n }\n body .aRDKUe .cllK4d {\n background: #ccd0da !important;\n color: #6c6f85 !important;\n }\n body .aRDKUe .aFCkf {\n background: #ccd0da !important;\n color: #1e66f5 !important;\n }\n body .aRDKUe .DgDbFe .vZvJBb:not(:first-child) .BVnP4c::before {\n color: #4c4f69 !important;\n }\n body .aRDKUe .qLP7kc .jFfZdd {\n background: #eff1f5 !important;\n }\n body .aRDKUe .Z6NXed:hover {\n background-color: #bcc0cc !important;\n }\n body .nz9sqb.EHzcec {\n background: var(--gm3-sys-color-surface-container-high, #ccd0da);\n }\n body .nz9sqb.EHzcec .LVal7b {\n background: var(--gm3-sys-color-surface-container-low, #e6e9ef);\n }\n body .nz9sqb .NQV3m {\n color: var(--gm3-sys-color-primary, #1e66f5);\n border-color: var(--gm3-sys-color-outline, #acb0be);\n }\n body .nz9sqb .NQV3m:hover {\n background-color: rgba(30, 102, 245, 0.25);\n }\n body .nz9sqb .NQV3m:focus {\n background-color: rgba(30, 102, 245, 0.25);\n }\n body .nz9sqb .Rq5Gcb {\n color: #4c4f69 !important;\n }\n body .nz9sqb .tX9u1b:hover {\n background-color: #ccd0da;\n }\n body .nz9sqb.o07G5 .tX9u1b:active,\n body .nz9sqb.o07G5 .tX9u1b:active:focus,\n body .nz9sqb.o07G5 .tX9u1b:active .Rq5Gcb,\n body .nz9sqb.o07G5 .tX9u1b:active:hover .Rq5Gcb {\n background-color: #ccd0da;\n }\n }\n @media (prefers-color-scheme: dark) {\n body .aRDKUe .rRF0wd {\n fill: #f9e2af !important;\n }\n body .aRDKUe .ub0gT {\n fill: #1e1e2e !important;\n }\n body .aRDKUe .Pzuhxc {\n color: #cdd6f4 !important;\n }\n body .aRDKUe .Pzuhxc:hover {\n background-color: #585b70 !important;\n }\n body .aRDKUe .hCDve {\n color: #cdd6f4 !important;\n }\n body .aRDKUe .WkuXae {\n color: #89b4fa;\n }\n body .aRDKUe .coHE2 {\n border-color: #585b70 !important;\n }\n body .aRDKUe .coHE2:hover {\n background-color: rgba(137, 180, 250, 0.25);\n }\n body .aRDKUe .eYSAde {\n color: #cdd6f4 !important;\n }\n body .aRDKUe .Lvwayc {\n background-color: #313244 !important;\n }\n body .aRDKUe .Z6NXed {\n color: #cdd6f4 !important;\n }\n body .aRDKUe .bMnvr {\n background: #45475a !important;\n }\n body .aRDKUe .Wdz6e {\n color: #a6adc8 !important;\n }\n body .aRDKUe .LzIwWe {\n color: #cdd6f4 !important;\n }\n body .aRDKUe .znj3je {\n color: #cdd6f4 !important;\n }\n body .aRDKUe .fVFoBd {\n color: #cdd6f4 !important;\n }\n body .aRDKUe .cllK4d {\n background: #313244 !important;\n color: #a6adc8 !important;\n }\n body .aRDKUe .aFCkf {\n background: #313244 !important;\n color: #89b4fa !important;\n }\n body .aRDKUe .DgDbFe .vZvJBb:not(:first-child) .BVnP4c::before {\n color: #cdd6f4 !important;\n }\n body .aRDKUe .qLP7kc .jFfZdd {\n background: #1e1e2e !important;\n }\n body .aRDKUe .Z6NXed:hover {\n background-color: #45475a !important;\n }\n body .nz9sqb.EHzcec {\n background: var(--gm3-sys-color-surface-container-high, #313244);\n }\n body .nz9sqb.EHzcec .LVal7b {\n background: var(--gm3-sys-color-surface-container-low, #181825);\n }\n body .nz9sqb .NQV3m {\n color: var(--gm3-sys-color-primary, #89b4fa);\n border-color: var(--gm3-sys-color-outline, #585b70);\n }\n body .nz9sqb .NQV3m:hover {\n background-color: rgba(137, 180, 250, 0.25);\n }\n body .nz9sqb .NQV3m:focus {\n background-color: rgba(137, 180, 250, 0.25);\n }\n body .nz9sqb .Rq5Gcb {\n color: #cdd6f4 !important;\n }\n body .nz9sqb .tX9u1b:hover {\n background-color: #313244;\n }\n body .nz9sqb.o07G5 .tX9u1b:active,\n body .nz9sqb.o07G5 .tX9u1b:active:focus,\n body .nz9sqb.o07G5 .tX9u1b:active .Rq5Gcb,\n body .nz9sqb.o07G5 .tX9u1b:active:hover .Rq5Gcb {\n background-color: #313244;\n }\n }",
- "start": 55027,
+ "start": 67606,
"regexps": [
"^https?://(ogs\\.)?google\\..*"
]
},
{
"code": "/* prettier-ignore */",
- "start": 60067
+ "start": 72646
}
],
- "sourceCode": "/* ==UserStyle==\n@name Google Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/google\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/google\n@version 0.1.2\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/google/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle\n@description Soothing pastel theme for Google\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n\n@-moz-document regexp(\"^https?://(www\\\\.|images\\\\.)?google\\\\..*\")\n{\n #catppuccin(@lookup) {\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 background: @base !important;\n --uv-styles-color-surface: @crust;\n --uv-styles-color-tertiary: @surface0;\n --uv-styles-color-secondary: fade(@blue, 25%);\n --uv-styles-color-text-primary: @blue;\n --uv-styles-color-icon-default: @text;\n --uv-styles-color-text-emphasis: @text;\n --uv-styles-color-icon-on-secondary: @subtext0;\n\n .gb_Ka.gb_f,\n .gb_Na.gb_f {\n background-color: @base !important;\n svg,\n .gb_Rc svg,\n .gb_dd .gb_ld,\n .gb_3c .gb_ld {\n color: @text;\n }\n }\n .uU7dJb {\n border-bottom-color: @surface0;\n background-color: @mantle;\n color: @subtext1;\n }\n .KxwPGc {\n background-color: @mantle;\n }\n .gbqfba,\n .lJ9FBc input[type=\"submit\"] {\n color: @text;\n background-color: @surface0;\n border-color: @surface1;\n &:hover {\n color: @text;\n background-color: @surface0;\n border-color: @surface2;\n }\n }\n .pHiOh,\n a.pHiOh {\n color: @subtext1 !important;\n }\n a {\n color: @blue;\n }\n .RNNXgb {\n background: @surface0;\n border-color: @surface1;\n }\n .RNNXgb:hover,\n .sbfc .RNNXgb {\n background: @surface0 !important;\n border-color: @surface0;\n box-shadow: 0 1px 6px 0 @crust;\n }\n .minidiv .RNNXgb {\n background: @surface0;\n border-color: @surface1;\n &:hover {\n box-shadow: 0 4px 12px @crust;\n }\n }\n .emcav .RNNXgb {\n box-shadow: 0 1px 6px 0 @crust;\n background: @surface0;\n border-color: @surface0;\n }\n .aajZCb {\n background: @surface0;\n box-shadow: 0 4px 6px 0 @crust;\n }\n .xtSCL {\n border-top-color: @surface2;\n }\n .sbct:hover {\n background-color: @surface1;\n }\n .WggQGd {\n color: @mauve !important;\n }\n .JCHpcb {\n color: @subtext0;\n }\n .JCHpcb:hover {\n color: @blue;\n }\n .wM6W7d {\n color: @text;\n }\n .ExCKkf {\n color: @subtext0;\n }\n .ACRAdd {\n border-left-color: @overlay0;\n }\n #SIvCob {\n color: @text;\n }\n .gb_Jc a.gb_B,\n .gb_Jc span.gb_B {\n color: @text;\n }\n .gb_Jc svg,\n .gb_Oc.gb_Sc svg,\n .gb_Jc .gb_ad .gb_id,\n .gb_Jc .gb_ad .gb_Ic,\n .gb_Jc .gb_ad .gb_cd,\n .gb_Oc.gb_Sc .gb_id {\n color: @text;\n }\n .gb_Ka svg,\n .gb_Oc svg,\n .gb_ad .gb_id,\n .gb_0c .gb_id {\n color: @text;\n }\n .gLFyf {\n color: @text;\n }\n .QCzoEc {\n color: @overlay2;\n }\n .szppmdbYutt__middle-slot-promo {\n color: @text;\n }\n .gb_Jc .gb_Ud button:hover svg,\n .gb_Jc .gb_d:hover {\n background-color: @surface0;\n }\n .gb_Jc .gb_Ud.gb_qe button:hover svg,\n .gb_Ud button:hover svg,\n .gb_d:hover {\n background-color: @surface0;\n }\n .gb_We {\n background: @mantle;\n color: @text;\n }\n a.gb_B,\n span.gb_B {\n color: @text;\n }\n .gb_zc div:first-child {\n color: @text;\n }\n .gb_zc > * {\n color: @subtext0;\n }\n .ClJ9Yb {\n color: @subtext0;\n }\n .sfbg {\n background-color: @base;\n }\n .jfN4p,\n .lnXdpd {\n @svg-raw: '';\n @svg: escape(@svg-raw);\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n .zgAlFc {\n color: @blue;\n }\n .fLciMb {\n color: @text;\n }\n .fLciMb:hover {\n background-color: @surface0;\n }\n .kno-ftr.rpBMYb {\n color: @subtext0;\n }\n .aTI8gc {\n color: @text;\n }\n .wwUB2c {\n color: @subtext0;\n }\n .z1asCe {\n color: @text !important;\n fill: @text !important;\n }\n .rsGxI.Ww4FFb,\n .Ww4FFb {\n background-color: @base;\n }\n .RES9jf {\n color: @text;\n }\n .CSkcDe,\n .related-question-pair div.iDjcJe {\n color: @text;\n }\n .cUnQKe .ILfuVd b {\n background-color: fade(@blue, 25%);\n color: @text;\n }\n .cUnQKe .ILfuVd,\n .cUnQKe .UiGGAb.ILfuVd {\n color: @subtext1;\n }\n .ZYHQ7e {\n color: @subtext0;\n }\n .VuuXrf {\n color: @text;\n }\n .hb8SAc {\n color: @text;\n }\n .TQc1id .I6TXqe {\n border-color: @surface2;\n }\n .I6TXqe {\n background: @base;\n }\n .HsZQAe {\n border-bottom-color: @surface2;\n }\n .NtaMpb .niO4u {\n background-color: @base;\n }\n .iRPzcb {\n border-bottom-color: @surface1;\n }\n .related-question-pair .d0fCJc {\n color: @text;\n }\n cite,\n cite a:link,\n cite a:visited {\n color: @subtext0;\n }\n .WZ8Tjf {\n color: @subtext0;\n }\n .yDYNvb.lyLwlc {\n color: @text;\n }\n .H9lube {\n background-color: @base;\n border-color: @surface2;\n }\n .akqY6 {\n background: @surface1;\n }\n .KFFQ0c .YfftMc,\n .KFFQ0c .YfftMc span,\n .KFFQ0c .YfftMc div,\n .KFFQ0c .YfftMc a {\n color: @subtext0;\n }\n .dyjrff {\n color: @subtext1;\n }\n .appbar {\n background: @base;\n }\n .LHJvCe {\n color: @subtext0;\n }\n .dG2XIf .xpdbox .yc7KLc {\n background-color: @base;\n }\n .URgIvb {\n border-color: @blue;\n background-color: @blue;\n }\n .pdpvld {\n color: @green;\n }\n .YrbPuc {\n color: @subtext1;\n }\n .S8ee5.CwbYXd {\n color: @text;\n }\n .S8ee5 {\n background: @surface0;\n }\n .S8ee5:hover {\n background: @surface1;\n }\n .rhHIGd {\n background-color: @surface2;\n }\n .sY7ric {\n color: @text;\n }\n .I6a0ee {\n background-color: @base;\n border-color: @surface2;\n color: @text;\n }\n .I6a0ee:hover {\n background-color: @mantle;\n border-color: @surface2;\n }\n .I6a0ee:focus {\n background-color: @crust;\n border-color: @surface2;\n }\n .pxhZNb {\n background-color: @surface0 !important;\n color: @text;\n }\n .d2F2Td {\n color: @text;\n }\n .c07z9 {\n color: @subtext0;\n }\n .c07z9 a,\n .c07z9 a:active,\n .c07z9 a:link {\n color: @text;\n text-decoration-color: @subtext0;\n }\n .wHYlTd {\n color: @subtext0;\n }\n .dG2XIf .c2xzTb .wDYxhc:first-child {\n background: @base;\n }\n .fm06If .ILfuVd,\n .c2xzTb .ILfuVd,\n .Jb0Zif .c2xzTb .ILfuVd {\n color: @text;\n }\n .fm06If .ILfuVd b,\n .c2xzTb .ILfuVd b {\n background-color: fade(@blue, 25%);\n color: @text;\n }\n .GKS7s {\n background: @surface0;\n border-color: @surface1;\n }\n .GKS7s:hover {\n background-color: @surface1 !important;\n border-color: @surface2;\n }\n .yXK7lf em {\n color: @text;\n }\n .Lb0dA:hover {\n background-color: @surface0;\n }\n .Lb0dA[aria-expanded=\"true\"]:hover .EGarzf {\n color: @blue;\n }\n .Lb0dA[aria-expanded=\"true\"] {\n background-color: fade(@blue, 25%);\n }\n .BaegVc:hover {\n background-color: @surface0;\n }\n .hdtb-tl-sel .BaegVc {\n background-color: fade(@blue, 25%);\n }\n .BaegVc:focus {\n background-color: fade(@blue, 25%);\n }\n .TZqsAd {\n background: @overlay0;\n }\n .FalWJb {\n background: @base;\n }\n .YeThId {\n border-top-color: @surface1;\n }\n .k8XOCe {\n background-color: @surface0;\n }\n .s75CSd {\n color: @text;\n }\n .ZkkK1e {\n background: @base;\n border-color: @surface1;\n }\n .ZkkK1e:hover {\n background: @surface0;\n }\n .QjI2jc {\n color: @subtext0;\n }\n .lhLbod {\n color: @subtext0;\n }\n .nr7I6e div[aria-expanded=\"true\"] .F75bid,\n .nr7I6e div[aria-expanded=\"true\"]:hover .fFI3rb .F75bid {\n color: @blue;\n }\n .F75bid {\n color: @subtext0;\n }\n div[aria-expanded=\"true\"] .fFI3rb {\n background-color: fade(@blue, 25%) !important;\n }\n div[aria-expanded=\"true\"]:hover .fFI3rb:hover {\n background-color: fade(@blue, 25%) !important;\n }\n .MAMMm {\n background: @mantle;\n box-shadow: 0 2px 6px @crust !important;\n }\n [selected].nWtjMe {\n background: fade(@blue, 25%) !important;\n }\n .uZNuIf:hover {\n background-color: @surface0;\n color: @text;\n }\n [selected].nWtjMe .FMKtTb {\n color: @text;\n }\n .nWtjMe .FMKtTb {\n color: @subtext0;\n }\n .GKS7s .FMKtTb,\n .GKS7s .RWhoyd.mol54e {\n color: @text;\n }\n .ePSouf .FMKtTb {\n color: @subtext0;\n }\n .NkCsjc:hover {\n background-color: @surface0 !important;\n color: @text;\n }\n .nr7I6e div[aria-haspopup=\"true\"]:hover .F75bid {\n color: @text;\n }\n a.hisnlb {\n background: fade(@overlay2, 25%);\n }\n div[aria-expanded=\"true\"] .fFI3rb,\n div[aria-expanded=\"true\"]:hover .fFI3rb:hover {\n background-color: @surface0 !important;\n }\n .hdtb-tl-sel .BaegVc .WjMmQ:hover {\n color: @blue;\n }\n .hdtb-mn-hd {\n color: @subtext0;\n }\n .hdtb-mn-hd:hover {\n color: @text;\n }\n .fSnalc {\n stroke: @blue;\n }\n .oOg6Ne {\n stroke: @yellow;\n }\n .ZqPjbb {\n stroke: @red;\n }\n .aPiskd {\n stroke: @green;\n }\n .s8GCU {\n background-color: @base;\n }\n .Lj9fsd {\n background-color: @base;\n }\n .jZWadf {\n background-color: @base;\n }\n .rQEFy,\n .rQEFy:hover {\n border-color: fade(@blue, 25%);\n background-color: fade(@blue, 25%);\n }\n .gbZSUe {\n color: @text;\n }\n .gbZSUe:hover {\n background: @surface0;\n }\n .XZ5MVe {\n color: @blue;\n }\n a:visited {\n color: @mauve;\n }\n .F9Idpe {\n background: linear-gradient(to right, transparent 0%, @base 60%, @base);\n }\n .SvoXfb > .x5f7Bc {\n fill: @subtext0;\n }\n .SvoXfb:hover > .x5f7Bc {\n fill: @text;\n }\n .SvoXfb:hover {\n background-color: @surface0;\n }\n .IsZvec {\n color: @subtext0;\n }\n .uo4vr {\n color: @subtext0;\n }\n .minidiv .sfbg {\n background: @base;\n box-shadow: 0 1px 6px 0 @crust;\n }\n .aqCVJb {\n background-color: @blue !important;\n border-color: @blue !important;\n }\n .T8VaVe {\n color: @blue;\n }\n #tw-source-text-container .tw-ta,\n #tw-source-rmn-container .tw-ta {\n color: @text;\n }\n #tw-target {\n background-color: @surface0;\n }\n .tw-data-placeholder {\n color: @text;\n }\n .j1iyq {\n border-color: @surface2;\n }\n .w8qArf .fl {\n color: @text !important;\n }\n .HSryR a.B1uW2d {\n border-bottom-color: @surface2;\n }\n .usJj9c .zz3gNc {\n color: @text;\n }\n .Ss2Faf a {\n color: @text;\n }\n .aCOpRe em,\n .yXK7lf em {\n color: @text;\n }\n .FR7ZSc .niO4u {\n background-color: @base;\n border-color: @surface2;\n color: @blue;\n }\n .g {\n color: @text;\n }\n .VSHxQ {\n color: @subtext0;\n }\n .cF4V5c {\n background-color: @crust !important;\n }\n .cF4V5c g-menu-item a,\n .cF4V5c g-menu-item a:visited,\n .cF4V5c g-menu-item a:hover {\n color: @text;\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: @surface0;\n }\n .GZnQqe.LGiluc {\n border-top-color: @surface2 !important;\n }\n .pkWBse {\n box-shadow: 1px 1px 15px 0 @crust;\n }\n .dG2XIf {\n background: @base;\n }\n .Z0LcW {\n color: @text;\n }\n .i29hTd .qLLird {\n color: @text;\n }\n .i29hTd .kR7nSc {\n color: @text;\n }\n .N6Sb2c {\n color: @subtext0;\n }\n .C9iYEe {\n color: @subtext0;\n }\n .KcXNxb {\n background: @base;\n }\n .ss6qqb .PKDVJd {\n color: @subtext0;\n }\n a.oBa0Fe {\n color: @subtext0;\n }\n .o6juZc {\n background-color: @surface0;\n }\n .o6juZc:hover {\n background-color: @surface0;\n box-shadow: 0 4px 12px @crust;\n }\n .W6pGoe {\n background: @surface0;\n box-shadow: 0 4px 6px 0 @crust;\n }\n .WdWr7c {\n border-top-color: @surface2;\n }\n .sU3bKf {\n color: @text;\n }\n .O5OUld {\n color: @subtext0;\n }\n .zP7KFe {\n background: @surface1;\n }\n .O5OUld:hover {\n color: @blue;\n }\n .og3lId {\n color: @text;\n }\n .M3w8Nb .o6juZc {\n box-shadow: 0 1px 6px 0 @crust;\n }\n .r8xEL {\n color: @text;\n }\n .ZZ7G7b {\n color: @text;\n border-color: @surface1;\n }\n .NZmxZe {\n background-color: @base;\n border-color: @surface1;\n color: @text;\n }\n .NZmxZe:not(.rQEFy):hover {\n background-color: @surface0;\n border-color: @surface1;\n color: @text;\n }\n .ssfWCe .ZXJQ7c {\n color: @subtext0;\n }\n .ssfWCe .ZXJQ7c:hover {\n background-color: @surface0;\n color: @text;\n }\n .qcTKEe {\n background-color: @base;\n }\n .ooPrBf {\n background: @base;\n }\n .r9PaP {\n color: @subtext0;\n }\n .r9PaP:hover {\n color: @blue;\n }\n .H1KrKd {\n fill: @subtext0;\n }\n .cEPPT {\n border-bottom-color: @surface1;\n }\n .Ix6LGe {\n background: @base;\n box-shadow: 0 2px 10px 0 @crust;\n }\n .Hm7Qac:hover,\n .EuKAde {\n background-color: @surface0;\n }\n .igM9Le {\n color: @text;\n }\n .irf0hb {\n box-shadow: 1px 1px 15px 0 @crust;\n }\n .gb_Mc .gb_Vd button:hover svg,\n .gb_Mc .gb_d:hover {\n background-color: @surface0;\n }\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: @text;\n }\n .cEW58 {\n background-color: @surface0;\n }\n .dyAbMb {\n fill: @subtext0;\n }\n .zItAnd,\n .zItAnd:link,\n .zItAnd:visited,\n .zItAnd:hover,\n .zItAnd:active {\n color: @text;\n }\n .zItAnd {\n background-color: @base;\n border-color: @surface1;\n }\n .zItAnd:not(.MgQdud):hover {\n background-color: @surface0;\n border-color: @surface1;\n }\n .fKmH1e {\n background-color: @base;\n border-color: @surface1;\n }\n .fKmH1e:hover {\n background-color: @surface0;\n border-color: @surface1;\n }\n .nfSF8e,\n .WRhYSc {\n color: @subtext0;\n }\n .nfSF8e:hover,\n .WRhYSc:hover {\n background-color: @surface0;\n color: @subtext0;\n }\n .ssJ7i {\n color: @text;\n }\n .iAIpCb {\n color: @subtext0;\n }\n .KMdzJ {\n color: @subtext1;\n }\n .PmPt7d {\n color: @subtext0;\n }\n .gb_Mc a.gb_E,\n .gb_Mc span.gb_E {\n color: @text;\n }\n a.gb_E,\n span.gb_E {\n color: @text !important;\n }\n .RzdJxc {\n border-top-color: @surface2;\n }\n .rKnmn {\n border-top-color: @surface2;\n }\n .FzCfme {\n color: @subtext0;\n }\n .hMJ0yc {\n color: @subtext0;\n }\n .yg51vc {\n background-color: @base;\n }\n .hdtb-mitem a {\n color: @subtext0;\n }\n .hdtb-mitem .GOE98c,\n .hdtb-mitem a,\n .hdtb-mitem.hdtb-msel,\n .t2vtad {\n color: @subtext0;\n }\n .t2vtad:not(.hdtb-tl-sel) {\n color: @subtext0;\n }\n .t2vtad:not(.hdtb-tl-sel):hover {\n background-color: @surface0;\n border-color: @surface1;\n color: @text;\n box-shadow: 0 1px 1px @crust;\n }\n .hdtb-mitem:hover .GOE98c:hover,\n .hdtb-mitem:hover a,\n .hdtb-mitem.hdtb-msel,\n .t2vtad:hover {\n color: @blue;\n }\n .w6PoOe {\n color: @subtext0;\n }\n .w6PoOe:hover {\n color: @text;\n }\n .Lj9fsd.DU1Mzb {\n background-color: @base;\n box-shadow: 0 1px 6px 0 @crust;\n .o6juZc {\n border-color: @surface1 !important;\n }\n }\n .dZ5aUe .vbLSne .MjJqGe:not(.xvfzbc):hover {\n background-color: @surface0;\n }\n .FjVBEd {\n color: @green;\n }\n title-with-lhs-icon:hover .ekf0x h3 {\n color: @blue;\n }\n .GmE3X {\n color: @text;\n }\n .iv236 {\n color: @text;\n }\n .GLcBOb {\n border-bottom-color: @surface1;\n }\n .ss6qqb .Ui2TZ {\n color: @text;\n }\n .wx62f {\n color: @subtext0;\n }\n #rhs .u7yw9 {\n border-left-color: @surface1;\n }\n .ss6qqb .Jk5Tjc {\n border-color: @surface2;\n }\n #rhs .u7yw9 .cLjAic {\n border-bottom-color: @surface1;\n }\n .JNkvid .HnYYW {\n color: @text;\n }\n .aokhrd .TZahnb {\n border-left-color: @surface1;\n }\n .Cx1ZMc {\n color: @subtext0;\n }\n .CBPSbf {\n background-color: @base;\n }\n .E74aCb {\n color: @text;\n }\n .OE86Gc {\n background-color: @base;\n color: @text;\n fill: @text;\n }\n .c72nic {\n color: @text;\n }\n .GXMTjb {\n background-color: @base;\n border-color: @surface0;\n }\n .A9y7kf {\n color: @subtext0;\n }\n .OE86Gc a {\n color: @blue;\n }\n .Es2Et {\n color: @subtext0;\n }\n .KwJT0.VqKh3b div div {\n background-color: @base;\n fill: @text;\n color: @text;\n border-color: @surface1;\n }\n .rx7XFb {\n background-color: @surface0;\n }\n .VP31Vb {\n color: @text;\n }\n .HXQjqf {\n background-color: fade(@blue, 25%);\n color: @blue;\n }\n .SW5pqf {\n color: @blue;\n }\n .rQEFy:hover {\n color: @blue;\n }\n .hdtb-tl-sel {\n border-color: @surface2;\n background: @surface0;\n color: @text;\n }\n .hdtb-tl-sel:focus {\n border-color: @surface2;\n background: @surface0;\n color: @blue;\n }\n .t2vtad:active,\n .t2vtad:not(.hdtb-tl-sel):hover:active {\n background-color: @surface0 !important;\n box-shadow: inset 0 1px 2px @crust !important;\n }\n .gTl8xb {\n border-color: @subtext0 transparent;\n }\n .hdtb-mn-hd:hover .gTl8xb {\n border-color: @text transparent;\n }\n .h3L8Ub .yMAEcf {\n background: @surface0;\n border-color: @surface2;\n }\n .ynRric {\n color: @subtext0;\n }\n .cRV9hb .pcTkSc .wM6W7d {\n color: @text;\n }\n .h3L8Ub .yMAEcf.sbhl {\n background-color: @surface1;\n }\n .sbhl {\n background: @surface1;\n }\n .CjiZvb,\n .GZnQqe.EpPYLd:active {\n background-color: @surface0;\n }\n .PyJv1b {\n color: @text;\n }\n .REySof {\n color: @blue !important;\n }\n .NQyKp {\n color: @blue !important;\n background: @blue !important;\n }\n .b0Xfjd {\n color: @base !important;\n }\n .LiOdre {\n background-color: @base;\n border-color: @surface1;\n }\n .LiOdre:hover {\n background-color: @mantle;\n border-color: @surface2;\n }\n .LiOdre:focus {\n border-color: @blue;\n }\n .mfsgsd {\n color: @text;\n }\n .GCSyeb {\n background: @surface1;\n }\n .IVvPP .cLjAic.WY0eLb,\n .Hwkikb.WY0eLb {\n border-left-color: @surface1;\n }\n .mQo3nc {\n background-color: @surface0;\n color: @subtext0 !important;\n }\n .cfBJGe {\n color: @text;\n }\n .f6F9Be {\n background: @mantle;\n }\n .KwU3F {\n color: @blue;\n }\n .b0KoTc {\n color: @text;\n }\n .dfB0uf {\n color: @text;\n }\n .unknown_loc {\n background: @text;\n }\n .GS5rRd {\n color: @blue;\n }\n .xSQxL {\n color: @blue;\n }\n .smiUbb {\n color: @text;\n }\n .b2hzT {\n border-bottom-color: @surface0;\n }\n #swml {\n border-left-color: @surface0;\n }\n .KXbwLb {\n background-color: @surface2;\n }\n .WZH4jc .VknLRd .GNJvt {\n background: @surface0;\n }\n .WZH4jc .VknLRd:hover .GNJvt {\n background: @surface1;\n }\n .GNJvt {\n color: @text;\n }\n .fJOpI.H9lube {\n background-color: @blue !important;\n border-color: @blue;\n }\n .XNo5Ab.XNo5Ab {\n color: @base !important;\n fill: @base !important;\n }\n .Ss2Faf.boljiHqtXe7__place-qa-title {\n color: @text !important;\n }\n .xEzgBc {\n color: @text !important;\n }\n .Ss2Faf.sq4Bpf {\n color: @text !important;\n }\n .ea0Lbe {\n background: @surface0;\n }\n .f6GA0,\n .CacfB,\n .Ua7Yuf {\n background: @base;\n }\n .DV7the {\n color: @blue;\n }\n .ZeVBtc {\n color: @subtext0;\n }\n .cB9M7 {\n background-color: @surface0;\n border-color: @surface1;\n color: @text;\n &:hover {\n border-color: @surface2;\n }\n &:focus {\n border-color: @blue;\n }\n }\n .Qwbd3 {\n background: @surface0;\n color: @text;\n border-color: @surface1;\n &:hover {\n background: @surface1;\n border-color: @surface2;\n }\n }\n .ArIAXb {\n fill: @surface0;\n }\n .qOFLsb {\n fill: @surface0;\n }\n .aHK1bd {\n color: @subtext0;\n }\n .diOlIe {\n border-top: 1px solid @overlay0;\n }\n .p4pvTd {\n color: @text;\n }\n .gIYJUc {\n background: @base !important;\n border-color: @surface1 !important;\n }\n .Gdd5U > g:nth-child(2) {\n > circle:nth-child(1) {\n fill: @green !important;\n }\n > circle:nth-child(2) {\n fill: @blue !important;\n }\n > path:nth-child(3) {\n fill: @red !important;\n }\n > path:nth-child(4) {\n fill: @yellow !important;\n }\n > path:nth-child(5) {\n fill: @blue !important;\n }\n }\n .CbAZb {\n background: @base;\n border-bottom: 1px solid @surface0;\n }\n .S8wJ3 {\n color: @text !important;\n }\n .ZI7elf {\n color: @text !important;\n }\n .tGS0Nc {\n color: @text;\n }\n .kzt0Nc a {\n color: @subtext0 !important;\n }\n .fgc1P,\n .N7KPxb {\n border-top: 1px solid @surface0 !important;\n }\n .kQEH5b {\n color: @subtext0 !important;\n }\n .kNKdL {\n color: @text !important;\n }\n .q0yked:hover {\n background-color: @mantle !important;\n }\n .Oz5Rbb:hover {\n background: @mantle !important;\n }\n .lwwARb {\n background-color: @crust !important;\n }\n .LO47Ff {\n color: @text;\n }\n .j8PBfc {\n color: @subtext0;\n }\n .act-tim-txt-cnt {\n color: @text;\n }\n .act-switch-area {\n background-color: @base !important;\n }\n .q8U8x > div:nth-child(1) {\n background-color: @base !important;\n }\n .EwDHG,\n .vNdLpe,\n .vNdLpe:visited {\n color: @subtext0 !important;\n }\n color: @subtext0;\n }\n @media (prefers-color-scheme: light) {\n body {\n #catppuccin(@lightFlavor);\n }\n }\n @media (prefers-color-scheme: dark) {\n body {\n #catppuccin(@darkFlavor);\n }\n }\n}\n\n@-moz-document regexp(\"^https?://(ogs\\\\.)?google\\\\..*\")\n{\n #catppuccin(@lookup) {\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 .aRDKUe {\n .rRF0wd {\n fill: @yellow !important;\n }\n .ub0gT {\n fill: @base !important;\n }\n .Pzuhxc {\n color: @text !important;\n &:hover {\n background-color: @surface2 !important;\n }\n }\n .hCDve {\n color: @text !important;\n }\n .WkuXae {\n color: @blue;\n }\n .coHE2 {\n border-color: @surface2 !important;\n &:hover {\n background-color: fade(@blue, 25%);\n }\n }\n .eYSAde {\n color: @text !important;\n }\n .Lvwayc {\n background-color: @surface0 !important;\n }\n .Z6NXed {\n color: @text !important;\n }\n .bMnvr {\n background: @surface1 !important;\n }\n .Wdz6e {\n color: @subtext0 !important;\n }\n .LzIwWe {\n color: @text !important;\n }\n .znj3je {\n color: @text !important;\n }\n .fVFoBd {\n color: @text !important;\n }\n .cllK4d {\n background: @surface0 !important;\n color: @subtext0 !important;\n }\n .aFCkf {\n background: @surface0 !important;\n color: @blue !important;\n }\n .DgDbFe .vZvJBb:not(:first-child) .BVnP4c::before {\n color: @text !important;\n }\n .qLP7kc .jFfZdd {\n background: @base !important;\n }\n .Z6NXed:hover {\n background-color: @surface1 !important;\n }\n }\n .nz9sqb.EHzcec {\n background: var(--gm3-sys-color-surface-container-high, @surface0);\n .LVal7b {\n background: var(--gm3-sys-color-surface-container-low, @mantle);\n }\n }\n .nz9sqb {\n .NQV3m {\n color: var(--gm3-sys-color-primary, @blue);\n border-color: var(--gm3-sys-color-outline, @surface2);\n &:hover {\n background-color: fade(@blue, 25%);\n }\n &:focus {\n background-color: fade(@blue, 25%);\n }\n }\n .Rq5Gcb {\n color: @text !important;\n }\n .tX9u1b:hover {\n background-color: @surface0;\n }\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: @surface0;\n }\n }\n @media (prefers-color-scheme: light) {\n body {\n #catppuccin(@lightFlavor);\n }\n }\n @media (prefers-color-scheme: dark) {\n body {\n #catppuccin(@darkFlavor);\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",
+ "sourceCode": "/* ==UserStyle==\n@name Google Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/google\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/google\n@version 0.1.7\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/google/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle\n@description Soothing pastel theme for Google\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n\n@-moz-document regexp(\"^https?://(www\\\\.|images\\\\.)?google\\\\..*\")\n{\n #catppuccin(@lookup) {\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 background: @base !important;\n --uv-styles-color-surface: @crust;\n --uv-styles-color-tertiary: @surface0;\n --uv-styles-color-secondary: fade(@blue, 25%);\n --uv-styles-color-text-primary: @blue;\n --uv-styles-color-icon-default: @text;\n --uv-styles-color-text-emphasis: @text;\n --uv-styles-color-icon-on-secondary: @subtext0;\n --uv-styles-color-on-tertiary: @text;\n --uv-styles-color-icon-on-tertiary: @text;\n\n .gb_Ka.gb_f,\n .gb_Na.gb_f,\n #gb {\n background-color: @base !important;\n svg,\n .gb_Rc svg,\n .gb_dd .gb_ld,\n .gb_3c .gb_ld {\n color: @text;\n }\n }\n .gb_Nc a.gb_F,\n .gb_Nc span.gb_F {\n color: @text;\n }\n .uU7dJb {\n border-bottom-color: @surface0;\n background-color: @mantle;\n color: @subtext1;\n }\n .gb_Nc .gb_d:hover {\n background-color: @surface0;\n }\n .KxwPGc {\n background-color: @mantle;\n }\n .HJSKzf {\n color: @text;\n }\n\n .gbqfba,\n .lJ9FBc input[type=\"submit\"] {\n color: @text;\n background-color: @surface0;\n border-color: @surface1;\n &:hover {\n color: @text;\n background-color: @surface0;\n border-color: @surface2;\n }\n }\n\n /* AI search */\n\n .UxeQfc,\n .s7d4ef,\n .yXu61c,\n .X6JNf,\n .BERAof,\n .oxbMzd,\n .A5s9h,\n .V9Wb7c,\n .GVUPk,\n .GyAeWb,\n .A0hi5,\n .Tme6jf {\n background-color: @base !important;\n }\n\n .d3o3Ad,\n .sZKvbe {\n fill: @green !important;\n }\n\n .Fzsovc,\n .cwYVJe,\n .RJPOee,\n .vM0jzc,\n .clOx1e,\n .vDF3Oc.vDF3Oc .R8BTeb,\n .vDF3Oc.vDF3Oc .ouxCkc,\n .Yt787,\n .mulB1,\n .xUc8Ie,\n .sfgTZc,\n .I6Kpxd,\n .cQEt3 {\n color: @text !important;\n }\n\n .yQLaje,\n .tVoQIb,\n .f9nOyf,\n .kHtcsd,\n .DopHqc,\n .p7bv,\n .ar9V1,\n .DfMusf,\n .y6CIle,\n .JukT7c,\n .xUc8Ie.BXdrne,\n .sEqX7e,\n .ZFiwCf {\n background-color: @surface0 !important;\n }\n\n .xUc8Ie.BXdrne,\n .YUg0se,\n .WGbsof {\n border-color: @surface2 !important;\n }\n\n .NOo3C {\n color: @subtext1;\n }\n\n .WGbsof[selected] {\n background-color: @blue;\n border-color: @blue !important;\n }\n\n /* End of AI search */\n\n .pHiOh,\n a.pHiOh {\n color: @subtext1 !important;\n }\n a {\n color: @blue;\n }\n .RNNXgb {\n background: @surface0;\n border-color: @surface1;\n }\n .RNNXgb:hover,\n .sbfc .RNNXgb {\n background: @surface0 !important;\n border-color: @surface0;\n box-shadow: 0 1px 6px 0 @crust;\n }\n .minidiv .RNNXgb {\n background: @surface0;\n border-color: @surface1;\n &:hover {\n box-shadow: 0 4px 12px @crust;\n }\n }\n .HSryR .KsRP6 {\n border-color: @surface2;\n }\n .emcav .RNNXgb {\n box-shadow: 0 1px 6px 0 @crust;\n background: @surface0;\n border-color: @surface0;\n }\n .aajZCb {\n background: @surface0;\n box-shadow: 0 4px 6px 0 @crust;\n }\n .xtSCL {\n border-top-color: @surface2;\n }\n .sbct:hover {\n background-color: @surface1;\n }\n .WggQGd {\n color: @mauve !important;\n }\n .JCHpcb {\n color: @subtext0;\n }\n .JCHpcb:hover {\n color: @blue;\n }\n .wM6W7d,\n .ABAbCc {\n color: @text;\n }\n .uDetx {\n fill: @text;\n }\n .ExCKkf,\n .BjWz4c {\n color: @subtext0;\n }\n .ACRAdd {\n border-left-color: @overlay0;\n }\n .Pvpvv {\n background-color: @crust;\n border-color: @surface1;\n color: @text;\n }\n .w9dUj {\n color: @text !important;\n }\n .Pvpvv .zE5Aq,\n .adnFRd,\n .XfJHbe {\n color: @blue;\n }\n .CS4h3e {\n background-color: @subtext0;\n }\n .Pvpvv .xyGai {\n color: @text;\n }\n #SIvCob {\n color: @text;\n }\n .gb_Jc a.gb_B,\n .gb_Jc span.gb_B {\n color: @text;\n }\n .gb_Jc svg,\n .gb_Oc.gb_Sc svg,\n .gb_Jc .gb_ad .gb_id,\n .gb_Jc .gb_ad .gb_Ic,\n .gb_Jc .gb_ad .gb_cd,\n .gb_Oc.gb_Sc .gb_id {\n color: @text;\n }\n .gb_Ka svg,\n .gb_Oc svg,\n .gb_ad .gb_id,\n .gb_0c .gb_id {\n color: @text;\n }\n .gLFyf {\n color: @text;\n }\n .QCzoEc {\n color: @overlay2;\n }\n .szppmdbYutt__middle-slot-promo {\n color: @text;\n }\n .gb_Jc .gb_Ud button:hover svg,\n .gb_Jc .gb_d:hover {\n background-color: @surface0;\n }\n .gb_Jc .gb_Ud.gb_qe button:hover svg,\n .gb_Ud button:hover svg,\n .gb_d:hover {\n background-color: @surface0;\n }\n .gb_We {\n background: @mantle;\n color: @text;\n }\n a.gb_B,\n span.gb_B {\n color: @text;\n }\n .gb_zc div:first-child {\n color: @text;\n }\n .gb_zc > * {\n color: @subtext0;\n }\n .ClJ9Yb {\n color: @subtext0;\n }\n .sfbg {\n background-color: @base;\n }\n .jfN4p,\n .lnXdpd {\n @svg-raw: '';\n @svg: escape(@svg-raw);\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n .aXBZVd {\n @svg-raw: '';\n @svg: escape(@svg-raw);\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n .zgAlFc {\n color: @blue;\n }\n .fLciMb {\n color: @text;\n }\n .d2IKib {\n color: @red;\n }\n .fLciMb:hover {\n background-color: @surface0;\n }\n .kno-ftr.rpBMYb {\n color: @subtext0;\n }\n .aTI8gc {\n color: @text;\n }\n .wwUB2c {\n color: @subtext0;\n }\n .z1asCe {\n color: @text !important;\n fill: @text !important;\n }\n .rsGxI.Ww4FFb,\n .Ww4FFb {\n background-color: @base;\n }\n .RES9jf {\n color: @text;\n }\n .CSkcDe,\n .related-question-pair div.iDjcJe {\n color: @text;\n }\n .cUnQKe .ILfuVd b {\n background-color: fade(@blue, 25%);\n color: @text;\n }\n .cUnQKe .ILfuVd,\n .cUnQKe .UiGGAb.ILfuVd {\n color: @subtext1;\n }\n .ZYHQ7e {\n color: @subtext0;\n }\n .VuuXrf {\n color: @text;\n }\n .hb8SAc {\n color: @text;\n }\n .TQc1id .I6TXqe {\n border-color: @surface2;\n }\n .I6TXqe {\n background: @base;\n }\n .HsZQAe {\n border-bottom-color: @surface2;\n }\n .NtaMpb .niO4u,\n .nZWEZc .ttwCMe {\n background-color: @base;\n }\n .iRPzcb {\n border-bottom-color: @surface1;\n }\n .related-question-pair .d0fCJc {\n color: @text;\n }\n cite,\n cite a:link,\n cite a:visited {\n color: @subtext0;\n }\n .WZ8Tjf,\n .EZAeBe,\n .F0gfrd {\n color: @subtext0;\n }\n .yDYNvb.lyLwlc {\n color: @text;\n }\n .H9lube {\n background-color: @base;\n border-color: @surface2;\n }\n .Bi9oQd {\n background-color: @surface1;\n }\n .akqY6 {\n background: @surface1;\n }\n .KFFQ0c .YfftMc,\n .KFFQ0c .YfftMc span,\n .KFFQ0c .YfftMc div,\n .KFFQ0c .YfftMc a,\n g-menu.DWsAYc g-menu-item a.K1yPdf,\n .f3LoEf,\n .TXBhSe:hover,\n .TXBhSe:not(:hover),\n .r025kc.lVm3ye,\n .Bo9xMe,\n .oyj2db {\n color: @subtext0;\n }\n .dyjrff,\n .LEwnzc {\n color: @subtext1;\n }\n .ZFiwCf {\n background-color: @surface0;\n &:hover {\n background-color: @surface1;\n }\n }\n .LGwnxb,\n .WGwSK {\n color: @text;\n }\n .EsIlz {\n background-color: @base;\n border-color: @surface1;\n }\n .O7G3Gd {\n color: @text;\n &:hover {\n color: @blue;\n }\n }\n .appbar {\n background: @base;\n border-top: 1px solid @surface1;\n }\n .bSeRjc:hover .fKmH1e {\n color: @subtext1;\n background-color: @surface0;\n }\n .bSeRjc:hover div[aria-expanded=\"true\"] .fKmH1e,\n div[aria-expanded=\"true\"] .fKmH1e {\n background-color: fade(@blue, 25%);\n color: @blue;\n }\n .LHJvCe,\n .vqseUe,\n .dMCttd {\n color: @subtext0;\n }\n .dG2XIf .xpdbox .yc7KLc {\n background-color: @base;\n }\n .URgIvb {\n border-color: @blue;\n background-color: @blue;\n }\n .pdpvld {\n color: @green;\n }\n .YrbPuc {\n color: @subtext1;\n }\n .y6CIle {\n background-color: @surface0;\n }\n .Yt787,\n .vDF3Oc.vDF3Oc .R8BTeb {\n color: @text;\n }\n .IDFSOe {\n background-color: @surface2;\n }\n .ffmmcd,\n .u7yw9 .WeviRb {\n border-color: @surface1;\n }\n .wdQNof {\n border-color: @surface1;\n background-color: @base;\n }\n .eadHV.Ses7yd {\n color: @text !important;\n }\n .f,\n .j04ED,\n .j04ED a,\n .j04ED a:link,\n .XaIwc {\n color: @subtext0 !important;\n }\n #_Xg6uZYKGBYCDhbIPvK2s2AI_27\n > div:nth-child(3)\n > g-right-button:nth-child(1)\n > g-fab:nth-child(1),\n g-right-button.wgbRNb > g-fab:nth-child(1) {\n background-color: @crust !important;\n }\n .kLhEKe {\n background-color: @base;\n }\n .S8ee5.CwbYXd {\n color: @text;\n }\n .S8ee5 {\n background: @surface0;\n }\n .S8ee5:hover {\n background: @surface1;\n }\n .rhHIGd {\n background-color: @surface2;\n }\n .sY7ric {\n color: @text;\n }\n .I6a0ee {\n background-color: @base;\n border-color: @surface2;\n color: @text;\n }\n .I6a0ee:hover {\n background-color: @mantle;\n border-color: @surface2;\n }\n .I6a0ee:focus {\n background-color: @crust;\n border-color: @surface2;\n }\n .pxhZNb {\n background-color: @surface0 !important;\n color: @text;\n }\n .d2F2Td {\n color: @text;\n }\n .c07z9 {\n color: @subtext0;\n }\n .c07z9 a,\n .c07z9 a:active,\n .c07z9 a:link {\n color: @text;\n text-decoration-color: @subtext0;\n }\n .wHYlTd {\n color: @subtext0;\n }\n .dG2XIf .c2xzTb .wDYxhc:first-child {\n background: @base;\n }\n .fm06If .ILfuVd,\n .c2xzTb .ILfuVd,\n .Jb0Zif .c2xzTb .ILfuVd {\n color: @text;\n }\n .fm06If .ILfuVd b,\n .c2xzTb .ILfuVd b {\n background-color: fade(@blue, 25%);\n color: @text;\n }\n .GKS7s {\n background: @surface0;\n border-color: @surface1;\n }\n .GKS7s:hover {\n background-color: @surface1 !important;\n border-color: @surface2;\n }\n .yXK7lf em {\n color: @text;\n }\n .Lb0dA:hover {\n background-color: @surface0;\n }\n .Lb0dA[aria-expanded=\"true\"]:hover .EGarzf {\n color: @blue;\n }\n .Lb0dA[aria-expanded=\"true\"] {\n background-color: fade(@blue, 25%);\n }\n .BaegVc:hover {\n background-color: @surface0;\n }\n .hdtb-tl-sel .BaegVc {\n background-color: fade(@blue, 25%);\n }\n .BaegVc:focus {\n background-color: fade(@blue, 25%);\n }\n .TZqsAd {\n background: @overlay0;\n }\n .FalWJb {\n background: @base;\n }\n .YeThId {\n border-top-color: @surface1;\n }\n .k8XOCe {\n background-color: @surface0;\n }\n .s75CSd {\n color: @text;\n }\n .ZkkK1e,\n .uAbMZd {\n background: @base;\n border-color: @surface1;\n &:hover {\n background: @surface0;\n }\n }\n .QjI2jc {\n color: @subtext0;\n }\n .lhLbod {\n color: @subtext0;\n }\n .nr7I6e div[aria-expanded=\"true\"] .F75bid,\n .nr7I6e div[aria-expanded=\"true\"]:hover .fFI3rb .F75bid {\n color: @blue;\n }\n .F75bid {\n color: @subtext0;\n }\n div[aria-expanded=\"true\"] .fFI3rb {\n background-color: fade(@blue, 25%) !important;\n }\n div[aria-expanded=\"true\"]:hover .fFI3rb:hover {\n background-color: fade(@blue, 25%) !important;\n }\n .MAMMm {\n background: @mantle;\n box-shadow: 0 2px 6px @crust !important;\n }\n [selected].nWtjMe {\n background: fade(@blue, 25%) !important;\n }\n .uZNuIf:hover {\n background-color: @surface0;\n color: @text;\n }\n [selected].nWtjMe .FMKtTb {\n color: @text;\n }\n .nWtjMe .FMKtTb {\n color: @subtext0;\n }\n .GKS7s .FMKtTb,\n .GKS7s .RWhoyd.mol54e {\n color: @text;\n }\n .ePSouf .FMKtTb {\n color: @subtext0;\n }\n .NkCsjc:hover {\n background-color: @surface0 !important;\n color: @text;\n }\n .nr7I6e div[aria-haspopup=\"true\"]:hover .F75bid {\n color: @text;\n }\n a.hisnlb {\n background: fade(@overlay2, 25%);\n }\n div[aria-expanded=\"true\"] .fFI3rb,\n div[aria-expanded=\"true\"]:hover .fFI3rb:hover {\n background-color: @surface0 !important;\n }\n .hdtb-tl-sel .BaegVc .WjMmQ:hover {\n color: @blue;\n }\n .hdtb-mn-hd {\n color: @subtext0;\n }\n .hdtb-mn-hd:hover {\n color: @text;\n }\n .fSnalc {\n stroke: @blue;\n }\n .oOg6Ne {\n stroke: @yellow;\n }\n .ZqPjbb {\n stroke: @red;\n }\n .aPiskd {\n stroke: @green;\n }\n .s8GCU {\n background-color: @base;\n }\n .Lj9fsd {\n background-color: @base;\n }\n .jZWadf {\n background-color: @base;\n }\n .rQEFy,\n .rQEFy:hover {\n border-color: fade(@blue, 25%);\n background-color: fade(@blue, 25%);\n }\n .gbZSUe {\n color: @text;\n }\n .gbZSUe:hover {\n background: @surface0;\n }\n .XZ5MVe {\n color: @blue;\n }\n a:visited {\n color: @mauve;\n }\n .F9Idpe {\n background: linear-gradient(to right, transparent 0%, @base 60%, @base);\n }\n .SvoXfb > .x5f7Bc {\n fill: @subtext0;\n }\n .SvoXfb:hover > .x5f7Bc {\n fill: @text;\n }\n .SvoXfb:hover {\n background-color: @surface0;\n }\n .IsZvec,\n .yxAsKe {\n color: @subtext0;\n }\n .zqrO0.k0Jjg .QuU3Wb,\n .zqrO0.k0Jjg:hover .QuU3Wb {\n color: @subtext1;\n }\n .uo4vr {\n color: @subtext0;\n }\n .minidiv .sfbg {\n background: @base;\n box-shadow: 0 1px 6px 0 @crust;\n }\n .aqCVJb {\n background-color: @blue !important;\n border-color: @blue !important;\n }\n .T8VaVe {\n color: @blue;\n }\n #tw-source-text-container .tw-ta,\n #tw-source-rmn-container .tw-ta {\n color: @text;\n }\n #tw-target {\n background-color: @surface0;\n }\n .tw-data-placeholder {\n color: @text;\n }\n .j1iyq {\n border-color: @surface2;\n }\n .w8qArf .fl {\n color: @text !important;\n }\n .HSryR a.B1uW2d {\n border-bottom-color: @surface2;\n }\n .usJj9c .zz3gNc {\n color: @text;\n }\n .Ss2Faf a {\n color: @text;\n }\n .aCOpRe em,\n .yXK7lf em {\n color: @text;\n }\n .FR7ZSc .niO4u {\n background-color: @base;\n border-color: @surface2;\n color: @blue;\n }\n .g {\n color: @text;\n }\n .VSHxQ {\n color: @subtext0;\n }\n .cF4V5c {\n background-color: @crust !important;\n }\n .cF4V5c g-menu-item a,\n .cF4V5c g-menu-item a:visited,\n .cF4V5c g-menu-item a:hover {\n color: @text;\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: @surface0;\n }\n .GZnQqe.LGiluc {\n border-top-color: @surface2 !important;\n }\n .pkWBse {\n box-shadow: 1px 1px 15px 0 @crust;\n }\n .dG2XIf {\n background: @base;\n }\n .Z0LcW {\n color: @text;\n }\n .i29hTd .qLLird {\n color: @text;\n }\n .i29hTd .kR7nSc {\n color: @text;\n }\n .N6Sb2c {\n color: @subtext0;\n }\n .C9iYEe {\n color: @subtext0;\n }\n .KcXNxb {\n background: @base;\n }\n .ss6qqb .PKDVJd {\n color: @subtext0;\n }\n a.oBa0Fe {\n color: @subtext0;\n }\n .o6juZc {\n background-color: @surface0;\n }\n .o6juZc:hover {\n background-color: @surface0;\n box-shadow: 0 4px 12px @crust;\n }\n .W6pGoe {\n background: @surface0;\n box-shadow: 0 4px 6px 0 @crust;\n }\n .WdWr7c {\n border-top-color: @surface2;\n }\n .sU3bKf {\n color: @text;\n }\n .O5OUld {\n color: @subtext0;\n }\n .zP7KFe {\n background: @surface1;\n }\n .O5OUld:hover {\n color: @blue;\n }\n .og3lId {\n color: @text;\n }\n .M3w8Nb .o6juZc {\n box-shadow: 0 1px 6px 0 @crust;\n }\n .r8xEL {\n color: @text;\n }\n .ZZ7G7b {\n color: @text;\n border-color: @surface1;\n }\n .NZmxZe {\n background-color: @base;\n border-color: @surface1;\n color: @text;\n }\n .NZmxZe:not(.rQEFy):hover,\n .cj2HCb.iuN0sf .w6PoOe:hover,\n .CgGjZc:hover {\n background-color: @surface0;\n border-color: @surface1;\n color: @text;\n }\n .ssfWCe .ZXJQ7c,\n .cj2HCb.iuN0sf .w6PoOe,\n .G2XB8d,\n .cj2HCb.iuN0sf .w6PoOe .KA8Jyb {\n color: @subtext0;\n .KA8Jyb:hover {\n fill: @subtext1;\n }\n }\n .KA8Jyb {\n fill: @subtext0;\n }\n .CgGjZc:hover .G2XB8d {\n color: @subtext1;\n }\n .o6OF0 {\n background-color: @surface1;\n &:hover {\n background-color: @surface2;\n }\n .SHFPkb {\n color: @text;\n }\n .PnfqLc {\n color: @subtext0;\n }\n }\n .zbRPDe,\n .scU1d {\n color: @text;\n }\n .UafVBb {\n background-color: @base;\n border-color: @surface2;\n }\n .mEQved {\n color: @subtext0;\n }\n .goxjub {\n > path:nth-child(1) {\n fill: @blue;\n }\n > path:nth-child(2) {\n fill: @green;\n }\n > path:nth-child(3) {\n fill: @yellow;\n }\n > path:nth-child(4) {\n fill: @red;\n }\n }\n [fill=\"#34a853\"] {\n fill: @green;\n }\n [fill=\"#4285f4\"] {\n fill: @blue;\n }\n [fill=\"#ea4335\"] {\n fill: @red;\n }\n [fill=\"#fbbc05\"] {\n fill: @yellow;\n }\n .ssfWCe .ZXJQ7c:hover {\n background-color: @surface0;\n color: @text;\n }\n .qcTKEe {\n background-color: @base;\n }\n .ooPrBf {\n background: @base;\n }\n .r9PaP {\n color: @subtext0;\n }\n .r9PaP:hover {\n color: @blue;\n }\n .H1KrKd {\n fill: @subtext0;\n }\n .cEPPT {\n border-bottom-color: @surface1;\n }\n .Ix6LGe {\n background: @base;\n box-shadow: 0 2px 10px 0 @crust;\n }\n .Hm7Qac:hover,\n .EuKAde {\n background-color: @surface0;\n }\n .igM9Le {\n color: @text;\n }\n .irf0hb {\n box-shadow: 1px 1px 15px 0 @crust;\n }\n .gb_Mc .gb_Vd button:hover svg,\n .gb_Mc .gb_d:hover {\n background-color: @surface0;\n }\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: @text;\n }\n .cEW58 {\n background-color: @surface0;\n }\n .dyAbMb {\n fill: @subtext0;\n }\n .zItAnd,\n .zItAnd:link,\n .zItAnd:visited,\n .zItAnd:hover,\n .zItAnd:active {\n color: @text;\n }\n .zItAnd {\n background-color: @base;\n border-color: @surface1;\n }\n .zItAnd:not(.MgQdud):hover {\n background-color: @surface0;\n border-color: @surface1;\n }\n .fKmH1e {\n background-color: @base;\n border-color: @surface1;\n color: @subtext0;\n }\n .fKmH1e:hover {\n background-color: @surface0;\n border-color: @surface1;\n }\n .nfSF8e,\n .WRhYSc {\n color: @subtext0;\n }\n .nfSF8e:hover,\n .WRhYSc:hover {\n background-color: @surface0;\n color: @subtext0;\n }\n .ssJ7i {\n color: @text;\n }\n .iAIpCb {\n color: @subtext0;\n }\n .KMdzJ,\n .ss6qqb .oBrLN,\n .ylgVCe {\n color: @subtext1;\n }\n .PmPt7d {\n color: @subtext0;\n }\n .gb_Mc a.gb_E,\n .gb_Mc span.gb_E {\n color: @text;\n }\n a.gb_E,\n span.gb_E {\n color: @text !important;\n }\n .RzdJxc {\n border-top-color: @surface2;\n }\n .rKnmn {\n border-top-color: @surface2;\n }\n .FzCfme {\n color: @subtext0;\n }\n .hMJ0yc {\n color: @subtext0;\n }\n .yg51vc {\n background-color: @base;\n }\n .hdtb-mitem a {\n color: @subtext0;\n }\n .hdtb-mitem .GOE98c,\n .hdtb-mitem a,\n .hdtb-mitem.hdtb-msel,\n .t2vtad {\n color: @subtext0;\n }\n .t2vtad:not(.hdtb-tl-sel) {\n color: @subtext0;\n }\n .dG2XIf .xpdopen .mJ2Mod {\n border-color: @surface1;\n }\n .t2vtad:not(.hdtb-tl-sel):hover {\n background-color: @surface0;\n border-color: @surface1;\n color: @text;\n box-shadow: 0 1px 1px @crust;\n }\n .hdtb-mitem:hover .GOE98c:hover,\n .hdtb-mitem:hover a,\n .hdtb-mitem.hdtb-msel,\n .t2vtad:hover {\n color: @blue;\n }\n .w6PoOe {\n color: @subtext0;\n }\n .w6PoOe:hover {\n color: @text;\n }\n .Lj9fsd.DU1Mzb {\n background-color: @base;\n box-shadow: 0 1px 6px 0 @crust;\n .o6juZc {\n border-color: @surface1 !important;\n }\n }\n .dZ5aUe .vbLSne .MjJqGe:not(.xvfzbc):hover {\n background-color: @surface0;\n }\n .FjVBEd {\n color: @green;\n }\n title-with-lhs-icon:hover .ekf0x h3 {\n color: @blue;\n }\n .GmE3X {\n color: @text;\n }\n .iv236 {\n color: @text;\n }\n .GLcBOb {\n border-bottom-color: @surface1;\n }\n .ss6qqb .Ui2TZ {\n color: @text;\n }\n .wx62f {\n color: @subtext0;\n }\n #rhs .u7yw9 {\n border-left-color: @surface1;\n }\n .ss6qqb .Jk5Tjc {\n border-color: @surface2;\n }\n #rhs .u7yw9 .cLjAic {\n border-bottom-color: @surface1;\n }\n .JNkvid .HnYYW {\n color: @text;\n }\n .aokhrd .TZahnb {\n border-left-color: @surface1;\n }\n .Cx1ZMc {\n color: @subtext0;\n }\n .CBPSbf {\n background-color: @base;\n }\n .E74aCb {\n color: @text;\n }\n .OE86Gc {\n background-color: @base;\n color: @text;\n fill: @text;\n }\n .c72nic {\n color: @text;\n }\n .GXMTjb {\n background-color: @base;\n border-color: @surface0;\n }\n .A9y7kf {\n color: @subtext0;\n }\n .OE86Gc a {\n color: @blue;\n }\n .Es2Et {\n color: @subtext0;\n }\n .KwJT0.VqKh3b div div {\n background-color: @base;\n fill: @text;\n color: @text;\n border-color: @surface1;\n }\n .rx7XFb {\n background-color: @surface0;\n }\n .VP31Vb {\n color: @text;\n }\n .HXQjqf {\n background-color: fade(@blue, 25%);\n color: @blue;\n }\n .SW5pqf {\n color: @blue;\n }\n .rQEFy:hover {\n color: @blue;\n }\n .hdtb-tl-sel {\n border-color: @surface2;\n background: @surface0;\n color: @text;\n }\n .hdtb-tl-sel:focus {\n border-color: @surface2;\n background: @surface0;\n color: @blue;\n }\n .t2vtad:active,\n .t2vtad:not(.hdtb-tl-sel):hover:active {\n background-color: @surface0 !important;\n box-shadow: inset 0 1px 2px @crust !important;\n }\n .gTl8xb {\n border-color: @subtext0 transparent;\n }\n .hdtb-mn-hd:hover .gTl8xb {\n border-color: @text transparent;\n }\n .h3L8Ub .yMAEcf {\n background: @surface0;\n border-color: @surface2;\n }\n .ynRric {\n color: @subtext0;\n }\n .cRV9hb .pcTkSc .wM6W7d {\n color: @text;\n }\n .h3L8Ub .yMAEcf.sbhl {\n background-color: @surface1;\n }\n .sbhl {\n background: @surface1;\n }\n .CjiZvb,\n .GZnQqe.EpPYLd:active {\n background-color: @surface0;\n }\n .PyJv1b {\n color: @text;\n }\n .REySof {\n color: @blue !important;\n }\n .NQyKp {\n color: @blue !important;\n background: @blue !important;\n }\n .b0Xfjd {\n color: @base !important;\n }\n .LiOdre {\n background-color: @base;\n border-color: @surface1;\n }\n .LiOdre:hover {\n background-color: @mantle;\n border-color: @surface2;\n }\n .LiOdre:focus {\n border-color: @blue;\n }\n .mfsgsd {\n color: @text;\n }\n .GCSyeb {\n background: @surface1;\n }\n .IVvPP .cLjAic.WY0eLb,\n .Hwkikb.WY0eLb {\n border-left-color: @surface1;\n }\n .mQo3nc {\n background-color: @surface0;\n color: @subtext0 !important;\n }\n .cfBJGe {\n color: @text;\n }\n .f6F9Be {\n background: @mantle;\n }\n .KwU3F {\n color: @blue;\n }\n .b0KoTc {\n color: @text;\n }\n .dfB0uf {\n color: @text;\n }\n .unknown_loc {\n background: @text;\n }\n .GS5rRd {\n color: @blue;\n }\n .xSQxL {\n color: @blue;\n }\n .smiUbb {\n color: @text;\n }\n .b2hzT {\n border-bottom-color: @surface0;\n }\n #swml {\n border-left-color: @surface0;\n }\n .KXbwLb {\n background-color: @surface2;\n }\n .WZH4jc .VknLRd .GNJvt {\n background: @surface0;\n }\n .WZH4jc .VknLRd:hover .GNJvt {\n background: @surface1;\n }\n .GNJvt {\n color: @text;\n }\n .fJOpI.H9lube {\n background-color: @blue !important;\n border-color: @blue;\n }\n .XNo5Ab.XNo5Ab {\n color: @base !important;\n fill: @base !important;\n }\n .Ss2Faf.boljiHqtXe7__place-qa-title {\n color: @text !important;\n }\n .xEzgBc {\n color: @text !important;\n }\n .Ss2Faf.sq4Bpf {\n color: @text !important;\n }\n .ea0Lbe {\n background: @surface0;\n }\n .f6GA0,\n .CacfB,\n .Ua7Yuf {\n background: @base;\n }\n .DV7the {\n color: @blue;\n }\n .ZeVBtc {\n color: @subtext0;\n }\n .cB9M7 {\n background-color: @surface0;\n border-color: @surface1;\n color: @text;\n &:hover {\n border-color: @surface2;\n }\n &:focus {\n border-color: @blue;\n }\n }\n .Qwbd3 {\n background: @surface0;\n color: @text;\n border-color: @surface1;\n &:hover {\n background: @surface1;\n border-color: @surface2;\n }\n }\n .ArIAXb {\n fill: @surface0;\n }\n .qOFLsb {\n fill: @surface0;\n }\n .aHK1bd {\n color: @subtext0;\n }\n .diOlIe {\n border-top: 1px solid @overlay0;\n }\n .p4pvTd {\n color: @text;\n }\n .gIYJUc {\n background: @base !important;\n border-color: @surface1 !important;\n }\n .Gdd5U > g:nth-child(2) {\n > circle:nth-child(1) {\n fill: @green !important;\n }\n > circle:nth-child(2) {\n fill: @blue !important;\n }\n > path:nth-child(3) {\n fill: @red !important;\n }\n > path:nth-child(4) {\n fill: @yellow !important;\n }\n > path:nth-child(5) {\n fill: @blue !important;\n }\n }\n .CbAZb {\n background: @base;\n border-bottom: 1px solid @surface0;\n }\n .S8wJ3 {\n color: @text !important;\n }\n .ZI7elf {\n color: @text !important;\n }\n .tGS0Nc {\n color: @text;\n }\n .kzt0Nc a {\n color: @subtext0 !important;\n }\n .fgc1P,\n .N7KPxb {\n border-top: 1px solid @surface0 !important;\n }\n .kQEH5b {\n color: @subtext0 !important;\n }\n .kNKdL {\n color: @text !important;\n }\n .q0yked:hover {\n background-color: @mantle !important;\n }\n .Oz5Rbb:hover {\n background: @mantle !important;\n }\n .lwwARb {\n background-color: @crust !important;\n }\n .LO47Ff {\n color: @text;\n }\n .j8PBfc {\n color: @subtext0;\n }\n .act-tim-txt-cnt {\n color: @text;\n }\n .act-switch-area {\n background-color: @base !important;\n }\n .q8U8x > div:nth-child(1) {\n background-color: @base !important;\n }\n .EwDHG,\n .vNdLpe,\n .vNdLpe:visited {\n color: @subtext0 !important;\n }\n color: @subtext0;\n }\n @media (prefers-color-scheme: light) {\n body {\n #catppuccin(@lightFlavor);\n }\n }\n @media (prefers-color-scheme: dark) {\n body {\n #catppuccin(@darkFlavor);\n }\n }\n}\n\n@-moz-document regexp(\"^https?://(ogs\\\\.)?google\\\\..*\")\n{\n #catppuccin(@lookup) {\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 .aRDKUe {\n .rRF0wd {\n fill: @yellow !important;\n }\n .ub0gT {\n fill: @base !important;\n }\n .Pzuhxc {\n color: @text !important;\n &:hover {\n background-color: @surface2 !important;\n }\n }\n .hCDve {\n color: @text !important;\n }\n .WkuXae {\n color: @blue;\n }\n .coHE2 {\n border-color: @surface2 !important;\n &:hover {\n background-color: fade(@blue, 25%);\n }\n }\n .eYSAde {\n color: @text !important;\n }\n .Lvwayc {\n background-color: @surface0 !important;\n }\n .Z6NXed {\n color: @text !important;\n }\n .bMnvr {\n background: @surface1 !important;\n }\n .Wdz6e {\n color: @subtext0 !important;\n }\n .LzIwWe {\n color: @text !important;\n }\n .znj3je {\n color: @text !important;\n }\n .fVFoBd {\n color: @text !important;\n }\n .cllK4d {\n background: @surface0 !important;\n color: @subtext0 !important;\n }\n .aFCkf {\n background: @surface0 !important;\n color: @blue !important;\n }\n .DgDbFe .vZvJBb:not(:first-child) .BVnP4c::before {\n color: @text !important;\n }\n .qLP7kc .jFfZdd {\n background: @base !important;\n }\n .Z6NXed:hover {\n background-color: @surface1 !important;\n }\n }\n .nz9sqb.EHzcec {\n background: var(--gm3-sys-color-surface-container-high, @surface0);\n .LVal7b {\n background: var(--gm3-sys-color-surface-container-low, @mantle);\n }\n }\n .nz9sqb {\n .NQV3m {\n color: var(--gm3-sys-color-primary, @blue);\n border-color: var(--gm3-sys-color-outline, @surface2);\n &:hover {\n background-color: fade(@blue, 25%);\n }\n &:focus {\n background-color: fade(@blue, 25%);\n }\n }\n .Rq5Gcb {\n color: @text !important;\n }\n .tX9u1b:hover {\n background-color: @surface0;\n }\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: @surface0;\n }\n }\n @media (prefers-color-scheme: light) {\n body {\n #catppuccin(@lightFlavor);\n }\n }\n @media (prefers-color-scheme: dark) {\n body {\n #catppuccin(@darkFlavor);\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",
"usercssData": {
"name": "Google Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/google",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/google",
- "version": "0.1.2",
+ "version": "0.1.7",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/google/catppuccin.user.css",
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle",
"description": "Soothing pastel theme for Google",
@@ -6978,12 +7005,12 @@
"author": "Catppuccin",
"description": "Soothing pastel theme for Google",
"name": "Google Catppuccin",
- "originalDigest": "f7ba392a62e99e17a3b9f6dca3466330aa961a8b",
+ "originalDigest": "3075a9e12e75617fc5958cccc690e76feeb59365",
"_id": "d05b6aa1-9e26-40b5-907c-2c14d43f9b3e",
- "_rev": 1703615321177,
+ "_rev": 1708166316801,
"id": 77,
- "etag": "W/\"8de34cc207e339eab1ff336a471c5bceadef873545d126632cb0dd571948749f\"",
- "updateDate": 1703614195883
+ "etag": "W/\"f496ce87ab6d159dbeeafb2adaa43e2ae2134993ad7331af40f9bdbcb0e9cdd1\"",
+ "updateDate": 1707864080909
},
{
"enabled": true,
@@ -7209,7 +7236,8 @@
"originalDigest": "0d5b4e2c61b89f74c3d17be17bd0ad4f3fa0cf04",
"_id": "586cf385-d153-4a8c-ad90-b68bf72dcafd",
"_rev": 1705312371771,
- "id": 79
+ "id": 79,
+ "etag": "W/\"bc3e098b9ba728fc2ef08c533bb96efaf88f089fcb196013d59569b4d24faf14\""
},
{
"enabled": true,
@@ -7392,6 +7420,559 @@
"originalDigest": "324006972a14072f8a145e56c5579fa303a317eb",
"_id": "3928cbee-b009-4c6e-ae8d-30d4d72bef8e",
"_rev": 1705312389672,
- "id": 80
+ "id": 80,
+ "etag": "W/\"3904c005356f1772137407441d652b9f39485d8009371b01d7f29779b7faca42\""
+ },
+ {
+ "enabled": true,
+ "installDate": 1707053690789,
+ "sections": [
+ {
+ "code": "/* ==UserStyle==\n@name Arch Wiki Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/arch-wiki\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/arch-wiki\n@version 0.0.4\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/arch-wiki/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aarch-wiki\n@description Soothing pastel theme for Arch 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/* If you need any help with the information above, please see: https://github.com/openstyles/stylus/wiki/Writing-UserCSS#var */\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 /* stylelint-disable selector-not-notation */\n @media (prefers-color-scheme: dark) {\n :root #archnavbar {\n background-color: #1e2030 !important;\n border-bottom-color: #8aadf4;\n }\n :root .mw-parser-output {\n background-color: #24273a !important;\n }\n :root .mw-page-container {\n background-color: #1e2030 !important;\n }\n :root .vector-header-container {\n background-color: #24273a !important;\n }\n :root #content a:not([role=\"button\"]):not(.new),\n :root header.mw-header li:not(.new) a:not([role=\"button\"]):not(.new),\n :root #mw-panel-toc a:not([role=\"button\"]):not(.new),\n :root #mw-navigation li:not(.new) a:not([role=\"button\"]):not(.new),\n :root #mw-panel li:not(.new) a:not([role=\"button\"]):not(.new),\n :root #column-one li:not(.new) a:not([role=\"button\"]):not(.new),\n :root #footer a:not([role=\"button\"]):not(.new) {\n color: #8aadf4 !important;\n }\n :root .vector-feature-zebra-design-disabled,\n :root .body {\n background-color: #24273a;\n }\n :root .archwiki-template-box-tip {\n background-color: hsla(90, 90%, 65%, 0.2) !important;\n border-color: hsla(90, 90%, 75%, 0.2);\n color: #b8c0e0;\n }\n :root .archwiki-template-box-note {\n background-color: hsla(208, 100%, 61%, 0.25) !important;\n border-color: hsla(208, 100%, 81%, 0.25) !important;\n color: #b8c0e0;\n }\n :root .archwiki-template-box-warning {\n background-color: hsla(7, 99%, 60%, 0.25) !important;\n border-color: hsla(7, 99%, 80%, 0.25) !important;\n color: #b8c0e0;\n }\n :root .firstHeading {\n color: #b7bdf8 !important;\n }\n :root #content {\n border-color: #6e738d;\n }\n :root #content pre:not([class*=\"CodeMirror\"]),\n :root #content code,\n :root #content tt {\n background-color: #363a4f;\n color: #cad3f5;\n border-color: #6e738d;\n }\n :root .vector-pinned-container {\n border-color: #6e738d !important;\n }\n :root .vector-pinnable-header-label {\n color: #cad3f5;\n }\n :root .vector-pinnable-header-toggle-button,\n :root .vector-pinnable-header-unpin-button {\n color: #8aadf4;\n }\n :root .wikitable {\n background-color: #24273a;\n }\n :root .wikitable > tr > th,\n :root .wikitable > tr > td,\n :root .wikitable > * > tr > th,\n :root .wikitable > * > tr > td {\n color: #cad3f5;\n border-color: #181926;\n }\n :root .wikitable > tr > th,\n :root .wikitable > * > tr > th {\n background-color: #1e2030;\n color: #cad3f5;\n }\n :root .pre {\n color: #1e2030;\n }\n :root .vector-toc::after {\n background-color: linear-gradient(rgba(255, 255, 255, 0), #24273a);\n }\n :root .mw-headline {\n color: #cad3f5;\n }\n :root .plainlinks,\n :root .archwiki-template-man,\n :root .external text {\n color: #2e3a51;\n }\n :root .cdx-button:enabled.cdx-button--weight-quiet,\n :root .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet {\n background-color: #363a4f;\n }\n :root #archnavbar ul li.anb-selected a {\n color: #b7bdf8 !important;\n }\n :root .archwiki-template-message {\n background-color: #24273a;\n }\n :root .catlinks {\n background-color: #1e2030;\n }\n :root .mw-parser-output p {\n color: #cad3f5 !important;\n }\n :root .archwiki-template-meta-related-articles {\n background-color: #363a4f;\n }\n :root .archwiki-template-meta-related-articles p {\n color: #cad3f5;\n border-bottom-color: #8aadf4;\n }\n :root .archwiki-template-meta-related-articles ul li a {\n color: #8aadf4 important;\n }\n :root .mw-footer-container {\n background-color: #24273a !important;\n }\n :root #archnavbarlist li a {\n color: #8aadf4 !important;\n }\n :root .anb-selected {\n color: #b8c0e0 !important;\n }\n :root .mw-footer li {\n color: #cad3f5;\n }\n :root .vector-main-menu,\n :root .vector-pinnable-element {\n background-color: #24273a !important;\n }\n :root #p-navigation ul li a {\n color: #8aadf4 !important;\n }\n :root .archwiki-template-box-note a {\n color: #8aadf4 !important;\n }\n :root .archwiki-template-box-note a:visited {\n color: #c6a0f6 !important;\n }\n :root .mw-page-title-main {\n color: #cad3f5;\n }\n :root .vector-tab-noicon mw-list-item a {\n color: #8aadf4;\n }\n :root .mw-footer li a {\n color: #8aadf4;\n }\n :root .mw-body {\n background-color: #24273a !important;\n color: #cad3f5;\n }\n :root .cdx-text-input__input:enabled {\n background-color: #363a4f !important;\n color: #cad3f5 !important;\n }\n :root .cdx-button:enabled,\n :root .cdx-button.cdxbutton--fake-button--enabled {\n color: #cad3f5;\n background-color: #1e2030;\n }\n :root .cdx-menu {\n background-color: #363a4f;\n }\n :root .cdx-menu:hover {\n background-color: #24273a !important;\n }\n :root .anb-home {\n color: #cad3f5 !important;\n }\n :root .vector-dropdown-content {\n background-color: #24273a !important;\n }\n :root .mw-headline::before {\n color: #b7bdf8 !important;\n }\n }\n @media (prefers-color-scheme: dark) and screen {\n :root html.client-darkmode {\n background-color: #24273a;\n }\n }\n @media (prefers-color-scheme: light) {\n :root #archnavbar {\n background-color: #1e2030 !important;\n border-bottom-color: #8aadf4;\n }\n :root .mw-parser-output {\n background-color: #24273a !important;\n }\n :root .mw-page-container {\n background-color: #1e2030 !important;\n }\n :root .vector-header-container {\n background-color: #24273a !important;\n }\n :root #content a:not([role=\"button\"]):not(.new),\n :root header.mw-header li:not(.new) a:not([role=\"button\"]):not(.new),\n :root #mw-panel-toc a:not([role=\"button\"]):not(.new),\n :root #mw-navigation li:not(.new) a:not([role=\"button\"]):not(.new),\n :root #mw-panel li:not(.new) a:not([role=\"button\"]):not(.new),\n :root #column-one li:not(.new) a:not([role=\"button\"]):not(.new),\n :root #footer a:not([role=\"button\"]):not(.new) {\n color: #8aadf4 !important;\n }\n :root .vector-feature-zebra-design-disabled,\n :root .body {\n background-color: #24273a;\n }\n :root .archwiki-template-box-tip {\n background-color: hsla(90, 90%, 65%, 0.2) !important;\n border-color: hsla(90, 90%, 75%, 0.2);\n color: #b8c0e0;\n }\n :root .archwiki-template-box-note {\n background-color: hsla(208, 100%, 61%, 0.25) !important;\n border-color: hsla(208, 100%, 81%, 0.25) !important;\n color: #b8c0e0;\n }\n :root .archwiki-template-box-warning {\n background-color: hsla(7, 99%, 60%, 0.25) !important;\n border-color: hsla(7, 99%, 80%, 0.25) !important;\n color: #b8c0e0;\n }\n :root .firstHeading {\n color: #b7bdf8 !important;\n }\n :root #content {\n border-color: #6e738d;\n }\n :root #content pre:not([class*=\"CodeMirror\"]),\n :root #content code,\n :root #content tt {\n background-color: #363a4f;\n color: #cad3f5;\n border-color: #6e738d;\n }\n :root .vector-pinned-container {\n border-color: #6e738d !important;\n }\n :root .vector-pinnable-header-label {\n color: #cad3f5;\n }\n :root .vector-pinnable-header-toggle-button,\n :root .vector-pinnable-header-unpin-button {\n color: #8aadf4;\n }\n :root .wikitable {\n background-color: #24273a;\n }\n :root .wikitable > tr > th,\n :root .wikitable > tr > td,\n :root .wikitable > * > tr > th,\n :root .wikitable > * > tr > td {\n color: #cad3f5;\n border-color: #181926;\n }\n :root .wikitable > tr > th,\n :root .wikitable > * > tr > th {\n background-color: #1e2030;\n color: #cad3f5;\n }\n :root .pre {\n color: #1e2030;\n }\n :root .vector-toc::after {\n background-color: linear-gradient(rgba(255, 255, 255, 0), #24273a);\n }\n :root .mw-headline {\n color: #cad3f5;\n }\n :root .plainlinks,\n :root .archwiki-template-man,\n :root .external text {\n color: #2e3a51;\n }\n :root .cdx-button:enabled.cdx-button--weight-quiet,\n :root .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet {\n background-color: #363a4f;\n }\n :root #archnavbar ul li.anb-selected a {\n color: #b7bdf8 !important;\n }\n :root .archwiki-template-message {\n background-color: #24273a;\n }\n :root .catlinks {\n background-color: #1e2030;\n }\n :root .mw-parser-output p {\n color: #cad3f5 !important;\n }\n :root .archwiki-template-meta-related-articles {\n background-color: #363a4f;\n }\n :root .archwiki-template-meta-related-articles p {\n color: #cad3f5;\n border-bottom-color: #8aadf4;\n }\n :root .archwiki-template-meta-related-articles ul li a {\n color: #8aadf4 important;\n }\n :root .mw-footer-container {\n background-color: #24273a !important;\n }\n :root #archnavbarlist li a {\n color: #8aadf4 !important;\n }\n :root .anb-selected {\n color: #b8c0e0 !important;\n }\n :root .mw-footer li {\n color: #cad3f5;\n }\n :root .vector-main-menu,\n :root .vector-pinnable-element {\n background-color: #24273a !important;\n }\n :root #p-navigation ul li a {\n color: #8aadf4 !important;\n }\n :root .archwiki-template-box-note a {\n color: #8aadf4 !important;\n }\n :root .archwiki-template-box-note a:visited {\n color: #c6a0f6 !important;\n }\n :root .mw-page-title-main {\n color: #cad3f5;\n }\n :root .vector-tab-noicon mw-list-item a {\n color: #8aadf4;\n }\n :root .mw-footer li a {\n color: #8aadf4;\n }\n :root .mw-body {\n background-color: #24273a !important;\n color: #cad3f5;\n }\n :root .cdx-text-input__input:enabled {\n background-color: #363a4f !important;\n color: #cad3f5 !important;\n }\n :root .cdx-button:enabled,\n :root .cdx-button.cdxbutton--fake-button--enabled {\n color: #cad3f5;\n background-color: #1e2030;\n }\n :root .cdx-menu {\n background-color: #363a4f;\n }\n :root .cdx-menu:hover {\n background-color: #24273a !important;\n }\n :root .anb-home {\n color: #cad3f5 !important;\n }\n :root .vector-dropdown-content {\n background-color: #24273a !important;\n }\n :root .mw-headline::before {\n color: #b7bdf8 !important;\n }\n }\n @media (prefers-color-scheme: light) and screen {\n :root html.client-darkmode {\n background-color: #24273a;\n }\n }",
+ "start": 1317,
+ "domains": [
+ "wiki.archlinux.org"
+ ]
+ }
+ ],
+ "sourceCode": "/* ==UserStyle==\n@name Arch Wiki Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/arch-wiki\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/arch-wiki\n@version 0.0.4\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/arch-wiki/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aarch-wiki\n@description Soothing pastel theme for Arch 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/* If you need any help with the information above, please see: https://github.com/openstyles/stylus/wiki/Writing-UserCSS#var */\n/* For help with URL rules, please see https://github.com/openstyles/stylus/wiki/Writing-styles#valid--moz-document-rules. */\n@-moz-document domain('wiki.archlinux.org') {\n /* prettier-ignore */\n /* stylelint-disable selector-not-notation */\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]; // Start styling your website here:\n #archnavbar {\n background-color: @mantle !important;\n border-bottom-color: @blue;\n }\n .mw-parser-output {\n background-color: @base !important;\n }\n .mw-page-container {\n background-color: @mantle !important;\n }\n\n .vector-header-container {\n background-color: @base !important;\n }\n\n #content a:not([role=\"button\"]):not(.new),\n header.mw-header li:not(.new) a:not([role=\"button\"]):not(.new),\n #mw-panel-toc a:not([role=\"button\"]):not(.new),\n #mw-navigation li:not(.new) a:not([role=\"button\"]):not(.new),\n #mw-panel li:not(.new) a:not([role=\"button\"]):not(.new),\n #column-one li:not(.new) a:not([role=\"button\"]):not(.new),\n #footer a:not([role=\"button\"]):not(.new) {\n color: @blue !important;\n }\n\n @media screen {\n html.client-darkmode {\n background-color: @base;\n }\n }\n\n .vector-feature-zebra-design-disabled,\n .body {\n background-color: @base;\n }\n\n .archwiki-template-box-tip {\n background-color: fadeout(hsla(90, 90%, 65%, 0.3), 10%) !important;\n border-color: fadeout(hsla(90, 90%, 75%, 0.3), 10%);\n color: @subtext1;\n }\n\n .archwiki-template-box-note {\n background-color: fadeout(hsla(208, 100%, 61%, 0.3), 5%) !important;\n border-color: fadeout(hsla(208, 100%, 81%, 0.3), 5%) !important;\n color: @subtext1;\n }\n\n .archwiki-template-box-warning {\n background-color: fadeout(hsla(7, 99%, 60%, 0.3), 5%) !important;\n border-color: fadeout(hsla(7, 99%, 80%, 0.3), 05%) !important;\n color: @subtext1;\n }\n\n .firstHeading {\n color: @accent-color !important;\n }\n\n #content {\n border-color: @overlay0;\n }\n\n #content pre:not([class*=\"CodeMirror\"]),\n #content code,\n #content tt {\n background-color: @surface0;\n color: @text;\n border-color: @overlay0;\n }\n\n .vector-pinned-container {\n border-color: @overlay0 !important;\n }\n\n .vector-pinnable-header-label {\n color: @text;\n }\n\n .vector-pinnable-header-toggle-button,\n .vector-pinnable-header-unpin-button {\n color: @blue;\n }\n\n .wikitable {\n background-color: @base;\n }\n\n .wikitable > tr > th,\n .wikitable > tr > td,\n .wikitable > * > tr > th,\n .wikitable > * > tr > td {\n color: @text;\n border-color: @crust;\n }\n\n .wikitable > tr > th,\n .wikitable > * > tr > th {\n background-color: @mantle;\n color: @text;\n }\n\n .pre {\n color: @mantle;\n }\n .vector-toc::after {\n background-color: linear-gradient(rgba(255, 255, 255, 0), @base);\n }\n\n .mw-headline {\n color: @text;\n }\n\n .plainlinks,\n .archwiki-template-man,\n .external text {\n color: multiply(@blue, #555);\n }\n\n .cdx-button:enabled.cdx-button--weight-quiet,\n .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet {\n background-color: @surface0;\n }\n\n #archnavbar ul li.anb-selected a {\n color: @accent-color !important;\n }\n\n .archwiki-template-message {\n background-color: @base;\n }\n\n .catlinks {\n background-color: @mantle;\n }\n\n .mw-parser-output p {\n color: @text !important;\n }\n\n .archwiki-template-meta-related-articles {\n background-color: @surface0;\n }\n\n .archwiki-template-meta-related-articles p {\n color: @text;\n border-bottom-color: @blue;\n }\n\n .archwiki-template-meta-related-articles ul li a {\n color: @blue important;\n }\n\n .mw-footer-container {\n background-color: @base !important;\n }\n\n #archnavbarlist li a {\n color: @blue !important;\n }\n\n .anb-selected {\n color: @subtext1 !important;\n }\n\n .mw-footer li {\n color: @text;\n }\n\n .vector-main-menu,\n .vector-pinnable-element {\n background-color: @base !important;\n }\n\n #p-navigation ul li a {\n color: @blue !important;\n }\n\n .archwiki-template-box-note a {\n color: @blue !important;\n }\n\n .archwiki-template-box-note a:visited {\n color: @mauve !important;\n }\n\n .mw-page-title-main {\n color: @text;\n }\n\n .vector-tab-noicon mw-list-item a {\n color: @blue;\n }\n\n .mw-footer li a {\n color: @blue;\n }\n\n .mw-body {\n background-color: @base !important;\n color: @text;\n }\n\n .cdx-text-input__input:enabled {\n background-color: @surface0 !important;\n color: @text !important;\n }\n\n .cdx-button:enabled,\n .cdx-button.cdxbutton--fake-button--enabled {\n color: @text;\n background-color: @mantle;\n }\n\n .cdx-menu {\n background-color: @surface0;\n }\n\n .cdx-menu:hover {\n background-color: @base !important;\n }\n\n .anb-home {\n color: @text !important;\n }\n\n .vector-dropdown-content {\n background-color: @base !important;\n }\n\n .mw-headline::before {\n color: @accent-color !important;\n }\n }\n @media (prefers-color-scheme: dark) {\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n @media (prefers-color-scheme: light) {\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n}\n// vim:ft=less\n",
+ "usercssData": {
+ "name": "Arch Wiki Catppuccin",
+ "namespace": "github.com/catppuccin/userstyles/styles/arch-wiki",
+ "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/arch-wiki",
+ "version": "0.0.4",
+ "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/arch-wiki/catppuccin.user.css",
+ "supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aarch-wiki",
+ "description": "Soothing pastel theme for Arch 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 Arch Wiki",
+ "url": "https://github.com/catppuccin/userstyles/tree/main/styles/arch-wiki",
+ "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/arch-wiki/catppuccin.user.css",
+ "name": "Arch Wiki Catppuccin",
+ "originalDigest": "9200b4986e4d93ea022a1ad8fac022b72eda1c09",
+ "_id": "baf775bf-dfce-42cc-8ba5-69abe61ae1f5",
+ "_rev": 1707053690789,
+ "id": 81,
+ "etag": "W/\"c76ffda6568cbf32193687aea99eeab5cfc5c933af9961fc377d2352130e120b\""
+ },
+ {
+ "enabled": true,
+ "installDate": 1708336046513,
+ "sections": [
+ {
+ "code": "/* ==UserStyle==\n@name Next.js Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/nextjs\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/nextjs\n@version 0.0.1\n@description Soothing pastel theme for Next.js\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/nextjs/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Anextjs\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.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: #b7bdf8;\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-400: #363a4f;\n --ds-gray-600: #8087a2;\n --ds-gray-700: #a5adcb;\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 --ds-blue-300: #363a4f;\n --ds-blue-900: #b7bdf8;\n /* Links vertical line */\n /* App Router icon */\n --ds-blue-700: #8aadf4;\n /* Pages Router icon */\n --ds-purple-700: #c6a0f6;\n --ds-blue-400: {\n color: #24273a;\n };\n --ds-purple-400: {\n color: #24273a;\n };\n --tw-gradient-top: transparent;\n }\n :root.dark-theme .bg-blue-600 {\n background-color: #b7bdf8;\n }\n :root.dark-theme a h3 {\n color: #b7bdf8;\n }\n :root.dark-theme p a {\n color: #b7bdf8;\n }\n :root.dark-theme ul li::marker {\n color: #b7bdf8;\n }\n :root.dark-theme .text-blue-700 {\n color: #b7bdf8;\n }\n :root.dark-theme svg {\n --geist-stroke: var(--geist-background) !important;\n }\n :root.dark-theme button.navbar_search__dZT2b {\n background-color: #1e2030 !important;\n }\n :root.dark-theme input::placeholder,\n :root.dark-theme button[class*=\"navbar_search\"] {\n color: #cad3f5;\n }\n :root.dark-theme code {\n color: #b7bdf8 !important;\n }\n :root.dark-theme .shadow,\n :root.dark-theme .shadow-md,\n :root.dark-theme .shadow-sm {\n box-shadow: none !important;\n }\n :root.dark-theme .code-block_wrapper__t6FCO {\n border-color: 1px solid #363a4f !important;\n }\n :root.dark-theme .group:hover .dark\\:group-hover\\:bg-white {\n background-color: #b8c0e0;\n }\n :root.dark-theme .group:hover .dark\\:group-hover\\:text-black {\n color: #181926;\n }\n :root.dark-theme [data-docs-container] code:not(pre code),\n :root.dark-theme [data-docs-table-of-contents] code:not(pre code) {\n border-color: 1px solid #363a4f !important;\n background-color: #1e2030 !important;\n }\n :root.dark-theme td a {\n color: #b7bdf8;\n }\n :root.dark-theme .animated-optimizations_window__CjM85 {\n background: #1e2030 !important;\n }\n :root.dark-theme .features_card__xYla9,\n :root.dark-theme .foundation_root__wm0ez,\n :root.dark-theme .foundation_card__v7VKB {\n background: #24273a;\n }\n :root.dark-theme .foundation_cpu__ciXpm {\n background: #1e2030;\n }\n :root.dark-theme .header_header__zJOD0 {\n background: #24273a;\n }\n :root.dark-theme .mute,\n :root.dark-theme .subtitle {\n color: #a5adcb;\n }\n :root.dark-theme .mobile-menu_mobileMenu__xqbOP a.mobile-menu_selected__G55UL {\n color: var(--geist-background);\n }\n :root.dark-theme .dark-theme .dark\\:bg-black\\/50 {\n background-color: var(--geist-background);\n }\n :root.dark-theme .gradient,\n :root.dark-theme .gradient-text {\n --text-gradient: #cad3f5;\n }\n :root.dark-theme .bg-background-200,\n :root.dark-theme .bg-vercel-100 {\n background-color: #1e2030;\n }\n :root.dark-theme .guides_book__j9vP8 {\n background: #24273a !important;\n }\n :root.dark-theme .guides_bind__9COxI {\n background: #6e738d !important;\n }\n :root.dark-theme .bg-gray-50 {\n background-color: #1e2030;\n }\n :root.dark-theme .styled-scrollbar {\n scrollbar-color: #b7bdf8 transparent;\n }\n :root.dark-theme .code-block_pre___OLfy {\n --shiki-token-punctuation: #939ab7;\n --shiki-token-constant: #f5a97f;\n --shiki-token-string: #a6da95;\n --shiki-token-string-expression: #a6da95;\n --shiki-token-comment: #6e738d;\n --shiki-token-keyword: #c6a0f6;\n --shiki-token-parameter: #ee99a0;\n --shiki-token-function: #8aadf4;\n }\n :root.dark-theme img[alt=\"GitHub Logo\"] {\n height: 0 !important;\n width: 0 !important;\n padding-left: 16px !important;\n padding-top: 16px !important;\n background: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2215.673%22%20viewBox%3D%220%200%2016%2015.673%22%3E%3Cpath%20fill%3D%22%23a5adcb%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.976%200C3.566%200%200%203.592%200%208.035c0%203.552%202.285%206.559%205.454%207.623%200.396%200.08%200.541%20-0.173%200.541%20-0.386%200%20-0.186%20-0.013%20-0.825%20-0.013%20-1.49%20-2.219%200.479%20-2.681%20-0.958%20-2.681%20-0.958%20-0.357%20-0.931%20-0.885%20-1.171%20-0.885%20-1.171%20-0.726%20-0.492%200.053%20-0.492%200.053%20-0.492%200.806%200.053%201.228%200.825%201.228%200.825%200.713%201.224%201.862%200.878%202.324%200.665%200.066%20-0.519%200.277%20-0.878%200.502%20-1.078%20-1.77%20-0.186%20-3.632%20-0.878%20-3.632%20-3.965%200%20-0.878%200.317%20-1.596%200.819%20-2.155%20-0.079%20-0.2%20-0.357%20-1.024%200.079%20-2.129%200%200%200.673%20-0.213%202.192%200.825a7.669%207.669%200%200%201%201.994%20-0.266c0.673%200%201.36%200.093%201.994%200.266%201.519%20-1.038%202.192%20-0.825%202.192%20-0.825%200.436%201.104%200.158%201.929%200.079%202.129%200.515%200.559%200.819%201.277%200.819%202.155%200%203.087%20-1.862%203.765%20-3.645%203.965%200.291%200.253%200.541%200.732%200.541%201.49%200%201.078%20-0.013%201.942%20-0.013%202.208%200%200.213%200.145%200.466%200.541%200.386%203.169%20-1.064%205.454%20-4.071%205.454%20-7.623C15.952%203.592%2012.374%200%207.976%200z%22%20clip-rule%3D%22evenodd%22/%3E%3C/svg%3E\") no-repeat !important;\n }\n :root.dark-theme img[alt=\"X Logo\"] {\n height: 0 !important;\n width: 0 !important;\n padding-left: 16px !important;\n padding-top: 16px !important;\n background: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22none%22%20height%3D%2216%22%20shape-rendering%3D%22geometricPrecision%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2216%22%3E%3Cpath%20fill%3D%22%23a5adcb%22%20d%3D%22M16.99%200h3.308l-7.227%208.26%208.502%2011.24h-6.657l-5.214-6.817L3.736%2019.5H.426l7.73-8.835L0%200h6.826l4.713%206.231L16.99%200Zm-1.161%2017.52h1.833L5.83%201.876H3.863L15.829%2017.52Z%22%20stroke%3D%22none%22/%3E%3C/svg%3E\") no-repeat !important;\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: #b7bdf8;\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-400: #363a4f;\n --ds-gray-600: #8087a2;\n --ds-gray-700: #a5adcb;\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 --ds-blue-300: #363a4f;\n --ds-blue-900: #b7bdf8;\n /* Links vertical line */\n /* App Router icon */\n --ds-blue-700: #8aadf4;\n /* Pages Router icon */\n --ds-purple-700: #c6a0f6;\n --ds-blue-400: {\n color: #24273a;\n };\n --ds-purple-400: {\n color: #24273a;\n };\n --tw-gradient-top: transparent;\n }\n :root.light-theme .bg-blue-600 {\n background-color: #b7bdf8;\n }\n :root.light-theme a h3 {\n color: #b7bdf8;\n }\n :root.light-theme p a {\n color: #b7bdf8;\n }\n :root.light-theme ul li::marker {\n color: #b7bdf8;\n }\n :root.light-theme .text-blue-700 {\n color: #b7bdf8;\n }\n :root.light-theme svg {\n --geist-stroke: var(--geist-background) !important;\n }\n :root.light-theme button.navbar_search__dZT2b {\n background-color: #1e2030 !important;\n }\n :root.light-theme input::placeholder,\n :root.light-theme button[class*=\"navbar_search\"] {\n color: #cad3f5;\n }\n :root.light-theme code {\n color: #b7bdf8 !important;\n }\n :root.light-theme .shadow,\n :root.light-theme .shadow-md,\n :root.light-theme .shadow-sm {\n box-shadow: none !important;\n }\n :root.light-theme .code-block_wrapper__t6FCO {\n border-color: 1px solid #363a4f !important;\n }\n :root.light-theme .group:hover .dark\\:group-hover\\:bg-white {\n background-color: #b8c0e0;\n }\n :root.light-theme .group:hover .dark\\:group-hover\\:text-black {\n color: #181926;\n }\n :root.light-theme [data-docs-container] code:not(pre code),\n :root.light-theme [data-docs-table-of-contents] code:not(pre code) {\n border-color: 1px solid #363a4f !important;\n background-color: #1e2030 !important;\n }\n :root.light-theme td a {\n color: #b7bdf8;\n }\n :root.light-theme .animated-optimizations_window__CjM85 {\n background: #1e2030 !important;\n }\n :root.light-theme .features_card__xYla9,\n :root.light-theme .foundation_root__wm0ez,\n :root.light-theme .foundation_card__v7VKB {\n background: #24273a;\n }\n :root.light-theme .foundation_cpu__ciXpm {\n background: #1e2030;\n }\n :root.light-theme .header_header__zJOD0 {\n background: #24273a;\n }\n :root.light-theme .mute,\n :root.light-theme .subtitle {\n color: #a5adcb;\n }\n :root.light-theme .mobile-menu_mobileMenu__xqbOP a.mobile-menu_selected__G55UL {\n color: var(--geist-background);\n }\n :root.light-theme .dark-theme .dark\\:bg-black\\/50 {\n background-color: var(--geist-background);\n }\n :root.light-theme .gradient,\n :root.light-theme .gradient-text {\n --text-gradient: #cad3f5;\n }\n :root.light-theme .bg-background-200,\n :root.light-theme .bg-vercel-100 {\n background-color: #1e2030;\n }\n :root.light-theme .guides_book__j9vP8 {\n background: #24273a !important;\n }\n :root.light-theme .guides_bind__9COxI {\n background: #6e738d !important;\n }\n :root.light-theme .bg-gray-50 {\n background-color: #1e2030;\n }\n :root.light-theme .styled-scrollbar {\n scrollbar-color: #b7bdf8 transparent;\n }\n :root.light-theme .code-block_pre___OLfy {\n --shiki-token-punctuation: #939ab7;\n --shiki-token-constant: #f5a97f;\n --shiki-token-string: #a6da95;\n --shiki-token-string-expression: #a6da95;\n --shiki-token-comment: #6e738d;\n --shiki-token-keyword: #c6a0f6;\n --shiki-token-parameter: #ee99a0;\n --shiki-token-function: #8aadf4;\n }\n :root.light-theme img[alt=\"GitHub Logo\"] {\n height: 0 !important;\n width: 0 !important;\n padding-left: 16px !important;\n padding-top: 16px !important;\n background: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2215.673%22%20viewBox%3D%220%200%2016%2015.673%22%3E%3Cpath%20fill%3D%22%23a5adcb%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.976%200C3.566%200%200%203.592%200%208.035c0%203.552%202.285%206.559%205.454%207.623%200.396%200.08%200.541%20-0.173%200.541%20-0.386%200%20-0.186%20-0.013%20-0.825%20-0.013%20-1.49%20-2.219%200.479%20-2.681%20-0.958%20-2.681%20-0.958%20-0.357%20-0.931%20-0.885%20-1.171%20-0.885%20-1.171%20-0.726%20-0.492%200.053%20-0.492%200.053%20-0.492%200.806%200.053%201.228%200.825%201.228%200.825%200.713%201.224%201.862%200.878%202.324%200.665%200.066%20-0.519%200.277%20-0.878%200.502%20-1.078%20-1.77%20-0.186%20-3.632%20-0.878%20-3.632%20-3.965%200%20-0.878%200.317%20-1.596%200.819%20-2.155%20-0.079%20-0.2%20-0.357%20-1.024%200.079%20-2.129%200%200%200.673%20-0.213%202.192%200.825a7.669%207.669%200%200%201%201.994%20-0.266c0.673%200%201.36%200.093%201.994%200.266%201.519%20-1.038%202.192%20-0.825%202.192%20-0.825%200.436%201.104%200.158%201.929%200.079%202.129%200.515%200.559%200.819%201.277%200.819%202.155%200%203.087%20-1.862%203.765%20-3.645%203.965%200.291%200.253%200.541%200.732%200.541%201.49%200%201.078%20-0.013%201.942%20-0.013%202.208%200%200.213%200.145%200.466%200.541%200.386%203.169%20-1.064%205.454%20-4.071%205.454%20-7.623C15.952%203.592%2012.374%200%207.976%200z%22%20clip-rule%3D%22evenodd%22/%3E%3C/svg%3E\") no-repeat !important;\n }\n :root.light-theme img[alt=\"X Logo\"] {\n height: 0 !important;\n width: 0 !important;\n padding-left: 16px !important;\n padding-top: 16px !important;\n background: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22none%22%20height%3D%2216%22%20shape-rendering%3D%22geometricPrecision%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2216%22%3E%3Cpath%20fill%3D%22%23a5adcb%22%20d%3D%22M16.99%200h3.308l-7.227%208.26%208.502%2011.24h-6.657l-5.214-6.817L3.736%2019.5H.426l7.73-8.835L0%200h6.826l4.713%206.231L16.99%200Zm-1.161%2017.52h1.833L5.83%201.876H3.863L15.829%2017.52Z%22%20stroke%3D%22none%22/%3E%3C/svg%3E\") no-repeat !important;\n }\n /* prettier-ignore */",
+ "start": 1038,
+ "domains": [
+ "nextjs.org"
+ ]
+ }
+ ],
+ "sourceCode": "/* ==UserStyle==\n@name Next.js Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/nextjs\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/nextjs\n@version 0.0.1\n@description Soothing pastel theme for Next.js\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/nextjs/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Anextjs\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(\"nextjs.org\") {\n :root.dark-theme {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root.light-theme {\n #catppuccin(@lightFlavor, @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 --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: @accent-color;\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-400: @surface0;\n --ds-gray-600: @overlay1;\n --ds-gray-700: @subtext0;\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 --ds-blue-300: @surface0;\n --ds-blue-900: @accent-color;\n\n /* Links vertical line */\n .bg-blue-600 {\n background-color: @accent-color;\n }\n\n /* App Router icon */\n --ds-blue-700: @blue;\n\n /* Pages Router icon */\n --ds-purple-700: @mauve;\n\n --ds-blue-400: {\n color: @base;\n };\n\n --ds-purple-400: {\n color: @base;\n };\n\n --tw-gradient-top: transparent;\n\n a h3 {\n color: @accent-color;\n }\n\n p a {\n color: @accent-color;\n }\n\n ul li::marker {\n color: @accent-color;\n }\n\n .text-blue-700 {\n color: @accent-color;\n }\n\n svg {\n --geist-stroke: var(--geist-background) !important;\n }\n\n button.navbar_search__dZT2b {\n background-color: @mantle !important;\n }\n\n input::placeholder,\n button[class*=\"navbar_search\"] {\n color: @text;\n }\n\n code {\n color: @accent-color !important;\n }\n\n .shadow,\n .shadow-md,\n .shadow-sm {\n box-shadow: none !important;\n }\n\n .code-block_wrapper__t6FCO {\n border-color: 1px solid @surface0 !important;\n }\n\n .group:hover .dark\\:group-hover\\:bg-white {\n background-color: @subtext1;\n }\n\n .group:hover .dark\\:group-hover\\:text-black {\n color: @crust;\n }\n\n [data-docs-container] code:not(pre code),\n [data-docs-table-of-contents] code:not(pre code) {\n border-color: 1px solid @surface0 !important;\n background-color: @mantle !important;\n }\n\n td a {\n color: @accent-color;\n }\n\n .animated-optimizations_window__CjM85 {\n background: @mantle !important;\n }\n\n .features_card__xYla9,\n .foundation_root__wm0ez,\n .foundation_card__v7VKB {\n background: @base;\n }\n\n .foundation_cpu__ciXpm {\n background: @mantle;\n }\n\n .header_header__zJOD0 {\n background: @base;\n }\n\n .mute,\n .subtitle {\n color: @subtext0;\n }\n\n .mobile-menu_mobileMenu__xqbOP a.mobile-menu_selected__G55UL {\n color: var(--geist-background);\n }\n\n .dark-theme .dark\\:bg-black\\/50 {\n background-color: var(--geist-background);\n }\n\n .gradient,\n .gradient-text {\n --text-gradient: @text;\n }\n\n .bg-background-200,\n .bg-vercel-100 {\n background-color: @mantle;\n }\n\n .guides_book__j9vP8 {\n background: @base !important;\n }\n\n .guides_bind__9COxI {\n background: @overlay0 !important;\n }\n\n .bg-gray-50 {\n background-color: @mantle;\n }\n\n .styled-scrollbar {\n scrollbar-color: @accent-color transparent;\n }\n\n .code-block_pre___OLfy {\n --shiki-token-punctuation: @overlay2;\n --shiki-token-constant: @peach;\n --shiki-token-string: @green;\n --shiki-token-string-expression: @green;\n --shiki-token-comment: @overlay0;\n --shiki-token-keyword: @mauve;\n --shiki-token-parameter: @maroon;\n --shiki-token-function: @blue;\n }\n\n img[alt=\"GitHub Logo\"] {\n @svg: escape(\n ''\n );\n height: 0 !important;\n width: 0 !important;\n padding-left: 16px !important;\n padding-top: 16px !important;\n background: url(\"data:image/svg+xml,@{svg}\") no-repeat !important;\n }\n img[alt=\"X Logo\"] {\n @svg: escape(\n ''\n );\n height: 0 !important;\n width: 0 !important;\n padding-left: 16px !important;\n padding-top: 16px !important;\n background: url(\"data:image/svg+xml,@{svg}\") no-repeat !important;\n }\n }\n}\n// vim:ft=less\n",
+ "usercssData": {
+ "name": "Next.js Catppuccin",
+ "namespace": "github.com/catppuccin/userstyles/styles/nextjs",
+ "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/nextjs",
+ "version": "0.0.1",
+ "description": "Soothing pastel theme for Next.js",
+ "author": "Catppuccin",
+ "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/nextjs/catppuccin.user.css",
+ "supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Anextjs",
+ "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 Next.js",
+ "url": "https://github.com/catppuccin/userstyles/tree/main/styles/nextjs",
+ "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/nextjs/catppuccin.user.css",
+ "name": "Next.js Catppuccin",
+ "originalDigest": "fad63630be8f6ccc2c7e8df32257b6f51905265d",
+ "_id": "ed87506f-efb2-475c-b70e-71e108744a5f",
+ "_rev": 1708336046513,
+ "id": 82,
+ "etag": "W/\"9c9b3c24baccee53e16f34b0c62249b9e90a03305e219c607b01b3e0d95a5fdf\""
+ },
+ {
+ "enabled": true,
+ "installDate": 1708336057235,
+ "sections": [
+ {
+ "code": "/* ==UserStyle==\n@name DuckDuckGo Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/duckduckgo\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/duckduckgo\n@version 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/duckduckgo/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aduckduckgo\n@description Soothing pastel theme for DuckDuckGo\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/* 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 :root .eVNpHGjtxRBq_gLOfGDr,\n :root .LQNqh2U1kzYxREs65IJu {\n color: #8aadf4;\n }\n :root .acp-wrap {\n background-color: #363a4f;\n }\n :root .acp {\n color: #cad3f5;\n }\n :root .acp--highlight {\n background-color: #6e738d !important;\n }\n :root .search__autocomplete {\n border-color: #494d64;\n }\n :root body {\n background-color: #24273a;\n }\n :root .footer {\n background-color: #24273a;\n border-top-color: #363a4f;\n }\n :root .search--header {\n background-color: #363a4f;\n }\n :root .search__clear {\n color: #b7bdf8;\n }\n :root .search__button,\n :root .js-search-button {\n background-color: #b7bdf8 !important;\n color: #1e2030;\n }\n :root .is-vertical-tabs-exp,\n :root .header-wrap {\n background-color: #1e2030;\n }\n :root .module--carousel__body__title {\n color: #8aadf4 !important;\n }\n :root .js-carousel-module-more,\n :root .module__footer {\n color: #8aadf4 !important;\n border-color: #363a4f !important;\n }\n :root .feedback-prompt,\n :root .feedback-prompt__link,\n :root .js-feedback-prompt-yes,\n :root .js-feedback-prompt-no {\n color: #cad3f5;\n }\n :root .zcm__link,\n :root .js-zci-link {\n color: #cad3f5;\n }\n :root .js-zci-link--web.is-active {\n color: #b7bdf8 !important;\n border-color: #b7bdf8 !important;\n }\n :root .OgdwYG6KE2qthn9XQWFC {\n color: #cad3f5 !important;\n }\n :root .module--carousel__left,\n :root .module--carousel__right {\n background-color: #1e2030;\n color: #b7bdf8;\n }\n :root .O9Ipab51rBntYb0pwOQn {\n background-color: #363a4f;\n border-color: #5b6078;\n }\n :root .footer__card,\n :root .js-footer-card,\n :root .bg-clr--white {\n background-color: #24273a;\n border-color: #494d64;\n }\n :root .footer__text {\n color: #b8c0e0;\n }\n :root .tile--img__sub {\n color: #cad3f5 !important;\n }\n :root .metabar__dropdowns-wrap::after,\n :root .metabar__dropdowns-wrap::before {\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #24273a);\n }\n :root .text--primary,\n :root .tx-clr--dk,\n :root .tx-clr--slate {\n color: #cad3f5;\n }\n :root .module__title,\n :root .module--definitions__definition,\n :root .ia-module--definitions .module--definitions__synonym {\n color: #cad3f5;\n }\n :root .module__title .module--definitions__pronunciation,\n :root .module--definitions__part-of-speech,\n :root .module--definitions__usage,\n :root .module--definitions__attribution-text,\n :root .module__attribution,\n :root .module__attribution-link {\n color: #a5adcb !important;\n }\n :root .module--definitions__group ol li a.module--definitions__reference,\n :root .module--definitions__collapsed-group ol li a.module--definitions__reference,\n :root .module__toggle__chevron,\n :root .module__toggle__chevron--collapse {\n color: #b7bdf8;\n }\n :root .header__button--menu {\n background-color: #363a4f;\n color: #b8c0e0;\n }\n :root .H4K96pMGU5icP7hW3kIy {\n color: #cad3f5;\n }\n :root .zci,\n :root .metabar--fixed {\n background-color: #24273a !important;\n }\n :root .text--airline-flight,\n :root .tile__day,\n :root .text--title,\n :root .flight-details__values {\n color: #cad3f5 !important;\n }\n :root .progress__bar {\n background-color: #6e738d;\n }\n :root .text--title svg path {\n fill: #b7bdf8;\n }\n :root .zci--airlines hr {\n background-color: #494d64;\n }\n :root .scheduled-time {\n color: #6e738d !important;\n }\n :root .bg-clr--green {\n background-color: #a6da95;\n }\n :root .timing {\n color: #cad3f5;\n }\n :root .tile__status {\n color: #24273a !important;\n }\n :root .flight-details__labels,\n :root .airlines-footer,\n :root .source-link {\n color: #b8c0e0;\n }\n :root .related-searches__title-long {\n color: #cad3f5;\n }\n :root .is-related-search-exp,\n :root .related-searches__item {\n border-color: #363a4f;\n }\n :root .result__timestamp,\n :root .result__extras__sep,\n :root .OgdwYG6KE2qthn9XQWFC .MILR5XIVy9h75WrLvKiq {\n color: #a5adcb;\n }\n :root .dropdown__button:hover,\n :root .dropdown__button:focus,\n :root .dropdown__button:visited,\n :root .dropdown.is-open .dropdown__button,\n :root .modal__list__link,\n :root .tx-clr--slate-light {\n color: #cad3f5;\n }\n :root .modal--dropdown .modal__list__link.is-selected,\n :root .modal--dropdown .modal__list__link.is-selected:hover,\n :root .modal--dropdown .modal__list__link.is-selected:visited {\n color: #b7bdf8;\n }\n :root .js-custom-date-range,\n :root .modal__header__clear,\n :root .sep--before,\n :root .js-region-filter-clear {\n color: #b7bdf8 !important;\n }\n :root .modal__footer,\n :root .modal--dropdown--region.modal--popout .frm__input {\n background-color: #494d64 !important;\n border-top-color: #494d64 !important;\n }\n :root .modal__list__link:hover,\n :root .js-region-filter-link:hover,\n :root .modal--dropdown--region .modal__list__link.is-highlighted {\n background-color: #1e2030;\n }\n :root .modal__header,\n :root .modal__footer {\n border-color: #363a4f;\n }\n :root .frm__text,\n :root .frm__input {\n color: #cad3f5;\n background-color: #363a4f;\n border-color: #494d64;\n }\n :root .is-link-style-exp:not(.dark-header, .dark-bg) .modal--dropdown.modal--dropdown--license .modal__footer .modal__list__link {\n color: #8aadf4 !important;\n }\n :root .set-head__title {\n color: #cad3f5;\n }\n :root .set-tab.is-active {\n background-color: #1e2030 !important;\n color: #b7bdf8 !important;\n }\n :root .set-tab,\n :root .set-tab:visited {\n background-color: #363a4f;\n color: #cad3f5;\n }\n :root .cloudsave {\n background-color: #363a4f;\n }\n :root .cloudsave__title {\n color: #cad3f5;\n }\n :root .page-settings {\n color: #cad3f5 !important;\n }\n :root .settings-page-wrapper a:not(.btn, .set-tab) {\n color: #8aadf4 !important;\n }\n :root .btn,\n :root .button,\n :root .btn--icon,\n :root .btn--top,\n :root .header__button {\n background-color: #363a4f;\n color: #cad3f5;\n border-color: #494d64;\n }\n :root .frm__select {\n background-color: #363a4f;\n border-color: #363a4f !important;\n }\n :root .frm__select::after {\n color: #b7bdf8;\n }\n :root .btn--primary,\n :root .is-checked .frm__switch__label {\n color: #1e2030;\n }\n :root .frm__switch-off {\n color: #1e2030;\n }\n :root .set-main,\n :root .frm__desc {\n color: #a5adcb;\n }\n :root .frm__hr,\n :root .set-head {\n border-bottom-color: #5b6078;\n }\n :root .js-set-exit {\n background-color: #5b6078;\n }\n :root .js-set-exit:hover {\n background-color: #8aadf4;\n }\n :root .set-reset,\n :root .set-bookmarklet {\n border-color: #363a4f;\n }\n :root .module__title__link,\n :root .module__title__link:hover,\n :root .module__title__link:active,\n :root .module__title__link:visited,\n :root .js-about-item-abstr {\n color: #cad3f5;\n }\n :root .module__title__sub {\n color: #b8c0e0;\n }\n :root .module__more-at-bottom,\n :root .js-about-item-more-at-bottom {\n color: #8aadf4 !important;\n }\n :root .module__text pre {\n background-color: #363a4f;\n }\n :root .kwd {\n color: #c6a0f6;\n }\n :root .pun,\n :root .com {\n color: #cad3f5;\n }\n :root .str {\n color: #a6da95;\n }\n :root .w498IXAnug_2RwtqCtbA {\n color: #cad3f5;\n }\n :root .rlkiAscg7L8XDVmbOjmb,\n :root .rlkiAscg7L8XDVmbOjmb:hover {\n color: #8aadf4;\n }\n :root .user-loc-tile {\n background-color: #24273a;\n }\n :root .module__place-list,\n :root .js-places-multiple-list {\n background-color: #363a4f;\n }\n :root .place-list-item__title {\n color: #cad3f5;\n }\n :root .place-list-item:hover,\n :root .js-place-list-item:hover {\n background-color: #181926;\n }\n :root .review__count,\n :root .place-list-item__rating__count,\n :root .place-list-item__info__item {\n color: #a5adcb;\n }\n :root .place-detail__status--on {\n color: #b7bdf8;\n }\n :root .module__places-more__link--more-places,\n :root .js-places-multiple-expand {\n color: #8aadf4 !important;\n }\n :root .review__rating-stars,\n :root .place-list-item__rating__image {\n background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22none%22%20height%3D%2212%22%20viewBox%3D%220%200%2064%2012%22%20width%3D%2264%22%3E%3Cg%20clip-rule%3D%22evenodd%22%20fill%3D%22%23a6da95%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m12%206c0%203.31371-2.68629%206-6%206s-6-2.68629-6-6%202.68629-6%206-6%206%202.68629%206%206zm13%200c0%203.31371-2.6863%206-6%206s-6-2.68629-6-6%202.6863-6%206-6%206%202.68629%206%206zm7%206c3.3137%200%206-2.68629%206-6s-2.6863-6-6-6-6%202.68629-6%206%202.6863%206%206%206z%22/%3E%3Cpath%20d%3D%22m45%2012c3.3137%200%206-2.68629%206-6s-2.6863-6-6-6-6%202.68629-6%206%202.6863%206%206%206zm4.5-6c0%202.48528-2.0147%204.5-4.5%204.5v-9c2.4853%200%204.5%202.01472%204.5%204.5z%22/%3E%3Cpath%20d%3D%22m58%2012c3.3137%200%206-2.68629%206-6s-2.6863-6-6-6-6%202.68629-6%206%202.6863%206%206%206zm0-1.5c2.4853%200%204.5-2.01472%204.5-4.5s-2.0147-4.5-4.5-4.5-4.5%202.01472-4.5%204.5%202.0147%204.5%204.5%204.5z%22/%3E%3C/g%3E%3C/svg%3E\");\n }\n :root .header_headerWrapDesktop__B7AYN.header_hasSearchbox__WU0q5 .header_headerLeft__gTUAg .header_logoImg__PFezv {\n height: 0 !important;\n width: 0 !important;\n padding-left: 157px !important;\n padding-top: 44px !important;\n background: url(\"data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20viewBox%3D%220%200%20189%2053%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill%3D%22%23cad3f5%22%20d%3D%22M110.045%2024.224h-2.405l-4.378%204.502v-9.003h-1.85v15.354h1.85v-5.056l4.995%204.994.061.062h2.22v-.185l-5.611-5.55zm-11.898%208.223c-.679.678-1.666%201.048-2.775%201.048-1.912%200-3.824-1.172-3.824-3.885%200-2.281%201.604-3.885%203.824-3.885.986%200%201.911.37%202.651%201.049l.062.061%201.171-1.233-.061-.062C98.085%2024.492%2096.79%2024%2095.31%2024c-3.392%200-5.673%202.281-5.673%205.611%200%203.885%202.836%205.612%205.673%205.612h.062c1.48%200%202.898-.555%203.884-1.604l.062-.061-1.233-1.234zm-12.581-2.404c0%201.973-1.356%203.453-3.268%203.515-2.035%200-3.268-1.233-3.268-3.33v-5.981h-1.85v5.981c0%203.083%201.85%205.057%204.748%205.057h.062c1.418%200%202.713-.679%203.576-1.727l.062-.123.062%201.665h1.726V24.247h-1.85zM67.298%2019.66h-5.612v15.417h5.612c5.365%200%207.708-3.947%207.708-7.832%200-3.638-2.405-7.585-7.708-7.585zm5.796%207.524c0%202.96-1.788%205.92-5.735%205.92h-3.7V21.571h3.639c3.946%200%205.796%202.898%205.796%205.612zm96.018%201.17h4.748v3.577c-1.171.986-2.59%201.541-4.131%201.541-4.193%200-6.105-3.021-6.105-5.981%200-3.022%201.912-6.29%206.043-6.29%201.665%200%203.207.617%204.44%201.727l.062.061%201.11-1.295-.062-.061c-1.48-1.48-3.453-2.22-5.611-2.22-2.344%200-4.317.74-5.735%202.22-1.48%201.48-2.282%203.576-2.22%205.92%200%203.638%202.096%207.831%208.016%207.831h.124a7.716%207.716%200%200%200%205.796-2.59V26.69h-6.536v1.665zm-51.181-8.694h-5.612v15.417h5.612c5.365%200%207.708-3.947%207.708-7.832%200-3.638-2.405-7.584-7.708-7.584zm5.796%207.524c0%202.96-1.788%205.92-5.735%205.92h-3.638V21.572h3.638c3.885%200%205.735%202.898%205.735%205.612zm59.463-3.185c-3.269%200-5.612%202.405-5.612%205.673%200%203.268%202.343%205.611%205.612%205.611%203.268%200%205.673-2.343%205.673-5.611%200-3.33-2.343-5.673-5.673-5.673zm3.823%205.673c0%202.282-1.603%203.885-3.823%203.885-2.159%200-3.762-1.603-3.762-3.885%200-2.343%201.542-4.008%203.823-4.008%202.159.061%203.762%201.726%203.762%204.008zm-50.814.371c0%201.973-1.356%203.453-3.268%203.515-2.035%200-3.268-1.233-3.268-3.33v-5.981h-1.85v5.981c0%203.083%201.85%205.057%204.686%205.057h.062c1.418%200%202.713-.679%203.576-1.727l.062-.123.062%201.665h1.726V24.247h-1.85v5.796zm12.58%202.404c-.678.678-1.665%201.048-2.775%201.048-1.911%200-3.823-1.172-3.823-3.885%200-2.281%201.603-3.885%203.823-3.885.987%200%201.912.37%202.652%201.049l.062.061%201.171-1.233-.061-.062c-1.11-1.048-2.405-1.541-3.885-1.541-3.392%200-5.673%202.281-5.673%205.611%200%203.885%202.836%205.612%205.673%205.612h.061c1.48%200%202.899-.555%203.885-1.604l.062-.061-1.233-1.234zm11.899-8.223h-2.405l-4.378%204.502v-9.003h-1.85v15.354h1.85v-5.056l4.994%204.994.062.062h2.22v-.185l-5.611-5.55z%22/%3E%3Cpath%20fill%3D%22%23ed8796%22%20fill-rule%3D%22evenodd%22%20d%3D%22M26.5%2053C41.136%2053%2053%2041.136%2053%2026.5S41.136%200%2026.5%200%200%2011.864%200%2026.5%2011.864%2053%2026.5%2053z%22%20clip-rule%3D%22evenodd%22/%3E%3Cpath%20fill%3D%22%23939ab7%22%20fill-rule%3D%22evenodd%22%20d%3D%22M30.227%2046.272c0-.207.05-.255-.608-1.566-1.749-3.503-3.507-8.44-2.707-11.625.146-.579-1.648-21.425-2.915-22.097-1.41-.75-3.143-1.942-4.728-2.207-.805-.128-1.86-.067-2.684.044-.147.02-.153.283-.013.33.542.184%201.2.502%201.587.984.073.09-.026.234-.142.239-.366.013-1.028.166-1.902.908-.101.086-.017.246.113.22%201.878-.372%203.797-.189%204.927.84.073.066.035.185-.06.211-9.811%202.667-7.87%2011.2-5.257%2021.674%202.213%208.875%203.113%2012.028%203.433%2013.103a.606.606%200%200%200%20.366.398c3.438%201.29%2010.59%201.316%2010.59-.939z%22%20clip-rule%3D%22evenodd%22/%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M31.572%2048.238c-1.19.466-3.52.673-4.865.673-1.973%200-4.814-.31-5.849-.776-.639-1.968-2.552-8.066-4.442-15.811-.061-.254-.123-.506-.185-.757l-.001-.006c-2.246-9.174-4.08-16.667%205.974-19.021.091-.022.136-.131.076-.204-1.154-1.368-3.315-1.817-6.048-.874-.112.039-.209-.074-.14-.17.536-.739%201.584-1.307%202.1-1.556.107-.051.101-.208-.012-.243a11.54%2011.54%200%200%200-1.562-.372c-.153-.025-.167-.288-.013-.309%203.874-.52%207.92.642%209.95%203.2.018.024.046.04.076.047%207.434%201.596%207.966%2013.347%207.11%2013.882-.17.106-.71.045-1.424-.035-2.893-.323-8.62-.964-3.893%207.846.047.087-.015.202-.113.217-2.665.415.75%208.767%203.261%2014.27z%22/%3E%3Cpath%20fill%3D%22%233ca82b%22%20d%3D%22M34.897%2037.555c-.566-.263-2.742%201.298-4.186%202.496-.302-.427-.87-.738-2.154-.515-1.124.196-1.744.467-2.021.934-1.773-.672-4.757-1.71-5.478-.708-.787%201.095.197%206.277%201.244%206.95.546.351%203.16-1.328%204.524-2.487.22.31.575.488%201.303.471%201.102-.025%202.89-.282%203.167-.795a.569.569%200%200%200%20.044-.11c1.403.524%203.871%201.08%204.423.996%201.437-.216-.2-6.924-.866-7.232z%22/%3E%3Cpath%20fill%3D%22%23a6da95%22%20d%3D%22M30.844%2040.204c.06.106.107.218.148.332.2.56.525%202.338.28%202.778-.247.439-1.847.651-2.835.668s-1.209-.344-1.409-.903c-.16-.447-.238-1.5-.237-2.101-.04-.894.286-1.208%201.795-1.452%201.116-.18%201.707.03%202.047.39%201.585-1.184%204.23-2.853%204.488-2.548%201.286%201.521%201.448%205.143%201.17%206.6-.091.476-4.35-.472-4.35-.986%200-2.133-.553-2.718-1.097-2.778zm-9.329-.666c.349-.552%203.177.135%204.73.825%200%200-.32%201.446.189%203.149.148.498-3.572%202.715-4.058%202.334-.561-.441-1.594-5.148-.861-6.308z%22/%3E%3Cpath%20fill%3D%22%23eed49f%22%20fill-rule%3D%22evenodd%22%20d%3D%22M22.885%2028.325c.228-.995%201.295-2.87%205.101-2.825%201.925-.008%204.315-.001%205.9-.181a21.212%2021.212%200%200%200%205.27-1.282c1.648-.628%202.233-.488%202.438-.112.225.413-.04%201.127-.616%201.784-1.1%201.255-3.077%202.228-6.57%202.516s-5.805-.648-6.8.877c-.43.658-.098%202.208%203.279%202.696%204.563.659%208.311-.793%208.774.084.463.877-2.204%202.661-6.775%202.698-4.57.038-7.426-1.6-8.438-2.414-1.285-1.033-1.86-2.539-1.563-3.841z%22%20clip-rule%3D%22evenodd%22/%3E%3Cg%20fill%3D%22%23181926%22%20opacity%3D%22.8%22%3E%3Cpath%20d%3D%22M28.706%2017.443c.255-.417.82-.74%201.745-.74s1.36.369%201.662.78c.061.083-.032.181-.127.14l-.07-.03c-.338-.148-.753-.33-1.465-.34-.761-.01-1.241.18-1.544.344-.101.056-.262-.055-.201-.154zm-10.416.534c.898-.375%201.604-.327%202.103-.208.105.024.178-.089.094-.156-.387-.313-1.254-.7-2.385-.28-1.01.377-1.485%201.159-1.487%201.672-.001.122.248.132.312.03.174-.278.464-.682%201.362-1.058z%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M31.237%2023.154c-.794%200-1.438-.642-1.438-1.433s.644-1.433%201.438-1.433c.794%200%201.438.642%201.438%201.433s-.644%201.433-1.438%201.433zm1.013-1.908a.372.372%200%200%200-.745%200%20.372.372%200%200%200%20.745%200zm-10.544%201.467c0%20.923-.75%201.671-1.676%201.671a1.675%201.675%200%200%201-1.677-1.67c0-.924.752-1.672%201.677-1.672.924%200%201.676.748%201.676%201.671zm-.494-.554a.434.434%200%201%200-.867.002.434.434%200%200%200%20.867-.002z%22%20clip-rule%3D%22evenodd%22/%3E%3C/g%3E%3Cpath%20fill%3D%22%23cad3f5%22%20fill-rule%3D%22evenodd%22%20d%3D%22M26.5%2048.756c12.292%200%2022.256-9.964%2022.256-22.256S38.792%204.244%2026.5%204.244%204.244%2014.208%204.244%2026.5%2014.208%2048.756%2026.5%2048.756zm0%202.07c13.435%200%2024.326-10.891%2024.326-24.326S39.935%202.174%2026.5%202.174%202.174%2013.065%202.174%2026.5%2013.065%2050.826%2026.5%2050.826z%22%20clip-rule%3D%22evenodd%22/%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M26.497%2048.438c12.118%200%2021.941-9.823%2021.941-21.94S38.615%204.555%2026.498%204.555%204.555%2014.38%204.555%2026.497s9.824%2021.941%2021.941%2021.941zm24.292-21.94c0%2013.415-10.876%2024.29-24.292%2024.29S2.206%2039.914%202.206%2026.499%2013.08%202.205%2026.497%202.205%2050.79%2013.08%2050.79%2026.497z%22%20clip-rule%3D%22evenodd%22/%3E%3C/svg%3E\") no-repeat !important;\n }\n :root .header_logoText__rodFL,\n :root .header_logoText__rodFL a,\n :root .header_logoText__rodFL svg {\n color: #cad3f5;\n }\n :root .legacy-homepage_root__Rz_nu,\n :root .browser-comparison-table_table__PW0Eh {\n background-color: #24273a;\n border-color: #363a4f !important;\n }\n :root .legacy-homepage-variants_batch11__4DFlQ,\n :root .legacy-homepage-variants_isNarrowTitle__sWwHT,\n :root .heading_heading6__hJig2,\n :root .heading_heading__IiMSV,\n :root .heading_responsive__oZpJJ,\n :root .legacy-homepage-variants_batch9__ee1Lg .legacy-homepage-variants_ctaCards__N1DiD,\n :root .legacy-homepage-variants_scrollCta__hNjqv,\n :root .legacy-homepage-variants_socialProof__Z9Cdn,\n :root .legacy-homepage-variants_title__p1_T_,\n :root .browser-comparison-table_badge___MMhl.browser-comparison-table_default__g5xw8 span,\n :root .featureCards_root__brAX3,\n :root .footer_footerHeading__CTbCv,\n :root .flameSection_flameSectionHeading__czcuu {\n color: #cad3f5;\n }\n :root .legacy-homepage_ctaSection__5siuM .legacy-homepage_socialProof__a_Gvg {\n color: #6e738d;\n }\n :root .howItWorksSection_downloadsCard__U3Ph9,\n :root .card_card__afbUo,\n :root .card_elevation50__HbWMO,\n :root .card_radiusMd__NotZS,\n :root .flameSection_bottomCtaBox__juoxn,\n :root .accordion_accordionHeader__C77Sy {\n background-color: #363a4f;\n }\n :root .accordion_accordionContent__fzXEY {\n background-color: #494d64;\n color: #cad3f5;\n }\n :root .text_text-sm__23qqs,\n :root .text_text__q9rvO,\n :root .text_responsive__9czhp {\n color: #cad3f5;\n }\n :root .howItWorksDetails_sectionTitle__E9IMg {\n color: #a5adcb;\n }\n :root .badge_yellow__mD6dA {\n background-color: #eed49f;\n color: #1e2030;\n }\n :root .heading_heading1__Zrd_9 .heading_responsive__oZpJJ {\n color: #1e2030 !important;\n }\n :root .legacy-homepage-variants_controlVariant__bOUc8 .legacy-homepage-variants_belowTheFoldWrapper__7_DL2,\n :root .legacy-homepage-variants_controlVariant__bOUc8 .legacy-homepage-variants_belowTheFold__b5i_x,\n :root .legacy-homepage-variants_controlVariant__bOUc8 .legacy-homepage-variants_flameSection__EOpfq,\n :root .flameSection_footer__XhC99,\n :root .container_root__Lmrbx,\n :root .container_responsive__IDWnv {\n background-color: #24273a;\n }\n :root .button_tertiary__blDIi,\n :root .flameSection_pressQuoteIcon__Hqf6Q {\n color: #b7bdf8;\n border-color: #8aadf4;\n }\n :root .learnMoreButton_learnMoreButton__B-10PJu {\n color: #8aadf4;\n }\n :root .button_primary__e2_Sy {\n background-color: #8aadf4 !important;\n color: #cad3f5;\n }\n :root .accordion_accordionTrigger__WmvuX:hover {\n background-color: #1e2030;\n }\n :root .downloadBrowserButton_button__nFe_k.downloadBrowserButton_primary__gdn0t svg {\n color: #24273a;\n }\n :root .cta-cards_green__HCBmC .cta-cards_badge__Axy2u,\n :root .badge_green__1CawN {\n background-color: #a6da95;\n }\n :root .cta-cards_badgeCorner__dEhy6,\n :root .browser-comparison-table_checkIcon__AmF8a {\n color: #a6da95;\n }\n :root .browser-comparison-table_crossIcon____V5O {\n color: #ed8796;\n }\n :root .cta-cards_badgeText__Wtp2T,\n :root .badge_badgeText__5G5RV {\n color: #1e2030;\n }\n :root .cta-cards_card__CJnue,\n :root .badge_gray__TzSXI,\n :root .browser-comparison-table_table__PW0Eh tbody tr:nth-child(odd) {\n background-color: #494d64;\n }\n :root .browser-comparison-table_table__PW0Eh tbody tr:nth-child(even) {\n background-color: #363a4f;\n }\n :root .footer_footerLink__SlwES,\n :root .footer_footerBottom__4_pB4,\n :root .footer_footerBottom__4_pB4 a,\n :root .footer_footerBottom__4_pB4 a:visited {\n color: #8aadf4;\n }\n :root .cta-cards_setAsDefaultButton__sd5FF,\n :root .cta-cards_tertiary__jX1qI {\n border-color: #8aadf4;\n }\n :root .user-loc-tooltip {\n background-color: #24273a;\n border-color: #363a4f;\n }\n :root .user-loc-tooltip__triangle-inner {\n border-bottom-color: #24273a;\n }\n :root .user-loc-tooltip__triangle-outer {\n border-bottom-color: #363a4f;\n }\n :root .user-loc-tooltip__title,\n :root .user-loc-tooltip__subtitle,\n :root .user-loc-tooltip__error-fix {\n color: #cad3f5;\n }\n :root .user-loc-tooltip__error-fix li::before {\n color: #a5adcb;\n }\n :root .is-link-style-exp:not(.dark-header, .dark-bg),\n :root .user-loc-link,\n :root .user-loc-tooltip__link,\n :root .accordion_accordionContent__fzXEY a {\n color: #8aadf4 !important;\n }\n :root .btn--primary:not(.is-disabled) {\n background-color: #8aadf4 !important;\n border-color: #8aadf4 !important;\n }\n :root .k0dqcyn_SZAmh1pFFuQ5,\n :root .ds1w04wA2KNmfx2PU4CA {\n color: #b7bdf8;\n }\n :root .ffON2NH02oMAcqyoh2UU,\n :root .Ee2e63EzQ9F3xq9wsGDY,\n :root .aSBdOftk9efiVV8GwLLE,\n :root .MzDWkY1lmg2n9VGThORi {\n color: #cad3f5;\n }\n :root .rlDhiY437bCQGjsZZ0CL,\n :root .ffON2NH02oMAcqyoh2UU,\n :root .vcOFkrrvuSYp7xsAur2Y,\n :root .sz280YLkLemh3mLtestR {\n color: #b7bdf8;\n background-color: #363a4f;\n }\n :root .Cwg3TAWR68fVkDBMYLUZ,\n :root .EwBVRZ62P2JekkbusBsm {\n color: #cad3f5;\n }\n :root .JhFQAeU7IMxZaS7jCOQm,\n :root .Bl3t3iYRHX9BeMH_V52u {\n color: #8aadf4 !important;\n }\n :root .ighRT8XtMY1IQqf0wCFy {\n color: #cad3f5;\n }\n :root .tV0DEo5a5LUrl8Piw6Ao {\n background-color: #363a4f !important;\n border-color: #494d64 !important;\n }\n :root .ddgsi {\n color: #b7bdf8;\n }\n :root .Rn_JXVtoPVAFyGkcaXyK .Wo6ZAEmESLNUuWBkbMxx,\n :root .Wo6ZAEmESLNUuWBkbMxx:active,\n :root .Wo6ZAEmESLNUuWBkbMxx:focus .Wo6ZAEmESLNUuWBkbMxx:hover,\n :root .Wo6ZAEmESLNUuWBkbMxx:visited {\n color: #b8c0e0;\n }\n :root .zci--type--tiles:not(.is-fallback).is-full-page.is-expanded {\n background-color: #24273a;\n }\n :root .tile,\n :root .tile--s,\n :root .tile--info {\n background-color: #363a4f;\n border-color: #5b6078;\n }\n :root .result__snippet,\n :root .result__extras__url,\n :root .result__url {\n color: #cad3f5 !important;\n }\n :root .result__snippet b,\n :root .result__snippet strong {\n color: #cad3f5;\n }\n :root .result__a {\n color: #8aadf4 !important;\n }\n :root .tile__title,\n :root .tile__count {\n color: #cad3f5;\n }\n :root .zci {\n color: #cad3f5;\n }\n :root .module--carousel__footer,\n :root .has-relative-time {\n color: #cad3f5 !important;\n }\n :root .js-carousel-module-title,\n :root .module__header,\n :root .module__header--link {\n color: #cad3f5 !important;\n }\n :root .dropdown__switch,\n :root .switch,\n :root .js-region-filter-switch.is-on {\n background-color: #b7bdf8 !important;\n border-color: #b7bdf8 !important;\n }\n :root .dropdown__button {\n color: #a5adcb;\n }\n :root .dropdown--region.has-inactive-region .dropdown__button {\n color: #a5adcb !important;\n }\n :root .dropdown.is-active .dropdown__button {\n color: #cad3f5;\n }\n :root .tile__title a:visited {\n color: #c6a0f6;\n }\n :root .dropdown__switch.is-on::before {\n color: #24273a;\n }\n :root .switch__knob {\n background-color: #363a4f;\n }\n :root .no-touch,\n :root .zcm__item.is-open,\n :root .zcm__link {\n color: #cad3f5 !important;\n }\n :root .modal__body {\n background-color: #363a4f;\n }\n :root .settings-dropdown--header--label {\n color: #cad3f5;\n }\n :root .settings-dropdown--header--link,\n :root .js-settings-dropdown-reset-appearance {\n color: #8aadf4 !important;\n }\n :root .frm__label {\n color: #cad3f5;\n }\n :root .frm__select__input,\n :root .js-set-input {\n color: #cad3f5;\n }\n :root .frm__switch__label {\n background-color: #b7bdf8 !important;\n border-color: #b7bdf8 !important;\n }\n :root .modal--dropdown--settings .settings-dropdown--section .frm__field .frm__switch .frm__switch__label.btn::after {\n background-color: #24273a !important;\n border-bottom-color: #6e738d !important;\n }\n :root .modal__box {\n border-color: #494d64 !important;\n }\n :root .modal--dropdown--settings,\n :root .settings-dropdown--section {\n border-bottom-color: #5b6078;\n }\n :root .set-theme__check,\n :root .dgsi,\n :root .ddgsi-check {\n background-color: #b7bdf8 !important;\n border-color: #b7bdf8 !important;\n }\n :root .set-themes,\n :root .set-theme.is-checked,\n :root .set-theme__check {\n color: #24273a !important;\n }\n :root .settings-dropdown--button {\n color: #8aadf4 !important;\n }\n :root .is-vertical-tabs-exp,\n :root #duckbar,\n :root .zcm__link:not(.dropdown__button).is-active {\n color: #b7bdf8 !important;\n border-color: #b7bdf8 !important;\n }\n :root .no-results__link,\n :root .js-no-results-web {\n color: #8aadf4 !important;\n }\n :root .oaxCunrdbQs3WQDCq3Ls {\n color: #cad3f5;\n }\n :root .KoEJ3YBbjXKVOE1bc2RA {\n color: #cad3f5 !important;\n }\n :root .f3uDrYrWF3Exrfp1m3Og {\n color: #8aadf4;\n }\n :root .f3uDrYrWF3Exrfp1m3Og:visited {\n color: #c6a0f6;\n }\n :root .feedback-btn__send,\n :root .js-feedback-start {\n background-color: #363a4f;\n color: #cad3f5;\n }\n :root .search__input,\n :root .search__input--adv {\n color: #cad3f5;\n }\n }\n @media (prefers-color-scheme: dark) {\n :root .eVNpHGjtxRBq_gLOfGDr,\n :root .LQNqh2U1kzYxREs65IJu {\n color: #8aadf4;\n }\n :root .acp-wrap {\n background-color: #363a4f;\n }\n :root .acp {\n color: #cad3f5;\n }\n :root .acp--highlight {\n background-color: #6e738d !important;\n }\n :root .search__autocomplete {\n border-color: #494d64;\n }\n :root body {\n background-color: #24273a;\n }\n :root .footer {\n background-color: #24273a;\n border-top-color: #363a4f;\n }\n :root .search--header {\n background-color: #363a4f;\n }\n :root .search__clear {\n color: #b7bdf8;\n }\n :root .search__button,\n :root .js-search-button {\n background-color: #b7bdf8 !important;\n color: #1e2030;\n }\n :root .is-vertical-tabs-exp,\n :root .header-wrap {\n background-color: #1e2030;\n }\n :root .module--carousel__body__title {\n color: #8aadf4 !important;\n }\n :root .js-carousel-module-more,\n :root .module__footer {\n color: #8aadf4 !important;\n border-color: #363a4f !important;\n }\n :root .feedback-prompt,\n :root .feedback-prompt__link,\n :root .js-feedback-prompt-yes,\n :root .js-feedback-prompt-no {\n color: #cad3f5;\n }\n :root .zcm__link,\n :root .js-zci-link {\n color: #cad3f5;\n }\n :root .js-zci-link--web.is-active {\n color: #b7bdf8 !important;\n border-color: #b7bdf8 !important;\n }\n :root .OgdwYG6KE2qthn9XQWFC {\n color: #cad3f5 !important;\n }\n :root .module--carousel__left,\n :root .module--carousel__right {\n background-color: #1e2030;\n color: #b7bdf8;\n }\n :root .O9Ipab51rBntYb0pwOQn {\n background-color: #363a4f;\n border-color: #5b6078;\n }\n :root .footer__card,\n :root .js-footer-card,\n :root .bg-clr--white {\n background-color: #24273a;\n border-color: #494d64;\n }\n :root .footer__text {\n color: #b8c0e0;\n }\n :root .tile--img__sub {\n color: #cad3f5 !important;\n }\n :root .metabar__dropdowns-wrap::after,\n :root .metabar__dropdowns-wrap::before {\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #24273a);\n }\n :root .text--primary,\n :root .tx-clr--dk,\n :root .tx-clr--slate {\n color: #cad3f5;\n }\n :root .module__title,\n :root .module--definitions__definition,\n :root .ia-module--definitions .module--definitions__synonym {\n color: #cad3f5;\n }\n :root .module__title .module--definitions__pronunciation,\n :root .module--definitions__part-of-speech,\n :root .module--definitions__usage,\n :root .module--definitions__attribution-text,\n :root .module__attribution,\n :root .module__attribution-link {\n color: #a5adcb !important;\n }\n :root .module--definitions__group ol li a.module--definitions__reference,\n :root .module--definitions__collapsed-group ol li a.module--definitions__reference,\n :root .module__toggle__chevron,\n :root .module__toggle__chevron--collapse {\n color: #b7bdf8;\n }\n :root .header__button--menu {\n background-color: #363a4f;\n color: #b8c0e0;\n }\n :root .H4K96pMGU5icP7hW3kIy {\n color: #cad3f5;\n }\n :root .zci,\n :root .metabar--fixed {\n background-color: #24273a !important;\n }\n :root .text--airline-flight,\n :root .tile__day,\n :root .text--title,\n :root .flight-details__values {\n color: #cad3f5 !important;\n }\n :root .progress__bar {\n background-color: #6e738d;\n }\n :root .text--title svg path {\n fill: #b7bdf8;\n }\n :root .zci--airlines hr {\n background-color: #494d64;\n }\n :root .scheduled-time {\n color: #6e738d !important;\n }\n :root .bg-clr--green {\n background-color: #a6da95;\n }\n :root .timing {\n color: #cad3f5;\n }\n :root .tile__status {\n color: #24273a !important;\n }\n :root .flight-details__labels,\n :root .airlines-footer,\n :root .source-link {\n color: #b8c0e0;\n }\n :root .related-searches__title-long {\n color: #cad3f5;\n }\n :root .is-related-search-exp,\n :root .related-searches__item {\n border-color: #363a4f;\n }\n :root .result__timestamp,\n :root .result__extras__sep,\n :root .OgdwYG6KE2qthn9XQWFC .MILR5XIVy9h75WrLvKiq {\n color: #a5adcb;\n }\n :root .dropdown__button:hover,\n :root .dropdown__button:focus,\n :root .dropdown__button:visited,\n :root .dropdown.is-open .dropdown__button,\n :root .modal__list__link,\n :root .tx-clr--slate-light {\n color: #cad3f5;\n }\n :root .modal--dropdown .modal__list__link.is-selected,\n :root .modal--dropdown .modal__list__link.is-selected:hover,\n :root .modal--dropdown .modal__list__link.is-selected:visited {\n color: #b7bdf8;\n }\n :root .js-custom-date-range,\n :root .modal__header__clear,\n :root .sep--before,\n :root .js-region-filter-clear {\n color: #b7bdf8 !important;\n }\n :root .modal__footer,\n :root .modal--dropdown--region.modal--popout .frm__input {\n background-color: #494d64 !important;\n border-top-color: #494d64 !important;\n }\n :root .modal__list__link:hover,\n :root .js-region-filter-link:hover,\n :root .modal--dropdown--region .modal__list__link.is-highlighted {\n background-color: #1e2030;\n }\n :root .modal__header,\n :root .modal__footer {\n border-color: #363a4f;\n }\n :root .frm__text,\n :root .frm__input {\n color: #cad3f5;\n background-color: #363a4f;\n border-color: #494d64;\n }\n :root .is-link-style-exp:not(.dark-header, .dark-bg) .modal--dropdown.modal--dropdown--license .modal__footer .modal__list__link {\n color: #8aadf4 !important;\n }\n :root .set-head__title {\n color: #cad3f5;\n }\n :root .set-tab.is-active {\n background-color: #1e2030 !important;\n color: #b7bdf8 !important;\n }\n :root .set-tab,\n :root .set-tab:visited {\n background-color: #363a4f;\n color: #cad3f5;\n }\n :root .cloudsave {\n background-color: #363a4f;\n }\n :root .cloudsave__title {\n color: #cad3f5;\n }\n :root .page-settings {\n color: #cad3f5 !important;\n }\n :root .settings-page-wrapper a:not(.btn, .set-tab) {\n color: #8aadf4 !important;\n }\n :root .btn,\n :root .button,\n :root .btn--icon,\n :root .btn--top,\n :root .header__button {\n background-color: #363a4f;\n color: #cad3f5;\n border-color: #494d64;\n }\n :root .frm__select {\n background-color: #363a4f;\n border-color: #363a4f !important;\n }\n :root .frm__select::after {\n color: #b7bdf8;\n }\n :root .btn--primary,\n :root .is-checked .frm__switch__label {\n color: #1e2030;\n }\n :root .frm__switch-off {\n color: #1e2030;\n }\n :root .set-main,\n :root .frm__desc {\n color: #a5adcb;\n }\n :root .frm__hr,\n :root .set-head {\n border-bottom-color: #5b6078;\n }\n :root .js-set-exit {\n background-color: #5b6078;\n }\n :root .js-set-exit:hover {\n background-color: #8aadf4;\n }\n :root .set-reset,\n :root .set-bookmarklet {\n border-color: #363a4f;\n }\n :root .module__title__link,\n :root .module__title__link:hover,\n :root .module__title__link:active,\n :root .module__title__link:visited,\n :root .js-about-item-abstr {\n color: #cad3f5;\n }\n :root .module__title__sub {\n color: #b8c0e0;\n }\n :root .module__more-at-bottom,\n :root .js-about-item-more-at-bottom {\n color: #8aadf4 !important;\n }\n :root .module__text pre {\n background-color: #363a4f;\n }\n :root .kwd {\n color: #c6a0f6;\n }\n :root .pun,\n :root .com {\n color: #cad3f5;\n }\n :root .str {\n color: #a6da95;\n }\n :root .w498IXAnug_2RwtqCtbA {\n color: #cad3f5;\n }\n :root .rlkiAscg7L8XDVmbOjmb,\n :root .rlkiAscg7L8XDVmbOjmb:hover {\n color: #8aadf4;\n }\n :root .user-loc-tile {\n background-color: #24273a;\n }\n :root .module__place-list,\n :root .js-places-multiple-list {\n background-color: #363a4f;\n }\n :root .place-list-item__title {\n color: #cad3f5;\n }\n :root .place-list-item:hover,\n :root .js-place-list-item:hover {\n background-color: #181926;\n }\n :root .review__count,\n :root .place-list-item__rating__count,\n :root .place-list-item__info__item {\n color: #a5adcb;\n }\n :root .place-detail__status--on {\n color: #b7bdf8;\n }\n :root .module__places-more__link--more-places,\n :root .js-places-multiple-expand {\n color: #8aadf4 !important;\n }\n :root .review__rating-stars,\n :root .place-list-item__rating__image {\n background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22none%22%20height%3D%2212%22%20viewBox%3D%220%200%2064%2012%22%20width%3D%2264%22%3E%3Cg%20clip-rule%3D%22evenodd%22%20fill%3D%22%23a6da95%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m12%206c0%203.31371-2.68629%206-6%206s-6-2.68629-6-6%202.68629-6%206-6%206%202.68629%206%206zm13%200c0%203.31371-2.6863%206-6%206s-6-2.68629-6-6%202.6863-6%206-6%206%202.68629%206%206zm7%206c3.3137%200%206-2.68629%206-6s-2.6863-6-6-6-6%202.68629-6%206%202.6863%206%206%206z%22/%3E%3Cpath%20d%3D%22m45%2012c3.3137%200%206-2.68629%206-6s-2.6863-6-6-6-6%202.68629-6%206%202.6863%206%206%206zm4.5-6c0%202.48528-2.0147%204.5-4.5%204.5v-9c2.4853%200%204.5%202.01472%204.5%204.5z%22/%3E%3Cpath%20d%3D%22m58%2012c3.3137%200%206-2.68629%206-6s-2.6863-6-6-6-6%202.68629-6%206%202.6863%206%206%206zm0-1.5c2.4853%200%204.5-2.01472%204.5-4.5s-2.0147-4.5-4.5-4.5-4.5%202.01472-4.5%204.5%202.0147%204.5%204.5%204.5z%22/%3E%3C/g%3E%3C/svg%3E\");\n }\n :root .header_headerWrapDesktop__B7AYN.header_hasSearchbox__WU0q5 .header_headerLeft__gTUAg .header_logoImg__PFezv {\n height: 0 !important;\n width: 0 !important;\n padding-left: 157px !important;\n padding-top: 44px !important;\n background: url(\"data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20viewBox%3D%220%200%20189%2053%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill%3D%22%23cad3f5%22%20d%3D%22M110.045%2024.224h-2.405l-4.378%204.502v-9.003h-1.85v15.354h1.85v-5.056l4.995%204.994.061.062h2.22v-.185l-5.611-5.55zm-11.898%208.223c-.679.678-1.666%201.048-2.775%201.048-1.912%200-3.824-1.172-3.824-3.885%200-2.281%201.604-3.885%203.824-3.885.986%200%201.911.37%202.651%201.049l.062.061%201.171-1.233-.061-.062C98.085%2024.492%2096.79%2024%2095.31%2024c-3.392%200-5.673%202.281-5.673%205.611%200%203.885%202.836%205.612%205.673%205.612h.062c1.48%200%202.898-.555%203.884-1.604l.062-.061-1.233-1.234zm-12.581-2.404c0%201.973-1.356%203.453-3.268%203.515-2.035%200-3.268-1.233-3.268-3.33v-5.981h-1.85v5.981c0%203.083%201.85%205.057%204.748%205.057h.062c1.418%200%202.713-.679%203.576-1.727l.062-.123.062%201.665h1.726V24.247h-1.85zM67.298%2019.66h-5.612v15.417h5.612c5.365%200%207.708-3.947%207.708-7.832%200-3.638-2.405-7.585-7.708-7.585zm5.796%207.524c0%202.96-1.788%205.92-5.735%205.92h-3.7V21.571h3.639c3.946%200%205.796%202.898%205.796%205.612zm96.018%201.17h4.748v3.577c-1.171.986-2.59%201.541-4.131%201.541-4.193%200-6.105-3.021-6.105-5.981%200-3.022%201.912-6.29%206.043-6.29%201.665%200%203.207.617%204.44%201.727l.062.061%201.11-1.295-.062-.061c-1.48-1.48-3.453-2.22-5.611-2.22-2.344%200-4.317.74-5.735%202.22-1.48%201.48-2.282%203.576-2.22%205.92%200%203.638%202.096%207.831%208.016%207.831h.124a7.716%207.716%200%200%200%205.796-2.59V26.69h-6.536v1.665zm-51.181-8.694h-5.612v15.417h5.612c5.365%200%207.708-3.947%207.708-7.832%200-3.638-2.405-7.584-7.708-7.584zm5.796%207.524c0%202.96-1.788%205.92-5.735%205.92h-3.638V21.572h3.638c3.885%200%205.735%202.898%205.735%205.612zm59.463-3.185c-3.269%200-5.612%202.405-5.612%205.673%200%203.268%202.343%205.611%205.612%205.611%203.268%200%205.673-2.343%205.673-5.611%200-3.33-2.343-5.673-5.673-5.673zm3.823%205.673c0%202.282-1.603%203.885-3.823%203.885-2.159%200-3.762-1.603-3.762-3.885%200-2.343%201.542-4.008%203.823-4.008%202.159.061%203.762%201.726%203.762%204.008zm-50.814.371c0%201.973-1.356%203.453-3.268%203.515-2.035%200-3.268-1.233-3.268-3.33v-5.981h-1.85v5.981c0%203.083%201.85%205.057%204.686%205.057h.062c1.418%200%202.713-.679%203.576-1.727l.062-.123.062%201.665h1.726V24.247h-1.85v5.796zm12.58%202.404c-.678.678-1.665%201.048-2.775%201.048-1.911%200-3.823-1.172-3.823-3.885%200-2.281%201.603-3.885%203.823-3.885.987%200%201.912.37%202.652%201.049l.062.061%201.171-1.233-.061-.062c-1.11-1.048-2.405-1.541-3.885-1.541-3.392%200-5.673%202.281-5.673%205.611%200%203.885%202.836%205.612%205.673%205.612h.061c1.48%200%202.899-.555%203.885-1.604l.062-.061-1.233-1.234zm11.899-8.223h-2.405l-4.378%204.502v-9.003h-1.85v15.354h1.85v-5.056l4.994%204.994.062.062h2.22v-.185l-5.611-5.55z%22/%3E%3Cpath%20fill%3D%22%23ed8796%22%20fill-rule%3D%22evenodd%22%20d%3D%22M26.5%2053C41.136%2053%2053%2041.136%2053%2026.5S41.136%200%2026.5%200%200%2011.864%200%2026.5%2011.864%2053%2026.5%2053z%22%20clip-rule%3D%22evenodd%22/%3E%3Cpath%20fill%3D%22%23939ab7%22%20fill-rule%3D%22evenodd%22%20d%3D%22M30.227%2046.272c0-.207.05-.255-.608-1.566-1.749-3.503-3.507-8.44-2.707-11.625.146-.579-1.648-21.425-2.915-22.097-1.41-.75-3.143-1.942-4.728-2.207-.805-.128-1.86-.067-2.684.044-.147.02-.153.283-.013.33.542.184%201.2.502%201.587.984.073.09-.026.234-.142.239-.366.013-1.028.166-1.902.908-.101.086-.017.246.113.22%201.878-.372%203.797-.189%204.927.84.073.066.035.185-.06.211-9.811%202.667-7.87%2011.2-5.257%2021.674%202.213%208.875%203.113%2012.028%203.433%2013.103a.606.606%200%200%200%20.366.398c3.438%201.29%2010.59%201.316%2010.59-.939z%22%20clip-rule%3D%22evenodd%22/%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M31.572%2048.238c-1.19.466-3.52.673-4.865.673-1.973%200-4.814-.31-5.849-.776-.639-1.968-2.552-8.066-4.442-15.811-.061-.254-.123-.506-.185-.757l-.001-.006c-2.246-9.174-4.08-16.667%205.974-19.021.091-.022.136-.131.076-.204-1.154-1.368-3.315-1.817-6.048-.874-.112.039-.209-.074-.14-.17.536-.739%201.584-1.307%202.1-1.556.107-.051.101-.208-.012-.243a11.54%2011.54%200%200%200-1.562-.372c-.153-.025-.167-.288-.013-.309%203.874-.52%207.92.642%209.95%203.2.018.024.046.04.076.047%207.434%201.596%207.966%2013.347%207.11%2013.882-.17.106-.71.045-1.424-.035-2.893-.323-8.62-.964-3.893%207.846.047.087-.015.202-.113.217-2.665.415.75%208.767%203.261%2014.27z%22/%3E%3Cpath%20fill%3D%22%233ca82b%22%20d%3D%22M34.897%2037.555c-.566-.263-2.742%201.298-4.186%202.496-.302-.427-.87-.738-2.154-.515-1.124.196-1.744.467-2.021.934-1.773-.672-4.757-1.71-5.478-.708-.787%201.095.197%206.277%201.244%206.95.546.351%203.16-1.328%204.524-2.487.22.31.575.488%201.303.471%201.102-.025%202.89-.282%203.167-.795a.569.569%200%200%200%20.044-.11c1.403.524%203.871%201.08%204.423.996%201.437-.216-.2-6.924-.866-7.232z%22/%3E%3Cpath%20fill%3D%22%23a6da95%22%20d%3D%22M30.844%2040.204c.06.106.107.218.148.332.2.56.525%202.338.28%202.778-.247.439-1.847.651-2.835.668s-1.209-.344-1.409-.903c-.16-.447-.238-1.5-.237-2.101-.04-.894.286-1.208%201.795-1.452%201.116-.18%201.707.03%202.047.39%201.585-1.184%204.23-2.853%204.488-2.548%201.286%201.521%201.448%205.143%201.17%206.6-.091.476-4.35-.472-4.35-.986%200-2.133-.553-2.718-1.097-2.778zm-9.329-.666c.349-.552%203.177.135%204.73.825%200%200-.32%201.446.189%203.149.148.498-3.572%202.715-4.058%202.334-.561-.441-1.594-5.148-.861-6.308z%22/%3E%3Cpath%20fill%3D%22%23eed49f%22%20fill-rule%3D%22evenodd%22%20d%3D%22M22.885%2028.325c.228-.995%201.295-2.87%205.101-2.825%201.925-.008%204.315-.001%205.9-.181a21.212%2021.212%200%200%200%205.27-1.282c1.648-.628%202.233-.488%202.438-.112.225.413-.04%201.127-.616%201.784-1.1%201.255-3.077%202.228-6.57%202.516s-5.805-.648-6.8.877c-.43.658-.098%202.208%203.279%202.696%204.563.659%208.311-.793%208.774.084.463.877-2.204%202.661-6.775%202.698-4.57.038-7.426-1.6-8.438-2.414-1.285-1.033-1.86-2.539-1.563-3.841z%22%20clip-rule%3D%22evenodd%22/%3E%3Cg%20fill%3D%22%23181926%22%20opacity%3D%22.8%22%3E%3Cpath%20d%3D%22M28.706%2017.443c.255-.417.82-.74%201.745-.74s1.36.369%201.662.78c.061.083-.032.181-.127.14l-.07-.03c-.338-.148-.753-.33-1.465-.34-.761-.01-1.241.18-1.544.344-.101.056-.262-.055-.201-.154zm-10.416.534c.898-.375%201.604-.327%202.103-.208.105.024.178-.089.094-.156-.387-.313-1.254-.7-2.385-.28-1.01.377-1.485%201.159-1.487%201.672-.001.122.248.132.312.03.174-.278.464-.682%201.362-1.058z%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M31.237%2023.154c-.794%200-1.438-.642-1.438-1.433s.644-1.433%201.438-1.433c.794%200%201.438.642%201.438%201.433s-.644%201.433-1.438%201.433zm1.013-1.908a.372.372%200%200%200-.745%200%20.372.372%200%200%200%20.745%200zm-10.544%201.467c0%20.923-.75%201.671-1.676%201.671a1.675%201.675%200%200%201-1.677-1.67c0-.924.752-1.672%201.677-1.672.924%200%201.676.748%201.676%201.671zm-.494-.554a.434.434%200%201%200-.867.002.434.434%200%200%200%20.867-.002z%22%20clip-rule%3D%22evenodd%22/%3E%3C/g%3E%3Cpath%20fill%3D%22%23cad3f5%22%20fill-rule%3D%22evenodd%22%20d%3D%22M26.5%2048.756c12.292%200%2022.256-9.964%2022.256-22.256S38.792%204.244%2026.5%204.244%204.244%2014.208%204.244%2026.5%2014.208%2048.756%2026.5%2048.756zm0%202.07c13.435%200%2024.326-10.891%2024.326-24.326S39.935%202.174%2026.5%202.174%202.174%2013.065%202.174%2026.5%2013.065%2050.826%2026.5%2050.826z%22%20clip-rule%3D%22evenodd%22/%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M26.497%2048.438c12.118%200%2021.941-9.823%2021.941-21.94S38.615%204.555%2026.498%204.555%204.555%2014.38%204.555%2026.497s9.824%2021.941%2021.941%2021.941zm24.292-21.94c0%2013.415-10.876%2024.29-24.292%2024.29S2.206%2039.914%202.206%2026.499%2013.08%202.205%2026.497%202.205%2050.79%2013.08%2050.79%2026.497z%22%20clip-rule%3D%22evenodd%22/%3E%3C/svg%3E\") no-repeat !important;\n }\n :root .header_logoText__rodFL,\n :root .header_logoText__rodFL a,\n :root .header_logoText__rodFL svg {\n color: #cad3f5;\n }\n :root .legacy-homepage_root__Rz_nu,\n :root .browser-comparison-table_table__PW0Eh {\n background-color: #24273a;\n border-color: #363a4f !important;\n }\n :root .legacy-homepage-variants_batch11__4DFlQ,\n :root .legacy-homepage-variants_isNarrowTitle__sWwHT,\n :root .heading_heading6__hJig2,\n :root .heading_heading__IiMSV,\n :root .heading_responsive__oZpJJ,\n :root .legacy-homepage-variants_batch9__ee1Lg .legacy-homepage-variants_ctaCards__N1DiD,\n :root .legacy-homepage-variants_scrollCta__hNjqv,\n :root .legacy-homepage-variants_socialProof__Z9Cdn,\n :root .legacy-homepage-variants_title__p1_T_,\n :root .browser-comparison-table_badge___MMhl.browser-comparison-table_default__g5xw8 span,\n :root .featureCards_root__brAX3,\n :root .footer_footerHeading__CTbCv,\n :root .flameSection_flameSectionHeading__czcuu {\n color: #cad3f5;\n }\n :root .legacy-homepage_ctaSection__5siuM .legacy-homepage_socialProof__a_Gvg {\n color: #6e738d;\n }\n :root .howItWorksSection_downloadsCard__U3Ph9,\n :root .card_card__afbUo,\n :root .card_elevation50__HbWMO,\n :root .card_radiusMd__NotZS,\n :root .flameSection_bottomCtaBox__juoxn,\n :root .accordion_accordionHeader__C77Sy {\n background-color: #363a4f;\n }\n :root .accordion_accordionContent__fzXEY {\n background-color: #494d64;\n color: #cad3f5;\n }\n :root .text_text-sm__23qqs,\n :root .text_text__q9rvO,\n :root .text_responsive__9czhp {\n color: #cad3f5;\n }\n :root .howItWorksDetails_sectionTitle__E9IMg {\n color: #a5adcb;\n }\n :root .badge_yellow__mD6dA {\n background-color: #eed49f;\n color: #1e2030;\n }\n :root .heading_heading1__Zrd_9 .heading_responsive__oZpJJ {\n color: #1e2030 !important;\n }\n :root .legacy-homepage-variants_controlVariant__bOUc8 .legacy-homepage-variants_belowTheFoldWrapper__7_DL2,\n :root .legacy-homepage-variants_controlVariant__bOUc8 .legacy-homepage-variants_belowTheFold__b5i_x,\n :root .legacy-homepage-variants_controlVariant__bOUc8 .legacy-homepage-variants_flameSection__EOpfq,\n :root .flameSection_footer__XhC99,\n :root .container_root__Lmrbx,\n :root .container_responsive__IDWnv {\n background-color: #24273a;\n }\n :root .button_tertiary__blDIi,\n :root .flameSection_pressQuoteIcon__Hqf6Q {\n color: #b7bdf8;\n border-color: #8aadf4;\n }\n :root .learnMoreButton_learnMoreButton__B-10PJu {\n color: #8aadf4;\n }\n :root .button_primary__e2_Sy {\n background-color: #8aadf4 !important;\n color: #cad3f5;\n }\n :root .accordion_accordionTrigger__WmvuX:hover {\n background-color: #1e2030;\n }\n :root .downloadBrowserButton_button__nFe_k.downloadBrowserButton_primary__gdn0t svg {\n color: #24273a;\n }\n :root .cta-cards_green__HCBmC .cta-cards_badge__Axy2u,\n :root .badge_green__1CawN {\n background-color: #a6da95;\n }\n :root .cta-cards_badgeCorner__dEhy6,\n :root .browser-comparison-table_checkIcon__AmF8a {\n color: #a6da95;\n }\n :root .browser-comparison-table_crossIcon____V5O {\n color: #ed8796;\n }\n :root .cta-cards_badgeText__Wtp2T,\n :root .badge_badgeText__5G5RV {\n color: #1e2030;\n }\n :root .cta-cards_card__CJnue,\n :root .badge_gray__TzSXI,\n :root .browser-comparison-table_table__PW0Eh tbody tr:nth-child(odd) {\n background-color: #494d64;\n }\n :root .browser-comparison-table_table__PW0Eh tbody tr:nth-child(even) {\n background-color: #363a4f;\n }\n :root .footer_footerLink__SlwES,\n :root .footer_footerBottom__4_pB4,\n :root .footer_footerBottom__4_pB4 a,\n :root .footer_footerBottom__4_pB4 a:visited {\n color: #8aadf4;\n }\n :root .cta-cards_setAsDefaultButton__sd5FF,\n :root .cta-cards_tertiary__jX1qI {\n border-color: #8aadf4;\n }\n :root .user-loc-tooltip {\n background-color: #24273a;\n border-color: #363a4f;\n }\n :root .user-loc-tooltip__triangle-inner {\n border-bottom-color: #24273a;\n }\n :root .user-loc-tooltip__triangle-outer {\n border-bottom-color: #363a4f;\n }\n :root .user-loc-tooltip__title,\n :root .user-loc-tooltip__subtitle,\n :root .user-loc-tooltip__error-fix {\n color: #cad3f5;\n }\n :root .user-loc-tooltip__error-fix li::before {\n color: #a5adcb;\n }\n :root .is-link-style-exp:not(.dark-header, .dark-bg),\n :root .user-loc-link,\n :root .user-loc-tooltip__link,\n :root .accordion_accordionContent__fzXEY a {\n color: #8aadf4 !important;\n }\n :root .btn--primary:not(.is-disabled) {\n background-color: #8aadf4 !important;\n border-color: #8aadf4 !important;\n }\n :root .k0dqcyn_SZAmh1pFFuQ5,\n :root .ds1w04wA2KNmfx2PU4CA {\n color: #b7bdf8;\n }\n :root .ffON2NH02oMAcqyoh2UU,\n :root .Ee2e63EzQ9F3xq9wsGDY,\n :root .aSBdOftk9efiVV8GwLLE,\n :root .MzDWkY1lmg2n9VGThORi {\n color: #cad3f5;\n }\n :root .rlDhiY437bCQGjsZZ0CL,\n :root .ffON2NH02oMAcqyoh2UU,\n :root .vcOFkrrvuSYp7xsAur2Y,\n :root .sz280YLkLemh3mLtestR {\n color: #b7bdf8;\n background-color: #363a4f;\n }\n :root .Cwg3TAWR68fVkDBMYLUZ,\n :root .EwBVRZ62P2JekkbusBsm {\n color: #cad3f5;\n }\n :root .JhFQAeU7IMxZaS7jCOQm,\n :root .Bl3t3iYRHX9BeMH_V52u {\n color: #8aadf4 !important;\n }\n :root .ighRT8XtMY1IQqf0wCFy {\n color: #cad3f5;\n }\n :root .tV0DEo5a5LUrl8Piw6Ao {\n background-color: #363a4f !important;\n border-color: #494d64 !important;\n }\n :root .ddgsi {\n color: #b7bdf8;\n }\n :root .Rn_JXVtoPVAFyGkcaXyK .Wo6ZAEmESLNUuWBkbMxx,\n :root .Wo6ZAEmESLNUuWBkbMxx:active,\n :root .Wo6ZAEmESLNUuWBkbMxx:focus .Wo6ZAEmESLNUuWBkbMxx:hover,\n :root .Wo6ZAEmESLNUuWBkbMxx:visited {\n color: #b8c0e0;\n }\n :root .zci--type--tiles:not(.is-fallback).is-full-page.is-expanded {\n background-color: #24273a;\n }\n :root .tile,\n :root .tile--s,\n :root .tile--info {\n background-color: #363a4f;\n border-color: #5b6078;\n }\n :root .result__snippet,\n :root .result__extras__url,\n :root .result__url {\n color: #cad3f5 !important;\n }\n :root .result__snippet b,\n :root .result__snippet strong {\n color: #cad3f5;\n }\n :root .result__a {\n color: #8aadf4 !important;\n }\n :root .tile__title,\n :root .tile__count {\n color: #cad3f5;\n }\n :root .zci {\n color: #cad3f5;\n }\n :root .module--carousel__footer,\n :root .has-relative-time {\n color: #cad3f5 !important;\n }\n :root .js-carousel-module-title,\n :root .module__header,\n :root .module__header--link {\n color: #cad3f5 !important;\n }\n :root .dropdown__switch,\n :root .switch,\n :root .js-region-filter-switch.is-on {\n background-color: #b7bdf8 !important;\n border-color: #b7bdf8 !important;\n }\n :root .dropdown__button {\n color: #a5adcb;\n }\n :root .dropdown--region.has-inactive-region .dropdown__button {\n color: #a5adcb !important;\n }\n :root .dropdown.is-active .dropdown__button {\n color: #cad3f5;\n }\n :root .tile__title a:visited {\n color: #c6a0f6;\n }\n :root .dropdown__switch.is-on::before {\n color: #24273a;\n }\n :root .switch__knob {\n background-color: #363a4f;\n }\n :root .no-touch,\n :root .zcm__item.is-open,\n :root .zcm__link {\n color: #cad3f5 !important;\n }\n :root .modal__body {\n background-color: #363a4f;\n }\n :root .settings-dropdown--header--label {\n color: #cad3f5;\n }\n :root .settings-dropdown--header--link,\n :root .js-settings-dropdown-reset-appearance {\n color: #8aadf4 !important;\n }\n :root .frm__label {\n color: #cad3f5;\n }\n :root .frm__select__input,\n :root .js-set-input {\n color: #cad3f5;\n }\n :root .frm__switch__label {\n background-color: #b7bdf8 !important;\n border-color: #b7bdf8 !important;\n }\n :root .modal--dropdown--settings .settings-dropdown--section .frm__field .frm__switch .frm__switch__label.btn::after {\n background-color: #24273a !important;\n border-bottom-color: #6e738d !important;\n }\n :root .modal__box {\n border-color: #494d64 !important;\n }\n :root .modal--dropdown--settings,\n :root .settings-dropdown--section {\n border-bottom-color: #5b6078;\n }\n :root .set-theme__check,\n :root .dgsi,\n :root .ddgsi-check {\n background-color: #b7bdf8 !important;\n border-color: #b7bdf8 !important;\n }\n :root .set-themes,\n :root .set-theme.is-checked,\n :root .set-theme__check {\n color: #24273a !important;\n }\n :root .settings-dropdown--button {\n color: #8aadf4 !important;\n }\n :root .is-vertical-tabs-exp,\n :root #duckbar,\n :root .zcm__link:not(.dropdown__button).is-active {\n color: #b7bdf8 !important;\n border-color: #b7bdf8 !important;\n }\n :root .no-results__link,\n :root .js-no-results-web {\n color: #8aadf4 !important;\n }\n :root .oaxCunrdbQs3WQDCq3Ls {\n color: #cad3f5;\n }\n :root .KoEJ3YBbjXKVOE1bc2RA {\n color: #cad3f5 !important;\n }\n :root .f3uDrYrWF3Exrfp1m3Og {\n color: #8aadf4;\n }\n :root .f3uDrYrWF3Exrfp1m3Og:visited {\n color: #c6a0f6;\n }\n :root .feedback-btn__send,\n :root .js-feedback-start {\n background-color: #363a4f;\n color: #cad3f5;\n }\n :root .search__input,\n :root .search__input--adv {\n color: #cad3f5;\n }\n }",
+ "start": 1317,
+ "domains": [
+ "duckduckgo.com"
+ ]
+ }
+ ],
+ "sourceCode": "/* ==UserStyle==\n@name DuckDuckGo Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/duckduckgo\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/duckduckgo\n@version 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/duckduckgo/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aduckduckgo\n@description Soothing pastel theme for DuckDuckGo\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/* For help with URL rules, please see https://github.com/openstyles/stylus/wiki/Writing-styles#valid--moz-document-rules. */\n@-moz-document domain(duckduckgo.com) {\n /* prettier-ignore */\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\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 .eVNpHGjtxRBq_gLOfGDr,\n .LQNqh2U1kzYxREs65IJu {\n color: @blue;\n }\n\n .acp-wrap {\n background-color: @surface0;\n }\n .acp {\n color: @text;\n }\n .acp--highlight {\n background-color: @overlay0 !important;\n }\n .search__autocomplete {\n border-color: @surface1;\n }\n\n body {\n background-color: @base;\n }\n\n .footer {\n background-color: @base;\n border-top-color: @surface0;\n }\n\n .search--header {\n background-color: @surface0;\n }\n .search__clear {\n color: @accent-color;\n }\n .search__button,\n .js-search-button {\n background-color: @accent-color !important;\n color: @mantle;\n }\n\n .is-vertical-tabs-exp,\n .header-wrap {\n background-color: @mantle;\n }\n\n .module--carousel__body__title {\n color: @blue !important;\n }\n .js-carousel-module-more,\n .module__footer {\n color: @blue !important;\n border-color: @surface0 !important;\n }\n .feedback-prompt,\n .feedback-prompt__link,\n .js-feedback-prompt-yes,\n .js-feedback-prompt-no {\n color: @text;\n }\n\n .zcm__link,\n .js-zci-link {\n color: @text;\n }\n\n .js-zci-link--web.is-active {\n color: @accent-color !important;\n border-color: @accent-color !important;\n }\n\n .OgdwYG6KE2qthn9XQWFC {\n color: @text !important;\n }\n .module--carousel__left,\n .module--carousel__right {\n background-color: @mantle;\n color: @accent-color;\n }\n .O9Ipab51rBntYb0pwOQn {\n background-color: @surface0;\n border-color: @surface2;\n }\n\n .footer__card,\n .js-footer-card,\n .bg-clr--white {\n background-color: @base;\n border-color: @surface1;\n }\n\n .footer__text {\n color: @subtext1;\n }\n\n .tile--img__sub {\n color: @text !important;\n }\n\n .metabar__dropdowns-wrap::after,\n .metabar__dropdowns-wrap::before {\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), @base);\n }\n\n .text--primary,\n .tx-clr--dk,\n .tx-clr--slate {\n color: @text;\n } // quick info box\n .module__title,\n .module--definitions__definition,\n .ia-module--definitions .module--definitions__synonym {\n color: @text;\n }\n\n .module__title .module--definitions__pronunciation,\n .module--definitions__part-of-speech,\n .module--definitions__usage,\n .module--definitions__attribution-text,\n .module__attribution,\n .module__attribution-link {\n color: @subtext0 !important;\n }\n\n .module--definitions__group ol li a.module--definitions__reference,\n .module--definitions__collapsed-group\n ol\n li\n a.module--definitions__reference,\n .module__toggle__chevron,\n .module__toggle__chevron--collapse {\n color: @accent-color;\n } //header\n .header__button--menu {\n background-color: @surface0;\n color: @subtext1;\n } //right side info box\n .H4K96pMGU5icP7hW3kIy {\n color: @text;\n }\n\n // airline info\n .zci,\n .metabar--fixed {\n background-color: @base !important;\n }\n\n .text--airline-flight,\n .tile__day,\n .text--title,\n .flight-details__values {\n color: @text !important;\n }\n\n .progress__bar {\n background-color: @overlay0;\n }\n\n .text--title svg path {\n fill: @accent-color;\n }\n\n .zci--airlines hr {\n background-color: @surface1;\n }\n .scheduled-time {\n color: @overlay0 !important;\n }\n\n .bg-clr--green {\n background-color: @green;\n }\n .timing {\n color: @text;\n }\n\n .tile__status {\n color: @base !important;\n }\n\n .flight-details__labels,\n .airlines-footer,\n .source-link {\n color: @subtext1;\n }\n\n // related searches\n .related-searches__title-long {\n color: @text;\n }\n .is-related-search-exp,\n .related-searches__item {\n border-color: @surface0;\n } //result date text\n .result__timestamp,\n .result__extras__sep,\n .OgdwYG6KE2qthn9XQWFC .MILR5XIVy9h75WrLvKiq {\n color: @subtext0;\n } // dropdown boxes\n .dropdown__button:hover,\n .dropdown__button:focus,\n .dropdown__button:visited,\n .dropdown.is-open .dropdown__button,\n .modal__list__link,\n .tx-clr--slate-light {\n color: @text;\n }\n\n .modal--dropdown .modal__list__link.is-selected,\n .modal--dropdown .modal__list__link.is-selected:hover,\n .modal--dropdown .modal__list__link.is-selected:visited {\n color: @accent-color;\n }\n\n .js-custom-date-range,\n .modal__header__clear,\n .sep--before,\n .js-region-filter-clear {\n color: @accent-color !important;\n }\n\n .modal__footer,\n .modal--dropdown--region.modal--popout .frm__input {\n background-color: @surface1 !important;\n border-top-color: @surface1 !important;\n }\n\n .modal__list__link:hover,\n .js-region-filter-link:hover,\n .modal--dropdown--region .modal__list__link.is-highlighted {\n background-color: @mantle;\n }\n\n .modal__header,\n .modal__footer {\n border-color: @surface0;\n }\n\n .frm__text,\n .frm__input {\n color: @text;\n background-color: @surface0;\n border-color: @surface1;\n }\n .is-link-style-exp:not(.dark-header, .dark-bg)\n .modal--dropdown.modal--dropdown--license\n .modal__footer\n .modal__list__link {\n color: @blue !important;\n } // settings page\n .set-head__title {\n color: @text;\n }\n\n .set-tab.is-active {\n background-color: @mantle !important;\n color: @accent-color !important;\n }\n\n .set-tab,\n .set-tab:visited {\n background-color: @surface0;\n color: @text;\n }\n\n .cloudsave {\n background-color: @surface0;\n }\n\n .cloudsave__title {\n color: @text;\n }\n\n .page-settings {\n color: @text !important;\n }\n\n .settings-page-wrapper a:not(.btn, .set-tab) {\n color: @blue !important;\n }\n\n .btn,\n .button,\n .btn--icon,\n .btn--top,\n .header__button {\n background-color: @surface0;\n color: @text;\n border-color: @surface1;\n }\n\n .frm__select {\n background-color: @surface0;\n border-color: @surface0 !important;\n }\n .frm__select::after {\n color: @accent-color;\n }\n\n .btn--primary,\n .is-checked .frm__switch__label {\n color: @mantle;\n }\n\n .frm__switch-off {\n color: @mantle;\n }\n\n .set-main,\n .frm__desc {\n color: @subtext0;\n }\n\n .frm__hr,\n .set-head {\n border-bottom-color: @surface2;\n }\n\n .js-set-exit {\n background-color: @surface2;\n }\n\n .js-set-exit:hover {\n background-color: @blue;\n }\n\n .set-reset,\n .set-bookmarklet {\n border-color: @surface0;\n } //\n //right side info box for code related things\n .module__title__link,\n .module__title__link:hover,\n .module__title__link:active,\n .module__title__link:visited,\n .js-about-item-abstr {\n color: @text;\n }\n\n .module__title__sub {\n color: @subtext1;\n }\n\n .module__more-at-bottom,\n .js-about-item-more-at-bottom {\n color: @blue !important;\n } //\n //codeblock\n .module__text pre {\n background-color: @surface0;\n }\n .kwd {\n color: @mauve;\n }\n .pun,\n .com {\n color: @text;\n }\n\n .str {\n color: @green;\n } //\n // spelling\n .w498IXAnug_2RwtqCtbA {\n color: @text;\n }\n .rlkiAscg7L8XDVmbOjmb,\n .rlkiAscg7L8XDVmbOjmb:hover {\n color: @blue;\n }\n\n //map thingy\n .user-loc-tile {\n background-color: @base;\n }\n\n .module__place-list,\n .js-places-multiple-list {\n background-color: @surface0;\n }\n\n .place-list-item__title {\n color: @text;\n }\n\n .place-list-item:hover,\n .js-place-list-item:hover {\n background-color: @crust;\n }\n\n .review__count,\n .place-list-item__rating__count,\n .place-list-item__info__item {\n color: @subtext0;\n }\n\n .place-detail__status--on {\n color: @accent-color;\n }\n\n .module__places-more__link--more-places,\n .js-places-multiple-expand {\n color: @blue !important;\n }\n\n .review__rating-stars,\n .place-list-item__rating__image {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n // ddg header logo\n .header_headerWrapDesktop__B7AYN.header_hasSearchbox__WU0q5\n .header_headerLeft__gTUAg\n .header_logoImg__PFezv {\n @svg: escape(\n ''\n );\n height: 0 !important;\n width: 0 !important;\n padding-left: 157px !important;\n padding-top: 44px !important;\n background: url(\"data:image/svg+xml,@{svg}\") no-repeat !important;\n }\n\n .header_logoText__rodFL,\n .header_logoText__rodFL a,\n .header_logoText__rodFL svg {\n color: @text;\n }\n\n // home page\n .legacy-homepage_root__Rz_nu,\n .browser-comparison-table_table__PW0Eh {\n background-color: @base;\n border-color: @surface0 !important;\n }\n\n .legacy-homepage-variants_batch11__4DFlQ,\n .legacy-homepage-variants_isNarrowTitle__sWwHT,\n .heading_heading6__hJig2,\n .heading_heading__IiMSV,\n .heading_responsive__oZpJJ,\n .legacy-homepage-variants_batch9__ee1Lg\n .legacy-homepage-variants_ctaCards__N1DiD,\n .legacy-homepage-variants_scrollCta__hNjqv,\n .legacy-homepage-variants_socialProof__Z9Cdn,\n .legacy-homepage-variants_title__p1_T_,\n .browser-comparison-table_badge___MMhl.browser-comparison-table_default__g5xw8\n span,\n .featureCards_root__brAX3,\n .footer_footerHeading__CTbCv,\n .flameSection_flameSectionHeading__czcuu {\n color: @text;\n }\n\n .legacy-homepage_ctaSection__5siuM .legacy-homepage_socialProof__a_Gvg {\n color: @overlay0;\n }\n\n .howItWorksSection_downloadsCard__U3Ph9,\n .card_card__afbUo,\n .card_elevation50__HbWMO,\n .card_radiusMd__NotZS,\n .flameSection_bottomCtaBox__juoxn,\n .accordion_accordionHeader__C77Sy {\n background-color: @surface0;\n }\n\n .accordion_accordionContent__fzXEY {\n background-color: @surface1;\n color: @text;\n }\n\n .text_text-sm__23qqs,\n .text_text__q9rvO,\n .text_responsive__9czhp {\n color: @text;\n }\n\n .howItWorksDetails_sectionTitle__E9IMg {\n color: @subtext0;\n }\n\n .badge_yellow__mD6dA {\n background-color: @yellow;\n color: @mantle;\n }\n .heading_heading1__Zrd_9 .heading_responsive__oZpJJ {\n color: @mantle !important;\n }\n\n .legacy-homepage-variants_controlVariant__bOUc8\n .legacy-homepage-variants_belowTheFoldWrapper__7_DL2,\n .legacy-homepage-variants_controlVariant__bOUc8\n .legacy-homepage-variants_belowTheFold__b5i_x,\n .legacy-homepage-variants_controlVariant__bOUc8\n .legacy-homepage-variants_flameSection__EOpfq,\n .flameSection_footer__XhC99,\n .container_root__Lmrbx,\n .container_responsive__IDWnv {\n background-color: @base;\n }\n .button_tertiary__blDIi,\n .flameSection_pressQuoteIcon__Hqf6Q {\n color: @accent-color;\n border-color: @blue;\n }\n\n .learnMoreButton_learnMoreButton__B-10PJu {\n color: @blue;\n }\n\n .button_primary__e2_Sy {\n background-color: @blue !important;\n color: @text;\n }\n\n .accordion_accordionTrigger__WmvuX:hover {\n background-color: @mantle;\n }\n\n .downloadBrowserButton_button__nFe_k.downloadBrowserButton_primary__gdn0t\n svg {\n color: @base;\n }\n\n .cta-cards_green__HCBmC .cta-cards_badge__Axy2u,\n .badge_green__1CawN {\n background-color: @green;\n }\n\n .cta-cards_badgeCorner__dEhy6,\n .browser-comparison-table_checkIcon__AmF8a {\n color: @green;\n }\n\n .browser-comparison-table_crossIcon____V5O {\n color: @red;\n }\n\n .cta-cards_badgeText__Wtp2T,\n .badge_badgeText__5G5RV {\n color: @mantle;\n }\n\n .cta-cards_card__CJnue,\n .badge_gray__TzSXI,\n .browser-comparison-table_table__PW0Eh tbody tr:nth-child(odd) {\n background-color: @surface1;\n }\n\n .browser-comparison-table_table__PW0Eh tbody tr:nth-child(even) {\n background-color: @surface0;\n }\n\n .footer_footerLink__SlwES,\n .footer_footerBottom__4_pB4,\n .footer_footerBottom__4_pB4 a,\n .footer_footerBottom__4_pB4 a:visited {\n color: @blue;\n }\n .cta-cards_setAsDefaultButton__sd5FF,\n .cta-cards_tertiary__jX1qI {\n border-color: @blue;\n }\n\n // enable location?\n .user-loc-tooltip {\n background-color: @base;\n border-color: @surface0;\n }\n\n .user-loc-tooltip__triangle-inner {\n border-bottom-color: @base;\n }\n\n .user-loc-tooltip__triangle-outer {\n border-bottom-color: @surface0;\n }\n\n .user-loc-tooltip__title,\n .user-loc-tooltip__subtitle,\n .user-loc-tooltip__error-fix {\n color: @text;\n }\n\n .user-loc-tooltip__error-fix li::before {\n color: @subtext0;\n }\n\n .is-link-style-exp:not(.dark-header, .dark-bg),\n .user-loc-link,\n .user-loc-tooltip__link,\n .accordion_accordionContent__fzXEY a {\n color: @blue !important;\n }\n\n .btn--primary:not(.is-disabled) {\n background-color: @blue !important;\n border-color: @blue !important;\n }\n\n .k0dqcyn_SZAmh1pFFuQ5,\n .ds1w04wA2KNmfx2PU4CA {\n color: @accent-color;\n }\n\n .ffON2NH02oMAcqyoh2UU,\n .Ee2e63EzQ9F3xq9wsGDY,\n .aSBdOftk9efiVV8GwLLE,\n .MzDWkY1lmg2n9VGThORi {\n color: @text;\n }\n\n .rlDhiY437bCQGjsZZ0CL,\n .ffON2NH02oMAcqyoh2UU,\n .vcOFkrrvuSYp7xsAur2Y,\n .sz280YLkLemh3mLtestR {\n color: @accent-color;\n background-color: @surface0;\n }\n .Cwg3TAWR68fVkDBMYLUZ,\n .EwBVRZ62P2JekkbusBsm {\n color: @text;\n }\n .JhFQAeU7IMxZaS7jCOQm,\n .Bl3t3iYRHX9BeMH_V52u {\n color: @blue !important;\n }\n .ighRT8XtMY1IQqf0wCFy {\n color: @text;\n }\n .tV0DEo5a5LUrl8Piw6Ao {\n background-color: @surface0 !important;\n border-color: @surface1 !important;\n }\n .ddgsi {\n color: @accent-color;\n }\n\n .Rn_JXVtoPVAFyGkcaXyK .Wo6ZAEmESLNUuWBkbMxx,\n .Wo6ZAEmESLNUuWBkbMxx:active,\n .Wo6ZAEmESLNUuWBkbMxx:focus .Wo6ZAEmESLNUuWBkbMxx:hover,\n .Wo6ZAEmESLNUuWBkbMxx:visited {\n color: @subtext1;\n }\n .zci--type--tiles:not(.is-fallback).is-full-page.is-expanded {\n background-color: @base;\n }\n .tile,\n .tile--s,\n .tile--info {\n background-color: @surface0;\n border-color: @surface2;\n }\n .result__snippet,\n .result__extras__url,\n .result__url {\n color: @text !important;\n }\n .result__snippet b,\n .result__snippet strong {\n color: @text;\n }\n .result__a {\n color: @blue !important;\n }\n\n .tile__title,\n .tile__count {\n color: @text;\n }\n .zci {\n color: @text;\n }\n\n .module--carousel__footer,\n .has-relative-time {\n color: @text !important;\n }\n\n .js-carousel-module-title,\n .module__header,\n .module__header--link {\n color: @text !important;\n }\n\n .dropdown__switch,\n .switch,\n .js-region-filter-switch.is-on {\n background-color: @accent-color !important;\n border-color: @accent-color !important;\n }\n\n .dropdown__button {\n color: @subtext0;\n }\n .dropdown--region.has-inactive-region .dropdown__button {\n color: @subtext0 !important;\n }\n\n .dropdown.is-active .dropdown__button {\n color: @text;\n }\n\n .tile__title a:visited {\n color: @mauve;\n }\n\n .dropdown__switch.is-on::before {\n color: @base;\n }\n .switch__knob {\n background-color: @surface0;\n }\n .no-touch,\n .zcm__item.is-open,\n .zcm__link {\n color: @text !important;\n }\n\n .modal__body {\n background-color: @surface0;\n }\n\n .settings-dropdown--header--label {\n color: @text;\n }\n\n .settings-dropdown--header--link,\n .js-settings-dropdown-reset-appearance {\n color: @blue !important;\n }\n\n .frm__label {\n color: @text;\n }\n\n .frm__select__input,\n .js-set-input {\n color: @text;\n }\n .frm__switch__label {\n background-color: @accent-color !important;\n border-color: @accent-color !important;\n }\n\n .modal--dropdown--settings\n .settings-dropdown--section\n .frm__field\n .frm__switch\n .frm__switch__label.btn::after {\n background-color: @base !important;\n border-bottom-color: @overlay0 !important;\n }\n\n .modal__box {\n border-color: @surface1 !important;\n }\n\n .modal--dropdown--settings,\n .settings-dropdown--section {\n border-bottom-color: @surface2;\n }\n .set-theme__check,\n .dgsi,\n .ddgsi-check {\n background-color: @accent-color !important;\n border-color: @accent-color !important;\n }\n .set-themes,\n .set-theme.is-checked,\n .set-theme__check {\n color: @base !important;\n }\n\n .settings-dropdown--button {\n color: @blue !important;\n }\n\n .is-vertical-tabs-exp,\n #duckbar,\n .zcm__link:not(.dropdown__button).is-active {\n color: @accent-color !important;\n border-color: @accent-color !important;\n }\n\n .no-results__link,\n .js-no-results-web {\n color: @blue !important;\n }\n\n .oaxCunrdbQs3WQDCq3Ls {\n color: @text;\n }\n .KoEJ3YBbjXKVOE1bc2RA {\n color: @text !important;\n }\n .f3uDrYrWF3Exrfp1m3Og {\n color: @blue;\n }\n .f3uDrYrWF3Exrfp1m3Og:visited {\n color: @mauve;\n }\n .feedback-btn__send,\n .js-feedback-start {\n background-color: @surface0;\n color: @text;\n }\n .search__input,\n .search__input--adv {\n color: @text;\n }\n }\n\n @media (prefers-color-scheme: light) {\n :root {\n #catppuccin(@lightFlavor,\n @accentColor);\n }\n }\n @media (prefers-color-scheme: dark) {\n :root {\n #catppuccin(@darkFlavor,\n @accentColor);\n }\n }\n}\n// vim:ft=less\n",
+ "usercssData": {
+ "name": "DuckDuckGo Catppuccin",
+ "namespace": "github.com/catppuccin/userstyles/styles/duckduckgo",
+ "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/duckduckgo",
+ "version": "0.0.1",
+ "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/duckduckgo/catppuccin.user.css",
+ "supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aduckduckgo",
+ "description": "Soothing pastel theme for DuckDuckGo",
+ "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 DuckDuckGo",
+ "url": "https://github.com/catppuccin/userstyles/tree/main/styles/duckduckgo",
+ "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/duckduckgo/catppuccin.user.css",
+ "name": "DuckDuckGo Catppuccin",
+ "originalDigest": "a5eaaadce4f39024845346fad21d4e1e61c06814",
+ "_id": "e709eda7-d12f-4ee2-bda0-5e1645c6ebb2",
+ "_rev": 1708336057235,
+ "id": 83,
+ "etag": "W/\"7863fd79277c541b4038fefc32b8efab9910ec1f30ff2eee13ed3e1a87bd9a4f\""
}
]
\ No newline at end of file