From 590947550353f1b2fe3e079d3095124a313a6d8c Mon Sep 17 00:00:00 2001 From: Cynthia Foxwell Date: Sun, 5 May 2024 16:18:38 -0600 Subject: [PATCH] backlog --- .prettierrc | 6 + pxvmc.scss | 2 +- src/channel_list.scss | 36 +- src/compact.scss | 4 +- src/context_menu.scss | 42 +- src/embeds.scss | 112 +++-- src/font.scss | 12 +- src/misc.scss | 14 +- src/ripcord.scss | 44 +- src/w9x/channel_list.scss | 740 +++++++++++++++++++++++++++ src/w9x/guilds.scss | 469 +++++++++++++++++ src/w9x/images.scss | 886 ++++++++++++++++++++++++++++++++ src/w9x/toolbar.scss | 688 +++++++++++++++++++++++++ src/winclassic.scss | 1002 ++++++++++++++----------------------- 14 files changed, 3360 insertions(+), 697 deletions(-) create mode 100644 .prettierrc create mode 100644 src/w9x/channel_list.scss create mode 100644 src/w9x/guilds.scss create mode 100644 src/w9x/images.scss create mode 100644 src/w9x/toolbar.scss diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 0000000..5135059 --- /dev/null +++ b/.prettierrc @@ -0,0 +1,6 @@ +{ + "semi": true, + "bracketSpacing": false, + "endOfLine": "lf", + "printWidth": 120 +} diff --git a/pxvmc.scss b/pxvmc.scss index 8c5cc5f..d7e9cb4 100644 --- a/pxvmc.scss +++ b/pxvmc.scss @@ -13,7 +13,7 @@ @use "src/voice_rings"; @use "src/wide_settings"; @use "src/private_channels"; -/*@use "src/embeds";*/ +@use "src/embeds"; @use "src/winclassic"; @use "src/misc"; @use "src/ansi_chain"; diff --git a/src/channel_list.scss b/src/channel_list.scss index fc37e41..c0cfcd8 100644 --- a/src/channel_list.scss +++ b/src/channel_list.scss @@ -41,6 +41,31 @@ display: none; } + [class^="voiceUserSummary_"] { + padding: 2px 4px; + height: 20px; + + & > [class^="container_"] { + & > :is(svg, [class^="avatarContainer_"]), + & > [class^="avatarContainer_"] > [class^="clickableAvatar_"] { + width: 16px; + height: 16px; + } + + & > [class^="icon_"] { + margin-right: 3px; + } + + & > [class*="avatarContainerMasked_"] { + margin-right: 1px; + + & > foreignObject { + mask: none; + } + } + } + } + [class^="containerDefault_"] { margin-left: 0; padding: 0; @@ -56,6 +81,7 @@ [class^="link_"] { border-radius: 0; padding: 2px 4px; + min-height: unset; --channel-icon: var(--text-muted); [class^="icon_"] { @@ -153,11 +179,7 @@ &[class*="clickable_"] { height: 21px; - background: linear-gradient( - to right, - colors.$highlight, - transparent 75% - ); + background: linear-gradient(to right, colors.$highlight, transparent 75%); &:hover { [class^="mainContent_"] > svg { @@ -195,8 +217,7 @@ font-size: 12px; margin-left: 23px; color: var(--text-normal); - text-shadow: 0px 0px 4px colors.$c0, 0px 0px 4px colors.$c0, - 0px 0px 4px colors.$c0, 0px 0px 4px colors.$c0; + text-shadow: 0px 0px 4px colors.$c0, 0px 0px 4px colors.$c0, 0px 0px 4px colors.$c0, 0px 0px 4px colors.$c0; } } @@ -225,6 +246,7 @@ [class^="link_"] { border-radius: 0; padding: 2px 4px; + min-height: unset; --channel-icon: var(--text-muted); [class^="icon_"] { diff --git a/src/compact.scss b/src/compact.scss index 68ccac7..85670d3 100644 --- a/src/compact.scss +++ b/src/compact.scss @@ -281,7 +281,7 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"])) [class^="sidebar_"] header[class^="header_"] { padding: 4px 8px; } -[class^="chat_"] > [class^="title_"], +/*[class^="chat_"] > [class^="title_"], [class^="chat_"] > section[class*="container_"], [class^="base_"] > [class^="content_"] @@ -359,7 +359,7 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"])) margin: 0 !important; } } -} +}*/ [class^="chatContent_"] > form diff --git a/src/context_menu.scss b/src/context_menu.scss index 0776d8e..b1c7b84 100644 --- a/src/context_menu.scss +++ b/src/context_menu.scss @@ -23,13 +23,11 @@ margin: 1px 0; padding: 0 2px !important; min-height: 16px !important; - font-size: 12px; + font-size: var(--FontSize, 12px); - &:not(:has(> [class^="iconContainer_"] > [class^="icon_"])):not( - :has(> [class^="iconContainerLeft_"]) - ):not(:has(> [class^="statusItem_"])):not( - :has([class^="userMenuItem_"]) - ) { + &:not(:has(> [class^="iconContainer_"] > [class^="icon_"])):not(:has(> [class^="iconContainerLeft_"])):not( + :has(> [class^="statusItem_"]) + ):not(:has([class^="userMenuItem_"])):not(:has([class^="optionLabel_"])) { padding-inline-start: 20px !important; } &:has(> [class^="iconContainer_"] > [class^="icon_"]) { @@ -46,9 +44,25 @@ padding-left: 2px; & > [class^="subtext_"] { - line-height: 12px; + line-height: var(--FontSize, 12px); margin-top: 0; } + + &:has(> [class^="optionLabel_"]) { + padding-left: 0; + } + + & > [class^="optionLabel_"] { + font-size: var(--FontSize, 12px); + + & > [class^="optionName_"] { + margin-left: 3px; + } + & > [class^="optionIcon_"] { + width: 16px; + height: 16px; + } + } } & > [class^="iconContainer_"], @@ -88,13 +102,10 @@ -webkit-mask-position: center; } - &[role="menuitemcheckbox"] - > [class^="iconContainer_"] - > svg[class^="icon_"] { + &[role="menuitemcheckbox"] > [class^="iconContainer_"] > svg[class^="icon_"] { display: none; } - &[role="menuitemcheckbox"][aria-checked="true"] - > [class^="iconContainer_"]:before { + &[role="menuitemcheckbox"][aria-checked="true"] > [class^="iconContainer_"]:before { content: ""; position: absolute; right: 0px; @@ -110,13 +121,10 @@ -webkit-mask-position: center; } - &[role="menuitemradio"] - > [class^="iconContainer_"] - > svg[class^="icon_"] { + &[role="menuitemradio"] > [class^="iconContainer_"] > svg[class^="icon_"] { display: none; } - &[role="menuitemradio"][aria-checked="true"] - > [class^="iconContainer_"]:before { + &[role="menuitemradio"][aria-checked="true"] > [class^="iconContainer_"]:before { content: ""; position: absolute; right: -1px; diff --git a/src/embeds.scss b/src/embeds.scss index 4570fd3..045e02c 100644 --- a/src/embeds.scss +++ b/src/embeds.scss @@ -33,35 +33,50 @@ font-size: 0.8em; }*/ -@media (min-height: 551px) { +@media (min-height: 481px) { /* big youtube */ - [class^="embedWrapper_"]:has(iframe), + /*[class^="embedWrapper_"]:has(iframe), [class^="embedWrapper_"]:has(video), - [class^="embedWrapper_"]:has(img[src*="i.ytimg.com"]) { - max-width: 550px !important; + [class^="embedWrapper_"]:has(img[src*="i.ytimg.com"])*/ + [class^="embedWrapper_"] { + max-width: 500px !important; + + :is( + [class*="embedProvider_"], + [class*="embedAuthor_"], + [class*="embedTitle_"], + [class*="embedDescription_"], + [class*="embedFields_"], + [class*="embedFooter_"], + [class*="embedMedia_"] + ) { + min-width: unset !important; + } [class^="gridContainer_"] { - max-width: 550px !important; + max-width: 480px !important; } [class*="embedMedia_"] { - max-width: 550px !important; + max-width: 480px !important; max-height: unset !important; [class^="imageWrapper_"] { - max-width: 550px !important; - aspect-ratio: unset !important; + max-width: 480px !important; + max-height: 480px !important; + width: max-content !important; + height: max-content !important; :is(img, video) { - max-width: 550px !important; - max-height: 550px !important; - aspect-ratio: unset !important; + max-width: 480px !important; + max-height: 480px !important; + width: max-content !important; + height: max-content !important; } } & > [class^="embedVideo_"] { - max-width: 550px !important; - aspect-ratio: unset; + max-width: 480px !important; & > iframe { max-width: unset !important; @@ -73,34 +88,67 @@ } } - /* linked images equal to attachments */ - :is([class^="inlineMediaEmbed_"], [class^="messageAttachment_"]) { - max-width: 550px !important; - max-height: 550px !important; - - [class^="imageWrapper_"] { - max-width: 550px !important; - max-height: 550px !important; - width: max-content !important; - height: max-content !important; - aspect-ratio: unset !important; - - [class^="loadingOverlay_"] { - aspect-ratio: unset !important; - } + [class^="embedWrapper_"]:has(iframe), + [class^="embedWrapper_"]:has(img[src*="i.ytimg.com"]) { + [class*="embedMedia_"] [class^="imageWrapper_"] { + max-height: unset !important; :is(img, video) { - max-width: 550px !important; - max-height: 550px !important; + max-height: unset !important; + } + } + } + + /* linked images equal to attachments */ + :is([class^="inlineMediaEmbed_"], [class^="messageAttachment_"]) { + max-width: 480px !important; + max-height: 480px !important; + + [class^="imageWrapper_"] { + max-width: 480px !important; + max-height: 480px !important; + width: max-content !important; + height: max-content !important; + + :is(img, video) { + max-width: 480px !important; + max-height: 480px !important; width: max-content !important; height: max-content !important; } } } - [class^="oneByOneGrid_"] { - max-height: 550px !important; + [class^="visualMediaItemContainer_"]:has(> [class^="oneByOneGrid_"]) { + max-width: unset; + + & > [class^="oneByOneGrid_"] { + max-height: 480px !important; + + & > [class^="mosaicItem_"] { + max-width: 480px !important; + + [class^="imageWrapper_"] { + width: unset !important; + max-width: 480px !important; + + :is(img, video) { + max-width: 480px !important; + max-height: 480px !important; + width: max-content !important; + height: max-content !important; + } + } + } + } } [class^="imageContainer_"]:has([aria-label="GIF"]) + [class^="altText_"] { display: none; } + + [class*="wrapper_"][data-fullscreen="true"] > video { + max-width: unset !important; + max-height: unset !important; + width: 100% !important; + height: 100% !important; + } } diff --git a/src/font.scss b/src/font.scss index 0d6fa60..fbda29b 100644 --- a/src/font.scss +++ b/src/font.scss @@ -165,12 +165,12 @@ :root, .theme-dark, .theme-light { - --font-primary: "Twemoji Mozilla", "Terminus (TTF) for Windows", - "Terminus (TTF)", "Sazanami Gothic", "UnifontBitmap", "Unifont Windows", - "Unifont", monospace !important; - --font-display: "Twemoji Mozilla", "Terminus (TTF) for Windows", - "Terminus (TTF)", "Sazanami Gothic", "UnifontBitmap", "Unifont Windows", - "Unifont", monospace !important; + --font-primary: "Twemoji Mozilla", "Tahoma", "MS PGothic", + "Terminus (TTF) for Windows", "Terminus (TTF)", "Sazanami Gothic", + "UnifontBitmap", "Unifont Windows", "Unifont", monospace !important; + --font-display: "Twemoji Mozilla", "Tahoma", "MS PGothic", + "Terminus (TTF) for Windows", "Terminus (TTF)", "Sazanami Gothic", + "UnifontBitmap", "Unifont Windows", "Unifont", monospace !important; --font-code: "Terminus (TTF) for Windows", "Terminus (TTF)", "Sazanami Gothic", "UnifontBitmap", "Unifont Windows", "Unifont", monospace !important; diff --git a/src/misc.scss b/src/misc.scss index 3cbb895..4d28300 100644 --- a/src/misc.scss +++ b/src/misc.scss @@ -1,6 +1,4 @@ -[class^="mediaAttachmentsContainer_"] - [class^="messageAttachment_"] - [class^="lazyImg_"] { +[class^="mediaAttachmentsContainer_"] [class^="messageAttachment_"] [class^="lazyImg_"] { object-fit: contain !important; } @@ -8,10 +6,8 @@ background-color: var(--background-secondary); } -[class^="upperBadge_"] - [class^="iconBadge_"]:has(> svg > path[d^="M5.66493"][d$="7V9Z"]), -[class^="upperBadge_"] - [class^="iconBadge_"]:has(> svg > path[d^="M20.97"][d$="0-2h1V7Z"]) { +[class^="upperBadge_"] [class^="iconBadge_"]:has(> svg > path[d^="M5.66493"][d$="7V9Z"]), +[class^="upperBadge_"] [class^="iconBadge_"]:has(> svg > path[d^="M20.97"][d$="0-2h1V7Z"]) { display: none; } @@ -46,3 +42,7 @@ } } */ + +[class^="positionContainer_"]:has(#gif-picker-tab-panel) { + height: calc(100vh - 128px); +} diff --git a/src/ripcord.scss b/src/ripcord.scss index 9958a08..933cd8a 100644 --- a/src/ripcord.scss +++ b/src/ripcord.scss @@ -18,6 +18,7 @@ &[class*="hasContent_"] { margin-top: 0.25rem; + margin-bottom: -1px; } } @@ -81,6 +82,37 @@ } } + &[class*="systemMessage_"] { + & > [class^="buttonContainer_"] { + top: 3px !important; + } + + & > [class^="contents_"] > [class*="messageContent_"] > [class^="container_"] { + padding: 0; + + & > [class^="iconContainer_"] { + padding: 0; + width: 32px; + + & > [class^="icon_"] { + width: 13px; + height: 13px; + background-size: cover; + } + } + + & > [class^="content_"] { + font-size: 12px; + line-height: 13px; + + & > [class^="timestamp_"] { + position: absolute; + right: 0; + } + } + } + } + & > [class^="contents_"] { & > [class*="messageContent_"]:has(> [class^="attachment_"]) { margin: 0; @@ -137,12 +169,7 @@ margin-left: 2px; } - :is( - .platform-icons-wrapper, - .roleTags-wrapper, - [class^="newMemberBadge_"] - ) - > svg { + :is(.platform-icons-wrapper, .roleTags-wrapper, [class^="newMemberBadge_"]) > svg { width: 13px; height: 13px; margin: 0 !important; @@ -532,10 +559,7 @@ } } -[class^="chat_"] - [class^="messagesWrapper_"] - [class^="scroller_"] - [class^="scrollerContent_"] { +[class^="chat_"] [class^="messagesWrapper_"] [class^="scroller_"] [class^="scrollerContent_"] { padding: 0 !important; padding-bottom: 3px !important; } diff --git a/src/w9x/channel_list.scss b/src/w9x/channel_list.scss new file mode 100644 index 0000000..1c5eb61 --- /dev/null +++ b/src/w9x/channel_list.scss @@ -0,0 +1,740 @@ +[class^="base_"] > [class^="content_"] > [class^="sidebar_"] { + border-radius: 0 !important; + border-left: 4px solid var(--ThreeDFace); + padding: 2px; + box-shadow: var(--RebarBorder); + + & > [class^="container_"] { + background: var(--Window) !important; + + & > [class^="container_"][class*="clickable_"] { + background: var(--ThreeDFace) !important; + & > header[class^="header_"] { + padding: 0px; + padding-bottom: 2px; + height: 22px !important; + box-shadow: inset 0 -1px 0 0 var(--ThreeDHighlight), inset 0 -2px 0 0 var(--ThreeDShadow); + + & > [class^="headerContent_"] { + height: 20px !important; + padding-left: 6px; + + & > [class*="name_"] { + font-weight: normal; + font-size: var(--FontSize); + } + + & > [class^="headerChildren_"] { + width: 20px; + height: 18px; + + background-color: var(--WindowText); + mask-image: var(--ImageScrollbarDown); + mask-repeat: no-repeat; + mask-position: center; + + &:has(> svg[class*="open"]) { + mask-image: var(--ImageClose); + } + + & > svg { + display: none; + } + } + + & > [class^="guildIconV2Container_"] { + margin-right: 2px; + } + } + } + & > [class^="animatedContainer_"] { + height: 20px !important; + & > [class^="bannerImage_"] { + height: 20px !important; + &::after { + content: ""; + height: 20px !important; + width: 240px; + top: 0; + left: 0; + position: absolute; + background: linear-gradient(to top, var(--ThreeDFace) 5%, transparent 100%); + } + } + } + } + + & > [class^="animatedBannerHoverLayer_"] { + display: none; + } + + & > [class^="scroller_"] { + scrollbar-width: unset !important; + scrollbar-color: unset !important; + + &::-webkit-scrollbar { + min-width: 16px; + width: 16px; + } + + &::-webkit-scrollbar-track { + visibility: visible !important; + background-color: var(--Scrollbar) !important; + border: none; + border-radius: 0; + margin: 0; + } + + &::-webkit-scrollbar-thumb, + &::-webkit-scrollbar-button:single-button { + visibility: visible !important; + border-radius: 0 !important; + background: var(--ThreeDFace) !important; + box-shadow: var(--WindowFrame); + border: none !important; + } + + &::-webkit-scrollbar-button:single-button:active { + box-shadow: inset 1px 1px var(--ThreeDShadow), inset -1px -1px var(--ThreeDShadow) !important; + } + + &::-webkit-scrollbar-button:single-button:vertical:decrement { + background-repeat: no-repeat !important; + background-position: center center !important; + background-image: var(--ImageScrollbarUp) !important; + } + &::-webkit-scrollbar-button:single-button:vertical:increment { + background-repeat: no-repeat !important; + background-position: center center !important; + background-image: var(--ImageScrollbarDown) !important; + } + + & > [class^="content_"] { + --channel-icon: var(--WindowText); + + & > div[style="height: 84px;"], + & > div[style="height: 84px;"] + div[style="height: 12px;"], + & > div[style="height: 0px;"] + div[style="height: 12px;"], + & > [class^="sectionDivider"] + div[style="height: 12px;"] { + height: 0px !important; + } + + [class^="container_"]:has(> [class^="progressBarContainer_"]) { + padding: 0; + margin: 3px 2px; + + &::after { + left: 0; + height: 1px; + border-bottom: solid 1px var(--ThreeDHighlight); + background-color: var(--ThreeDShadow); + width: 100%; + } + + & > [class^="textArea_"] { + margin: 0; + height: 16px; + + & > [class^="goalTextContainer_"], + & > [class^="progressFraction_"] { + & > [data-text-variant] { + color: var(--WindowText) !important; + font-size: var(--FontSize); + } + } + + & > [class^="progressFraction_"] > [class^="count_"] { + display: none; + } + } + + & > [class^="progressBarContainer_"] { + margin: 0; + margin-bottom: 3px; + border-radius: 0; + border: 1px solid transparent; + border-top-color: var(--ThreeDShadow); + border-left-color: var(--ThreeDShadow); + border-bottom-color: var(--ThreeDHighlight); + border-right-color: var(--ThreeDHighlight); + background-color: var(--ThreeDFace); + height: 14px; + width: calc(100% - 2px); + + & > [class^="progressBar_"] { + height: 100%; + border-radius: 0; + background-color: var(--Selection); + background-image: none; + mask: var(--ProgressBar); + mask-repeat: repeat-x; + } + + & > [class^="tadaIcon_"] { + display: none; + } + } + } + + [class^="sectionDivider_"] { + height: 1px; + border-top: solid 1px var(--ThreeDShadow); + background-color: var(--ThreeDHighlight); + margin: 3px 2px; + width: calc(100% - 4px); + + & + + [class^="containerDefault_"]:has(> [class*="clickable_"]) + > [class^="iconVisibility_"] + > [class^="mainContent_"]::before { + height: 0 !important; + top: 10px; + } + } + + [class^="containerDefault_"] { + margin-left: 0; + padding: 0; + + [class^="iconVisibility_"] { + margin-left: 0; + padding: 0; + height: unset; + color: var(--WindowText); + + & > [class^="unread_"] { + display: none; + } + + &[class*="modeUnread"] [class^="name_"] { + font-weight: bold; + } + &[class*="modeSelected_"] { + [class^="link_"] { + background-color: transparent !important; + + [class^="name_"] { + background-color: var(--Selection); + color: var(--SelectionText); + } + } + } + &[class*="modeMuted_"] { + [class^="link_"] { + background-color: transparent !important; + + [class^="name_"] { + color: var(--ThreeDShadow); + text-shadow: 1px 1px 0 var(--ThreeDHighlight); + } + } + } + &:hover [class^="link_"] { + background-color: transparent !important; + } + } + + [class^="link_"] { + padding: 0; + border-radius: 0; + + [class^="linkTop_"] { + justify-content: flex-start; + + & > [class^="children_"] { + flex-grow: 1; + align-items: flex-end; + justify-content: flex-end; + } + } + + [class^="name_"] { + line-height: 16px; + font-size: var(--FontSize); + font-weight: normal; + letter-spacing: unset; + color: var(--WindowText); + flex-grow: 0; + } + + [class^="iconContainer_"] { + margin-right: 3px; + & > [class^="icon_"] { + width: 16px; + height: 16px; + } + } + + [class^="channelInfo_"] { + & > [class^="wrapper_"] { + border-radius: 0; + line-height: 16px; + height: 16px; + + & > [class^="users_"] { + background-color: transparent; + color: var(--WindowText); + padding-right: 6px; + width: unset; + } + & > [class^="total_"] { + background-color: transparent; + color: var(--ThreeDHighlight); + padding: 0; + + &::after { + content: "/"; + border: none; + left: -4px; + } + } + } + } + + [class^="newChannel_"] { + position: absolute; + right: 0; + font-size: 0; + background-color: transparent !important; + border-radius: 0; + width: 16px; + height: 16px; + top: 0px; + + &::after { + content: ""; + width: 16px; + height: 16px; + position: absolute; + right: 0; + background-image: var(--ImageNew); + background-size: 16px; + background-position: center; + background-repeat: no-repeat; + } + } + } + + &:has(> [class*="clickable_"]) { + & > [class^="iconVisibility_"] > [class^="mainContent_"] { + &::before { + content: ""; + height: 8px; + width: 8px; + border-left: 1px dotted; + border-bottom: 1px dotted; + border-color: var(--ThreeDHighlight); + position: absolute; + top: 1px; + left: 9px; + } + + &::after { + content: ""; + display: block; + position: absolute; + top: 5px; + left: 5px; + width: 7px; + height: 7px; + border: 1px solid; + border-color: var(--ThreeDHighlight); + background-color: var(--Window); + } + + & > svg { + top: 6px; + left: 6px; + width: 7px; + height: 7px; + transform: none !important; + background-color: var(--WindowText); + mask-image: var(--ImageListMinus); + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-image: var(--ImageListMinus); + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + z-index: 2; + + & > path { + display: none; + } + } + + & > [class^="name_"] { + margin-left: 38px; + line-height: 16px; + font-size: var(--FontSize); + font-weight: normal; + letter-spacing: unset; + color: var(--WindowText); + + &::after { + content: ""; + display: block; + width: 16px; + height: 16px; + position: absolute; + left: 19px; + top: 0; + background-image: var(--ImageFolderOpen16); + background-repeat: no-repeat; + background-position: center; + image-rendering: pixelated; + } + } + } + + & + ~ [class^="containerDefault_"]:has(> [class*="clickable_"]) + > [class^="iconVisibility_"] + > [class^="mainContent_"]::before { + height: 14px; + top: -5px; + } + + & + + [class^="containerDefault_"]:has(> [class*="clickable_"]) + > [class^="iconVisibility_"] + > [class^="mainContent_"]::before { + height: 10px; + top: -1px; + } + + [class*="collapsed_"] { + & > [class^="mainContent_"] > svg { + mask-image: var(--ImageListPlus) !important; + -webkit-mask-image: var(--ImageListPlus) !important; + } + + [class^="name_"]::after { + background-image: var(--ImageFolderClosed16) !important; + } + } + + & ~ [class^="containerDefault_"]:not(:has(> [class*="clickable_"])) { + margin-left: 38px; + + &::before { + content: ""; + height: 14px; + width: 8px; + border-left: 1px dotted; + border-bottom: 1px dotted; + border-color: var(--ThreeDHighlight); + position: absolute; + top: -5px; + left: -10px; + } + + &::after { + content: ""; + height: 14px; + width: 0px; + border-left: 1px dotted; + border-bottom: 1px dotted; + border-color: var(--ThreeDHighlight); + position: absolute; + top: -5px; + left: -29px; + } + } + & + [class^="containerDefault_"]:not(:has(> [class*="clickable_"])) { + &::before { + top: 1px; + height: 8px; + } + + &::after { + top: -1px; + height: 10px; + } + } + + & ~ [class^="container_"] { + margin-left: 38px; + + &::before { + content: ""; + height: 100%; + width: 0px; + border-left: 1px dotted; + border-bottom: 1px dotted; + border-color: var(--ThreeDHighlight); + position: absolute; + top: -5px; + left: -10px; + } + + &::after { + content: ""; + height: 100%; + width: 0px; + border-left: 1px dotted; + border-bottom: 1px dotted; + border-color: var(--ThreeDHighlight); + position: absolute; + top: -5px; + left: -29px; + } + } + + &:not(:has(~ [class^="containerDefault_"] > [class*="clickable_"])) { + & ~ [class^="containerDefault_"]:not(:has(> [class*="clickable_"])) { + &::after, + & > div:has(> [class*="typeVoice_"]) ~ [class^="list_"]::after, + & ~ [class^="container_"]::after { + display: none; + } + } + } + &:not(:has(~ [class^="containerDefault_"]:has(div:not([class*="clickable_"])))) { + & > div:has(> [class*="typeVoice_"]) ~ [class^="list_"]::before { + display: none; + } + } + } + + & > div:has(> [class*="typeVoice_"]) ~ [class^="list_"] { + padding: 0; + margin-left: 19px; + + &::before { + content: ""; + width: 0px; + height: calc(100% - 16px); + border-left: 1px dotted; + border-bottom: 1px dotted; + border-color: var(--ThreeDHighlight); + position: absolute; + top: 9px; + left: -10px; + } + + &::after { + content: ""; + width: 0px; + height: calc(100% - 16px); + border-left: 1px dotted; + border-bottom: 1px dotted; + border-color: var(--ThreeDHighlight); + position: absolute; + top: 9px; + left: -29px; + } + + & > [class^="draggable_"] { + height: unset; + overflow-x: visible; + + &::before { + content: ""; + height: 14px; + width: 8px; + border-left: 1px dotted; + border-bottom: 1px dotted; + border-color: var(--ThreeDHighlight); + position: absolute; + top: -5px; + left: -10px; + } + &:first-of-type::before { + top: 1px; + height: 8px; + } + + & > [class^="voiceUser_"] { + height: unset; + + & > [class^="content_"] { + margin: 0; + + & > [class^="userAvatar_"] { + margin: 0; + margin-right: 3px; + width: 16px; + height: 16px; + } + + & > [class^="usernameFont_"] { + font-size: var(--FontSize); + line-height: var(--FontSize); + } + } + } + } + } + } + + [class^="container_"] { + [class^="spineBorder_"] { + display: none; + } + + [class^="containerDefault_"] { + margin-left: 19px; + + & > [class^="spine_"] { + display: none; + } + + &::before { + content: ""; + height: 14px; + width: 8px; + border-left: 1px dotted; + border-bottom: 1px dotted; + border-color: var(--ThreeDHighlight); + position: absolute; + top: -5px; + left: -10px; + } + &:first-of-type::before { + top: 1px; + height: 8px; + } + } + } + + [class^="voiceUserSummary_"] { + height: 16px; + padding: 0; + margin-left: 38px; + position: relative; + + &::before { + content: ""; + height: 14px; + width: 8px; + border-left: 1px dotted; + border-bottom: 1px dotted; + border-color: var(--ThreeDHighlight); + position: absolute; + top: -5px; + left: -10px; + } + + &::after { + content: ""; + height: 14px; + width: 0px; + border-left: 1px dotted; + border-bottom: 1px dotted; + border-color: var(--ThreeDHighlight); + position: absolute; + top: -5px; + left: -29px; + } + + & > [class^="container_"] { + & > svg { + margin-right: 3px; + width: 16px; + height: 16px; + } + + & > [class^="avatarContainer_"], + & > [class^="avatarContainer_"] > [class^="clickableAvatar_"] { + width: 16px; + height: 16px; + } + } + } + } + } + } +} + +.theme-light + [class^="base_"] + > [class^="content_"] + > [class^="sidebar_"] + > [class^="container_"] + > [class^="scroller_"] + > [class^="content_"] + [class^="containerDefault_"] + [class^="iconVisibility_"] + [class^="link_"] + [class^="channelInfo_"] + > [class^="wrapper_"] + > [class^="total_"] { + color: var(--ThreeDShadow) !important; +} + +[id^="popout_"]:has(#guild-header-popout) { + top: 97px !important; + left: 58px !important; + width: 236px; + + & > div { + transition: none; + transform: none; + } + + #guild-header-popout { + width: 240px; + } +} + +[class^="containerDefault_"] > [class^="iconVisibility_"] > [class^="mainContent_"] [class^="name_"], +[class^="membersGroup_"], +[class^="headerContent_"] > [class^="name_"] { + font-size: 16px; + text-transform: none !important; + font-weight: 600; +} + +.theme-light { + [class^="base_"] + > [class^="content_"] + > [class^="sidebar_"] + > [class^="container_"] + > [class^="scroller_"] + > [class^="content_"] + [class^="containerDefault_"] { + &:has(> [class*="clickable_"]) { + & > [class^="iconVisibility_"] > [class^="mainContent_"] { + &::before, + &::after { + border-color: var(--ThreeDShadow) !important; + } + } + & ~ [class^="containerDefault_"]:not(:has(> [class*="clickable_"])) { + &::before, + &::after { + border-color: var(--ThreeDShadow) !important; + } + } + & ~ [class^="container_"] { + &::before, + &::after { + border-color: var(--ThreeDShadow) !important; + } + } + } + + & > div:has(> [class*="typeVoice_"]) ~ [class^="list_"] { + &::before, + &::after, + & > [class^="draggable_"]::before { + border-color: var(--ThreeDShadow) !important; + } + } + } + + [class^="container_"] [class^="containerDefault_"]::before { + border-color: var(--ThreeDShadow) !important; + } +} + +[class^="flowerStarContainer_"] { + & > [class^="flowerStar_"] > path { + display: none; + } + + & > [class^="childContainer_"] > svg { + width: 16px; + height: 16px; + } +} diff --git a/src/w9x/guilds.scss b/src/w9x/guilds.scss new file mode 100644 index 0000000..df3a2e5 --- /dev/null +++ b/src/w9x/guilds.scss @@ -0,0 +1,469 @@ +[class*="guilds_"] { + background-color: var(--ThreeDFace) !important; + box-shadow: var(--wc-rebar); + width: 48px; + padding: 2px; + + [class^="scroller_"] { + padding-top: 4px; + + &::-webkit-scrollbar, + &::-webkit-scrollbar-thumb, + &::-webkit-scrollbar-button, + &::-webkit-scrollbar-button:single-button, + &::-webkit-scrollbar-track { + visibility: hidden !important; + width: 0px !important; + min-width: 0px !important; + } + + & > div[style*="height: 56px;"]:has(> [class^="listItem_"]) { + height: unset !important; + } + } + + [class^="listItemWrapper_"] > [class^="wrapper_"] { + width: 40px; + height: 40px; + & > svg { + width: 40px; + height: 40px; + } + } + [class^="listItem_"] { + --custom-list-items-list-item-width: 48px; + margin: 0 !important; + + [class^="lowerBadge_"] { + top: 0; + z-index: 11; + width: 16px; + height: 16px; + background-repeat: no-repeat; + background-position: center; + image-rendering: pixelated; + + &:has(> [class^="numberBadge_"][style*="--status-danger"]) { + background-image: var(--ImagePing); + + & > [class^="numberBadge_"] { + display: none; + } + } + } + [class^="upperBadge_"] { + left: 0; + right: unset; + z-index: 11; + width: 16px; + height: 16px; + background-repeat: no-repeat; + background-position: center; + image-rendering: pixelated; + + &:has( + > [class^="iconBadge_"] + > svg + > path[d="M4 2.5C2.897 2.5 2 3.397 2 4.5V15.5C2 16.604 2.897 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C21.103 17.5 22 16.604 22 15.5V4.5C22 3.397 21.103 2.5 20 2.5H4ZM20 4.5V13.5H4V4.5H20Z"] + ) { + background-image: var(--ImageMonitor); + + & > [class^="iconBadge_"] { + display: none; + } + } + + &:has( + > [class^="iconBadge_"] + > svg + > path[d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"] + ) { + background-image: var(--ImageSpeaker); + + & > [class^="iconBadge_"] { + display: none; + } + } + + &:has( + > [class^="iconBadge_"] + > svg + > path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] + ) { + background-image: var(--ImageCamera); + + & > [class^="iconBadge_"] { + display: none; + } + } + &:has( + > [class^="iconBadge_"] + > svg + > g + > path[d="M4.92871 13.4149L10.5857 19.0709L18.3639 11.2927C19.7781 9.87859 22.6066 6.48376 21.1923 2.80748C17.5153 1.3932 14.1213 4.22173 12.7074 5.63625L4.92871 13.4149ZM16.064 9.93309C17.1686 9.93309 18.064 9.03766 18.064 7.93309C18.064 6.82852 17.1686 5.93309 16.064 5.93309C14.9594 5.93309 14.064 6.82852 14.064 7.93309C14.064 9.03766 14.9594 9.93309 16.064 9.93309Z"] + ) { + background-image: var(--ImageJoystick); + + & > [class^="iconBadge_"] { + display: none; + } + } + + &:has( + > [class^="iconBadge_"] + > svg + > g + > path[d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7v-5z"] + ) { + background-image: var(--ImageEvents); + + & > [class^="iconBadge_"] { + display: none; + } + } + } + + & > [class^="guildSeparator_"] { + width: 48px; + border-radius: 0; + height: 1px; + border-top: solid 1px var(--ThreeDShadow); + background-color: var(--ThreeDHighlight); + margin: 3px 2px; + } + + [class^="pill_"] { + width: 16px; + height: 16px; + left: unset; + right: 4px; + z-index: 10; + pointer-events: none; + + &:has(> [class^="item_"][style*="height: 8px;"]) { + background-image: var(--ImageUnread); + background-repeat: no-repeat; + background-position: center; + image-rendering: pixelated; + } + + [class^="item_"] { + display: none; + } + } + + [class*="selected_"] > [class^="wrapper_"]:has(> svg) { + box-shadow: inset -1px -1px 0 0 var(--ThreeDHighlight), + inset 1px 1px 0 0 var(--ThreeDShadow); + &:hover { + box-shadow: inset -1px -1px 0 0 var(--ThreeDHighlight), + inset 1px 1px 0 0 var(--ThreeDShadow); + } + } + + [class^="wrapper_"]:has(> svg) { + width: 40px; + height: 40px; + & > svg { + width: 40px; + height: 40px; + + img[class^="icon_"] { + width: 38.41px; + height: 38.41px; + } + + [class^="folder_"] { + background-color: transparent; + [class^="folderIconWrapper_"] { + width: 38.41px; + height: 38.41px; + padding: 4.8px; + mask-image: var(--ImageFolderClosed); + mask-repeat: no-repeat; + mask-position: center; + mask-size: 38.41px; + -webkit-mask-image: var(--ImageFolderClosed); + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + -webkit-mask-size: 38.41px; + background-size: 38.41px; + image-rendering: pixelated; + + &::before, + &::after { + position: absolute; + content: ""; + display: block; + width: 38.41px; + height: 38.41px; + + mask-image: var(--ImageFolderClosed); + mask-repeat: no-repeat; + mask-position: center; + mask-size: 38.41px; + -webkit-mask-image: var(--ImageFolderClosed); + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + -webkit-mask-size: 38.41px; + /*background-image: var(--ImageFolderClosed); + background-repeat: no-repeat; + background-position: center; + background-color: transparent !important;*/ + background-size: 38.41px; + background-color: inherit; + } + + &:has( + [class^="expandedFolderIconWrapper_"]:not([style^="transform:"]) + ) { + background-image: none; + } + + [class^="closedFolderIconWrapper_"] { + width: 38.41px; + height: 38.41px; + padding: 0; + background-color: inherit; + display: block; + + &::before { + position: absolute; + content: ""; + display: block; + width: 38.41px; + height: 38.41px; + + mask-image: var(--ImageFolderClosed); + mask-repeat: no-repeat; + mask-position: center; + mask-size: 38.41px; + -webkit-mask-image: var(--ImageFolderClosed); + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + -webkit-mask-size: 38.41px; + /*background-image: var(--ImageFolderClosed); + background-repeat: no-repeat; + background-position: center; + background-color: transparent !important;*/ + background-size: 38.41px; + background-color: inherit; + } + &::after { + position: absolute; + content: ""; + display: block; + width: 38.41px; + height: 38.41px; + + background-image: var(--ImageFolderClosedOverlay); + background-size: 38.41px; + } + + & > [class^="icon_"] { + width: 38.41px; + height: 38.41px; + background-color: inherit; + background-image: none !important; + position: absolute; + + &::before { + position: absolute; + content: ""; + display: block; + width: 38.41px; + height: 38.41px; + + mask-image: var(--ImageFolderClosed); + mask-repeat: no-repeat; + mask-position: center; + mask-size: 38.41px; + -webkit-mask-image: var(--ImageFolderClosed); + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + -webkit-mask-size: 38.41px; + /*background-image: var(--ImageFolderClosed); + background-repeat: no-repeat; + background-position: center; + background-color: transparent !important;*/ + background-size: 38.41px; + background-color: inherit; + } + } + } + + [class^="expandedFolderIconWrapper_"] { + width: unset; + height: unset; + + &::after { + content: ""; + position: absolute; + width: 38.41px; + height: 38.41px; + background-image: var(--ImageFolderOpenOverlay); + background-size: 38.41px; + } + + & > svg { + width: 38.41px; + height: 38.41px; + + background-color: currentColor; + + mask-image: var(--ImageFolderOpen); + mask-repeat: no-repeat; + mask-position: center; + mask-size: 38.41px; + -webkit-mask-image: var(--ImageFolderOpen); + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + -webkit-mask-size: 38.41px; + /*background-image: var(--ImageFolderOpen); + background-repeat: no-repeat; + background-position: center; + background-color: transparent !important;*/ + background-size: 38.41px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + &[style^="transform:"] > svg { + background-image: none; + } + } + } + } + + [class^="childWrapper_"] { + background-color: transparent; + } + } + + &:hover { + box-shadow: inset -1px -1px 0 0 var(--ThreeDShadow), + inset 1px 1px 0 0 var(--ThreeDHighlight); + } + } + [class^="wrapperSimple_"] { + width: 40px; + height: 40px; + & > svg { + width: 40px; + height: 40px; + + img[class^="icon_"] { + width: 38px; + height: 38px; + } + } + } + + [class^="circleIconButton_"] { + background-color: transparent; + &:hover { + box-shadow: inset -1px -1px 0 0 var(--ThreeDShadow), + inset 1px 1px 0 0 var(--ThreeDHighlight); + } + } + + [data-list-item-id="guildsnav___home"] > [class^="childWrapper_"] > svg { + background-image: var(--ImageHome); + background-repeat: no-repeat; + background-position: center; + image-rendering: pixelated; + width: 38.41px; + height: 38.41px; + background-size: 38.41px; + + & > path { + display: none; + } + } + + [data-list-item-id="guildsnav___guild-discover-button"] > svg { + background-image: var(--ImageDiscovery); + background-repeat: no-repeat; + background-position: center; + image-rendering: pixelated; + width: 38.41px; + height: 38.41px; + background-size: 38.41px; + + & > path { + display: none; + } + } + + [data-list-item-id="guildsnav___create-join-button"] > svg { + background-image: var(--ImageAdd); + background-repeat: no-repeat; + background-position: center; + image-rendering: pixelated; + width: 38.41px; + height: 38.41px; + background-size: 38.41px; + + & > path { + display: none; + } + } + } + + ul[id^="folder-items-"] { + height: unset !important; + box-shadow: var(--wc-frame); + padding: 4px; + & > [class^="listItem_"] { + --custom-list-items-list-item-width: 40px; + + [class^="pill_"] { + right: 0px; + } + } + } + + [class^="wrapper_"]:has(> [class^="expandedFolderBackground_"]) { + width: unset !important; + } + + [class^="expandedFolderBackground_"] { + background-color: transparent; + width: unset; + + & + [class^="listItem_"] [class^="wrapper_"]:has(> svg) { + height: 62px; + + &::after { + position: absolute; + content: ""; + height: 23px; + width: 40px; + left: 0; + bottom: 0; + text-align: center; + background-image: var(--ImageScrollbarDown); + background-repeat: no-repeat; + background-position: center; + image-rendering: pixelated; + } + &:has([class^="folder_"][aria-expanded="true"]) { + box-shadow: inset -1px -1px 0 0 var(--ThreeDShadow), + inset 1px 1px 0 0 var(--ThreeDHighlight); + } + + &:hover::after { + box-shadow: inset 0 1px var(--ThreeDShadow), + inset -1px -1px 0 0 var(--ThreeDShadow), + inset 1px 2px 0 0 var(--ThreeDHighlight); + } + &:has([class^="folder_"][aria-expanded="true"])::after { + box-shadow: inset 0 1px var(--ThreeDShadow), + inset -1px -1px 0 0 var(--ThreeDHighlight), + inset 1px 2px 0 0 var(--ThreeDShadow); + } + } + } +} diff --git a/src/w9x/images.scss b/src/w9x/images.scss new file mode 100644 index 0000000..02fd301 --- /dev/null +++ b/src/w9x/images.scss @@ -0,0 +1,886 @@ +:root { + --ImageWindowIcon: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACYSURBVDhPpZABDsAgCAN5uk/zZ45OahAnmqxJowi9OWVRKW2yyHDpdSILQQxTtVYCNpAQxnBUDtEGBgZEh1B7HQH+BnoyAbA/AjAwVgN4I7wHQGiaCWHoHKYwRHcxdBH+Lf91dbx+/gtoqiEf9uJD6nSA4FD9PpwFY5j6hrgwB3ZaASjMbGYAaIa4MFYCUGdeAMP9apeW9gDxfcZs7l81ZQAAAABJRU5ErkJggg=="); + --ImageClose: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAwSURBVChTY6AE/IdidIBLHAzQJfEqhgGYIqIUwwBZionShK4IryZckng1URswMAAAIEcZ541Sy3oAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageMaximize: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAjSURBVChTY4CC/0RgFIBNATpGARgCaGBUAwiABAhhcgADAwD+Vybas8l0mAAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageMinimize: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZSURBVChTYxgFtAb/cWCcAJtiEKYEMDAAALNwC/VcmzodAAAAAElFTkSuQmCCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageDither: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAPSURBVBhXY4CC/1CCgQEADwMB/wK6BPYAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageBanner: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZ0AAABICAMAAAAahdi4AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAAAMDAwcHBwwCAAQJAgwJAAAHDAEIDQ8PDxwFAAsWBRwWAAESHR8fHz0MARcvCz0yAAEbLQEkPC8vLzAwMDg4ODw8PD8/P28YBDFkF21YAAc2VAJMfU9PT19fX29vb3h4eH9/f68hANkpAO4tAP8zAJh7AP9FF/9kPaRwZP96WUuaJFy8LGbMM7eUANqwAO7BAP/MAP/MAv/NBf/NB//NCP/OCf/OC//ODf/PD//PEP/PEv/QE//QFf/QF//RGf/RGv/RHf/SHf/RHv/SH//SIP/SIv/TJP/TJv/TKP/UKf/UKv/ULf/VL//VMf/VMv/WM//WNf/WNv/XOf/XO//XPP/XPv/YPf/YP/+Xff/YQP/YQv/ZRf/ZR//ZSP/aSf/aS//aTf/bT//bUP/bUv/cU//bVP/cVf/cVv/cWP/dW//dXP/eXf/dXv/eX//eYP/eY//fZP/fZ//faP/gaf/ga//gbP/hb//hcP/hcv/ic//hdP/idf/idv/ief/jev/jfP/jfv/kff/kfwBstGmPqACC2ACQ7gCZ/w+f/x+l/zyx/1q9/37M/4+Pj5+fn6+vr7+/v/6tmf/kgP/kg//lhf/lhv/mh//liP/miP/liv/mi//mjf/mj//nkP/nk//nlP/ok//olf/ol//omP/pmv/pnf/qnP/pnv/qnv/Ju//poP/qof/rov/qpf/rpv/sp//rqP/rqv/sqP/sq//srP/srv/tsP/usf/tsv/us//ttf/utP/utv/uuf/vu//vvP/vv//wvp/A1bHg/8/Pz9/f3//Zz//vwP/wwP/wwv/xxP/xxv/xyf/yyP/xyv/yy//zzf/zzv/0z//l3//y0P/z0//00f/00v/z1f/11f/11//02f/22f/02v/22//13P/33f/13v/33tnw/+/v7/Dk4f/24f/24//25P/35//44f/44v/55P/55v/y7//56P/66f/66v/77P/77uHq8O/5///78P/88v/99f/99v/9+f/++////wAAAAAAAMN6WMYAAAAJcEhZcwAADsMAAA7DAcdvqGQAABV9SURBVHhe7ZwLfBXVncfn3tZ21E7t7k1y1e3MvXdXq8ViC4EQCIEEyUOSSEjYBpIA4ZGaBy5JhPAoEERradfMAxIqJoQCiSgNpBYw6PJQNjM2JMvDii9QURlYbNW1W1ybe+fz2f//nHOTG+QxRPj0Wu/vA3fOOTNnHud7/v/zP2duLmdFFL6K0AlnReiEsyJ0wlkROuGsCJ1wVoTONZOmabpl6bAxNI2VXaEidK6VDI7j3JbJw6fERbHCS0jmOFWWWYbJLp3YIbFxI5OTUjMm5hYUlcxbsGxNQ/P25148evLMq53trU11i6vKZhbkZKYljR4ROySo2CEjWfWvoFRCB9qck3U0ossIYMoKx7Mck106CXGjxyanZmTnFsyYU161qKa+qaVtT+fRk2ePd+9t2/x4zcKKkqL8nKz0e8aOGjEc+QwFmqNHJrLqX0F5kQ6aDqe43ZopCVyUZolu2a14eY6XLVOCfVG6pbtxI0fB0QLHe9VQkHbpJI4ck5w6ISs3f8bsssqFy+saW9raDxw+cfadQ/ueaWlYuaiidGZBblb6+LEJ8cNjhxI48QljE5Ogqt806Tks0wzAf5axI0O/kqPDS9DonBtNh1M4ThM4Adpfxyyy4TlZ4gRV4EQwMVHkeEDFQw1B1gdCZ2xCUuqEzIzsvEKkU7N2w1M793W/eubtQ3vbNq1dvqB8dmFuVlpyQohbi0sYk5yUAlUVXqBtbPC8bkV5SdqOTJEXVOPLygfYcFE8B1hkaHxOMHU3wnIDA92ScMt7ZVXncXACfFGcBFXOix7s0kkek5KemXVFeIBnSjpUVZycQs7hcTp1SzNI2o5k3vCbAq37pZMG4wgYigT/3MCJI+O9FyBBDg1L1AW0I7Ar1QKTwsPhP6naJ7t0UpLTMrJyrgRP4qiUCemZUFV2SdEB2JqCBLZjnIOkoShgwCY4XeWcZaiy5ofCgCYrBJ2hyBq4QM3t0jTV6dEM4/KDatgJ0EBro1eDFPxTLUWW3ZwXwLgtQ5Ah3NZhaAJuGkDjwcHp8udCO7t00lIATh7L2FJSYnpmZjYkZEEDmwEbcqmwdXksy8eLbl6xNEHmBUMTokQhxgA/JogxvIqeMEYU3KYhCrwoig6XqGgK0vtySQRDALsBLnTYiQIrIpAkGHYgC45NBTqwU4SNDLugCjRKP9mlk5EOcApZxpZSkjKzsydDQhb80RJsY2TNoVuCB2JNuAnZYeoOQTV1p6fHMlwxUACG45PAzGU/dC7RCoDJBUxeDlg9X8KxRwAT4TgDIEHDm+jGeHRd0AsxXJBICdJQIHKDjQiHqzyYVj/ZpZOVmfPjwiKWsaX0lOzcyQWQkAW4BdPSBVOldMRoKDU9BnAAHhw2vcIZCqcY6AA9AnyAYzAsCY4zz+9OX1aFTHkMjfQ2na0gXGIhwS6dnIl5hUVzWMaWstJz8wtmQAJsByzAkkSL0PEiICLNCfclCYhE51S/V+BdHh2mBGQfuGNK57zp81dKdulMzgU4ZSwDMi4bek3KmjJ9BvKUhR5LcpmCFqTjQj9n+QNkOPLwOKZo4JAhDvC5eAOZ4Ew7SOfvxHYGJLt08vMBTgXLQHzluWyj5U0qnEV4yjDd0WGAhyannk3C+Y/hMnSko0D0D6Gm85yCRgI2pDgwqpPAFxI6zojtXF7Tp80uq1jAMqCApXgvPVYX5M0qITxlaGiIIwGnCiTAdgxe1HV3tEXomNEuzVB4H4xNPl2TeMN0xWiG7AAoIgSYfleMbn+G9Pcmu3RmziytWLCYZSzrpY8tnzcAjC6uooLiuRXVkFDFHvhwAyItRtEEUdM0N48b2SlDw5uSwDskXddl3imIwAtCacGFpgkBHNRx8WLAhDqahjZ1pfKbQV2DoDxwrU4clF06xffPm794BctY/qkvwacUDYPFRVVcVF5VvQRTfQz9EPSDVFxtI0lwdzjocLzT4eSdHBmQANg58sQBUtF/zsQjSLUrlyIE5XJL6qV60wCkkRMP5LZsyi6d8nKAU88yqK2rezyS6oEg6yIqK65cuKSXJxNMvkAYs5kY73Po9GihAz8Ync9p4HRgshEi8eo6SXxJABNKlrsGskunonJRTX0jywRe8gemroaEB6ZYkgRzefLP6GfjFWXVy/rxROkEAi7s0BRpcbQiwYW5a02Hc116rLxCUTphYDvzq5fXNW5mmVemfgafUwd9bBgGtKrIc0IM3CbvkpS+p6+uWPpwfRPLBOUnEJzQhakVoRkRK5I0FdRriDBcBFFjKpQO7IJx7BLy9/QQD0Y+z6NDzPaqKWzoLFlW17C5lWXAeqZuDaxe/dLUqabPK4sc5/4muVGwgV5Xt7R65bqmFpbplYccBc6AjkC4XkuaXpY9IFWXQLLpi+L5aB/yUdwwR/WpTjwGmsGvSC4BQgrZtLx4KA0eJAlbCLc9hk+MElwxUGD60I1ROqKqKnCXIHClpip7vTLcJgk18CDy7h+2sFFNq0fD/WRhFndoVo/ig/ObtJgOXefAZXj1gZu0TdmlU7OyYVPrTpo2Nf/Hg7ZCYurtg15ZvfW06Ba/f/PNN3/7enKzvEx7/UNL125s2UaSIaIPJFl+MuyQ1vLhxojGnIfsdtOGxH5OYXICo4PvEalcGtkl+K1zuA+iCwNcZbSM7yKJRLpeQumgxfSQKzo1H72yU9TQ3rEmeYEJTtWArWAqUVjMOTDkwRvh8aKegEysnnO4cd1Fo4OmSLxzGNCpW/vrp3buoWkVh4ePB02FruwfdNsdXp6X7rwddDN3w014uyJxb+seamrZ9iymQkWDgajgsIPPhk3gDpCmonQICtwazP0xqecYUhTvwcNgekvcC0DGY0P2syGmj45FnWrfITQJNclFYYaMZ5KYTaN8lA5+hBbLMLdmSaIwoPNE05PP7HmRpv2W7tFfmbp6K0QGq1dvhYf8PsK57XrulsF3IR+Cp2ld87Zn99EaISJ2wZu944GXWJHPCqHDOWPo47P+6pFpk6qkrkPykr0QgINkZl64Mk/FK5oKvd1Bl4DodWA6pUnB/gASQppXJcaLnOFMDorQ7SYHo8/mHHgdci2nSItVeimegQ4DOhtb2p578TBJfnoKJpg4utx5+9Stq7fqbjc1nX/mvv6DwYMH3wJPgAvhLU0Ap5PUCBVtLhVaAt+jA0kNn1jrR0cOqKQZokkjgqUSG3ISa0E7UMheIjFAHZE3AG3lxHJB77FMWdVp7EAv53CSqkF56fo9lYd2GOBM+wIcDVxJPYG4WxC5HhYTkDy5LcEwKaUwoPPktvYXDr9Bkh218KG6PVbA//Edt90p8rznDqTzbe4mgDN48A10CrC9Zee+zs/ToS5NgucWyFgvYN8HtxLq2XQ2SPDkWHh64r2ctF9DvwiQFNkpaNQMCGT8lguU8y5RhtGdqNdGQ4QhI7U4lAuHG5DU62x5o6eHFRIJCrk5wezp0fsoQy8Jm5ht+7P7u984wzKnaj9VJMXnUaytW6GXf3MQwvmXr3F3IZy7HJwLu2379r0HO9lIFSIaU2O7uwkC4jjAPPrTocMTEbgc2gzkSAQZdI/YgA7RSUxGgH7s7AsaoMBLgpP+dFz0FLCnr5z3UCou/IoTkQNXAIKo4ADdInfjxGJSQiSHEZ32vV2vnyF0Pv3U6ngMtjo0qs+nKDFuzx233UZiAnRsg28hN25Z+9s7u/awKC9Uvb3W1ztUgK31iwr60UFjoc1AmxbJk4oC9UjMZGBntKUHnROKhAKUAu8CuSWVeFEuqh8dB9TGmBC3dCw7T27LuFAx+IewobPv4LH3zhDPVtsBHx2PdZzWdfDCUS5ekK7/2vXfvhljAtAPvk48h2Ud3N+1f2ffDKlX9JFAWnBGiuZxcToOCGFJHSdxNmTth3CJYdWdGmPig5DQR8cqFL4JZxQkPwhydFhz9dJxUAtxKOxyEnWZMW63W0SRc4nWaUKHh1JSTC8XTnQOHjl59o1umj7VAXRO1daeUmAC6eRcQX9yE3o2MB2ytGkdOHhgd2szSfZT0KNDMwc9PTTXBenQaQ5YIuHAk0MQFt0rMYQuZoNO3d9jGtppTfbEkBNjszE69NJ0ZkOcI3VjtPmhgD0CjQpJB9BUTTdo3MImZ+gQSTEJDbAvhA2dIyfOvt2N8bFhWrUYFpxatepUR8cpWRR/9ugjjzzyXbJYAHwgoqa3+/yB53c0B1fmQsVawh1sZeKDLkiHNp6gUuNw+EjWbfZQ56gxKh5mg9F+ycU7SSBNJyQYV/anQ2sgYHITbA4M7U/PKPSQwzE4M4TeQA86G2GJxXBiB4kM4XJmgNYKAzrHz5w8sm8XNKiIc+Xax07B+FO7atV/8rzw76tAj36Du/U7HHcDxNNk3LasHc/vfLpxLUn2F20wEnWzgQdOeUE6PrafSaWdli6YQizN+q5i0UjKy87sEkVSOwb7+nl06JEumUYCHrbbx84kWXS+63BLZEtnNLgOQRJOdmI20XGRWw4LOv995tiBXb+BVuzxKypYDzi2Tztqa6H3uH+JdL7L3ThkyN034t2CyaNad7RuWruSpvspZHWadnrEGQhZyemj0+sFyZYuKzBFwahyDothlKOeBxiH0hTI6HcendCpEk6ayXgPtkQvBLfEAnQiB12bQ0ethhQ7NcoyqHCg8/rB3b/ZiClDRN/RseqXp2o7TnnAsSGcn3+L+96QIUN+BObDk1axrM2tzY0rl9J0P7GY+jQkKSh8/FA6ECTQAcJrUZ8mqGSjWj1s1QBmpuRFKbYeRmDBbUChdgWn99DboHToSEhETwXiyZt3vCyOM7glRh+ylKdS/0e/I9RbHAW9gBoxR6fH2BzXSLY9W9ee7RvX0bQpkqWa2lW/UHg+mji2R7jrfgh0Yr/X1xKNm9fXL8U3158TeVmADtIKYIq+N6BvEM6RAtPyky3sMBWvRzYsksX2NhToEBKuMKMMepCls62FC8wQqvjoV35BGq5kk6XsoExFinZFiT56vAp7cQIQ3OI9edxRrhjyMkTGyrTYD8UuVoyHR7lEJeDB/exeroXs0jm8d0fzOuandMkD0ZrZUdsBHcrzC6TzT9x3yJenwXaChl7f+KuV1ZUsE14KkPD6EvL7L/iOO7T4cqe4KrJL54XfbWlY2futj4CLi4I+qkI3/tmjj/581aMO7m6Eczf4g+CrsRX1Dy+tLGeZiAYku3Tan1y/ZnEVy1h+Hd888RLPuwXHN771j//QZzrUD4CWrFhWXV7CMhENSHbpbG+qX1YVagm6JOH8IzhY3ngrjDs/vK43JrCsBUsWVpWUxsePHDVqdOKYpKRx41PT0jMysyZOyp2cV1A4o2h2cUnZv1VULVi0ZPmKNfVPNG5s3tLatmv33v2d3UdeO37yzAcfnHnv7eOvHjt8qKvzhX17du/a2db6VEvzxvUNj9fXPVSzbMmi6vmV8x4oK/nJ7KLphQVTJudOui8r4960lHHJYxNHj4qPi4uDiyeMThwL105JS5+QmXVfdk7u5Cn5hdNnzISrl5bD5edXL1yyDG6gbu0TjU0bN295urVtx6725/fuP9DZdejIkaNHXz722muvv/7mm8ePv/XWO++8//4f//inP3340Uef/PnP//uXv/zfZ5/99a8X9IJXRXbptKytqS4vZhkmw+uTFclNZ/Tcdbf+CGKCvti1csGDc0vnROB8Edml01izsKL4wn+DYBqqhwS6N95IpuFM5ZXzSuYUDR0aO2z4iPiR2ErJ90AjZWTel035zJpTUvZARVX1oqXLH6p7vHHDZqTz3N4XDh46+uqJ986ePXPyxJvHjv4Xstn73LPA5umWzRvWN6ytW7NiOUFTMbesZM4sQJOfl5szMSvz3rTUe5LGIJhh7E+8hsYOjxsxErrH2KTklFQCCDtHfuE0wqds7rzKqgULFy8N4tnUsqV1+293BukcOox4/vAHiuctwPMu4Amh8xnQoV8xuTayS6duUWVpEf69x4VlKnRNJKrvVovLS2cXFQ4jzZMA1pOMHRiMJ3tSLjTPdLCd0vJ5lQ9WL15W83A9wnmSwekGOO+fpZbz8uHugwf279vTvuuZ7a1bmn/d1PjE2rqHieE8WDmvvBTpTCN0srMyJ6SljksaO3rUyBHsD4tjsV8QNuPQeDKI8eTlF8DVoWsw21m0ZFnNyjX16xrWb0Q4bTsonIPdwIbCQTYI551330XT+fDDj/6HwCGW03Ph8O7qyC6d5VXlswpyWeZC8pMvXPTGBJY1s3jOjMIpFE5vAxHPhn23aCZ0Xei5aDkrg5azE/za77uPvA6W88HZ90+eePXYkUNdB8Ctte/asb31yeZNGwicFct+SuCA6RQHTQfhpKeOB6eWED8ijsGJG8EMZ9z4NNozAM4UCuf+0rK5FdA5qGOr/1UDs5y2ne1wF2g5hw8DG2I5/eCcZzlhQWdR+ZzC3Iksc2Hp0SExgWUVziwqnJIddDAj4sGAiHvJyJqYk/tj9Gw/AeOBceen4NieWL+h+antv2v/D/BrL7/x9pmzZ9478cZrRw91/Z4YTtu2p1o2bVgPaGDAWbxwflUFjDdAZlpB/uTc7PvQasCnJYyiXPoJPCu59tike1LT7iXmMxkAzUDrQc9G+NSsrFu7juGBYWfPvhc6u7q7mWd7OcR4AM+HYDuffELpoOlcy3mPXTpVc2bkTcxgmYvonEsy+76JPqWwMC8b/+Y6ogHLLp3y6fk5GWksczEZuqr02nnulCk56aksE9GAZJdOcX5uZloyy1xcp/tcW3Zubnbq5WtEdAnZpVOUO/He5DEsY0uZ2dmZV1YjovNll07BfRkpYxJYxpbSM7PSx4xmmYgGJLt0/nVCWlJCPMvYUkr6hNTRX+FfALsasksnJ21cYnwcy9gSTD7HjbyiGhGdL7t0spLHJMTRCcSw+NFjx6dn5uRNIz8GVt/U8tvnOzv37Hx647qVS+bPK501LS8na0JayvjxSXGxrHpEA5JdOhPGjB4ZR2d6tvEkJcYOZdUjGpDs0kkbNZLOw8lvFial4M/mTCdw6ta3tO3u7Nq3q3VTw5pl1ZVlc2YU5GZnpqeAtQ0dwqpHNCDZpTMufgRZ+B06bMTIRAJnCv6CAf2Vw90Huva3b2turFu+sGru/TML8yZlTUgdB9Y2JELnC8kunTGxdAUrdviIUWPGpWVkTy6cWTJvwdKHGza3Pru/60D79pb19TWLqh4oLirMI5aTOCp++JCIZ/tCsk1nGODB1cxRxHIm5RXOKplXvXRNw6Ztu/Z1de7ZsQUHnQUVpbNn5BO/lpSYAANVhM4Xkl06Ef0tFKETzorQCWdF6ISzInTCWRE64awInXBWhE44K0InfGVZ/w+cY9B6TW8utQAAAABJRU5ErkJggg=="); + --ImageBannerBar: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZ0AAAAFCAIAAAAR/6ZvAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAH7SURBVFhH3ZdNSgVBEIPV87j3JIJLj+DarStX3sC1x/AaehoDgRBS3TU/jxlF+AipVPHeaFcPvKvru/uGm4fX8EqGZeShf43bt0/o0/OLm0YfP74wBqV3cxDvn9+9abRpaeDfs/gf6AegvTmIWDBtXb+fXGkZ6K/QXPbZmwFazawMP2ThvUbqp/g3qVtD6DCMgRPgYQNtCUMe/7Abyo2hiVCtmYoo9xG3a6ZNS+qmZ+XYoWx9VJpGm1YMXMhwDYaqjUKpHVNL4VABxqD8kFn3HBZv/bA1C0VNhqx6rzn918/CnjUzl+OHqoMHOHWWvgSh6IIYo6fhzgEZR5M7mF2wuH4KlbsJH0mYmg/Lk5k9DE2UboQnw3mhvIZudjDcBF8eXyqoNo0tD6tyjCVgSc9S/jhW3neOhfbhJjb/DnXvSiO8G2XVQ4nj5GEr5BJEyYFQgC4HaJioBJgMrczyTcTFg/HLpjK0luH/B/WvU+Klh8RLDbC8hH4T6rZwo4b7BjAZygEoQBIlx1gq9PIIFu97lAo9l3pe/ZDNv0PlaaoSJW7Cn0k9S503N4MbAIOdoA+V4ZJpkiUNBlgKDewjrtka4yWRb3IvRSR14EwWH4aJch+A73PpVrOPuhXcnFgn7hjLWEJXTtLTQNmFcThwPsM3AA2UeBLdOrbA3f0PQBDHQOJLDq4AAAAASUVORK5CYII="); + --ImageMenuArrow: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAmSURBVBhXY4CC/1AaKwBJ4lQAk8SqAFkSQwFOCRDAKQECWCQYGACCnQ/xc1GbJAAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageMenuCheck: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAArSURBVBhXY8AD/kNpDACSAEuiq4BJwCVhClAkQABZAEUCBnBKwACaBAMDANZXFOzc7AnWAAAAAElFTkSuQmCCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageMenuRadio: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAiSURBVBhXY4CC/2gYDNAFYRirIAhjFQRhrIIgDAZoggwMACftH+F43ykVAAAAAElFTkSuQmCCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageFolderClosed: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAE3SURBVFhH7VJBEoIwDOTIf/iTf+JPPMYjMx5qg42uS0KhFHFGO7OTzTZN1mDzdafvm5BD27Yhldc90nwcxxBCv4hDTKwdrqhqQpqF29UctIQqJqTJMFyKIe9LkMa/Vv9pxNEPE2rAWnExBodDLtubPt8uA9qcI99zHqMY6Lq4hUM2IMDhwslMfQPw60ydtHIDPMgawDDeHL8BjoqUbzfAjTwNgffCNY9x3wa4sacxh3y9AW6Qg9azCcrLP4EVWUOgBrV5A1azNdB3MOzJIS//BNDEjDmeUPYnxGaWrgNyPEbbABVt0hCiIwxt/waUa1PmWIdImm8AimYa516NcIVzNzeARQjj8ezOqsE7A8ufQIowWpxrUMOc7xP8DXD0NE8XzrpqkL8ZkOQMTAbkCDkD0/D/+fHTNHfV1QBuqTnkzQAAAABJRU5ErkJggg=="); + --ImageFolderClosedOverlay: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEZSURBVFhH7VKBDcIwDNsBXMITvMWdPATzJE/GJLRrV4YEkaw4bpqajOkb41qB+4whgeGIUwFDTNQ+TuxqYuvjxC4mMOTSAdxvwRpPxQdj3RwNRCtuxTnhWmN7i4keAxzm2c+9RoaB24whGwD0cXA3s7sB/XWR7lqzAX8oesAR3Rm+Ac8E680GfFCmKfQcnDVy1wZ8cKY517ragA8ogf1uwuvmTxBl1xSqaW/RQDSsBrynj5Fr3fwJdEiUS5xo+hPqsEjn8BJHDg140xZNAV0Rad0bIOdA59qnoJYa0CbXvM56wIns7MWANimiy34W9ehZhLefAA2aI+49qmnt50S6Ac+ZlungrlPT+skAiiOwGECAHIF//HxM0wMCXoMpXQz00wAAAABJRU5ErkJggg=="); + --ImageFolderOpen: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFFSURBVFhH7ZJREoMwCEQ9bc/Ra3gnD+SflcrWDQKamtofmXkTRMKuid0dWfR9N+2hre1Dho/jmDIMj9+YgPg09bs0N1EjDpqZOCw+bHOYOIpKliEvar+ekb1HmeW2JnYNOF9e5BU1PYXSxNkT+MCitqZrnQEeuJdnNVoLA/JwBfKjvk2wAUnwY/waEYSRwsDnyM6CIw5yiJ43gOF2jd5r/r0BK5Dh9WpNhNucgIeIQJxXyl0DElUmPBF+b2smfz4X4ToDnohFehJhAOHcAG/OiPq4bnJcQ90JMBgYiTBSN/2uAYnURCRgYTHeY+r4D5QlCgO82cLDshU51xX6+sAAwwOw2pqXW6gH16AssTGATUfgXha0NUUM0DWs4Z4ChtnVy73nALqGNd4GpIGHY41q9lly7gsIDVzJLFka0MCLK7jj39F1L3Q+/18vALefAAAAAElFTkSuQmCC"); + --ImageFolderOpenOverlay: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEqSURBVFhH7VLbDcJADOsATMISrMUUrAy1hCWfm6R39MFPLVlJc2ns5jpdWMGzg4ehZ/hj5iEmOPTWwd1NjIiTu5noFb8HOU30MgQPOHyUI3h/Y4M1A9GXaz5Sg9bCxNYNkCrqNcYhAzpwLa9qGhsDeDiD+FEh3hhAchYgSCONAa5sK7niLKfoZgMc6DE7Z/6zAReoGPWyBuFdNhARIhTSqHloABgxEYnoudc8f82E8JCBSMSJnkqYpHBpQF+umPVp3XNew9AGlByYiShR9/7QAFCZyAScKqbveJ3/QWpAX3bqsCoy1zrJr+/agA5g9FqUO7WH11AaYHMPtVcFvUbCAK+hQbQFDvMY5dFzRl5DAxRxqMMZs5o/I9e+jKmBM7kwAKB4Fi/8G9P0AdexoBVUhbn6AAAAAElFTkSuQmCC"); + --ImageHome: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAE2SURBVFhH1ZaJDYMwDEUzbUdhB3bKTqnt5BdwXMjhSO2XLHOYvNdIoIa/zv4KqRxesoeQUHRqzkyH4SntJoDBKbyk6NRfAHCpWP/KpQIXeBHQEssENDzuGa4llghYcLqcz5WEu8A3eIzxq4SbwB2c8yTBnWosT3DkTqJUf1rhyINEX3rhiIvEKDzPT0rMwtGHJLzg6F0S3nD0Hglc/NQsHB0SRtXZtk0e8IKjY01C2GCEBZ7TBtXdSaANZnUHgXaY1ScFjsX4jbGKHpf7OXWfELguxjA5Pr1WeLVyajhnUKBeTAQUnP6BFAEbzn1AwF6sEiD4ISATZl+zAwWOL6c1j+6/Ayc4X6PH5b6eR/fdAQU/BGw4d98dUPBDQCbM3izAg3fFMA2HgDV/Lp4R0E0wtLJ+KSG8AZmedDr25ZPhAAAAAElFTkSuQmCC"); + --ImageUnread: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACESURBVDhPtZBRCsAgDEM9vefyZpupBtpY9WPsQRjM5bWzZNRaH5/+CrnDgtJao2Qv0uIojSdxokg2FWXGk0r2a8cNSK/wbvLyjbDFaTqTAYFt8YsAeEnGJwHvwARAJfoLKmE5CFAiJ8Eynagkw5cXwcQ+UFhETmVjHi65FhUWfOaRo5QXtxdbQzKnh2UAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImagePing: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACASURBVDhPzZBBCsAwCAR9ek95V3+WqmRhNWJoTx0YCprdhkjFJTJZHZlnENDTwVvVNaypglkqipRhhuZlyZsCUyNzjGHf5upM2oVbfCkwrcBv8eOCRrxB/5BM2iEcCqyVDwVovv0dlCVJDm8FCz+AAETQ7MLOWm4egxkE2LUiRB7pcKIEGXR8dgAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageMonitor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABgSURBVDhP7ZIxCsAwDAPzdD/NP2sRkVoXHOMM2XqgRaBzhoyImV074WyCwt1bARRMicZdwgteAWBRBvyCk4IuqWA3zzigspsaXAH4oauLKXqixop6ypZ8RlkoqCWNkDFu9ufFFlUhU60AAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageSpeaker: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACfSURBVDhPlZABDsQgCAR9uj+rP/M64Hqk0tObhCjKLmjZ0Ef8z3WVXms1g7Geg7h3795as/CbAySmK4EYsimWM4nhTqcYYrHMR+rCKI7jCwleuvZQ/J2AEItQqLMbrBOwwqEBuOC+ksjy+IQYnNn7SZ4TEELFb1hx/Ejy7BN3TBP2mcGJ0XwSIaJQdyNNMRNWpiAywbHJrvAXZuDbjFI+9M9SwlE3nTsAAAAASUVORK5CYII="); + --ImageCamera: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAB0SURBVDhP7ZHZDYAwDEMzekbrZhDnADcgVPGJeJJxyNUi5EdEVbcM34EFtaTiJ/kQgySw0J0ZY3geDuWC6bD6hKmRxfnqhYOci0f6RbysFgC8Z0+AIjffiW9LceDXskQfstLhbYjjtT8AWes51Kjiir6DyA4C/PHAro/o3gAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageJoystick: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADZSURBVDhPlZHBEYQgEATJmq8vQjAQIzAAU/Dlzwj8cdvIWIBQ5W3V1MEy0wue61UIIfaUj8cl43Vdcd/3Z70siwBjiMxoXVczxhHgDZGRqYRJOzd1AQXortKk38kMCg1u8AbozdwAsR4A6pKpDFo76W9Az0QPgC3fYUqANsxeEkD725GLBtNtmQ5koue9rwBIz0H4UyAfPrdpv4nE3ozpXyqHPoXpPM94HEcFYqqAiJshi9QAmpjRtm1JJYgBelYXkCsdtCBC8zy34S5AVYEUVh/D1ypDTdC5Hzu/wPnoc1mtAAAAAElFTkSuQmCC"); + --ImageDiscovery: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAI1SURBVFhHrVQLdsQgEMrRc7S92RZw0NFoPpuOjxKdD8S03Z7Evu/fK0Tp/0YWcHw+n++GZd52/SxsvI0r0XNx3obxQ2Rhxi1RQ6LfgR/E8q05fCVqWBQzehPM3YiZuAbPhDWYYj5biZMJ9pzEb+KD6FTcTLB3EhT3Nb8WJ6su9lXcYG4Ivz3qSzPxRty9o7jOhBZ+ewfmHAepEecrUXPukSh74rzLCSXyt0c9CtAgjmJjFDPXHLgKRD7E/Vn9mSFLFPH++tHQsQfG2cjMcWlg7M/EuVQjFAO+/iYaPIoteav/qgmdywQQBjtxMwrRH2/PRrOSeL5hwqJFoPz5FhMhgjUVPxggIqEGFcxFzRZ2v7n0FxNLcc0ns5CNOPAwRyt+KG5WfczgqvMAnlcDOGjDyjiyVm3qTeSbM3fiZopwcYbZkAk8LMW5VBziAb99qS4xFQfXW+A6iBPYMPBYuVtdUzNQqlnfeGrCBro5ifngwHa90oDxBpbizF3eAAMHDGz7xcKRA3d+B+6JM3iolvsm9BmSiam4DUSP4P1ooDTGYsGKE2ziTFw1MxOdAQYTFrliNUNI/25jb1ELAjREA50J1x8CyXoLM1EzoQEcahNkn7dfUkY14XztnwWSpyYMDcjiR84meEgD1cRpWGQUJeqAc3H30wQPZQT83ESGmk5EKwOph4JMvjOh4gvRA9xTvj8egKefoxaNw++iicxMOHcnXAzMhDJybR/NxHMDOdy4wlWk2m37A2epol0QLuNCAAAAAElFTkSuQmCC"); + --ImageAdd: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC2SURBVFhH7ZBRCsQwCET9WPbcuXmbSTNFFhuTBUsLPngYiNFpJXkVpZTNsl7BeLDMol7dG+C7fU75B9TfiCMDZIDwABwy0gtwJXrakhFonEEHmGE5gF7gKUXOeiUDoPazzWoADGcdGRIAg1k9lwJ4AgzlcqvHso7XZxs2jgT6y2feUDeABx4DLtcBOHzGY9of4PHjAxydQWSADMAlv9YrfQ6lLbO8K0CDyyx7SyzWYtpbkrcgsgMiLydccAQrWQAAAABJRU5ErkJggg=="); + --ImageSearch: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABsSURBVDhP3ZBRCsAgDEN79B7Nmzljuw6DaMW/PQiKkmdRiEo5opZShuDMrvb0ApOVDGVp6UVfEVVdSkLA5Vg3U4RgVj4SzCYQG38pAN9rLEkKQEii6GX/xJyEAxlo2/fsGCv/THIhAFdlQuQBJlH40urJxigAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageFolderClosed16: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABzSURBVDhPxY6LCcAwCAWdtju5k8tkAhvzlTSpiRQqHIL4TuGzQgQeiWPBLlkOITAzFTCxJZElomtJ/WakxLOgX94BkzhGs6QL8tsm5BHEkO6+D5RkXzBc9n0wkdiCSaj1peAtpMLCQyCDU5qgVB2c8nsB3LAgCOof1X39AAAAAElFTkSuQmCCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageFolderOpen16: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACASURBVDhPxY5bCsAgDARz2t7JO+VA/tkudW18EFModGGIoDtGPk1KUkbq1T54nHOeCElYLiVNULKi1n0B4UZE9YDglkQEI01gV4qA4iRwf9dnsoS5F7BozksB4m5hNgB4iyLnWmBLpgz4cydAmsQpAwhMuRe84ar0ghp7EeXXiJyrLeGxEN0gWgAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageNew: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEjSURBVDhPpZGxSgNBEIYXbH0A38D3EF8gjY+QUkvtrGwuCDZKBMFaU1lJIhaprghCwCISRIUoXpMT9LgQo3zO3OSIhi1cPfiY5d/9/529ccC/8IoheMUQvGIIjsjtCOm0bguJUBMyoS90hIawIlSnrAs9rRqQMkrhZBVZJ2SJrd8zSPvw3IGbBuwtQrNqqHnYg/0laSNyOZOcIkRvVWN7kyJIA9U4Goq2BQ8XxtkavA50f6ABZuoemrEM+BhbB08xXB/D2yO83JoxuYL7lga0ZgFatYv5DiIXU1uwwLtzec4pfE7gaFn3Kz8D1KjffAflM7t1uNywM5EOwaZQ/nGtB8WG1bGgU4iFXSEX6sLsTBHwbaZ/wSuG4BVD8IoheMXfg/sCCGr9PJ6PtPUAAAAASUVORK5CYII="); + --ImageBot: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABxSURBVDhP1Y9RDgARDEQd3dHczHayyog22v3bSV5QPFU4tdYeZVxZQbG1dgUZgiVBIRrq4BTgBVm6YD8o6AbvF38jwIGTkOCGK8ggV3ScUWMIFs32MzEF1n/5VQV1VyDLTcDgHM83wRdGRzNayCAp5QETRCGPhz4v+gAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageVerified: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABlSURBVDhPzY5RCsAwCEM9+m6+TYsj2ujaj8EePGitCZXfchKXGMsHcaGIB7NNCQ/cOnYvCqYQ6jwzUhICqBPmnxY4+Rx8+0EG30xSoIQlB2dmEVbmZWZToIyFOtiGEQxsBTcRuQCANOfCY5uAHgAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageListMinus: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAASSURBVBhXY6At+I8F0wYwMAAA8uYE/KrnMfcAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageListPlus: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAgSURBVBhXYyAF/IfSWAFWSZAgOsYAWAVhAK8kEmBgAACBdAj4lkLGzQAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageLock: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABjSURBVDhP3ZFRCsAwCEM9eo/mzTYjFoqdmJ/2Y4GHYJMgVI5pDHlWYs0JAVVFyIkCriSFXcsVfUllvF+AmZl7N34pByrMupfggRFRgFnTFmBW4Hsxzf7bC1jMvheY5gNDSOQF8EUwK1yXdGEAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageMic: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACLSURBVDhPlZIBDsAgCAN5uk/zZ8yqDAZh4iVEAxQaN6rSWmMbO11DRABn7x0D6kOsmJnEwZWLVyx3nLNyZDeLbSMuDEAz9n5Fl+IrkWDFur2IF6uLAiLQrStGDo8ngdYACvOlVWwZIxa4r5Tj7/OgBtI/0FiLxYGrh55U6Ej7jmJsh/3MZWkAiAOIHh+cxDtuyHMAAAAAAElFTkSuQmCCAAAAAAAAAAAAAA=="); + --ImageMicMuted: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACZSURBVDhPlZIBDsMgDAPzdJ7Gz1gdYuZGYQNLhoj6AqW1U7XWhjqWz0QIwtx7R4PzJgqPYTzB1SkWzBqzP/mrCPPYAh80QBj7vqFL+AqiFI7dn2HZM1slWMHsCagIx64ww5WdoXC7ftNfGMMMU7n2SKj6PAgsq2Tdg4Crn4OhpVx7ZA5eVGKwckT2MKRAdkR+N4DwehVoZvYBQ4AV5jjbxRcAAAAASUVORK5CYII="); + --ImageDeafened: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACySURBVDhPlZAJEsMgDAN5Oj8LP6OsjYg50qY7o+GIZJukH9Su/7muVHPOVqCv7yFcq3cvpZj8ywsUpisiDOsUx6kUhnYcYYiBLUwwhuP4QqFjGG7zPQESx5FBnb3APgGrX7W1y4JiLgAeaJ+sawyu0lT2fjMvEyCZTyIsOEw/krOMg3XfZOnAKMJeJlMk3Hts5n6SjGLdN/XMhhVhlfEktz7jz1lCUd33FUxmVAhxdlL6AKT1hO0t6qUVAAAAAElFTkSuQmCC"); + --ImagePins: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAB6SURBVDhPvZBBDsAgCAR9Ok/zZ5ZdIcEeoGrSSTdqYahp+42hD2LHPSiPOeBoiIsxVqoRbRahMLA3uR6ARma9uieHgon4Os/Ys/SBZcAr1pLDASEmemoguByjJaRGRNgcrx5ukdN71x9nA2wNyYnyfLPBlQyu5HNaewCJsofRShk6JgAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageInbox: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAB3SURBVDhP7Y9RDoAgDEN3dI7GzbATlnR1Yvj3Jc1wtA3aj9DaOFYCixOQoIIV9tl7H4ZzOcmHVF3wGl73Ti7g5YeSb1dQvkB9d4EuIQ2F1JcKgrjkMBO7GXbCjEufyQQ55Yu4QP+VSWHMHHawUNN2Pgrmx6kWZhcYnLSbBORupgAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageNotifications: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACFSURBVDhPpZELDsAgCEM5ukfzZoyqTBR/c00IGWvfmoxWCiEwpjx+E4LMJMN3kAyA6A/gogHMNmwhWxAMMcY3VFVhU8gq3N4nEBxHYd0WIvYxIJtUPqxb7LsGfi8baPi0QbpaSK3vv6y7fy+xpoUeigHyYWzrlRmqN/VzLPnfzVevtAkTPWr0hU7fTASOAAAAAElFTkSuQmCCAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageSummaries: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAB/SURBVDhPnY6JDcAgDAMzOqOxWWvTJoQqQOhJFv9hIaWUK5N2OYKHO2qtc4kK9KdISAEJJfpApA2hANe+6cwEXPsQNsETpmM/vjejBspSgKnlWY8h6wYJNg3i2CH418CZjhrYphvPGqhJA1INbOHJCDJMBTzIBk9GAdDNkwCRG9EmQf8VUsdjAAAAAElFTkSuQmCCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageDownload: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABzSURBVDhP7Y9BDsAgCAQ5NH03T/NndkExxGIqnrvJJIrd0dIyTFUh5SAo3/X6BUcCFA0V2D4l6uUh2Ckzc/WMF6A8nxmticimlPICR+Fc6AJchEU27gVNEN0wg0/1t2R9JPCEAht+sRTsxgRadrFBBoToATr/csjS0NthAAAAAElFTkSuQmCCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageEvents: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABySURBVDhPtY8BDsAgCAN9uk/jZ4wam6BOIplrchlUqaxcVNU8BUBoNMkSkKNWfHsAGkpEehXX9wNgtgMzPfRnthtgiPI1hqh/AmC2AzM99Ge2G+CQiurPAX1Yh/VPwH33etvAN8csv/D2WsQQYGKTpOgDv9M2Ye3EqUAAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageBrowseChannels: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACQSURBVDhPrZABDsAgCAN9uk/zZ46CXRB102WXEBNKK5pm5JzrrJq8hoOllBpB7zEIwi4y3oecmInYLCSuLP1leeDREN6OE4XmLncAQ2hVwd0ci3QboK9r8fSTC+4AjvqQ1RZk+ANoJxvYBQ2ERDN6DI9AV6NHn2KCGi2oX5u61CsyZH/DEOsdM4R84fcQT0oX8DMHnAONJMMAAAAASUVORK5CYIIAAAAAAA=="); + --ImageMembers: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACUSURBVDhPjZABDsAgCAN9uk/zZ1uKFinDbZc0OmyBrP3getEnVShLqAxfcqrHh8gYgzVDTCchBHrvrBliiiKctu+6AS+iPC1zbIAAydNIDAN+iCmSG4DlNzwMxQ0Awzijlt/xBlCGtf337RTWwzRW01ifTShF1tdpU7MZ7tiKdWMbIPCcVsnD6Bi7vk6r2MGzKlq7AXGPms2QS+r2AAAAAElFTkSuQmCCAA=="); + --ImageServerGuide: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABpSURBVDhP7Y5LDsAgCEQ9OkfjZnSGamM/JNCFK0meGh2eNJaIWBbEyb34kC3EYwFOjqqGIJ4TIOf7GJ2UBBGI5wR7gpUTzD9UQbu5gOY+ApfzjBpvES8B+3F1BUoC7l88m2Zc0JefNDsAYWgmvbq7rgsAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageServerShop: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACgSURBVDhPlZINDsUgCIM9OkfzZm98D/EHmZlNGhhrqyMrM0Tkd0O1wAEb5qy1ai29Xgfo64WvAV9xDuAE5b+Fbc6I24BjAOYegLAHYHoJEOG7zMSiYNa7bglg4CIPyeBm61sAjQ/XE3JiAuEGFuLM4GZoz9sO1pBIlUw1+RMZANuF72TUOSjQ4AGZmRoCdlzeYId91xBmVFlubnDBiQGlPGt977PTGACjAAAAAElFTkSuQmCC"); + --ImageBook: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACBSURBVDhPnY4JDsAgCAR5Ok/zZxSwCPRQdJKNad3ZCDMQkPiQ7CMyIsdH6kNRjuGr9VCSEYiopzSUZMt8xOllL8zC9TygFxuydOU8lltrNkA6YB9PISbKEvvnL/Bn1WVBS3wpfA3p+SffjIIRh1aykcpGVY68hnbkyBg6kSMLGeACR/RPkVUL+2oAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageVoiceLimited: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC2SURBVDhPlZGBEcMgDAMZnc3CZjRvI2oIpFR3OjCWZELSD9TGjpxTha3c47oQZgtoq5lZwWsI5lp9einFqMkz3REgM1MhZoB4xi0fA2RWU2agAM4hurZ3YzSruQpwTQhwYw1ir61pkxyqH9RkD5DBm5yxAv2JB8YA4Ia7JZPV31/pjytyZt9PMd8AChLvYOL4kNTjI74HCD2E/SrgJKh/EhSi8TiElVvA2fRXyIl4Bwvw7QopfQAmC4UPmcFmAQAAAABJRU5ErkJggg=="); + --ImageVoiceNSFW: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACtSURBVDhPlZELEoUgDAM5OjeTm/HclgDyUd7ORCg0ESV8kIsqMT7rLdcVcozRAspo5pzn0AnMakwpmXrza4jMvBVhhqMAmeEuJ/MoeqqxN2tzFcB6Py9vzbXZN++np9scVA9qx/YAGbyBNUbQTUw8A8AN95ZMVrer9J8rsWbfTzGeAAk177Dm/kdSt1N9B4gawnwVcBJUPwmJ3ngcwsgp0Gj6K+SkeYcF+HRFCD9A53cWIHj7hQAAAABJRU5ErkJggg=="); + --ImageChannel: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAB2SURBVDhPrZCBDcAgCAQdndHczPLaN2KkVdpLiFHgRNMKESmruNM+LMw5lxmcPYqQ2EXLreSkmWhbk8wj67kbI+ipksjtZCkYb/SC/DfB7h8gSP8DEJmiN5MTiZbb5oGa9GAehW8YkXnvIVWAtW1jfBYAR5DSBbHjFXQ1KYBHAAAAAElFTkSuQmCCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageChannelThreads: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAB8SURBVDhPpZBRDsAgCEM9ukfzZg5wXdAUh9tL+lNKJRZGrbUz3eMYBFtrfUW9bZEOskh8LjlZBrI2StaTxQ/l0R0r+fI6oAX+RZXOI71esJspT0H0ByjwHjR895GM1AWAhdMXOMwERxcs2PBPAUBoUnYZsPBRgcLC4pVyAa+DOl6QiluNAAAAAElFTkSuQmCCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageChannelLimited: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACLSURBVDhPpZELEoAgCEQ5ukfzZuaC+CEsrDezowm7UpFHSql4khrVPfH+hjbmnIsFZ2IeQWxSUHhCb7YKmQGaLdVa2DyPXM9caQCbcFBkDd0OxgRi3gYg3FczWEUn8OgBkW+gUuBpU8T+gqWblZOQ2r6aJ7i4Q+tofGMJWt73EA7AKo/f+B0ANgFEF1VDB8sLBBfJAAAAAElFTkSuQmCCAAAAAAAAAAAAAA=="); + --ImageChannelLimitedThreads: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACPSURBVDhPpZEBDoAgDAP3dJ7GzybdUkUYOOIljWaspVGJKKVoJD+T9i72PsHFWquOYObmJ8hMBAc7ePOolBlgeaRZ1cx95TYLxQAzYaD+TN0OngZuXgYgvBfOId48adfgq90dsPoGDOhnlM+txfovpBqQaDndoMOG5KjBgB3+CSBceilrJtHyUQCIlttM5AKnEy4s6s2VKAAAAABJRU5ErkJgggAAAAAAAA=="); + --ImageChannelNSFW: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACBSURBVDhPpZEJDsAgCAR5uk/zZ7SLYhTEo52EGIs70pZmpJR4VqVHsk7RgzlntuAZwswi8BIEV/RhJ9mFQSiwI6NvS8O2RHJzu4aWAr3VVw3YOpkgogl236AvBZk6xdlfsLSwciN5j4/hDmlGaB8Hdwyi4X0vEQHWsv3GbwEIBEQPfBT6Qe6AY+kAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageChannelNSFWThreads: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACESURBVDhPpZELCoAwDEN79B1tN6umIzJr9sMHQWibGNQUpRRXajuLp4SHtVbPYAazewR8Q2Cc0Zs/ISszGAbkythn0ZwVISdvp2kawLdS2ENxrDRrsGr3BIy+AQP6GdXm0WL8F7YaEHW83aAjhuSoQSKWfwIIj17aNRN1fBQA1PE9M7sAzeQgsZ1ATDgAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageAnnouncements: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACOSURBVDhPnZALDsMgDEM5OkfjZh3PzBGjn5Q9KXKJ7WhaSTi++hcHoOO5R5St2r4kSqtiZkR41taalDehOyJUa/0p82aAPeGVMOeymQ8APiVzMs38DavXR2gxHwHvn7SPiD/JR9hl2ifQcudInxMy1yPGPqr0DQo9/RKlEhS+OjLsd6jkI7zHeg8Xk3IpH/bNbkaw0OWGAAAAAElFTkSuQmCCAAAAAAAAAA=="); + --ImageAnnouncementsThreads: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACSSURBVDhPnZABDsQgCAR9uk/zZ21nFUqJ1+pNQijLsjEtHxyj/8UB9D7u4cfWpS7iR7mz/MLNsbfW1Jkx/cJNtdbHMTMF6JgzvozHYMez0uWFBoPZiPoMvAqAbI7BWHJ1fQTYT7oPumPrBbOQ1ReAhByy+gJDYgzZDQAtYghaLhjfU2SwEOYuP3gNADO8ma5dKScD2ryIh5VVegAAAABJRU5ErkJgggAAAA=="); + --ImageAnnouncementsLimited: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACfSURBVDhPlY8BDsUgCEM9OkfzZn5bLOGzTbeXkCq0zLUDY2lg1gZqXbcMAPWrh9fx73xHhKX6ci26CxHKCnMFMwQyMcjae48F6HnfdVYQBjNbJoUtvcDDdYGPSlio91AeEriLfAZ1NouwkZcA9Xc6i/A/gZagd9JZAZtflsy6wGFdIjSH0v0ATbuX0HWA5rslPn4HQ1qCu7e/oeAh3NoP1L2eIN71IvkAAAAASUVORK5CYII="); + --ImageAnnouncementsLimitedThreads: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACiSURBVDhPlY8BDsMwCAPzdJ6Wn2U1BkatLGtPQiRgu+n4w4pemI2FiuuRBdB5pTmOt/OOMmfPL2u5WihT7xAr2MHQqUXvc84KwIxz9quKEphZiNJs7QU0awBXYgY0c/ajaEpwT/p8RwUAFfdgSLQ4jwD8J/gaqHj1gl3I0xcAH2jI0xckPuwhbwOAL3oIZlogzltckCG4c3zjGABScBJduzE+n8/rXVeyVvsAAAAASUVORK5CYII="); + --ImageAnnouncementsNSFW: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACZSURBVDhPlY8BDsMwCAPzdJ6Wn3XY1CxNmtKehNwYbG2t4Dg1MVu9HQeAxjPC7ly8HRmWjuGqJEOjvi3g8awKz4M9QsJNt13NLMO990tB+P9vH+LGGhbybobwQOAtxm8w73wIjbEEyH9SH8L/CVQCr1KfhOaXEp8FLucSoT2U1xt49PRLeFXA47uSWL+DIZXgHfY3FCzCrf0AA2GSYYGCNY4AAAAASUVORK5CYII="); + --ImageAnnouncementsNSFWThreads: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACdSURBVDhPlY8BDsAgCAN9Ok/zZ46Cdcicc5cQZm0bVz5ofQ9EntobDWD70cOqTNobI8wdw18lIxT3aYGZ82Y4D+4RIiqqrFtERrjWOhW4fn/rGCo8wwBnaosxzEBwJlFfAa8VgGyOxbDkcb0X4D/BHXDHrxesSk5fAEzIJacvICbGkr8FwC5iCbQ8oH8vMQNLcHZ5YlsAaNiZ9K6UC85k354boeJsAAAAAElFTkSuQmCC"); + --ImageForums: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABxSURBVDhPxZFdDsAgCIM5ukfjZg4UNgR/8Glf0kS0bUiEGaWUepJYI/yYgayxJBtWKDKW2AJ6W0qhCOvjvw04uNKOVpAy7TbQAm9i9Xs5TEhvsCK9gZUi8/nrXmOnIuJ4d1sgClizl8XPA7PANZcFAA8WLhnu5Y1skgAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageForumsLimited: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACFSURBVDhPlZEJDsAgCAR5uk/zZ5YVrIjQ6iQTj+xSk1JEKaXlUlejOwhloDgIh/yVI7Uq2AHEH7Mi7OEKnJw8n2Nd3n0PQMY6X4BV5AqUYuZAw7s2FCFBrNPBMsCHoNzrJuD4BRnHL7AO9Pz968AbFFqtdb27HaBu2LDX4s8LUeGaywFEDxdh/AcRxepeAAAAAElFTkSuQmCCAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageForumsNSFW: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACASURBVDhPlZJdDsAgCIM5ukfzZsxOcKCwyJc0/rXVBymitca56B3FeoLDDISZCWGV5zacltgC+KzKBRYN7xqRvAAXqWzBsLn5CmZSxHzKmiKmEeMnxRXsJmjuyyTg+gUZ1y+wUmT9/3nAMk649+73qgWiA2veZdnXjihQplhA9ACHmO6PQWHwzwAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageMedia: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAB0SURBVDhPlY0BDoAgDAP39D2Nn2m7olFSBZqyLawHEZGbjhwufqxC4FjQCOAYQzXsANAXkBiHdKUwG4BpnGJYta3uAfaLaa31tKwXLdDTWskQP3CA0lLfyvaHZ1q605iXAAgrDR4w4poywFQvYNEqz5uZI09xP0SY7SDq7QAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageMediaLimited: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACHSURBVDhPjZABDoAgDAN5Ok/jZ9quG6BMoSmw2B5GSyl161qxetPmP6Mdg502XB9i++kBYK1GJlJi/QRQL84J4NdFlbaMN48HlAP6F2K4M7F8kQM8g2mtxa9xjDda+Q14W5EMIU4BtSVP5fQNc1vqbcxHAIRIQw4kYkwlwFYP4NDa5ic7l3oDpSpBoPdXyoMAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAA=="); + --ImageMediaNSFW: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACESURBVDhPlY8BDoUgDEN3dI7GzbClc444Azb9c9A+zTeztnXDeI44p1PhZmOgxl2DwPhQtDUXgHcv/wPUzpYegP8u5XGCYoEcYBu/2eJkMvNFvHKAz5vpvTMK640l4G1FMoS4BNSWPJXLL+S2FG3sRwCESEsNFGJMFcBWC3BojXyzs7ULN3k8IOn3vUIAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageStage: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADKSURBVDhPlZLBDcMgFEM5sFF2Yo6O0Csj9NBN2IliEv+YD0GqJYsk2K+fpCHG2B1yqSG8Ku/p7+ddvXX/vmhlBTBcSq6qnBMyljOA2IpHaYVeK7ZC1xQdMgG4eaQGEN+QDQAbR0tdR7EJdBJoD0gnACWEZsgDgGVOgNVDILybZwBKMoGHQMjpl1hOYKtAWNZfnwCQh1Asb/8HhKh45lUZHgAwgyztyvBwQ6cUGPaestMDb8Cgdv0fAEWW8R5wBJnMckNpYRbUsh/DD4Cqj8OlFBanAAAAAElFTkSuQmCC"); + --ImageStageLimited: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADXSURBVDhPlZLLEcMgDAU50JF7og6XkCsl5JBO6ImwkKcIsDMTzbzBH+0if0KMsSfkUkM4q86V1/NRfc4z9Oi+NQJ7gYBSclUB5pzoMYkJXAw8Sq0DL7bzmk0AjORITeBC81pt7FkAfLQtP49iE7BK0KGWdnQjSEMA5CXfCQa8CQRrAlYv0c5bJgGQm2CVUPTpS8BdTmCrkwgmgjcBtUpUgv3uk4BI4ov/4Q4mk4CoUdAvmEwnSkr9N73K1rtdWIOMasf/CQAF8x54BDeZ9U3QRQT4uPsxvAHMM4ZABPpN0QAAAABJRU5ErkJggg=="); + --ImageStageNSFW: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADUSURBVDhPlZLBEYMwDAT1cEf05DooIV+XkEc6cU+KznBGskgm0cyNMWgXmUFKKSPSuorsyj3zej7UZ98l9FwXBnsBgd6bsgCrivVdkilwmeDWVQ+8B9hLkgCwrbpVE7j8JAC82SvPo8wJCK+BJAuqPTIBYEq8gBMkAWFOgNVLRvMScFEAyE2wSlDoa62Oe1lwTjBXJyGMEE4C1CphEfZvDwKEEl/4Hz7BSBAgbCT0DUbChql1fOG7pN50Yw1kKLv+TwCQML4DjuAmm30BugkBH/e8yBuBdHZGfkn0oAAAAABJRU5ErkJggg=="); + --ImageRedDot: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAvSURBVChTY4CBBgaG/8gYKgwBIAGgCAoGCoMwdkkYBiuigwIowCsJAzBBJEkGBgCUiFgtEF6INwAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --ImageGlobe: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADOSURBVDhPjZHREcQgCET5tB97Sh3XRnpKQf55LLKIGZ27dfYjyFsYIyfVW3q2l3+LQGut16cOo3Z1s7ftRfDxM+EZcAzJcEw2UNe/JzwCPmvICQZo8LMGwKWUGTKKvmpM1hpAdd5AEAyLPyyK2tOrejQOmJPfsA3QjSMkAvBYuODKbnyjOT/qsgVB/ja7SCFHOAeggSdCYJ9OeBsA2WW/pjkNDQx5BxCGeLkLyA+4OAdAEeLWUsAWIO66gZMCRvMChs8w5U1bEP5bGTqAIl/8zIjoHN7HlAAAAABJRU5ErkJggg=="); + --ImageHome16: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACgSURBVDhPtZHBDcQgDAT9oNaUQg/05J4cFryBs8iRU3Qr+YFhBofIX1MOsZSS+VKKiKHm3m0AmxUzHQBgk2MvIIyDKEoeCWZYVVvNkq+CCDNRshTcwe0daqLEsZ4dvJVgsYOj5EOA5JzbgZ5imIqFw+xT4NjIEPSb+FnX64cJHBtZTQC4/vwXE1RYL8GDCbDJggAw32DeWwrQ/KUcexuRE8RogUsXcxcCAAAAAElFTkSuQmCC"); +} + +svg { + /* globe */ + &:not([aria-label$="on Web"]) { + &:has( + path[d="M5 0.833252C2.7 0.833252 0.833333 2.69992 0.833333 4.99992C0.833333 7.29992 2.7 9.16659 5 9.16659C7.3 9.16659 9.16667 7.29992 9.16667 4.99992C9.16667 2.69992 7.3 0.833252 5 0.833252ZM4.58333 8.30409C2.9375 8.09992 1.66667 6.69992 1.66667 4.99992C1.66667 4.74159 1.7 4.49575 1.75417 4.25409L3.75 6.24992V6.66659C3.75 7.12492 4.125 7.49992 4.58333 7.49992V8.30409ZM7.45833 7.24575C7.35 6.90825 7.04167 6.66659 6.66667 6.66659H6.25V5.41659C6.25 5.18742 6.0625 4.99992 5.83333 4.99992H3.33333V4.16659H4.16667C4.39583 4.16659 4.58333 3.97909 4.58333 3.74992V2.91659H5.41667C5.875 2.91659 6.25 2.54159 6.25 2.08325V1.91242C7.47083 2.40825 8.33333 3.60409 8.33333 4.99992C8.33333 5.86659 8 6.65409 7.45833 7.24575Z"] + ), + &:has( + path[d="M23 12a11 11 0 1 1-22 0 11 11 0 0 1 22 0Zm-4.16 5.85A9 9 0 0 0 15 3.52V4a3 3 0 0 1-3 3h-.77c-.13 0-.23.1-.23.23A2.77 2.77 0 0 1 8.23 10c-.13 0-.23.1-.23.23v1.52c0 .14.11.25.25.25H13a3 3 0 0 1 3 3v.77c0 .13.1.23.23.23 1.2 0 2.23.77 2.61 1.85ZM3.18 10.18A9 9 0 0 0 11 20.94v-2.7c0-.14-.1-.24-.23-.24h-.65A2.12 2.12 0 0 1 8 15.88c0-.56-.22-1.1-.62-1.5l-4.2-4.2Z"] + ) { + background-image: var(--ImageGlobe); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > g, + & > path { + display: none; + } + } + } + + /* home */ + &:has( + path[d="M4.16667 8.33333V5.83333H5.83333V8.33333H7.91667V5H9.16667L5 1.25L0.833333 5H2.08333V8.33333H4.16667Z"] + ), + &:has( + path[d="m2.4 8.4 8.38-6.46a2 2 0 0 1 2.44 0l8.39 6.45a2 2 0 0 1-.79 3.54l-.32.07-.82 8.2a2 2 0 0 1-1.99 1.8H16a1 1 0 0 1-1-1v-5a3 3 0 0 0-6 0v5a1 1 0 0 1-1 1H6.31a2 2 0 0 1-1.99-1.8L3.5 12l-.32-.07a2 2 0 0 1-.79-3.54Z"] + ) { + background-image: var(--ImageHome16); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* verified */ + &:has(path[d="M7.4,11.17,4,8.62,5,7.26l2,1.53L10.64,4l1.36,1Z"]), + &:has( + path[d="M18.7 7.3a1 1 0 0 1 0 1.4l-8 8a1 1 0 0 1-1.4 0l-4-4a1 1 0 1 1 1.4-1.4l3.3 3.29 7.3-7.3a1 1 0 0 1 1.4 0Z"] + ) { + background-image: var(--ImageVerified); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + /* speaker */ /* + &:has(> path[d^="M11.383"][d$="00195Z"]), + &:has(path[d^="M12"][d$="2.00305Z"]), + &:has(> path[d^="M12"][d$="17.5Z"]), + &:has(> path[d^="M12"][d$="3Z"]) { + background-image: var(--ImageSpeaker); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > svg, + & > path { + display: none; + } + } + + /* speaker (deafened) */ /* + &:has( + path[d="M6.16204 15.0065C6.10859 15.0022 6.05455 15 6 15H4V12C4 7.588 7.589 4 12 4C13.4809 4 14.8691 4.40439 16.0599 5.10859L17.5102 3.65835C15.9292 2.61064 14.0346 2 12 2C6.486 2 2 6.485 2 12V19.1685L6.16204 15.0065Z"] + ), + &:has( + path[d="M22.7 2.7a1 1 0 0 0-1.4-1.4l-20 20a1 1 0 1 0 1.4 1.4l20-20ZM17.06 2.94a.48.48 0 0 0-.11-.77A11 11 0 0 0 2.18 16.94c.14.3.53.35.76.12l3.2-3.2c.25-.25.15-.68-.2-.76a5 5 0 0 0-1.02-.1H3.05a9 9 0 0 1 12.66-9.2c.2.09.44.05.59-.1l.76-.76ZM20.2 8.28a.52.52 0 0 1 .1-.58l.76-.76a.48.48 0 0 1 .77.11 11 11 0 0 1-4.5 14.57c-1.27.71-2.73.23-3.55-.74a3.1 3.1 0 0 1-.17-3.78l1.38-1.97a5 5 0 0 1 4.1-2.13h1.86a9.1 9.1 0 0 0-.75-4.72ZM10.1 17.9c.25-.25.65-.18.74.14a3.1 3.1 0 0 1-.62 2.84 2.85 2.85 0 0 1-3.55.74.16.16 0 0 1-.04-.25l3.48-3.48Z"] + ) { + background-image: var(--ImageDeafened); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* mic */ /* + &:has( + path[d="M14.99 11C14.99 12.66 13.66 14 12 14C10.34 14 9 12.66 9 11V5C9 3.34 10.34 2 12 2C13.66 2 15 3.34 15 5L14.99 11ZM12 16.1C14.76 16.1 17.3 14 17.3 11H19C19 14.42 16.28 17.24 13 17.72V22H11V17.72C7.72 17.23 5 14.41 5 11H6.7C6.7 14 9.24 16.1 12 16.1Z"] + ), + &:has( + path[d="M6 10a1 1 0 0 0-2 0 8 8 0 0 0 7 7.94V20H9a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-2v-2.06A8 8 0 0 0 20 10a1 1 0 1 0-2 0 6 6 0 0 1-12 0Z"] + ) { + background-image: var(--ImageMic); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* mic (muted) */ /* + &:has( + path[d="M11.7237 16.0927L10.9632 16.8531L10.2533 17.5688C10.4978 17.633 10.747 17.6839 11 17.72V22H13V17.72C16.28 17.23 19 14.41 19 11H17.3C17.3 14 14.76 16.1 12 16.1C11.9076 16.1 11.8155 16.0975 11.7237 16.0927Z"] + ), + &:has( + path[d="m2.7 22.7 20-20a1 1 0 0 0-1.4-1.4l-20 20a1 1 0 1 0 1.4 1.4ZM10.8 17.32c-.21.21-.1.58.2.62V20H9a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-2v-2.06A8 8 0 0 0 20 10a1 1 0 0 0-2 0c0 1.45-.52 2.79-1.38 3.83l-.02.02A5.99 5.99 0 0 1 12.32 16a.52.52 0 0 0-.34.15l-1.18 1.18ZM15.36 4.52c.15-.15.19-.38.08-.56A4 4 0 0 0 8 6v4c0 .3.03.58.1.86.07.34.49.43.74.18l6.52-6.52ZM5.06 13.98c.16.28.53.31.75.09l.75-.75c.16-.16.19-.4.08-.61A5.97 5.97 0 0 1 6 10a1 1 0 0 0-2 0c0 1.45.39 2.81 1.06 3.98Z"] + ) { + background-image: var(--ImageMicMuted); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* pins */ /* + &:has( + path[d="M22 12L12.101 2.10101L10.686 3.51401L12.101 4.92901L7.15096 9.87801V9.88001L5.73596 8.46501L4.32196 9.88001L8.56496 14.122L2.90796 19.778L4.32196 21.192L9.97896 15.536L14.222 19.778L15.636 18.364L14.222 16.95L19.171 12H19.172L20.586 13.414L22 12Z"] + ), + &:has( + path[d="M19.38 11.38a3 3 0 0 0 4.24 0l.03-.03a.5.5 0 0 0 0-.7L13.35.35a.5.5 0 0 0-.7 0l-.03.03a3 3 0 0 0 0 4.24L13 5l-2.92 2.92-3.65-.34a2 2 0 0 0-1.6.58l-.62.63a1 1 0 0 0 0 1.42l9.58 9.58a1 1 0 0 0 1.42 0l.63-.63a2 2 0 0 0 .58-1.6l-.34-3.64L19 11l.38.38ZM9.07 17.07a.5.5 0 0 1-.08.77l-5.15 3.43a.5.5 0 0 1-.63-.06l-.42-.42a.5.5 0 0 1-.06-.63L6.16 15a.5.5 0 0 1 .77-.08l2.14 2.14Z"] + ) { + background-image: var(--ImagePins); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* inbox */ /* + &:has( + path[d="M19 3H4.99C3.88 3 3.01 3.89 3.01 5L3 19C3 20.1 3.88 21 4.99 21H19C20.1 21 21 20.1 21 19V5C21 3.89 20.1 3 19 3ZM19 15H15C15 16.66 13.65 18 12 18C10.35 18 9 16.66 9 15H4.99V5H19V15Z"] + ), + &:has( + path[d="M5 2a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H5ZM4 5.5C4 4.67 4.67 4 5.5 4h13c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5h-2.65c-.5 0-.85.5-.85 1a3 3 0 1 1-6 0c0-.5-.35-1-.85-1H5.5A1.5 1.5 0 0 1 4 11.5v-6Z"] + ) { + background-image: var(--ImageInbox); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* notifications */ /* + &:has( + path[d="M12 3C13.417 3 14.71 3.5 15.734 4.321L5.99805 14.058C5.99805 14.0479 5.99856 14.038 5.99907 14.0283C5.99956 14.0188 6.00005 14.0094 6.00005 14V9C6.00005 5.686 8.68605 3 12 3Z"] + ), + &:has( + path[d="M1.3 21.3a1 1 0 1 0 1.4 1.4l20-20a1 1 0 0 0-1.4-1.4l-20 20ZM3.13 16.13c.11.27.46.28.66.08L15.73 4.27a.47.47 0 0 0-.07-.74 6.97 6.97 0 0 0-1.35-.64.62.62 0 0 1-.38-.43 2 2 0 0 0-3.86 0 .62.62 0 0 1-.38.43A7 7 0 0 0 5 9.5v2.09a.5.5 0 0 1-.13.33l-1.1 1.22A3 3 0 0 0 3 15.15v.28c0 .24.04.48.13.7ZM18.64 9.36c.13-.13.36-.05.36.14v2.09c0 .12.05.24.13.33l1.1 1.22a3 3 0 0 1 .77 2.01v.28c0 .67-.34 1.29-.95 1.56-1.31.6-4 1.51-8.05 1.51-.46 0-.9-.01-1.33-.03a.48.48 0 0 1-.3-.83l8.27-8.28ZM9.18 19.84A.16.16 0 0 0 9 20a3 3 0 1 0 6 0c0-.1-.09-.17-.18-.16a24.84 24.84 0 0 1-5.64 0Z"] + ) { + background-image: var(--ImageNotifications); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* summaries */ /* + &:has( + path[d="M12.6667 1.33331H7.33333C6.6 1.33331 6 1.93331 6 2.66665V5.99998C6 6.73331 5.4 7.33331 4.66667 7.33331C3.19333 7.33331 2 8.52665 2 9.99998V13.3333C2 14.0666 2.6 14.6666 3.33333 14.6666H8.66667C9.4 14.6666 10 14.0666 10 13.3333V9.99998C10 9.26665 10.6 8.66665 11.3333 8.66665C12.8067 8.66665 14 7.47331 14 5.99998V2.66665C14 1.93331 13.4 1.33331 12.6667 1.33331ZM8 13.3333H4C3.63333 13.3333 3.33333 13.0333 3.33333 12.6666C3.33333 12.3 3.63333 12 4 12H8C8.36667 12 8.66667 12.3 8.66667 12.6666C8.66667 13.0333 8.36667 13.3333 8 13.3333ZM8 10.6666H4C3.63333 10.6666 3.33333 10.3666 3.33333 9.99998C3.33333 9.63331 3.63333 9.33331 4 9.33331H8C8.36667 9.33331 8.66667 9.63331 8.66667 9.99998C8.66667 10.3666 8.36667 10.6666 8 10.6666ZM12 6.66665H8C7.63333 6.66665 7.33333 6.36665 7.33333 5.99998C7.33333 5.63331 7.63333 5.33331 8 5.33331H12C12.3667 5.33331 12.6667 5.63331 12.6667 5.99998C12.6667 6.36665 12.3667 6.66665 12 6.66665ZM12 3.99998H8C7.63333 3.99998 7.33333 3.69998 7.33333 3.33331C7.33333 2.96665 7.63333 2.66665 8 2.66665H12C12.3667 2.66665 12.6667 2.96665 12.6667 3.33331C12.6667 3.69998 12.3667 3.99998 12 3.99998Z"] + ), + &:has( + path[d="M3.11 8H6v10.82c0 .86.37 1.68 1 2.27.46.43 1.02.71 1.63.84A1 1 0 0 0 9 22h10a4 4 0 0 0 4-4v-1a2 2 0 0 0-2-2h-1V5a3 3 0 0 0-3-3H4.67c-.87 0-1.7.32-2.34.9-.63.6-1 1.42-1 2.28 0 .71.3 1.35.52 1.75a5.35 5.35 0 0 0 .48.7l.01.01h.01L3.11 7l-.76.65a1 1 0 0 0 .76.35Zm1.56-4c-.38 0-.72.14-.97.37-.24.23-.37.52-.37.81a1.69 1.69 0 0 0 .3.82H6v-.83c0-.29-.13-.58-.37-.8C5.4 4.14 5.04 4 4.67 4Zm5 13a3.58 3.58 0 0 1 0 3H19a2 2 0 0 0 2-2v-1H9.66ZM3.86 6.35ZM11 8a1 1 0 1 0 0 2h5a1 1 0 1 0 0-2h-5Zm-1 5a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2h-5a1 1 0 0 1-1-1Z"] + ) { + background-image: var(--ImageSummaries); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* download */ /* + &:has( + path[d="M16.293 9.293L17.707 10.707L12 16.414L6.29297 10.707L7.70697 9.293L11 12.586V2H13V12.586L16.293 9.293ZM18 20V18H20V20C20 21.102 19.104 22 18 22H6C4.896 22 4 21.102 4 20V18H6V20H18Z"] + ), + &:has( + path[d="M12 2a1 1 0 0 1 1 1v10.59l3.3-3.3a1 1 0 1 1 1.4 1.42l-5 5a1 1 0 0 1-1.4 0l-5-5a1 1 0 1 1 1.4-1.42l3.3 3.3V3a1 1 0 0 1 1-1ZM3 20a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2H3Z"] + ) { + background-image: var(--ImageDownload); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* events */ /* + &:has( + path[d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7v-5z"] + ), + &:has( + path[d="M2 10a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v9a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-9Zm3.5 2a.5.5 0 0 0-.5.5v3c0 .28.22.5.5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3Z"] + ) { + background-image: var(--ImageEvents); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > g, + & > path { + display: none; + } + } + + /* browse channels */ /* + &:has( + path[d="M5.00328 17.5C4.69218 17.5 4.4566 17.2189 4.51097 16.9126L4.99838 14.1667H2.26014C1.94953 14.1667 1.71409 13.8864 1.76763 13.5805L1.8843 12.9138C1.92617 12.6746 2.13392 12.5 2.37681 12.5H5.29005L6.17338 7.5H3.43514C3.12453 7.5 2.88909 7.21977 2.94263 6.91381L3.0593 6.24714C3.10117 6.00789 3.30892 5.83333 3.55181 5.83333H6.46505L6.98347 2.91262C7.02584 2.67391 7.23335 2.5 7.47578 2.5H8.12681C8.43792 2.5 8.67349 2.78107 8.61912 3.08738L8.13171 5.83333H13.1317L13.6501 2.91262C13.6925 2.67391 13.9 2.5 14.1424 2.5H14.7935C15.1046 2.5 15.3402 2.78107 15.2858 3.08738L14.7984 5.83333H17.5366C17.8472 5.83333 18.0827 6.11356 18.0291 6.41952L17.9125 7.08619C17.8706 7.32544 17.6628 7.5 17.4199 7.5H14.5067L14.2417 9H12.5754L12.8404 7.5H7.84041L6.95708 12.5H8.99835V14.1667H6.66505L6.14662 17.0874C6.10425 17.3261 5.89675 17.5 5.65431 17.5H5.00328Z"] + ):has( + path[d="M10.4 14C10.4 12.0118 12.0118 10.4 14 10.4C15.9883 10.4 17.6 12.0118 17.6 14C17.6 14.7775 17.3536 15.4975 16.9345 16.0859L18.9243 18.0758C19.1586 18.3101 19.1586 18.69 18.9243 18.9243C18.69 19.1586 18.3101 19.1586 18.0758 18.9243L16.0859 16.9345C15.4975 17.3536 14.7775 17.6 14 17.6C12.0118 17.6 10.4 15.9883 10.4 14ZM14 11.6C12.6745 11.6 11.6 12.6745 11.6 14C11.6 15.3255 12.6745 16.4 14 16.4C15.3255 16.4 16.4 15.3255 16.4 14C16.4 12.6745 15.3255 11.6 14 11.6Z"] + ), + &:has( + path[d="M3 3a1 1 0 0 0 0 2h18a1 1 0 1 0 0-2H3ZM2 8a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1ZM3 11a1 1 0 1 0 0 2h11a1 1 0 1 0 0-2H3ZM2 16a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1ZM3 19a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H3Z"] + ) { + background-image: var(--ImageBrowseChannels); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* members */ /* + &:has( + path[d="M14 8.00598C14 10.211 12.206 12.006 10 12.006C7.795 12.006 6 10.211 6 8.00598C6 5.80098 7.794 4.00598 10 4.00598C12.206 4.00598 14 5.80098 14 8.00598ZM2 19.006C2 15.473 5.29 13.006 10 13.006C14.711 13.006 18 15.473 18 19.006V20.006H2V19.006Z"] + ), + &:has( + path[d="M14.5 8a3 3 0 1 0-2.7-4.3c-.2.4.06.86.44 1.12a5 5 0 0 1 2.14 3.08c.01.06.06.1.12.1ZM18.44 17.27c.15.43.54.73 1 .73h1.06c.83 0 1.5-.67 1.5-1.5a7.5 7.5 0 0 0-6.5-7.43c-.55-.08-.99.38-1.1.92-.06.3-.15.6-.26.87-.23.58-.05 1.3.47 1.63a9.53 9.53 0 0 1 3.83 4.78ZM12.5 9a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM2 20.5a7.5 7.5 0 0 1 15 0c0 .83-.67 1.5-1.5 1.5a.2.2 0 0 1-.2-.16c-.2-.96-.56-1.87-.88-2.54-.1-.23-.42-.15-.42.1v2.1a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-2.1c0-.25-.31-.33-.42-.1-.32.67-.67 1.58-.88 2.54a.2.2 0 0 1-.2.16A1.5 1.5 0 0 1 2 20.5Z"] + ) { + background-image: var(--ImageMembers); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* server guide */ /* + &:has(path[d="M7 15H9V8H12.5L15 5.5L12.5 3H9V1H7V3H1L3.5 5.5L1 8H7V15Z"]), + &:has( + path[d="M11 3a1 1 0 1 1 2 0v2h5.75c.16 0 .3.07.4.2l2.63 3.5a.5.5 0 0 1 0 .6l-2.63 3.5a.5.5 0 0 1-.4.2H13v5h2a2 2 0 0 1 2 2v1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-1c0-1.1.9-2 2-2h2v-5H2.8a.5.5 0 0 1-.44-.72L3.9 9.22a.5.5 0 0 0 0-.44L2.36 5.72A.5.5 0 0 1 2.81 5H11V3Z"] + ) { + background-image: var(--ImageServerGuide); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* server shop */ /* + &:has( + path[d="M13.6698 8.91016C14.5646 10.1567 16.3407 10.3342 17.4866 9.44283C17.4957 9.46624 17.5008 9.49191 17.5008 9.51916V15.8337C17.5008 17.2144 16.3815 18.3337 15.0008 18.3337H12.7092C12.5941 18.3337 12.5008 18.2404 12.5008 18.1253V13.3337C12.5008 12.4132 11.7547 11.667 10.8342 11.667H9.16748C8.24699 11.667 7.5008 12.4132 7.5008 13.3337V18.1253C7.5008 18.2404 7.40753 18.3337 7.29247 18.3337H5.0008C3.62009 18.3337 2.5008 17.2144 2.5008 15.8337V9.51916C2.5008 9.36341 2.66628 9.26158 2.81091 9.31949C3.23542 9.48933 3.70172 9.58366 4.19593 9.58366C5.27336 9.58366 6.24385 9.12583 6.92345 8.39408C7.0135 8.29708 7.17004 8.29679 7.26039 8.39349C7.94479 9.12583 8.91932 9.58366 10.0008 9.58366C11.0823 9.58366 12.0568 9.12583 12.7412 8.39349C12.8316 8.29679 12.9882 8.29708 13.0782 8.39408C13.2565 8.58599 13.4548 8.75916 13.6698 8.91016ZM11.7497 6.67891C9.42957 5.8204 9.4179 2.5511 11.7147 1.6683C11.699 1.66743 11.6833 1.66699 11.6675 1.66699H8.33415C7.87391 1.66699 7.50082 2.04009 7.50082 2.50033V5.83366C7.50082 5.87681 7.50191 5.9197 7.50407 5.96231C7.52181 6.31232 7.61153 6.64333 7.75873 6.94085C7.77282 6.96931 7.78743 6.99747 7.80255 7.02531C8.2259 7.80462 9.05157 8.33366 10.0008 8.33366C10.984 8.33366 11.8346 7.76614 12.2429 6.94084L12.2543 6.91751C12.2613 6.90286 12.2682 6.88812 12.2751 6.87331L11.7497 6.67891ZM15.8231 8.3336C15.4338 8.32949 15.0467 8.10931 14.8853 7.67305L14.4606 6.52524C14.2917 6.06904 13.9321 5.70936 13.4759 5.54055L13.3342 5.4881V2.84588L13.4759 2.79343C13.9321 2.62463 14.2917 2.26494 14.4606 1.80874L14.5131 1.66699H15.2462C16.3397 1.66699 17.3062 2.37762 17.6324 3.42131L18.1647 5.12491C18.2057 5.25598 18.2352 5.38724 18.254 5.51775L18.1924 5.54055C17.7361 5.70936 17.3765 6.06904 17.2077 6.52524L16.783 7.67305C16.627 8.09458 16.2603 8.31438 15.8847 8.33245C15.8642 8.33308 15.8437 8.33346 15.8231 8.3336ZM12.5008 3.15424V5.17974L12.3281 5.11583C11.4472 4.78989 11.4472 3.54409 12.3281 3.21816L12.5008 3.15424ZM4.75546 1.66699C3.662 1.66699 2.69541 2.37762 2.36926 3.4213L1.83688 5.12491C1.52876 6.11092 1.8679 7.1068 2.56708 7.72187C2.99643 8.09957 3.56156 8.33366 4.19593 8.33366C5.13437 8.33366 5.95065 7.81064 6.36917 7.04019C6.38619 7.00888 6.40255 6.97714 6.41823 6.94502C6.57788 6.618 6.66748 6.25052 6.66748 5.86211V2.50033C6.66748 2.04009 6.29438 1.66699 5.83415 1.66699H4.75546Z"] + ) { + background-image: var(--ImageServerShop); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > g, + & > path { + display: none; + } + } + + /* book */ /* + &:has( + path[d="M33 34.5833V7.49998H35V36.6666H9C6.791 36.6666 5 34.801 5 32.5V7.49998C5 5.19894 6.791 3.33331 9 3.33331H31V30.4166H9C7.8955 30.4166 7 31.3485 7 32.5C7 33.6515 7.8955 34.5833 9 34.5833H33ZM23.9718 9.99998L15.8889 17.9915L12.7086 14.8441L10 17.5058L15.8885 23.3333L26.6667 12.6669L23.9718 9.99998Z"] + ), + &:has( + path[d="M15 2a3 3 0 0 1 3 3v12H5.5a1.5 1.5 0 0 0 0 3h14a.5.5 0 0 0 .5-.5V5h1a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h10Zm-.3 5.7a1 1 0 0 0-1.4-1.4L9 10.58l-2.3-2.3a1 1 0 0 0-1.4 1.42l3 3a1 1 0 0 0 1.4 0l5-5Z"] + ) { + background-image: var(--ImageBook); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* lock */ /* + &:has( + path[d="M17 11V7C17 4.243 14.756 2 12 2C9.242 2 7 4.243 7 7V11C5.897 11 5 11.896 5 13V20C5 21.103 5.897 22 7 22H17C18.103 22 19 21.103 19 20V13C19 11.896 18.103 11 17 11ZM12 18C11.172 18 10.5 17.328 10.5 16.5C10.5 15.672 11.172 15 12 15C12.828 15 13.5 15.672 13.5 16.5C13.5 17.328 12.828 18 12 18ZM15 11H9V7C9 5.346 10.346 4 12 4C13.654 4 15 5.346 15 7V11Z"] + ), + &:has( + path[d="M6 9h1V6a5 5 0 0 1 10 0v3h1a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3Zm9-3v3H9V6a3 3 0 1 1 6 0Zm-1 8a2 2 0 0 1-1 1.73V18a1 1 0 1 1-2 0v-2.27A2 2 0 1 1 14 14Z"] + ) { + background-image: var(--ImageLock); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* voice (limited) */ /* + &:has( + path[d="M15 12C15 12.0007 15 12.0013 15 12.002C15 12.553 14.551 13.002 14 13.002V15.002C15.654 15.002 17 13.657 17 12.002C17 12.0013 17 12.0007 17 12H15ZM19 12C19 12.0007 19 12.0013 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 12.0013 21 12.0007 21 12H19ZM10.293 3.29604C10.579 3.01004 11.009 2.92504 11.383 3.07904C11.757 3.23204 12 3.59904 12 4.00204V20.002C12 20.407 11.757 20.772 11.383 20.927C11.009 21.082 10.579 20.996 10.293 20.71L6 16.002H3C2.45 16.002 2 15.552 2 15.002V9.00204C2 8.45304 2.45 8.00204 3 8.00204H6L10.293 3.29604Z"] + ):has( + path[d="M21.025 5V4C21.025 2.88 20.05 2 19 2C17.95 2 17 2.88 17 4V5C16.4477 5 16 5.44772 16 6V9C16 9.55228 16.4477 10 17 10H19H21C21.5523 10 22 9.55228 22 9V5.975C22 5.43652 21.5635 5 21.025 5ZM20 5H18V4C18 3.42857 18.4667 3 19 3C19.5333 3 20 3.42857 20 4V5Z"] + ), + &:has( + path[d="M11 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1h-.06a1 1 0 0 1-.74-.32L5.92 17H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h2.92l4.28-4.68a1 1 0 0 1 .74-.32H11ZM20.5 12c-.28 0-.5.22-.52.5a7 7 0 0 1-5.13 6.25c-.48.13-.85.55-.85 1.05v.03c0 .6.52 1.06 1.1.92a9 9 0 0 0 6.89-8.25.48.48 0 0 0-.49-.5h-1ZM16.5 12c-.28 0-.5.23-.54.5a3 3 0 0 1-1.33 2.02c-.35.23-.63.6-.63 1.02v.14c0 .63.59 1.1 1.16.83a5 5 0 0 0 2.82-4.01c.02-.28-.2-.5-.48-.5h-1Z"] + ):has( + path[d="M16 4h.5v-.5a2.5 2.5 0 0 1 5 0V4h.5a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Zm4-.5V4h-2v-.5a1 1 0 1 1 2 0Z"] + ) { + background-image: var(--ImageVoiceLimited); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* voice (nsfw) */ /* + &:has( + path[d="M15 12C15 12.0007 15 12.0013 15 12.002C15 12.553 14.551 13.002 14 13.002V15.002C15.654 15.002 17 13.657 17 12.002C17 12.0013 17 12.0007 17 12H15ZM19 12C19 12.0007 19 12.0013 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 12.0013 21 12.0007 21 12H19ZM10.293 3.29604C10.579 3.01004 11.009 2.92504 11.383 3.07904C11.757 3.23204 12 3.59904 12 4.00204V20.002C12 20.407 11.757 20.772 11.383 20.927C11.009 21.082 10.579 20.996 10.293 20.71L6 16.002H3C2.45 16.002 2 15.552 2 15.002V9.00204C2 8.45304 2.45 8.00204 3 8.00204H6L10.293 3.29604Z"] + ):has( + path[d="M19.8916 3.80204L22.2439 8.55654C22.5728 9.22119 22.0892 9.99999 21.3476 10L16.618 10C15.8746 10 15.3912 9.21769 15.7236 8.55279L18.1008 3.79829C18.4702 3.05951 19.5253 3.06172 19.8916 3.80204ZM18.4999 5H19.5V7.5H18.5L18.4999 5ZM18.4999 8.49887C18.4999 8.77589 18.724 9 19 9C19.276 9 19.5 8.77589 19.5 8.49887C19.5 8.22224 19.276 7.99773 19 7.99773C18.724 7.99773 18.4999 8.22224 18.4999 8.49887Z"] + ), + &:has( + path[d="M11 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1h-.06a1 1 0 0 1-.74-.32L5.92 17H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h2.92l4.28-4.68a1 1 0 0 1 .74-.32H11ZM20.5 12c-.28 0-.5.22-.52.5a7 7 0 0 1-5.13 6.25c-.48.13-.85.55-.85 1.05v.03c0 .6.52 1.06 1.1.92a9 9 0 0 0 6.89-8.25.48.48 0 0 0-.49-.5h-1ZM16.5 12c-.28 0-.5.23-.54.5a3 3 0 0 1-1.33 2.02c-.35.23-.63.6-.63 1.02v.14c0 .63.59 1.1 1.16.83a5 5 0 0 0 2.82-4.01c.02-.28-.2-.5-.48-.5h-1Z"] + ):has( + path[d="M18.09 1.63c.4-.7 1.43-.7 1.82 0l3.96 6.9c.38.66-.12 1.47-.91 1.47h-7.92c-.79 0-1.3-.81-.91-1.48l3.96-6.9Zm.46 1.87h.9c.3 0 .52.26.5.55l-.22 2.02c-.01.16-.17.26-.33.23a1.92 1.92 0 0 0-.8 0c-.16.03-.32-.07-.33-.23l-.21-2.02a.5.5 0 0 1 .5-.55ZM19 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"] + ) { + background-image: var(--ImageVoiceNSFW); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* channel */ /* + &:has( + path[d="M5.88657 21C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H15.76L16.3968 3.41262C16.4391 3.17391 16.6466 3 16.8891 3H17.8734C18.1845 3 18.4201 3.28107 18.3657 3.58738L17.76 7H21.1649C21.4755 7 21.711 7.28023 21.6574 7.58619L21.4824 8.58619C21.4406 8.82544 21.2328 9 20.9899 9H17.41L16.35 15H19.7549C20.0655 15 20.301 15.2802 20.2474 15.5862L20.0724 16.5862C20.0306 16.8254 19.8228 17 19.5799 17H16L15.3632 20.5874C15.3209 20.8261 15.1134 21 14.8709 21H13.8866C13.5755 21 13.3399 20.7189 13.3943 20.4126L14 17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657ZM9.41045 9L8.35045 15H14.3504L15.4104 9H9.41045Z"] + ), + &:has( + path[d="M10.99 3.16A1 1 0 1 0 9 2.84L8.15 8H4a1 1 0 0 0 0 2h3.82l-.67 4H3a1 1 0 1 0 0 2h3.82l-.8 4.84a1 1 0 0 0 1.97.32L8.85 16h4.97l-.8 4.84a1 1 0 0 0 1.97.32l.86-5.16H20a1 1 0 1 0 0-2h-3.82l.67-4H21a1 1 0 1 0 0-2h-3.82l.8-4.84a1 1 0 1 0-1.97-.32L15.15 8h-4.97l.8-4.84ZM14.15 14l.67-4H9.85l-.67 4h4.97Z"] + ) { + background-image: var(--ImageChannel); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* channel (threads) */ /* + &:has( + path[d="M5.43309 21C5.35842 21 5.30189 20.9325 5.31494 20.859L5.99991 17H2.14274C2.06819 17 2.01168 16.9327 2.02453 16.8593L2.33253 15.0993C2.34258 15.0419 2.39244 15 2.45074 15H6.34991L7.40991 9H3.55274C3.47819 9 3.42168 8.93274 3.43453 8.85931L3.74253 7.09931C3.75258 7.04189 3.80244 7 3.86074 7H7.75991L8.45234 3.09903C8.46251 3.04174 8.51231 3 8.57049 3H10.3267C10.4014 3 10.4579 3.06746 10.4449 3.14097L9.75991 7H15.7599L16.4523 3.09903C16.4625 3.04174 16.5123 3 16.5705 3H18.3267C18.4014 3 18.4579 3.06746 18.4449 3.14097L17.7599 7H21.6171C21.6916 7 21.7481 7.06725 21.7353 7.14069L21.4273 8.90069C21.4172 8.95811 21.3674 9 21.3091 9H17.4099L17.0495 11.04H15.05L15.4104 9H9.41035L8.35035 15H10.5599V17H7.99991L7.30749 20.901C7.29732 20.9583 7.24752 21 7.18934 21H5.43309Z"] + ), + &:has( + path[d="M12 2.81a1 1 0 0 1 0-1.41l.36-.36a1 1 0 0 1 1.41 0l9.2 9.2a1 1 0 0 1 0 1.4l-.7.7a1 1 0 0 1-1.3.13l-9.54-6.72a1 1 0 0 1-.08-1.58l1-1L12 2.8ZM12 21.2a1 1 0 0 1 0 1.41l-.35.35a1 1 0 0 1-1.41 0l-9.2-9.19a1 1 0 0 1 0-1.41l.7-.7a1 1 0 0 1 1.3-.12l9.54 6.72a1 1 0 0 1 .07 1.58l-1 1 .35.36ZM15.66 16.8a1 1 0 0 1-1.38.28l-8.49-5.66A1 1 0 1 1 6.9 9.76l8.49 5.65a1 1 0 0 1 .27 1.39ZM17.1 14.25a1 1 0 1 0 1.11-1.66L9.73 6.93a1 1 0 0 0-1.11 1.66l8.49 5.66Z"] + ) { + background-image: var(--ImageChannelThreads); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* channel (limited) */ /* + &:has( + path[d="M14 8C14 7.44772 13.5523 7 13 7H9.76001L10.3657 3.58738C10.4201 3.28107 10.1845 3 9.87344 3H8.88907C8.64664 3 8.43914 3.17391 8.39677 3.41262L7.76001 7H4.18011C3.93722 7 3.72946 7.17456 3.68759 7.41381L3.51259 8.41381C3.45905 8.71977 3.69449 9 4.00511 9H7.41001L6.35001 15H2.77011C2.52722 15 2.31946 15.1746 2.27759 15.4138L2.10259 16.4138C2.04905 16.7198 2.28449 17 2.59511 17H6.00001L5.39427 20.4126C5.3399 20.7189 5.57547 21 5.88657 21H6.87094C7.11337 21 7.32088 20.8261 7.36325 20.5874L8.00001 17H14L13.3943 20.4126C13.3399 20.7189 13.5755 21 13.8866 21H14.8709C15.1134 21 15.3209 20.8261 15.3632 20.5874L16 17H19.5799C19.8228 17 20.0306 16.8254 20.0724 16.5862L20.2474 15.5862C20.301 15.2802 20.0655 15 19.7549 15H16.35L16.6758 13.1558C16.7823 12.5529 16.3186 12 15.7063 12C15.2286 12 14.8199 12.3429 14.7368 12.8133L14.3504 15H8.35045L9.41045 9H13C13.5523 9 14 8.55228 14 8Z"] + ):has( + path[d="M21.025 5V4C21.025 2.88 20.05 2 19 2C17.95 2 17 2.88 17 4V5C16.4477 5 16 5.44772 16 6V9C16 9.55228 16.4477 10 17 10H19H21C21.5523 10 22 9.55228 22 9V5.975C22 5.43652 21.5635 5 21.025 5ZM20 5H18V4C18 3.42857 18.4667 3 19 3C19.5333 3 20 3.42857 20 4V5Z"] + ), + &:has( + path[d="M12.5 8c.28 0 .5.22.5.5V9c0 .1 0 .2.02.31.03.34-.21.69-.56.69H9.85l-.67 4h4.97l.28-1.68c.06-.34.44-.52.77-.43a3 3 0 0 0 .8.11c.27 0 .47.24.43.5l-.25 1.5H20a1 1 0 1 1 0 2h-4.15l-.86 5.16a1 1 0 0 1-1.98-.32l.8-4.84H8.86l-.86 5.16A1 1 0 0 1 6 20.84L6.82 16H3a1 1 0 1 1 0-2h4.15l.67-4H4a1 1 0 1 1 0-2h4.15l.86-5.16a1 1 0 1 1 1.98.32L10.19 8h2.31Z"] + ):has( + path[d="M16 4h.5v-.5a2.5 2.5 0 0 1 5 0V4h.5a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Zm4-.5V4h-2v-.5a1 1 0 1 1 2 0Z"] + ) { + background-image: var(--ImageChannelLimited); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* channel (limited + threads) */ /* + &:has( + path[d="M15.44 6.99992C15.5725 6.99992 15.68 7.10737 15.68 7.23992V8.75992C15.68 8.89247 15.5725 8.99992 15.44 8.99992H9.41045L8.35045 14.9999H10.56V16.9999H8.00001L7.36325 20.5873C7.32088 20.826 7.11337 20.9999 6.87094 20.9999H5.88657C5.57547 20.9999 5.3399 20.7189 5.39427 20.4125L6.00001 16.9999H2.59511C2.28449 16.9999 2.04905 16.7197 2.10259 16.4137L2.27759 15.4137C2.31946 15.1745 2.52722 14.9999 2.77011 14.9999H6.35001L7.41001 8.99992H4.00511C3.69449 8.99992 3.45905 8.71969 3.51259 8.41373L3.68759 7.41373C3.72946 7.17448 3.93722 6.99992 4.18011 6.99992H7.76001L8.39677 3.41254C8.43914 3.17384 8.64664 2.99992 8.88907 2.99992H9.87344C10.1845 2.99992 10.4201 3.28099 10.3657 3.58731L9.76001 6.99992H15.44Z"] + ):has( + path[d="M22.545 4.91992V3.91992C22.545 2.79992 21.57 1.91992 20.52 1.91992C19.47 1.91992 18.52 2.79992 18.52 3.91992V4.91992H17.76C17.6275 4.91992 17.52 5.02737 17.52 5.15992V9.67992C17.52 9.81247 17.6275 9.91992 17.76 9.91992H23.28C23.4126 9.91992 23.52 9.81247 23.52 9.67992V5.15992C23.52 5.02737 23.4126 4.91992 23.28 4.91992H22.545ZM21.52 4.91992H19.52V3.91992C19.52 3.34849 19.9867 2.91992 20.52 2.91992C21.0533 2.91992 21.52 3.34849 21.52 3.91992V4.91992Z"] + ) { + background-image: var(--ImageChannelLimitedThreads); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* channel (nsfw) */ /* + &:has( + path[d="M14 8C14 7.44772 13.5523 7 13 7H9.76001L10.3657 3.58738C10.4201 3.28107 10.1845 3 9.87344 3H8.88907C8.64664 3 8.43914 3.17391 8.39677 3.41262L7.76001 7H4.18011C3.93722 7 3.72946 7.17456 3.68759 7.41381L3.51259 8.41381C3.45905 8.71977 3.69449 9 4.00511 9H7.41001L6.35001 15H2.77011C2.52722 15 2.31946 15.1746 2.27759 15.4138L2.10259 16.4138C2.04905 16.7198 2.28449 17 2.59511 17H6.00001L5.39427 20.4126C5.3399 20.7189 5.57547 21 5.88657 21H6.87094C7.11337 21 7.32088 20.8261 7.36325 20.5874L8.00001 17H14L13.3943 20.4126C13.3399 20.7189 13.5755 21 13.8866 21H14.8709C15.1134 21 15.3209 20.8261 15.3632 20.5874L16 17H19.5799C19.8228 17 20.0306 16.8254 20.0724 16.5862L20.2474 15.5862C20.301 15.2802 20.0655 15 19.7549 15H16.35L16.6758 13.1558C16.7823 12.5529 16.3186 12 15.7063 12C15.2286 12 14.8199 12.3429 14.7368 12.8133L14.3504 15H8.35045L9.41045 9H13C13.5523 9 14 8.55228 14 8Z"] + ):has( + path[d="M19.8914 3.80204L22.2438 8.55654C22.5726 9.22119 22.0891 9.99999 21.3475 10L16.6179 10C15.8745 10 15.391 9.21769 15.7235 8.55279L18.1007 3.79829C18.4701 3.05951 19.5251 3.06172 19.8914 3.80204ZM18.4998 5H19.4999V7.5H18.4999L18.4998 5ZM18.4998 8.49887C18.4998 8.77589 18.7238 9 18.9998 9C19.2759 9 19.4999 8.77589 19.4999 8.49887C19.4999 8.22224 19.2759 7.99773 18.9998 7.99773C18.7238 7.99773 18.4998 8.22224 18.4998 8.49887Z"] + ), + &:has( + path[d="M11.45 8c.35 0 .6.35.55.7-.02.2-.02.4 0 .6.04.35-.2.7-.55.7h-1.6l-.67 4h4.97l.26-1.55c.05-.27.31-.45.59-.45h.92c.31 0 .55.28.5.58L16.18 14H20a1 1 0 1 1 0 2h-4.15l-.86 5.16a1 1 0 0 1-1.98-.32l.8-4.84H8.86l-.86 5.16A1 1 0 0 1 6 20.84L6.82 16H3a1 1 0 1 1 0-2h4.15l.67-4H4a1 1 0 0 1 0-2h4.15l.86-5.16a1 1 0 1 1 1.98.32L10.19 8h1.26Z"] + ):has( + path[d="M18.09 1.63c.4-.7 1.43-.7 1.82 0l3.96 6.9c.38.66-.12 1.47-.91 1.47h-7.92c-.79 0-1.3-.81-.91-1.48l3.96-6.9Zm.46 1.87h.9c.3 0 .52.26.5.55l-.22 2.02c-.01.16-.17.26-.33.23a1.92 1.92 0 0 0-.8 0c-.16.03-.32-.07-.33-.23l-.21-2.02a.5.5 0 0 1 .5-.55ZM19 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"] + ) { + background-image: var(--ImageChannelNSFW); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* channel (nsfw + threads) */ /* + &:has( + path[d="M14.4 7C14.5326 7 14.64 7.10745 14.64 7.24V8.76C14.64 8.89255 14.5326 9 14.4 9H9.41045L8.35045 15H10.56V17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H14.4Z"] + ):has( + path[d="M22.8093 8.55658L20.4681 3.80208C20.1036 3.06176 19.0536 3.05954 18.686 3.79833L16.3201 8.55283C15.9893 9.21773 16.4705 10 17.2103 10L21.9173 10C22.6553 10 23.1365 9.22122 22.8093 8.55658ZM20.0785 5.00004H19.0832L19.0833 7.50004H20.0785V5.00004ZM19.5808 9.00004C19.3061 9.00004 19.0832 8.77593 19.0832 8.49891C19.0832 8.22228 19.3061 7.99777 19.5808 7.99777C19.8555 7.99777 20.0785 8.22228 20.0785 8.49891C20.0785 8.77593 19.8555 9.00004 19.5808 9.00004Z"] + ) { + background-image: var(--ImageChannelNSFWThreads); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* announcements */ /* + &:has( + path[d="M19.1 4V5.12659L4.85 8.26447V18.1176C4.85 18.5496 5.1464 18.9252 5.5701 19.0315L9.3701 19.9727C9.4461 19.9906 9.524 20 9.6 20C9.89545 20 10.1776 19.8635 10.36 19.6235L12.7065 16.5242L19.1 17.9304V19.0588H21V4H19.1ZM9.2181 17.9944L6.75 17.3826V15.2113L10.6706 16.0753L9.2181 17.9944Z"] + ), + &:has( + path[d="M19.56 2a3 3 0 0 0-2.46 1.28 3.85 3.85 0 0 1-1.86 1.42l-8.9 3.18a.5.5 0 0 0-.34.47v10.09a3 3 0 0 0 2.27 2.9l.62.16c1.57.4 3.15-.56 3.55-2.12a.92.92 0 0 1 1.23-.63l2.36.94c.42.27.79.62 1.07 1.03A3 3 0 0 0 19.56 22h.94c.83 0 1.5-.67 1.5-1.5v-17c0-.83-.67-1.5-1.5-1.5h-.94Zm-8.53 15.8L8 16.7v1.73a1 1 0 0 0 .76.97l.62.15c.5.13 1-.17 1.12-.67.1-.41.29-.78.53-1.1Z"] + ) { + background-image: var(--ImageAnnouncements); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* announcements (threads) */ /* + &:has( + path[d="M19.0999 3.99994V5.12653L4.84988 8.26441V18.1176C4.84988 18.5496 5.14628 18.9251 5.56998 19.0315L9.36998 19.9726C9.44598 19.9905 9.52388 19.9999 9.59988 19.9999C9.89533 19.9999 10.1775 19.8635 10.3599 19.6235L10.5599 19.3593V16.2214L9.21798 17.9943L6.74988 17.3825V15.2112L10.5599 16.0509V13.92C10.5599 12.3294 11.8493 11.04 13.4399 11.04H20.9999V3.99994H19.0999Z"] + ) { + background-image: var(--ImageAnnouncementsThreads); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* announcements (limited) */ /* + &:has( + path[d="M4.85 8.26429L15.84 5.84426V10.5599C15.84 11.6202 16.6996 12.4799 17.76 12.4799H21V19.0586H19.1V17.9302L12.7065 16.524L10.36 19.6233C10.1776 19.8633 9.89545 19.9998 9.6 19.9998C9.524 19.9998 9.4461 19.9904 9.3701 19.9725L5.5701 19.0313C5.1464 18.925 4.85 18.5495 4.85 18.1175V8.26429ZM9.2181 17.9942L6.75 17.3824V15.2111L10.6706 16.0751L9.2181 17.9942Z"] + ):has( + path[d="M22.545 4.87988V5.87988H23.28C23.4126 5.87988 23.52 5.98733 23.52 6.11988V10.6399C23.52 10.7724 23.4126 10.8799 23.28 10.8799H17.76C17.6275 10.8799 17.52 10.7724 17.52 10.6399V6.11988C17.52 5.98733 17.6275 5.87988 17.76 5.87988H18.52V4.87988C18.52 3.75988 19.47 2.87988 20.52 2.87988C21.57 2.87988 22.545 3.75988 22.545 4.87988ZM19.52 5.87988H21.52V4.87988C21.52 4.30845 21.0534 3.87988 20.52 3.87988C19.9867 3.87988 19.52 4.30845 19.52 4.87988V5.87988Z"] + ), + &:has( + path[d="M12.33 5.74a.5.5 0 0 1 .67.47V9a3 3 0 0 0 3 3h5.5c.28 0 .5.22.5.5v8c0 .83-.67 1.5-1.5 1.5h-.94a3 3 0 0 1-2.46-1.28 3.86 3.86 0 0 0-1.07-1.03l-2.36-.94a.92.92 0 0 0-1.23.63 2.92 2.92 0 0 1-3.55 2.12l-.62-.15A3 3 0 0 1 6 18.44V8.35c0-.2.13-.4.33-.47l6-2.14Zm-1.3 12.06L8 16.7v1.73a1 1 0 0 0 .76.97l.62.15c.5.13 1-.17 1.12-.67.1-.41.29-.78.53-1.1Z"] + ):has( + path[d="M16 4h.5v-.5a2.5 2.5 0 0 1 5 0V4h.5a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Zm4-.5V4h-2v-.5a1 1 0 1 1 2 0Z"] + ) { + background-image: var(--ImageAnnouncementsLimited); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* announcements (limited + threads) */ /* + &:has( + path[d="M15.84 5.84438L4.85 8.26441V18.1176C4.85 18.5496 5.1464 18.9251 5.5701 19.0315L9.3701 19.9726C9.4461 19.9905 9.524 19.9999 9.6 19.9999C9.89545 19.9999 10.1776 19.8635 10.36 19.6235L10.56 19.3593V16.2214L9.2181 17.9943L6.75 17.3825V15.2112L10.56 16.0509V13.92C10.56 12.3294 11.8494 11.04 13.44 11.04H15.84V5.84438Z"] + ):has( + path[d="M22.545 4.88V5.88H23.28C23.4126 5.88 23.52 5.98746 23.52 6.12001V10.64C23.52 10.7726 23.4126 10.88 23.28 10.88H17.76C17.6275 10.88 17.52 10.7726 17.52 10.64V6.12C17.52 5.98746 17.6275 5.88 17.76 5.88H18.52V4.88C18.52 3.76 19.47 2.88 20.52 2.88C21.57 2.88 22.545 3.76 22.545 4.88ZM19.52 5.88H21.52V4.88C21.52 4.30858 21.0534 3.88 20.52 3.88C19.9867 3.88 19.52 4.30858 19.52 4.88V5.88Z"] + ) { + background-image: var(--ImageAnnouncementsLimitedThreads); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* announcements (nsfw) */ /* + &:has( + path[d="M4.85 8.26445L16.7165 5.65143L15.1067 9.30608C14.5477 10.5751 15.4771 12 16.8638 12H21V19.0588H19.1V17.9303L12.7065 16.5242L10.36 19.6235C10.1776 19.8635 9.89545 20 9.6 20C9.524 20 9.4461 19.9906 9.3701 19.9727L5.5701 19.0315C5.1464 18.9252 4.85 18.5496 4.85 18.1176V8.26445ZM9.2181 17.9943L6.75 17.3826V15.2113L10.6706 16.0753L9.2181 17.9943Z"] + ):has( + path[d="M20.4683 4.76211L22.8094 9.51661C23.1366 10.1813 22.6554 10.9601 21.9174 10.9601L17.2104 10.9601C16.4706 10.9601 15.9894 10.1778 16.3203 9.51286L18.6861 4.75836C19.0537 4.01957 20.1037 4.02179 20.4683 4.76211ZM19.0833 5.96007H20.0786V8.46007H19.0834L19.0833 5.96007ZM19.0833 9.45894C19.0833 9.73596 19.3063 9.96007 19.5809 9.96007C19.8556 9.96007 20.0786 9.73596 20.0786 9.45894C20.0786 9.18231 19.8556 8.9578 19.5809 8.9578C19.3063 8.9578 19.0833 9.18231 19.0833 9.45894Z"] + ), + &:has( + path[d="M12.43 5.7a.5.5 0 0 1 .6.72l-.63 1.1c-1.22 2.13.46 4.48 2.64 4.48h6.46c.28 0 .5.22.5.5v8c0 .83-.67 1.5-1.5 1.5h-.94a3 3 0 0 1-2.46-1.28 3.85 3.85 0 0 0-1.07-1.03l-2.36-.94a.92.92 0 0 0-1.23.63 2.92 2.92 0 0 1-3.55 2.12l-.62-.15A3 3 0 0 1 6 18.44V8.35c0-.2.13-.4.33-.47l6.1-2.18Zm-1.4 12.1L8 16.7v1.73a1 1 0 0 0 .76.97l.62.15c.5.13 1-.17 1.12-.67.1-.41.29-.78.53-1.1Z"] + ):has( + path[d="M18.09 1.63c.4-.7 1.43-.7 1.82 0l3.96 6.9c.38.66-.12 1.47-.91 1.47h-7.92c-.79 0-1.3-.81-.91-1.48l3.96-6.9Zm.46 1.87h.9c.3 0 .52.26.5.55l-.22 2.02c-.01.16-.17.26-.33.23a1.92 1.92 0 0 0-.8 0c-.16.03-.32-.07-.33-.23l-.21-2.02a.5.5 0 0 1 .5-.55ZM19 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"] + ) { + background-image: var(--ImageAnnouncementsNSFW); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* announcements (nsfw + threads) */ /* + &:has( + path[d="M16.6811 5.6591L4.84988 8.26437V18.1175C4.84988 18.5495 5.14628 18.9251 5.56998 19.0314L9.36998 19.9726C9.44598 19.9905 9.52388 19.9999 9.59988 19.9999C9.89533 19.9999 10.1775 19.8634 10.3599 19.6234L10.5599 19.3592V16.2214L9.21798 17.9943L6.74988 17.3825V15.2112L10.5599 16.0508V13.9199C10.5599 12.3294 11.8493 11.0399 13.4399 11.0399H13.92L16.6811 5.6591Z"] + ):has( + path[d="M20.4681 4.76205L22.8092 9.51655C23.1365 10.1812 22.6552 10.96 21.9172 10.96L17.2103 10.96C16.4705 10.96 15.9893 10.1777 16.3201 9.5128L18.686 4.75829C19.0536 4.01951 20.1036 4.02173 20.4681 4.76205ZM19.0832 5.96001H20.0785V8.46001H19.0832L19.0832 5.96001ZM19.0832 9.45888C19.0832 9.7359 19.3061 9.96001 19.5808 9.96001C19.8555 9.96001 20.0784 9.7359 20.0784 9.45888C20.0784 9.18225 19.8555 8.95774 19.5808 8.95774C19.3061 8.95774 19.0832 9.18225 19.0832 9.45888Z"] + ) { + background-image: var(--ImageAnnouncementsNSFWThreads); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* forums */ /* + &:has( + path[d="M6.56929 14.6869H2.34375C1.97079 14.6869 1.61311 14.5387 1.34938 14.275C1.08566 14.0113 0.9375 13.6536 0.9375 13.2806V8.12437C0.9375 6.38389 1.6289 4.7147 2.85961 3.484C4.09032 2.25329 5.75951 1.56189 7.49999 1.56189C9.24047 1.56189 10.9097 2.25329 12.1404 3.484C12.6953 4.03895 13.1406 4.68307 13.4623 5.38267C14.9101 5.5973 16.2513 6.29124 17.2655 7.36251C18.4194 8.58133 19.0625 10.1959 19.0625 11.8744V17.0306C19.0625 17.4036 18.9144 17.7613 18.6506 18.025C18.3869 18.2887 18.0292 18.4369 17.6563 18.4369H12.5C11.1428 18.4369 9.81899 18.0162 8.71072 17.2328C7.7871 16.58 7.05103 15.7019 6.56929 14.6869ZM4.18544 4.80982C5.06451 3.93075 6.25679 3.43689 7.49999 3.43689C8.74319 3.43689 9.93549 3.93075 10.8146 4.80983C11.6936 5.6889 12.1875 6.88119 12.1875 8.12439C12.1875 9.36759 11.6936 10.5599 10.8146 11.439C9.93549 12.318 8.74321 12.8119 7.50001 12.8119H7.20268C7.19767 12.8118 7.19266 12.8118 7.18764 12.8119H2.8125V8.12438C2.8125 6.88118 3.30636 5.6889 4.18544 4.80982ZM8.672 14.5814C8.97763 15.0132 9.35591 15.3928 9.79299 15.7017C10.5847 16.2614 11.5305 16.5619 12.5 16.5619H17.1875V11.8744C17.1875 10.6755 16.7281 9.52219 15.9039 8.65159C15.3804 8.09865 14.735 7.68644 14.027 7.44246C14.0506 7.66798 14.0625 7.89557 14.0625 8.12439C14.0625 9.86487 13.3711 11.5341 12.1404 12.7648C11.1896 13.7156 9.97697 14.3445 8.672 14.5814Z"] + ), + &:has( + path[d="M19.24 10.86c.32.16.72-.02.74-.38L20 10c0-4.42-4.03-8-9-8s-9 3.58-9 8c0 1.5.47 2.91 1.28 4.11.14.21.12.49-.06.67l-1.51 1.51A1 1 0 0 0 2.4 18h5.1a.5.5 0 0 0 .49-.5c0-4.2 3.5-7.5 7.68-7.5 1.28 0 2.5.3 3.56.86Z"] + ) { + background-image: var(--ImageForums); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* forums (limited) */ /* + &:has( + path[d="M13 4C13 3.66767 13.0405 3.3448 13.1169 3.03607C11.8881 2.28254 10.4651 1.87427 8.99999 1.87427C6.91141 1.87427 4.90838 2.70395 3.43153 4.1808C1.95469 5.65764 1.125 7.66067 1.125 9.74925V15.9368C1.125 16.3843 1.30279 16.8135 1.61926 17.13C1.93573 17.4465 2.36495 17.6243 2.8125 17.6243H7.88314C8.46123 18.8423 9.34451 19.896 10.4529 20.6794C11.7828 21.6195 13.3714 22.1242 15 22.1243H21.1875C21.6351 22.1243 22.0643 21.9465 22.3808 21.63C22.6972 21.3135 22.875 20.8843 22.875 20.4368V14.2492C22.875 13.3832 22.7323 12.5314 22.4596 11.7253C22.0074 11.9026 21.5151 12 21 12H20.1557C20.4625 12.7033 20.625 13.4682 20.625 14.2493V19.8743H15C13.8365 19.8743 12.7017 19.5136 11.7516 18.8421C11.2271 18.4713 10.7732 18.0159 10.4064 17.4977C11.9724 17.2135 13.4275 16.4587 14.5685 15.3177C15.5076 14.3786 16.185 13.2267 16.5538 11.9754C15.7646 11.8878 15.0447 11.5706 14.4624 11.0921C14.2192 12.0813 13.7097 12.9945 12.9775 13.7267C11.9226 14.7816 10.4919 15.3743 9.00001 15.3743H3.375V9.74925C3.375 8.25741 3.96763 6.82668 5.02252 5.77179C6.07741 4.7169 7.50815 4.12427 8.99999 4.12427C10.4918 4.12427 11.9226 4.7169 12.9775 5.77179L13 5.79444V4Z"] + ):has( + path[d="M21.025 4V5C21.5635 5 22 5.43652 22 5.975V9C22 9.55228 21.5523 10 21 10H17C16.4477 10 16 9.55228 16 9V6C16 5.44772 16.4477 5 17 5V4C17 2.88 17.95 2 19 2C20.05 2 21.025 2.88 21.025 4ZM18 5H20V4C20 3.42857 19.5333 3 19 3C18.4667 3 18 3.42857 18 4V5Z"] + ), + &:has( + path[d="M13.58 3.23c.24-.33.16-.86-.24-.96C12.59 2.1 11.8 2 11 2c-4.97 0-9 3.58-9 8 0 1.5.47 2.91 1.28 4.11.14.21.12.49-.06.67l-1.51 1.51A1 1 0 0 0 2.4 18h5.1a.5.5 0 0 0 .49-.5c0-3.17 2-5.82 4.77-6.94.29-.11.43-.45.34-.75A3 3 0 0 1 13 9V5c0-.66.22-1.28.58-1.77ZM18.91 12.98a5.45 5.45 0 0 1 2.18 6.2c-.1.33-.09.68.1.96l.83 1.32a1 1 0 0 1-.84 1.54h-5.5A5.6 5.6 0 0 1 10 17.5a5.6 5.6 0 0 1 5.68-5.5c1.2 0 2.32.36 3.23.98Z"] + ):has( + path[d="M16 4h.5v-.5a2.5 2.5 0 0 1 5 0V4h.5a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Zm4-.5V4h-2v-.5a1 1 0 1 1 2 0Z"] + ) { + background-image: var(--ImageForumsLimited); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* forums (nsfw) */ /* + &:has( + path[d="M13 4C13 3.66767 13.0405 3.3448 13.1169 3.03607C11.8881 2.28254 10.4651 1.87427 8.99999 1.87427C6.91141 1.87427 4.90838 2.70395 3.43153 4.1808C1.95469 5.65764 1.125 7.66067 1.125 9.74925V15.9368C1.125 16.3843 1.30279 16.8135 1.61926 17.13C1.93573 17.4465 2.36495 17.6243 2.8125 17.6243H7.88314C8.46123 18.8423 9.34451 19.896 10.4529 20.6794C11.7828 21.6195 13.3714 22.1242 15 22.1243H21.1875C21.6351 22.1243 22.0643 21.9465 22.3808 21.63C22.6972 21.3135 22.875 20.8843 22.875 20.4368V14.2492C22.875 13.3832 22.7323 12.5314 22.4596 11.7253C22.0074 11.9026 21.5151 12 21 12H20.1557C20.4625 12.7033 20.625 13.4682 20.625 14.2493V19.8743H15C13.8365 19.8743 12.7017 19.5136 11.7516 18.8421C11.2271 18.4713 10.7732 18.0159 10.4064 17.4977C11.9724 17.2135 13.4275 16.4587 14.5685 15.3177C15.5076 14.3786 16.185 13.2267 16.5538 11.9754C15.7646 11.8878 15.0447 11.5706 14.4624 11.0921C14.2192 12.0813 13.7097 12.9945 12.9775 13.7267C11.9226 14.7816 10.4919 15.3743 9.00001 15.3743H3.375V9.74925C3.375 8.25741 3.96763 6.82668 5.02252 5.77179C6.07741 4.7169 7.50815 4.12427 8.99999 4.12427C10.4918 4.12427 11.9226 4.7169 12.9775 5.77179L13 5.79444V4Z"] + ):has( + path[d="M22.2821 7.55654L19.9173 2.80204C19.5491 2.06172 18.4885 2.05951 18.1172 2.79829L15.7274 7.55279C15.3932 8.21769 15.8793 9 16.6265 9L21.3811 9C22.1265 8.99999 22.6126 8.22119 22.2821 7.55654ZM19.5237 4H18.5184L18.5184 6.5H19.5237V4ZM19.021 8C18.7436 8 18.5184 7.77589 18.5184 7.49887C18.5184 7.22224 18.7436 6.99773 19.021 6.99773C19.2985 6.99773 19.5237 7.22224 19.5237 7.49887C19.5237 7.77589 19.2985 8 19.021 8Z"] + ), + &:has( + path[d="M14.8 3.34a.48.48 0 0 0-.24-.69A9.94 9.94 0 0 0 11 2c-4.97 0-9 3.58-9 8 0 1.5.47 2.91 1.28 4.11.14.21.12.49-.06.67l-1.51 1.51A1 1 0 0 0 2.4 18h5.1a.5.5 0 0 0 .49-.5c0-2.86 1.62-5.3 3.97-6.56.28-.15.38-.51.25-.8a2.87 2.87 0 0 1 .18-2.61l2.4-4.19ZM18.91 12.98a5.45 5.45 0 0 1 2.18 6.2c-.1.33-.09.68.1.96l.83 1.32a1 1 0 0 1-.84 1.54h-5.5A5.6 5.6 0 0 1 10 17.5a5.6 5.6 0 0 1 5.68-5.5c1.2 0 2.32.36 3.23.98Z"] + ):has( + path[d="M18.09 1.63c.4-.7 1.43-.7 1.82 0l3.96 6.9c.38.66-.12 1.47-.91 1.47h-7.92c-.79 0-1.3-.81-.91-1.48l3.96-6.9Zm.46 1.87h.9c.3 0 .52.26.5.55l-.22 2.02c-.01.16-.17.26-.33.23a1.92 1.92 0 0 0-.8 0c-.16.03-.32-.07-.33-.23l-.21-2.02a.5.5 0 0 1 .5-.55ZM19 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"] + ) { + background-image: var(--ImageForumsNSFW); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* media */ /* + &:has( + path[d="M3.2 0C1.43269 0 0 1.43269 0 3.2V12.8C0 14.5673 1.43269 16 3.2 16H12.8C14.5673 16 16 14.5673 16 12.8V3.2C16 1.43269 14.5673 0 12.8 0H3.2ZM6.4 4.8C6.4 3.91616 5.68256 3.2 4.8 3.2C3.91552 3.2 3.2 3.91616 3.2 4.8C3.2 5.68448 3.91552 6.4 4.8 6.4C5.68256 6.4 6.4 5.68448 6.4 4.8ZM5.6 9.6L3.2 12.8H12.8L10.4 7.2L7.2 11.2L5.6 9.6Z"] + ), + &:has( + path[d="M2 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5Zm13.35 8.13 3.5 4.67c.37.5.02 1.2-.6 1.2H5.81a.75.75 0 0 1-.59-1.22l1.86-2.32a1.5 1.5 0 0 1 2.34 0l.5.64 2.23-2.97a2 2 0 0 1 3.2 0ZM10.2 5.98c.23-.91-.88-1.55-1.55-.9a.93.93 0 0 1-1.3 0c-.67-.65-1.78-.01-1.55.9a.93.93 0 0 1-.65 1.12c-.9.26-.9 1.54 0 1.8.48.14.77.63.65 1.12-.23.91.88 1.55 1.55.9a.93.93 0 0 1 1.3 0c.67.65 1.78.01 1.55-.9a.93.93 0 0 1 .65-1.12c.9-.26.9-1.54 0-1.8a.93.93 0 0 1-.65-1.12Z"] + ) { + background-image: var(--ImageMedia); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* media (limited) TODO */ /* + /*&:has( + path[d="M3.2 0C1.43269 0 0 1.43269 0 3.2V12.8C0 14.5673 1.43269 16 3.2 16H12.8C14.5673 16 16 14.5673 16 12.8V3.2C16 1.43269 14.5673 0 12.8 0H3.2ZM6.4 4.8C6.4 3.91616 5.68256 3.2 4.8 3.2C3.91552 3.2 3.2 3.91616 3.2 4.8C3.2 5.68448 3.91552 6.4 4.8 6.4C5.68256 6.4 6.4 5.68448 6.4 4.8ZM5.6 9.6L3.2 12.8H12.8L10.4 7.2L7.2 11.2L5.6 9.6Z"] + ) { + background-image: var(--ImageMediaLimited); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + }*/ /* + + /* media (nsfw) TODO */ /* + /*&:has( + path[d="M3.2 0C1.43269 0 0 1.43269 0 3.2V12.8C0 14.5673 1.43269 16 3.2 16H12.8C14.5673 16 16 14.5673 16 12.8V3.2C16 1.43269 14.5673 0 12.8 0H3.2ZM6.4 4.8C6.4 3.91616 5.68256 3.2 4.8 3.2C3.91552 3.2 3.2 3.91616 3.2 4.8C3.2 5.68448 3.91552 6.4 4.8 6.4C5.68256 6.4 6.4 5.68448 6.4 4.8ZM5.6 9.6L3.2 12.8H12.8L10.4 7.2L7.2 11.2L5.6 9.6Z"] + ) { + background-image: var(--ImageMediaNSFW); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + }*/ /* + + /* stage */ /* + &:has( + path[d="M14 13C14 14.1 13.1 15 12 15C10.9 15 10 14.1 10 13C10 11.9 10.9 11 12 11C13.1 11 14 11.9 14 13ZM8.5 20V19.5C8.5 17.8 9.94 16.5 12 16.5C14.06 16.5 15.5 17.8 15.5 19.5V20H8.5ZM7 13C7 10.24 9.24 8 12 8C14.76 8 17 10.24 17 13C17 13.91 16.74 14.75 16.31 15.49L17.62 16.25C18.17 15.29 18.5 14.19 18.5 13C18.5 9.42 15.58 6.5 12 6.5C8.42 6.5 5.5 9.42 5.5 13C5.5 14.18 5.82 15.29 6.38 16.25L7.69 15.49C7.26 14.75 7 13.91 7 13ZM2.5 13C2.5 7.75 6.75 3.5 12 3.5C17.25 3.5 21.5 7.75 21.5 13C21.5 14.73 21.03 16.35 20.22 17.75L21.51 18.5C22.45 16.88 23 15 23 13C23 6.93 18.07 2 12 2C5.93 2 1 6.93 1 13C1 15 1.55 16.88 2.48 18.49L3.77 17.74C2.97 16.35 2.5 14.73 2.5 13Z"] + ), + &:has( + path[d="M19.61 18.25a1.08 1.08 0 0 1-.07-1.33 9 9 0 1 0-15.07 0c.26.42.25.97-.08 1.33l-.02.02c-.41.44-1.12.43-1.46-.07a11 11 0 1 1 18.17 0c-.33.5-1.04.51-1.45.07l-.02-.02Z"] + ) { + background-image: var(--ImageStage); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* stage (limited) */ /* + &:has( + path[d="M15 2.41495C14.0462 2.14467 13.0398 2 12 2C5.93 2 1 6.93 1 13C1 15 1.55 16.88 2.48 18.49L3.77 17.74C2.97 16.35 2.5 14.73 2.5 13C2.5 7.75 6.75 3.5 12 3.5C13.0485 3.5 14.0571 3.66952 15 3.98267V2.41495Z"] + ):has( + path[d="M22.025 2V3C22.5635 3 23 3.43652 23 3.975V7C23 7.55228 22.5523 8 22 8H18C17.4477 8 17 7.55228 17 7V4C17 3.44772 17.4477 3 18 3V2C18 0.88 18.95 0 20 0C21.05 0 22.025 0.88 22.025 2ZM19 3H21V2C21 1.42857 20.5333 1 20 1C19.4667 1 19 1.42857 19 2V3Z"] + ), + &:has( + path[d="M21.92 14.08c.32.27.86.15.93-.26A11 11 0 1 0 2.91 18.2c.34.5 1.05.51 1.46.07l.02-.02c.33-.36.34-.91.07-1.33a9 9 0 1 1 16.48-3.88c-.03.22.1.44.29.55.24.14.48.3.7.49Z"] + ):has( + path[d="M16.5 18H16a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-.5v-.5a2.5 2.5 0 0 0-5 0v.5Zm3.5 0v-.5a1 1 0 1 0-2 0v.5h2Z"] + ) { + background-image: var(--ImageStageLimited); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* stage (nsfw) DOES NOT EXIST */ /* + /*&:has( + path[d="M14 13C14 14.1 13.1 15 12 15C10.9 15 10 14.1 10 13C10 11.9 10.9 11 12 11C13.1 11 14 11.9 14 13ZM8.5 20V19.5C8.5 17.8 9.94 16.5 12 16.5C14.06 16.5 15.5 17.8 15.5 19.5V20H8.5ZM7 13C7 10.24 9.24 8 12 8C14.76 8 17 10.24 17 13C17 13.91 16.74 14.75 16.31 15.49L17.62 16.25C18.17 15.29 18.5 14.19 18.5 13C18.5 9.42 15.58 6.5 12 6.5C8.42 6.5 5.5 9.42 5.5 13C5.5 14.18 5.82 15.29 6.38 16.25L7.69 15.49C7.26 14.75 7 13.91 7 13ZM2.5 13C2.5 7.75 6.75 3.5 12 3.5C17.25 3.5 21.5 7.75 21.5 13C21.5 14.73 21.03 16.35 20.22 17.75L21.51 18.5C22.45 16.88 23 15 23 13C23 6.93 18.07 2 12 2C5.93 2 1 6.93 1 13C1 15 1.55 16.88 2.48 18.49L3.77 17.74C2.97 16.35 2.5 14.73 2.5 13Z"] + ) { + background-image: var(--ImageStageNSFW); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + }*/ /* + + /* camera */ /* + &:has( + path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] + ), + &:has( + path[d="M4 4a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3v-2.12a1 1 0 0 0 .55.9l3 1.5a1 1 0 0 0 1.45-.9V7.62a1 1 0 0 0-1.45-.9l-3 1.5a1 1 0 0 0-.55.9V7a3 3 0 0 0-3-3H4Z"] + ) { + background-image: var(--ImageCamera); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + } + + /* activities */ /* + &:has( + path[d="M4.92871 13.4149L10.5857 19.0709L18.3639 11.2927C19.7781 9.87859 22.6066 6.48376 21.1923 2.80748C17.5153 1.3932 14.1213 4.22173 12.7074 5.63625L4.92871 13.4149ZM16.064 9.93309C17.1686 9.93309 18.064 9.03766 18.064 7.93309C18.064 6.82852 17.1686 5.93309 16.064 5.93309C14.9594 5.93309 14.064 6.82852 14.064 7.93309C14.064 9.03766 14.9594 9.93309 16.064 9.93309Z"] + ), + &:has( + path[d="M22 4v1.51a6 6 0 0 1-1.76 4.25l-4.1 4.1a.5.5 0 0 0-.14.35v3.74a3 3 0 0 1-.66 1.87l-1.79 2.24a.5.5 0 0 1-.86-.14l-1.86-5.02a.5.5 0 0 0-.11-.18l-3.46-3.46a.5.5 0 0 0-.17-.11l-4.8-1.85a.5.5 0 0 1-.15-.85l2.02-1.73A3 3 0 0 1 6.1 8h3.68a.5.5 0 0 0 .36-.15l4.1-4.1A6 6 0 0 1 18.48 2H20a2 2 0 0 1 2 2Zm-5 5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"] + ) { + background-image: var(--ImageJoystick); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > path { + display: none; + } + }*/ +} diff --git a/src/w9x/toolbar.scss b/src/w9x/toolbar.scss new file mode 100644 index 0000000..5406116 --- /dev/null +++ b/src/w9x/toolbar.scss @@ -0,0 +1,688 @@ +[class*="baseLayer_"] > [class^="container_"] { + --ToolbarVerticalOffset: 0px; + padding-top: calc(76px + var(--ToolbarVerticalOffset)); + background-color: var(--ThreeDFace); + + &:has(> [class^="base_"] > [class^="notice_"]) { + --ToolbarVerticalOffset: 24px; + } + + &::before { + content: ""; + position: absolute; + height: 74px; + width: calc(100vw - var(--devtools-sidebar-width)); + top: 0; + left: 0; + box-shadow: var(--RebarBorder), inset 0 24px 0 0 var(--ThreeDFace), inset 0 25px 0 0 var(--ThreeDShadow), + inset 0 26px 0 0 var(--ThreeDHighlight), inset 0 48px 0 0 var(--ThreeDFace), inset 0 49px 0 0 var(--ThreeDShadow), + inset 0 50px 0 0 var(--ThreeDHighlight); + background-color: var(--ThreeDFace); + } + + & > [class^="base_"] { + overflow: visible; + + & > [class^="notice_"] { + position: absolute; + left: -52px; + top: -24px; + height: 16px; + border-radius: 0; + width: 100vw; + padding: 3px; + justify-content: left; + font-size: 8pt; + + & > [class*="guildIcon_"] { + width: 16px; + height: 16px; + margin-right: 3px; + } + + & > [class^="closeButton_"] { + width: 16px; + height: 16px; + right: 10px; + top: 3px; + + background-color: var(--WindowText); + mask-image: var(--ImageClose); + mask-repeat: no-repeat; + mask-position: center; + + & > svg { + display: none; + } + } + + & > button[class*="actionButton_"] { + border-radius: 0; + border: none; + font-size: 8pt; + padding: 0; + margin-left: 3px; + color: var(--WindowText); + transition: none; + + &:hover { + background-color: var(--ThreeDFace); + color: var(--WindowText); + box-shadow: var(--OuterEdge) !important; + } + &:active { + background-color: var(--ThreeDFace); + box-shadow: var(--InnerEdge) !important; + } + } + } + } +} + +html.platform-win { + [class*="baseLayer_"] > [class^="container_"]::before { + width: calc(100vw - 8px - var(--devtools-sidebar-width)) !important; + } + [class^="chat_"] > [class^="title_"] { + width: calc(100vw - 258px); + [class^="toolbar_"] > [class^="search_"] { + left: calc(100vw - 242px - 68px); + } + } +} + +/*[class^="appAsidePanelWrapper_"]:has(#user-settings-cog) + section[class^="panels_"] + > [class^="container_"]:last-child + > div + > button:nth-child(3) { + box-shadow: var(--PressedEdge); +}*/ + +section[class^="panels_"] > [class^="container_"]:last-child { + position: absolute; + top: calc(-50px - var(--ToolbarVerticalOffset)); + left: -50px; + height: 22px; + background-color: transparent; + z-index: 20; + padding: 0; + + & > [class*="withTagAsButton_"] { + z-index: 20; + position: absolute; + top: -23px; + left: 0px; + padding: 6px; + height: 7px; + margin: 0; + border-radius: 0; + background-color: transparent; + width: unset; + min-width: unset; + + &:hover { + box-shadow: var(--HoverEdge); + } + &[aria-expanded="true"] { + box-shadow: var(--PressedEdge); + } + + &::after { + color: var(--WindowText); + font-family: var(--font-primary); + font-size: var(--FontSize); + content: "Account"; + position: relative; + top: var(--ToolbarAccountTextOffset); + } + + & > * { + display: none; + } + } + + & > div { + & > button:nth-child(3) { + z-index: 20; + position: absolute; + top: -23px; + left: var(--ToolbarAccountWidth); + padding: 6px; + height: 19px !important; + margin: 0 !important; + border-radius: 0; + background-color: transparent; + width: unset !important; + min-width: unset !important; + min-height: unset !important; + color: unset; + cursor: default; + box-shadow: none; + + &:hover { + box-shadow: var(--HoverEdge); + } + + &::after { + color: var(--WindowText); + font-family: var(--font-primary); + font-size: var(--FontSize); + content: "Settings"; + } + + & > * { + display: none; + } + } + + & > button:not(:nth-child(3)) { + width: 24px !important; + height: 22px !important; + min-width: unset !important; + min-height: unset !important; + box-shadow: none; + border-radius: 0; + margin: 0 !important; + + &:hover { + box-shadow: var(--HoverEdge); + background-color: transparent; + } + + & > [class^="contents"] { + width: 24px; + height: 22px; + & > [class^="lottieIcon_"] { + width: 16px !important; + height: 16px !important; + padding: 3px 4px; + } + } + } + } + + &::after { + content: ""; + position: absolute; + right: 0px; + top: 0; + width: 1px; + height: 18px; + margin: 2px 3px; + background-color: var(--ThreeDShadow); + border-right: solid 1px var(--ThreeDHighlight); + } +} + +a[href="https://support.discord.com"]:has(> [class^="iconWrapper_"]) +{ + z-index: 20; + position: absolute; + top: -23px; + left: calc(-56px + var(--ToolbarAccountWidth) + var(--ToolbarSettingsWidth)); + padding: 6px !important; + height: 19px !important; + margin: 0; + border-radius: 0; + background-color: transparent; + width: unset !important; + min-width: unset; + color: unset; + cursor: default; + line-height: unset; + + &:hover { + box-shadow: var(--HoverEdge); + } + &[aria-expanded="true"] { + box-shadow: var(--PressedEdge); + } + + &::after { + color: var(--WindowText); + font-family: var(--font-primary); + font-size: var(--FontSize); + content: "Help"; + position: relative; + top: var(--ToolbarHelpTextOffset); + } + + & > * { + display: none; + } +} + +[class^="iconWrapper_"] { + &:has( + > svg + > g + > path[d="M17.5053 1.76605C17.5053 1.76605 26.7154 8.05195 23.2155 16.8783C19.7157 25.7047 12.7544 23.2563 15.3562 20.6775C17.9581 18.0986 12.2862 16.3487 8.65588 13.0024L17.4976 1.76605"] + ), + &:has( + > svg + > path[d="M9.54 3.28a3 3 0 0 0-.37.74c-.19.52.28.98.83.98h4c.55 0 1.02-.46.83-.98a2.96 2.96 0 0 0-.37-.74c.23-.16.56-.28.99-.28a1 1 0 1 0 0-2c-1 0-2.01.4-2.68 1.1a3 3 0 0 0-1.54 0A3.76 3.76 0 0 0 8.55 1a1 1 0 0 0 0 2c.43 0 .76.12 1 .28ZM18.01 18.85c-.04.1-.03.22.05.3l1.51 1.5a1 1 0 0 1-1.41 1.42l-1.18-1.18a.26.26 0 0 0-.37 0 6.7 6.7 0 0 1-2.8 1.82c-.42.14-.83-.2-.86-.64l-.42-8.57a.53.53 0 0 0-1.05 0l-.43 8.57c-.03.45-.44.78-.87.64A6.7 6.7 0 0 1 7.4 20.9a.26.26 0 0 0-.37-.01l-1.18 1.18a1 1 0 0 1-1.41-1.41l1.51-1.51c.08-.08.1-.2.05-.3-.47-.94-.78-2-.92-3.12a.25.25 0 0 0-.25-.23H3a1 1 0 1 1 0-2h1.82c.13 0 .24-.1.25-.23.14-1.13.45-2.18.92-3.12a.25.25 0 0 0-.05-.3l-1.51-1.5a1 1 0 1 1 1.41-1.42L7.02 8.1c.1.1.27.1.37 0a6.66 6.66 0 0 1 2.95-1.87c.38-.11.75.14.85.52l.57 2.27c.06.25.42.25.48 0l.57-2.27c.1-.38.47-.63.85-.52 1.1.33 2.11.98 2.95 1.86.1.1.26.11.37.01l1.18-1.18a1 1 0 1 1 1.41 1.41l-1.51 1.51c-.08.08-.1.2-.05.3.47.94.78 2 .92 3.12.01.13.12.23.25.23H21a1 1 0 1 1 0 2h-1.82c-.13 0-.24.1-.25.23a9.68 9.68 0 0 1-.92 3.12Z"] + ) { + z-index: 20; + position: absolute; + top: -23px; + left: calc(-56px + var(--ToolbarAccountWidth) + var(--ToolbarSettingsWidth)); + padding: 6px !important; + height: 19px !important; + margin: 0; + border-radius: 0; + background-color: transparent; + width: unset !important; + min-width: unset; + color: unset; + cursor: default; + line-height: unset; + + &:hover { + box-shadow: var(--HoverEdge); + } + &[aria-expanded="true"] { + box-shadow: var(--PressedEdge); + } + + &::after { + color: var(--WindowText); + font-family: var(--font-primary); + font-size: var(--FontSize); + content: "Help"; + position: relative; + top: var(--ToolbarHelpTextOffset); + } + + & > * { + display: none; + } + } + &:has(> svg > path[class^="downloadArrow_"]), + &:has(> svg > path[class^="updateIconForeground_"]) { + z-index: 20; + position: absolute; + top: -23px; + left: calc(-56px + var(--ToolbarAccountWidth) + var(--ToolbarSettingsWidth) + var(--ToolbarHelpWidth)); + padding: 6px !important; + height: 19px !important; + margin: 0; + border-radius: 0; + background-color: transparent; + width: unset !important; + min-width: unset; + color: unset; + cursor: default; + line-height: unset; + + &:hover { + box-shadow: var(--HoverEdge); + } + &[aria-expanded="true"] { + box-shadow: var(--PressedEdge); + } + + &::after { + color: var(--WindowText); + font-family: var(--font-primary); + font-size: var(--FontSize); + content: "Update"; + position: relative; + top: var(--ToolbarUpdateTextOffset); + } + + & > * { + display: none; + } + } + + & > svg:has(> foreignObject[mask="url(#svg-mask-header-bar-badge)"]) + [class^="iconBadge_"] { + border-radius: 0; + background-color: transparent; + background-image: var(--ImageRedDot); + background-position: center; + background-repeat: no-repeat; + background-size: 8px; + image-rendering: pixelated; + } +} + +/*html:not(.app-focused) { + section[class^="panels_"] > [class^="container_"]:last-child { + & > [class*="withTagAsButton_"]::after, + & + > div + > button:has( + > div + > svg + > path[d="M19.738 10H22V14H19.739C19.498 14.931 19.1 15.798 18.565 16.564L20 18L18 20L16.565 18.564C15.797 19.099 14.932 19.498 14 19.738V22H10V19.738C9.069 19.498 8.203 19.099 7.436 18.564L6 20L4 18L5.436 16.564C4.901 15.799 4.502 14.932 4.262 14H2V10H4.262C4.502 9.068 4.9 8.202 5.436 7.436L4 6L6 4L7.436 5.436C8.202 4.9 9.068 4.502 10 4.262V2H14V4.261C14.932 4.502 15.797 4.9 16.565 5.435L18 3.999L20 5.999L18.564 7.436C19.099 8.202 19.498 9.069 19.738 10ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z"] + )::after, + & + > div + > button:has( + > div + > svg + > path[d="M10.56 1.1c-.46.05-.7.53-.64.98.18 1.16-.19 2.2-.98 2.53-.8.33-1.79-.15-2.49-1.1-.27-.36-.78-.52-1.14-.24-.77.59-1.45 1.27-2.04 2.04-.28.36-.12.87.24 1.14.96.7 1.43 1.7 1.1 2.49-.33.8-1.37 1.16-2.53.98-.45-.07-.93.18-.99.64a11.1 11.1 0 0 0 0 2.88c.06.46.54.7.99.64 1.16-.18 2.2.19 2.53.98.33.8-.14 1.79-1.1 2.49-.36.27-.52.78-.24 1.14.59.77 1.27 1.45 2.04 2.04.36.28.87.12 1.14-.24.7-.95 1.7-1.43 2.49-1.1.8.33 1.16 1.37.98 2.53-.07.45.18.93.64.99a11.1 11.1 0 0 0 2.88 0c.46-.06.7-.54.64-.99-.18-1.16.19-2.2.98-2.53.8-.33 1.79.14 2.49 1.1.27.36.78.52 1.14.24.77-.59 1.45-1.27 2.04-2.04.28-.36.12-.87-.24-1.14-.96-.7-1.43-1.7-1.1-2.49.33-.8 1.37-1.16 2.53-.98.45.07.93-.18.99-.64a11.1 11.1 0 0 0 0-2.88c-.06-.46-.54-.7-.99-.64-1.16.18-2.2-.19-2.53-.98-.33-.8.14-1.79 1.1-2.49.36-.27.52-.78.24-1.14a11.07 11.07 0 0 0-2.04-2.04c-.36-.28-.87-.12-1.14.24-.7.96-1.7 1.43-2.49 1.1-.8-.33-1.16-1.37-.98-2.53.07-.45-.18-.93-.64-.99a11.1 11.1 0 0 0-2.88 0ZM16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"] + )::after { + color: var(--ThreeDShadow) !important; + } + } + [class^="iconWrapper_"] { + &:has( + > svg + > g + > path[d="M17.5053 1.76605C17.5053 1.76605 26.7154 8.05195 23.2155 16.8783C19.7157 25.7047 12.7544 23.2563 15.3562 20.6775C17.9581 18.0986 12.2862 16.3487 8.65588 13.0024L17.4976 1.76605"] + )::after, + &:has( + > svg + > path[d="M9.54 3.28a3 3 0 0 0-.37.74c-.19.52.28.98.83.98h4c.55 0 1.02-.46.83-.98a2.96 2.96 0 0 0-.37-.74c.23-.16.56-.28.99-.28a1 1 0 1 0 0-2c-1 0-2.01.4-2.68 1.1a3 3 0 0 0-1.54 0A3.76 3.76 0 0 0 8.55 1a1 1 0 0 0 0 2c.43 0 .76.12 1 .28ZM18.01 18.85c-.04.1-.03.22.05.3l1.51 1.5a1 1 0 0 1-1.41 1.42l-1.18-1.18a.26.26 0 0 0-.37 0 6.7 6.7 0 0 1-2.8 1.82c-.42.14-.83-.2-.86-.64l-.42-8.57a.53.53 0 0 0-1.05 0l-.43 8.57c-.03.45-.44.78-.87.64A6.7 6.7 0 0 1 7.4 20.9a.26.26 0 0 0-.37-.01l-1.18 1.18a1 1 0 0 1-1.41-1.41l1.51-1.51c.08-.08.1-.2.05-.3-.47-.94-.78-2-.92-3.12a.25.25 0 0 0-.25-.23H3a1 1 0 1 1 0-2h1.82c.13 0 .24-.1.25-.23.14-1.13.45-2.18.92-3.12a.25.25 0 0 0-.05-.3l-1.51-1.5a1 1 0 1 1 1.41-1.42L7.02 8.1c.1.1.27.1.37 0a6.66 6.66 0 0 1 2.95-1.87c.38-.11.75.14.85.52l.57 2.27c.06.25.42.25.48 0l.57-2.27c.1-.38.47-.63.85-.52 1.1.33 2.11.98 2.95 1.86.1.1.26.11.37.01l1.18-1.18a1 1 0 1 1 1.41 1.41l-1.51 1.51c-.08.08-.1.2-.05.3.47.94.78 2 .92 3.12.01.13.12.23.25.23H21a1 1 0 1 1 0 2h-1.82c-.13 0-.24.1-.25.23a9.68 9.68 0 0 1-.92 3.12Z"] + )::after, + &:has(> svg > path[class^="downloadArrow_"])::after, + &:has(> svg > path[class^="updateIconForeground_"])::after { + color: var(--ThreeDShadow) !important; + } + } + a[href="https://support.discord.com"]:has(> [class^="iconWrapper_"])::after + { + color: var(--ThreeDShadow) !important; + } +}*/ + +[class^="chat_"], +[class^="sidebar_"] + main[class^="container_"], +[class^="sidebar_"] + main[class^="pageWrapper_"] { + overflow: visible; +} + +[id^="popout_"] { + &:has([class^="accountProfilePopoutWrapper_"]) { + top: 20px !important; + } + &:has(> #staff-help-popout) { + right: unset !important; + left: calc(var(--ToolbarAccountWidth) + var(--ToolbarSettingsWidth) + 2px) !important; + top: 22px !important; + } + &:has([class^="messagesPopoutWrap_"]) { + left: calc((20px * 5) + 8px); + top: 48px !important; + } + &:has([class*="recentMentionsPopout_"]) { + left: calc((20px * 8) + 18px); + top: 48px !important; + } + &:has([class^="browser_"]) { + left: calc((20px * 2) + 18px); + top: 48px !important; + } + + &:has(> [class^="menu_"][id="thread-context"]) { + left: calc((20px * 7) + 14px); + top: 48px !important; + } +} +[class^="layerContainer_"] > [class*="layer_"]:has(> [class^="menu_"][id="user-settings-cog"]) { + left: calc(var(--ToolbarAccountWidth) + 2px) !important; + top: 22px !important; +} + +[class^="accountProfilePopoutWrapper_"] { + left: unset; + + [class^="userPopoutOuter_"] { + padding: 0 !important; + border-radius: 0; + width: unset; + + [class^="userPopoutInner_"] { + border-radius: 0; + + &::before, + & > [class^="bannerSVGWrapper_"], + & > [class*="avatarWrapper_"], + & > [class^="profileBadges_"] { + display: none; + } + + & > [class^="userPopoutOverlayBackground_"] { + border-radius: 0; + margin: 0; + + & > [class^="section_"], + & > [class^="divider_"], + & > [class^="scroller_"] { + display: none; + } + } + } + } +} + +[class^="chat_"] > [class^="subtitleContainer_"] > [class^="title_"] { + height: 22px; + min-height: 22px; + padding: 0; + position: absolute; + top: calc(-26px - var(--ToolbarVerticalOffset)); + left: -298px; + background-color: transparent; + width: calc(100vw - 250px); + + [class^="children_"] { + height: 22px; + + & > [class^="iconWrapper_"]:has(+ [class^="hiddenVisually_"]) { + display: none; + } + + [class^="titleWrapper_"] { + margin: 0 4px; + + & > :is(h1, h2) { + font-size: var(--FontSize); + font-weight: normal; + } + } + + [class*="channelName_"] { + margin-left: 3px; + padding: 0; + + & > [class^="container_"] > [class^="input_"] { + font-size: var(--FontSize); + font-weight: normal; + height: 22px; + line-height: 22px; + border-radius: 0; + padding: 0; + } + } + + & > div > [class*="avatar_"] { + width: 22px !important; + height: 22px !important; + margin: 0; + padding: 1px; + + & > svg { + width: 20px; + height: 20px; + + &:has(> rect) { + width: 24px; + height: 24px; + } + } + } + + [class^="divider_"] { + display: none; + } + + [class^="topic_"] { + height: 22px; + margin: 0; + padding: 2px; + background-color: var(--Window); + box-shadow: var(--InnerEdge); + + & > span:first-of-type { + margin-left: 4px; + } + span { + color: var(--WindowText); + font-size: var(--FontSize); + line-height: var(--FontSize); + } + } + + &::after { + display: none; + } + } + + [class^="toolbar_"] { + height: 22px; + position: absolute; + left: 56px; + top: -24px; + + [class*="iconWrapper_"] { + margin: 0; + width: 24px; + height: 22px; + border-radius: 0; + + &:hover { + box-shadow: var(--HoverEdge); + background-color: transparent; + } + &[class*="selected_"] { + box-shadow: var(--PressedEdge) !important; + + &:not(:active):not(:hover)::before { + content: ""; + display: block; + position: absolute; + width: 20px; + height: 18px; + top: 2px; + left: 2px; + z-index: -1; + + background-color: var(--ThreeDHighlight); + mask-image: var(--ImageDither); + mask-repeat: repeat; + } + } + + & > svg { + height: 22px; + padding: 3px 4px; + } + } + + & > [class^="search_"] { + position: absolute; + left: calc(100vw - 242px - 60px); + top: 24px; + margin: 0; + + & > [class^="search_"] > [class^="searchBar_"] { + height: 22px; + width: 242px; + border-radius: 0; + background-color: var(--Window); + box-shadow: var(--InnerEdge); + + .public-DraftEditorPlaceholder-inner { + color: var(--WindowText); + font-size: var(--FontSize); + } + + & > [class^="icon_"] { + width: 20px; + height: 22px; + + & > [class^="iconContainer_"] { + background-image: var(--ImageSearch); + background-repeat: no-repeat; + background-position: center; + image-rendering: pixelated; + + & > svg { + display: none; + } + } + } + } + } + } +} + +[class^="base_"] > [class^="content_"] > main[class^="container_"] > section[class*="container_"] { + height: 22px; + min-height: 22px; + padding: 0; + position: absolute; + top: -26px; + left: -50px; + background-color: transparent; + width: calc(100vw - 250px); + + [class^="children_"] { + height: 22px; + + & > [class^="iconWrapper_"]:has(+ [class^="titleWrapper_"]) { + display: none; + } + + [class^="titleWrapper_"] { + margin: 0 4px; + + & > h1 { + font-size: var(--FontSize); + font-weight: normal; + } + } + + [class^="divider_"] { + display: none; + } + + &::after { + display: none; + } + } + + [class^="toolbar_"] { + height: 22px; + position: absolute; + left: 56px; + top: -24px; + + [class*="iconWrapper_"] { + margin: 0; + width: 24px; + height: 22px; + border-radius: 0; + + &:hover { + box-shadow: var(--HoverEdge); + background-color: transparent; + } + &[class*="selected_"] { + box-shadow: var(--PressedEdge); + } + + & > svg { + height: 22px; + padding: 3px 4px; + } + } + + [class^="divider_"] { + display: none; + } + } +} diff --git a/src/winclassic.scss b/src/winclassic.scss index 81190f9..9efa237 100644 --- a/src/winclassic.scss +++ b/src/winclassic.scss @@ -1,41 +1,35 @@ @use "colors"; @use "images"; +@use "w9x/guilds" as w9xguilds; +@use "w9x/images" as w9ximages; +@use "w9x/toolbar" as w9xtoolbar; +/*@use "w9x/channel_list" as w9xchannels;*/ + .theme-dark { - --wc-frame: inset -1px -1px 0 0 #{colors.$tertiary}, - inset 1px 1px 0 0 #{colors.$primary}, + --wc-frame: inset -1px -1px 0 0 #{colors.$tertiary}, inset 1px 1px 0 0 #{colors.$primary}, inset -2px -2px 0 0 #{colors.$secondary}, inset 2px 2px 0 0 #{colors.$c8}; - --wc-outer-edge: inset -1px -1px 0 0 #{colors.$tertiary}, - inset 1px 1px 0 0 #{colors.$c8}, inset -2px -2px 0 0 #{colors.$secondary}, - inset 2px 2px 0 0 #{colors.$primary} !important; + --wc-outer-edge: inset -1px -1px 0 0 #{colors.$tertiary}, inset 1px 1px 0 0 #{colors.$c8}, + inset -2px -2px 0 0 #{colors.$secondary}, inset 2px 2px 0 0 #{colors.$primary} !important; - --wc-inner-edge: inset -1px -1px 0 0 #{colors.$c8}, - inset 1px 1px 0 0 #{colors.$secondary}, - inset -2px -2px 0 0 #{colors.$primary}, - inset 2px 2px 0 0 #{colors.$tertiary}; + --wc-inner-edge: inset -1px -1px 0 0 #{colors.$c8}, inset 1px 1px 0 0 #{colors.$secondary}, + inset -2px -2px 0 0 #{colors.$primary}, inset 2px 2px 0 0 #{colors.$tertiary}; - --wc-rebar: inset 1px 1px 0 0 #{colors.$secondary}, - inset 2px 2px 0 0 #{colors.$c8}, inset -1px -1px 0 0 #{colors.$c8}, + --wc-rebar: inset 1px 1px 0 0 #{colors.$secondary}, inset 2px 2px 0 0 #{colors.$c8}, inset -1px -1px 0 0 #{colors.$c8}, inset -2px -2px 0 0 #{colors.$secondary}; } .theme-light { - --wc-frame: inset -1px -1px 0 0 #{colors.$c8}, - inset 1px 1px 0 0 #{colors.$primary}, - inset -2px -2px 0 0 #{colors.$tertiary}, - inset 2px 2px 0 0 #{colors.$secondary}; + --wc-frame: inset -1px -1px 0 0 #{colors.$c8}, inset 1px 1px 0 0 #{colors.$primary}, + inset -2px -2px 0 0 #{colors.$tertiary}, inset 2px 2px 0 0 #{colors.$secondary}; - --wc-outer-edge: inset -1px -1px 0 0 #{colors.$c8}, - inset 1px 1px 0 0 #{colors.$secondary}, - inset -2px -2px 0 0 #{colors.$primary}, - inset 2px 2px 0 0 #{colors.$tertiary}; + --wc-outer-edge: inset -1px -1px 0 0 #{colors.$c8}, inset 1px 1px 0 0 #{colors.$secondary}, + inset -2px -2px 0 0 #{colors.$primary}, inset 2px 2px 0 0 #{colors.$tertiary}; - --wc-inner-edge: inset -1px -1px 0 0 #{colors.$secondary}, - inset 1px 1px 0 0 #{colors.$tertiary}, + --wc-inner-edge: inset -1px -1px 0 0 #{colors.$secondary}, inset 1px 1px 0 0 #{colors.$tertiary}, inset -2px -2px 0 0 #{colors.$primary}, inset 2px 2px 0 0 #{colors.$c8}; - --wc-rebar: inset 1px 1px 0 0 #{colors.$secondary}, - inset 2px 2px 0 0 #{colors.$c8}, inset -1px -1px 0 0 #{colors.$c8}, + --wc-rebar: inset 1px 1px 0 0 #{colors.$secondary}, inset 2px 2px 0 0 #{colors.$c8}, inset -1px -1px 0 0 #{colors.$c8}, inset -2px -2px 0 0 #{colors.$secondary}; } @@ -58,32 +52,32 @@ --Tooltip: #1a1a1a; --TooltipText: #dedbeb; --Scrollbar: #383838; -} -:root { - --ImageClose: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAwSURBVChTY6AE/IdidIBLHAzQJfEqhgGYIqIUwwBZionShK4IryZckng1URswMAAAIEcZ541Sy3oAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); - --ImageMaximize: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAjSURBVChTY4CC/0RgFIBNATpGARgCaGBUAwiABAhhcgADAwD+Vybas8l0mAAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); - --ImageMinimize: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZSURBVChTYxgFtAb/cWCcAJtiEKYEMDAAALNwC/VcmzodAAAAAElFTkSuQmCCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); - --ImageDither: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAPSURBVBhXY4CC/1CCgQEADwMB/wK6BPYAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); - --ImageMenuArrow: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAmSURBVBhXY4CC/1AaKwBJ4lQAk8SqAFkSQwFOCRDAKQECWCQYGACCnQ/xc1GbJAAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); - --ImageMenuCheck: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAArSURBVBhXY8AD/kNpDACSAEuiq4BJwCVhClAkQABZAEUCBnBKwACaBAMDANZXFOzc7AnWAAAAAElFTkSuQmCCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); - --ImageMenuRadio: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAiSURBVBhXY4CC/2gYDNAFYRirIAhjFQRhrIIgDAZoggwMACftH+F43ykVAAAAAElFTkSuQmCCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); - --ImageFolderClosed: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAE3SURBVFhH7VJBEoIwDOTIf/iTf+JPPMYjMx5qg42uS0KhFHFGO7OTzTZN1mDzdafvm5BD27Yhldc90nwcxxBCv4hDTKwdrqhqQpqF29UctIQqJqTJMFyKIe9LkMa/Vv9pxNEPE2rAWnExBodDLtubPt8uA9qcI99zHqMY6Lq4hUM2IMDhwslMfQPw60ydtHIDPMgawDDeHL8BjoqUbzfAjTwNgffCNY9x3wa4sacxh3y9AW6Qg9azCcrLP4EVWUOgBrV5A1azNdB3MOzJIS//BNDEjDmeUPYnxGaWrgNyPEbbABVt0hCiIwxt/waUa1PmWIdImm8AimYa516NcIVzNzeARQjj8ezOqsE7A8ufQIowWpxrUMOc7xP8DXD0NE8XzrpqkL8ZkOQMTAbkCDkD0/D/+fHTNHfV1QBuqTnkzQAAAABJRU5ErkJggg=="); - --ImageFolderClosedOverlay: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEZSURBVFhH7VKBDcIwDNsBXMITvMWdPATzJE/GJLRrV4YEkaw4bpqajOkb41qB+4whgeGIUwFDTNQ+TuxqYuvjxC4mMOTSAdxvwRpPxQdj3RwNRCtuxTnhWmN7i4keAxzm2c+9RoaB24whGwD0cXA3s7sB/XWR7lqzAX8oesAR3Rm+Ac8E680GfFCmKfQcnDVy1wZ8cKY517ragA8ogf1uwuvmTxBl1xSqaW/RQDSsBrynj5Fr3fwJdEiUS5xo+hPqsEjn8BJHDg140xZNAV0Rad0bIOdA59qnoJYa0CbXvM56wIns7MWANimiy34W9ehZhLefAA2aI+49qmnt50S6Ac+ZlungrlPT+skAiiOwGECAHIF//HxM0wMCXoMpXQz00wAAAABJRU5ErkJggg=="); - --ImageFolderOpen: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFFSURBVFhH7ZJREoMwCEQ9bc/Ra3gnD+SflcrWDQKamtofmXkTRMKuid0dWfR9N+2hre1Dho/jmDIMj9+YgPg09bs0N1EjDpqZOCw+bHOYOIpKliEvar+ekb1HmeW2JnYNOF9e5BU1PYXSxNkT+MCitqZrnQEeuJdnNVoLA/JwBfKjvk2wAUnwY/waEYSRwsDnyM6CIw5yiJ43gOF2jd5r/r0BK5Dh9WpNhNucgIeIQJxXyl0DElUmPBF+b2smfz4X4ToDnohFehJhAOHcAG/OiPq4bnJcQ90JMBgYiTBSN/2uAYnURCRgYTHeY+r4D5QlCgO82cLDshU51xX6+sAAwwOw2pqXW6gH16AssTGATUfgXha0NUUM0DWs4Z4ChtnVy73nALqGNd4GpIGHY41q9lly7gsIDVzJLFka0MCLK7jj39F1L3Q+/18vALefAAAAAElFTkSuQmCC"); - --ImageFolderOpenOverlay: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEqSURBVFhH7VLbDcJADOsATMISrMUUrAy1hCWfm6R39MFPLVlJc2ns5jpdWMGzg4ehZ/hj5iEmOPTWwd1NjIiTu5noFb8HOU30MgQPOHyUI3h/Y4M1A9GXaz5Sg9bCxNYNkCrqNcYhAzpwLa9qGhsDeDiD+FEh3hhAchYgSCONAa5sK7niLKfoZgMc6DE7Z/6zAReoGPWyBuFdNhARIhTSqHloABgxEYnoudc8f82E8JCBSMSJnkqYpHBpQF+umPVp3XNew9AGlByYiShR9/7QAFCZyAScKqbveJ3/QWpAX3bqsCoy1zrJr+/agA5g9FqUO7WH11AaYHMPtVcFvUbCAK+hQbQFDvMY5dFzRl5DAxRxqMMZs5o/I9e+jKmBM7kwAKB4Fi/8G9P0AdexoBVUhbn6AAAAAElFTkSuQmCC"); - --ImageHome: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAE2SURBVFhH1ZaJDYMwDEUzbUdhB3bKTqnt5BdwXMjhSO2XLHOYvNdIoIa/zv4KqRxesoeQUHRqzkyH4SntJoDBKbyk6NRfAHCpWP/KpQIXeBHQEssENDzuGa4llghYcLqcz5WEu8A3eIzxq4SbwB2c8yTBnWosT3DkTqJUf1rhyINEX3rhiIvEKDzPT0rMwtGHJLzg6F0S3nD0Hglc/NQsHB0SRtXZtk0e8IKjY01C2GCEBZ7TBtXdSaANZnUHgXaY1ScFjsX4jbGKHpf7OXWfELguxjA5Pr1WeLVyajhnUKBeTAQUnP6BFAEbzn1AwF6sEiD4ISATZl+zAwWOL6c1j+6/Ayc4X6PH5b6eR/fdAQU/BGw4d98dUPBDQCbM3izAg3fFMA2HgDV/Lp4R0E0wtLJ+KSG8AZmedDr25ZPhAAAAAElFTkSuQmCC"); - --ImageUnread: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACESURBVDhPtZBRCsAgDEM9vefyZpupBtpY9WPsQRjM5bWzZNRaH5/+CrnDgtJao2Qv0uIojSdxokg2FWXGk0r2a8cNSK/wbvLyjbDFaTqTAYFt8YsAeEnGJwHvwARAJfoLKmE5CFAiJ8Eynagkw5cXwcQ+UFhETmVjHi65FhUWfOaRo5QXtxdbQzKnh2UAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAA=="); - --ImagePing: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACASURBVDhPzZBBCsAwCAR9ek95V3+WqmRhNWJoTx0YCprdhkjFJTJZHZlnENDTwVvVNaypglkqipRhhuZlyZsCUyNzjGHf5upM2oVbfCkwrcBv8eOCRrxB/5BM2iEcCqyVDwVovv0dlCVJDm8FCz+AAETQ7MLOWm4egxkE2LUiRB7pcKIEGXR8dgAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); - --ImageMonitor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABgSURBVDhP7ZIxCsAwDAPzdD/NP2sRkVoXHOMM2XqgRaBzhoyImV074WyCwt1bARRMicZdwgteAWBRBvyCk4IuqWA3zzigspsaXAH4oauLKXqixop6ypZ8RlkoqCWNkDFu9ufFFlUhU60AAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); - --ImageSpeaker: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACfSURBVDhPlZABDsQgCAR9uj+rP/M64Hqk0tObhCjKLmjZ0Ef8z3WVXms1g7Geg7h3795as/CbAySmK4EYsimWM4nhTqcYYrHMR+rCKI7jCwleuvZQ/J2AEItQqLMbrBOwwqEBuOC+ksjy+IQYnNn7SZ4TEELFb1hx/Ejy7BN3TBP2mcGJ0XwSIaJQdyNNMRNWpiAywbHJrvAXZuDbjFI+9M9SwlE3nTsAAAAASUVORK5CYII="); - --ImageCamera: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAB0SURBVDhP7ZHZDYAwDEMzekbrZhDnADcgVPGJeJJxyNUi5EdEVbcM34EFtaTiJ/kQgySw0J0ZY3geDuWC6bD6hKmRxfnqhYOci0f6RbysFgC8Z0+AIjffiW9LceDXskQfstLhbYjjtT8AWes51Kjiir6DyA4C/PHAro/o3gAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); - --ImageJoystick: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADZSURBVDhPlZHBEYQgEATJmq8vQjAQIzAAU/Dlzwj8cdvIWIBQ5W3V1MEy0wue61UIIfaUj8cl43Vdcd/3Z70siwBjiMxoXVczxhHgDZGRqYRJOzd1AQXortKk38kMCg1u8AbozdwAsR4A6pKpDFo76W9Az0QPgC3fYUqANsxeEkD725GLBtNtmQ5koue9rwBIz0H4UyAfPrdpv4nE3ozpXyqHPoXpPM94HEcFYqqAiJshi9QAmpjRtm1JJYgBelYXkCsdtCBC8zy34S5AVYEUVh/D1ypDTdC5Hzu/wPnoc1mtAAAAAElFTkSuQmCC"); - --ImageDiscovery: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAI1SURBVFhHrVQLdsQgEMrRc7S92RZw0NFoPpuOjxKdD8S03Z7Evu/fK0Tp/0YWcHw+n++GZd52/SxsvI0r0XNx3obxQ2Rhxi1RQ6LfgR/E8q05fCVqWBQzehPM3YiZuAbPhDWYYj5biZMJ9pzEb+KD6FTcTLB3EhT3Nb8WJ6su9lXcYG4Ivz3qSzPxRty9o7jOhBZ+ewfmHAepEecrUXPukSh74rzLCSXyt0c9CtAgjmJjFDPXHLgKRD7E/Vn9mSFLFPH++tHQsQfG2cjMcWlg7M/EuVQjFAO+/iYaPIoteav/qgmdywQQBjtxMwrRH2/PRrOSeL5hwqJFoPz5FhMhgjUVPxggIqEGFcxFzRZ2v7n0FxNLcc0ns5CNOPAwRyt+KG5WfczgqvMAnlcDOGjDyjiyVm3qTeSbM3fiZopwcYbZkAk8LMW5VBziAb99qS4xFQfXW+A6iBPYMPBYuVtdUzNQqlnfeGrCBro5ifngwHa90oDxBpbizF3eAAMHDGz7xcKRA3d+B+6JM3iolvsm9BmSiam4DUSP4P1ooDTGYsGKE2ziTFw1MxOdAQYTFrliNUNI/25jb1ELAjREA50J1x8CyXoLM1EzoQEcahNkn7dfUkY14XztnwWSpyYMDcjiR84meEgD1cRpWGQUJeqAc3H30wQPZQT83ESGmk5EKwOph4JMvjOh4gvRA9xTvj8egKefoxaNw++iicxMOHcnXAzMhDJybR/NxHMDOdy4wlWk2m37A2epol0QLuNCAAAAAElFTkSuQmCC"); - --ImageAdd: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC2SURBVFhH7ZBRCsQwCET9WPbcuXmbSTNFFhuTBUsLPngYiNFpJXkVpZTNsl7BeLDMol7dG+C7fU75B9TfiCMDZIDwABwy0gtwJXrakhFonEEHmGE5gF7gKUXOeiUDoPazzWoADGcdGRIAg1k9lwJ4AgzlcqvHso7XZxs2jgT6y2feUDeABx4DLtcBOHzGY9of4PHjAxydQWSADMAlv9YrfQ6lLbO8K0CDyyx7SyzWYtpbkrcgsgMiLydccAQrWQAAAABJRU5ErkJggg=="); - --ImageNew: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEjSURBVDhPpZGxSgNBEIYXbH0A38D3EF8gjY+QUkvtrGwuCDZKBMFaU1lJIhaprghCwCISRIUoXpMT9LgQo3zO3OSIhi1cPfiY5d/9/529ccC/8IoheMUQvGIIjsjtCOm0bguJUBMyoS90hIawIlSnrAs9rRqQMkrhZBVZJ2SJrd8zSPvw3IGbBuwtQrNqqHnYg/0laSNyOZOcIkRvVWN7kyJIA9U4Goq2BQ8XxtkavA50f6ABZuoemrEM+BhbB08xXB/D2yO83JoxuYL7lga0ZgFatYv5DiIXU1uwwLtzec4pfE7gaFn3Kz8D1KjffAflM7t1uNywM5EOwaZQ/nGtB8WG1bGgU4iFXSEX6sLsTBHwbaZ/wSuG4BVD8IoheMXfg/sCCGr9PJ6PtPUAAAAASUVORK5CYII="); - --ImageBot: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABxSURBVDhP1Y9RDgARDEQd3dHczHayyog22v3bSV5QPFU4tdYeZVxZQbG1dgUZgiVBIRrq4BTgBVm6YD8o6AbvF38jwIGTkOCGK8ggV3ScUWMIFs32MzEF1n/5VQV1VyDLTcDgHM83wRdGRzNayCAp5QETRCGPhz4v+gAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); - --ImageVerified: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABlSURBVDhPzY5RCsAwCEM9+m6+TYsj2ujaj8EePGitCZXfchKXGMsHcaGIB7NNCQ/cOnYvCqYQ6jwzUhICqBPmnxY4+Rx8+0EG30xSoIQlB2dmEVbmZWZToIyFOtiGEQxsBTcRuQCANOfCY5uAHgAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); - --ImageEvents: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABySURBVDhPtY8BDsAgCAN9uk/jZ4wam6BOIplrchlUqaxcVNU8BUBoNMkSkKNWfHsAGkpEehXX9wNgtgMzPfRnthtgiPI1hqh/AmC2AzM99Ge2G+CQiurPAX1Yh/VPwH33etvAN8csv/D2WsQQYGKTpOgDv9M2Ye3EqUAAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); + --WindowFrame: inset -1px -1px 0 0 var(--ThreeDDarkShadow), inset 1px 1px 0 0 var(--ThreeDLightShadow), + inset -2px -2px 0 0 var(--ThreeDShadow), inset 2px 2px 0 0 var(--ThreeDHighlight); + --OuterEdge: inset -1px -1px 0 0 var(--ThreeDDarkShadow), inset 1px 1px 0 0 var(--ThreeDHighlight), + inset -2px -2px 0 0 var(--ThreeDShadow), inset 2px 2px 0 0 var(--ThreeDLightShadow); + --InnerEdge: inset -1px -1px 0 0 var(--ThreeDHighlight), inset 1px 1px 0 0 var(--ThreeDShadow), + inset -2px -2px 0 0 var(--ThreeDLightShadow), inset 2px 2px 0 0 var(--ThreeDDarkShadow); + --RebarBorder: inset -1px -1px 0 0 var(--ThreeDHighlight), inset -2px -2px 0 0 var(--ThreeDShadow), + inset 1px 1px 0 0 var(--ThreeDShadow), inset 2px 2px 0 0 var(--ThreeDHighlight); + --RebarBottom: inset 0 -1px 0 0 var(--ThreeDHighlight), inset 0 -2px 0 0 var(--ThreeDShadow); + --RebarTop: inset 0 1px 0 0 var(--ThreeDShadow), inset 0 2px 0 0 var(--ThreeDHighlight); + --HoverEdge: inset -1px -1px 0 0 var(--ThreeDShadow), inset 1px 1px 0 0 var(--ThreeDHighlight); + --PressedEdge: inset -1px -1px 0 0 var(--ThreeDHighlight), inset 1px 1px 0 0 var(--ThreeDShadow); + --ProgressBar: url('data:image/svg+xml,'); + + --FontSize: 8pt; + --TitlebarOffset: 3px; + + /* Toolbar offsets, these need to be hardcoded as theres no way to get another element's width in CSS */ + /* Padding included */ + --ToolbarAccountWidth: 51px; + --ToolbarSettingsWidth: 51px; + --ToolbarHelpWidth: 33px; + + --ToolbarAccountTextOffset: 1px; + --ToolbarHelpTextOffset: -8px; + --ToolbarUpdateTextOffset: -8px; } .theme-light { @@ -96,28 +90,14 @@ --ImageScrollbarDown: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAqSURBVDhPYxgFgxH8xwOgSggDqHoUAJUiHkD1gQFUiHRAkeZRQDfAwAAAJ5w/wWcDfNoAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); } -[class*="button_"][class*="lookFilled_"], -section[class^="panels_"] - [class^="container_"] - [class^="flex_"] - button[class^="button_"], -[class^="toolbar_"] [class*="iconWrapper_"] { +[class*="button_"][class*="lookFilled_"] { border-radius: 0; box-shadow: var(--wc-outer-edge) !important; } -[class*="button_"][class*="lookFilled_"]:active, -section[class^="panels_"] - [class^="container_"] - [class^="flex_"] - button[class^="button_"]:active { +[class*="button_"][class*="lookFilled_"]:active { box-shadow: var(--wc-inner-edge) !important; } -[class*="button_"][class*="lookFilled_"]:not([class*="color"]), -[class^="toolbar_"] [class*="iconWrapper_"], -section[class^="panels_"] - [class^="container_"] - [class^="flex_"] - button[class^="button_"] { +[class*="button_"][class*="lookFilled_"]:not([class*="color"]) { background-color: var(--background-primary); } @@ -127,11 +107,22 @@ section[class^="panels_"] height: calc(100% - 4px); max-height: calc(100% - 4px); } -[class^="messagesWrapper_"], -/*[class*="guilds_"],*/ -[class^="sidebar_"] > nav > [class^="scroller_"] { +[class^="messagesWrapper_"] { padding: 2px; - box-shadow: var(--wc-inner-edge); + box-shadow: var(--InnerEdge); + background-color: var(--Window); + + [class^="scroller_"] { + margin: 2px; + + [class^="scrollerContent_"] { + padding: 4px; + + [class^="scrollerSpacer_"] { + height: 0; + } + } + } } [class^="chat_"] > [class^="content_"] > [class^="container_"], [class^="chat_"] > [class^="content_"] > [class^="chatContent_"], @@ -139,14 +130,10 @@ section[class^="panels_"] margin-left: 4px; } -[class^="channelTextArea_"] > [class^="scrollableContainer_"], -[class^="chat_"] - [class^="toolbar_"] - > [class^="search_"] - > [class^="search_"] - > [class^="searchBar_"] { +[class^="channelTextArea_"] > [class^="scrollableContainer_"] { box-shadow: var(--wc-inner-edge); border-radius: 0; + background-color: var(--ThreeDFace); } [class^="channelTextArea_"] > [class^="scrollableContainer_"] { min-height: 42px !important; @@ -159,12 +146,8 @@ section[class^="panels_"] background-color: transparent !important; } -[class^="standardSidebarView_"] - > [class^="sidebarRegion_"] - > [class^="sidebarRegionScroller_"], -[class^="standardSidebarView_"] - > [class^="contentRegion_"] - [class^="contentTransitionWrap_"] { +[class^="standardSidebarView_"] > [class^="sidebarRegion_"] > [class^="sidebarRegionScroller_"], +[class^="standardSidebarView_"] > [class^="contentRegion_"] [class^="contentTransitionWrap_"] { padding: 2px; box-shadow: var(--wc-inner-edge); } @@ -172,16 +155,10 @@ section[class^="panels_"] [class^="standardSidebarView_"] > [class^="sidebarRegion_"] { margin-top: 2px; } -[class^="standardSidebarView_"] - > [class^="contentRegion_"] - [class^="contentTransitionWrap_"] { +[class^="standardSidebarView_"] > [class^="contentRegion_"] [class^="contentTransitionWrap_"] { height: calc(100% - 4px); } -div[class^="sidebar_"] { - border-left: 4px solid #{colors.$primary}; -} - div[class^="sidebar_"]:not(:has(> [class^="side_"])) > nav[class^="container_"] > [class^="container_"][class*="clickable_"] @@ -207,11 +184,7 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"])) top: 0; left: 0; position: absolute; - background: linear-gradient( - 0deg, - var(--background-secondary) 5%, - transparent 100% - ); + background: linear-gradient(0deg, var(--background-secondary) 5%, transparent 100%); } div[class^="sidebar_"]:not(:has(> [class^="side_"])) @@ -245,10 +218,7 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"])) margin: 1px 0; padding: 0 2px !important; } -[class*="menu_"] - > [class^="scroller_"] - [class^="customItem_"][id^="message-quickreact_"] - > [class^="button_"] { +[class*="menu_"] > [class^="scroller_"] [class^="customItem_"][id^="message-quickreact_"] > [class^="button_"] { border-radius: 0 !important; box-shadow: var(--wc-outer-edge); } @@ -258,9 +228,7 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"])) margin: -4px; } -[class^="scroller_"]:not([class*="none_"]):not([class*="thin_"]):not( - :not(:hover)[class*="fade_"] - )::-webkit-scrollbar, +[class^="scroller_"]:not([class*="none_"]):not([class*="thin_"]):not(:not(:hover)[class*="fade_"])::-webkit-scrollbar, [class*="scrollerBase_"]:not([class*="none_"]):not([class*="thin_"]):not( :not(:hover)[class*="fade_"] )::-webkit-scrollbar { @@ -277,70 +245,42 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"])) } [class^="scroller_"]::-webkit-scrollbar-thumb, [class*="scrollerBase_"]::-webkit-scrollbar-thumb, -[class^="scroller_"]:not( - [class*="thin_"] - )::-webkit-scrollbar-button:single-button, -[class*="scrollerBase_"]:not( - [class*="thin_"] - )::-webkit-scrollbar-button:single-button { +[class^="scroller_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button, +[class*="scrollerBase_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button { border-radius: 0 !important; background: #{colors.$primary} !important; box-shadow: var(--wc-frame); border: none !important; } -[class^="scroller_"][class*="fade_"]:not( - [class*="thin_"] - )::-webkit-scrollbar-button:single-button, -[class*="scrollerBase_"][class*="fade_"]:not( - [class*="thin_"] - )::-webkit-scrollbar-button:single-button { +[class^="scroller_"][class*="fade_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button, +[class*="scrollerBase_"][class*="fade_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button { visibility: hidden; } -[class^="scroller_"][class*="fade_"]:not( - [class*="thin_"] - ):hover::-webkit-scrollbar-button:single-button, -[class*="scrollerBase_"][class*="fade_"]:not( - [class*="thin_"] - ):hover::-webkit-scrollbar-button:single-button { +[class^="scroller_"][class*="fade_"]:not([class*="thin_"]):hover::-webkit-scrollbar-button:single-button, +[class*="scrollerBase_"][class*="fade_"]:not([class*="thin_"]):hover::-webkit-scrollbar-button:single-button { visibility: visible; } [class^="scroller_"]::-webkit-scrollbar-button:single-button:active, [class*="scrollerBase_"]::-webkit-scrollbar-button:single-button:active { - box-shadow: inset 1px 1px #{colors.$secondary}, - inset -1px -1px #{colors.$secondary}; + box-shadow: inset 1px 1px #{colors.$secondary}, inset -1px -1px #{colors.$secondary}; } -[class^="scroller_"]:not( - [class*="thin_"] - )::-webkit-scrollbar-button:single-button:vertical:decrement, -[class*="scrollerBase_"]:not( - [class*="thin_"] - )::-webkit-scrollbar-button:single-button:vertical:decrement { +[class^="scroller_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button:vertical:decrement, +[class*="scrollerBase_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button:vertical:decrement { background-repeat: no-repeat !important; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4NCgk8cmVjdCBoZWlnaHQ9IjEiIHdpZHRoPSI3IiB5PSI4IiB4PSIzIiBmaWxsPSJtZW51dGV4dCIvPjxyZWN0IGhlaWdodD0iMSIgd2lkdGg9IjUiIHg9IjQiIHk9IjciIGZpbGw9Im1lbnV0ZXh0Ii8+PHJlY3QgaGVpZ2h0PSIxIiB3aWR0aD0iMyIgeT0iNiIgeD0iNSIgZmlsbD0ibWVudXRleHQiLz48cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB5PSI1IiB4PSI2IiBmaWxsPSJtZW51dGV4dCIvPg0KCQ0KCQ0KPC9zdmc+") !important; background-position: center center !important; } -[class^="scroller_"]:not( - [class*="thin_"] - )::-webkit-scrollbar-button:single-button:vertical:increment, -[class*="scrollerBase_"]:not( - [class*="thin_"] - )::-webkit-scrollbar-button:single-button:vertical:increment { +[class^="scroller_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button:vertical:increment, +[class*="scrollerBase_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button:vertical:increment { background-repeat: no-repeat !important; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTUiIHdpZHRoPSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4NCgk8cmVjdCBoZWlnaHQ9IjEiIHdpZHRoPSI3IiB4PSIzIiB5PSI1IiBmaWxsPSJtZW51dGV4dCIvPjxyZWN0IGhlaWdodD0iMSIgd2lkdGg9IjUiIHk9IjYiIHg9IjQiIGZpbGw9Im1lbnV0ZXh0Ii8+PHJlY3QgaGVpZ2h0PSIxIiB3aWR0aD0iMyIgeD0iNSIgeT0iNyIgZmlsbD0ibWVudXRleHQiLz48cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4PSI2IiB5PSI4IiBmaWxsPSJtZW51dGV4dCIvPg0KCQ0KCQ0KPC9zdmc+") !important; background-position: center center !important; } -[class^="scroller_"]::-webkit-scrollbar-button:single-button, -[class*="scrollerBase_"]::-webkit-scrollbar-button:single-button { -} -[class^="scroller_"]:not( - [class*="thin_"] - )::-webkit-scrollbar-button:single-button:vertical:decrement, -[class*="scrollerBase_"]:not( - [class*="thin_"] - )::-webkit-scrollbar-button:single-button:vertical:decrement { +[class^="scroller_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button:vertical:decrement, +[class*="scrollerBase_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button:vertical:decrement { border-width: 0 8px 8px 8px; border-color: transparent transparent var(--text) transparent; } @@ -380,9 +320,7 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"])) width: 16px; height: 16px; } -[class^="select_"][class*="lookFilled_"][class*="open_"] - > [class^="icons_"] - > svg { +[class^="select_"][class*="lookFilled_"][class*="open_"] > [class^="icons_"] > svg { box-shadow: var(--wc-inner-edge); } [class^="popout_"][role="listbox"] > [class^="option_"] { @@ -402,8 +340,46 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"])) [class^="tooltipContent_"] { padding: 2px 4px; - font-size: 12px; - line-height: 12px; + font-size: 8pt; + line-height: 8pt; + + & > [class*="invitesDisabledTooltip_"], + & > [class*="muteText_"] { + font-size: 8pt; + line-height: 8pt; + } + + & > [class^="row_"] { + & + [class^="row_"] { + margin-top: 2px; + } + + & > svg { + height: 16px; + width: 16px; + margin-right: 3px; + } + + & > [class^="container_"] { + & > :is(svg, [class^="avatarContainer_"]), + & > [class^="avatarContainer_"] > [class^="clickableAvatar_"] { + width: 16px; + height: 16px; + } + + & > [class^="icon_"] { + margin-right: 3px; + } + + & > [class*="avatarContainerMasked_"] { + margin-right: 1px; + + & > foreignObject { + mask: none; + } + } + } + } } [class^="tooltipPointer_"] { @@ -412,475 +388,10 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"])) [class*="rowGuildName_"] { align-items: center; - } -} -[class*="guilds_"] { - background-color: var(--ThreeDFace) !important; - box-shadow: var(--wc-rebar); - width: 48px; - padding: 2px; - - [class^="scroller_"] { - padding-top: 4px; - - &::-webkit-scrollbar, - &::-webkit-scrollbar-thumb, - &::-webkit-scrollbar-button, - &::-webkit-scrollbar-button:single-button, - &::-webkit-scrollbar-track { - visibility: hidden !important; - width: 0px !important; - min-width: 0px !important; - } - - & > div[style*="height: 56px;"]:has(> [class^="listItem_"]) { - height: unset !important; - } - } - - [class^="listItemWrapper_"] > [class^="wrapper_"] { - width: 40px; - height: 40px; - & > svg { - width: 40px; - height: 40px; - } - } - [class^="listItem_"] { - --custom-list-items-list-item-width: 48px; - margin: 0 !important; - - [class^="lowerBadge_"] { - top: 0; - z-index: 11; - width: 16px; - height: 16px; - background-repeat: no-repeat; - background-position: center; - image-rendering: pixelated; - - &:has(> [class^="numberBadge_"][style*="--status-danger"]) { - background-image: var(--ImagePing); - - & > [class^="numberBadge_"] { - display: none; - } - } - } - [class^="upperBadge_"] { - left: 0; - right: unset; - z-index: 11; - width: 16px; - height: 16px; - background-repeat: no-repeat; - background-position: center; - image-rendering: pixelated; - - &:has( - > [class^="iconBadge_"] - > svg - > path[d="M4 2.5C2.897 2.5 2 3.397 2 4.5V15.5C2 16.604 2.897 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C21.103 17.5 22 16.604 22 15.5V4.5C22 3.397 21.103 2.5 20 2.5H4ZM20 4.5V13.5H4V4.5H20Z"] - ) { - background-image: var(--ImageMonitor); - - & > [class^="iconBadge_"] { - display: none; - } - } - - &:has( - > [class^="iconBadge_"] - > svg - > path[d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"] - ) { - background-image: var(--ImageSpeaker); - - & > [class^="iconBadge_"] { - display: none; - } - } - - &:has( - > [class^="iconBadge_"] - > svg - > path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] - ) { - background-image: var(--ImageCamera); - - & > [class^="iconBadge_"] { - display: none; - } - } - &:has( - > [class^="iconBadge_"] - > svg - > g - > path[d="M4.92871 13.4149L10.5857 19.0709L18.3639 11.2927C19.7781 9.87859 22.6066 6.48376 21.1923 2.80748C17.5153 1.3932 14.1213 4.22173 12.7074 5.63625L4.92871 13.4149ZM16.064 9.93309C17.1686 9.93309 18.064 9.03766 18.064 7.93309C18.064 6.82852 17.1686 5.93309 16.064 5.93309C14.9594 5.93309 14.064 6.82852 14.064 7.93309C14.064 9.03766 14.9594 9.93309 16.064 9.93309Z"] - ) { - background-image: var(--ImageJoystick); - - & > [class^="iconBadge_"] { - display: none; - } - } - - &:has( - > [class^="iconBadge_"] - > svg - > g - > path[d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7v-5z"] - ) { - background-image: var(--ImageEvents); - - & > [class^="iconBadge_"] { - display: none; - } - } - } - - & > [class^="guildSeparator_"] { - width: 48px; - border-radius: 0; - height: 1px; - border-top: solid 1px var(--ThreeDShadow); - background-color: var(--ThreeDHighlight); - margin: 3px 2px; - } - - [class^="pill_"] { - width: 16px; - height: 16px; - left: unset; - right: 4px; - z-index: 10; - pointer-events: none; - - &:has(> [class^="item_"][style*="height: 8px;"]) { - background-image: var(--ImageUnread); - background-repeat: no-repeat; - background-position: center; - image-rendering: pixelated; - } - - [class^="item_"] { - display: none; - } - } - - [class*="selected_"] > [class^="wrapper_"]:has(> svg) { - box-shadow: inset -1px -1px 0 0 var(--ThreeDHighlight), - inset 1px 1px 0 0 var(--ThreeDShadow); - &:hover { - box-shadow: inset -1px -1px 0 0 var(--ThreeDHighlight), - inset 1px 1px 0 0 var(--ThreeDShadow); - } - } - - [class^="wrapper_"]:has(> svg) { - width: 40px; - height: 40px; - & > svg { - width: 40px; - height: 40px; - - img[class^="icon_"] { - width: 38.41px; - height: 38.41px; - } - - [class^="folder_"] { - background-color: transparent; - [class^="folderIconWrapper_"] { - width: 38.41px; - height: 38.41px; - padding: 4.8px; - mask-image: var(--ImageFolderClosed); - mask-repeat: no-repeat; - mask-position: center; - mask-size: 38.41px; - -webkit-mask-image: var(--ImageFolderClosed); - -webkit-mask-repeat: no-repeat; - -webkit-mask-position: center; - -webkit-mask-size: 38.41px; - background-size: 38.41px; - image-rendering: pixelated; - - &::before, - &::after { - position: absolute; - content: ""; - display: block; - width: 38.41px; - height: 38.41px; - - mask-image: var(--ImageFolderClosed); - mask-repeat: no-repeat; - mask-position: center; - mask-size: 38.41px; - -webkit-mask-image: var(--ImageFolderClosed); - -webkit-mask-repeat: no-repeat; - -webkit-mask-position: center; - -webkit-mask-size: 38.41px; - /*background-image: var(--ImageFolderClosed); - background-repeat: no-repeat; - background-position: center; - background-color: transparent !important;*/ - background-size: 38.41px; - background-color: inherit; - } - - &:has( - [class^="expandedFolderIconWrapper_"]:not([style^="transform:"]) - ) { - background-image: none; - } - - [class^="closedFolderIconWrapper_"] { - width: 38.41px; - height: 38.41px; - padding: 0; - background-color: inherit; - display: block; - - &::before { - position: absolute; - content: ""; - display: block; - width: 38.41px; - height: 38.41px; - - mask-image: var(--ImageFolderClosed); - mask-repeat: no-repeat; - mask-position: center; - mask-size: 38.41px; - -webkit-mask-image: var(--ImageFolderClosed); - -webkit-mask-repeat: no-repeat; - -webkit-mask-position: center; - -webkit-mask-size: 38.41px; - /*background-image: var(--ImageFolderClosed); - background-repeat: no-repeat; - background-position: center; - background-color: transparent !important;*/ - background-size: 38.41px; - background-color: inherit; - } - &::after { - position: absolute; - content: ""; - display: block; - width: 38.41px; - height: 38.41px; - - background-image: var(--ImageFolderClosedOverlay); - background-size: 38.41px; - } - - & > [class^="icon_"] { - width: 38.41px; - height: 38.41px; - background-color: inherit; - background-image: none !important; - position: absolute; - - &::before { - position: absolute; - content: ""; - display: block; - width: 38.41px; - height: 38.41px; - - mask-image: var(--ImageFolderClosed); - mask-repeat: no-repeat; - mask-position: center; - mask-size: 38.41px; - -webkit-mask-image: var(--ImageFolderClosed); - -webkit-mask-repeat: no-repeat; - -webkit-mask-position: center; - -webkit-mask-size: 38.41px; - /*background-image: var(--ImageFolderClosed); - background-repeat: no-repeat; - background-position: center; - background-color: transparent !important;*/ - background-size: 38.41px; - background-color: inherit; - } - } - } - - [class^="expandedFolderIconWrapper_"] { - width: unset; - height: unset; - - &::after { - content: ""; - position: absolute; - width: 38.41px; - height: 38.41px; - background-image: var(--ImageFolderOpenOverlay); - background-size: 38.41px; - } - - & > svg { - width: 38.41px; - height: 38.41px; - - background-color: currentColor; - - mask-image: var(--ImageFolderOpen); - mask-repeat: no-repeat; - mask-position: center; - mask-size: 38.41px; - -webkit-mask-image: var(--ImageFolderOpen); - -webkit-mask-repeat: no-repeat; - -webkit-mask-position: center; - -webkit-mask-size: 38.41px; - /*background-image: var(--ImageFolderOpen); - background-repeat: no-repeat; - background-position: center; - background-color: transparent !important;*/ - background-size: 38.41px; - image-rendering: pixelated; - - & > path { - display: none; - } - } - &[style^="transform:"] > svg { - background-image: none; - } - } - } - } - - [class^="childWrapper_"] { - background-color: transparent; - } - } - - &:hover { - box-shadow: inset -1px -1px 0 0 var(--ThreeDShadow), - inset 1px 1px 0 0 var(--ThreeDHighlight); - } - } - [class^="wrapperSimple_"] { - width: 40px; - height: 40px; - & > svg { - width: 40px; - height: 40px; - - img[class^="icon_"] { - width: 38px; - height: 38px; - } - } - } - - [class^="circleIconButton_"] { - background-color: transparent; - &:hover { - box-shadow: inset -1px -1px 0 0 var(--ThreeDShadow), - inset 1px 1px 0 0 var(--ThreeDHighlight); - } - } - - [data-list-item-id="guildsnav___home"] > [class^="childWrapper_"] > svg { - background-image: var(--ImageHome); - background-repeat: no-repeat; - background-position: center; - image-rendering: pixelated; - width: 38.41px; - height: 38.41px; - background-size: 38.41px; - - & > path { - display: none; - } - } - - [data-list-item-id="guildsnav___guild-discover-button"] > svg { - background-image: var(--ImageDiscovery); - background-repeat: no-repeat; - background-position: center; - image-rendering: pixelated; - width: 38.41px; - height: 38.41px; - background-size: 38.41px; - - & > path { - display: none; - } - } - - [data-list-item-id="guildsnav___create-join-button"] > svg { - background-image: var(--ImageAdd); - background-repeat: no-repeat; - background-position: center; - image-rendering: pixelated; - width: 38.41px; - height: 38.41px; - background-size: 38.41px; - - & > path { - display: none; - } - } - } - - ul[id^="folder-items-"] { - height: unset !important; - box-shadow: var(--wc-frame); - padding: 4px; - & > [class^="listItem_"] { - --custom-list-items-list-item-width: 40px; - - [class^="pill_"] { - right: 0px; - } - } - } - - [class^="wrapper_"]:has(> [class^="expandedFolderBackground_"]) { - width: unset !important; - } - - [class^="expandedFolderBackground_"] { - background-color: transparent; - width: unset; - - & + [class^="listItem_"] [class^="wrapper_"]:has(> svg) { - height: 62px; - - &::after { - position: absolute; - content: ""; - height: 23px; - width: 40px; - left: 0; - bottom: 0; - text-align: center; - background-image: var(--ImageScrollbarDown); - background-repeat: no-repeat; - background-position: center; - image-rendering: pixelated; - } - &:has([class^="folder_"][aria-expanded="true"]) { - box-shadow: inset -1px -1px 0 0 var(--ThreeDShadow), - inset 1px 1px 0 0 var(--ThreeDHighlight); - } - - &:hover::after { - box-shadow: inset 0 1px var(--ThreeDShadow), - inset -1px -1px 0 0 var(--ThreeDShadow), - inset 1px 2px 0 0 var(--ThreeDHighlight); - } - &:has([class^="folder_"][aria-expanded="true"])::after { - box-shadow: inset 0 1px var(--ThreeDShadow), - inset -1px -1px 0 0 var(--ThreeDHighlight), - inset 1px 2px 0 0 var(--ThreeDShadow); - } + [class*="flowerStarContainer_"] { + margin-top: 0; + margin-right: 3px; } } } @@ -950,3 +461,264 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"])) [class^="repliedMessage_"] [class*="botTagCompact_"]:after { top: 1px !important; } + +section[class^="panels_"] { + background-color: var(--ThreeDFace) !important; + padding-top: 2px; + box-shadow: var(--RebarTop); + + & > [class^="wrapper_"] > [class^="container_"] { + background-color: var(--ThreeDFace) !important; + border-bottom: none; + box-shadow: var(--RebarBottom); + } + + & > [class*="activityPanel_"] { + background-color: var(--ThreeDFace) !important; + border-bottom: none; + box-shadow: var(--RebarBottom); + padding: 2px 4px; + + [class^="gameWrapper_"] { + & > [class^="gameIconWrapper_"] { + & > [class^="gameIcon_"] { + width: 16px; + height: 16px; + min-height: 16px; + } + } + + & > [class^="info_"] { + margin-left: 4px; + + & > [class*="title_"] { + font-size: 8pt; + } + } + } + + [class^="actions"] { + margin-left: 4px; + + & > [class^="panelButtonContainer_"] { + width: unset; + + :is(button, span) { + width: 16px; + height: 16px; + min-height: 16px; + + & > [class^="contents_"] { + width: 16px; + height: 16px; + min-height: 16px; + + & > svg { + width: 16px; + height: 16px; + min-height: 16px; + } + } + } + } + } + } + + & > .hh2-spotify-controls-player-wrap > .hh2-spotify-controls-player { + padding: 4px; + padding-bottom: 6px; + margin: 0 !important; + box-shadow: var(--RebarBottom); + } +} + +[class^="devBanner_"] { + font-size: 8pt; + line-height: 18px; + padding: 2px 4px; + text-align: left; + + & > [class^="closeButton_"] { + width: 16px; + height: 16px; + right: 4px; + opacity: 1; + + background-color: var(--WindowText); + mask-image: var(--ImageClose); + mask-repeat: no-repeat; + mask-position: center; + + & > svg { + display: none; + } + } +} + +[class^="sidebar_"] { + border-left: 4px solid var(--ThreeDFace); +} + +/*[class^="sidebar_"] > nav > [class^="scroller_"] { + padding: 2px; + box-shadow: var(--wc-inner-edge); +}*/ + +[class^="base_"] > [class^="content_"] > [class^="sidebar_"] { + border-radius: 0 !important; + border-left: 4px solid var(--ThreeDFace); + padding: 2px; + box-shadow: var(--RebarBorder); + + & > [class^="container_"] { + background: var(--Window) !important; + + & > [class^="container_"][class*="clickable_"] { + background: var(--ThreeDFace) !important; + & > header[class^="header_"] { + padding: 0px; + padding-bottom: 2px; + height: 22px !important; + box-shadow: inset 0 -1px 0 0 var(--ThreeDHighlight), inset 0 -2px 0 0 var(--ThreeDShadow); + + & > [class^="headerContent_"] { + height: 20px !important; + padding-left: 6px; + + & > [class*="name_"] { + font-weight: normal; + font-size: var(--FontSize); + } + + & > [class^="headerChildren_"] { + width: 20px; + height: 18px; + + background-color: var(--WindowText); + mask-image: var(--ImageScrollbarDown); + mask-repeat: no-repeat; + mask-position: center; + + &:has(> svg[class*="open"]) { + mask-image: var(--ImageClose); + } + + & > svg { + display: none; + } + } + + & > [class^="guildIconV2Container_"] { + margin-right: 2px; + } + } + } + & > [class^="animatedContainer_"] { + height: 20px !important; + & > [class^="bannerImage_"] { + height: 20px !important; + &::after { + content: ""; + height: 20px !important; + width: 240px; + top: 0; + left: 0; + position: absolute; + background: linear-gradient(to top, var(--ThreeDFace) 5%, transparent 100%); + } + } + } + } + + & > [class^="animatedBannerHoverLayer_"] { + display: none; + } + + & > [class^="scroller_"] { + & > [class^="content_"] { + [class^="container_"]:has(> [class^="progressBarContainer_"]) { + padding: 0; + margin: 3px 2px; + + &::after { + left: 0; + height: 1px; + border-bottom: solid 1px var(--ThreeDHighlight); + background-color: var(--ThreeDShadow); + width: 100%; + } + + & > [class^="textArea_"] { + margin: 0 2px; + height: 16px; + + & > [class^="goalTextContainer_"], + & > [class^="progressFraction_"] { + & > [data-text-variant] { + color: var(--WindowText) !important; + font-size: var(--FontSize); + } + } + + & > [class^="progressFraction_"] > [class^="count_"] { + display: none; + } + } + + & > [class^="progressBarContainer_"] { + margin: 0; + margin-bottom: 3px; + border-radius: 0; + border: 1px solid transparent; + border-top-color: var(--ThreeDShadow); + border-left-color: var(--ThreeDShadow); + border-bottom-color: var(--ThreeDHighlight); + border-right-color: var(--ThreeDHighlight); + background-color: var(--ThreeDFace); + height: 14px; + width: calc(100% - 2px); + + & > [class^="progressBar_"] { + height: 100%; + border-radius: 0; + background-color: var(--Selection); + background-image: none; + mask: var(--ProgressBar); + mask-repeat: repeat-x; + } + + & > [class^="tadaIcon_"] { + display: none; + } + } + } + } + } + } +} + +[class^="flowerStarContainer_"] { + & > [class^="flowerStar_"] > path { + display: none; + } + + & > [class^="childContainer_"] > svg { + width: 16px; + height: 16px; + } +} + +[id^="popout_"]:has(#guild-header-popout) { + top: 97px !important; + left: 58px !important; + width: 236px; + + & > div { + transition: none; + transform: none; + } + + #guild-header-popout { + width: 240px; + } +}