├── src ├── thumb.png ├── serverwall.jpg └── bubbles.css ├── .gitignore ├── dev.css ├── package.json ├── ddex4.theme.css ├── LICENSE ├── server.js ├── README.md └── import.css /src/thumb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Blade04208/ddex4/HEAD/src/thumb.png -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | package-lock.json 3 | pnpm-lock.yaml 4 | yarn.lock 5 | -------------------------------------------------------------------------------- /src/serverwall.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Blade04208/ddex4/HEAD/src/serverwall.jpg -------------------------------------------------------------------------------- /dev.css: -------------------------------------------------------------------------------- 1 | /* DEV VERSION FOR TESTING */ 2 | 3 | @import url(./import.css); 4 | @import url(./src/bubbles.css); -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "serve-static": "^1.16.2", 4 | "finalhandler": "^1.3.1" 5 | }, 6 | "type": "module", 7 | "scripts": { 8 | "start": "node server.js" 9 | } 10 | } -------------------------------------------------------------------------------- /ddex4.theme.css: -------------------------------------------------------------------------------- 1 | /** 2 | * @name DDEX4 3 | * @description Discord's scrapped Design Experiment V4, made real. 4 | * @author Blade0 5 | * @authorId 1124341362955919371 6 | * @version 3 7 | * @updateUrl https://blade04208.github.io/ddex4/ddex4.theme.css 8 | * @source https://github.com/Blade04208/ddex4 9 | * @invite KEcCnVuTV7 10 | */ 11 | 12 | @import url(https://blade04208.github.io/ddex4/import.css); 13 | @import url(https://blade04208.github.io/ddex4/src/bubbles.css); 14 | 15 | /* no custom vars (yet) */ 16 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2025 Blade0 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /server.js: -------------------------------------------------------------------------------- 1 | // live server for this directory with CORS * 2 | import { createServer } from 'node:http' 3 | import serve from 'serve-static' 4 | import finalhandler from 'finalhandler' 5 | 6 | const server = createServer((req, res) => { 7 | res.setHeader('Access-Control-Allow-Origin', 'https://discord.com') 8 | res.setHeader('Access-Control-Expose-Headers', 'https://discord.com') 9 | res.setHeader('Cross-Origin-Resource-Policy', 'cross-origin') 10 | res.setHeader('Timing-Allow-Origin', 'https://discord.com') 11 | // handle options request 12 | if (req.method === 'OPTIONS') { 13 | res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS') 14 | res.setHeader('Access-Control-Allow-Headers', 'Content-Type, Authorization') 15 | res.setHeader('Access-Control-Allow-Credentials', 'true') 16 | res.setHeader('Access-Control-Allow-Private-Network', 'true') 17 | res.setHeader('Access-Control-Max-Age', '86400') 18 | res.writeHead(204) 19 | res.end() 20 | return 21 | } 22 | serve('./')(req, res, finalhandler(req, res)) 23 | }).listen(5050) 24 | 25 | console.log(`Server running at http://localhost:${server.address().port}/`) 26 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | # ddex4 3 | 4 | Discord's scrapped Design Experiment V4, made real. 5 | 6 | ![GitHub License](https://img.shields.io/github/license/blade04208/ddex4?style=flat-square) 7 | ![GitHub last commit](https://img.shields.io/github/last-commit/blade04208/ddex4?style=flat-square) ![Discord](https://img.shields.io/discord/1334998273437597767?style=flat-square&label=Discord) ![GitHub repo size](https://img.shields.io/github/repo-size/blade04208/ddex4?style=flat-square) ![Static Badge](https://img.shields.io/badge/skill-issue-red?style=flat-square) 8 | 9 | ![Thumbnail](/src/thumb.png) 10 | 11 | ## Installation 12 | 13 | ### Vencord 14 | 15 | Download `ddex4.theme.css` and put it in your local themes. 16 | 17 | 18 | ### BetterDiscord 19 | 20 | download `ddex4.theme.css` and put it in your themes folder. 21 | 22 | ## Support 23 | discord-singular 24 | 25 | 26 | ## Issues/To-do 27 | 28 | see https://trello.com/b/2dKqp9t6/ddex4-management 29 | 30 | ## Development 31 | deps: 32 | - nodejs 33 | - npm 34 | ``` 35 | git clone https://github.com/Blade04208/ddex4.git 36 | cd ddex4 37 | npm i 38 | npm start 39 | ``` 40 | add `http://localhost:5050/dev.css` to your quickcss or theme links and it should work! probably 41 | ## Contributing 42 | 43 | you can contribute to either fix bugs, make faster, or make it closer-looking to the original theme 44 | 45 | 46 | ## Acknowledgements 47 | - obsidianninja11 for the searchbar-to-icon snippet 48 | - ThaUnknown_ for teaching me that css is laggy, and giving the dev-boilerplate 49 | - discord for creating this peak of a concept 50 | 51 | -------------------------------------------------------------------------------- /src/bubbles.css: -------------------------------------------------------------------------------- 1 | /* MESSAGES - - - - - - - - - - - - - - - - - - - - - */ 2 | .contents_c19a55>.messageContent_c19a55 { 3 | background-color: rgba(255, 255, 255, 0.075); 4 | width: fit-content; 5 | margin-left: 0px !important; 6 | padding-left: 0px !important; 7 | padding: 14px !important; 8 | border-radius: 0px 10px 10px 0px; 9 | box-sizing: content-box; 10 | max-width: 100%; 11 | word-wrap: normal; 12 | } 13 | 14 | .groupStart__5126c .messageContent_c19a55 { 15 | border-radius: 10px 10px 10px 0px; 16 | } 17 | 18 | .message__5126c, 19 | .contents_c19a55 { 20 | /* position: absolute; */ 21 | max-width: calc(100% - var(--custom-message-margin-left-content-cozy)) !important; 22 | min-width: calc(100% - var(--custom-message-margin-left-content-cozy)) !important; 23 | } 24 | 25 | .buttonContainer_c19a55 .container__040f0 { 26 | right: 20px; 27 | } 28 | 29 | /* 30 | .reactions__23977 { 31 | margin-bottom: -12px; 32 | 33 | width: 100% !important; 34 | 35 | bottom: -16px; 36 | 37 | 38 | >div { 39 | position: relative; 40 | 41 | .reaction__23977, 42 | .reactionBtn__23977 { 43 | backdrop-filter: blur(16px); 44 | } 45 | 46 | &:nth-child(1) { 47 | display: none; 48 | } 49 | 50 | &:nth-child(2) { 51 | transform: rotate(5deg); 52 | top: -50%; 53 | } 54 | 55 | &:nth-child(3) { 56 | transform: rotate(-3deg); 57 | } 58 | 59 | &:nth-child(4) { 60 | transform: rotate(-7deg); 61 | } 62 | 63 | &:nth-child(5) { 64 | transform: rotate(8deg); 65 | } 66 | 67 | &:nth-child(6) { 68 | transform: rotate(8deg); 69 | } 70 | 71 | &:nth-child(7) { 72 | transform: rotate(17deg); 73 | } 74 | 75 | &:nth-child(8) { 76 | transform: rotate(9deg); 77 | } 78 | 79 | &:nth-child(9) { 80 | transform: rotate(2deg); 81 | } 82 | 83 | &:nth-child(10) { 84 | transform: rotate(5deg); 85 | top: -50%; 86 | } 87 | 88 | &:nth-child(11) { 89 | transform: rotate(-3deg); 90 | } 91 | 92 | &:nth-child(12) { 93 | transform: rotate(-7deg); 94 | } 95 | 96 | &:nth-child(13) { 97 | transform: rotate(8deg); 98 | } 99 | 100 | &:nth-child(14) { 101 | transform: rotate(8deg); 102 | } 103 | 104 | &:nth-child(15) { 105 | transform: rotate(-17deg); 106 | } 107 | 108 | &:nth-child(16) { 109 | transform: rotate(-3deg); 110 | } 111 | 112 | &:nth-child(17) { 113 | transform: rotate(2deg); 114 | } 115 | 116 | &:nth-child(18) { 117 | transform: rotate(-3deg); 118 | } 119 | 120 | &:nth-child(19) { 121 | transform: rotate(-7deg); 122 | } 123 | 124 | &:nth-child(20) { 125 | transform: rotate(-5deg); 126 | } 127 | 128 | &:nth-child(21) { 129 | transform: rotate(-1deg); 130 | } 131 | } 132 | } 133 | */ 134 | .reactionInner__23977[aria-label*=", 1 "] .reactionCount__23977 { 135 | display: none !important; 136 | } 137 | 138 | 139 | .messageListItem__5126c[data-is-self="true"] { 140 | align-items: end; 141 | align-content: end; 142 | justify-content: end; 143 | justify-items: end; 144 | 145 | .message__5126c { 146 | /* padding-left: 100%; */ 147 | padding-right: var(--custom-message-margin-left-content-cozy) !important; 148 | 149 | .contents_c19a55 { 150 | justify-items: end; 151 | } 152 | 153 | .avatar_c19a55 { 154 | left: auto !important; 155 | right: var(--custom-message-margin-horizontal); 156 | } 157 | 158 | .avatarDecoration_c19a55 { 159 | left: auto !important; 160 | right: calc(var(--custom-message-margin-horizontal) - var(--custom-message-avatar-decoration-size) / 2 + var(--custom-message-avatar-size) / 2); 161 | } 162 | 163 | .contents_c19a55>.messageContent_c19a55 { 164 | border-radius: 10px 0px 0px 10px; 165 | background-color: var(--brand-500); 166 | } 167 | 168 | &.groupStart__5126c .messageContent_c19a55 { 169 | border-radius: 10px 10px 0px 10px; 170 | } 171 | 172 | .container_b7e1cb>* { 173 | justify-self: end !important; 174 | align-self: end !important; 175 | } 176 | 177 | .visualMediaItemContainer_f4758a { 178 | width: auto; 179 | } 180 | 181 | .contents_c19a55 { 182 | justify-self: end; 183 | } 184 | 185 | &.hasReply_c19a55 { 186 | padding-top: 22px; 187 | } 188 | 189 | .repliedMessage_c19a55 { 190 | position: absolute; 191 | flex-direction: row-reverse; 192 | top: 0px; 193 | left: auto !important; 194 | right: calc(var(--custom-message-margin-horizontal) - var(--custom-message-avatar-decoration-size) / 2 + var(--custom-message-avatar-size) / 2); 195 | margin-right: calc(var(--chat-avatar-size) * 1.5 + 12px); 196 | max-width: calc(100% - var(--custom-guild-sidebar-width) - var(--custom-guild-list-width) + 32px); 197 | } 198 | 199 | .repliedMessageClickableSpine_c19a55 { 200 | right: calc(var(--chat-avatar-size) / 2 * -1 + var(--gutter) * -1 - 4px); 201 | left: 100%; 202 | border-right: var(--spine-width) solid var(--spine-default); 203 | border-bottom: 0 solid var(--spine-default); 204 | border-left: 0 solid var(--spine-default); 205 | border-top: 2px solid var(--spine-default); 206 | border-top: var(--spine-width) solid var(--spine-default); 207 | border-top-right-radius: 6px; 208 | border-top-left-radius: 0px; 209 | } 210 | } 211 | 212 | .buttonContainer_c19a55 { 213 | right: auto; 214 | left: 0; 215 | 216 | .container__040f0 { 217 | right: auto; 218 | left: 56px; 219 | } 220 | } 221 | 222 | .reactions__23977 { 223 | align-content: flex-end; 224 | justify-content: flex-end; 225 | } 226 | 227 | } 228 | -------------------------------------------------------------------------------- /import.css: -------------------------------------------------------------------------------- 1 | .container_c8ffbb, 2 | .members_c8ffbb, 3 | .member__5d473, 4 | .chat_f75fb0, 5 | .sidebarList__5e434, 6 | .container__2637a, 7 | .privateChannels_e6b769, 8 | .scroller__99e7c, 9 | section.panels__5e434, 10 | .container__37e49, .bg__960e4 { 11 | background: transparent !important; 12 | background-color: transparent !important; 13 | border: none !important; 14 | } 15 | 16 | .members_c8ffbb, 17 | .guilds__5e434, 18 | .chatContent_f75fb0, 19 | /* .sidebarList__5e434, */ 20 | .layerContainer__59d0d, 21 | .app__160d8 { 22 | contain: strict !important; 23 | } 24 | 25 | .typingDots_b88801, 26 | .vc-typing-indicator-dots { 27 | contain: paint !important; 28 | } 29 | 30 | .theme-darker:not(.custom-theme-background) { 31 | --bg-base-tertiary: #171717; 32 | --background-base-lowest: var(--bg-base-tertiary) !important; 33 | --background-base-lower: #272727 !important; 34 | --background-surface-higher: #2c2c2c !important; 35 | --background-floating: var(--background-surface-higher) !important; 36 | --bg-surface-overlay: var(--background-surface-higher) !important; 37 | --bg-surface-raised: var(--background-surface-higher) !important; 38 | --chat-background-default: var(--background-base-lower) !important; 39 | --background-primary: var(--background-base-lower); 40 | --background-secondary: var(--bg-base-tertiary); 41 | --background-tertiary: var(--bg-base-tertiary); 42 | --background-secondary-alt: var(--background-surface-higher); 43 | --modal-background: var(--background-floating); 44 | --modal-footer-background: var(--background-floating); 45 | --background-base-low: var(--background-base-lower); 46 | /* make darker OGG DDEX4 colors, who needs another import */ 47 | } 48 | 49 | /* CHAT - - - - - - - - - - - - - - - - - - - - - - - - - */ 50 | 51 | .chatContent_f75fb0, 52 | .list_f369db { 53 | margin: 0 0 32px 0px; 54 | border-radius: 0 0 var(--radius-lg) var(--radius-lg); 55 | border-left: 1px solid var(--border-subtle); 56 | border-right: 1px solid var(--border-subtle); 57 | border-bottom: 1px solid var(--border-subtle); 58 | box-shadow: 0px 32px 60px 12px rgba(0, 0, 0, 0.75); 59 | } 60 | 61 | .title_f75fb0 { 62 | width: 100%; 63 | border-radius: var(--radius-lg) var(--radius-lg) 0 0; 64 | height: var(--custom-channel-header-height) !important; 65 | height: 64px !important; 66 | padding-right: 20px !important; 67 | border-left: 1px solid var(--border-subtle); 68 | border-right: 1px solid var(--border-subtle); 69 | border-top: 1px solid var(--border-subtle); 70 | } 71 | 72 | .dot__9293f { 73 | scale: 2; 74 | } 75 | 76 | .icon__9293f { 77 | scale: 0.8398320336; 78 | --channel-icon: var(--header-primary); 79 | } 80 | 81 | .topic__6ec1a { 82 | --text-tertiary: color-mix(in oklab, var(--neutral-40) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%)); 83 | font-weight: 300 !important; 84 | } 85 | 86 | .title__9293f { 87 | font-weight: 450 !important; 88 | } 89 | 90 | .chat_f75fb0 { 91 | overflow: visible !important; 92 | } 93 | 94 | .page__5e434 { 95 | max-height: calc(100vh - var(--custom-app-top-bar-height)) !important; 96 | } 97 | 98 | .iconWrapper__9293f:has([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"]) { 99 | order: 1; 100 | } 101 | 102 | .iconWrapper__9293f[class^="vc-"] { 103 | order: 2; 104 | } 105 | 106 | .modeSelected__2ea32 { 107 | .link__2ea32 { 108 | background: var(--brand-500); 109 | } 110 | 111 | &:hover .link__2ea32 { 112 | background: var(--brand-460); 113 | } 114 | } 115 | 116 | .page__5e434 { 117 | z-index: 3; 118 | overflow: visible !important; 119 | } 120 | 121 | .page__5e434:has(.membersWrap_c8ffbb) .title_f75fb0 { 122 | width: calc(100% - var(--custom-member-list-width)); 123 | } 124 | 125 | .page__5e434:has(.panel_c0bea0) .title_f75fb0 { 126 | width: calc(100% - 348px); 127 | } 128 | 129 | .content__5e434 { 130 | margin-right: 16px; 131 | } 132 | 133 | .container__133bf, 134 | .applicationStore_f07d62, 135 | .shop__6db1d, 136 | .container_a592e1 { 137 | margin: 0 0 32px 0px; 138 | border-radius: var(--radius-lg); 139 | overflow: hidden; 140 | border: 1px solid var(--border-subtle); 141 | box-shadow: 0px 32px 60px 12px rgba(0, 0, 0, 0.75); 142 | } 143 | 144 | .search__97492:not(.open__97492) { 145 | .searchBar__97492 { 146 | width: 22px; 147 | background: transparent; 148 | border: none; 149 | } 150 | 151 | .icon__97492 { 152 | cursor: pointer; 153 | 154 | .iconContainer_fea832 { 155 | margin-top: 3px; 156 | transform: scale(1.25); 157 | 158 | .icon_fea832 { 159 | color: var(--interactive-normal); 160 | } 161 | 162 | &:hover>svg.icon_fea832 { 163 | color: var(--interactive-active); 164 | } 165 | } 166 | } 167 | 168 | &:hover::before { 169 | position: absolute; 170 | font-weight: 500; 171 | font-size: 14px; 172 | line-height: 16px; 173 | box-sizing: border-box; 174 | word-wrap: break-word; 175 | z-index: 1002; 176 | top: calc(100% + 8px); 177 | left: 50%; 178 | transform: translateX(-50%); 179 | color: var(--text-normal); 180 | padding: 8px 12px; 181 | background-color: var(--background-floating); 182 | content: 'Search'; 183 | box-shadow: var(--elevation-high); 184 | border: 1px solid var(--border-subtle); 185 | border-radius: 8px; 186 | } 187 | 188 | &:hover::after { 189 | content: '..'; 190 | --aeiou: color-mix(in srgb, var(--background-floating), var(--border-subtle) 75%); 191 | overflow: hidden; 192 | font-size: 15px; 193 | position: absolute; 194 | z-index: 1003; 195 | top: calc(100% + 4.7px); 196 | left: 50%; 197 | transform: translateX(-50%) rotate(45deg); 198 | width: 6.076px !important; 199 | height: 6.076px !important; 200 | background-color: var(--background-floating); 201 | background-image: linear-gradient(to bottom, var(--border-subtle) 0%, var(--border-subtle) 25%, transparent 25%), linear-gradient(to right, var(--aeiou) 0%, var(--aeiou) 25%, var(--background-floating) 25%), ; 202 | pointer-events: none; 203 | /* i was close ok? */ 204 | } 205 | 206 | .DraftEditor-root { 207 | padding: 0px !important; 208 | } 209 | } 210 | 211 | /* TEXTBOX - - - - - - - - - - - - - - - - - - - - - - */ 212 | .form_f75fb0 { 213 | padding: 0px !important; 214 | } 215 | 216 | .channelTextArea_f75fb0 { 217 | --custom-chat-input-margin-bottom: 2px; 218 | background: transparent !important; 219 | border: none !important; 220 | border-radius: 0px; 221 | --custom-channel-textarea-text-area-height: 70px; 222 | } 223 | 224 | .scrollableContainer__74017 { 225 | background: transparent !important; 226 | border-radius: 0px; 227 | } 228 | 229 | .channelAttachmentArea_b77158 { 230 | background: transparent !important; 231 | padding: 10px !important; 232 | border-top: 1px solid var(--border-subtle) !important; 233 | margin: 0px !important; 234 | } 235 | 236 | .inner__74017 { 237 | border-top: 1px solid var(--border-subtle) !important; 238 | } 239 | 240 | .attachButton__0923f { 241 | padding-left: 20px !important; 242 | } 243 | 244 | .buttons__74017 { 245 | padding-right: 8px; 246 | } 247 | 248 | .channelAppLauncher_e6e74f { 249 | display: none !important; 250 | } 251 | 252 | /* MEMBERS - - - - - - - - - - - - - - - - - - - - - - - */ 253 | .membersWrap_c8ffbb { 254 | top: calc(0px - var(--custom-channel-header-height)); 255 | height: calc(100vh - var(--custom-app-top-bar-height)) !important; 256 | max-height: none !important; 257 | background: transparent !important; 258 | justify-content: start; 259 | } 260 | 261 | .members_c8ffbb { 262 | height: calc(100vh - var(--custom-app-top-bar-height)) !important; 263 | } 264 | 265 | :root { 266 | --custom-member-list-width: 236px !important; 267 | } 268 | 269 | /* └ DMS - - - - - - - - - - - - - - - - */ 270 | .outer_c0bea0.panel_c0bea0 { 271 | top: calc(0px - var(--custom-channel-header-height) - 6px); 272 | margin-left: 8px !important; 273 | border-radius: var(--radius-lg) !important; 274 | overflow: hidden; 275 | height: calc(100% + var(--custom-channel-header-height) - 16px) !important; 276 | } 277 | /* ACTIVITY GOOBERS - - - - - - - - - - - - - */ 278 | .container__0f2e8 { 279 | /* gradient */ 280 | z-index: 0; 281 | overflow: hidden; 282 | background-color: black !important; 283 | margin-left: 0px; 284 | padding-left: 16px; 285 | height: 120px; 286 | border-radius: 0px 12px 12px 0px; 287 | border: none !important; 288 | 289 | &::after { 290 | z-index: -1; 291 | content: ""; 292 | position: absolute; 293 | height: 100%; 294 | width: 100%; 295 | top: 0; 296 | right: 0px; 297 | left: 0px; 298 | background: linear-gradient(rgba(0, 0, 0, 0), var(--brand-700)), linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)); 299 | background-blend-mode: screen, difference, ligthen; 300 | border-radius: 0px 0px 0 0; 301 | opacity: 0.6; 302 | } 303 | } 304 | 305 | .infoSection__0f2e8 { 306 | height: 100%; 307 | justify-content: end; 308 | z-index: 0; 309 | 310 | .contentTitle__0f2e8::before { 311 | opacity: 0.75; 312 | content: "played "; 313 | font-size: 12px; 314 | } 315 | 316 | * { 317 | text-shadow: 0px 0px 10px rgb(0, 0, 0); 318 | overflow: visible !important; 319 | z-index: 1; 320 | } 321 | 322 | svg>path { 323 | box-shadow: 0px 0px 10px rgb(0, 0, 0); 324 | } 325 | } 326 | 327 | /* username */ 328 | .userName__0f2e8 { 329 | position: relative; 330 | left: 12px; 331 | top: 5px; 332 | } 333 | 334 | /* below username text */ 335 | .contentTitle__0f2e8 { 336 | position: relative; 337 | font-size: 13px; 338 | width: 150px; 339 | white-space: wrap; 340 | bottom: 3px; 341 | left: 50px; 342 | } 343 | 344 | .facePile__0f2e8, 345 | .facePileItem__0f2e8, 346 | .facePileItem__0f2e8 div, 347 | .facePileItem__0f2e8 svg, 348 | .facePileItem__0f2e8 foreignObject { 349 | top: 3px; 350 | width: 23px !important; 351 | height: 23px !important; 352 | contain: none; 353 | align-self: center; 354 | } 355 | 356 | .userSection__0f2e8 { 357 | gap: 8px; 358 | } 359 | 360 | .badgeContainer__635ed:has(path[fill="var(--status-positive)"]), 361 | .badgeContainer__635ed:has(path[d^="M4 12a8 8 0 0 1 14.93-4H15a1"]) { 362 | height: 16px !important; 363 | width: 16px; 364 | justify-content: center; 365 | 366 | .badgeLabel__635ed { 367 | display: none; 368 | 369 | } 370 | } 371 | 372 | .badgeContainer__635ed:has([style*="color: var(--text-positive);"]) { 373 | background-color: var(--text-positive) !important; 374 | 375 | .tabularNumbers__4bd52 { 376 | color: #ffffff !important; 377 | text-shadow: none !important; 378 | } 379 | 380 | svg path { 381 | text-shadow: none !important; 382 | color: #ffffff !important; 383 | fill: #ffffff !important; 384 | } 385 | } 386 | 387 | .badgesContainer__635ed { 388 | position: absolute; 389 | bottom: calc(100% - 16px - 16px); 390 | width: calc(100% - 16px - 8px); 391 | justify-content: flex-end; 392 | 393 | .badgeContainer__635ed { 394 | backdrop-filter: saturate(3) blur(20px); 395 | background-color: rgba(0, 0, 0, 0.25); 396 | border-radius: 8px; 397 | padding: 4px; 398 | 399 | svg path, 400 | [data-text-variant="text-xs/normal"] { 401 | text-shadow: none !important; 402 | color: #ffffff !important; 403 | fill: #ffffff !important; 404 | } 405 | } 406 | } 407 | 408 | .contentImage__42bf5 { 409 | position: absolute; 410 | top: 0; 411 | left: 0; 412 | width: 100%!important; 413 | height: 100%!important; 414 | max-width: none!important; 415 | z-index: -1; 416 | border-radius: 0px; 417 | filter: saturate(80%); 418 | } 419 | 420 | /* CHANNELS - - - - - - - - - - - - - - - - - - - - - - */ 421 | .sidebarList__5e434, 422 | .sidebar__5e434, 423 | .container__2637a { 424 | overflow: visible !important; 425 | z-index: 2 !important; 426 | margin-right: 0px!important; 427 | .scroller__629e4, 428 | .scroller__99e7c { 429 | width: calc(100% + 24px); 430 | } 431 | } 432 | 433 | .privateChannels_e6b769, 434 | .container__551b0 { 435 | width: calc(100% + 16px); 436 | 437 | .content__99f8c { 438 | margin-right: 24px; 439 | } 440 | } 441 | 442 | .sidebarList__5e434 { 443 | margin-right: 16px; 444 | } 445 | 446 | .link__2ea32 { 447 | border-radius: var(--radius-md) 0 0 var(--radius-md); 448 | height: 40px; 449 | justify-content: center; 450 | gap: var(--spacing-12) !important; 451 | padding-right: 32px; 452 | 453 | .iconContainer__2ea32 { 454 | scale: 0.8; 455 | width: 15px; 456 | } 457 | } 458 | 459 | .containerWithMargin_eff079 { 460 | margin: 12px 16px; 461 | } 462 | 463 | .header_f37cb1 { 464 | width: calc(100% + 16px); 465 | } 466 | 467 | .containerDefault__29444 .mainContent__29444 { 468 | gap: 8px; 469 | 470 | .icon__29444 { 471 | order: -1; 472 | } 473 | } 474 | 475 | .wrapperCommon__29444 { 476 | padding: 0 var(--space-lg); 477 | } 478 | 479 | /* 480 | .sidebarResizeHandle__5e434 { 481 | left: calc(var(--custom-guild-sidebar-width) + 16px); 482 | z-index: 1000 !important; 483 | } 484 | 485 | .sidebar__5e434 { 486 | width: calc(var(--custom-guild-sidebar-width) + 200px) !important; 487 | } */ 488 | 489 | /* └ DMS - - - - - - - - - - - - - - - - */ 490 | .privateChannels_e6b769 .scroller__99e7c { 491 | margin-bottom: var(--custom-app-panels-height) !important; 492 | } 493 | 494 | .searchBar_e6b769 { 495 | margin: 0px 0px 0px 4px; 496 | } 497 | 498 | /* └ BANNER - - - - - - - - - - - - - - - */ 499 | .animatedContainer_f37cb1 { 500 | position: fixed; 501 | width: calc(100vw - var(--custom-guild-list-width)) !important; 502 | height: 100vh !important; 503 | opacity: 1 !important; 504 | transform: translateX(calc(-85px + var(--custom-guild-list-width))) translateY(-95px) !important; 505 | background-color: transparent !important; 506 | border-bottom: none !important; 507 | box-shadow: none; 508 | margin-left: 5px; 509 | pointer-events: none; 510 | } 511 | 512 | .bannerImage_f37cb1 { 513 | transform: translateY(0px) scale(1) !important; 514 | pointer-events: none; 515 | } 516 | 517 | .bannerImg_f37cb1 { 518 | width: 100vw !important; 519 | height: 400px !important; 520 | mask-image: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); 521 | } 522 | 523 | .animatedBannerHoverLayer_f37cb1 { 524 | display: none; 525 | } 526 | 527 | .content__99f8c>div[aria-hidden="true"][style="height: 84px;"] { 528 | height: 16px !important; 529 | } 530 | 531 | .headerEllipseForeground_f37cb1, 532 | .headerGlass_f37cb1, 533 | .headerEllipseBackdrop_f37cb1 { 534 | display: none !important; 535 | } 536 | 537 | /* { HEADER - - - - - - - - - - - - - - - */ 538 | .header_f37cb1 { 539 | padding: 16px 16px !important; 540 | min-height: none; 541 | align-items: end !important; 542 | height: auto !important; 543 | } 544 | 545 | .name_f37cb1 { 546 | font-size: 28px; 547 | font-weight: 300; 548 | text-overflow: unset; 549 | white-space: wrap; 550 | } 551 | 552 | .headerContent_f37cb1 { 553 | align-items: flex-start !important; 554 | align-items: center !important; 555 | gap: 8px; 556 | } 557 | 558 | .container__2637a[aria-label^="Blade0's Theme Server "] .header_f37cb1 { 559 | z-index: 5; 560 | 561 | .headerContent_f37cb1 { 562 | gap: 4px; 563 | 564 | .guildIconV2Container__85d16 { 565 | display: none; 566 | } 567 | 568 | &::before { 569 | display: inline-block; 570 | content: ""; 571 | height: 18px; 572 | width: 18px; 573 | padding-right: var(--space-xs); 574 | background-image: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%40%00%00%00%40%08%06%00%00%00%AAiq%DE%00%00%00%09pHYs%00%00%2CK%00%00%2CK%01%A5%3D%96%A9%00%00%01iiCCPDisplay%20P3%00%00x%9Cu%90%BDK%C3P%14%C5O%ABR%D0%3A%88%0E%1D%1C2%89C%D4%D2%0Avqh%2B%14E0T%05%ABS%9A~%09m%7C%24%29Rq%13W%29%F8%1FX%C1Yp%B0%88Tpqp%10D%07%11%DD%9C%3A%29%B8hx%DE%97T%DA%22%DE%C7%E5%FD8%9Cs%B9%5C%C0%1BP%19%2B%F6%02%28%E9%96%91L%C4%A4%B5%D4%BA%E4%7B%83%87%9ES%AAf%B2%A8%A2%2C%0A%FE%FD%BB%EB%F3%D1%F5%DEO%88YM%BBv%10%D9O%5C%97%CE.%97v%9E%02S%7F%FD%5D%D5%9F%C9%9A%1A%FD%DF%D4A%8D%19%16%E0%91%89%95m%8B%09%DE%25%1E1h%29%E2%AA%E0%BC%CB%C7%82%D3.%9F%3B%9E%95d%9C%F8%96X%D2%0Aj%86%B8I%2C%A7%3B%F4%7C%07%97%8Ae%AD%B5%83%D8%DE%9F%D5W%97%C5%1C%EAQ%CCa%13%26%18%8APQ%81%04%05%E1%7F%FC%D3%8E%3F%8E-rW%60P.%8F%02%2C%CADI%11%13%B2%C4%F3%D0%A1a%122q%08A%EA%90%B8s%EB~%0F%AD%FB%C9mm%EF%15%98mp%CE%2F%DA%DAB%038%9D%A1%93%D5%DB%DAx%04%18%1A%00n%EAL5TG%EA%A1%F6%E6r%C0%FB%090%98%02%86%EF%28%B3a%E6%C2%21w%7B%7F%0C%E8%7B%E1%FCc%0C%F0%1D%02v%95%F3%AF%23%CE%ED%1A%85%9F%81%2B%FD%07%17%29j%BC1%29O%3E%00%00%14%F5IDATx%01%ED%5B%09%90%5C%C5y%FE%BB%DF%CC%1E%BA%BC%2Bi%C5%8AkW%18t%07V%12D%02%27%D6J%A4%2A%90%C4%A0%15E%8C%2B%05H%B6%B1%C1%80%81%2A%B0%B9%12V%B8H%B8b%20q8MI%22%07%18%1BX%84HL%C0H%0BA%26%08%A1%116%8B.%D0%AC%24%D0%B1Zi%85%B4%E7%CC%EB%CE%FF%FF%DD%FD%A6%DF%DBY%23K%93%2AW%D9%0DO%FD%E6%1D%FD%FA%FF%FE%FB%EF%5E%80%DF%F3%26%E0%FF%A1M%BE~%7D%7D%2AUqy%A8u%B5%90%22%D3v%DF%94ep%14%AD%A1y%5B%15%A4G.%00%05%5D%10%E62%99%E6%F1Y%28q%2B9%00So%FAu%83%08%C5%2A%10%B2J%80%04-%E8%7F%99UJ%DF%D9%F6%C3%89%CB%8Ed%8C%19wv%CC%D5%12%EE%C0%C9%CD%D3Bj%9E%A7%10Y%1C%A9%29s%5Bu%06J%D8J%0A%00q%5E%E8%F4%2A%21d%9D%19Z%E0%29%F7t%0A%1A%81%00%AD%97%B4%FD%F0%D4e%C5%DE%9F~%FB%8E%C6%20%95%BECH%D9H%CF%9B%D9%11%ED%D2%0D%97%D5%FD0%23%D3%5C%DD%05%25j%29%28a%13%2Ah%C6%AE%0E%89%14%DA%5E%D3%9AI%00%14%06juH%DC%D2i7n%BB%5C%2BX%0E%01dT%00%5Di%114%80L%5D%87%605%F2%3B%0A_%92%82%DF%13%C2%F1%88%11%A8%97i%7D%3D%9E4C%89Z%C9%24%80%B8%0F9%B9%0Dg%AE%91%D58s%09%AC%02%FC%15I%5CDi%16B%F3%FFF2%10%0C%96%0C%11%60%8F%E7%2C-D%B04%843%E7%BDsm%24%A2K%F7%AB%09%A5%92%02%09%A5j%FD%D0L%DC%D6%21qPh%1DjP%A12%BF%F3%88I%A8%84%CA%2B%80%3C%08s%0F%E8%D0%F4%2C%F5%2C%2Ax%1BXx%84%06%2BB%24%05%3C%AE%FB%8E%10U%B2%5C%5E%0F%25j%25%91%80%C9W%AE%AFG%FD%FEX%13%E7%99%08%BA%2A%99%F3%CC6a%8E%88%A3%12%A5D%CA%82%14P%1F%98s%92%86%D8u%27%25%D6%96p%AFE%97%EA%CF%97D%0AJ%22%01h%E1%9Bu%18%0A%20%8E%12w%15K%82V9%05%2A%AF5%9D%93%14%28%96%06%BAN%F7%F17%9D%F3%3B%F4%1B%A5F%99%EB%DC%A3%F0h%92%0B%C5N%80%EF%91F%B14%08%A8%82%8A%F4%03P%82v%CC%12p%DA%15%EF%5E%87%7CyP%2BI%93E%09%10p%C2%C9%C3%F5I%27U%B0%19%DF%DE%DE%AFw%B6%F7%91%D2%5B%AEJc%21%82%C0%E8%7D%80%B6%21%C0%DB%AE%A7k%29%C9%12A%12%20%E9%9D%14%DE%231%A0g%E8m%1C%83%CC%88%0A%F5%0D%99%5BG%3C%08%C7%D0%8E%1A%80S%AFxg%AET%B0%18IA%8B.%D8rW%8F%AE%D0%97~%F3d1q%CAH%B0%CE%8F%B5aK%5B7%2C%7F%ECS%E8%DC%97%27%CAQ%FCI%1B%02%23%EE%8E%F0%94%25%DC%01%40%92%9F%0A%AC%C1%04%06K%062R%A7H%A5%84X%86%9F_%9E%B9%A9r5%1CE%FB%5C%00%EA%AF_UU1P%B1%80N%F1%F1%3A%A5e%03%12%5E%87%9E%AE%DA%88%3A%1B%2CQ%3D%BA%5C_w%F3i%E2%B8%9Ar6%03%60%89w%40tv%0C%C0%FDK%DAa%FF%BE%D0%80%10%B0%F5%17%AC%FB%A9%80%89%13%29a%884%12%A0%25%5EgOh%ED%82%B3%09%EC%1A%B9%C7o%C8H%2A%BA%F0n%06%2F%1E%C0%EFn%90%22%95%C9%F7%F7m%C8%DCR%99%3D%2A%00%A6%5E%B1%AAA%C9%F4%03%F8%F1F%CD%94%10%97%F9%8BL%B0%D1S%D6M%3E%FF%9Bo%D4%C39_%1E%1B%1B%D8%1F%9C%98%D8%B1w%00%EE%BDc%BB%3E%B0%0F%ED%05%11%83%842%91%08%02%F6H0%83%60%A4%81%01%91Z%A2t%18U%B11%81%03%81%00%09%CC%5C%84%91%08m%1F%D0%82%03%0F%7BM%E9%D60%97%5B%3C%14%10E%8D%E0%E4E%AB%EAC%08%5EG%C2%E7%22%97%D9%25ic%DD%91%60d%B9%22C%85%F6H%91%0FcW%A7I%EC5x%EE%0A%C8%E3%C5%3FP3%AE%0CnYR%87%D2%12%B0kT9%3C%06%949w%07%5E%23CI%C6%10%F2Z%B0%8B%A4%EF%85%60%9D%21%B9Im%DCdH%816X%CB%C8%E4%16f%C0%D7P8%04%CC%15%E9%F4%EB%0D%0F%E8%AA%23%06%40%07%F2B%24%B8%0A%CD9Zv%22%D2NB%999%B0yF%83%C7%D7%D9%82%2BQ%85%A2%EF8%EE%80%A0%DF%21%14%24%81%FA1%E3%D2p%CB%9DuP%5D%8D%20%E4%3C%A2s%18%27%E0%C1%DE%81z%F6%10%ECA%C0%C6%09%82%CE%0D%18%DA1%81%095%B1%82%FD%AA1H%11%D78%00%075A%E6r%0B%8E%18%8007PMn%8D%27%C0%1F%A2%89%81%3Dg%82y%22x%08%12%04%3A%EF%EB%C9%C7t%DE%0D%EE%0C%A1%B2%07%9D%8F%3D%0EA%B8%CB%80%C0%AE%92%80%C8%91%7B4%AE%D1I%04%11J%0C%60%26%84%1A%DC%01%60%03%27K2I%A1%B9d%19%C4%9E%D2%40%60%F4%94c%AB%BA%23%06%00%2C%91%8C4%F7%8AA0TX%09%B4%07I%09%9D~%B2%AD%87o%87%96P%F0%88%2F%D6j%10%84%5B%FF%E1d%18%5D%9D%D2%9AA%40%D5bi%40%E0%89%F8%3CKD%A4%1A6%3E%60W%8B%CC%60%09%00%C3%08%01%11%F3%0D8%82%E7%CA%86J8%99%C5Iv%1D1%008P%96%91%26%F6%B2%18%DA%8F%87N%FF-%40%CA%84%AF%04%CE%8A%A7w%F0%60%D2%1B4%0A%0A-%18%81%1B%1F%8C%7D%20I%B8%ED%EE%93DuU%C0%B6%C0H%03~%22%CFRa%C4%DF%DA%03%23%15%CA2%C4%88%BFQE%8E%98L%F4%25%0C%C7%955%12L%BCb%CBM%13n%3Fb%00%D0jfx%12%F9%90%3E%28%0C%08%8ExD%85%90%A7%10WE%2A%02%9B%DF%3F%08K%1F%D8%1A%8D%A1%00b6%81%C7%85%82%7Dp%60%8C%21%10%EE%3D%09%C6%8CNY%5B%80%12%903%C4Z%DB%60%22F%27%05%1C9%DA%1CC%1B%DBd%A4%90%25%C2I%86%0D%2BI%024%E3%23%F3%3A%5B%8C%D6%21%DD%60%FD%C2%9Fc%80%12D%3E%97%B3%3C%97%9B%EA%80%06%15%26%7C%E5%DE%84%BE%C8%D6s%E6%8F%13%DF%B8%E94%26Rz%00%08%28H%87%F6%CEC%DB%EF%D9%9D%83%BF%FF%FEN%D8%BF%1F%0DW%99%84%A0%2C0n0-%85%E9%D9U%E29%3E%9F%8A%02%28%10ia%E3%22%C1%AE%95%89r%BD%A5%0E%E3%A5%AEu%DF%1BQ%5D%8C%CE%21s%01%CC%E4%B2%C8%05%B4%C4%8AD%92%5D%9Er%EA%10%B2d%B0j%B1%B9q%5E%01%7F%FF%CF%2B%7B%E0%C7wo%89%11%EE%A3%EC%D4%C2%19E%07Hmm%1An%BF%E7D%183%86%D4%01%9DK%3F%AB%84%60U%C8%B3%AB%B4%E2o%8C%B1%B2v%89%BC%87a%B66%F6%C9%A8%3C8%B9%E3%E9%85z%C3Pt%0E%09%80%CE%87YM%2A%60%F4%8E%0C%94%06%AB%F7J9%A3%C4%93%28%B8Hc%A4%E0%CD%FF%DC%A3%9F%B8k%F3%A0%B8%C07%8E%CEE%2A%EF%DEX%06%E1%04T%87%C0x%82%01%26%9E%5C%22%18%BB%A0%C0%D9%07%8A%01%18%18eRm%07%0A%84%3A%02C%1BKM%D6%A0%EB%B7%06%40%0D%84d%03%CC%91%0B%0D%E2%06%10%FA%886F1%FA8%1B%21%0A%92%8C%87P%E2%CD%97%F6%C0%13K6%C7%C2b%FF%80%C4u%27%25d%18o%BF%E7x1%BAZ%B0G0%92%80va%C0%82%9E3u%05%3A%8C%3DpF%DAx%00C1s%C2x%08%C5v%E0%C0o%0F%40%5E%D53%E1xhF%3D%CF%2A%C0%80%B0AT6%1At%E9%ABE%9D%5D%93%99%40%EB%8A%5D%F0%F8%DFm%E2%F1%02%88%AB%83%F2%26%20%A1%A0%0E%D4j%0A%92%60%B8%3E%609%CFLqRa%AF%85%F6%9B%E6%10%CAI%23%A5%D0%DAVZ%94n%18%8A%CE%A0%D8%C5%E7%B4%5E%84o%2F%DA%F2%5E%87%99%B2%16%8EU%22%AA%DA%18%FF%2B%B4%F5B.%2701%84%EDq%22%D9%B6%C3%B0%F7%93%3E%989%7FlDh%D2.%00%14b%06%27%0D%C3G%04p%D6%D9%C3a%ED%5B%DD%BA%E7pH6N%DB%B0%DF%98b%2A%B1qu%CD%8D%A0MN%40v%89%3B%FB%1B%B82w%5Cm%E3%8D%AD%BBW%DD%97%FD%5C%00%9E%D6%BA%1E%2F.%3D%AD%A1%A6%8A8%BA%99A%88%3C%8A0%E7%C0y%BF6%D6L%D8%E0%04A%11%5E%B8%0A%AC%E4%04J%FD%C4%110a%F2H%186%2A%15q%D9%07%C1%F7%18%01%14%A4%83%408%F3%ECa%E2%DD5%DD%D0sX%99%B4%98_6%A5%C5%E8%97%23%D4d%06%C2e%CC%BE%C2%E1%CD%C6%F1%E7%DE%D2%B2%FB%F5%7B%0E%0E%09%00%11%9F%06X%85%DF%A9%A7%F7%27%CE%A8A%A9%D2%B0e%5D%07s%DFD~%D2%C4%E5%94%15r%AE%60%A2RS%0Cq%15%1DS%1F%A0%E3%CA%1FL%85%8B%AF%9E%00%95%A3RE9%ED%7B%0A%E7%16%C1%03d%14%820k%CEpxw%CDa%E8%E9%B6y%A9%B0%05s%29%A2%D2%80%F9m%E86%A2%016%21%B4%A9%21U%91%B4ZP%3B%F7%86%17w%AF%FE%C7%C8%28%8A%04%E7W%E1%17%EA%A57%21j%2F%FD%B8%0D%5E~%F2C%CA%E3m%1EN%15Z%1A3%80%BF%7D%F2K0lx%8A%BF%D0%7D8%07%3B7%1F%82%8Dk%0F%40%EB%8B%BB%A0%E9%DB%A7%C0EW%9E%12%F3%FF%8E8%1F%88%94wOy%F7%7D%E9%E8%DC%93%83%1F%DC%8CE%95%03%21%C7%08%12c%05%8E%0D%D2%A6%C74%1A%D3iJ%A5%85%AD%2C%01%D7%14%84-%26%B1X%04%94%BC%A9v4%1C%F3%DC%2A%93p%C4%E3%F3%EB%F1%B4%CA%E9i%0A%E2b%BA%E2%896X%89%07%05G%A6%5CC%D5%1A%09%E7%9C%7F%A2%F8%FAm%A7%83%8F%28%89U%F7%A1%3C%0C%1F%99%8A%89w%92%E3%EEZ%D2.%F8%96%D9%0F%9C%F6%22%08w%DD%F2%A9%DE%BF%3F%14%B2%3C%D0A%19%CE%A0%0C%29LcO%60%B8%C0H%12%08%60%8A%AEv%BA%B6%B0%EA%F2%A4%2C%BE%D0%B8%FE%F6%EA%F6%60%29%12_f%C4%BE6i%8D%A9%E5-A%13g%D5%B0%93%D9%B4v%AF1%05F%25%C4%F6%CD%9F%C1%BE%5D%BD0knmD%04%8D%91.%97%11%B1%0EP%3F5.%06%88%F0%A4%C1%97%10%07D%05%D9%849%C3%C5%BA%B7%BBuo%8F%12v%B5%08%ECR%83%09VM%BD%40%14%D4%83%17e%B4Q%03%ED%A9C%1E%D5%E1%EA%E5%C1W%9B%9B%1F%C4%8B%8D%FE%84%7C%11%05%AF%9F%3Ck%1C%1B8%03%82%9B%21%16%3E7%1D%84%8E%5D%7D0%AB%B16%96%03%B81%82%C4%B8%22%C1Y%DF5%26%BF%EB%BBI%BA7%8C%40%98%8D%20%FC%F20%F4%F6%2Ak%07%B4-%0FZ%0A%25%B8%9A%10%27H%A6%D7%DEb%1B%FF%83%05%92T%7Fpqs%F3R%7C%B7%C2%85%A7~%C6%E6%26%12x%13%9Bt%E68%26%9E%400%0F%E9%02%08%9F%22%08%F3jc%12%94%82xb%04%09%E2%14%C4%25%02%20%AE%0EA%02%18z%A7%12A%A8%9BP%0Eo%FE%E2%10%EB%B8%B0K%10%C6K8%EEk%9B%13%90%0DPQ%D5%CC%0E%CE%12%81V%BC%21X%D8%DC%7C3%01%E0s%CC%9FH%B1%84f%D2%995l%E17%AEuqB%01%84%7D%3B%7Ba%C6%FC%DAXJ%9C%1C%D7w%3D%3E%E0%3E%D0IiH%028%1A%23%C6%9E%C3y%F1%D1%E6%5E%8F%F3%06%0C%26%D0%2C%2Cjp%0E%21%12%03%CE%0E%8C%0E%03%F4%11%00%95%F8%E1%C6%E4D%93%DC%90%89k%93%CE%1AGF%006%FE%EF%DE%98%CCn%DF%F8%19t~%8A6a~m%8C%00%DF%0B%F8%12%11zc%FA6%C3%07G%C0%60%29%A2g%27N%AA%80U%AF%1C%84%7C%C8%84%1BB%03%5B%14%15%E0%96%21%8D%94%F0%CBJ%F8%EE%11%81x%26%B8%B4%B99%83%0B5%97%A0%A8V%F9%D9%99H%1C%BEar%93%9Ar%96Q%87%8D%EFt%D8%1B%0C%2C%B4%7F%88%EA%F0I%2F%CC%3Cw%7C%CC%B2%27%A5%0B%BC%7B%8E%28_%0D%7Db%211%17z%A6%0C%5D%E1%96M%BD%B0%7BW%8E%D9LK%0D%CE%06%08%C35%2Fr4R%C1%DF5%DE%20%8B%E9%F5b%D9%24%04%05%05%F3%90%13YH%10%EA%97%B8db2%AEo%BAz%1A%2C%B8j%0A%C7%FE%98%26%BB%0C%11%DEx%AE%1D%1E%BFy%7D%F4n%1E%06%27D%FEX%C5%24%25%D9%DC8~%8C0s%F6p%CA%DDET%FB%E3%28%CC%EA%A4%D2%A6%1A%A2%AC%B5.%94%F1%0E%E2%CA%D4%BC%F5%B7%1F%DF%CEt%7D%8D6%1E%20%08%90%00%C1%7D%D4%89d%98%98%A0%9B%F8%82k%10%84%EFL%05%B7%A8%C7y1%FE%D7%FA%7C%16%1E%FF%FE%7BE%D5%0A%3C%90%FD%3E%09%0Cx%DF%CF%7B%DF%B7%916L%9A%3E%0C%5CU%CA%16%2AM%DCn%122%11%15%C7T%F4%A5%AC%10%E1%0C%22%DE%D1%07%0E%84r%0BB%D2%08Q%9F%83%C1%BA%E8%E7%F2%17%12%08%28%0Dn%0E%B6.%8F%20%B4%C3%A3%DF%7Bo%901s%D3%09%20%0E%B8%F6%00%81%C4%3C%92%C0P%1B%8Bk%0D%26%F3%D2%BA%40%B8%03%82%FAP%B8B.%1E%DBpQ%0A%A3%C0%09Y%F7~%2C%1DFu%C8%96%25%24%01%20n%9C%1C%FA%3E%B7%1Cw%9B%AEE%10%AE%99%02f%198%B4%92%A8a5%AA%C3c7%BD%17%19%3C%9F%00%9F%D0d%FC%E1%26%E8%13%9F%87%B8%C4%F0%F3F%EA%EC%12%B2%95%80h%E9%8A%D9%0F%AC%F3i%3D%DF%27%DE%8D%0FI%10%90%DB%8Bmf%1B%D9%00_G%FD%23i%28%17%5E%3B%1D%16%5C%3B%15%92%DA%DE%FA%5C%96APP%9C%9B%3E%C0%DA%03%3A%19%27%24%DD%A1%91%10%FFMU8%9C%3A%98%B4uI%92%F8%A2%00P%BBT%88%D5%28%9A%99dR%24%21n%1C%01%E2%009%22%16~w%3AJ%C3%D4%D8d%D0%12A%EB%CF%B2%F0%C8%8D%EBb%C4%FAn%AFX%1C%E2%C8r%06%D0%7D%D3%CD%A9%BB%9Bg%C2%81%B9%E1%BE%85%D4%94%8C%CD-%A1%B7%FD%EA%EES%97A%916dE%08%87%DD%E0%88%F4%8D%A0k%81%D7%8B%22%F7%2FB%10%16%12%08%BA0%29%F2A%AD%A8%0E%FF%82%208p%F3%1E%A1%8E%C0%24%2F%DD5%3F%1At%CF%EC%C0%05%19%13%E3s%9D%9E%CF%5D%2F%EC%92%09%1A%C9v%18%A2%0D%B9KLy%99a2~OFk%00q%95p%DC%5Dp%DDt%EE_%F8%A76%E05%0B%CB%9C7P%1D%E8%B9k%EE%9F5h%F1%C4~%7B%10g%7C%A0%5CO%93%DF%F11%01%A0%00%84K~%2C%D8%26B%15%C0%DBV%84%18%8AN%F9%1Bn%7CA%40%21-%F6%5D%92NL%C47Ja%02%AC%8B%10%84%A6%EF%1AI%20%5D%15%BC%BC%60%24%E1G7%AD%8BM%C4%07%DB%07%C5%89%BC%AF%8A.Gxu%E5%5E%5B%1DRT%A9%D31%2B%C2%60p%D0S%07C%B4%21%25%A0%A3%BD%ABA%C8%C2%3E%3D%FA%B7rT9%8C%C0%C3%07%C2%B7%11%BEx%3Ab%A8oB%10%E8%EA%0B%FF%DCf_R%5CT%A1%60%89%86%BF%F2%DEY%91%8F%F7%DFsc%FA%DF%03%EF%DE%5B%AFu%40%E7%DE%5E%AC%09%04%26%FF%17%60%A5A%9Ao%40%C0%1E%00o%0C%09%40Q%D1%18~%C2%5D%0D%E8%C9%D6%9B%22B%60%B7%A2%04%2Cf%27O%1B%07u%D3%8E%83%0B%AF%FBc%18s%E2%C8%98ev~%DD%0D%EC%B8%27%EC%F5%E7%1F%FA5%3CO%20%D8%90%19l%BC%3A%F7%A2%3A%F8%D6%3D%B3%A2%98%C0%07%D2%1FK%27%CEo%FD%E6%7B%B0%FF%40%9EW%8A%0A%95%A1%40%F3%94i%B7%09%5E7%9B%D5%24V%F0%D4%CC%B6%FB%A6%0F%DAf%5B%B4%2A%9C%1E1o%0E%D2%7C%89%B4Kc%C2%DB%9Ar%A8%B3%1Fvl%DC%07%AF.%7B%9F%7FO%99%7DB4aGh1%D7E%C7%D49%E38%2A%DB%F4%CE%5E%B0%F9%3B%1F%ED%1B%0Fb%02%D5%033%FF%EC%F8A1%00%40%3C%FEw%F6a%E5%7F%EC%80%CC%DA%03%5C%06%93L%2Cm%241%95%20i%CAa%B6%12d%CD%83%86%B7%3B~%F9%F0%86%23%02%205z%DEyH%EEy%F1%5D%9C%60%B7%A6%00%98%1D_%02k%02%BBx%3A%93g%1F%3F88%81%C1%BAL%F7%27%CF%1E%C7%8C%E7TZ%80%DD%17%88Y%A4%AD%2C%CD%9C%3F%3E%96%16%FB%22%EA%C6Z%F9%EF%DB%E1%A5%9F%EC%D0A%60%88%27%E1%94%86%60%14X%DA%91%0Af%EF%11%27%40%D2%A4%C9Bf%F6%AEy%B8%F5%88%00%28%1B%D9x%1Er%BFQJ%B7i%D1%DB%97%13%81%20%22%10%86%A1%5D%F8%E2%19%C7E%5Cs%92%E0%07O%00%85Lo%0A%82%40%B6i%D3%BB%1D%C6rs%DD%0E%EB%09%5B%0EA%27%820c%DE%F8%D8%7C%7C%10%9F%7D%FC%23x%E5%F9%1D%24%DE%BCPj6V%99%8D%962%881J%08%97%0D%9A%EC%AFu%EF%9AG%06%01P%D4%08~%EB%E1%BF%CE~%A1%A6%12x%F3%95p%9F%16%B0%F3%C3%0Ex%FD%A9%0D8%C9%C31%0E%AD%F8%D1%3A8%BBi%12%8C%18Y%16%B3%E4%C9%E4%C9%5D%23%10%9A%AE%99%CE%9E%7B%C5%23mVf5%D5Y%E1%AD%97w%C2%CE%8F%0F%C1%B5%F7%9D%05c%C7WF%DF%D9%F4%FE%01%F8%19%12%BF3%7B%D8n%AF%D3%86p%A2%8Dj~T%FD%A5%9D%F5%5C%0B%20%C3G%06%B0%B0H%82%FD%C1b%B4%165%82%2Fh%5D%D5%8FUb%B4%CC%F5I%FFO%C7S%B7%FD%02%D6%B4l%B2F%CC%3Cq%C1wf%C1W%F0%F0u8%80%B8%21%94%09p%E8~%CB%A3%1F%C0%8AG%3F4%BB%BF%84%DB%2Ak%FA%BA%C9U0%7CT%19tv%F4A%E7%BE%9C%B6%9C%16f7Y%60%F4%3Cew%98%F1fK%E1m%BC%14F%C5x%B3%A5%E8%0ARjF%E6%EE%19%D9%24%ADE%E3%00%AA%11%20%21%F3%C8%5D%D3o%3Fa%E1x%FF%E6%3F%81%B1%E4%01%24X%F5%00X%F3%E2%E6A%E5%ED%24%18~~%E1%5C%DE%85WN%83%0B%AE%9A%EA%2A%ED%86%A8%809%8AA%CEg%C8%F9%FD%1A%5D%1D%82%A3x%C39%DF%E3z%BF%8D%29%24%97%BD%A0p%28%E16%92%B1%0D%D0%AA5%85%EA%5C%8CxjC%C6%01%94%1Ec%D7Hes%F4%FC%0D8d%834%7D%D5%B0%91%E5g%9C%7B%D9%19U%3F%BD%7FMD%E9%FE%3D%87%A0%FF%D0%00%94%A3%1A%F8%86%C5%F9w%97A%06P%C8%E5%1DPM%DF6%00%AC%7Cr%A3-f%82-m%B9%82%A70%E0%B0%ED%D1%A6%BC-%84%FB%CD%E7%284%07p%C0%EDx%2F%83%B1%EF6%7C%BF%3D%ADEK%E6%C1%99%BFqC%F5%E7%FE%C1%C4b%03%04%1D-%FE%F5E%8F%ACmDn%2C%C2%29%5Cn%B6%A9%D1%CAP%3FTX%3B%60q%89z%27%19.%DE%F7%CB%DDt%ED%2BWLe%EE%BF%BCt%93%95%2AG%3C%F5%CA%C6%22%B6%D2%2B%EC%DE8%C3%F5%17%11%AB%876%3E%3Eg5%1CE%3B%EA%BF%18Yv%D5Y%AB%B1%5B%3Dv%F6c%19%9C%C7%03%22%91%94%FA%E5l%5E%28%81%02%D7%5D%DC%E0~%3BI%B8%E0%EBS%98%9B%2F%FF%EB%96H%BD%D8%B0%B9E%0E%A9m%92%C3%D7%10%19u%E7%D6e%7F%DA%0C%C7%D0%028%C6%D6%F3%C9%CA%B7G%9E%BC%A0%0A%29%9A%D3%F8%D5%E90ld%19_%F7%03%20j~%D8%EC%8C%20%40%DC%08%11P%13g%8CeK%BE%F5%FDN%A3%06%CE%0D%DB%80T%DA%DD%E6xm%F9G%FF%D6x%03%1Cc%93P%82VY.%97%04i%D9%95%12%83%E3u%D7%5C%A2%E4%179%FEk%E9%07%B0%12%0Fw%CFI%CF_%5D6%09%FE%F2%F2Iv%21%83u%3E%DA%9Ee6%07%F3.%D2%25P%82v%CC%12%40%AD%2B%FBb%DF%A8%09%0B%2B%BE%7C%F1%94%C6%8A%11%05%09%A0%E6%22Dj%0E%ED%5E%5CE%5E%F1%C4%FB%F0%EA%D3%1Ba%EB%86%0Ev%A7%93%1Ajb%91%DF%17O%1F%C3%92%F0%D1%07%FB%0B%DE%86%FF%86%80%C1X%BE%ED%99s%97C%09%9A%80%12%B5%FA%C6%A5U%A9%EA%CAm%08%40%95%5D%8D%B3V%0A%1D%93%8DO%0C%81%02%3Aw%F7%D8%A5%29%E1%CC%3A%FC%C5e%D3%C4%9F_%3A%25%96LQ%21%F6%B5%A77%C3%CF%7F%F2%91%B6%213%FFa%85%16%E1%29%D9g%CE%CFB%09ZI%24%80%1AI%C1%B0S%9A%2A%FAzr%8D%7D%BD9%E8%EB%CD%03%9E%8B%DE%9E%3C%F4%E3%EF%DE%1E%BC%D6%13B_%F7%001%FC%0D%3C%96%94%A5%CAoH%C9%E0%21%0AS%B7%FE%AA%A3%12Y%3B%F9%94%D3kb%C1%D3i%7F%84%92%80%88~%DC%B6%DFn%83%D0%CB%B3%CF%9E_%12%EES%2B%E9%DF%0D%A6%CA%06%1E%D2%AAb%11%AEG%D4%B95%D9%98%2Ch%DD%AA%254%EF%5C%F9%B5%D5%89W%B3x%B4%BC%26%5E%A8%AF%AD%1F%B5%F4%F4%2F%9D%D0H%17%5D%3Eq%DE%25%13Y%0D%FE%FB%A7%5B%B7AN%96D%F7%5D%2B%99%0A%B8V%BF%E0Y%0C%96%C2%17p%E8z%F7%09%13Q%CA%E6l%CB%C5%AB%8Fd%0C%DA%A4%85%12p%3D%02p%86%97Pu%3D%F5%60f%5E%CB%0D3~w%FFt%D6%B5%FAK%9E%A6%3F%A2l%40%29%A8%02%D5%DD%92mY%7CT%7F%DE%869I%03%DA%01%DE%E2%86qD%8B%5D%C6%FBC%2Be%FB%3F%82%F2%19s%C5S%CD%D9%00%00%00%00IEND%AEB%60%82"); 575 | background-size: contain; 576 | background-repeat: no-repeat; 577 | } 578 | 579 | &:hover::after { 580 | position: absolute; 581 | font-weight: 500; 582 | font-size: 14px; 583 | line-height: 16px; 584 | box-sizing: border-box; 585 | word-wrap: break-word; 586 | top: calc(100% - 5px); 587 | left: 8; 588 | /* transform: translateX(-50%); */ 589 | color: var(--text-normal); 590 | padding: 8px 12px; 591 | background-color: var(--background-floating); 592 | content: "DDEX4 Support Server"; 593 | box-shadow: var(--elevation-high); 594 | border: 1px solid var(--border-subtle); 595 | border-radius: 8px; 596 | } 597 | } 598 | } 599 | 600 | .headerChildren_f37cb1 { 601 | display: none; 602 | } 603 | 604 | /* USERPANEL - - - - - - - - - - - - - - - - - - - - - - */ 605 | section.panels__5e434 { 606 | background: var(--background-base-lowest); 607 | left: 0px !important; 608 | bottom: 0px !important; 609 | width: calc(100%) !important; 610 | border: none !important; 611 | border-radius: 0px !important; 612 | border-top: 1px solid var(--border-subtle) !important; 613 | min-height: 80px; 614 | align-content: center; 615 | 616 | .mask__44b0c, 617 | .avatarDecoration__44b0c { 618 | 619 | g, 620 | >rect { 621 | display: none !important; 622 | } 623 | 624 | foreignObject { 625 | mask: none; 626 | 627 | .avatarStack__44b0c img { 628 | border-radius: 50%; 629 | } 630 | } 631 | } 632 | } 633 | 634 | .container__37e49 { 635 | padding: 20px 24px 20px 22px !important; 636 | } 637 | 638 | .avatar__37e49 { 639 | scale: 0.8; 640 | } 641 | 642 | /* GUILDS - - - - - - - - - - - - - - - - - - - - - - */ 643 | .guilds__5e434 { 644 | z-index: 3 !important; 645 | top: calc(var(--custom-app-top-bar-height) - var(--custom-app-top-bar-height) * 2); 646 | margin-bottom: calc(var(--custom-app-panels-height) - var(--custom-app-top-bar-height)) !important; 647 | background-color: transparent !important; 648 | border-right: 1px solid var(--border-subtle); 649 | } 650 | 651 | .itemsContainer_ef3116>.stack_dbd263 { 652 | padding-top: calc(var(--custom-app-top-bar-height) + 8px) !important; 653 | } 654 | 655 | .folderGroup__48112>.stack_dbd263 { 656 | overflow: visible !important; 657 | } 658 | 659 | .tutorialContainer__1f388 .numberBadge__2b1f5 { 660 | outline: 2px solid var(--bg-base-tertiary); 661 | border-radius: 50%; 662 | } 663 | 664 | .iconSizeMini_f34534 { 665 | border-radius: 50% !important; 666 | } 667 | 668 | .icon__6e9f8, 669 | .childWrapper__6e9f8, 670 | .circleIconButton__5bc7e { 671 | border-radius: 14px !important; 672 | overflow: hidden !important; 673 | } 674 | 675 | /* └ PILLDOT - - - - - - - - - - - - - - */ 676 | .pill_e5445c:not(:has(.item__58105[style*="height: 40px;"])), 677 | .pill_c9fddf:not(:has(.item__58105[style*="height: 40px;"])) { 678 | overflow: visible; 679 | width: 100%; 680 | z-index: 3; 681 | pointer-events: none; 682 | > span { 683 | width: 8px; 684 | height: 8px!important; 685 | right: 15px !important; 686 | bottom: -2px !important; 687 | top: auto !important; 688 | left: auto !important; 689 | background: var(--header-primary); 690 | border-radius: 50%; 691 | border: 4px solid var(--bg-base-tertiary); 692 | z-index: 3; 693 | pointer-events: none; 694 | } 695 | } 696 | 697 | .pill_e5445c:has(.item__58105[style*="height: 40px;"]), 698 | .pill_c9fddf:has(.item__58105[style*="height: 40px;"]) { 699 | pointer-events: none; 700 | width: var(--custom-guild-list-width); 701 | justify-content: center; 702 | align-content: center; 703 | z-index: 10; 704 | overflow: visible !important; 705 | margin-left: 2px; 706 | margin-top: 0px; 707 | 708 | .item__58105 { 709 | width: 48px; 710 | height: 48px !important; 711 | border-radius: calc(var(--radius-lg) + 2px); 712 | background-color: transparent; 713 | border: 2px solid var(--brand-500); 714 | } 715 | } 716 | 717 | .isExpanded__48112 .pill_e5445c { 718 | border-color: color-mix(in srgb, var(--bg-base-tertiary), var(--background-mod-subtle) 5%) !important; 719 | } 720 | 721 | .isExpanded__48112>.listItem__650eb>.pill_e5445c:first-of-type { 722 | display: none; 723 | } 724 | 725 | .lowerBadge_cc5dd2 { 726 | z-index: 4; 727 | } 728 | 729 | .listItem__650eb { 730 | overflow: visible !important; 731 | } 732 | 733 | .tutorialContainer__1f388 .pill__1f388 { 734 | display: none; 735 | } 736 | 737 | /* TITLEBAR - - - - - - - - - - - - - - - - - - - - - */ 738 | :root { 739 | --custom-app-top-bar-height: 32px !important; 740 | } 741 | 742 | .bar_c38106 { 743 | height: var(--custom-app-top-bar-height) !important; 744 | padding: 0px 0px var(--space-4) !important; 745 | z-index: 2; 746 | 747 | &::before { 748 | content: ""; 749 | position: absolute; 750 | top: 0; 751 | left: 0; 752 | width: 80px; 753 | height: 40px; 754 | opacity: 0.5; 755 | background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00P%00%00%00%28%08%06%00%00%00i%60%7D%01%00%00%00%09pHYs%00%00%0B%13%00%00%0B%13%01%00%9A%9C%18%00%00%01iiCCPDisplay%20P3%00%00x%9Cu%90%BDK%C3P%14%C5O%ABR%D0%3A%88%0E%1D%1C2%89C%D4%D2%0Avqh%2B%14E0T%05%ABS%9A~%09m%7C%24%29Rq%13W%29%F8%1FX%C1Yp%B0%88Tpqp%10D%07%11%DD%9C%3A%29%B8hx%DE%97T%DA%22%DE%C7%E5%FD8%9Cs%B9%5C%C0%1BP%19%2B%F6%02%28%E9%96%91L%C4%A4%B5%D4%BA%E4%7B%83%87%9ES%AAf%B2%A8%A2%2C%0A%FE%FD%BB%EB%F3%D1%F5%DEO%88YM%BBv%10%D9O%5C%97%CE.%97v%9E%02S%7F%FD%5D%D5%9F%C9%9A%1A%FD%DF%D4A%8D%19%16%E0%91%89%95m%8B%09%DE%25%1E1h%29%E2%AA%E0%BC%CB%C7%82%D3.%9F%3B%9E%95d%9C%F8%96X%D2%0Aj%86%B8I%2C%A7%3B%F4%7C%07%97%8Ae%AD%B5%83%D8%DE%9F%D5W%97%C5%1C%EAQ%CCa%13%26%18%8APQ%81%04%05%E1%7F%FC%D3%8E%3F%8E-rW%60P.%8F%02%2C%CADI%11%13%B2%C4%F3%D0%A1a%122q%08A%EA%90%B8s%EB~%0F%AD%FB%C9mm%EF%15%98mp%CE%2F%DA%DAB%038%9D%A1%93%D5%DB%DAx%04%18%1A%00n%EAL5TG%EA%A1%F6%E6r%C0%FB%090%98%02%86%EF%28%B3a%E6%C2%21w%7B%7F%0C%E8%7B%E1%FCc%0C%F0%1D%02v%95%F3%AF%23%CE%ED%1A%85%9F%81%2B%FD%07%17%29j%BC1%29O%3E%00%00%01%C4IDATx%01%ED%96%81M%C3%40%0CE%2F%88%01%B2%01%DD%802%01a%02%B2A%D3%09%80%09%9A%0D%C8%06%09%13%D0%0D%DAN%90n%900A%CB%04%87%AF%F9%A7Z%C7%15%21Z%A9%95%F8O%B2%92%7C%DB9%C7%E7%281%86%10B%08%21%84%10B%08%21%84%10%F2_H%CC%11Xk%B3%88%BCN%92d%ABbr9%D4bs%D1%A7%E6B%90%BA%C6rpf%A4%AE%C6%9C%03%7B%98%85%D8%081%25%B4N%E5%A5%EE%01%5Csc%9B%00%7F%0E%1BG%7C%07s%83X%17%97%AA%EB%0C%96%AA%BA%AC9%17%AAa%ADX%236WZ%E7%8B%F7E%E3%7C%22%B6%09%1A%AEc_%EDwj%F8%9E%0F%E4%8E%E1o%94%E6%EFS%BB%CD%84%A6s%EAKj%60%A9%B4R%E9%05%AE%DF%C5%16%F0%B7%F0%B9F%F8%29k%F0%903%95%BB%B1%FBM%A9%E0%F7%B4%B8o%A7bS%BBo%A0nr%ADt%8B%FB%E9%EB%8Bk%60%114%B0%D1%85%DAa%8Al%D0%8C%27%F8%16%D0%BA%C8ZzcF%D0r%A5eAcr%95%EB7m%A9%B4%EA%14%0D%BC2%27%C4%0E%AF%D2LI%CBH%D8Z%ECN%EC%05~%97S%E1%81%3F%11%93%DA%FDk%E9%CF%B7%EA%1E%A3%E0%18%D2%CB%87a%1E%D1o%7D%F3%85%1Bsn%EC%CF%94%88%09%27%B0%B7%C3%AB%B7%7B%AD%F5%C4%60%8Ab%D4hd%A74%7D%DE%06kuA%9Dzz7%B0N%D7%F5W%AE%CDq%AC%22%9A%9B0%F7%CB%B2%C4u%1F%C4%95b%85X%26%E6%3E%1C%1Fb%8D%9F%18y%9E%29%FC%F7j%8D%95%FB5%12%DF%03%F2%1F%CD0%7D%BB%5C%B1%2AX%AB%D7%05I%AEk%A0%5Bk%02%E9%0Du%16%86%10B%08%21%84%10B%08%21%84%10B~%C9%17%8F%1B%3E%85%EAK%08%5C%00%00%00%00IEND%AEB%60%82"); 756 | } 757 | } 758 | 759 | .title_c38106 { 760 | display: none !important; 761 | } 762 | 763 | .trailing_c38106 { 764 | gap: var(--space-4) !important; 765 | 766 | .winButtons_c38106 { 767 | gap: 0px !important; 768 | padding-right: 4px; 769 | } 770 | } 771 | 772 | /* EXTRA */ 773 | .info__2debe::after { 774 | width: 100%; 775 | display: block; 776 | border-top: 1px solid var(--border-subtle); 777 | padding-top: 8px; 778 | margin-top: 8px; 779 | content: "DDEX4 \A Rewrite 3 \A Made by Blade0 \A ✨enjoy✨"; 780 | text-transform: none; 781 | font-family: var(--font-primary); 782 | font-size: 12px; 783 | line-height: 1.4; 784 | font-weight: 400; 785 | color: var(--text-muted); 786 | white-space: pre; 787 | } 788 | 789 | 790 | /* :root { 791 | --bg-base-tertiary: rgba(0, 0, 0, 0) !important; 792 | --background-base-lowest: rgba(0,0,0,0.2) !important; 793 | --background-base-lower: rgba(0, 0, 0, 0.2) !important; 794 | --background-surface-higher: rgba(0, 0, 0, 0.2) !important; 795 | --background-floating: rgba(255,255,255,0.2) !important; 796 | --bg-surface-overlay: rgba(255,255,255,0.2) !important; 797 | --bg-surface-raised: rgba(255,255,255,0.2) !important; 798 | --chat-background-default: rgba(0,0,0,0.3) !important; 799 | --background-primary: rgba(0,0,0,0.3); 800 | --background-secondary: rgba(0,0,0,0.2); 801 | --background-tertiary: rgba(0,0,0,0.2); 802 | --background-secondary-alt: rgba(255,255,255,0.2); 803 | --modal-background: var(--background-floating); 804 | --modal-footer-background: var(--background-floating); 805 | --background-base-low: rgba(0,0,0,0.3); 806 | } 807 | .app__160d8, 808 | .appMount__51fd7, 809 | body, 810 | .panels__5e434 { 811 | background: transparent !important; 812 | } */ 813 | 814 | .imagePosition_ef9ae7 { 815 | position: absolute; 816 | top: 0px; 817 | left: 0px; 818 | width: 100%; 819 | height: 100%; 820 | border-radius: 8px; 821 | overflow: hidden; 822 | filter: blur(5px); 823 | z-index: -1; 824 | opacity: 0.5; 825 | } 826 | 827 | .overlay_c0bea0 { 828 | overflow: hidden; 829 | .badgesContainer__635ed { 830 | right: 40px; 831 | } 832 | .headerContextMenu__39ec2 { 833 | height: 24px; 834 | align-content: center; 835 | } 836 | } 837 | --------------------------------------------------------------------------------