Login Register
Lapius

Lapius / DiscordTheme T1Custom

Last active 1 month ago

Like 0

Revision 509569436dae021cd2ec7e0a0d9a6b4a2a31598d

discordtheme-t1custom.css Raw
1/*!
2 T1 Theme (c) Eight_P <github.com/Eight-P/BD.8P>
3 version 0.9.15 for Fv0.11.0
4
5*/
6:root {
7 --hide-chatBtn-nitro: 1;
8 --hide-chatBtn-gif: 0;
9 --hide-chatBtn-sticker: 0;
10 --hide-chatBtn-emoji: 0;
11 --hide-chatBtn-apps: 0;
12 --hide-messageBtnEmojis: 1;
13 --reduce-messageBtns: 0;
14 --hide-messageHover: 1;
15 --keep-voiceChannelBtns: 0;
16 --highlight-focusedChatInput: 0;
17 --unmask-links: 0;
18 --hide-profileEffects: 0;
19 --hide-avatarDecorations: 0;
20 --hide-profileFrames: 0;
21 --hide-nameplates: 0;
22 --hide-clanTags: 0;
23 --disable-roleGradients: 0;
24 --hide-reactionAnimations: 0;
25 --serverBar-FolderStyle: 1;
26 --serverBar-Spacing: 17px;
27 --serverBar-IconSize: 100;
28 --background-app: url(https://eight-p.github.io/BD.8P/Themes/T1/assets/Main-bg.jpg);
29 --background-server: url(https://eight-p.github.io/BD.8P/Themes/T1/assets/Server-bg.jpg);
30 --backgroundBrightness-app: 80;
31 --backgroundBrightness-server: 100;
32 --backgroundBlur-app: 0;
33 --backgroundBlur-server: 0;
34 --hide-friendsActivity: 1;
35 --hide-serverBoostStats: 0;
36 --alignSearchLeft: 0;
37 --show-sidebarScrollbar: 0;
38 --show-memberListScrollbar: 0;
39 --font:
40 "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
41 --font-primary: var(--font);
42 --font-display: var(--font);
43}
44html.theme-dark:root,
45#app-mount .theme-dark {
46 --header-primary: #fff;
47 --header-secondary: #b9bbbe;
48 --text-normal: #dcddde;
49 --text-muted: #72767d;
50 --text-link: #00b0f4;
51 --text-positive: #4fdc7b;
52 --text-link-low-saturation: hsl(197, 100%, 52.9%);
53 --text-link-low-saturation: #0fbbff;
54 --text-primary: var(--header-primary);
55 --text-secondary: var(--header-secondary);
56 --text-tertiary: var(--header-secondary);
57 --interactive-normal: #7c7d7e;
58 --interactive-hover: #dcddde;
59 --interactive-active: #fff;
60 --interactive-muted: #4f545c;
61 --background-primary: #36393f;
62 --background-secondary: #2f3136;
63 --background-secondary-alt: #292b2f;
64 --background-tertiary: #202225;
65 --background-accent: #4f545c;
66 --background-floating: #18191c;
67 --background-mobile-primary: #36393f;
68 --background-mobile-secondary: #2f3136;
69 --background-modifier-hover: rgba(79, 84, 92, 0.16);
70 --background-modifier-active: rgba(79, 84, 92, 0.24);
71 --background-modifier-selected: rgba(79, 84, 92, 0.32);
72 --background-modifier-accent: hsla(0, 0%, 100%, 0.06);
73 --background-mentioned: rgba(250, 166, 26, 0.1);
74 --background-mentioned-hover: rgba(250, 166, 26, 0.08);
75 --background-message-hover: rgba(4, 4, 5, 0.07);
76 --info-positive-text: #fff;
77 --info-warning-text: #fff;
78 --info-danger-text: #fff;
79 --info-help-background: rgba(0, 176, 244, 0.1);
80 --info-help-foreground: #00b0f4;
81 --info-help-text: #fff;
82 --status-warning-text: #000;
83 --scrollbar-thin-thumb: var(--scrollbar-thumb);
84 --scrollbar-thin-track: transparent;
85 --scrollbar-auto-thumb: var(--scrollbar-thumb);
86 --scrollbar-auto-track: transparent;
87 --scrollbar-auto-scrollbar-color-thumb: var(--scrollbar-thumb);
88 --scrollbar-auto-scrollbar-color-track: transparent;
89 --elevation-stroke: 0 0 0 1px rgba(4, 4, 5, 0.15);
90 --elevation-low:
91 0 1px 0 rgba(4, 4, 5, 0.2), 0 1.5px 0 rgba(6, 6, 7, 0.05),
92 0 2px 0 rgba(4, 4, 5, 0.05);
93 --elevation-medium: 0 4px 4px rgba(0, 0, 0, 0.16);
94 --elevation-high: 0 8px 16px rgba(0, 0, 0, 0.24);
95 --logo-primary: #fff;
96 --control-brand-foreground: #a5b3e7;
97 --control-brand-foreground-new: #949cf7;
98 --channels-default: #8e9297;
99 --guild-header-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
100 --channeltextarea-background: #40444b;
101 --activity-card-background: #202225;
102 --textbox-markdown-syntax: #8e9297;
103 --deprecated-card-bg: rgba(32, 34, 37, 0.6);
104 --deprecated-card-editable-bg: rgba(32, 34, 37, 0.3);
105 --deprecated-store-bg: #36393f;
106 --deprecated-quickswitcher-input-background: #72767d;
107 --deprecated-quickswitcher-input-placeholder: hsla(0, 0%, 100%, 0.3);
108 --deprecated-text-input-bg: rgba(0, 0, 0, 0.1);
109 --deprecated-text-input-border: rgba(0, 0, 0, 0.3);
110 --deprecated-text-input-border-hover: #040405;
111 --deprecated-text-input-border-disabled: #202225;
112 --deprecated-text-input-prefix: #dcddde;
113 --text-warning: #faa61a;
114 --text-danger: #d63e41;
115 --info-positive-background: rgba(59, 165, 92, 0.1);
116 --info-positive-foreground: #3ba55c;
117 --info-warning-background: rgba(250, 166, 26, 0.1);
118 --info-warning-foreground: #faa61a;
119 --info-danger-background: rgba(237, 66, 69, 0.1);
120 --info-danger-foreground: #ed4245;
121 --status-positive-background: #3ba55c;
122 --status-positive-text: #fff;
123 --status-warning-background: #faa61a;
124 --status-danger-background: #ed4245;
125 --status-danger-text: #fff;
126 --focus-primary: #00b0f4;
127 --shadow-low: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
128 --scrollbar-thumb: var(--background-modifier-accent);
129 --scrollbar-thumb-hover: var(--interactive-normal);
130 --red: #f04747;
131 --red-secondary: rgb(210, 80, 80);
132 --border-mentioned: rgba(250, 166, 26, 0.65);
133 --Blurple: rgb(114, 137, 218);
134 --Blurple-light: rgba(114, 137, 218, 0.2);
135 --Blurple-light-hover: rgba(114, 137, 218, 0.4);
136 --BD-Blue: #3e82e5;
137 --status-online: #3ba55c;
138 --status-idle: #faa61a;
139 --status-DnD: #ed4245;
140 --status-invisible: #747f8d;
141 --onlineSC: #23a55a;
142 --idleSC: #f0b232;
143 --DnDSC: #f23f43;
144 --offlineSC: #80848e;
145 --background-base-low: var(--background-tertiary);
146 --background-surface-highest: var(--background-floating);
147}
148html.theme-light:root,
149#app-mount .theme-light {
150 --interactive-normal: var(--text-subtle);
151 --interactive-hover: var(--text-strong);
152 --interactive-active: var(--text-strong);
153}
154@container style(--hide-avatarDecorations: 1) {
155 .avatarDecoration__44b0c,
156 .avatarDecoration_c19a55 {
157 display: none;
158 }
159 .productPreviewContainer_fcbddd .avatarDecoration__44b0c,
160 .productPreviewContainer_fcbddd .avatarDecoration_c19a55,
161 .avatarPreviewContainer__349b1 .avatarDecoration__44b0c,
162 .avatarPreviewContainer__349b1 .avatarDecoration_c19a55,
163 .previewContainer__7f14f .avatarDecoration__44b0c,
164 .previewContainer__7f14f .avatarDecoration_c19a55 {
165 display: block;
166 }
167}
168@container style(--hide-profileEffects: 1) {
169 .profileEffects__0dd08 {
170 display: none;
171 }
172 .previewContainer_ebb2cf .profileEffects__0dd08,
173 .previewContainer__7f14f .profileEffects__0dd08 {
174 display: block;
175 }
176}
177@container style(--hide-profileFrames: 1 ) {
178 .profileFrameContainer__7d80f {
179 display: none;
180 }
181 .aside_f58343 > .outer_c0bea0 {
182 margin: 0;
183 }
184 .previewContainer_c9a5b2 .profileFrameContainer__7d80f,
185 .previewContainer__7f14f .profileFrameContainer__7d80f {
186 display: block;
187 }
188}
189@container style(--hide-nameplates: 1 ) or style(--hide-nameplates: 3 ) {
190 .nameplated__91a9d.childContainer__91a9d {
191 padding-right: 8px;
192 }
193 .nameplated__91a9d .container_df39b2 {
194 display: none;
195 }
196 .channel__972a0 .container_df39b2 {
197 display: none;
198 }
199 .channel__972a0 .innerCloseButtonPlated__972a0 {
200 background: none;
201 backdrop-filter: none;
202 }
203}
204@container style(--hide-nameplates: 2 ) or style(--hide-nameplates: 3 ) {
205 .container__37e49 .container_df39b2 {
206 display: none;
207 }
208 .container__37e49 .plated__37e49,
209 .container__37e49 .plated__67645 {
210 --custom-nameplate: var(--control-secondary-background-hover) !important ;
211 }
212}
213@container style(--disable-roleGradients: 1 ) or style(--disable-roleGradients: 2 ) {
214 .animateGradient_e5de78 {
215 animation: none;
216 }
217 .animateGradient_e5de78::after {
218 display: none;
219 }
220 .usernameGlow_e5de78 {
221 display: none;
222 }
223}
224@container style(--disable-roleGradients: 1 ) {
225 .usernameGradient_e5de78 {
226 background: var(--custom-gradient-color-1);
227 background-clip: text;
228 background-size: 100px auto;
229 }
230}
231@container style(--disable-roleGradients: 2 ) {
232 .usernameGradient_e5de78 {
233 background: var(--custom-gradient-color-2);
234 background-clip: text;
235 background-size: 100px auto;
236 }
237}
238@container style(--hide-clanTags: 1 ) or style(--hide-clanTags: 2 ) {
239 .username__5d473 .clanTag__5d473,
240 .name__20a53 .clanTag__972a0 {
241 display: none !important;
242 }
243}
244@container style(--hide-clanTags: 2 ) {
245 .clanTagChiplet_c19a55,
246 .guildTagContainer__63ed3,
247 .voiceUser__07f91 .clanTag__07f91 {
248 display: none !important;
249 }
250}
251@container style(--hide-reactionAnimations: 1) {
252 .reaction__23977,
253 .reaction_f8896c {
254 animation: none !important;
255 }
256 .reaction__23977 .burstGlow__23977,
257 .reaction__23977 .effectsWrapper_a9ddb3,
258 .reaction_f8896c .burstGlow__23977,
259 .reaction_f8896c .effectsWrapper_a9ddb3 {
260 display: none;
261 }
262 .reaction__23977 .hideEmoji__23977,
263 .reaction_f8896c .hideEmoji__23977 {
264 opacity: 1 !important;
265 }
266}
267@container style(--unmask-links: 1 ) {
268 .messageContent_c19a55 .anchor_edefb8[href][title$=")"]::after {
269 content: " (" attr(href) ")";
270 position: relative;
271 display: inline;
272 font-size: 0.7rem;
273 font-weight: 400;
274 font-style: normal;
275 line-height: 100%;
276 color: var(--chat-text-muted);
277 }
278 .messageContent_c19a55 .anchor_edefb8[href][title$=")"]:hover::after {
279 text-decoration: underline;
280 }
281}
282@container style(--unmask-links: 2 ) {
283 .anchor_edefb8:is([href][title], .embedLink__623de)::after {
284 content: " (" attr(href) ")";
285 position: relative;
286 display: inline;
287 font-size: 0.7rem;
288 font-weight: 400;
289 font-style: normal;
290 line-height: 100%;
291 color: var(--chat-text-muted);
292 }
293 .anchor_edefb8:is([href][title], .embedLink__623de):hover::after {
294 text-decoration: underline;
295 }
296 .anchor_edefb8:not([title$=")"])[href][title*="http"]::after {
297 display: none;
298 }
299}
300@container style(--unmask-links: 1 ) or style(--unmask-links: 2 ) {
301 .spoilerContent__299eb.hidden__299eb .anchor_edefb8[href]::after {
302 display: none;
303 }
304}
305body .bg__960e4::before,
306body .container__01ae2::before,
307body .header_c6bf1b::before,
308body .typing_b88801:has(.dots__5ad89)::before,
309body .outerContainer_e44912 .container__8a031.modal_e44912::before {
310 content: "";
311 position: absolute;
312 inset: 0px;
313 background: var(--background-app);
314 background-position: center;
315 background-size: cover;
316 background-repeat: no-repeat;
317 background-attachment: fixed;
318 filter: blur(calc(var(--backgroundBlur-app) / 100 * 1px))
319 brightness(calc(var(--backgroundBrightness-app) / 100));
320}
321body .guilds__5e434::before {
322 content: "";
323 position: absolute;
324 display: block;
325 inset: 0px;
326 background: var(--background-server);
327 background-position: center;
328 background-size: cover;
329 background-repeat: no-repeat;
330 filter: blur(calc(var(--backgroundBlur-server) / 100 * 1px))
331 brightness(calc(var(--backgroundBrightness-server) / 100));
332}
333.page__5e434 {
334 overflow: hidden;
335}
336.container__551b0 .nav__551b0 {
337 gap: 8px;
338}
339.container__551b0 .navItem__551b0 {
340 border-radius: 0;
341 border-left: 3px solid rgba(0, 0, 0, 0);
342}
343.container__551b0 .navItem__551b0:hover {
344 border-left: 3px solid var(--interactive-hover);
345}
346.container__551b0 .navItem__551b0.selected__551b0 {
347 background-color: rgba(0, 0, 0, 0);
348 border-left: 3px solid var(--interactive-hover);
349}
350.container_a592e1 {
351 border: none;
352}
353.container_a592e1 .headerBar__8a7fc {
354 height: 48px;
355 justify-content: end;
356}
357.container_a592e1 .headerBar__8a7fc::after {
358 display: none;
359}
360.container_a592e1 .headerBar__8a7fc .icon__8a7fc,
361.container_a592e1 .headerBar__8a7fc .backdrop__8a7fc {
362 display: none;
363}
364.container_a592e1 .headerBar__8a7fc .container__65d41 {
365 height: 48px;
366}
367.container_a592e1 .headerBar__8a7fc .floatingSearchTabsMask__8a7fc {
368 mask-image: none;
369}
370.container_a592e1 .headerBar__8a7fc .tabs__65d41 {
371 align-items: center;
372 gap: 10px;
373 border: none;
374}
375.container_a592e1 .headerBar__8a7fc .searchIcon__1ac1c {
376 justify-content: unset;
377}
378.container_a592e1 .headerBar__8a7fc .searchFloating__1ac1c {
379 position: relative;
380 right: 0px;
381}
382.container_a592e1 .scroller__23746 {
383 mask: linear-gradient(
384 to bottom,
385 transparent,
386 #000 5px,
387 #000 calc(100% - 2px),
388 transparent
389 );
390 -webkit-mask: linear-gradient(
391 to bottom,
392 transparent,
393 #000 5px,
394 #000 calc(100% - 2px),
395 transparent
396 );
397}
398.container_a592e1 .scroller__23746 .container_e9ef78 {
399 display: none;
400}
401.container_a592e1 .headerBar__8a7fc + .scroller__23746 {
402 margin-top: 60px;
403}
404.container_a592e1 .container__955a3 .scroller__23746 {
405 overflow: hidden !important;
406 padding-right: 0;
407}
408.container_a592e1 .container__955a3 .scroller__23746 .contentSection_b6bcee {
409 overflow: hidden scroll;
410 mask: linear-gradient(
411 to bottom,
412 transparent,
413 #000 5px,
414 #000 calc(100% - 5px),
415 transparent
416 );
417 -webkit-mask: linear-gradient(
418 to bottom,
419 transparent,
420 #000 5px,
421 #000 calc(100% - 5px),
422 transparent
423 );
424}
425.container_a592e1
426 .container__955a3
427 .scroller__23746
428 .contentSection_b6bcee::-webkit-scrollbar {
429 width: 13px;
430}
431.container_a592e1
432 .container__955a3
433 .scroller__23746
434 .contentSection_b6bcee::-webkit-scrollbar-thumb {
435 border: 2px solid rgba(0, 0, 0, 0);
436 border-radius: 7px;
437 background-color: var(--scrollbar-thumb);
438 background-clip: padding-box;
439 visibility: visible;
440}
441.container_a592e1
442 .container__955a3
443 .scroller__23746
444 .contentSection_b6bcee::-webkit-scrollbar-track {
445 background-color: rgba(0, 0, 0, 0);
446}
447.container_a592e1
448 .container__955a3
449 .scroller__23746
450 .contentSection_b6bcee:hover::-webkit-scrollbar-thumb {
451 background-color: var(--scrollbar-thumb-hover);
452}
453.container_a592e1 .content__99f8c .card__84e3e {
454 background: var(--background-modifier-active);
455 border: none;
456 transition: none;
457}
458.container_a592e1 .content__99f8c .card__84e3e:hover {
459 background: var(--background-modifier-selected);
460 border-color: var(--interactive-normal);
461 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
462}
463#app-mount .sidebar__5e434::after {
464 display: none;
465}
466#app-mount .sidebar__5e434 .sidebarResizeHandle__5e434 {
467 transform: none;
468 width: 5px;
469 background: none;
470}
471#app-mount .sidebar__5e434 .sidebarResizeHandle__5e434::after {
472 content: "";
473 position: absolute;
474 top: 0;
475 left: 2px;
476 bottom: 0;
477 background: var(--background-modifier-accent);
478 width: 1px;
479}
480#app-mount .sidebar__5e434 .sidebarResizeHandle__5e434:hover,
481#app-mount .sidebar__5e434 .sidebarResizeHandle__5e434:active {
482 background: var(--background-mod-strong);
483}
484#app-mount .sidebar__5e434 .sidebarResizeHandle__5e434:hover::after,
485#app-mount .sidebar__5e434 .sidebarResizeHandle__5e434:active::after {
486 background: none;
487}
488#app-mount .sidebarList__5e434 {
489 flex: 1 1 auto;
490 border: none;
491}
492#app-mount .sidebarList__5e434 .container__2637a,
493#app-mount .sidebarList__5e434 .privateChannels_e6b769 {
494 margin-right: 6px;
495 padding: 0;
496}
497#app-mount .sidebarList__5e434 .scrollerBase_d125d2 {
498 margin: 0;
499 mask: linear-gradient(
500 to bottom,
501 transparent,
502 #000 5px,
503 #000 calc(100% - 5px),
504 transparent
505 );
506 -webkit-mask: linear-gradient(
507 to bottom,
508 transparent,
509 #000 5px,
510 #000 calc(100% - 5px),
511 transparent
512 );
513}
514@container not style(--show-sidebarScrollbar: 1 ) {
515 #app-mount .sidebarList__5e434 .scrollerBase_d125d2::-webkit-scrollbar {
516 display: none;
517 }
518}
519#app-mount .panels__5e434 {
520 display: contents;
521}
522#app-mount .panels__5e434 .container__37e49 {
523 order: -1;
524 height: 48px;
525 container-type: inline-size;
526 gap: 0;
527}
528#app-mount .panels__5e434 .container__37e49 .accountPopoutButtonWrapper__37e49 {
529 min-width: 0 !important;
530 justify-content: center;
531 flex: 10000 1 auto;
532}
533#app-mount .panels__5e434 .container__37e49 .buttons__37e49 {
534 display: contents;
535}
536#app-mount .panels__5e434 .container__37e49 .audioButtonParent__5e764,
537#app-mount .panels__5e434 .container__37e49 .buttons__37e49 > .button__201d5 {
538 flex: 0 10000 42px;
539 min-width: 34px;
540 pointer-events: none;
541 justify-content: center;
542}
543#app-mount .panels__5e434 .container__37e49 .button__201d5 .contents__201d5 {
544 pointer-events: auto;
545}
546@container (width < 185px) {
547 #app-mount .panels__5e434 .container__37e49 .nameTag__37e49 {
548 display: none;
549 }
550}
551#app-mount .panels__5e434 .container__37e49 .container_df39b2 {
552 left: -3px;
553 border-radius: 0;
554 transform: scale(-1, 1);
555}
556#app-mount .panels__5e434 .container__37e49 .avatarWrapper__37e49 {
557 background: none;
558 flex: 0 1 auto;
559 margin-right: 4px;
560}
561#app-mount .panels__5e434 .container__37e49 .nameTag__37e49 {
562 z-index: 1;
563}
564#app-mount .panels__5e434 .container__37e49 .plated__67645 {
565 background: none !important;
566 backdrop-filter: none;
567}
568#app-mount .panels__5e434 .container__37e49 .buttonChevron__5e764 {
569 display: none;
570}
571#app-mount .panels__5e434 .activityPanel__5e434 {
572 margin-right: 3px;
573 padding: 10px 7px 10px 10px;
574 border-color: var(--background-modifier-accent);
575 border: none;
576}
577#app-mount .panels__5e434 .activityPanel__5e434:not(:empty, :first-child) {
578 border-width: 0;
579 border-radius: 0;
580 border-color: var(--background-modifier-accent);
581 border-style: solid;
582 border-top-width: 1px;
583}
584#app-mount .panels__5e434 .activityPanel__5e434 .gameIconWrapper__8c6c2 {
585 height: 28px;
586}
587#app-mount .panels__5e434 .activityPanel__5e434 .gameIcon__8c6c2 {
588 height: 28px;
589 width: 28px;
590}
591#app-mount .panels__5e434 .activityPanel__5e434 .title_b6c092 {
592 font-size: 14px;
593}
594#app-mount .panels__5e434 .wrapper_e131a9 {
595 margin-right: 3px;
596}
597#app-mount .panels__5e434 .wrapper_e131a9 .container_e131a9 {
598 padding: 7px 7px 7px 10px;
599}
600#app-mount .panels__5e434 .wrapper_e131a9:not(:empty, :first-child) {
601 border-width: 0;
602 border-radius: 0;
603 border-color: var(--background-modifier-accent);
604 border-style: solid;
605 border-top-width: 1px;
606}
607#app-mount .panels__5e434 .wrapper_e131a9 .ping__06d62 {
608 background: none;
609 box-shadow: none;
610 margin-right: 3px;
611}
612#app-mount .panels__5e434 .wrapper_e131a9 .text-md\/medium_cf4812 {
613 font-size: 14px;
614}
615#app-mount .panels__5e434 .wrapper_e131a9 .text-sm\/medium_cf4812 {
616 font-size: 12px;
617}
618#app-mount .panels__5e434 .wrapper_e131a9 .actionButtons_e131a9 {
619 gap: 0;
620}
621#app-mount .panels__5e434 .wrapper_e131a9 .button_e131a9 {
622 padding: 0;
623}
624#app-mount .panels__5e434 .wrapper_e131a9 .buttonIcon_e131a9 {
625 height: 18px !important;
626 width: 18px !important;
627}
628#app-mount .panels__5e434 > .mask__0d616 {
629 display: contents;
630}
631#app-mount .panels__5e434 > .mask__0d616 .wrapper__0d616 {
632 margin-right: 4px;
633 order: 200;
634}
635#app-mount .panels__5e434 > .mask__0d616 .postEnrollmentBackground__24e2c {
636 background: var(--background-floating) !important;
637 border: none;
638 border-radius: 0;
639}
640#app-mount .panels__5e434 > .mask__0d616 .inner__146e2 {
641 box-shadow: none !important;
642}
643#app-mount {
644 --custom-app-top-bar-height: 28px;
645}
646.bar_c38106 .backForwardButtons__63abb {
647 gap: 4px;
648}
649.bar_c38106 .backForwardButtons__63abb .button__63abb {
650 border-radius: 0;
651 height: var(--custom-app-top-bar-height);
652}
653.bar_c38106 .button__85643 {
654 height: var(--custom-app-top-bar-height);
655 width: var(--custom-app-top-bar-height);
656}
657.bar_c38106 .noIcon_f34534 {
658 background: none;
659}
660.bar_c38106 .anchor_edefb8,
661.bar_c38106 .winButtons_c38106::before {
662 display: none;
663}
664.bar_c38106 .winButton_c38106 {
665 min-width: 32px;
666}
667.bar_c38106 .trailing_c38106 .clickable_c99c29 > svg {
668 height: 20px;
669 width: 20px;
670}
671.base__5e434 .bar_c38106 {
672 border-width: 0;
673 border-radius: 0;
674 border-color: #646464;
675 border-style: solid;
676 border-bottom-width: 1px;
677}
678.chat_f75fb0,
679.container__133bf {
680 border-top: none;
681}
682.container__9293f {
683 padding: 8px 10px;
684 height: 48px;
685 min-height: unset;
686 border: none !important;
687 box-sizing: border-box;
688}
689.container__9293f .children__9293f::after {
690 display: none;
691}
692.notice__6e2b9,
693.bd-notice {
694 background: var(--background-primary);
695 border-radius: 0;
696}
697.notice__6e2b9 .header_c5cd6a,
698.bd-notice .header_c5cd6a {
699 color: var(--header-secondary);
700}
701.notice__6e2b9 .button__6e2b9,
702.notice__6e2b9 .bd-notice-button,
703.bd-notice .button__6e2b9,
704.bd-notice .bd-notice-button {
705 border: none;
706 color: var(--interactive-hover) !important;
707 background: var(--background-modifier-hover);
708}
709.notice__6e2b9 .button__6e2b9:hover,
710.notice__6e2b9 .bd-notice-button:hover,
711.bd-notice .button__6e2b9:hover,
712.bd-notice .bd-notice-button:hover {
713 color: var(--interactive-active) !important;
714 background: var(--background-modifier-selected);
715 border-radius: 3px;
716}
717.clickable__9293f .icon__9293f {
718 color: var(--interactive-normal);
719}
720.clickable__9293f:hover .icon__9293f {
721 color: var(--interactive-hover);
722}
723body,
724#app-mount {
725 background: none !important;
726}
727.bg__960e4 {
728 background: none;
729}
730.app__160d8 {
731 background: none;
732}
733.layer__960e4 {
734 background: none;
735}
736.page_c791b2 {
737 background: none;
738}
739.app_a3002d .scrollerBase_d125d2 {
740 background: none;
741}
742.container__9293f {
743 background: none !important;
744}
745.container__551b0 {
746 background: none;
747}
748.relative__8a7fc {
749 background: none;
750}
751.container_cbd375 {
752 background: none;
753}
754.guilds__5e434 {
755 background: none;
756}
757.page__1add6 {
758 background: none;
759}
760.header__1add6 {
761 background: none;
762}
763.chat_f75fb0 {
764 background: none !important;
765}
766.chatContent_f75fb0 {
767 background: none;
768}
769.themedBackground__74017 {
770 background: none;
771}
772.searchResultsWrap_a98f3b {
773 background: none;
774}
775.searchResult__80bf8 {
776 background: none;
777}
778.container_f369db {
779 background: none;
780}
781.pageBody__41ed7 {
782 background: none;
783}
784.container_ca49a1 {
785 background: none;
786}
787.container__93db4 {
788 background: none;
789}
790.noChannelFavorites__01d5c {
791 background: none;
792}
793.channelTextArea_f75fb0 {
794 background: none;
795}
796.channelAttachmentArea_b77158 {
797 background: none;
798}
799.chatLayerWrapper__01ae2 .channelTextArea__74017 {
800 background: none;
801}
802.wrapper__44df5 {
803 background: none;
804}
805.stackedBars__74017 {
806 background: none;
807}
808.bar_d90114 {
809 background: none;
810}
811.wrapper__6c798 {
812 background: none;
813}
814.wrapper_fc8177 {
815 background: none;
816}
817.wrapper_d852db {
818 background: none;
819}
820.chatHeaderBar_a5700d {
821 background: none;
822}
823.content_f75fb0 .outer_c0bea0 {
824 background: none !important;
825}
826.callContainer_cb9592 {
827 background: none;
828}
829.callContainer_cb9592 .root_bfe55a {
830 background: none;
831}
832.wrapper_cb9592 {
833 background: none;
834}
835.container__722ff {
836 background: none;
837}
838.callContainer__722ff {
839 background: none;
840}
841.scroller__56ccd {
842 background: none;
843}
844.rowContainer__1e702 {
845 background: none;
846}
847.container__664ff {
848 background: none;
849}
850.sidebar__5e434 {
851 background: none;
852}
853.privateChannels_e6b769 {
854 background: none;
855}
856.panels__5e434 {
857 background: none;
858}
859.container_f37cb1 {
860 background: none;
861}
862.header_f37cb1 {
863 background: none;
864}
865.container__37e49 {
866 background: none;
867}
868.container_e131a9 {
869 background: none;
870}
871.activityPanel__5e434 {
872 background: none;
873}
874.container__2637a {
875 background: none;
876}
877.content_f75fb0 .inner_c0bea0 {
878 background: none;
879}
880.content_f75fb0 .footerButton__272c7 {
881 background: none;
882}
883.container__0b563 {
884 background: none !important;
885}
886.prompt__5d7c9 {
887 background: none;
888}
889.channelRow_e4503a {
890 background: none;
891}
892.emptyPage__5d7c9 {
893 background: none;
894}
895.container_c791b2 {
896 background: none;
897}
898.mainTableContainer__09a38 {
899 background: none;
900}
901.container_adb50a {
902 background: none;
903}
904.container__89463 {
905 background: none;
906}
907.contentContainer__89463 {
908 background: none;
909}
910.sidebarContainer__89463 {
911 background: none;
912}
913.container_c8ffbb {
914 background: none;
915}
916.member_c8ffbb {
917 background: none;
918}
919.scroller__6fd0e {
920 background: none;
921}
922.header__6fd0e {
923 background: none;
924}
925.container__7641b {
926 background: none;
927}
928.members_c8ffbb {
929 background: none;
930}
931.container__133bf {
932 background: none;
933}
934.tabBody__133bf {
935 background: none;
936}
937.applicationStore_f07d62 {
938 background: none;
939}
940.homeWrapperNormal__0920e {
941 background: none;
942}
943.shop__6db1d {
944 background: none;
945}
946.shop__08415 {
947 background: none;
948}
949.shopScroll__6db1d {
950 background: none;
951}
952.pageWrapper__6db1d {
953 background: none;
954}
955.page__1feb0 {
956 background: none;
957}
958.filterBar__11877 {
959 background: none;
960}
961.container__0f179 {
962 background: none;
963}
964.nowPlayingColumn__133bf {
965 background: none;
966}
967.nowPlayingColumn__133bf .container__7d20c {
968 background: none;
969}
970.nowPlayingColumn__133bf .emptyCard__7e549 {
971 background: none;
972}
973.standardSidebarView__23e6b {
974 background: none;
975}
976.sidebarRegionScroller__23e6b {
977 background: none;
978}
979.contentRegion__23e6b {
980 background: none;
981}
982.contentRegionScroller__23e6b {
983 background: none;
984}
985.page__91dc3 .titleContainer_e29cd7 {
986 background: none;
987}
988.container_d8f25b {
989 background: none;
990}
991.content_e9e3ed {
992 background: none;
993}
994.contentHeader_e9e3ed {
995 background: none;
996}
997html,
998span:not([class*="spinner"]) {
999 backface-visibility: hidden;
1000}
1001@scope (.app_a3002d) to (.guilds__5e434) {
1002 .numberBadge__463b7 {
1003 background-color: rgba(0, 0, 0, 0) !important;
1004 border-radius: 0 !important;
1005 color: var(--text-normal);
1006 box-shadow: none;
1007 }
1008 .numberBadge__463b7[style^="background-color: var(--background-feedback-notification)"] {
1009 border-bottom: 2px solid var(--red);
1010 }
1011}
1012#app-mount .focus-rings-ring {
1013 box-shadow: none;
1014 border-bottom: 3px solid var(--interactive-hover);
1015 border-radius: 0;
1016}
1017#app-mount path[fill="currentColor"] {
1018 fill: currentColor !important;
1019}
1020#app-mount .lottieIcon__5eb9b {
1021 --__lottieIconColor: var(--interactive-normal) !important ;
1022}
1023#app-mount .button__201d5,
1024#app-mount .button__9db96,
1025#app-mount .button__71c22,
1026#app-mount .button__06eda,
1027#app-mount .button_f7ecac,
1028#app-mount .button__24af7,
1029#app-mount .button_e6e74f {
1030 background: none;
1031 border: none;
1032 color: var(--interactive-normal);
1033}
1034#app-mount .button__201d5.colorWhite__201d5,
1035#app-mount .button__9db96.colorWhite__201d5,
1036#app-mount .button__71c22.colorWhite__201d5,
1037#app-mount .button__06eda.colorWhite__201d5,
1038#app-mount .button_f7ecac.colorWhite__201d5,
1039#app-mount .button__24af7.colorWhite__201d5,
1040#app-mount .button_e6e74f.colorWhite__201d5 {
1041 color: var(--interactive-active);
1042}
1043#app-mount .button__201d5.dangerous_f7ecac,
1044#app-mount .button__9db96.dangerous_f7ecac,
1045#app-mount .button__71c22.dangerous_f7ecac,
1046#app-mount .button__06eda.dangerous_f7ecac,
1047#app-mount .button_f7ecac.dangerous_f7ecac,
1048#app-mount .button__24af7.dangerous_f7ecac,
1049#app-mount .button_e6e74f.dangerous_f7ecac {
1050 color: var(--red);
1051 --__lottieIconColor: var(--red) !important ;
1052}
1053#app-mount .button__201d5.colorRed__201d5,
1054#app-mount .button__9db96.colorRed__201d5,
1055#app-mount .button__71c22.colorRed__201d5,
1056#app-mount .button__06eda.colorRed__201d5,
1057#app-mount .button_f7ecac.colorRed__201d5,
1058#app-mount .button__24af7.colorRed__201d5,
1059#app-mount .button_e6e74f.colorRed__201d5 {
1060 color: var(--red);
1061}
1062#app-mount .button__201d5.disconnect_f1ceac .controlIcon_f1ceac,
1063#app-mount .button__9db96.disconnect_f1ceac .controlIcon_f1ceac,
1064#app-mount .button__71c22.disconnect_f1ceac .controlIcon_f1ceac,
1065#app-mount .button__06eda.disconnect_f1ceac .controlIcon_f1ceac,
1066#app-mount .button_f7ecac.disconnect_f1ceac .controlIcon_f1ceac,
1067#app-mount .button__24af7.disconnect_f1ceac .controlIcon_f1ceac,
1068#app-mount .button_e6e74f.disconnect_f1ceac .controlIcon_f1ceac {
1069 color: var(--red) !important;
1070 --__lottieIconColor: var(--red) !important ;
1071}
1072#app-mount .button__201d5:hover,
1073#app-mount .button__9db96:hover,
1074#app-mount .button__71c22:hover,
1075#app-mount .button__06eda:hover,
1076#app-mount .button_f7ecac:hover,
1077#app-mount .button__24af7:hover,
1078#app-mount .button_e6e74f:hover {
1079 color: var(--interactive-hover);
1080}
1081#app-mount .button__201d5:hover .lottieIcon__5eb9b,
1082#app-mount .button__9db96:hover .lottieIcon__5eb9b,
1083#app-mount .button__71c22:hover .lottieIcon__5eb9b,
1084#app-mount .button__06eda:hover .lottieIcon__5eb9b,
1085#app-mount .button_f7ecac:hover .lottieIcon__5eb9b,
1086#app-mount .button__24af7:hover .lottieIcon__5eb9b,
1087#app-mount .button_e6e74f:hover .lottieIcon__5eb9b {
1088 --__lottieIconColor: var(--interactive-hover) !important ;
1089}
1090#app-mount .button__201d5 .closeIcon_e8b59c,
1091#app-mount .button__201d5 .controlIcon_f1ceac,
1092#app-mount .button__201d5 .addButtonIcon__29444,
1093#app-mount .button__9db96 .closeIcon_e8b59c,
1094#app-mount .button__9db96 .controlIcon_f1ceac,
1095#app-mount .button__9db96 .addButtonIcon__29444,
1096#app-mount .button__71c22 .closeIcon_e8b59c,
1097#app-mount .button__71c22 .controlIcon_f1ceac,
1098#app-mount .button__71c22 .addButtonIcon__29444,
1099#app-mount .button__06eda .closeIcon_e8b59c,
1100#app-mount .button__06eda .controlIcon_f1ceac,
1101#app-mount .button__06eda .addButtonIcon__29444,
1102#app-mount .button_f7ecac .closeIcon_e8b59c,
1103#app-mount .button_f7ecac .controlIcon_f1ceac,
1104#app-mount .button_f7ecac .addButtonIcon__29444,
1105#app-mount .button__24af7 .closeIcon_e8b59c,
1106#app-mount .button__24af7 .controlIcon_f1ceac,
1107#app-mount .button__24af7 .addButtonIcon__29444,
1108#app-mount .button_e6e74f .closeIcon_e8b59c,
1109#app-mount .button_e6e74f .controlIcon_f1ceac,
1110#app-mount .button_e6e74f .addButtonIcon__29444 {
1111 color: currentColor;
1112}
1113#app-mount .searchClearHistory__56fec,
1114#app-mount .searchLearnMore__56fec,
1115#app-mount .closeIcon__972a0,
1116#app-mount .embedSuppressButton__623de,
1117#app-mount .closeIcon__6e2b9 {
1118 color: var(--interactive-normal);
1119}
1120#app-mount .searchClearHistory__56fec:hover,
1121#app-mount .searchLearnMore__56fec:hover,
1122#app-mount .closeIcon__972a0:hover,
1123#app-mount .embedSuppressButton__623de:hover,
1124#app-mount .closeIcon__6e2b9:hover {
1125 color: var(--interactive-hover);
1126}
1127#app-mount .button_a22cb0:not(.icon-only_a22cb0) {
1128 border: none;
1129 border-radius: 3px;
1130 color: var(--interactive-hover);
1131 background: var(--background-modifier-hover);
1132}
1133#app-mount .button_a22cb0:not(.icon-only_a22cb0):hover {
1134 color: var(--interactive-active);
1135 background: var(--background-modifier-selected);
1136}
1137#app-mount .button_a22cb0:not(.icon-only_a22cb0).secondary_a22cb0 {
1138 background: none;
1139 color: var(--interactive-normal);
1140}
1141#app-mount .button_a22cb0:not(.icon-only_a22cb0).secondary_a22cb0:hover {
1142 color: var(--interactive-hover);
1143}
1144#app-mount .button_a22cb0:not(.icon-only_a22cb0).shinyButton_a22cb0 {
1145 color: var(--interactive-active) !important;
1146}
1147#app-mount
1148 .button_a22cb0:not(.icon-only_a22cb0).shinyButton_a22cb0
1149 .subButtonText_ac86f6 {
1150 color: var(--interactive-active);
1151}
1152#app-mount .button_a22cb0:not(.icon-only_a22cb0).critical-secondary_a22cb0,
1153#app-mount .button_a22cb0:not(.icon-only_a22cb0).critical-primary_a22cb0 {
1154 color: var(--red);
1155}
1156#app-mount
1157 .button_a22cb0:not(.icon-only_a22cb0).critical-secondary_a22cb0:hover,
1158#app-mount .button_a22cb0:not(.icon-only_a22cb0).critical-primary_a22cb0:hover {
1159 color: var(--status-warning-text);
1160 background: var(--red);
1161}
1162#app-mount .botTag__82f07 {
1163 color: var(--text-normal);
1164 background-color: var(--background-secondary);
1165}
1166#app-mount .content_f75fb0,
1167#app-mount .tabBody__133bf,
1168#app-mount .subtitleContainer_f75fb0 {
1169 border-left: none;
1170}
1171#app-mount .settingsTabBar_dc2e0e,
1172#app-mount .tabBar__06f80,
1173#app-mount .tabBar__133bf,
1174#app-mount .tabBar_b6a799,
1175#app-mount .tabBar__0b563,
1176#app-mount .tabBar__81b3e,
1177#app-mount .nav__409aa,
1178#app-mount .side_aa8da2 {
1179 border: none;
1180}
1181#app-mount .settingsTabBar_dc2e0e .item_caf372,
1182#app-mount .settingsTabBar_dc2e0e .item_aa8da2,
1183#app-mount .settingsTabBar_dc2e0e .settingsTabBarItem_dc2e0e,
1184#app-mount .tabBar__06f80 .item_caf372,
1185#app-mount .tabBar__06f80 .item_aa8da2,
1186#app-mount .tabBar__06f80 .settingsTabBarItem_dc2e0e,
1187#app-mount .tabBar__133bf .item_caf372,
1188#app-mount .tabBar__133bf .item_aa8da2,
1189#app-mount .tabBar__133bf .settingsTabBarItem_dc2e0e,
1190#app-mount .tabBar_b6a799 .item_caf372,
1191#app-mount .tabBar_b6a799 .item_aa8da2,
1192#app-mount .tabBar_b6a799 .settingsTabBarItem_dc2e0e,
1193#app-mount .tabBar__0b563 .item_caf372,
1194#app-mount .tabBar__0b563 .item_aa8da2,
1195#app-mount .tabBar__0b563 .settingsTabBarItem_dc2e0e,
1196#app-mount .tabBar__81b3e .item_caf372,
1197#app-mount .tabBar__81b3e .item_aa8da2,
1198#app-mount .tabBar__81b3e .settingsTabBarItem_dc2e0e,
1199#app-mount .nav__409aa .item_caf372,
1200#app-mount .nav__409aa .item_aa8da2,
1201#app-mount .nav__409aa .settingsTabBarItem_dc2e0e,
1202#app-mount .side_aa8da2 .item_caf372,
1203#app-mount .side_aa8da2 .item_aa8da2,
1204#app-mount .side_aa8da2 .settingsTabBarItem_dc2e0e {
1205 background: none !important;
1206 border: none;
1207 color: var(--interactive-normal);
1208}
1209#app-mount .settingsTabBar_dc2e0e .item_caf372::after,
1210#app-mount .settingsTabBar_dc2e0e .item_aa8da2::after,
1211#app-mount .settingsTabBar_dc2e0e .settingsTabBarItem_dc2e0e::after,
1212#app-mount .tabBar__06f80 .item_caf372::after,
1213#app-mount .tabBar__06f80 .item_aa8da2::after,
1214#app-mount .tabBar__06f80 .settingsTabBarItem_dc2e0e::after,
1215#app-mount .tabBar__133bf .item_caf372::after,
1216#app-mount .tabBar__133bf .item_aa8da2::after,
1217#app-mount .tabBar__133bf .settingsTabBarItem_dc2e0e::after,
1218#app-mount .tabBar_b6a799 .item_caf372::after,
1219#app-mount .tabBar_b6a799 .item_aa8da2::after,
1220#app-mount .tabBar_b6a799 .settingsTabBarItem_dc2e0e::after,
1221#app-mount .tabBar__0b563 .item_caf372::after,
1222#app-mount .tabBar__0b563 .item_aa8da2::after,
1223#app-mount .tabBar__0b563 .settingsTabBarItem_dc2e0e::after,
1224#app-mount .tabBar__81b3e .item_caf372::after,
1225#app-mount .tabBar__81b3e .item_aa8da2::after,
1226#app-mount .tabBar__81b3e .settingsTabBarItem_dc2e0e::after,
1227#app-mount .nav__409aa .item_caf372::after,
1228#app-mount .nav__409aa .item_aa8da2::after,
1229#app-mount .nav__409aa .settingsTabBarItem_dc2e0e::after,
1230#app-mount .side_aa8da2 .item_caf372::after,
1231#app-mount .side_aa8da2 .item_aa8da2::after,
1232#app-mount .side_aa8da2 .settingsTabBarItem_dc2e0e::after {
1233 background: rgba(0, 0, 0, 0);
1234}
1235#app-mount .settingsTabBar_dc2e0e .item_caf372:hover,
1236#app-mount .settingsTabBar_dc2e0e .item_aa8da2:hover,
1237#app-mount .settingsTabBar_dc2e0e .settingsTabBarItem_dc2e0e:hover,
1238#app-mount .tabBar__06f80 .item_caf372:hover,
1239#app-mount .tabBar__06f80 .item_aa8da2:hover,
1240#app-mount .tabBar__06f80 .settingsTabBarItem_dc2e0e:hover,
1241#app-mount .tabBar__133bf .item_caf372:hover,
1242#app-mount .tabBar__133bf .item_aa8da2:hover,
1243#app-mount .tabBar__133bf .settingsTabBarItem_dc2e0e:hover,
1244#app-mount .tabBar_b6a799 .item_caf372:hover,
1245#app-mount .tabBar_b6a799 .item_aa8da2:hover,
1246#app-mount .tabBar_b6a799 .settingsTabBarItem_dc2e0e:hover,
1247#app-mount .tabBar__0b563 .item_caf372:hover,
1248#app-mount .tabBar__0b563 .item_aa8da2:hover,
1249#app-mount .tabBar__0b563 .settingsTabBarItem_dc2e0e:hover,
1250#app-mount .tabBar__81b3e .item_caf372:hover,
1251#app-mount .tabBar__81b3e .item_aa8da2:hover,
1252#app-mount .tabBar__81b3e .settingsTabBarItem_dc2e0e:hover,
1253#app-mount .nav__409aa .item_caf372:hover,
1254#app-mount .nav__409aa .item_aa8da2:hover,
1255#app-mount .nav__409aa .settingsTabBarItem_dc2e0e:hover,
1256#app-mount .side_aa8da2 .item_caf372:hover,
1257#app-mount .side_aa8da2 .item_aa8da2:hover,
1258#app-mount .side_aa8da2 .settingsTabBarItem_dc2e0e:hover {
1259 color: var(--interactive-hover);
1260}
1261#app-mount .settingsTabBar_dc2e0e .item_caf372.selected_aa8da2,
1262#app-mount .settingsTabBar_dc2e0e .item_caf372 .active_caf372,
1263#app-mount .settingsTabBar_dc2e0e .item_aa8da2.selected_aa8da2,
1264#app-mount .settingsTabBar_dc2e0e .item_aa8da2 .active_caf372,
1265#app-mount .settingsTabBar_dc2e0e .settingsTabBarItem_dc2e0e.selected_aa8da2,
1266#app-mount .settingsTabBar_dc2e0e .settingsTabBarItem_dc2e0e .active_caf372,
1267#app-mount .tabBar__06f80 .item_caf372.selected_aa8da2,
1268#app-mount .tabBar__06f80 .item_caf372 .active_caf372,
1269#app-mount .tabBar__06f80 .item_aa8da2.selected_aa8da2,
1270#app-mount .tabBar__06f80 .item_aa8da2 .active_caf372,
1271#app-mount .tabBar__06f80 .settingsTabBarItem_dc2e0e.selected_aa8da2,
1272#app-mount .tabBar__06f80 .settingsTabBarItem_dc2e0e .active_caf372,
1273#app-mount .tabBar__133bf .item_caf372.selected_aa8da2,
1274#app-mount .tabBar__133bf .item_caf372 .active_caf372,
1275#app-mount .tabBar__133bf .item_aa8da2.selected_aa8da2,
1276#app-mount .tabBar__133bf .item_aa8da2 .active_caf372,
1277#app-mount .tabBar__133bf .settingsTabBarItem_dc2e0e.selected_aa8da2,
1278#app-mount .tabBar__133bf .settingsTabBarItem_dc2e0e .active_caf372,
1279#app-mount .tabBar_b6a799 .item_caf372.selected_aa8da2,
1280#app-mount .tabBar_b6a799 .item_caf372 .active_caf372,
1281#app-mount .tabBar_b6a799 .item_aa8da2.selected_aa8da2,
1282#app-mount .tabBar_b6a799 .item_aa8da2 .active_caf372,
1283#app-mount .tabBar_b6a799 .settingsTabBarItem_dc2e0e.selected_aa8da2,
1284#app-mount .tabBar_b6a799 .settingsTabBarItem_dc2e0e .active_caf372,
1285#app-mount .tabBar__0b563 .item_caf372.selected_aa8da2,
1286#app-mount .tabBar__0b563 .item_caf372 .active_caf372,
1287#app-mount .tabBar__0b563 .item_aa8da2.selected_aa8da2,
1288#app-mount .tabBar__0b563 .item_aa8da2 .active_caf372,
1289#app-mount .tabBar__0b563 .settingsTabBarItem_dc2e0e.selected_aa8da2,
1290#app-mount .tabBar__0b563 .settingsTabBarItem_dc2e0e .active_caf372,
1291#app-mount .tabBar__81b3e .item_caf372.selected_aa8da2,
1292#app-mount .tabBar__81b3e .item_caf372 .active_caf372,
1293#app-mount .tabBar__81b3e .item_aa8da2.selected_aa8da2,
1294#app-mount .tabBar__81b3e .item_aa8da2 .active_caf372,
1295#app-mount .tabBar__81b3e .settingsTabBarItem_dc2e0e.selected_aa8da2,
1296#app-mount .tabBar__81b3e .settingsTabBarItem_dc2e0e .active_caf372,
1297#app-mount .nav__409aa .item_caf372.selected_aa8da2,
1298#app-mount .nav__409aa .item_caf372 .active_caf372,
1299#app-mount .nav__409aa .item_aa8da2.selected_aa8da2,
1300#app-mount .nav__409aa .item_aa8da2 .active_caf372,
1301#app-mount .nav__409aa .settingsTabBarItem_dc2e0e.selected_aa8da2,
1302#app-mount .nav__409aa .settingsTabBarItem_dc2e0e .active_caf372,
1303#app-mount .side_aa8da2 .item_caf372.selected_aa8da2,
1304#app-mount .side_aa8da2 .item_caf372 .active_caf372,
1305#app-mount .side_aa8da2 .item_aa8da2.selected_aa8da2,
1306#app-mount .side_aa8da2 .item_aa8da2 .active_caf372,
1307#app-mount .side_aa8da2 .settingsTabBarItem_dc2e0e.selected_aa8da2,
1308#app-mount .side_aa8da2 .settingsTabBarItem_dc2e0e .active_caf372 {
1309 color: var(--interactive-active);
1310}
1311#app-mount .settingsTabBar_dc2e0e .item_caf372.selected_aa8da2::after,
1312#app-mount .settingsTabBar_dc2e0e .item_caf372 .active_caf372::after,
1313#app-mount .settingsTabBar_dc2e0e .item_aa8da2.selected_aa8da2::after,
1314#app-mount .settingsTabBar_dc2e0e .item_aa8da2 .active_caf372::after,
1315#app-mount
1316 .settingsTabBar_dc2e0e
1317 .settingsTabBarItem_dc2e0e.selected_aa8da2::after,
1318#app-mount
1319 .settingsTabBar_dc2e0e
1320 .settingsTabBarItem_dc2e0e
1321 .active_caf372::after,
1322#app-mount .tabBar__06f80 .item_caf372.selected_aa8da2::after,
1323#app-mount .tabBar__06f80 .item_caf372 .active_caf372::after,
1324#app-mount .tabBar__06f80 .item_aa8da2.selected_aa8da2::after,
1325#app-mount .tabBar__06f80 .item_aa8da2 .active_caf372::after,
1326#app-mount .tabBar__06f80 .settingsTabBarItem_dc2e0e.selected_aa8da2::after,
1327#app-mount .tabBar__06f80 .settingsTabBarItem_dc2e0e .active_caf372::after,
1328#app-mount .tabBar__133bf .item_caf372.selected_aa8da2::after,
1329#app-mount .tabBar__133bf .item_caf372 .active_caf372::after,
1330#app-mount .tabBar__133bf .item_aa8da2.selected_aa8da2::after,
1331#app-mount .tabBar__133bf .item_aa8da2 .active_caf372::after,
1332#app-mount .tabBar__133bf .settingsTabBarItem_dc2e0e.selected_aa8da2::after,
1333#app-mount .tabBar__133bf .settingsTabBarItem_dc2e0e .active_caf372::after,
1334#app-mount .tabBar_b6a799 .item_caf372.selected_aa8da2::after,
1335#app-mount .tabBar_b6a799 .item_caf372 .active_caf372::after,
1336#app-mount .tabBar_b6a799 .item_aa8da2.selected_aa8da2::after,
1337#app-mount .tabBar_b6a799 .item_aa8da2 .active_caf372::after,
1338#app-mount .tabBar_b6a799 .settingsTabBarItem_dc2e0e.selected_aa8da2::after,
1339#app-mount .tabBar_b6a799 .settingsTabBarItem_dc2e0e .active_caf372::after,
1340#app-mount .tabBar__0b563 .item_caf372.selected_aa8da2::after,
1341#app-mount .tabBar__0b563 .item_caf372 .active_caf372::after,
1342#app-mount .tabBar__0b563 .item_aa8da2.selected_aa8da2::after,
1343#app-mount .tabBar__0b563 .item_aa8da2 .active_caf372::after,
1344#app-mount .tabBar__0b563 .settingsTabBarItem_dc2e0e.selected_aa8da2::after,
1345#app-mount .tabBar__0b563 .settingsTabBarItem_dc2e0e .active_caf372::after,
1346#app-mount .tabBar__81b3e .item_caf372.selected_aa8da2::after,
1347#app-mount .tabBar__81b3e .item_caf372 .active_caf372::after,
1348#app-mount .tabBar__81b3e .item_aa8da2.selected_aa8da2::after,
1349#app-mount .tabBar__81b3e .item_aa8da2 .active_caf372::after,
1350#app-mount .tabBar__81b3e .settingsTabBarItem_dc2e0e.selected_aa8da2::after,
1351#app-mount .tabBar__81b3e .settingsTabBarItem_dc2e0e .active_caf372::after,
1352#app-mount .nav__409aa .item_caf372.selected_aa8da2::after,
1353#app-mount .nav__409aa .item_caf372 .active_caf372::after,
1354#app-mount .nav__409aa .item_aa8da2.selected_aa8da2::after,
1355#app-mount .nav__409aa .item_aa8da2 .active_caf372::after,
1356#app-mount .nav__409aa .settingsTabBarItem_dc2e0e.selected_aa8da2::after,
1357#app-mount .nav__409aa .settingsTabBarItem_dc2e0e .active_caf372::after,
1358#app-mount .side_aa8da2 .item_caf372.selected_aa8da2::after,
1359#app-mount .side_aa8da2 .item_caf372 .active_caf372::after,
1360#app-mount .side_aa8da2 .item_aa8da2.selected_aa8da2::after,
1361#app-mount .side_aa8da2 .item_aa8da2 .active_caf372::after,
1362#app-mount .side_aa8da2 .settingsTabBarItem_dc2e0e.selected_aa8da2::after,
1363#app-mount .side_aa8da2 .settingsTabBarItem_dc2e0e .active_caf372::after {
1364 background: var(--interactive-hover);
1365}
1366#app-mount .app_a3002d .scrollerBase_d125d2::-webkit-scrollbar,
1367#app-mount .app_a3002d .scrollerBase_c8b5c7::-webkit-scrollbar {
1368 width: 13px;
1369}
1370#app-mount .app_a3002d .scrollerBase_d125d2::-webkit-scrollbar-thumb,
1371#app-mount .app_a3002d .scrollerBase_c8b5c7::-webkit-scrollbar-thumb {
1372 border: 2px solid rgba(0, 0, 0, 0);
1373 border-radius: 7px;
1374 background-color: var(--scrollbar-thumb);
1375 background-clip: padding-box;
1376 visibility: visible;
1377}
1378#app-mount .app_a3002d .scrollerBase_d125d2::-webkit-scrollbar-track,
1379#app-mount .app_a3002d .scrollerBase_c8b5c7::-webkit-scrollbar-track {
1380 background-color: rgba(0, 0, 0, 0);
1381}
1382#app-mount .app_a3002d .scrollerBase_d125d2:hover::-webkit-scrollbar-thumb,
1383#app-mount .app_a3002d .scrollerBase_c8b5c7:hover::-webkit-scrollbar-thumb {
1384 background-color: var(--scrollbar-thumb-hover);
1385}
1386.title_f75fb0 .toolbar__9293f {
1387 flex-shrink: 0;
1388 max-width: 100%;
1389}
1390.search__49676 {
1391 overflow: hidden;
1392 margin: 0;
1393 width: auto;
1394 min-width: unset;
1395 max-width: unset;
1396 flex-basis: auto;
1397 order: calc(var(--alignSearchLeft, 0) * -1);
1398}
1399.searchBar_c322aa {
1400 padding: 0;
1401 transition: none !important;
1402 border-radius: 0;
1403}
1404@keyframes expandSearchWidth {
1405 from {
1406 min-width: 32px;
1407 }
1408 to {
1409 min-width: 244px;
1410 }
1411}
1412.searchBar_c322aa .iconLayout__0c4c4 {
1413 height: 100%;
1414 width: 30px;
1415 min-width: 30px;
1416 max-width: 30px;
1417 margin: 0;
1418 cursor: pointer;
1419 --interactive-text-default: var(--interactive-normal);
1420}
1421.searchBar_c322aa .iconLayout__0c4c4:hover .icon__0c4c4 {
1422 color: var(--interactive-hover);
1423}
1424.searchBar_c322aa {
1425 cursor: default;
1426 width: 32px;
1427 background: none;
1428 border-color: rgba(0, 0, 0, 0);
1429}
1430.searchBar_c322aa .editor__25bec {
1431 padding: 0;
1432}
1433.searchBar_c322aa .icon__0c4c4 {
1434 stroke: currentcolor;
1435}
1436.chat_f75fb0:has(> .content_f75fb0 > .searchResultsWrap_a98f3b)
1437 .searchBar_c322aa {
1438 animation-duration: 0s !important;
1439}
1440.open_c322aa .searchBar_c322aa {
1441 cursor: pointer;
1442 width: auto;
1443 animation: 0.12s ease-out normal forwards expandSearchWidth;
1444 overflow: visible;
1445 background: none;
1446 border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) var(--header-secondary)
1447 rgba(0, 0, 0, 0);
1448}
1449.open_c322aa
1450 .searchBar_c322aa:hover:not(:has(.editor__25bec:hover))
1451 .icon__0c4c4 {
1452 color: var(--interactive-hover);
1453}
1454.open_c322aa .editor__25bec {
1455 cursor: text;
1456 padding: 8px var(--space-4) 8px 8px !important;
1457 margin-left: -2px;
1458 box-sizing: content-box;
1459}
1460.open_c322aa .iconLayout__0c4c4:not(.pointer__0c4c4) {
1461 pointer-events: none;
1462}
1463.open_c322aa .icon__0c4c4 {
1464 stroke: none;
1465}
1466@container style(--hide-chatBtn-nitro: 1) {
1467 .buttons__74017
1468 .container__5287f:has(
1469 path[d^=" M7,-6 C7,-7.6570000648498535 5.6570000648498535,-9 4,-9 C4,-9 3.9110000133514404,-9"]
1470 ) {
1471 display: none;
1472 }
1473}
1474@container style(--hide-chatBtn-gif: 1) {
1475 .buttons__74017
1476 .expression-picker-chat-input-button:has(
1477 path[d^=" M-7,-10 C-8.656999588012695,-10 -10,-8.656999588012695 -10"]
1478 ) {
1479 display: none;
1480 }
1481}
1482@container style(--hide-chatBtn-sticker: 1) {
1483 .buttons__74017
1484 .expression-picker-chat-input-button:has(
1485 path[d^=" M-6,-10 C-6,-10 6,-10 6,-10 C8.208999633789062,-10 10"]
1486 ) {
1487 display: none;
1488 }
1489}
1490@container style(--hide-chatBtn-emoji: 1) {
1491 .buttons__74017
1492 .expression-picker-chat-input-button:has(.emojiButton__04eed) {
1493 display: none;
1494 }
1495}
1496@container style(--hide-chatBtn-apps: 1) {
1497 .buttons__74017 .app-launcher-entrypoint {
1498 display: none;
1499 }
1500}
1501@container style(--hide-messageBtnEmojis: 1 ) OR style(--hide-messageBtnEmojis: 2 ) {
1502 .buttonsInner__5126c > span:has(.emoji__040f0) {
1503 order: -1;
1504 }
1505}
1506@container style(--hide-messageBtnEmojis: 1 ) {
1507 .buttons__5126c:not(
1508 :has(
1509 path[d^="M18 17h-1.24a3 3 0 1 1 .26 4.25 1 1 0 1 0-1.33 1.5A4.98 4.98 0 0 0 24 19a5 "]
1510 ),
1511 :hover
1512 )
1513 .separator_f84418:not(.button_f7ecac ~ .separator_f84418),
1514 .buttons__5126c:not(
1515 :has(
1516 path[d^="M18 17h-1.24a3 3 0 1 1 .26 4.25 1 1 0 1 0-1.33 1.5A4.98 4.98 0 0 0 24 19a5 "]
1517 ),
1518 :hover
1519 )
1520 .button_f7ecac:has(.emoji) {
1521 display: none;
1522 }
1523}
1524@container style(--hide-messageBtnEmojis: 2 ) {
1525 .buttons__5126c .separator_f84418:not(.button_f7ecac ~ .separator_f84418),
1526 .buttons__5126c .button_f7ecac:has(.emoji) {
1527 display: none;
1528 }
1529}
1530@container style(--reduce-messageBtns: 1 ) or style(--reduce-messageBtns: 2 ) {
1531 .buttonContainer_c19a55 .buttons__5126c {
1532 top: -14px;
1533 }
1534 .buttonsInner__5126c {
1535 grid-template-rows: 28px;
1536 }
1537}
1538@container style(--reduce-messageBtns: 1 ) {
1539 .buttons__5126c:not(
1540 :has(
1541 path[d^="M18 17h-1.24a3 3 0 1 1 .26 4.25 1 1 0 1 0-1.33 1.5A4.98 4.98 0 0 0 24 19a5 "]
1542 ),
1543 :hover
1544 )
1545 .buttonsInner__5126c
1546 > .button_f7ecac,
1547 .buttons__5126c:not(
1548 :has(
1549 path[d^="M18 17h-1.24a3 3 0 1 1 .26 4.25 1 1 0 1 0-1.33 1.5A4.98 4.98 0 0 0 24 19a5 "]
1550 ),
1551 :hover
1552 )
1553 .buttonsInner__5126c
1554 > .separator_f84418,
1555 .buttons__5126c:not(
1556 :has(
1557 path[d^="M18 17h-1.24a3 3 0 1 1 .26 4.25 1 1 0 1 0-1.33 1.5A4.98 4.98 0 0 0 24 19a5 "]
1558 ),
1559 :hover
1560 )
1561 .buttonsInner__5126c
1562 > span:nth-last-child(n + 3)
1563 .button_f7ecac {
1564 display: none !important;
1565 }
1566 .buttons__5126c:not(
1567 :has(
1568 path[d^="M18 17h-1.24a3 3 0 1 1 .26 4.25 1 1 0 1 0-1.33 1.5A4.98 4.98 0 0 0 24 19a5 "]
1569 ),
1570 :hover
1571 )
1572 .button_f7ecac {
1573 color: var(--interactive-hover) !important;
1574 }
1575}
1576@container style(--reduce-messageBtns: 2 ) {
1577 .buttons__5126c .buttonsInner__5126c > .button_f7ecac,
1578 .buttons__5126c .buttonsInner__5126c > .separator_f84418,
1579 .buttons__5126c
1580 .buttonsInner__5126c
1581 > span:nth-last-child(n + 3)
1582 .button_f7ecac {
1583 display: none !important;
1584 }
1585 .buttons__5126c:not(:hover) .button_f7ecac {
1586 color: var(--interactive-hover) !important;
1587 }
1588}
1589@container style(--reduce-highlightBackground: 1 ) {
1590 .message__5126c {
1591 background: none;
1592 }
1593 .message__5126c:before {
1594 display: none;
1595 }
1596 .message__5126c .contents_c19a55 .messageContent_c19a55 {
1597 padding-left: 0;
1598 margin-left: 0;
1599 }
1600 .message__5126c.mentioned__5126c .contents_c19a55 .messageContent_c19a55 {
1601 padding-left: 6px;
1602 background: var(--message-mentioned-background-default);
1603 border-left: solid 2px var(--icon-feedback-warning);
1604 }
1605 .message__5126c.replying__5126c .contents_c19a55 .messageContent_c19a55 {
1606 padding-left: 6px;
1607 background: var(--message-highlight-background-default);
1608 border-left: solid 2px var(--brand-500);
1609 }
1610 .message__5126c.ephemeral__5126c .contents_c19a55 .messageContent_c19a55 {
1611 padding-left: 6px;
1612 background: var(--brand-05a);
1613 border-left: solid 2px var(--brand-500);
1614 }
1615}
1616@container style(--hide-messageHover: 1 ) {
1617 @container not style(--reduce-highlightBackground: 1 ) {
1618 .message__5126c:not(
1619 :has(.buttons__5126c:hover),
1620 :has(
1621 path[d^="M18 17h-1.24a3 3 0 1 1 .26 4.25 1 1 0 1 0-1.33 1.5A4.98 4.98 0 0 0 24 19a5 "]
1622 )
1623 ) {
1624 background: none !important;
1625 }
1626 .message__5126c:not(
1627 :has(.buttons__5126c:hover),
1628 :has(
1629 path[d^="M18 17h-1.24a3 3 0 1 1 .26 4.25 1 1 0 1 0-1.33 1.5A4.98 4.98 0 0 0 24 19a5 "]
1630 )
1631 ).mentioned__5126c {
1632 background: var(--message-mentioned-background-default) !important;
1633 }
1634 .message__5126c:not(
1635 :has(.buttons__5126c:hover),
1636 :has(
1637 path[d^="M18 17h-1.24a3 3 0 1 1 .26 4.25 1 1 0 1 0-1.33 1.5A4.98 4.98 0 0 0 24 19a5 "]
1638 )
1639 ).replying__5126c {
1640 background: var(--message-highlight-background-default) !important;
1641 }
1642 .message__5126c:not(
1643 :has(.buttons__5126c:hover),
1644 :has(
1645 path[d^="M18 17h-1.24a3 3 0 1 1 .26 4.25 1 1 0 1 0-1.33 1.5A4.98 4.98 0 0 0 24 19a5 "]
1646 )
1647 ).ephemeral__5126c {
1648 background: var(--brand-05a) !important;
1649 }
1650 }
1651}
1652@container style(--hide-messageHover: 1 ) and style(--reduce-highlightBackground: 1 ) {
1653 .message__5126c:not(
1654 :has(.buttons__5126c:hover),
1655 :has(
1656 path[d^="M18 17h-1.24a3 3 0 1 1 .26 4.25 1 1 0 1 0-1.33 1.5A4.98 4.98 0 0 0 24 19a5 "]
1657 )
1658 ) {
1659 background: none !important;
1660 }
1661}
1662@container style(--hide-messageHover: 2 ) {
1663 @container not style(--reduce-highlightBackground: 1 ) {
1664 .message__5126c {
1665 background: none !important;
1666 }
1667 .message__5126c.mentioned__5126c {
1668 background: var(--message-mentioned-background-default) !important;
1669 }
1670 .message__5126c.replying__5126c {
1671 background: var(--message-highlight-background-default) !important;
1672 }
1673 .message__5126c.ephemeral__5126c {
1674 background: var(--brand-05a) !important;
1675 }
1676 }
1677}
1678@container style(--hide-messageHover: 2 ) and style(--reduce-highlightBackground: 1 ) {
1679 .message__5126c {
1680 background: none !important;
1681 }
1682}
1683.container_f369db .header_f369db {
1684 background: var(--background-modifier-accent);
1685 border: none;
1686}
1687.container_f369db .header_f369db.headerWithMatchingPosts_f369db {
1688 background: var(--background-modifier-selected);
1689 border-radius: 0;
1690}
1691.container_f369db .header_f369db .submitButton_d9be46 {
1692 background: none !important;
1693}
1694.container_f369db .matchingPostsRow_f369db {
1695 background: var(--background-modifier-selected);
1696 border: none;
1697}
1698.container_f369db .container_ca49a1 {
1699 border: none;
1700}
1701.container_f369db .container_ca49a1 .descriptionContainer_ca49a1 {
1702 background: none;
1703}
1704.container_f369db
1705 .container_ca49a1
1706 .descriptionContainer_ca49a1:has(.showMore_ca49a1)
1707 .guidelines_ca49a1 {
1708 margin-bottom: 10px;
1709 mask: linear-gradient(
1710 to bottom,
1711 transparent,
1712 #000 0px,
1713 #000 calc(100% - 20px),
1714 transparent
1715 );
1716 -webkit-mask: linear-gradient(
1717 to bottom,
1718 transparent,
1719 #000 0px,
1720 #000 calc(100% - 20px),
1721 transparent
1722 );
1723}
1724.container_f369db .container_ca49a1 .gradient_ca49a1 {
1725 display: none;
1726}
1727.container_f369db .container_ca49a1 .linkContainer_ca49a1 {
1728 background: none;
1729}
1730.container_f369db .container_ca49a1 .showMoreLink_ca49a1 {
1731 padding: 4px 16px;
1732}
1733.container_f369db .tagsContainer_f369db .button__201d5,
1734.container_f369db .tagsContainer_f369db .tag_f369db {
1735 background: var(--background-modifier-accent);
1736 border-radius: 24px !important;
1737}
1738.container_f369db .tagsContainer_f369db .button__201d5:hover,
1739.container_f369db .tagsContainer_f369db .tag_f369db:hover {
1740 background: var(--background-modifier-selected);
1741}
1742.container_f369db
1743 .tagsContainer_f369db
1744 .button__201d5:hover
1745 .sortDropdownText_f369db,
1746.container_f369db
1747 .tagsContainer_f369db
1748 .button__201d5:hover
1749 .defaultColor__4bd52,
1750.container_f369db .tagsContainer_f369db .button__201d5:hover .contents__201d5,
1751.container_f369db
1752 .tagsContainer_f369db
1753 .tag_f369db:hover
1754 .sortDropdownText_f369db,
1755.container_f369db .tagsContainer_f369db .tag_f369db:hover .defaultColor__4bd52,
1756.container_f369db .tagsContainer_f369db .tag_f369db:hover .contents__201d5 {
1757 color: var(--interactive-active) !important;
1758}
1759.container_f369db .tagsContainer_f369db .sortDropdownText_f369db,
1760.container_f369db .tagsContainer_f369db .defaultColor__4bd52,
1761.container_f369db .tagsContainer_f369db .contents__201d5 {
1762 color: var(--text-normal) !important;
1763}
1764.container_f369db .container_faa96b,
1765.container_f369db .container__9a337 {
1766 border: none;
1767 transform: none;
1768 box-shadow: none;
1769 transition: none;
1770 background: var(--background-modifier-accent);
1771}
1772.container_f369db .container_faa96b:hover,
1773.container_f369db .container__9a337:hover {
1774 background: var(--background-modifier-hover);
1775 border-radius: 3px;
1776}
1777.container_f369db .pill_a2c9e8 {
1778 background: var(--background-modifier-accent);
1779 border: none;
1780 box-shadow: none;
1781}
1782.container_f369db .contentPreview__9a337 {
1783 background: none;
1784 border: none;
1785}
1786.container_f369db .contentPreview__9a337 .content__9a337 {
1787 height: calc(100% - 27px);
1788 mask: linear-gradient(
1789 to bottom,
1790 transparent,
1791 #000 0px,
1792 #000 calc(100% - 10px),
1793 transparent
1794 );
1795 -webkit-mask: linear-gradient(
1796 to bottom,
1797 transparent,
1798 #000 0px,
1799 #000 calc(100% - 10px),
1800 transparent
1801 );
1802}
1803.container_f369db .textContentFooter__9a337 {
1804 background: none;
1805 padding: 0;
1806 margin: 0;
1807}
1808.container_f369db .textContentFooter__9a337 .tags__08166 {
1809 margin-bottom: 0;
1810}
1811.container_f369db .tagsRow__9a337 .pill_a2c9e8 {
1812 background: var(--background-tertiary);
1813}
1814.container_f369db .icon__93db4 {
1815 background: none;
1816}
1817.threadSidebarOpen_f75fb0 {
1818 border: none !important;
1819}
1820.threadSidebarOpen_f75fb0::after {
1821 content: "";
1822 position: absolute;
1823 top: 0;
1824 right: -5px;
1825 bottom: 0;
1826 left: unset;
1827 background: var(--background-modifier-accent);
1828 width: 1px;
1829 height: 100%;
1830}
1831.channelChatWrapper_cb9592 {
1832 background: none;
1833}
1834.chatContent_f75fb0 .container__34c2c {
1835 margin: 0px 2px 0 15px;
1836 padding: 4px 10px;
1837 background: var(--background-modifier-accent) !important;
1838 border: none;
1839 border-radius: 5px;
1840 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
1841 --control-secondary-text-default: var(--interactive-normal);
1842}
1843.chatContent_f75fb0 .container__34c2c .addReactButton__34c2c,
1844.chatContent_f75fb0 .container__34c2c .buttonInner__34c2c {
1845 background: none;
1846}
1847.chatContent_f75fb0 .container__34c2c.header__34c2c {
1848 background: var(--background-secondary-alt) !important;
1849}
1850.chatContent_f75fb0 .divider_ee23ac {
1851 visibility: hidden;
1852}
1853.chatLayerWrapper__01ae2 {
1854 width: 100%;
1855 pointer-events: none;
1856}
1857.chatLayerWrapper__01ae2 .resizeHandle__01ae2 {
1858 background: none;
1859 position: relative;
1860 pointer-events: auto;
1861 width: 5px;
1862}
1863.chatLayerWrapper__01ae2 .resizeHandle__01ae2::after {
1864 content: "";
1865 position: absolute;
1866 display: block;
1867 top: 0;
1868 bottom: 0;
1869 left: 2px;
1870 background: var(--background-modifier-accent);
1871 width: 1px;
1872}
1873.chatLayerWrapper__01ae2 .resizeHandle__01ae2:hover,
1874.chatLayerWrapper__01ae2 .resizeHandle__01ae2:active {
1875 background: var(--background-mod-strong);
1876}
1877.chatLayerWrapper__01ae2 .resizeHandle__01ae2:hover::after,
1878.chatLayerWrapper__01ae2 .resizeHandle__01ae2:active::after {
1879 background: none;
1880}
1881.container__01ae2 {
1882 pointer-events: auto;
1883 border: none;
1884 border-radius: 0;
1885}
1886.container__01ae2 .iconWrapper__7e6bb,
1887.container__01ae2 .iconWrapper__54b20,
1888.container__01ae2 .divider_ee23ac {
1889 display: none;
1890}
1891.container__01ae2 .threadCreatorName__54b20 {
1892 text-decoration: none;
1893}
1894.container__01ae2 .threadCreatorName__54b20:hover .username__703b9 {
1895 text-decoration: underline;
1896}
1897.container__01ae2.floating__01ae2.chatTarget__01ae2 {
1898 display: none;
1899}
1900.container__01ae2.floating__01ae2 {
1901 resize: horizontal;
1902 direction: rtl;
1903 right: 0;
1904 min-width: 250px;
1905 max-width: 100%;
1906 border: none;
1907 inset-inline-end: unset;
1908 box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.75);
1909}
1910.container__01ae2.floating__01ae2 .container__9293f,
1911.container__01ae2.floating__01ae2 .container_fb64c9 {
1912 direction: ltr;
1913 z-index: 99;
1914}
1915.container__01ae2.floating__01ae2 .chat_a44415,
1916.container__01ae2.floating__01ae2 .chat_f02135,
1917.container__01ae2.floating__01ae2 .chat_ee72fa {
1918 direction: ltr;
1919}
1920.title_f75fb0 .children__9293f .iconWrapper__9293f,
1921.title_f75fb0 .children__9293f .akaBadge__488b1,
1922.title_f75fb0 .children__9293f .dot__9293f {
1923 display: none;
1924}
1925.title_f75fb0 .channelName__754bd {
1926 margin: 0 3px;
1927}
1928.title_f75fb0 .channelName__754bd .input__4f074 {
1929 padding: 0 12px;
1930}
1931.title_f75fb0 .channelName__754bd .container__4f074 {
1932 border: none;
1933 background: var(--background-modifier-accent);
1934 border-radius: 5px;
1935}
1936.title_f75fb0 .channelName__754bd .container__4f074 .input__4f074 {
1937 border: solid rgba(0, 0, 0, 0);
1938 border-width: 0 0 1px 0;
1939 background: none !important;
1940 box-shadow: none !important;
1941 outline: none !important;
1942}
1943.title_f75fb0 .channelName__754bd .container__4f074:focus-within {
1944 background: none;
1945 border-radius: 0;
1946}
1947.title_f75fb0 .channelName__754bd .container__4f074:focus-within .input__4f074 {
1948 border-color: var(--header-secondary);
1949 border-radius: 0;
1950 outline: none;
1951}
1952.title_f75fb0 .topic__6ec1a {
1953 margin: 0 8px;
1954 text-align: center;
1955 color: var(--header-secondary);
1956}
1957.title_f75fb0 .topic__6ec1a .interactive,
1958.title_f75fb0 .topic__6ec1a .anchor_edefb8 {
1959 pointer-events: none;
1960 opacity: 0.8;
1961}
1962.title_f75fb0 .topic__6ec1a:hover {
1963 color: var(--interactive-hover);
1964}
1965.title_f75fb0 .topic__6ec1a:hover .interactive,
1966.title_f75fb0 .topic__6ec1a:hover .anchor_edefb8 {
1967 opacity: 1;
1968}
1969.title_f75fb0 .toolbar__9293f {
1970 max-width: 100%;
1971 justify-content: end;
1972}
1973.clickTrapContainer__59d0d .container__55c99:empty {
1974 display: none;
1975}
1976.spamBanner_a2eac3 {
1977 background: none;
1978 border-width: 0;
1979 border-radius: 0;
1980 border-color: var(--background-modifier-accent);
1981 border-style: solid;
1982 border-top-width: 1px;
1983}
1984.form_f75fb0 {
1985 margin-top: 0 !important;
1986 padding: 0 3px 0 0 !important;
1987 --channel-text-area-placeholder: var(--text-muted);
1988 --custom-channel-textarea-text-area-height: 46px;
1989 border-width: 0;
1990 border-radius: 0;
1991 border-color: var(--background-modifier-accent);
1992 border-style: solid;
1993 border-top-width: 1px;
1994}
1995@container style(--highlight-focusedChatInput: 1) {
1996 .form_f75fb0:focus-within {
1997 border-color: hsla(0, 0%, 100%, 0.3);
1998 }
1999}
2000.form_f75fb0 .wrapper__44df5 {
2001 border: none;
2002 margin-bottom: 0;
2003}
2004.form_f75fb0 .wrapper__44df5 .defaultColor__5345c {
2005 color: var(--text-secondary);
2006}
2007.form_f75fb0 .wrapper__44df5 .button_a22cb0 {
2008 color: var(--interactive-hover) !important;
2009 background: var(--background-modifier-hover) !important;
2010}
2011.form_f75fb0 .wrapper__44df5 .button_a22cb0:hover {
2012 color: var(--interactive-active) !important;
2013 background: var(--background-modifier-selected) !important;
2014}
2015.form_f75fb0 .channelTextArea__74017 {
2016 border: none;
2017 margin: 0;
2018}
2019.form_f75fb0 .scrollableContainer__74017::-webkit-scrollbar {
2020 display: none;
2021}
2022.form_f75fb0 .inner__74017 {
2023 padding: 0;
2024}
2025.form_f75fb0 .textArea__74017 {
2026 margin: 0 4px 0 10px;
2027}
2028.form_f75fb0 .typing_b88801 {
2029 top: -16px !important;
2030 padding: 0 !important;
2031 height: 15px;
2032 right: 16px !important;
2033}
2034.form_f75fb0 .text_b88801 {
2035 margin-left: 10px;
2036}
2037.form_f75fb0 .cooldownWrapper_b21699 {
2038 position: absolute;
2039 top: 16px;
2040 left: 0px;
2041 height: 16px;
2042 width: 16px;
2043 pointer-events: auto;
2044 padding: 0;
2045}
2046.form_f75fb0 .cooldownWrapper_b21699 .cooldownText_b21699 {
2047 visibility: hidden;
2048}
2049.form_f75fb0 .cooldownWrapper_b21699 .slowModeIcon_b21699 {
2050 position: absolute;
2051 margin: 0;
2052 visibility: visible;
2053 scale: 1.3;
2054}
2055.form_f75fb0 .cooldownWrapper_b21699 .slowModeIcon_b21699 path {
2056 fill: var(--interactive-normal);
2057}
2058.form_f75fb0 .attachWrapper__0923f {
2059 padding: 0px;
2060 height: var(--custom-channel-textarea-text-area-height);
2061 width: var(--custom-channel-textarea-text-area-height);
2062 display: flex;
2063 justify-content: center;
2064 align-items: center;
2065}
2066.form_f75fb0 .attachWrapper__0923f:after {
2067 content: "";
2068 position: absolute;
2069 top: 5px;
2070 bottom: 5px;
2071 right: 0px;
2072 width: 1px;
2073 background-color: var(--background-modifier-accent);
2074}
2075.form_f75fb0 .attachButton__74017 {
2076 margin: 0;
2077}
2078.form_f75fb0 .attachButtonInner__0923f {
2079 height: auto;
2080 width: auto;
2081 padding: 2px;
2082}
2083.form_f75fb0 .attachButtonInner__0923f:hover {
2084 background: none;
2085}
2086.form_f75fb0 .buttons__74017 {
2087 gap: 6px;
2088}
2089.form_f75fb0 .buttons__74017 .button__74017,
2090.form_f75fb0 .buttons__74017 .buttonContainer_e6e74f {
2091 background: none;
2092}
2093.form_f75fb0 .buttons__74017 .spriteGreyscale__04eed {
2094 background-color: var(--interactive-normal) !important;
2095}
2096.form_f75fb0 .buttons__74017 .spacer__74017 {
2097 display: none;
2098}
2099.form_f75fb0 .entryPointButtonContainer_f75fb0 {
2100 margin: 0;
2101 align-content: center;
2102}
2103.form_f75fb0 .channelAttachmentArea_b77158 .upload_aa605f {
2104 background: none;
2105 border: none;
2106}
2107.form_f75fb0 .channelAttachmentArea_b77158 .upload_aa605f .wrapper_f7ecac {
2108 background: var(--background-floating);
2109 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
2110}
2111.form_f75fb0 .floatingBars__74017 .banner__183e8 {
2112 padding: 10px 16px;
2113 background: none;
2114 border-width: 0;
2115 border-radius: 0;
2116 border-color: var(--background-modifier-accent);
2117 border-style: solid;
2118 border-bottom-width: 1px;
2119}
2120:root {
2121 --reduce-highlightBackground: 1;
2122}
2123.divider__5126c {
2124 align-items: unset;
2125 border: none;
2126 margin: 20px 10px !important;
2127}
2128.divider__5126c .content__908e2 {
2129 height: fit-content;
2130 transform: translateY(-50%);
2131 background: none;
2132}
2133.divider__5126c::before,
2134.divider__5126c::after {
2135 content: "";
2136 height: 1px;
2137 width: 100%;
2138 background: var(--background-modifier-accent);
2139}
2140.divider__5126c.isUnread__908e2::before,
2141.divider__5126c.isUnread__908e2::after {
2142 background: var(--red);
2143 opacity: 0.7;
2144}
2145.divider__5126c.isUnread__908e2 .unreadPill__908e2 {
2146 top: 0;
2147 padding: 0 4px;
2148 border-radius: 0 0 4px 4px;
2149 background: var(--red);
2150}
2151.divider__5126c.isUnread__908e2 .unreadPill__908e2 path {
2152 display: none;
2153}
2154.expanded__7a70a {
2155 background: none;
2156}
2157.cozy_c19a55 {
2158 --message-background-hover: rgba(255, 255, 255, 0.05);
2159 padding: 3px 30px 3px 70px !important;
2160 border-radius: 0 !important;
2161}
2162.cozy_c19a55:before {
2163 display: none;
2164}
2165.cozy_c19a55 .avatar_c19a55 {
2166 left: 15px;
2167}
2168.cozy_c19a55 .avatarDecoration_c19a55 {
2169 left: 11px;
2170}
2171.cozy_c19a55 .header_c19a55 {
2172 margin-bottom: 2px;
2173}
2174.cozy_c19a55 .messageContent_c19a55 {
2175 margin: 0;
2176 padding: 0;
2177}
2178.cozy_c19a55.mentioned__5126c {
2179 --message-background-hover: var(--message-mentioned-background-hover);
2180}
2181.cozy_c19a55.replying__5126c,
2182.cozy_c19a55.ephemeral__5126c {
2183 --message-background-hover: var(--brand-10a);
2184}
2185@container style(--hide-messageHover: 0 ) {
2186 .cozy_c19a55:hover .buttons__5126c::before,
2187 .cozy_c19a55.selected__5126c .buttons__5126c::before {
2188 background-blend-mode: screen;
2189 }
2190}
2191@container style(--hide-messageHover: 1 ) {
2192 .cozy_c19a55
2193 .buttons__5126c:has(
2194 path[d^="M18 17h-1.24a3 3 0 1 1 .26 4.25 1 1 0 1 0-1.33 1.5A4.98 4.98 0 0 0 24 19a5 "]
2195 )::before,
2196 .cozy_c19a55 .buttons__5126c:hover::before {
2197 background-blend-mode: screen;
2198 }
2199}
2200.cozy_c19a55:not(.groupStart__5126c)
2201 .buttonsInner__5126c:not(:hover)
2202 > .button_f7ecac,
2203.cozy_c19a55:not(.groupStart__5126c)
2204 .buttonsInner__5126c:not(:hover)
2205 > .separator_f84418,
2206.cozy_c19a55:not(.groupStart__5126c)
2207 .buttonsInner__5126c:not(:hover)
2208 > span:nth-last-child(n + 3)
2209 .button_f7ecac,
2210.cozy_c19a55.isSystemMessage_c19a55
2211 .buttonsInner__5126c:not(:hover)
2212 > .button_f7ecac,
2213.cozy_c19a55.isSystemMessage_c19a55
2214 .buttonsInner__5126c:not(:hover)
2215 > .separator_f84418,
2216.cozy_c19a55.isSystemMessage_c19a55
2217 .buttonsInner__5126c:not(:hover)
2218 > span:nth-last-child(n + 3)
2219 .button_f7ecac {
2220 display: none;
2221}
2222.cozy_c19a55:not(.groupStart__5126c)
2223 .buttonsInner__5126c:not(:hover)
2224 .button_f7ecac,
2225.cozy_c19a55.isSystemMessage_c19a55
2226 .buttonsInner__5126c:not(:hover)
2227 .button_f7ecac {
2228 color: var(--interactive-hover) !important;
2229}
2230.cozy_c19a55 .buttonContainer_c19a55 {
2231 z-index: 9;
2232}
2233.cozy_c19a55 .buttons__5126c {
2234 top: 0 !important;
2235 padding: 1px;
2236}
2237.cozy_c19a55 .buttons__5126c:before {
2238 content: "";
2239 position: absolute;
2240 height: 100%;
2241 width: 100%;
2242 inset: 0px;
2243 background: var(--background-app) var(--message-background-hover);
2244 background-position: center;
2245 background-size: cover;
2246 background-repeat: no-repeat;
2247 background-attachment: fixed;
2248 border-radius: 0 0 0 8px;
2249 filter: blur(calc(var(--backgroundBlur-app) / 100 * 1px))
2250 brightness(calc(var(--backgroundBrightness-app) / 100));
2251}
2252.cozy_c19a55 .buttons__5126c .buttonsInner__5126c {
2253 margin-top: 2px;
2254 padding: 0;
2255 border: none;
2256 border-radius: 0;
2257 background: none;
2258 box-shadow: none !important;
2259}
2260.cozy_c19a55 .buttons__5126c .hoverBarButton_f84418 {
2261 background: none;
2262 padding: 0 2px;
2263}
2264.cozy_c19a55 .buttons__5126c .icon_f84418 {
2265 transform: scale(1);
2266}
2267.cozy_c19a55 .buttons__5126c .separator_f84418 {
2268 margin: 0 2px;
2269}
2270.cozy_c19a55 .buttons__5126c .emoji__040f0 {
2271 width: 18px;
2272 height: 18px;
2273}
2274.cozy_c19a55 .contents_c19a55,
2275.cozy_c19a55 .container_b7e1cb {
2276 --bg-overlay-floating: var(--background-modifier-accent);
2277 --chat-background-default: var(--background-modifier-accent);
2278 --background-surface-high: var(--background-modifier-accent);
2279 --background-code: var(--background-modifier-accent);
2280 --background-secondary: var(--background-modifier-accent);
2281 --background-tertiary: var(--background-modifier-accent);
2282 --background-mod-subtle: var(--background-modifier-accent);
2283 --background-base-lowest: var(--background-modifier-accent);
2284 --background-base-lower: var(--background-modifier-accent);
2285 --background-surface-higher: var(--background-modifier-selected);
2286 --border-subtle: transparent;
2287 --border-normal: transparent;
2288}
2289.cozy_c19a55 .guildInviteContainer__083ae {
2290 --background-surface-high: #202225;
2291}
2292.cozy_c19a55 .lookFilled__201d5 {
2293 background: var(--background-modifier-hover) !important;
2294}
2295.cozy_c19a55 .lookFilled__201d5:hover {
2296 background: var(--background-modifier-selected) !important;
2297}
2298.cozy_c19a55 .markup__75297 code {
2299 max-width: unset;
2300 background: var(--background-modifier-selected);
2301}
2302.cozy_c19a55 .container__4d95d .hljs {
2303 background: none;
2304}
2305.cozy_c19a55 .scrollerBase_d125d2 {
2306 mask-image: none !important;
2307 -webkit-mask: none !important;
2308}
2309.cozy_c19a55 .textContainer__4d95d {
2310 background: var(--background-modifier-accent);
2311}
2312.cozy_c19a55 .textContainer__4d95d.expanded__4d95d::-webkit-scrollbar {
2313 width: 13px;
2314}
2315.cozy_c19a55 .textContainer__4d95d.expanded__4d95d::-webkit-scrollbar-thumb {
2316 border: 2px solid rgba(0, 0, 0, 0);
2317 border-radius: 7px;
2318 background-color: var(--scrollbar-thumb);
2319 background-clip: padding-box;
2320 visibility: visible;
2321}
2322.cozy_c19a55 .textContainer__4d95d.expanded__4d95d::-webkit-scrollbar-track {
2323 background-color: rgba(0, 0, 0, 0);
2324}
2325.cozy_c19a55
2326 .textContainer__4d95d.expanded__4d95d:hover::-webkit-scrollbar-thumb {
2327 background-color: var(--scrollbar-thumb-hover);
2328}
2329.cozy_c19a55 .container__9271d {
2330 background: none;
2331}
2332.cozy_c19a55.hasThread_c19a55:after {
2333 left: 28px !important;
2334}
2335.cozy_c19a55 .spoilerContainer__299eb {
2336 box-shadow: none !important;
2337 background: var(--background-modifier-accent);
2338}
2339.cozy_c19a55 .audioControls_cf09d8 {
2340 background: var(--background-secondary-alt);
2341}
2342.cozy_c19a55 .hoverButtonGroup__06ab4 {
2343 background: var(--background-floating);
2344 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
2345}
2346.cozy_c19a55 .bd-addon-store-card {
2347 transition: none;
2348 transform: none !important;
2349 box-shadow: none !important;
2350 background: var(--background-modifier-accent) !important;
2351}
2352.cozy_c19a55 .bd-addon-store-card .bd-addon-store-card-author {
2353 cursor: pointer;
2354}
2355.cozy_c19a55 .bd-addon-store-card .bd-addon-store-card-author-mask {
2356 background: var(--background-secondary-alt) !important;
2357}
2358.cozy_c19a55 .bd-addon-store-card .bd-addon-store-card-author-mask:hover {
2359 background: var(--background-floating) !important;
2360}
2361#app-mount .callContainer_cb9592 {
2362 border: none;
2363}
2364#app-mount .callContainer_cb9592 .root_ccf174 {
2365 background: none;
2366}
2367#app-mount .callContainer_cb9592 .pulseGradient__11664,
2368#app-mount .callContainer_cb9592 .gradientBackground__41626,
2369#app-mount .callContainer_cb9592 .art__4ad81 {
2370 display: none;
2371}
2372#app-mount .callContainer_cb9592 .buttonSection__1405b {
2373 background: none;
2374 border: none;
2375}
2376#app-mount .callContainer_cb9592 .attachedCaret_f1ceac {
2377 background: none;
2378 color: var(--interactive-normal);
2379}
2380#app-mount .callContainer_cb9592 .attachedCaret_f1ceac:hover {
2381 color: var(--interactive-hover);
2382}
2383@container style(--keep-voiceChannelBtns: 1) {
2384 #app-mount .callContainer_cb9592 .root_bfe55a {
2385 padding: 48px 0 50px 0;
2386 box-sizing: border-box;
2387 }
2388 #app-mount .callContainer_cb9592 .videoControls_bfe55a {
2389 padding: 0 16px;
2390 }
2391 #app-mount .callContainer_cb9592 .controlSection_bfe55a {
2392 opacity: 1;
2393 transform: none;
2394 transition: none;
2395 }
2396 #app-mount .callContainer_cb9592 .gradientContainer_bfe55a {
2397 display: none;
2398 }
2399 #app-mount .callContainer_cb9592 .buttonSection__1405b {
2400 background: none;
2401 border: none;
2402 }
2403}
2404#app-mount .callContainer_cb9592 .tile__2f4f7 {
2405 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
2406}
2407#app-mount .callContainer_cb9592 .tile__2f4f7 .indicators__2f4f7 {
2408 display: none;
2409}
2410#app-mount
2411 .callContainer_cb9592
2412 .tile__2f4f7
2413 .avatarWrapper_fb62e2
2414 foreignObject {
2415 mask: none;
2416 overflow: visible;
2417}
2418#app-mount .callContainer_cb9592 .tile__2f4f7 .avatarWrapper_fb62e2 svg {
2419 contain: unset;
2420 overflow: visible;
2421}
2422#app-mount
2423 .callContainer_cb9592
2424 .tile__2f4f7
2425 .avatarWrapper_fb62e2
2426 .avatar__44b0c {
2427 border-radius: 7.5%;
2428}
2429#app-mount
2430 .callContainer_cb9592
2431 .tile__2f4f7
2432 .avatarWrapper_fb62e2
2433 .avatar__44b0c:not([src*=".gif"]) {
2434 filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.75));
2435}
2436#app-mount .callContainer_cb9592 .tile_d6271c .root__4ad81 {
2437 background: none;
2438}
2439#app-mount
2440 .callContainer_cb9592
2441 .videoGridWrapper_a21736
2442 .videoGrid_a21736::-webkit-scrollbar {
2443 display: none;
2444}
2445#app-mount .callContainer_cb9592 .videoGridWrapper_a21736 .tile_d6271c {
2446 padding: 8px;
2447 box-sizing: border-box;
2448}
2449#app-mount .callContainer_cb9592 .root__6981d {
2450 padding: 0 12px;
2451 box-sizing: border-box;
2452}
2453#app-mount
2454 .callContainer_cb9592
2455 .root__6981d
2456 .videoFrame__6981d
2457 .participantsButton__211d1 {
2458 background: var(--background-floating);
2459}
2460#app-mount
2461 .callContainer_cb9592
2462 .root__6981d
2463 .participantsWrapperAnimated__6981d {
2464 overflow: visible;
2465}
2466#app-mount .page__5e434 {
2467 border: none;
2468}
2469#app-mount .page__5e434 .scrollerBase_d125d2 {
2470 mask: linear-gradient(
2471 to bottom,
2472 transparent,
2473 #000 5px,
2474 #000 calc(100% - 5px),
2475 transparent
2476 );
2477 -webkit-mask: linear-gradient(
2478 to bottom,
2479 transparent,
2480 #000 5px,
2481 #000 calc(100% - 5px),
2482 transparent
2483 );
2484}
2485#app-mount .page__5e434 .scrollerBase_d125d2::-webkit-scrollbar-track {
2486 margin: 2px 0;
2487}
2488#app-mount .chatContent_f75fb0 .container__00de6 .emptyChannelIcon__00de6,
2489#app-mount .chatContent_f75fb0 .container__00de6 .iconWrapper__54b20 {
2490 display: none;
2491}
2492#app-mount .chatContent_f75fb0 .chatGradientBase__36d07 {
2493 display: none;
2494}
2495#app-mount .chatContent_f75fb0 .scrollerSpacer__36d07 {
2496 height: 16px;
2497}
2498#app-mount .chatContent_f75fb0 .barBase__0f481 {
2499 right: 5px;
2500 left: 5px;
2501 min-height: unset;
2502 height: 32px;
2503 width: auto;
2504 padding: 0 6px;
2505 margin: 0;
2506 background: var(--background-secondary-alt);
2507 border-radius: 5px;
2508 border: none;
2509 cursor: auto;
2510}
2511#app-mount .chatContent_f75fb0 .barBase__0f481::before {
2512 display: none;
2513}
2514#app-mount .chatContent_f75fb0 .barBase__0f481 {
2515 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
2516}
2517#app-mount .chatContent_f75fb0 .barBase__0f481.bottomBar__0f481 {
2518 bottom: 14px;
2519 cursor: pointer;
2520}
2521#app-mount .chatContent_f75fb0 .barBase__0f481.bottomBar__0f481:hover {
2522 background: var(--background-secondary);
2523}
2524#app-mount
2525 .chatContent_f75fb0
2526 .barBase__0f481.bottomBar__0f481
2527 .barButtonMain__0f481 {
2528 height: auto;
2529}
2530#app-mount .chatContent_f75fb0 .barBase__0f481.newMessagesBar__0f481 {
2531 top: -4px;
2532}
2533#app-mount .chatContent_f75fb0 .barBase__0f481.newMessagesBar__0f481 button {
2534 height: 28px;
2535 background: none !important;
2536 color: var(--interactive-hover) !important;
2537}
2538#app-mount
2539 .chatContent_f75fb0
2540 .barBase__0f481.newMessagesBar__0f481
2541 button:hover {
2542 color: var(--interactive-active) !important;
2543}
2544#app-mount
2545 .chatContent_f75fb0
2546 .barBase__0f481.newMessagesBar__0f481
2547 .barButtonMain__0f481 {
2548 flex: 0 1 auto;
2549 margin-right: auto;
2550}
2551#app-mount .chatContent_f75fb0 .barBase__0f481 button {
2552 padding: 0 4px;
2553 background: none !important;
2554 color: var(--interactive-hover) !important;
2555 border: none;
2556}
2557#app-mount .chatContent_f75fb0 .barBase__0f481 .barButtonAlt__0f481,
2558#app-mount
2559 .chatContent_f75fb0
2560 .barBase__0f481
2561 .newTopicsBarTopicSection__0f481 {
2562 color: var(--interactive-hover);
2563 background: none;
2564 cursor: pointer;
2565}
2566#app-mount .chatContent_f75fb0 .barBase__0f481 .barButtonAlt__0f481:hover,
2567#app-mount
2568 .chatContent_f75fb0
2569 .barBase__0f481
2570 .newTopicsBarTopicSection__0f481:hover {
2571 color: var(--interactive-active);
2572}
2573#app-mount .chatContent_f75fb0 .barBase__0f481 .newTopicsBarText__0f481 {
2574 color: var(--interactive-hover);
2575}
2576#app-mount
2577 .chatContent_f75fb0
2578 .barBase__0f481
2579 .newTopicsBarTopicSection__0f481:hover
2580 .newTopicsBarText__0f481 {
2581 color: var(--interactive-active);
2582}
2583#app-mount .chatHeaderBar_dc83f5,
2584#app-mount .chatHeaderBar_a53846 {
2585 background: none;
2586 box-shadow: none;
2587}
2588#app-mount .chatHeaderBar_dc83f5 .chatHeaderBarText_dc83f5,
2589#app-mount .chatHeaderBar_a53846 .chatHeaderBarText_dc83f5 {
2590 font-weight: 600;
2591}
2592#app-mount .wrapper_f61d60 {
2593 color: var(--Blurple);
2594 background: none;
2595 --backgroundHover: hsl(from var(--Blurple-light) h s l / 0.15);
2596}
2597#app-mount .wrapper_f61d60.roleMention__75297:not(:hover) {
2598 background: none !important;
2599}
2600#app-mount .wrapper_f61d60.attachmentLink .icon_e59963 path {
2601 fill: var(--Blurple);
2602}
2603#app-mount .wrapper_f61d60:hover {
2604 background-color: var(--backgroundHover);
2605 color: var(--Blurple);
2606}
2607#app-mount .reaction__23977,
2608#app-mount .reaction_f8896c {
2609 border: none;
2610 border-radius: 4px;
2611}
2612#app-mount .reaction__23977 .reactionCount__23977,
2613#app-mount .reaction__23977 .reactionCount_f8896c,
2614#app-mount .reaction_f8896c .reactionCount__23977,
2615#app-mount .reaction_f8896c .reactionCount_f8896c {
2616 font-size: 0.875rem;
2617}
2618#app-mount .reaction__23977 .emoji,
2619#app-mount .reaction_f8896c .emoji {
2620 width: 1rem;
2621 height: 1rem;
2622}
2623@container not style(--hide-reactionAnimations: 1) {
2624 #app-mount .reaction__23977,
2625 #app-mount .reaction_f8896c {
2626 background: var(--background-modifier-hover);
2627 }
2628 #app-mount .reaction__23977:hover,
2629 #app-mount .reaction_f8896c:hover {
2630 background: var(--background-modifier-selected);
2631 }
2632 #app-mount .reactionMe__23977,
2633 #app-mount .reactionMe_f8896c {
2634 background-color: var(--Blurple-light);
2635 }
2636 #app-mount .reactionMe__23977:hover,
2637 #app-mount .reactionMe_f8896c:hover {
2638 background-color: var(--Blurple-light-hover);
2639 }
2640 #app-mount .reactionMe__23977 .reactionCount__23977,
2641 #app-mount .reactionMe__23977 .reactionCount_f8896c,
2642 #app-mount .reactionMe_f8896c .reactionCount__23977,
2643 #app-mount .reactionMe_f8896c .reactionCount_f8896c {
2644 color: var(--Blurple);
2645 }
2646}
2647@container style(--hide-reactionAnimations: 1) {
2648 #app-mount .reaction__23977,
2649 #app-mount .reaction_f8896c {
2650 background: var(--background-modifier-hover) !important;
2651 }
2652 #app-mount .reaction__23977:hover,
2653 #app-mount .reaction_f8896c:hover {
2654 background: var(--background-modifier-selected) !important;
2655 }
2656 #app-mount .reactionMe__23977,
2657 #app-mount .reactionMe_f8896c {
2658 background-color: var(--Blurple-light) !important;
2659 }
2660 #app-mount .reactionMe__23977:hover,
2661 #app-mount .reactionMe_f8896c:hover {
2662 background-color: var(--Blurple-light-hover) !important;
2663 }
2664 #app-mount .reactionMe__23977 .reactionCount__23977,
2665 #app-mount .reactionMe__23977 .reactionCount_f8896c,
2666 #app-mount .reactionMe_f8896c .reactionCount__23977,
2667 #app-mount .reactionMe_f8896c .reactionCount_f8896c {
2668 color: var(--Blurple) !important;
2669 }
2670}
2671#app-mount .reactions__23977 .reactionBtn__23977 {
2672 border: none;
2673 background: none !important;
2674}
2675#app-mount .container_f369db + .searchResultsWrap_a98f3b {
2676 max-width: calc(100% - 350px);
2677}
2678#app-mount .searchResultsWrap_a98f3b {
2679 border: none;
2680 width: 50%;
2681 max-width: calc(100% - 45px);
2682 min-width: 275px;
2683 resize: horizontal;
2684 direction: rtl;
2685 border-width: 0;
2686 border-radius: 0;
2687 border-color: var(--background-modifier-accent);
2688 border-style: solid;
2689 border-left-width: 1px;
2690}
2691#app-mount .searchResultsWrap_a98f3b .searchHeader_ae7890 {
2692 direction: ltr;
2693}
2694#app-mount
2695 .searchResultsWrap_a98f3b
2696 .searchHeader_ae7890
2697 .text-md\/medium_cf4812 {
2698 color: var(--text-normal) !important;
2699}
2700#app-mount .searchResultsWrap_a98f3b .scroller_a98f3b {
2701 padding: 6px 0 0 0 !important;
2702 direction: ltr;
2703}
2704#app-mount
2705 .searchResultsWrap_a98f3b
2706 .scroller_a98f3b
2707 .searchResultGroup_a7e67f {
2708 margin-bottom: 14px;
2709 padding-bottom: 10px;
2710 border-width: 0;
2711 border-radius: 0;
2712 border-color: var(--background-modifier-accent);
2713 border-style: solid;
2714 border-bottom-width: 1px;
2715}
2716#app-mount .searchResultsWrap_a98f3b .scroller_a98f3b .searchResult__80bf8 {
2717 border: none;
2718 border-radius: 0;
2719}
2720#app-mount
2721 .searchResultsWrap_a98f3b
2722 .scroller_a98f3b
2723 .searchResult__80bf8:hover {
2724 background: hsla(0, 0%, 100%, 0.05);
2725}
2726#app-mount
2727 .searchResultsWrap_a98f3b
2728 .scroller_a98f3b
2729 .channelNameContainer_a7e67f {
2730 margin-left: 10px;
2731}
2732#app-mount .searchResultsWrap_a98f3b .scroller_a98f3b .channelNameText_a7e67f,
2733#app-mount .searchResultsWrap_a98f3b .scroller_a98f3b .channelNameIcon_a7e67f {
2734 padding-right: 6px;
2735 color: var(--text-normal);
2736}
2737#app-mount .searchResultsWrap_a98f3b .scroller_a98f3b .button__80bf8 {
2738 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
2739}
2740#app-mount .searchResultsWrap_a98f3b .paginationDock_a98f3b {
2741 direction: ltr;
2742}
2743#app-mount .searchResultsWrap_a98f3b .pageButton_c15210 {
2744 background: none;
2745 color: var(--interactive-normal);
2746 min-height: 30px;
2747 max-height: 30px;
2748}
2749#app-mount .searchResultsWrap_a98f3b .pageButton_c15210:hover {
2750 color: var(--interactive-hover);
2751}
2752#app-mount .searchResultsWrap_a98f3b .pageButton_c15210.activeButton_c15210 {
2753 color: var(--interactive-active);
2754}
2755#app-mount .guilds__5e434 .frame_aa90f4 {
2756 padding: 10px 0px;
2757}
2758#app-mount .guilds__5e434 .frame_aa90f4 .innerFrame_aa90f4 {
2759 transform: rotate(90deg);
2760}
2761#app-mount
2762 .guilds__5e434
2763 .frame_aa90f4
2764 .innerFrame_aa90f4
2765 .childWrapper__6e9f8 {
2766 background: none;
2767 color: var(--text-normal);
2768 font-weight: 500;
2769 font-size: 13px;
2770 font-style: normal;
2771 transition: none;
2772 filter: drop-shadow(2px 2px 3px black);
2773}
2774#app-mount
2775 .guilds__5e434
2776 .frame_aa90f4
2777 .innerFrame_aa90f4
2778 .childWrapper__6e9f8:hover {
2779 color: var(--header-primary);
2780}
2781#app-mount .panels__5e434 .container_791eb8 {
2782 display: contents;
2783}
2784#app-mount .panels__5e434 .container_791eb8 .inner_791eb8 {
2785 width: auto;
2786 margin: 0 3px 0 6px;
2787}
2788#app-mount .panels__5e434 .container_791eb8 .timeline_791eb8 {
2789 margin: 6px 9px 0 6px;
2790}
2791#app-mount .panels__5e434 .container_791eb8.maximized_791eb8 .inner_791eb8 {
2792 margin: 0 3px 0 0;
2793}
2794#app-mount
2795 .panels__5e434
2796 .container_791eb8.maximized_791eb8
2797 .coverWrapper_791eb8 {
2798 width: 100%;
2799}
2800#app-mount .detailsTooltip_78f589 {
2801 transform: translate(-195px, -50px);
2802}
2803.folderContentIsOpen_ac0584 .content__5e434 {
2804 margin-bottom: 54px;
2805}
2806#app-mount .guilds__5e434 .folderHeader__48112 {
2807 background: none;
2808}
2809#app-mount .guilds__5e434.closed_ac0584 {
2810 height: 0px;
2811}
2812#app-mount .guilds__5e434.content_ac0584 {
2813 bottom: 54px;
2814 transition: none !important;
2815}
2816#app-mount .guilds__5e434.content_ac0584 .scroller_ef3116 {
2817 display: flex;
2818 height: 100vw;
2819 margin: 0;
2820 padding: 0;
2821}
2822#app-mount .guilds__5e434.content_ac0584 .scroller_ef3116::before,
2823#app-mount .guilds__5e434.content_ac0584 .scroller_ef3116::after {
2824 display: none;
2825}
2826#app-mount .guilds__5e434.content_ac0584 .stack_dbd263 {
2827 justify-content: space-around;
2828}
2829#app-mount .guilds__5e434.content_ac0584 .hiddenVisually_b18fe2 {
2830 transform: rotate(90deg);
2831 background: none;
2832 filter: drop-shadow(2px 2px 3px black);
2833}
2834#app-mount .invisibleTypingButton {
2835 transform: scale(0.9);
2836}
2837#app-mount .guilds__5e434 .friendsOnlineWrap_aa9717 {
2838 display: flex !important;
2839 position: absolute;
2840 transform: rotate(90deg);
2841 top: 60px;
2842 left: -19px;
2843 z-index: 1;
2844}
2845#app-mount .guilds__5e434 .friendsOnlineWrap_aa9717::before {
2846 display: none;
2847}
2848#app-mount .guilds__5e434 .friendsOnlineWrap_aa9717 .friendsOnline_aa9717 {
2849 color: var(--text-normal);
2850 font-size: 10px;
2851 text-shadow: 1.5px 1.5px 3px rgba(0, 0, 0, 0.75);
2852}
2853@container (width < 225px) {
2854 #app-mount .gameActivityToggleAdded_fd3fb5 .nameTag__37e49 {
2855 display: none;
2856 }
2857}
2858#app-mount .gameActivityToggleButton_fd3fb5 {
2859 display: flex;
2860 margin: 0;
2861 min-width: 34px;
2862 flex: 0 10000 42px;
2863 justify-content: center;
2864}
2865#MemberCount {
2866 background: none;
2867}
2868#vc-friendcount,
2869#vc-guildcount {
2870 white-space: nowrap;
2871 height: 60px !important;
2872 transform: rotate(90deg) translateY(calc(50% + 2px));
2873 text-shadow: 1.5px 1.5px 3px rgba(0, 0, 0, 0.75);
2874}
2875#vc-friendcount:not(:has(+ #vc-guildcount)),
2876#vc-guildcount:not(:has(+ #vc-friendcount)) {
2877 transform: rotate(90deg) translateY(calc(50% - 6px)) translateX(-5px);
2878}
2879#vc-friendcount + #vc-friendcount,
2880#vc-friendcount + #vc-guildcount,
2881#vc-guildcount + #vc-friendcount,
2882#vc-guildcount + #vc-guildcount {
2883 height: 12px !important;
2884 transform: rotate(90deg) translateY(calc(50% - 14px)) translateX(-40px);
2885}
2886.guilds__5e434 .vc-ranb-button {
2887 color: rgba(0, 0, 0, 0);
2888 width: 18px;
2889 height: 18px;
2890 margin: 10px auto;
2891 overflow: hidden;
2892}
2893.guilds__5e434 .vc-ranb-button::before {
2894 content: "Read All";
2895 display: none;
2896 position: absolute;
2897 width: auto;
2898 padding: 6px 8px;
2899 color: var(--text-default);
2900 font-size: 14px;
2901 font-weight: 600;
2902 line-height: 18px;
2903 text-align: center;
2904 border-radius: 4px;
2905 background: var(--background-floating);
2906 transform: translateY(calc(-100% - 20px)) rotate(90deg);
2907 z-index: 2;
2908 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
2909}
2910.guilds__5e434 .vc-ranb-button::after {
2911 content: "R";
2912 display: block;
2913 position: absolute;
2914 height: 18px;
2915 width: 18px;
2916 color: var(--header-secondary);
2917 font-size: 23px;
2918 font-weight: 700;
2919 line-height: 18px;
2920 text-align: center;
2921 transform: rotate(90deg);
2922 text-shadow: 1.5px 1.5px 3px rgba(0, 0, 0, 0.75);
2923}
2924.guilds__5e434 .vc-ranb-button:hover::before {
2925 display: block;
2926}
2927.guilds__5e434 .vc-ranb-button:hover::after {
2928 color: var(--interactive-hover);
2929}
2930.vc-member-list-decorators-wrapper {
2931 pointer-events: auto;
2932}
2933.content__5e434:has(.vc-betterFolders-sidebar) {
2934 margin-bottom: 54px;
2935}
2936.vc-betterFolders-sidebar {
2937 display: contents;
2938}
2939.vc-betterFolders-sidebar > .guilds__5e434 {
2940 bottom: 54px;
2941}
2942.vc-betterFolders-sidebar .scroller_ef3116 {
2943 height: 100vw;
2944 margin: 0;
2945 padding: 0;
2946}
2947.vc-betterFolders-sidebar .scroller_ef3116::before,
2948.vc-betterFolders-sidebar .scroller_ef3116::after {
2949 display: none;
2950}
2951.layer__59d0d .wrapper_c0e32c,
2952.layer__59d0d .contentWrapper__9c62c,
2953.layer__59d0d .contentWrapper__08434,
2954.layer__59d0d .container_d9c882,
2955.layer__59d0d .messagesPopoutWrap__432f4,
2956.layer__59d0d .popoutContainer__4ad69,
2957.layer__59d0d .container__8cb2e {
2958 border: none;
2959 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
2960}
2961.layer__59d0d:not(.theme-light) .scrollerBase_d125d2,
2962.layer__59d0d:not(.theme-light) .scrollerBase__99f8c,
2963.layer__59d0d:not(.theme-light) .container_d9c882 {
2964 background: var(--background-tertiary);
2965}
2966.layer__59d0d .container_d9c882,
2967.layer__59d0d .messagesPopoutWrap__432f4,
2968.layer__59d0d .popoutContainer__4ad69,
2969.layer__59d0d .container__8cb2e {
2970 width: 50vw;
2971 min-width: min(480px, 95vw);
2972 max-width: 600px;
2973 max-height: 85vh;
2974}
2975.layer__59d0d .footer__432f4 {
2976 display: none;
2977}
2978.layer__59d0d .titleContainer__432f4 .text-lg\/semibold_cf4812 {
2979 color: var(--interactive-normal) !important;
2980}
2981.layer__59d0d .header_d9c882,
2982.layer__59d0d .header__432f4,
2983.layer__59d0d .header__06f80 {
2984 border: none;
2985 z-index: 1;
2986 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
2987}
2988.layer__59d0d #emoji-picker-tab-panel {
2989 box-shadow: none;
2990}
2991.layer__59d0d .contentWrapper__08434,
2992.layer__59d0d .wrapper_c0e32c {
2993 border: none;
2994 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
2995}
2996.layer__59d0d .contentWrapper__08434 .navButton__08434,
2997.layer__59d0d .wrapper_c0e32c .navButton__08434 {
2998 background: none;
2999 color: var(--interactive-normal);
3000}
3001.layer__59d0d .contentWrapper__08434 .navButtonActive__08434,
3002.layer__59d0d .wrapper_c0e32c .navButtonActive__08434 {
3003 color: var(--interactive-active) !important;
3004}
3005.layer__59d0d .contentWrapper__08434 .header_c0e32c,
3006.layer__59d0d .contentWrapper__08434 .header__8ef02,
3007.layer__59d0d .contentWrapper__08434 .header_fed6d3,
3008.layer__59d0d .wrapper_c0e32c .header_c0e32c,
3009.layer__59d0d .wrapper_c0e32c .header__8ef02,
3010.layer__59d0d .wrapper_c0e32c .header_fed6d3 {
3011 box-shadow: var(--shadow-low);
3012}
3013.layer__59d0d .contentWrapper__08434 .wrapper__14245,
3014.layer__59d0d .wrapper_c0e32c .wrapper__14245 {
3015 background: var(--background-tertiary) !important;
3016 padding-bottom: 6px;
3017}
3018.layer__59d0d .contentWrapper__08434 .categorySectionNitroLocked_c656ac,
3019.layer__59d0d .wrapper_c0e32c .categorySectionNitroLocked_c656ac {
3020 background: var(--background-tertiary) !important;
3021}
3022.layer__59d0d
3023 .contentWrapper__08434
3024 .categorySectionNitroLocked_c656ac
3025 .header__14245,
3026.layer__59d0d
3027 .wrapper_c0e32c
3028 .categorySectionNitroLocked_c656ac
3029 .header__14245 {
3030 color: #a667e4;
3031}
3032.layer__59d0d .contentWrapper__08434 #sticker-picker-tab-panel .header__8ef02,
3033.layer__59d0d .wrapper_c0e32c #sticker-picker-tab-panel .header__8ef02 {
3034 height: 40px;
3035}
3036.layer__59d0d .contentWrapper__08434 .assetWrapperMasked__31fc2,
3037.layer__59d0d .wrapper_c0e32c .assetWrapperMasked__31fc2 {
3038 mask: none;
3039}
3040.layer__59d0d .contentWrapper__08434 .sticker_c6367b,
3041.layer__59d0d .wrapper_c0e32c .sticker_c6367b {
3042 border-radius: 8px;
3043}
3044.layer__59d0d .contentWrapper__08434 .sticker_c6367b:hover,
3045.layer__59d0d .wrapper_c0e32c .sticker_c6367b:hover {
3046 background: var(--background-modifier-accent);
3047}
3048.layer__59d0d .contentWrapper__08434#emoji-picker-tab-panel .header_c0e32c,
3049.layer__59d0d .wrapper_c0e32c#emoji-picker-tab-panel .header_c0e32c {
3050 height: 40px;
3051}
3052.layer__59d0d .contentWrapper__08434 .inspectedIndicator_c6367b,
3053.layer__59d0d .contentWrapper__08434 .upsellContainer__0b69f,
3054.layer__59d0d .wrapper_c0e32c .inspectedIndicator_c6367b,
3055.layer__59d0d .wrapper_c0e32c .upsellContainer__0b69f {
3056 display: none;
3057}
3058.layer__59d0d .contentWrapper__08434 .unicodeShortcut_b9ee0c,
3059.layer__59d0d .contentWrapper__08434 .standardStickerShortcut__3ad28,
3060.layer__59d0d .wrapper_c0e32c .unicodeShortcut_b9ee0c,
3061.layer__59d0d .wrapper_c0e32c .standardStickerShortcut__3ad28 {
3062 background: var(--background-tertiary);
3063}
3064.layer__59d0d .contentWrapper__08434 .stickerCategory__3ad28,
3065.layer__59d0d .contentWrapper__08434 .categoryItem_b9ee0c,
3066.layer__59d0d .wrapper_c0e32c .stickerCategory__3ad28,
3067.layer__59d0d .wrapper_c0e32c .categoryItem_b9ee0c {
3068 background: none;
3069}
3070.layer__59d0d .contentWrapper__08434 .stickerCategory__3ad28:hover path,
3071.layer__59d0d .contentWrapper__08434 .categoryItem_b9ee0c:hover path,
3072.layer__59d0d .wrapper_c0e32c .stickerCategory__3ad28:hover path,
3073.layer__59d0d .wrapper_c0e32c .categoryItem_b9ee0c:hover path {
3074 fill: var(--interactive-active);
3075}
3076.layer__59d0d .contentWrapper__08434 .inspector_aeaaeb,
3077.layer__59d0d .contentWrapper__08434 .nitroTopDividerContainer_b3fb5f,
3078.layer__59d0d .contentWrapper__08434 .nitroBottomDivider_c656ac,
3079.layer__59d0d .wrapper_c0e32c .inspector_aeaaeb,
3080.layer__59d0d .wrapper_c0e32c .nitroTopDividerContainer_b3fb5f,
3081.layer__59d0d .wrapper_c0e32c .nitroBottomDivider_c656ac {
3082 display: none;
3083}
3084.layer__59d0d .picker__09f65 {
3085 background: var(--background-secondary-alt);
3086}
3087.layer__59d0d .picker__09f65 .upsellContainer__0b69f,
3088.layer__59d0d .picker__09f65 .nitroTopDividerContainer_b3fb5f {
3089 display: none;
3090}
3091.layer__59d0d
3092 .picker__09f65
3093 .sectionContainerNitroLocked__61424
3094 .sectionTitle__61424 {
3095 color: #a667e4;
3096}
3097.layer__59d0d .picker__09f65 .sectionContainerNitroLocked__61424,
3098.layer__59d0d .picker__09f65 .soundRowNitroLocked__61424 {
3099 background: none;
3100}
3101.layer__59d0d .container_d9c882 .threadIcon_d9c882,
3102.layer__59d0d .container_d9c882 .title_d9c882 {
3103 color: var(--interactive-normal) !important;
3104}
3105.layer__59d0d .actionButtons__432f4 .buttonContainer__432f4 {
3106 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
3107}
3108.layer__59d0d .popoutContainer__4ad69 .messagesScroller__4ad69,
3109.layer__59d0d .container__8cb2e .messagesScroller__4ad69 {
3110 gap: 8px;
3111}
3112.layer__59d0d .popoutContainer__4ad69 .messageContainer__4ad69,
3113.layer__59d0d .container__8cb2e .messageContainer__4ad69 {
3114 border-radius: 0;
3115 border-bottom: 1px solid var(--background-modifier-accent);
3116 box-shadow: none;
3117}
3118.layer__59d0d
3119 .popoutContainer__4ad69
3120 .messageContainer__4ad69
3121 .clickableMessageBackground__4ad69,
3122.layer__59d0d
3123 .container__8cb2e
3124 .messageContainer__4ad69
3125 .clickableMessageBackground__4ad69 {
3126 display: none;
3127}
3128.layer__59d0d
3129 .popoutContainer__4ad69
3130 .messageContainer__4ad69
3131 .channelHeader__06fb5,
3132.layer__59d0d .container__8cb2e .messageContainer__4ad69 .channelHeader__06fb5 {
3133 border: none;
3134}
3135.layer__59d0d .popoutContainer__4ad69 .messageContainer__4ad69 .hoverBar__4ad69,
3136.layer__59d0d .container__8cb2e .messageContainer__4ad69 .hoverBar__4ad69 {
3137 border: none;
3138}
3139.layer__59d0d
3140 .popoutContainer__4ad69
3141 .messageContainer__4ad69
3142 .hoverBar__4ad69
3143 .icon_f84418,
3144.layer__59d0d
3145 .container__8cb2e
3146 .messageContainer__4ad69
3147 .hoverBar__4ad69
3148 .icon_f84418 {
3149 transform: none;
3150}
3151.layer__59d0d .container__8cb2e .header__06f80 {
3152 border-bottom: 3px solid var(--background-tertiary);
3153}
3154.layer__59d0d .container__8cb2e .inboxIcon__06f80,
3155.layer__59d0d .container__8cb2e .inboxTitle__06f80 {
3156 color: var(--interactive-normal) !important;
3157}
3158.layer__59d0d .container__8cb2e .tabBar__06f80 {
3159 justify-content: space-around;
3160}
3161.layer__59d0d .container__8cb2e .tabBar__06f80 .tab__06f80 {
3162 margin: 0;
3163}
3164.layer__59d0d .container__8cb2e .tabBar__06f80 .tab__06f80::after {
3165 display: none;
3166}
3167.layer__59d0d .container__8cb2e .friendRequestsButton_c7a32c {
3168 border: none;
3169}
3170.layer__59d0d .container__8cb2e .scrollerBase_d125d2 {
3171 padding: 0 !important;
3172}
3173.layer__59d0d .container__8cb2e .scrollerBase_d125d2::-webkit-scrollbar {
3174 display: none;
3175}
3176.layer__59d0d .container__8cb2e .emptyContainer__4a7f0 {
3177 background: var(--background-tertiary);
3178}
3179.layer__59d0d .container__8cb2e .box__376cb {
3180 border-radius: 0;
3181 border: none;
3182 margin: 0 0 3px 0;
3183 box-sizing: content-box;
3184}
3185.layer__59d0d .container__8cb2e .headerContainer__5d903 {
3186 top: 0;
3187}
3188.layer__59d0d .container__8cb2e .channelHeader__5d903 {
3189 background: var(--background-secondary-alt);
3190 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
3191}
3192.layer__59d0d .container__8cb2e .chevron__5d903 {
3193 display: none;
3194}
3195.layer__59d0d .container__8cb2e .channelNameSection__5d903 {
3196 margin-left: 5px;
3197}
3198.layer__59d0d .container__8cb2e .divider__908e2 {
3199 margin: 30px 0 30px 0;
3200}
3201.layer__59d0d .container__8cb2e .divider__908e2 .content__908e2 {
3202 background: var(--background-tertiary);
3203}
3204.layer__59d0d .container__8cb2e .jumpButton_ade175 {
3205 background: var(--background-modifier-hover);
3206}
3207.layer__59d0d .container__8cb2e .jumpButton_ade175:hover {
3208 background: var(--background-secondary-alt);
3209}
3210.layer__59d0d .container__8cb2e .forumPost__8a0ec {
3211 margin: 0;
3212 padding: 10px 12px 16px 12px;
3213 border-bottom: 1px solid var(--background-modifier-accent);
3214 transition: none;
3215}
3216.layer__59d0d .positionContainer__31a96 {
3217 max-height: calc(100vh - 130px);
3218}
3219.layer__59d0d .positionContainer__31a96 .drawerSizingWrapper__9c62c {
3220 height: 100% !important;
3221}
3222.layer__59d0d .positionContainer__31a96 .slideContent__9c62c {
3223 max-height: calc(100vh - 130px);
3224}
3225.layer__59d0d .positionContainer__31a96 .searchBarContainer__927fc {
3226 z-index: 1;
3227 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
3228}
3229.layer__59d0d .positionContainer__31a96 .scrollableContent__927fc {
3230 mask: linear-gradient(
3231 to bottom,
3232 transparent,
3233 #000 5px,
3234 #000 calc(100% - 5px),
3235 transparent
3236 );
3237 -webkit-mask: linear-gradient(
3238 to bottom,
3239 transparent,
3240 #000 5px,
3241 #000 calc(100% - 5px),
3242 transparent
3243 );
3244}
3245.layer__59d0d .positionContainer__31a96 .scrollableContent__927fc::before {
3246 content: "";
3247 position: relative;
3248 display: block;
3249 height: 10px;
3250}
3251.menu_c1e9c4 {
3252 border: none !important;
3253 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
3254}
3255.menu_c1e9c4 .separator_c1e9c4 {
3256 border-color: var(--background-modifier-accent);
3257}
3258.menu_c1e9c4 .label_c1e9c4 {
3259 color: var(--interactive-normal);
3260}
3261.menu_c1e9c4 .focused_c1e9c4 .label_c1e9c4 {
3262 color: var(--interactive-hover);
3263}
3264.menu_c1e9c4 .colorDanger_c1e9c4 .label_c1e9c4 {
3265 color: var(--text-danger);
3266}
3267.menu_c1e9c4 .checkboxContainer_c1e9c4 .checkboxIndicator__714a9 {
3268 background: none !important;
3269 border: none;
3270}
3271.menu_c1e9c4 .checkboxContainer_c1e9c4 .checkStroke__714a9 {
3272 color: var(--interactive-text-default);
3273 opacity: 1;
3274}
3275.menu_c1e9c4 .checkboxContainer_c1e9c4[aria-checked="false"] path {
3276 d: path(
3277 "M 18.625 3 H 5.375 C 4.06519 3 3 4.06519 3 5.375 V 18.625 C 3 19.936 4.06519 21 5.375 21 H 18.625 C 19.936 21 21 19.936 21 18.625 V 5.375 C 21.0057 4.08803 19.9197 3 18.625 3 Z M 19 19 V 5 H 4.99999 V 19 H 19 Z"
3278 );
3279}
3280.menu_c1e9c4
3281 .checkboxContainer_c1e9c4[aria-checked="true"]:hover
3282 .checkStroke__714a9 {
3283 color: var(--red) !important;
3284}
3285.menu_c1e9c4 .checkboxContainer_c1e9c4[aria-checked="true"]:hover path {
3286 d: path(
3287 "M 18.4 4 L 12 10.4 L 5.6 4 L 4 5.6 L 10.4 12 L 4 18.4 L 5.6 20 L 12 13.6 L 18.4 20 L 20 18.4 L 13.6 12 L 20 5.6 L 18.4 4 Z"
3288 );
3289}
3290.menu_c1e9c4 .radioIndicator__64e61 .outerRadioBase__64e61 {
3291 fill: rgba(0, 0, 0, 0);
3292}
3293.menu_c1e9c4 .radioIndicator__64e61 .outerRadioFill__64e61 {
3294 fill: rgba(0, 0, 0, 0);
3295}
3296.chatContent_f75fb0 {
3297 z-index: 9;
3298}
3299.chatContent_f75fb0 .topicsDropdownBase__0f481 {
3300 background: var(--background-tertiary);
3301}
3302.chatContent_f75fb0 .topicsDropdownBase__0f481 .topicsDropdownHeading__0f481 {
3303 background: var(--background-secondary-alt);
3304}
3305.chatContent_f75fb0 .autocomplete__13533 {
3306 --background-base-lowest: var(--background-secondary-alt);
3307 --autocomplete-bg: var(--background-tertiary);
3308 --background-surface-high: var(--background-tertiary);
3309 box-shadow: none;
3310 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
3311}
3312.chatContent_f75fb0 .autocomplete__13533 .none_d125d2::-webkit-scrollbar {
3313 display: none;
3314}
3315.backdrop__78332 {
3316 background: rgba(0, 0, 0, 0.75) !important;
3317}
3318.layer_bc663c .container__8a031 {
3319 background: var(--background-secondary-alt);
3320}
3321.layer_bc663c .container__8a031 .bodyControls__8a031:after {
3322 display: none;
3323}
3324.layer_bc663c .modalTextContainer__4d95d,
3325.layer_bc663c .codeView__4d95d {
3326 background: var(--background-tertiary);
3327}
3328.layer_bc663c .topBar__6088c .actionButtons_cc1819,
3329.layer_bc663c .topBar__6088c .closeButton__6088c .buttonInner_aec7ab {
3330 border: none;
3331}
3332.layer_bc663c .carouselModal_d3a6f0 .nav_b2eddf .buttonInner_aec7ab {
3333 border: none;
3334}
3335.layer_bc663c
3336 .modalContent_e44912
3337 .modalContainer__578ba
3338 .sidebarHeader__75f8c::after {
3339 display: none;
3340}
3341.layer_bc663c .bd-modal-root {
3342 border: none;
3343 overflow: hidden;
3344 max-height: 80vh;
3345 height: auto;
3346 background: var(--background-tertiary);
3347}
3348.layer_bc663c .bd-modal-root .bd-modal-header {
3349 background: var(--background-secondary-alt);
3350 border-radius: 0;
3351}
3352.layer_bc663c .bd-modal-root .bd-modal-content {
3353 background: var(--background-tertiary);
3354 padding: 20px;
3355 border-radius: 0;
3356}
3357.layer_bc663c .bd-modal-root .bd-modal-footer {
3358 background: var(--background-secondary-alt);
3359 border-radius: 0;
3360}
3361.layer_bc663c .bd-modal-root.bd-addon-modal {
3362 max-width: 90vw;
3363 display: grid;
3364 grid-template-rows: min-content 1fr;
3365 grid-template-columns: 1fr min-content;
3366 grid-template-areas: "title close" "body body";
3367}
3368.layer_bc663c .bd-modal-root.bd-addon-modal .bd-modal-header {
3369 grid-area: title;
3370}
3371.layer_bc663c .bd-modal-root.bd-addon-modal .bd-modal-footer {
3372 grid-area: close;
3373 align-items: center;
3374}
3375.layer_bc663c .bd-modal-root.bd-addon-modal .bd-modal-footer .bd-button-filled {
3376 border: none;
3377 border-radius: 3px;
3378 color: var(--interactive-hover);
3379 background: var(--background-modifier-hover);
3380}
3381.layer_bc663c
3382 .bd-modal-root.bd-addon-modal
3383 .bd-modal-footer
3384 .bd-button-filled:hover {
3385 color: var(--interactive-active);
3386 background: var(--background-modifier-selected);
3387}
3388.layer_bc663c .bd-modal-root.bd-addon-modal .bd-modal-content {
3389 grid-area: body;
3390}
3391.layer_bc663c .bd-modal-root.bd-addon-modal .bd-scroller-base {
3392 mask: linear-gradient(
3393 to bottom,
3394 transparent,
3395 #000 5px,
3396 #000 calc(100% - 5px),
3397 transparent
3398 );
3399 -webkit-mask: linear-gradient(
3400 to bottom,
3401 transparent,
3402 #000 5px,
3403 #000 calc(100% - 5px),
3404 transparent
3405 );
3406}
3407.layer_bc663c .bd-modal-root.bd-addon-modal .bd-settings-title {
3408 flex-direction: row-reverse;
3409 justify-content: left;
3410 gap: 10px;
3411 font-size: 15px;
3412}
3413.layer_bc663c .bd-modal-root.bd-addon-modal .bd-settings-title:hover {
3414 color: var(--interactive-hover);
3415 cursor: pointer;
3416}
3417.layer_bc663c .bd-modal-root.bd-addon-modal .bd-settings-title::before {
3418 display: none;
3419}
3420.layer_bc663c
3421 .bd-modal-root.bd-addon-modal
3422 .bd-settings-group.collapsed
3423 .bd-settings-title::after {
3424 transform: rotate(-90deg);
3425}
3426.layer_bc663c
3427 .bd-modal-root.bd-addon-modal
3428 .bd-settings-group:not(:last-child)
3429 .bd-settings-title {
3430 margin-bottom: 20px;
3431}
3432.layer_bc663c .bd-modal-root.bd-addon-modal .bd-settings-container {
3433 margin: 0 5px 0 15px;
3434}
3435.layer_bc663c
3436 .bd-modal-root.bd-addon-modal
3437 .bd-setting-item.inline:first-child:has(.bd-slider-wrap) {
3438 padding-top: 10px;
3439}
3440.layer_bc663c .bd-modal-root.bd-addon-modal .bd-setting-item.inline:last-child {
3441 margin: 0;
3442}
3443.layer_bc663c
3444 .bd-modal-root.bd-addon-modal
3445 .bd-setting-item.inline:last-child
3446 .bd-setting-divider {
3447 visibility: hidden;
3448}
3449.layerContainer__59d0d .container__72c38 {
3450 border: none;
3451 background: none;
3452 border-radius: 0;
3453}
3454.layerContainer__59d0d .container__72c38 .container__75098 {
3455 border: none;
3456 background: none !important;
3457 border-bottom: 1px solid var(--interactive-normal);
3458 outline: none !important;
3459 box-shadow: none !important;
3460 border-radius: 0;
3461}
3462.layerContainer__59d0d .container__72c38 .container__75098:focus-within {
3463 border-color: var(--header-secondary);
3464}
3465.menu_c1e9c4 {
3466 --reference-position-layer-max-height: calc(
3467 100vh - var(--custom-menu-viewport-padding) * 2
3468 );
3469 --custom-floating-layer-max-height: calc(
3470 100vh - var(--custom-menu-viewport-padding) * 2
3471 );
3472}
3473.layer__59d0d:not(.theme-light),
3474.layer__529b0:not(.theme-light),
3475.layer_bc663c:not(.theme-light) {
3476 --background-surface-high: var(--background-secondary-alt);
3477 --background-surface-higher: var(--background-tertiary);
3478 --background-surface-highest: var(--background-modifier-hover);
3479 --bg-base-secondary: var(--background-secondary-alt);
3480 --background-base-lower: var(--background-secondary-alt);
3481 --modal-background: var(--background-secondary-alt);
3482 --modal-footer-background: var(--background-secondary-alt);
3483 --background-secondary: var(--background-secondary-alt);
3484 --border-subtle: transparent;
3485 --bg-surface-overlay: var(--background-tertiary);
3486}
3487.layer__59d0d:not(.theme-light) .select_a16aea,
3488.layer__59d0d:not(.theme-light) .pauseContainer_c38e9f,
3489.layer__529b0:not(.theme-light) .select_a16aea,
3490.layer__529b0:not(.theme-light) .pauseContainer_c38e9f,
3491.layer_bc663c:not(.theme-light) .select_a16aea,
3492.layer_bc663c:not(.theme-light) .pauseContainer_c38e9f {
3493 border: none;
3494}
3495.layer__59d0d:not(.theme-light) .select_a16aea,
3496.layer__529b0:not(.theme-light) .select_a16aea,
3497.layer_bc663c:not(.theme-light) .select_a16aea {
3498 background: var(--background-floating);
3499}
3500.layer__59d0d:not(.theme-light) .popout_a16aea,
3501.layer__529b0:not(.theme-light) .popout_a16aea,
3502.layer_bc663c:not(.theme-light) .popout_a16aea {
3503 background: var(--background-floating);
3504}
3505.layer__59d0d:not(.theme-light) .container__3dde2,
3506.layer__529b0:not(.theme-light) .container__3dde2,
3507.layer_bc663c:not(.theme-light) .container__3dde2 {
3508 background: var(--background-tertiary);
3509}
3510.tooltipPrimary_c36707 {
3511 background: var(--background-floating);
3512 --tooltip-pointer-bg: var(--background-floating);
3513}
3514.tooltipPrimary_c36707 .tooltipPointer_c36707 {
3515 border-top-color: var(--background-floating);
3516}
3517.tooltip_fa450d {
3518 background: var(--background-floating);
3519}
3520.tooltip_fa450d .caretFill_fa450d {
3521 fill: var(--background-floating);
3522}
3523body {
3524 --sbInnerSpacing: calc(var(--serverBar-Spacing) * 0.5);
3525 --sbIconScale: calc(var(--serverBar-IconSize) * 0.01);
3526 --sbDmSpacing: calc(var(--serverBar-Spacing) * 0.9);
3527 --sbSIconSpacing: calc(var(--sbDmSpacing) * 0.5);
3528 --guildbar-avatar-size: 40px;
3529 --guildbar-folder-size: 40px;
3530}
3531#app-mount .base__5e434[data-fullscreen="false"] {
3532 display: flex;
3533 margin-bottom: 54px;
3534}
3535#app-mount .base__5e434[data-fullscreen="false"] .content__5e434 {
3536 display: flex;
3537}
3538#app-mount .base__5e434[data-fullscreen="false"] .page__5e434 {
3539 margin-left: calc(var(--custom-guild-list-width) * -1);
3540}
3541#app-mount .sidebar__5e434:not(.hidden__5e434) {
3542 display: flex;
3543 left: calc(var(--custom-guild-list-width) * -1);
3544 padding-left: var(--custom-guild-list-width);
3545 box-sizing: border-box;
3546}
3547#app-mount .sidebar__5e434:not(.hidden__5e434)[data-collapsed="true"] {
3548 width: 0px !important;
3549}
3550#app-mount .sidebar__5e434:not(.hidden__5e434) .container__2637a {
3551 display: flex !important;
3552}
3553#app-mount .sidebar__5e434:not(.hidden__5e434) .privateChannels_e6b769,
3554#app-mount .sidebar__5e434:not(.hidden__5e434) .container__551b0 {
3555 display: flex !important;
3556}
3557.sidebarList__5e434 {
3558 overflow: visible;
3559 backdrop-filter: unset !important;
3560 -webkit-backdrop-filter: unset !important;
3561}
3562.sidebarList__5e434 .content_d125d2 > [style="height: 84px;"]:not([class]) {
3563 margin-top: -84px;
3564 visibility: hidden;
3565}
3566.sidebarList__5e434 .animatedBannerHoverLayer_f37cb1 {
3567 display: none;
3568}
3569.sidebarList__5e434 .container__2637a {
3570 mask: none;
3571}
3572.sidebarList__5e434 .container_f37cb1 {
3573 position: fixed;
3574 bottom: 0;
3575 right: 0;
3576 width: 120px;
3577 height: 54px;
3578 display: block !important;
3579}
3580.sidebarList__5e434 .container_f37cb1 .headerContent_f37cb1,
3581.sidebarList__5e434 .container_f37cb1 .header_f37cb1,
3582.sidebarList__5e434 .container_f37cb1 .guildBadgeAndName_f37cb1 {
3583 display: contents !important;
3584}
3585.sidebarList__5e434 .container_f37cb1 .guildDropdown_f37cb1 {
3586 padding: 0;
3587 height: 100%;
3588 width: 100%;
3589 justify-content: center;
3590 border-radius: 0;
3591}
3592.sidebarList__5e434 .container_f37cb1 .guildDropdown_f37cb1:hover,
3593.sidebarList__5e434
3594 .container_f37cb1
3595 .guildDropdown_f37cb1[aria-expanded="true"] {
3596 background-color: rgba(0, 0, 0, 0.2) !important;
3597}
3598.sidebarList__5e434 .container_f37cb1 .name_f37cb1 {
3599 margin: 5px;
3600 white-space: normal;
3601 max-height: 32px;
3602 line-height: 16px;
3603 font-weight: 400;
3604 color: var(--text-normal);
3605 text-align: center;
3606 text-shadow: 1.5px 1.5px 3px rgba(0, 0, 0, 0.75);
3607}
3608.sidebarList__5e434 .container_f37cb1 .guildIconV2Container__85d16,
3609.sidebarList__5e434 .container_f37cb1 .guildIconContainer__85d16,
3610.sidebarList__5e434 .container_f37cb1 .headerChildren_f37cb1,
3611.sidebarList__5e434 .container_f37cb1 .favoritesIcon_f37cb1,
3612.sidebarList__5e434 .container_f37cb1 .animatedContainer_f37cb1,
3613.sidebarList__5e434 .container_f37cb1 .headerEllipseBackdrop_f37cb1,
3614.sidebarList__5e434 .container_f37cb1 .headerEllipseForeground_f37cb1,
3615.sidebarList__5e434 .container_f37cb1 .headerGlass_f37cb1,
3616.sidebarList__5e434 .container_f37cb1 .inviteButton_f37cb1 {
3617 display: none;
3618}
3619.privateChannels_e6b769 .searchBar_e6b769 {
3620 position: fixed;
3621 width: 120px;
3622 height: 54px;
3623 right: 0;
3624 bottom: 0;
3625 padding: 0;
3626 z-index: 0;
3627}
3628.privateChannels_e6b769 .searchBar_e6b769:hover {
3629 background-color: rgba(0, 0, 0, 0.2);
3630}
3631.privateChannels_e6b769 .searchBar_e6b769 .button_a22cb0 {
3632 height: 100%;
3633 max-height: unset;
3634 border-radius: 0px !important;
3635}
3636.privateChannels_e6b769 .searchBar_e6b769 .buttonChildrenWrapper_a22cb0 {
3637 padding: 0px 10px;
3638}
3639.privateChannels_e6b769 .searchBar_e6b769 .overflow_b0dfc2 {
3640 white-space: wrap;
3641 color: var(--text-normal);
3642 text-align: center;
3643 text-shadow: 1.5px 1.5px 3px rgba(0, 0, 0, 0.75);
3644}
3645.container__551b0 .header__551b0 {
3646 position: fixed;
3647 display: flex !important;
3648 width: 120px;
3649 height: 54px;
3650 right: 0;
3651 bottom: 0;
3652 margin: 0;
3653 padding: 0;
3654 justify-content: center;
3655}
3656.container__551b0 .header__551b0 .text-lg\/semibold_cf4812 {
3657 display: block !important;
3658 font-weight: 400;
3659 font-size: 16px;
3660 color: var(--text-normal);
3661 overflow: hidden;
3662 text-shadow: 1.5px 1.5px 3px rgba(0, 0, 0, 0.75);
3663}
3664.clickTrapContainer__59d0d > .layer__59d0d:has(.tooltip__4e35b) {
3665 pointer-events: none;
3666}
3667.guilds__5e434 {
3668 position: fixed;
3669 left: 0;
3670 bottom: 0;
3671 right: 0;
3672 height: 54px;
3673 width: 100vw !important;
3674 margin: 0 !important;
3675 mask: none !important;
3676}
3677.guilds__5e434 .tree_ef3116 {
3678 height: 100vw;
3679 min-height: 100vw;
3680 width: 54px;
3681 background: none !important;
3682 transform: rotate(-90deg) translateX(-54px);
3683 transform-origin: top left;
3684 outline: none;
3685}
3686.guilds__5e434 .unreadMentionsIndicatorTop_ef3116,
3687.guilds__5e434 .unreadMentionsIndicatorBottom_ef3116,
3688.guilds__5e434 .listItem__650eb:has(.guildSeparator__252b6) {
3689 display: none;
3690}
3691.guilds__5e434 .scroller_ef3116 {
3692 display: grid;
3693 height: 100%;
3694 width: 54px !important;
3695 margin: 0 0 120px 0;
3696 padding: 0 !important;
3697 gap: 0 !important;
3698 overflow: hidden !important;
3699 grid-template-columns: 54px;
3700 grid-template-rows: min-content min-content min-content auto;
3701 grid-template-areas: "Home" "GuildsAdd" "Discovery" "Servers";
3702 grid-auto-rows: min-content;
3703 align-items: center !important;
3704}
3705.guilds__5e434 .scroller_ef3116::before {
3706 content: "";
3707 position: absolute;
3708 width: 32px;
3709 height: 2px;
3710 margin: 0 11px;
3711 background-color: var(--interactive-normal);
3712 top: 120px;
3713}
3714.guilds__5e434 .scroller_ef3116::after {
3715 content: "";
3716 position: absolute;
3717 width: 32px;
3718 height: 2px;
3719 margin: 0 11px;
3720 background-color: var(--interactive-normal);
3721 bottom: 0px;
3722}
3723.guilds__5e434 .listItem__650eb {
3724 width: 54px;
3725}
3726.guilds__5e434 .listItem__650eb .item__58105 {
3727 height: calc(40px * var(--sbIconScale) * 0.2) !important;
3728 margin-left: -4px;
3729}
3730.guilds__5e434 .listItem__650eb .item__58105.hovered__58105 {
3731 display: none;
3732}
3733.guilds__5e434 .listItem__650eb .item__58105.selected__58105 {
3734 height: calc(40px * var(--sbIconScale) * 0.8) !important;
3735 border-radius: 0 8px 8px 0;
3736 display: block !important;
3737}
3738.guilds__5e434 .listItem__650eb .upperBadge_cc5dd2 {
3739 top: -4px;
3740 right: -4px;
3741}
3742.guilds__5e434 .listItem__650eb .lowerBadge_cc5dd2 {
3743 left: 0px;
3744 bottom: 0px;
3745 animation: none;
3746}
3747.guilds__5e434
3748 .listItem__650eb
3749 .wrapper_cc5dd2:not(.wrapper_cc5dd2 .wrapper_cc5dd2) {
3750 filter: drop-shadow(2px 2px 3px black);
3751}
3752.guilds__5e434 .listItem__650eb mask,
3753.guilds__5e434 .listItem__650eb g {
3754 display: none;
3755}
3756.guilds__5e434 .listItem__650eb foreignObject {
3757 mask: none;
3758}
3759.guilds__5e434 .listItem__650eb .wrapper__6e9f8:hover .icon__6e9f8,
3760.guilds__5e434 .listItem__650eb .wrapper__6e9f8:hover .avatar__44b0c {
3761 border-radius: 25%;
3762}
3763.guilds__5e434 .listItem__650eb .childWrapper__6e9f8 {
3764 scale: 1;
3765 background: none !important;
3766}
3767.guilds__5e434 .listItem__650eb .icon__6e9f8,
3768.guilds__5e434 .listItem__650eb .avatar__44b0c {
3769 border-radius: 50%;
3770 transition: 0.2s;
3771}
3772.guilds__5e434 .listItem__650eb .avatarStack__44b0c {
3773 justify-content: center;
3774 align-items: center;
3775}
3776.guilds__5e434 .listItem__650eb .acronym__6e9f8 {
3777 background: none;
3778 filter: drop-shadow(2px 2px 3px black);
3779}
3780.guilds__5e434 .listItem__650eb .dragInner__87847 {
3781 background: rgba(0, 0, 0, 0.5);
3782}
3783.guilds__5e434 .listItem__650eb .wobble_e5445c {
3784 transform-origin: center;
3785}
3786.guilds__5e434 .listItem__650eb .placeholderMask__87847 {
3787 scale: var(--sbIconScale);
3788}
3789.guilds__5e434 .listItem__650eb .wrapper_d144f8 {
3790 top: calc(var(--serverBar-Spacing) * -1);
3791 bottom: 0;
3792}
3793.guilds__5e434 .blobContainer_e5445c,
3794.guilds__5e434 .listItemWrapper__91816,
3795.guilds__5e434 span > .wrapper_cc5dd2 {
3796 transform: rotate(90deg) !important;
3797 scale: var(--sbIconScale);
3798 margin: calc((40px - 40px * var(--sbIconScale)) / 2 * -1) 0;
3799 height: 40px !important;
3800 width: 40px !important;
3801}
3802.guilds__5e434 .tutorialContainer__1f388 {
3803 grid-area: Home;
3804 height: 40px;
3805 margin: 14px 0 7px 0;
3806}
3807.guilds__5e434 .tutorialContainer__1f388 .item__58105 {
3808 display: none;
3809}
3810.guilds__5e434 .tutorialContainer__1f388 .listItemWrapper__91816 {
3811 scale: 1 !important;
3812 margin: 0 !important;
3813 height: unset !important;
3814 width: unset !important;
3815}
3816.guilds__5e434 .tutorialContainer__1f388 .svg_cc5dd2 {
3817 pointer-events: none;
3818}
3819.guilds__5e434 .tutorialContainer__1f388 foreignObject {
3820 mask: none;
3821 overflow: visible;
3822 pointer-events: auto;
3823}
3824.guilds__5e434 .tutorialContainer__1f388 .childWrapper__6e9f8 {
3825 transition: none;
3826 color: var(--header-secondary) !important;
3827}
3828.guilds__5e434 .tutorialContainer__1f388 .childWrapper__6e9f8 svg {
3829 height: 26px;
3830 margin: 4px 4px 0 0;
3831 overflow: visible;
3832}
3833.guilds__5e434 .tutorialContainer__1f388 .childWrapper__6e9f8 img {
3834 border-radius: 50%;
3835 height: 40px;
3836 width: 40px;
3837 margin: 4px;
3838 transition: 0.2s;
3839}
3840.guilds__5e434 .tutorialContainer__1f388 .childWrapper__6e9f8:hover img {
3841 border-radius: 25%;
3842}
3843.guilds__5e434
3844 .tutorialContainer__1f388
3845 .listItemWrapper__91816:not(.selected__91816):hover
3846 .childWrapper__6e9f8 {
3847 color: var(--text-normal) !important;
3848}
3849.guilds__5e434 .tutorialContainer__1f388 path {
3850 d: path(
3851 "M 20.6644 20 C 20.6644 20 19.8014 18.9762 19.0822 18.0714 C 22.2226 17.1905 23.4212 15.2381 23.4212 15.2381 C 22.4384 15.881 21.5034 16.3334 20.6644 16.6429 C 19.4658 17.1429 18.3151 17.4762 17.1884 17.6667 C 14.887 18.0953 12.7774 17.9762 10.9795 17.6429 C 9.61301 17.381 8.43836 17 7.45548 16.6191 C 6.90411 16.4048 6.30479 16.1429 5.70548 15.8096 C 5.63356 15.7619 5.56164 15.7381 5.48973 15.6905 C 5.44178 15.6667 5.41781 15.6429 5.39384 15.6191 C 4.96233 15.381 4.7226 15.2143 4.7226 15.2143 C 4.7226 15.2143 5.87329 17.1191 8.91781 18.0238 C 8.19863 18.9286 7.31164 20 7.31164 20 C 2.0137 19.8333 0 16.381 0 16.381 C 0 8.7144 3.45205 2.50017 3.45205 2.50017 C 6.90411 -0.07123 10.1884 0.000197861 10.1884 0.000197861 L 10.4281 0.285909 C 6.11301 1.52399 4.12329 3.40493 4.12329 3.40493 C 4.12329 3.40493 4.65068 3.11921 5.53767 2.71446 C 8.10274 1.59542 10.1404 1.2859 10.9795 1.21447 C 11.1233 1.19066 11.2432 1.16685 11.387 1.16685 C 12.8493 0.976379 14.5034 0.92876 16.2295 1.11923 C 18.5068 1.38114 20.9521 2.0478 23.4452 3.40493 C 23.4452 3.40493 21.5514 1.61923 17.476 0.381146 L 17.8116 0.000197861 C 17.8116 0.000197861 21.0959 -0.07123 24.5479 2.50017 C 24.5479 2.50017 28 8.7144 28 16.381 C 28 16.381 25.9623 19.8333 20.6644 20 Z M 9.51712 8.88106 C 8.15068 8.88106 7.07192 10.0715 7.07192 11.5239 C 7.07192 12.9763 8.17466 14.1667 9.51712 14.1667 C 10.8836 14.1667 11.9623 12.9763 11.9623 11.5239 C 11.9863 10.0715 10.8836 8.88106 9.51712 8.88106 Z M 18.2671 8.88106 C 16.9007 8.88106 15.8219 10.0715 15.8219 11.5239 C 15.8219 12.9763 16.9247 14.1667 18.2671 14.1667 C 19.6336 14.1667 20.7123 12.9763 20.7123 11.5239 C 20.7123 10.0715 19.6336 8.88106 18.2671 8.88106 Z"
3852 );
3853}
3854.guilds__5e434 .scroller_ef3116 > .tutorialContainer__650eb {
3855 grid-area: GuildsAdd;
3856 margin: 3px 0 3px 0;
3857 height: 20px;
3858}
3859.guilds__5e434
3860 .scroller_ef3116
3861 > .tutorialContainer__650eb
3862 .listItemWrapper__91816 {
3863 scale: 1 !important;
3864 margin: 0 !important;
3865 height: unset !important;
3866 width: unset !important;
3867}
3868.guilds__5e434
3869 .scroller_ef3116
3870 > .tutorialContainer__650eb
3871 .listItemWrapper__91816.selected__91816 {
3872 pointer-events: none;
3873}
3874.guilds__5e434
3875 .scroller_ef3116
3876 > .tutorialContainer__650eb
3877 .listItemWrapper__91816.selected__91816
3878 .circleIconButton__5bc7e {
3879 color: var(--text-normal);
3880}
3881.guilds__5e434 .scroller_ef3116 > .tutorialContainer__650eb .wrapper_cc5dd2 {
3882 width: 20px !important;
3883 height: 20px !important;
3884}
3885.guilds__5e434 .scroller_ef3116 > .tutorialContainer__650eb .svg_cc5dd2 {
3886 width: 20px;
3887 height: 20px;
3888 inset: 0;
3889}
3890.guilds__5e434
3891 .scroller_ef3116
3892 > .tutorialContainer__650eb
3893 .circleIconButton__5bc7e {
3894 background: none !important;
3895 transition: none;
3896 color: var(--header-secondary);
3897}
3898.guilds__5e434
3899 .scroller_ef3116
3900 > .tutorialContainer__650eb
3901 .circleIconButton__5bc7e:hover {
3902 color: var(--text-normal);
3903}
3904.guilds__5e434 .scroller_ef3116 > .tutorialContainer__650eb .circleIcon__5bc7e {
3905 height: 100%;
3906 width: 100%;
3907}
3908.guilds__5e434 .scroller_ef3116 > .tutorialContainer__650eb .wrapper_d144f8,
3909.guilds__5e434 .scroller_ef3116 > .tutorialContainer__650eb .item__58105 {
3910 display: none !important;
3911}
3912.guilds__5e434 .scroller_ef3116 > .listItem__650eb:last-child {
3913 grid-area: Discovery;
3914 margin: 3px 0 12px 0;
3915 height: 20px;
3916}
3917.guilds__5e434
3918 .scroller_ef3116
3919 > .listItem__650eb:last-child
3920 .listItemWrapper__91816 {
3921 scale: 1 !important;
3922 margin: 0 !important;
3923 height: unset !important;
3924 width: unset !important;
3925}
3926.guilds__5e434
3927 .scroller_ef3116
3928 > .listItem__650eb:last-child
3929 .listItemWrapper__91816.selected__91816 {
3930 pointer-events: none;
3931}
3932.guilds__5e434
3933 .scroller_ef3116
3934 > .listItem__650eb:last-child
3935 .listItemWrapper__91816.selected__91816
3936 .circleIconButton__5bc7e {
3937 color: var(--text-normal);
3938}
3939.guilds__5e434 .scroller_ef3116 > .listItem__650eb:last-child .wrapper_cc5dd2 {
3940 width: 20px !important;
3941 height: 20px !important;
3942}
3943.guilds__5e434 .scroller_ef3116 > .listItem__650eb:last-child .svg_cc5dd2 {
3944 width: 20px;
3945 height: 20px;
3946 inset: 0;
3947}
3948.guilds__5e434
3949 .scroller_ef3116
3950 > .listItem__650eb:last-child
3951 .circleIconButton__5bc7e {
3952 background: none !important;
3953 transition: none;
3954 color: var(--header-secondary);
3955}
3956.guilds__5e434
3957 .scroller_ef3116
3958 > .listItem__650eb:last-child
3959 .circleIconButton__5bc7e:hover {
3960 color: var(--text-normal);
3961}
3962.guilds__5e434
3963 .scroller_ef3116
3964 > .listItem__650eb:last-child
3965 .circleIcon__5bc7e {
3966 height: 100%;
3967 width: 100%;
3968}
3969.guilds__5e434 .scroller_ef3116 > .listItem__650eb:last-child .wrapper_d144f8,
3970.guilds__5e434 .scroller_ef3116 > .listItem__650eb:last-child .item__58105 {
3971 display: none !important;
3972}
3973.guilds__5e434 .scroller_ef3116 > .stack_dbd263:not([id]) {
3974 grid-area: Servers;
3975 overflow: hidden scroll;
3976 max-height: -webkit-fill-available;
3977 padding: var(--serverBar-Spacing) 0 !important;
3978 box-sizing: border-box;
3979 gap: var(--serverBar-Spacing) !important;
3980}
3981.guilds__5e434 .scroller_ef3116 > .stack_dbd263:not([id])::-webkit-scrollbar {
3982 display: none;
3983}
3984.guilds__5e434 .scroller_ef3116 > .stack_dbd263:not([id]) .folderGroup__48112 {
3985 width: 54px;
3986}
3987@container style(--serverBar-FolderStyle: 1) {
3988 .guilds__5e434
3989 .scroller_ef3116
3990 > .stack_dbd263:not([id])
3991 .folderGroup__48112
3992 .folderGroupBackground__48112 {
3993 width: calc(34px * var(--sbIconScale));
3994 left: calc((54px - 34px * var(--sbIconScale)) / 2);
3995 top: 2px;
3996 bottom: 2px;
3997 border: none;
3998 border-radius: 10px;
3999 background-color: rgba(30, 30, 30, 0.5);
4000 }
4001}
4002@container not style(--serverBar-FolderStyle: 1) {
4003 .guilds__5e434
4004 .scroller_ef3116
4005 > .stack_dbd263:not([id])
4006 .folderGroup__48112
4007 .folderGroupBackground__48112 {
4008 display: none;
4009 }
4010}
4011.guilds__5e434
4012 .scroller_ef3116
4013 > .stack_dbd263:not([id])
4014 .folderGroup__48112
4015 .folderHeader__48112 {
4016 transform: rotate(90deg);
4017 scale: var(--sbIconScale);
4018 margin: calc((40px - 40px * var(--sbIconScale)) / 2 * -1) 0;
4019}
4020.guilds__5e434
4021 .scroller_ef3116
4022 > .stack_dbd263:not([id])
4023 .folderGroup__48112
4024 .folderButton__48112 {
4025 overflow: visible;
4026}
4027.guilds__5e434
4028 .scroller_ef3116
4029 > .stack_dbd263:not([id])
4030 .folderGroup__48112
4031 .folderButton__48112
4032 .svg_cc5dd2 {
4033 pointer-events: none;
4034}
4035.guilds__5e434
4036 .scroller_ef3116
4037 > .stack_dbd263:not([id])
4038 .folderGroup__48112
4039 .wrapper_cc5dd2 {
4040 height: 40px !important;
4041 width: 40px !important;
4042}
4043.guilds__5e434
4044 .scroller_ef3116
4045 > .stack_dbd263:not([id])
4046 .folderGroup__48112.isExpanded__48112
4047 .folderPreviewWrapper__48112 {
4048 display: none;
4049}
4050.guilds__5e434
4051 .scroller_ef3116
4052 > .stack_dbd263:not([id])
4053 .folderGroup__48112
4054 .folderButtonContent__48112 {
4055 transition: none;
4056}
4057.guilds__5e434
4058 .scroller_ef3116
4059 > .stack_dbd263:not([id])
4060 .folderGroup__48112
4061 .folderPreviewWrapper__48112 {
4062 transition: 0.2s;
4063 pointer-events: auto;
4064 background-color: var(--custom-preview-background, transparent);
4065}
4066.guilds__5e434
4067 .scroller_ef3116
4068 > .stack_dbd263:not([id])
4069 .folderGroup__48112
4070 .folderPreviewWrapper__48112:hover {
4071 border-radius: 15%;
4072}
4073.guilds__5e434
4074 .scroller_ef3116
4075 > .stack_dbd263:not([id])
4076 .folderGroup__48112
4077 > .stack_dbd263 {
4078 height: auto !important;
4079 gap: var(--serverBar-Spacing) !important;
4080 padding: var(--sbInnerSpacing) 0 var(--sbInnerSpacing) 0 !important;
4081}
4082.guilds__5e434
4083 .scroller_ef3116
4084 > .stack_dbd263:not([id])
4085 .folderGroup__48112
4086 > .stack_dbd263
4087 .listItem__650eb {
4088 margin: 0;
4089}
4090@container not style(--serverBar-FolderStyle: 1) {
4091 .guilds__5e434
4092 .scroller_ef3116
4093 > .stack_dbd263:not([id])
4094 .folderGroup__48112
4095 .folderGuildsList__48112::after {
4096 content: "";
4097 position: absolute;
4098 width: 32px;
4099 height: 2px;
4100 margin: 0 11px;
4101 background-color: var(--interactive-normal);
4102 bottom: calc(
4103 (
4104 (var(--serverBar-Spacing) + var(--sbInnerSpacing)) / 2 -
4105 var(--sbInnerSpacing) + 1px
4106 ) *
4107 -1
4108 );
4109 }
4110}
4111.guilds__5e434
4112 .scrollerBase_d125d2
4113 > .listItem__650eb:not(.stack_dbd263:not([id]) ~ .listItem__650eb) {
4114 margin: var(--sbDmSpacing) 0;
4115}
4116.guilds__5e434
4117 .scrollerBase_d125d2
4118 > .listItem__650eb:not(.stack_dbd263:not([id]) ~ .listItem__650eb)::before {
4119 content: "";
4120 position: absolute;
4121 width: 32px;
4122 height: 2px;
4123 margin: 0 11px;
4124 background-color: var(--interactive-normal);
4125 top: calc(var(--sbDmSpacing) * -1);
4126}
4127.guilds__5e434
4128 .scrollerBase_d125d2
4129 > .listItem__650eb:not(.stack_dbd263:not([id]) ~ .listItem__650eb)
4130 .item__58105 {
4131 display: none;
4132}
4133.guilds__5e434
4134 .scrollerBase_d125d2
4135 > .listItem__650eb:not(.stack_dbd263:not([id]) ~ .listItem__650eb)
4136 + .listItem__650eb,
4137.guilds__5e434
4138 .scrollerBase_d125d2
4139 > .listItem__650eb:not(.stack_dbd263:not([id]) ~ .listItem__650eb)
4140 + #guild-list-unread-dms,
4141.guilds__5e434
4142 .scrollerBase_d125d2
4143 > .listItem__650eb:not(.stack_dbd263:not([id]) ~ .listItem__650eb)
4144 + #guild-list-unread-dms:empty
4145 + .listItem__650eb {
4146 margin-top: 0 !important;
4147}
4148.guilds__5e434
4149 .scrollerBase_d125d2
4150 > .listItem__650eb:not(.stack_dbd263:not([id]) ~ .listItem__650eb)
4151 + .listItem__650eb::before,
4152.guilds__5e434
4153 .scrollerBase_d125d2
4154 > .listItem__650eb:not(.stack_dbd263:not([id]) ~ .listItem__650eb)
4155 + #guild-list-unread-dms::before,
4156.guilds__5e434
4157 .scrollerBase_d125d2
4158 > .listItem__650eb:not(.stack_dbd263:not([id]) ~ .listItem__650eb)
4159 + #guild-list-unread-dms:empty
4160 + .listItem__650eb::before {
4161 display: none;
4162}
4163.guilds__5e434 .listItem__650eb:has(.favoriteIcon_c9fddf) {
4164 pointer-events: none;
4165}
4166.guilds__5e434 .listItem__650eb:has(.favoriteIcon_c9fddf) .wrapper_cc5dd2,
4167.guilds__5e434 .listItem__650eb:has(.favoriteIcon_c9fddf) .wrapper__6e9f8 {
4168 pointer-events: auto;
4169}
4170.guilds__5e434 .listItem__650eb:has(.favoriteIcon_c9fddf) .svg_cc5dd2 {
4171 pointer-events: none;
4172}
4173.guilds__5e434 .listItem__650eb:has(.favoriteIcon_c9fddf) .childWrapper__6e9f8 {
4174 background: none;
4175 color: var(--header-secondary);
4176}
4177.guilds__5e434
4178 .listItem__650eb:has(.favoriteIcon_c9fddf)
4179 .childWrapper__6e9f8:hover {
4180 color: var(--text-normal);
4181}
4182.guilds__5e434 #guild-list-unread-dms {
4183 position: relative;
4184 margin: var(--sbDmSpacing) 0 !important;
4185 gap: var(--sbDmSpacing) !important;
4186}
4187.guilds__5e434 #guild-list-unread-dms::before {
4188 content: "";
4189 position: absolute;
4190 width: 32px;
4191 height: 2px;
4192 margin: 0 11px;
4193 background-color: var(--interactive-normal);
4194 top: calc(var(--sbDmSpacing) * -1);
4195}
4196.guilds__5e434 #guild-list-unread-dms > div:not([class]) {
4197 height: auto !important;
4198}
4199.guilds__5e434 #guild-list-unread-dms .listItem__650eb .item__58105 {
4200 display: none;
4201}
4202.guilds__5e434 #guild-list-unread-dms:not(:empty) + .listItem__650eb {
4203 margin-top: 0 !important;
4204}
4205.guilds__5e434 #guild-list-unread-dms:not(:empty) + .listItem__650eb::before {
4206 display: none;
4207}
4208.guilds__5e434 #guild-list-unread-dms:empty {
4209 display: none;
4210}
4211.guilds__5e434 .listItem__650eb:has(.notificationsIcon__4f4b6) {
4212 margin: var(--sbSIconSpacing) 0 !important;
4213}
4214.guilds__5e434 .listItem__650eb:has(.notificationsIcon__4f4b6)::before {
4215 top: calc(var(--sbSIconSpacing) * -1) !important;
4216}
4217.guilds__5e434 .listItem__650eb:has(.notificationsIcon__4f4b6) .wrapper_cc5dd2 {
4218 transform: rotate(90deg);
4219 scale: var(--sbIconScale);
4220 margin: 0;
4221 height: 40px !important;
4222}
4223.guilds__5e434
4224 .listItem__650eb:has(.notificationsIcon__4f4b6)
4225 .childWrapper__6e9f8 {
4226 background: none;
4227 color: var(--header-secondary);
4228}
4229.guilds__5e434
4230 .listItem__650eb:has(.notificationsIcon__4f4b6)
4231 .childWrapper__6e9f8:hover {
4232 color: var(--text-normal);
4233}
4234.container__133bf .children__9293f .dot__9293f,
4235.container__133bf .children__9293f .iconWrapper__9293f,
4236.container__133bf .children__9293f .titleWrapper__9293f {
4237 display: none;
4238}
4239.container__133bf .tabBar__133bf {
4240 margin: 0 auto;
4241}
4242@media (width > 700px) {
4243 .container__133bf .toolbar__9293f .inviteToolbar__133bf {
4244 display: flex !important;
4245 }
4246}
4247.container__72c38 {
4248 border: none;
4249 background: var(--background-modifier-accent);
4250 border-radius: 5px;
4251}
4252.container__72c38 .container__75098 {
4253 border: solid rgba(0, 0, 0, 0);
4254 border-width: 0 0 1px 0;
4255 background: none !important;
4256 box-shadow: none !important;
4257 outline: none !important;
4258}
4259.container__72c38:focus-within {
4260 background: none;
4261 border-radius: 0;
4262}
4263.container__72c38:focus-within .container__75098 {
4264 border-color: var(--header-secondary);
4265 border-radius: 0;
4266 outline: none;
4267}
4268.peopleList__5ec2f {
4269 margin-top: 15px;
4270 mask: linear-gradient(
4271 to bottom,
4272 transparent,
4273 #000 5px,
4274 #000 calc(100% - 5px),
4275 transparent
4276 );
4277 -webkit-mask: linear-gradient(
4278 to bottom,
4279 transparent,
4280 #000 5px,
4281 #000 calc(100% - 5px),
4282 transparent
4283 );
4284}
4285.peopleList__5ec2f::-webkit-scrollbar {
4286 display: none;
4287}
4288.peopleList__5ec2f .peopleListItem_cc6179 {
4289 transition: none;
4290 border-radius: 0;
4291}
4292.peopleList__5ec2f .peopleListItem_cc6179 .text__0a06e {
4293 width: 100%;
4294}
4295.peopleList__5ec2f .peopleListItem_cc6179 .statusText__19b6d,
4296.peopleList__5ec2f .peopleListItem_cc6179 .text_c9d15c,
4297.peopleList__5ec2f .peopleListItem_cc6179 .sub_0a06ed6ea040aa1b-text {
4298 color: var(--header-secondary) !important;
4299}
4300.peopleList__5ec2f .peopleListItem_cc6179 .discriminator__0a06e {
4301 width: 0;
4302}
4303.peopleList__5ec2f .peopleListItem_cc6179 .actionButton_f8fa06 {
4304 background: none;
4305}
4306.peopleList__5ec2f .peopleListItem_cc6179:hover {
4307 background: var(--background-modifier-accent);
4308}
4309.peopleList__5ec2f .peopleListItem_cc6179:hover .discriminator__0a06e {
4310 width: auto;
4311 visibility: visible;
4312}
4313.tabBody__133bf {
4314 container-type: inline-size;
4315}
4316.nowPlayingColumn__133bf {
4317 min-width: 300px;
4318 display: block;
4319}
4320@container style(--hide-friendsActivity: 1) {
4321 .nowPlayingColumn__133bf:has(.emptyCard__7e549) {
4322 display: none !important;
4323 }
4324}
4325@container style(--hide-friendsActivity: 2) or (width < 650px) {
4326 .nowPlayingColumn__133bf {
4327 display: none !important;
4328 }
4329}
4330.nowPlayingColumn__133bf .header__7d20c {
4331 margin: 16px;
4332 color: var(--header-secondary);
4333}
4334.nowPlayingColumn__133bf .scroller__7d20c {
4335 margin: 0;
4336 padding: 0px !important;
4337 border: none;
4338}
4339.nowPlayingColumn__133bf .scroller__7d20c::-webkit-scrollbar {
4340 display: none;
4341}
4342.nowPlayingColumn__133bf .emptyCard__7e549 {
4343 background: none;
4344}
4345.nowPlayingColumn__133bf .itemCard__7e549 {
4346 margin: 0;
4347 padding: 16px;
4348 border: none;
4349 border-radius: 0;
4350 background: none;
4351}
4352.nowPlayingColumn__133bf .itemCard__7e549:hover {
4353 background: var(--background-modifier-hover);
4354}
4355.nowPlayingColumn__133bf .itemCard__7e549 + .itemCard__7e549 {
4356 border-top: 1px solid var(--background-modifier-accent);
4357}
4358.nowPlayingColumn__133bf .itemCard__7e549 .body__00943,
4359.nowPlayingColumn__133bf .itemCard__7e549 .wrapper__11054 {
4360 background: none;
4361}
4362.nowPlayingColumn__133bf .itemCard__7e549 .section__00943 {
4363 background: none;
4364 padding: 6px 0 0 12px;
4365}
4366.emptyCard__7e549 {
4367 background: none;
4368}
4369.privateChannels_e6b769 .headerText__99e7c {
4370 color: var(--channels-default);
4371}
4372.privateChannels_e6b769 .privateChannelRecipientsInviteButtonIcon__99e7c,
4373.privateChannels_e6b769 .sectionDivider_e6b769 {
4374 display: none;
4375}
4376.privateChannels_e6b769 .privateChannelsHeaderContainer__99e7c {
4377 margin: 16px 0 6px 0;
4378}
4379.privateChannels_e6b769 .channel__972a0 {
4380 padding: 2px 0;
4381 border-radius: 0;
4382}
4383.privateChannels_e6b769 .channel__972a0 .interactive__972a0 {
4384 background: none;
4385 color: var(--channels-default);
4386}
4387.privateChannels_e6b769 .channel__972a0 .interactive__972a0.selected_bf202d {
4388 border-left: 3px solid var(--interactive-hover);
4389}
4390.privateChannels_e6b769 .channel__972a0 .interactive__972a0:hover {
4391 border-left: 3px solid var(--interactive-hover);
4392 background: var(--background-modifier-hover);
4393}
4394.privateChannels_e6b769 .textBadge__2b1f5 {
4395 background: none !important;
4396 color: var(--interactive-hover);
4397}
4398.homeWrapperNormal__0920e {
4399 border: none;
4400}
4401.homeWrapperNormal__0920e .container_c880e8 {
4402 margin: 16px;
4403}
4404.homeWrapperNormal__0920e .headerBar__0920e,
4405.homeWrapperNormal__0920e .root__52b47 {
4406 display: none;
4407}
4408.homeWrapperNormal__0920e .whatsNewSectionContainer_c880e8 {
4409 background: none;
4410}
4411.shop__6db1d .shopHomeLink__80679 {
4412 display: none;
4413}
4414.shop__6db1d .shopHomeLink__80679,
4415.shop__6db1d .tabs__80679 {
4416 height: 32px;
4417}
4418.shop__6db1d .headerBar__80679 {
4419 height: auto !important;
4420}
4421.shop__6db1d .headerBarInner__80679 {
4422 flex-wrap: wrap;
4423 height: max-content;
4424 justify-content: center;
4425 gap: 8px;
4426}
4427.shop__6db1d .headerBarInner__80679 .tabs__80679 {
4428 margin-left: 12px;
4429}
4430.shop__6db1d .headerBarInner__80679 .alignedRightContent__80679 {
4431 margin: 0;
4432}
4433.container__2637a .containerDefault__29444 ~ .sectionDivider__629e4 {
4434 display: none;
4435}
4436.container__2637a
4437 .sectionDivider__629e4
4438 ~ .sectionDivider__629e4
4439 ~ [style="height: 12px;"] {
4440 margin-top: 12px;
4441 border-width: 0;
4442 border-radius: 0;
4443 border-color: var(--background-modifier-accent);
4444 border-style: solid;
4445 border-top-width: 1px;
4446}
4447.container__2637a .eventName_e2d7b8 {
4448 color: var(--header-secondary) !important;
4449}
4450@container style(--hide-serverBoostStats: 1) {
4451 .container__2637a .container__0d0f9 {
4452 display: none;
4453 }
4454}
4455.container__2637a .container__0d0f9 .progressContainer__0d0f9 {
4456 background: none;
4457}
4458.container__2637a .container__0d0f9 .progress__0d0f9 {
4459 opacity: 0.6;
4460}
4461.container__2637a .wrapper__29444 {
4462 padding: 0 8px 0 4px;
4463}
4464.container__2637a .wrapper__29444 .mainContent__29444 {
4465 flex-direction: row-reverse;
4466 justify-content: left;
4467}
4468.container__2637a .wrapper__29444 .name__29444 {
4469 font-size: 12px;
4470 font-weight: 700;
4471 text-transform: uppercase;
4472}
4473.container__2637a .wrapper__2ea32 .link__2ea32 {
4474 background: rgba(0, 0, 0, 0);
4475 padding: var(--space-xxs);
4476}
4477.container__2637a .wrapper__2ea32 .icon__2ea32 {
4478 width: 15px;
4479 height: 15px;
4480 margin: 2.5px;
4481 color: var(--channels-default);
4482 opacity: 0.8;
4483}
4484.container__2637a .wrapper__2ea32 .name__2ea32 {
4485 color: var(--channels-default);
4486 margin-right: calc(var(--space-xs) * -0.5);
4487}
4488.container__2637a .wrapper__2ea32:hover .name__2ea32 {
4489 color: var(--interactive-hover);
4490}
4491.container__2637a .wrapper__2ea32 .dismissButton__29444,
4492.container__2637a .wrapper__2ea32 .actionIcon_c69b6d {
4493 color: var(--interactive-normal);
4494}
4495.container__2637a .wrapper__2ea32 .dismissButton__29444:hover,
4496.container__2637a .wrapper__2ea32 .actionIcon_c69b6d:hover {
4497 color: var(--interactive-hover);
4498}
4499.container__2637a .wrapper__2ea32 .iconItem_c69b6d {
4500 display: none;
4501}
4502.container__2637a .wrapper__2ea32:hover .iconItem_c69b6d {
4503 display: block;
4504}
4505.container__2637a .wrapper__2ea32 .textBadge__2b1f5 {
4506 background: none !important;
4507 color: var(--interactive-hover);
4508}
4509.container__2637a
4510 .wrapper__2ea32
4511 .channelInfo_c69b6d
4512 .text-xs\/semibold_cf4812 {
4513 color: var(--interactive-hover) !important;
4514}
4515.container__2637a .wrapper__2ea32 .wrapper__260e1 {
4516 background: none;
4517 border: none;
4518 color: var(--channels-default);
4519}
4520.container__2637a .wrapper__2ea32 .wrapper__260e1 span {
4521 background: none;
4522}
4523.container__2637a .wrapper__2ea32 .wrapper__260e1 .total__260e1::after {
4524 content: "|";
4525 top: 0px;
4526 left: -5px;
4527 border: none;
4528}
4529.container__2637a .wrapper__2ea32 .tabularNumbers__4bd52 {
4530 color: var(--channels-default) !important;
4531}
4532.container__2637a .wrapper__2ea32.modeSelected__2ea32 .name__2ea32,
4533.container__2637a .wrapper__2ea32.modeConnected__2ea32 .name__2ea32 {
4534 color: var(--interactive-active) !important;
4535}
4536.container__2637a .wrapper__2ea32.modeSelected__2ea32 .icon__2ea32,
4537.container__2637a .wrapper__2ea32.modeConnected__2ea32 .icon__2ea32 {
4538 color: var(--interactive-active) !important;
4539}
4540.container__2637a .wrapper__2ea32.modeMuted__2ea32 .icon__2ea32 {
4541 color: var(--interactive-muted);
4542}
4543.container__2637a .wrapper__2ea32.modeUnreadImportant__2ea32 .unread__2ea32 {
4544 background-color: var(--interactive-hover);
4545}
4546.container__2637a .voiceUser__07f91 .live_a7acae {
4547 background: none !important;
4548 color: var(--red);
4549}
4550.container__2637a .bar__3b95d {
4551 color: var(--header-secondary);
4552 background: var(--background-secondary-alt);
4553 border: none;
4554 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
4555}
4556.container__2637a .bar__3b95d:hover {
4557 background: var(--background-tertiary);
4558}
4559.container__2637a .bar__3b95d.mention__3b95d .text__3b95d {
4560 color: var(--red-secondary) !important;
4561}
4562.container__2637a .bar__7aaec {
4563 color: var(--header-secondary);
4564 background: var(--background-secondary-alt);
4565 border: none;
4566 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
4567}
4568.container__2637a .bar__7aaec:hover {
4569 background: var(--background-tertiary);
4570}
4571.container__2637a .bar__7aaec.mentionsBar__7aaec .barText__7aaec {
4572 color: var(--red-secondary) !important;
4573}
4574.container__2637a .bar__7aaec .voiceChannelsIcon__7aaec,
4575.container__2637a .bar__7aaec .barText__7aaec {
4576 color: var(--header-secondary);
4577}
4578.container__2637a .overlap__07f91 .avatar__07f91 {
4579 border: none;
4580 margin: 4px;
4581}
4582.container__2637a .refreshVoiceChannelsButton__29444 {
4583 width: 65%;
4584 margin: 6px auto 0 auto;
4585 padding: 0 16px;
4586}
4587.container__2637a .category__3b43f {
4588 background: var(--background-modifier-active);
4589}
4590.container__2637a .channel__3b43f .category__3b43f,
4591.container__2637a .channel__3b43f .channelName__3b43f,
4592.container__2637a .channel__3b43f .channelIcon__3b43f {
4593 background: var(--background-modifier-accent);
4594}
4595.container_c8ffbb {
4596 border: none;
4597 --custom-member-list-width: 240px;
4598}
4599.membersWrap_c8ffbb {
4600 border: none;
4601}
4602@container not style(--show-memberListScrollbar: 1 ) {
4603 .members_c8ffbb::-webkit-scrollbar {
4604 display: none;
4605 }
4606}
4607.members_c8ffbb .membersGroup_c8ffbb {
4608 margin-bottom: 4px;
4609 font-weight: 600;
4610}
4611.members_c8ffbb .container__0f2e8 {
4612 background: none;
4613}
4614.members_c8ffbb .container__0f2e8 .contentImage__42bf5 {
4615 width: 40px !important;
4616 height: 40px !important;
4617}
4618.members_c8ffbb .activityText__5d473 {
4619 color: var(--channels-default) !important;
4620}
4621.members_c8ffbb .member__5d473 {
4622 max-width: unset;
4623 margin: 1px 0 2px 11px;
4624}
4625.members_c8ffbb .member__5d473 .childContainer__91a9d {
4626 background: none;
4627 padding-left: 0;
4628 border-radius: 0;
4629 border-right: 3px solid rgba(0, 0, 0, 0);
4630}
4631.members_c8ffbb .member__5d473 .childContainer__91a9d:hover {
4632 border-color: var(--interactive-hover);
4633 background-color: var(--background-modifier-hover);
4634}
4635.members_c8ffbb .member__5d473 .container_df39b2 {
4636 margin-left: 3px;
4637}
4638.members_c8ffbb .member__5d473.selected__91a9d .childContainer__91a9d {
4639 border-right: 3px solid var(--interactive-hover);
4640}
4641.members_c8ffbb .member__5d473.offline__5d473:not(:hover) .avatar__91a9d {
4642 filter: grayscale(100%);
4643}
4644.members_c8ffbb .member__5d473 .nameAndDecorators__91a9d {
4645 pointer-events: none;
4646}
4647.members_c8ffbb .member__5d473 .ownerIcon__5d473 {
4648 color: var(--header-secondary);
4649}
4650.homeContent__7449f .row_d13feb,
4651.homeContent__7449f .card__73069 {
4652 background: var(--background-modifier-accent);
4653 border: none;
4654}
4655.container__0b563 .tabBar__0b563 {
4656 margin: 16px 32px 0 32px;
4657}
4658.container__0b563 .tabBar__0b563 .tabBarItem__0b563::after {
4659 display: none;
4660}
4661.container__0b563 .pageBody__5d7c9 .prompt__5d7c9 {
4662 border: none;
4663}
4664.container__0b563 .pageBody__5d7c9 .optionButtonWrapper__270d7 {
4665 background: var(--background-modifier-accent);
4666 border: none;
4667}
4668.container__0b563 .pageBody__5d7c9 .optionButtonWrapper__270d7:hover {
4669 background: var(--background-modifier-hover) !important;
4670}
4671.container__0b563 .pageBody__5d7c9 .optionButtonWrapper__270d7.selected__270d7 {
4672 background: var(--background-modifier-selected);
4673}
4674.container__0b563
4675 .pageBody__5d7c9
4676 .optionButtonWrapper__270d7
4677 .text-md\/medium_cf4812 {
4678 margin-right: 10px;
4679}
4680.container__0b563
4681 .pageBody__5d7c9
4682 .optionButtonWrapper__270d7
4683 .checkIcon__270d7 {
4684 top: 4px;
4685 right: 4px;
4686}
4687.container__0b563 .profile__5d7c9 .profileCard__5d7c9 {
4688 background: var(--background-modifier-accent);
4689}
4690.container__0b563 .profile__5d7c9 .bio__5d7c9 {
4691 color: var(--header-secondary) !important;
4692}
4693.container__0b563 .pageBody__41ed7 .categoryRow_e4503a {
4694 justify-content: start;
4695 gap: 20px;
4696 margin-top: 20px;
4697 border-width: 0;
4698 border-radius: 0;
4699 border-color: var(--background-modifier-accent);
4700 border-style: solid;
4701 border-top-width: 1px;
4702}
4703.container__0b563 .pageBody__41ed7 .categoryRow_e4503a.uncategorized_e4503a {
4704 padding: var(--space-md) 0 var(--space-xs);
4705}
4706.container__0b563 .pageBody__41ed7 .categoryText_e4503a {
4707 color: var(--header-secondary) !important;
4708}
4709.container__0b563 .pageBody__41ed7 .categoryRow_e4503a .container__5a838 {
4710 display: flex;
4711}
4712.container__0b563
4713 .pageBody__41ed7
4714 .categoryRow_e4503a
4715 .container__5a838
4716 .labelContainer__5a838 {
4717 display: none;
4718}
4719.container__0b563 .pageBody__41ed7 .header__41ed7 {
4720 margin-bottom: 1px;
4721}
4722.container__0b563 .pageBody__41ed7 .channelRow_e4503a {
4723 border: none;
4724}
4725.container__0b563 .pageBody__41ed7 .channelRow_e4503a:hover {
4726 background: var(--background-modifier-hover) !important;
4727}
4728.container__0b563 .pageBody__41ed7 .channelSubtitles_e4503a {
4729 margin-left: 31px;
4730}
4731.container__0b563
4732 .pageBody__41ed7
4733 .channelSubtitles_e4503a
4734 .defaultColor__4bd52 {
4735 color: var(--header-secondary);
4736}
4737.container__0b563 .pageBody__41ed7 .iconContainer__2ea32 {
4738 margin-right: 3px;
4739}
4740.container__0b563 .pageBody__41ed7 .viewChannelButtonWrapper_e4503a {
4741 display: block;
4742}
4743.container__0b563 .pageBody__41ed7 .checkboxIndicator__714a9 {
4744 background: none !important;
4745}
4746.container__0b563
4747 .pageBody__41ed7
4748 .checkboxOption__714a9[data-selected]
4749 .checkboxIndicator__714a9 {
4750 border: none;
4751}
4752.container__0b563 .pageBody__41ed7 .channelRow_e4503a:hover .checkStroke__714a9,
4753.container__0b563
4754 .pageBody__41ed7
4755 .checkboxOption__714a9[data-selected]:hover
4756 .checkStroke__714a9 {
4757 color: var(--red) !important;
4758}
4759.container__0b563
4760 .pageBody__41ed7
4761 .channelRow_e4503a:hover
4762 .checkStroke__714a9
4763 path,
4764.container__0b563
4765 .pageBody__41ed7
4766 .checkboxOption__714a9[data-selected]:hover
4767 .checkStroke__714a9
4768 path {
4769 d: path(
4770 "M 18.4 4 L 12 10.4 L 5.6 4 L 4 5.6 L 10.4 12 L 4 18.4 L 5.6 20 L 12 13.6 L 18.4 20 L 20 18.4 L 13.6 12 L 20 5.6 L 18.4 4 Z"
4771 );
4772}
4773#app-mount .container_c791b2 {
4774 padding: 0;
4775}
4776.container_c791b2 .mainTableContainer__09a38 {
4777 border: none;
4778}
4779.container_c791b2 .horizatonalScroller__09a38::-webkit-scrollbar {
4780 height: 14px;
4781}
4782.container_c791b2 .table_b4ec0b {
4783 padding: 0;
4784 margin-top: 10px;
4785 border: none;
4786}
4787.container_c791b2 .tableHeaderRow__9dd6b::after {
4788 display: none;
4789}
4790.container__49668 .container_adb50a {
4791 border: none;
4792}
4793.container__49668 .tabContainer__49668 {
4794 border: none;
4795}
4796.container__49668 .card__8833c .cardContent__8833c {
4797 background: var(--background-modifier-hover);
4798 transform: scale(1);
4799 outline: none;
4800 box-shadow: none;
4801}
4802.container__49668 .card__8833c .cardContent__8833c:hover {
4803 cursor: pointer;
4804 background: var(--background-modifier-selected);
4805}
4806.container__49668 .card__8833c .cardContent__8833c > div {
4807 padding-bottom: 12px;
4808}
4809.container__49668 .card__8833c .opaqueBackground__79d38 {
4810 background: none;
4811}
4812.root__5c9fc.enterDone__5c9fc .scroller__6fd0e {
4813 mask: linear-gradient(
4814 to bottom,
4815 transparent,
4816 #000 5px,
4817 #000 calc(100% - 5px),
4818 transparent
4819 );
4820 -webkit-mask: linear-gradient(
4821 to bottom,
4822 transparent,
4823 #000 5px,
4824 #000 calc(100% - 5px),
4825 transparent
4826 );
4827}
4828.root__5c9fc.enterDone__5c9fc .scroller__6fd0e::-webkit-scrollbar {
4829 width: 13px;
4830}
4831.root__5c9fc.enterDone__5c9fc .scroller__6fd0e::-webkit-scrollbar-thumb {
4832 border: 2px solid rgba(0, 0, 0, 0);
4833 border-radius: 7px;
4834 background-color: var(--scrollbar-thumb);
4835 background-clip: padding-box;
4836 visibility: visible;
4837}
4838.root__5c9fc.enterDone__5c9fc .scroller__6fd0e::-webkit-scrollbar-track {
4839 background-color: rgba(0, 0, 0, 0);
4840}
4841.root__5c9fc.enterDone__5c9fc .scroller__6fd0e:hover::-webkit-scrollbar-thumb {
4842 background-color: var(--scrollbar-thumb-hover);
4843}
4844.root__5c9fc.enterDone__5c9fc .bodyWave__1dfae,
4845.root__5c9fc.enterDone__5c9fc .headerWave__1dfae {
4846 display: none;
4847}
4848.outerContainer_e44912 .container__8a031.modal_e44912 {
4849 --custom-viewport-padding: 0px;
4850 height: 100%;
4851 transform: none !important;
4852 border-radius: 0;
4853 padding-top: var(--custom-app-top-bar-height);
4854}
4855.outerContainer_e44912 .container__8a031.modal_e44912 .scrollerBase_d125d2 {
4856 mask: linear-gradient(
4857 to bottom,
4858 transparent,
4859 #000 5px,
4860 #000 calc(100% - 5px),
4861 transparent
4862 );
4863 -webkit-mask: linear-gradient(
4864 to bottom,
4865 transparent,
4866 #000 5px,
4867 #000 calc(100% - 5px),
4868 transparent
4869 );
4870}
4871.outerContainer_e44912 .container__8a031.modal_e44912::after {
4872 content: "";
4873 display: block;
4874 position: fixed;
4875 left: 0;
4876 height: 1px;
4877 width: 100vw;
4878 background: #646464;
4879 top: var(--custom-app-top-bar-height);
4880}
4881.outerContainer_e44912 .sidebar__409aa {
4882 border: none;
4883}
4884.outerContainer_e44912 .fixedContent__409aa::after {
4885 display: none;
4886}
4887@container not style(--T1Fv: 11 ) {
4888 .outerContainer_e44912 .fixedContent__409aa .section__409aa::after {
4889 content: "Version 0.11.0 for T1 is available";
4890 position: relative;
4891 display: block;
4892 width: 100%;
4893 padding: 8px;
4894 box-sizing: border-box;
4895 font-size: 15px;
4896 font-weight: 600;
4897 text-align: center;
4898 white-space: pre-line;
4899 color: var(--header-secondary);
4900 background-color: var(--background-floating);
4901 border-radius: 10px;
4902 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
4903 }
4904}
4905.outerContainer_e44912
4906 [data-list-item-id="settings-sidebar___logout_sidebar_item"] {
4907 color: var(--red);
4908}
4909.outerContainer_e44912 .bd-version-info,
4910.outerContainer_e44912 .clickable__081d7.compact__081d7 {
4911 margin: 45px 0 10px 0;
4912 position: relative;
4913 padding-left: 6px;
4914}
4915.outerContainer_e44912 .bd-version-info::before,
4916.outerContainer_e44912 .clickable__081d7.compact__081d7::before {
4917 content: "T1 - Theme: \av0.9.15 by Eight_P";
4918 display: block;
4919 position: absolute;
4920 top: -45px;
4921 width: 100%;
4922 height: auto;
4923 font-size: 12px;
4924 font-weight: 600;
4925 color: #72767d;
4926 white-space: pre-line;
4927 text-transform: none;
4928 pointer-events: none;
4929}
4930.outerContainer_e44912 .content_e9e3ed .scrollerBase_d125d2::-webkit-scrollbar {
4931 width: 13px;
4932}
4933.outerContainer_e44912
4934 .content_e9e3ed
4935 .scrollerBase_d125d2::-webkit-scrollbar-thumb {
4936 border: 2px solid rgba(0, 0, 0, 0);
4937 border-radius: 7px;
4938 background-color: var(--scrollbar-thumb);
4939 background-clip: padding-box;
4940 visibility: visible;
4941}
4942.outerContainer_e44912
4943 .content_e9e3ed
4944 .scrollerBase_d125d2::-webkit-scrollbar-track {
4945 background-color: rgba(0, 0, 0, 0);
4946}
4947.outerContainer_e44912
4948 .content_e9e3ed
4949 .scrollerBase_d125d2:hover::-webkit-scrollbar-thumb {
4950 background-color: var(--scrollbar-thumb-hover);
4951}
4952.outerContainer_e44912 .panel__6131a {
4953 margin-top: 30px;
4954}
4955.outerContainer_e44912 .contentHeader_e9e3ed {
4956 border: none;
4957}
4958.outerContainer_e44912 .header__67a11 .title__67a11 {
4959 position: relative;
4960 padding-top: 30px;
4961}
4962.outerContainer_e44912 .header__67a11 .title__67a11::before {
4963 content: "Not compatible with T1 Theme.";
4964 position: absolute;
4965 display: block;
4966 top: 0px;
4967 color: var(--red);
4968 font-weight: 600;
4969 width: max-content;
4970}
4971.outerContainer_e44912 .bd-store-card {
4972 background: var(--background-modifier-hover);
4973}
4974.outerContainer_e44912 .bd-store-card:hover {
4975 background: var(--background-modifier-selected);
4976}
4977.outerContainer_e44912 .bd-search-wrapper {
4978 border: none;
4979 background: var(--background-modifier-accent);
4980 border-radius: 5px;
4981}
4982.outerContainer_e44912 .bd-search-wrapper .bd-search {
4983 border: solid rgba(0, 0, 0, 0);
4984 border-width: 0 0 1px 0;
4985 background: none !important;
4986 box-shadow: none !important;
4987 outline: none !important;
4988}
4989.outerContainer_e44912 .bd-search-wrapper:focus-within {
4990 background: none;
4991 border-radius: 0;
4992}
4993.outerContainer_e44912 .bd-search-wrapper:focus-within .bd-search {
4994 border-color: var(--header-secondary);
4995 border-radius: 0;
4996 outline: none;
4997}
4998.sidebarRegion__23e6b
4999 .tabBarItemContainer_c7e907:has(
5000 path[d="M5.06 7a1 1 0 0 0-1 1.06l.76 12.13a3 3 0 0 0 3 2.81h8.36a3 3 0 0 0 3-2.81l.75-12.13a1 1 0 0 0-1-1.06H5.07ZM11 12a1 1 0 1 0-2 0v6a1 1 0 1 0 2 0v-6Zm3-1a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1Z"]
5001 ) {
5002 color: var(--red);
5003}
5004.customScroller__23e6b .content_d125d2 {
5005 margin-top: -60px;
5006}
5007.contentRegion__23e6b .page__91dc3 {
5008 flex-direction: row;
5009}
5010.contentRegion__23e6b .contentRegionScroller__23e6b:has(.page__91dc3) {
5011 overflow: hidden !important;
5012}
5013.contentRegion__23e6b .item_aa8da2 .text-sm\/medium_cf4812 {
5014 color: currentColor !important;
5015}
5016.contentRegion__23e6b .titleContainer_e29cd7 {
5017 padding: 8px;
5018}
5019.contentRegion__23e6b .header_c6bf1b {
5020 width: 100%;
5021 margin: 0;
5022 padding: 8px 8px 18px 8px;
5023}
5024.contentRegion__23e6b .titleContainer__81b3e,
5025.contentRegion__23e6b .container__35859,
5026.contentRegion__23e6b .noticeContainer__16663 {
5027 position: relative;
5028}
5029.contentRegion__23e6b .notice_cdf6f1 {
5030 background: none;
5031}
5032.contentRegion__23e6b .searchContainer__16663 .container__72c38 {
5033 z-index: 1;
5034}
5035.contentRegion__23e6b .contentContainer__91dc3 {
5036 top: 60px;
5037}
5038.contentRegion__23e6b .contentWidth_c6bf1b {
5039 width: auto;
5040}
5041.layer__960e4:not(.baseLayer__960e4) {
5042 margin-top: var(--custom-app-top-bar-height);
5043}
5044.layer__960e4:not(.baseLayer__960e4) .standardSidebarView__23e6b {
5045 border-width: 0;
5046 border-radius: 0;
5047 border-color: #646464;
5048 border-style: solid;
5049 border-top-width: 1px;
5050}
5051.layer__960e4:not(.baseLayer__960e4)
5052 .sidebarRegionScroller__23e6b::-webkit-scrollbar {
5053 display: none;
5054}
5055.layer__960e4:not(.baseLayer__960e4) .sidebarRegion__23e6b {
5056 flex: 1 0 240px;
5057}
5058.layer__960e4:not(.baseLayer__960e4) .sidebarRegion__23e6b .sidebar__23e6b {
5059 width: 240px;
5060 padding-top: 20px;
5061}
5062.layer__960e4:not(.baseLayer__960e4) .sidebarRegion__23e6b .item_aa8da2 {
5063 transition: none;
5064}
5065.layer__960e4:not(.baseLayer__960e4) .contentRegionScroller__23e6b {
5066 margin-top: 60px;
5067}
5068.layer__960e4:not(.baseLayer__960e4) .contentColumnDefault__23e6b {
5069 padding: 20px 10px 100px 20px;
5070}
5071.layer__960e4:not(.baseLayer__960e4) .toolsContainer__23e6b {
5072 display: contents;
5073}
5074.layer__960e4:not(.baseLayer__960e4) .toolsContainer__23e6b .tools__23e6b {
5075 position: absolute;
5076 top: 20px;
5077 right: 20px;
5078}
5079.layer__960e4:not(.baseLayer__960e4) .toolsContainer__23e6b .container_c2b141 {
5080 flex-direction: row-reverse;
5081}
5082.layer__960e4:not(.baseLayer__960e4)
5083 .toolsContainer__23e6b
5084 .closeButton_c2b141 {
5085 width: 32px;
5086 height: 32px;
5087 flex: unset;
5088}
5089.layer__960e4:not(.baseLayer__960e4) .toolsContainer__23e6b .keybind_c2b141 {
5090 margin: 0 6px;
5091}
5092.user-profile-popout:not(.container__5a2c6) {
5093 border-radius: 12px;
5094 width: 340px;
5095 padding: 0;
5096 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
5097 --bg_floating: var(--control-overlay-secondary-background-default);
5098 --bg_floatingHover: var(--control-overlay-secondary-background-hover);
5099 --c_floating: hsl(0, 0%, 80%);
5100 --c_floatingHover: white;
5101 --bg_items: hsl(from var(--user-profile-overlay-background) h s 35% / 0.1);
5102 --bg_itemsHover: var(--user-profile-overlay-background-hover);
5103 --c_items: var(--interactive-text-default);
5104 --c_itemsHover: var(--interactive-text-hover);
5105 --custom-user-profile-base-layer-z-index: 3;
5106}
5107.user-profile-popout:not(.container__5a2c6):not(.custom-user-profile-theme) {
5108 background: var(--background-tertiary);
5109}
5110.user-profile-popout:not(.container__5a2c6).custom-user-profile-theme:not(
5111 .theme-light
5112 ) {
5113 --bg_items: hsl(from var(--user-profile-overlay-background) h s l / 0.1);
5114}
5115.user-profile-popout:not(
5116 .container__5a2c6
5117 ).custom-user-profile-theme.theme-light {
5118 --bg_itemsHover: hsl(
5119 from var(--user-profile-overlay-background-hover) h s 30% / 0.15
5120 );
5121}
5122.user-profile-popout:not(.container__5a2c6) .inner_c0bea0 {
5123 padding: 0;
5124 gap: 0px;
5125 overflow: visible scroll;
5126}
5127.user-profile-popout:not(.container__5a2c6) .inner_c0bea0::-webkit-scrollbar {
5128 display: none;
5129}
5130.user-profile-popout:not(.container__5a2c6) .banner__43147 {
5131 position: absolute;
5132 left: 170px;
5133 padding: 3px 10px 5px 10px;
5134 transform: translateX(-50%);
5135 background: var(--bg_floating);
5136 color: var(--c_floating);
5137 border-radius: 0 0 4px 4px;
5138}
5139.user-profile-popout:not(.container__5a2c6) .banner__43147 .text__43147 {
5140 display: none;
5141}
5142.user-profile-popout:not(.container__5a2c6) .profileEffects__0dd08 {
5143 z-index: 1;
5144 inset: 0px;
5145}
5146.user-profile-popout:not(.container__5a2c6)
5147 .profileEffects__0dd08:not(.hovered__0dd08) {
5148 opacity: 0.8;
5149}
5150.user-profile-popout:not(.container__5a2c6) .wrapper_da5890 {
5151 top: 8px;
5152 right: 8px;
5153}
5154.user-profile-popout:not(.container__5a2c6)
5155 .wrapper_da5890
5156 .bannerButton_fb7f94 {
5157 height: 30px;
5158 width: 30px;
5159 border: none;
5160 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
5161 background: var(--bg_floating) !important;
5162 color: var(--c_floating) !important;
5163}
5164.user-profile-popout:not(.container__5a2c6)
5165 .wrapper_da5890
5166 .bannerButton_fb7f94:hover {
5167 background: var(--bg_floatingHover) !important;
5168 color: var(--c_floatingHover) !important;
5169}
5170.user-profile-popout:not(.container__5a2c6) .header__5be3e {
5171 min-height: unset;
5172 height: 119px;
5173}
5174.user-profile-popout:not(.container__5a2c6)
5175 .header__5be3e
5176 .banner__68edb:before,
5177.user-profile-popout:not(.container__5a2c6) .header__5be3e .gifTag_f7e69e,
5178.user-profile-popout:not(.container__5a2c6) .header__5be3e .popover__2d0ab {
5179 display: none;
5180}
5181.user-profile-popout:not(.container__5a2c6) .header__5be3e .banner_f7e69e {
5182 height: 119px !important;
5183}
5184.user-profile-popout:not(.container__5a2c6) .header__5be3e .fill_f7e69e {
5185 mask: none;
5186}
5187.user-profile-popout:not(.container__5a2c6) .header__5be3e .avatar__75742 {
5188 top: 19.5px;
5189 left: 19.5px;
5190}
5191.user-profile-popout:not(.container__5a2c6)
5192 .header__5be3e
5193 .avatar__75742
5194 .svg__44b0c {
5195 top: 55.5px;
5196 left: -63px;
5197 contain: none;
5198 overflow: visible;
5199}
5200.user-profile-popout:not(.container__5a2c6)
5201 .header__5be3e
5202 .avatar__75742
5203 .svg__44b0c
5204 foreignObject {
5205 position: absolute;
5206 x: 63;
5207 y: -55.5;
5208 mask: none;
5209 overflow: visible;
5210 pointer-events: auto;
5211}
5212.user-profile-popout:not(.container__5a2c6)
5213 .header__5be3e
5214 .avatar__75742
5215 .avatarStack__44b0c::after {
5216 border-radius: 7.5%;
5217 opacity: 0;
5218}
5219.user-profile-popout:not(.container__5a2c6)
5220 .header__5be3e
5221 .avatar__75742
5222 .avatarStack__44b0c:hover::after {
5223 opacity: 0.4;
5224}
5225.user-profile-popout:not(.container__5a2c6)
5226 .header__5be3e
5227 .avatar__75742
5228 .avatar__44b0c {
5229 border-radius: 7.5%;
5230}
5231.user-profile-popout:not(.container__5a2c6)
5232 .header__5be3e
5233 .avatar__75742
5234 .avatar__44b0c:not([src$="animated=true"]) {
5235 filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.75));
5236}
5237.user-profile-popout:not(.container__5a2c6)
5238 .header__5be3e
5239 .avatar__75742
5240 .avatarDecorationContainer__44b0c
5241 > foreignObject {
5242 mask: none;
5243}
5244.user-profile-popout:not(.container__5a2c6)
5245 .header__5be3e
5246 .avatar__75742
5247 .pointerEvents__44b0c {
5248 pointer-events: none;
5249}
5250.user-profile-popout:not(.container__5a2c6)
5251 .header__5be3e
5252 .avatar__75742
5253 .pointerEvents__44b0c[mask="url(#svg-mask-status-online-mobile)"] {
5254 height: 18px;
5255 width: 12px;
5256 x: 62;
5257 y: 59;
5258}
5259.user-profile-popout:not(.container__5a2c6)
5260 .header__5be3e
5261 .avatar__75742
5262 [style^="opacity:"] {
5263 display: none;
5264}
5265.user-profile-popout:not(.container__5a2c6) .header__5be3e .container_ab8609 {
5266 position: absolute;
5267 display: flex;
5268 inset: 54.5px 8px 20px 120px;
5269 width: unset;
5270 height: unset;
5271 align-items: center;
5272 justify-content: center;
5273 pointer-events: none;
5274}
5275.user-profile-popout:not(.container__5a2c6)
5276 .header__5be3e
5277 .container_ab8609
5278 .outer_ab8609 {
5279 display: contents;
5280}
5281.user-profile-popout:not(.container__5a2c6)
5282 .header__5be3e
5283 .container_ab8609
5284 .outer_ab8609::after,
5285.user-profile-popout:not(.container__5a2c6)
5286 .header__5be3e
5287 .container_ab8609
5288 .outer_ab8609::before {
5289 display: none;
5290}
5291.user-profile-popout:not(.container__5a2c6) .header__5be3e .inner_ab8609 {
5292 padding: 3px 6px;
5293 background: var(--bg_floating);
5294 border-radius: 8px;
5295 pointer-events: auto;
5296 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
5297}
5298.user-profile-popout:not(.container__5a2c6)
5299 .header__5be3e
5300 .labelRow__1fdc8
5301 path {
5302 fill: var(--header-secondary) !important;
5303}
5304.user-profile-popout:not(.container__5a2c6)
5305 .header__5be3e
5306 .labelRow__1fdc8
5307 .labelText__1fdc8 {
5308 color: var(--header-secondary) !important;
5309}
5310.user-profile-popout:not(.container__5a2c6)
5311 .header__5be3e
5312 .addStatusIcon_ab8609
5313 path {
5314 fill: var(--c_floating) !important;
5315}
5316.user-profile-popout:not(.container__5a2c6)
5317 .header__5be3e
5318 .addStatusPrompt_ab8609 {
5319 color: var(--c_floating) !important;
5320}
5321.user-profile-popout:not(.container__5a2c6)
5322 .header__5be3e
5323 .clickable_ab8609:hover
5324 .addStatusIcon_ab8609
5325 path {
5326 fill: var(--c_floatingHover) !important;
5327}
5328.user-profile-popout:not(.container__5a2c6)
5329 .header__5be3e
5330 .clickable_ab8609:hover
5331 .addStatusPrompt_ab8609 {
5332 color: var(--c_floatingHover) !important;
5333}
5334.user-profile-popout:not(.container__5a2c6) .header__5be3e .statusText_ab8609 {
5335 color: var(--white);
5336}
5337.user-profile-popout:not(.container__5a2c6)
5338 .header__5be3e
5339 .content_ab8609.unclamped_ab8609 {
5340 -webkit-line-clamp: 4;
5341}
5342.user-profile-popout:not(.container__5a2c6) .header__5be3e .popover_c97e55 {
5343 top: 50% !important;
5344 right: 50%;
5345 transform: translate(50%, -50%);
5346}
5347.user-profile-popout:not(.container__5a2c6)
5348 .header__5be3e
5349 .referenceContainer_ab8609 {
5350 position: absolute;
5351}
5352.user-profile-popout:not(.container__5a2c6) .body__5be3e {
5353 gap: 14px;
5354 padding: 12px 16px 18px !important;
5355 background: none;
5356 overflow: visible !important;
5357 z-index: var(--custom-user-profile-top-layer-z-index);
5358 flex-shrink: 0;
5359}
5360.user-profile-popout:not(.container__5a2c6) .body__5be3e::-webkit-scrollbar {
5361 display: none;
5362}
5363.user-profile-popout:not(.container__5a2c6)
5364 .body__5be3e:has(> div > .warning__35859) {
5365 gap: 0;
5366}
5367.user-profile-popout:not(.container__5a2c6) .warning__35859 {
5368 position: absolute;
5369 width: unset;
5370 top: -64.5px;
5371 left: 119px;
5372 right: 10px;
5373 padding: 5px;
5374 background: var(--bg_floating);
5375 border-width: 2px;
5376}
5377.user-profile-popout:not(.container__5a2c6) .warning__35859 .iconDiv__35859 {
5378 display: none;
5379}
5380.user-profile-popout:not(.container__5a2c6) .container__63ed3 {
5381 display: flex;
5382 flex-direction: column;
5383 gap: 7px;
5384}
5385.user-profile-popout:not(.container__5a2c6) .usernameRow__63ed3 {
5386 gap: 0;
5387}
5388.user-profile-popout:not(.container__5a2c6)
5389 .inner_c0bea0:has(.pointerEvents__44b0c)
5390 .displayNameRow__26b1f
5391 .clickable__26b1f {
5392 margin-left: 24px;
5393}
5394.user-profile-popout:not(.container__5a2c6) .nickname__63ed3 {
5395 font-size: 19px;
5396 line-height: 24px;
5397 max-width: 284px;
5398 text-overflow: ellipsis;
5399}
5400.user-profile-popout:not(.container__5a2c6) .nicknameIcons__63ed3 {
5401 margin-left: 7px;
5402}
5403.user-profile-popout:not(.container__5a2c6) .tags__63ed3 {
5404 gap: 8px;
5405}
5406.user-profile-popout:not(.container__5a2c6) .guildTagContainer__63ed3 {
5407 background: var(--bg_items);
5408 border-color: rgba(0, 0, 0, 0);
5409}
5410.user-profile-popout:not(.container__5a2c6) .botTag__82f07 {
5411 position: absolute;
5412 margin: 0 !important;
5413 top: -119px;
5414 left: 170px;
5415 padding: 3px 8px;
5416 transform: translateX(-50%);
5417 border-radius: 0 0 4px 4px;
5418 background: var(--background-tertiary) !important;
5419 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
5420}
5421.user-profile-popout:not(.container__5a2c6) .role_af3987,
5422.user-profile-popout:not(.container__5a2c6) .addButton_af3987 {
5423 background: var(--bg_items);
5424 border-color: rgba(0, 0, 0, 0);
5425}
5426.user-profile-popout:not(.container__5a2c6) .overlay_c0bea0 {
5427 background: var(--bg_items);
5428 margin: 0 0 3px 0;
5429 border: none;
5430}
5431.user-profile-popout:not(.container__5a2c6) .container__82fb2:hover {
5432 background: var(--bg_itemsHover);
5433}
5434.user-profile-popout:not(.container__5a2c6) .body__5be3e .button_a22cb0 {
5435 background: var(--bg_items) !important;
5436 color: var(--c_items) !important;
5437}
5438.user-profile-popout:not(.container__5a2c6) .body__5be3e .button_a22cb0:hover {
5439 background: var(--bg_itemsHover) !important;
5440 color: var(--c_itemsHover) !important;
5441}
5442.user-profile-popout:not(.container__5a2c6) .clickableContainer__39ec2 {
5443 pointer-events: none;
5444}
5445.user-profile-popout:not(.container__5a2c6) .card__9d597 {
5446 background: none;
5447 border: none;
5448 box-shadow: none;
5449}
5450.user-profile-popout:not(.container__5a2c6)
5451 .card__9d597
5452 .headerContextMenu__39ec2,
5453.user-profile-popout:not(.container__5a2c6) .card__9d597 .button_a22cb0 {
5454 pointer-events: auto;
5455}
5456.user-profile-popout:not(.container__5a2c6) .card__9d597 .button_a22cb0 {
5457 background: var(--bg_items) !important;
5458 color: var(--c_items) !important;
5459}
5460.user-profile-popout:not(.container__5a2c6) .card__9d597 .button_a22cb0:hover {
5461 background: var(--bg_itemsHover) !important;
5462 color: var(--c_itemsHover) !important;
5463}
5464.user-profile-popout:not(.container__5a2c6)
5465 .card__9d597
5466 .appWidgetPreview__39ec2 {
5467 margin: 0;
5468 pointer-events: auto;
5469 border-radius: 3px;
5470 background: var(--bg_items) !important;
5471 color: var(--c_items) !important;
5472}
5473.user-profile-popout:not(.container__5a2c6)
5474 .card__9d597
5475 .appWidgetPreview__39ec2:hover {
5476 background: var(--bg_itemsHover) !important;
5477 color: var(--c_itemsHover) !important;
5478}
5479.user-profile-popout:not(.container__5a2c6) .innerContainer_c2a763 {
5480 backdrop-filter: none;
5481 background: var(--bg_items);
5482}
5483.user-profile-popout:not(.container__5a2c6) .innerContainer_c2a763:hover {
5484 background: var(--bg_itemsHover);
5485}
5486.user-profile-popout:not(.container__5a2c6)
5487 .hasMultipleCards__9d597
5488 .firstCardContainer__9d597
5489 .card__9d597 {
5490 transform: none !important;
5491}
5492.user-profile-popout:not(.container__5a2c6)
5493 .hasMultipleCards__9d597
5494 .backgroundCardContainer__9d597 {
5495 position: relative;
5496 transform: none;
5497 top: unset;
5498 height: auto;
5499 width: fit-content;
5500 margin: 0 auto;
5501}
5502.user-profile-popout:not(.container__5a2c6)
5503 .hasMultipleCards__9d597
5504 .backgroundCard__9d597 {
5505 transform: none;
5506 background: var(--bg_items);
5507 height: 16px;
5508 padding: 0 20px;
5509}
5510.user-profile-popout:not(.container__5a2c6)
5511 .hasMultipleCards__9d597
5512 .backgroundCard__9d597::after {
5513 content: "+1";
5514 display: block;
5515 position: relative;
5516 height: 16px;
5517 line-height: 16px;
5518 width: 100%;
5519 color: var(--text-default);
5520 text-align: center;
5521 font-size: 12px;
5522}
5523.user-profile-popout:not(.container__5a2c6)
5524 .hasMultipleCards__9d597
5525 .backgroundCard__9d597:hover {
5526 background: var(--bg_itemsHover);
5527}
5528.user-profile-popout:not(.container__5a2c6) .buttons_bc38cd .button_aec7ab {
5529 background: var(--bg_items) !important;
5530}
5531.user-profile-popout:not(.container__5a2c6)
5532 .buttons_bc38cd
5533 .button_aec7ab:hover {
5534 background: var(--bg_itemsHover) !important;
5535}
5536.user-profile-popout:not(.container__5a2c6) .list__20827 .button__201d5 {
5537 background: var(--bg_items) !important;
5538}
5539.user-profile-popout:not(.container__5a2c6) .list__20827 .button__201d5:hover {
5540 background: var(--bg_itemsHover) !important;
5541}
5542.user-profile-popout:not(.container__5a2c6) .body_ce8328 {
5543 padding: 12px 16px 18px !important;
5544 gap: 22px;
5545 background: none;
5546 overflow: visible !important;
5547}
5548.user-profile-popout:not(.container__5a2c6)
5549 .body_ce8328
5550 .upsellContainer__5997d {
5551 display: none;
5552}
5553.user-profile-popout:not(.container__5a2c6) .menus_ce8328 .overlay_c0bea0 {
5554 padding: 4px 8px;
5555 background: var(--bg_items);
5556}
5557.user-profile-popout:not(.container__5a2c6) .footer__5be3e {
5558 padding: 0;
5559 --footerDivider: rgb(from var(--c_items) r g b / 0.35);
5560 border-width: 0;
5561 border-radius: 0;
5562 border-color: var(--footerDivider);
5563 border-style: solid;
5564 border-top-width: 1px;
5565}
5566.user-profile-popout:not(.container__5a2c6)
5567 .footer__5be3e
5568 .channelTextArea__74017 {
5569 border: none;
5570 border-radius: 0;
5571 background: var(--background-secondary-alt);
5572 background: none;
5573}
5574.user-profile-popout:not(.container__5a2c6) .footer__5be3e .placeholder__1b31f {
5575 color: var(--c_items);
5576}
5577.user-profile-popout:not(.container__5a2c6) .footer__5be3e > .button_a22cb0 {
5578 background: none !important;
5579 color: var(--text-default) !important;
5580}
5581.layer__59d0d .loadingPopout__58f1c {
5582 display: none;
5583}
5584.layer__59d0d .profilePopout__1add6 {
5585 display: none;
5586}
5587.root_b92f52 {
5588 pointer-events: none;
5589}
5590.root_b92f52::-webkit-scrollbar {
5591 display: none;
5592}
5593.root_b92f52 .editingPanelEnabled__9c3be {
5594 pointer-events: auto;
5595}
5596.root_b92f52
5597 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5598 .user-profile-modal-v2 {
5599 min-width: 850px;
5600 max-width: 850px;
5601 margin: auto;
5602 border: none;
5603 background: none;
5604 max-height: 75vh;
5605 outline: none;
5606}
5607.root_b92f52
5608 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5609 .user-profile-modal-v2
5610 .inner_c0bea0 {
5611 padding: 0;
5612 gap: 0px;
5613 background: none;
5614}
5615.root_b92f52
5616 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5617 .user-profile-modal-v2
5618 .banner__43147 {
5619 height: 44px;
5620 margin-left: 385px;
5621 border-radius: 16px;
5622}
5623.root_b92f52
5624 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5625 .user-profile-modal-v2
5626 .backgroundImage__9c3be {
5627 display: none;
5628}
5629.root_b92f52
5630 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5631 .user-profile-modal-v2:not(.custom-user-profile-theme)
5632 .profile__9c3be {
5633 background: var(--background-tertiary);
5634}
5635.root_b92f52
5636 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5637 .user-profile-modal-v2:not(.custom-user-profile-theme)
5638 .container__37bfc {
5639 background: var(--background-secondary-alt);
5640}
5641.root_b92f52
5642 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5643 .user-profile-modal-v2
5644 .profile__9c3be {
5645 width: 375px;
5646 border-radius: 16px;
5647 z-index: 1;
5648 pointer-events: auto;
5649 outline: none;
5650 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
5651}
5652.root_b92f52
5653 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5654 .user-profile-modal-v2
5655 .profile__9c3be
5656 .profileBody__9c3be {
5657 padding: 4px 14px 8px 22px !important;
5658 mask: linear-gradient(
5659 to bottom,
5660 transparent,
5661 #000 5px,
5662 #000 calc(100% - 5px),
5663 transparent
5664 );
5665 -webkit-mask: linear-gradient(
5666 to bottom,
5667 transparent,
5668 #000 5px,
5669 #000 calc(100% - 5px),
5670 transparent
5671 );
5672}
5673.root_b92f52
5674 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5675 .user-profile-modal-v2
5676 .profile__9c3be
5677 .profileHeaderBannerContainer__9c3be {
5678 border-radius: 16px 16px 0 0;
5679}
5680.root_b92f52
5681 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5682 .user-profile-modal-v2
5683 .container__37bfc {
5684 position: relative;
5685 height: calc(100% - 120px);
5686 margin: 0;
5687 align-self: center;
5688 padding: 10px 0 0 0;
5689 border-radius: 0 16px 16px 0;
5690 pointer-events: auto;
5691 gap: 0;
5692 background: linear-gradient(
5693 color-mix(
5694 in oklab,
5695 var(--profile-gradient-overlay-color) 80%,
5696 var(--profile-gradient-modal-background-color)
5697 ),
5698 color-mix(
5699 in oklab,
5700 var(--profile-gradient-overlay-color) 20%,
5701 var(--profile-gradient-modal-background-color)
5702 )
5703 300px
5704 );
5705}
5706.root_b92f52
5707 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5708 .user-profile-modal-v2
5709 .container__37bfc::before {
5710 content: "";
5711 position: absolute;
5712 display: block;
5713 inset: 0;
5714 background: linear-gradient(
5715 var(--profile-gradient-modal-background-color),
5716 var(--profile-gradient-modal-background-color)
5717 );
5718 z-index: -1;
5719}
5720.root_b92f52
5721 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5722 .user-profile-modal-v2
5723 .container__37bfc
5724 .tabListScroller__37bfc {
5725 margin: 0;
5726 padding: 0 5px;
5727 border-width: 0;
5728 border-radius: 0;
5729 border-color: var(--background-modifier-accent);
5730 border-style: solid;
5731 border-bottom-width: 1px;
5732}
5733.root_b92f52
5734 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5735 .user-profile-modal-v2
5736 .container__37bfc
5737 .top_aa8da2 {
5738 justify-content: space-around;
5739 border: none;
5740}
5741.root_b92f52
5742 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5743 .user-profile-modal-v2
5744 .container__37bfc
5745 .tabBarItem__37bfc {
5746 margin: 0;
5747 padding: 6px;
5748}
5749.root_b92f52
5750 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5751 .user-profile-modal-v2
5752 .container__37bfc
5753 .tabBarItem__37bfc::after {
5754 display: none;
5755}
5756.root_b92f52
5757 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5758 .user-profile-modal-v2
5759 .container__37bfc
5760 .tabBarPanel__37bfc {
5761 padding-left: 12px;
5762 mask: linear-gradient(
5763 to bottom,
5764 transparent,
5765 #000 5px,
5766 #000 calc(100% - 5px),
5767 transparent
5768 );
5769 -webkit-mask: linear-gradient(
5770 to bottom,
5771 transparent,
5772 #000 5px,
5773 #000 calc(100% - 5px),
5774 transparent
5775 );
5776}
5777.root_b92f52
5778 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5779 .user-profile-modal-v2
5780 .container__37bfc
5781 .empty_e766f2,
5782.root_b92f52
5783 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5784 .user-profile-modal-v2
5785 .container__37bfc
5786 .empty__7ff05,
5787.root_b92f52
5788 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5789 .user-profile-modal-v2
5790 .container__37bfc
5791 .emptyStateContainer__4fbcc {
5792 height: 100%;
5793 padding-top: 0;
5794 justify-content: center;
5795}
5796.root_b92f52
5797 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5798 .user-profile-modal-v2
5799 .container__37bfc
5800 .activityPopover__2d0ab {
5801 display: none;
5802}
5803.root_b92f52
5804 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5805 .user-profile-modal-v2
5806 .container__37bfc
5807 .overlay_c0bea0 {
5808 background: none;
5809 border: none;
5810}
5811.root_b92f52
5812 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5813 .user-profile-modal-v2
5814 .container__37bfc
5815 .dragAndDropHitbox__62dd3 {
5816 margin-left: 0;
5817 padding-left: 0;
5818}
5819.root_b92f52
5820 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5821 .user-profile-modal-v2
5822 .container__37bfc
5823 .dragHandleButton__62dd3 {
5824 inset-inline-start: unset !important;
5825 top: 0 !important;
5826 left: 0 !important;
5827 transform: translate(-25%, -25%);
5828}
5829.root_b92f52
5830 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5831 .user-profile-modal-v2
5832 .container__37bfc
5833 .container__62dd3 {
5834 background: none;
5835 border: none;
5836 padding: 12px 8px;
5837}
5838.root_b92f52
5839 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5840 .user-profile-modal-v2
5841 .container__37bfc
5842 .coverList__9a5c3
5843 ~ .button__7d7f7 {
5844 margin: 15px auto 0 auto;
5845}
5846.root_b92f52
5847 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5848 .user-profile-modal-v2
5849 .container__37bfc
5850 .grid_eb8860 {
5851 justify-content: center;
5852}
5853.root_b92f52
5854 .layoutContainer__9c3be:not(.editingPanelEnabled__9c3be)
5855 .modalHeaderButtons_b92f52 {
5856 display: none;
5857}
5858.root_b92f52 .pendingChangesToolbar__9c3be {
5859 pointer-events: auto;
5860}
5861.root_b92f52 .pendingChangesToolbar__9c3be .content__2dc08 {
5862 background: var(--background-tertiary);
5863}
5864.content_f75fb0 > .aside_f58343 {
5865 display: contents;
5866}
5867.content_f75fb0 .outer_c0bea0 {
5868 box-shadow: none;
5869 --user-profile-overlay-background: var(--background-modifier-accent);
5870}
5871.content_f75fb0 .outer_c0bea0.custom-user-profile-theme {
5872 --user-profile-overlay-background: var(--background-modifier-accent);
5873}
5874.content_f75fb0 .outer_c0bea0 .scrollerBase_d125d2::-webkit-scrollbar {
5875 display: none;
5876}
5877.content_f75fb0 .outer_c0bea0 .header__7f9c0,
5878.content_f75fb0 .outer_c0bea0 .wrapper_da5890,
5879.content_f75fb0 .outer_c0bea0 .profileEffects__01370 {
5880 margin-top: 3px;
5881}
5882.content_f75fb0
5883 .outer_c0bea0:not(.custom-profile-frame)
5884 .redesignFooter__272c7 {
5885 height: 47px;
5886 border-width: 0;
5887 border-radius: 0;
5888 border-color: var(--background-modifier-accent);
5889 border-style: solid;
5890 border-top-width: 1px;
5891}
5892@container style(--hide-profileFrames: 1 ) {
5893 .content_f75fb0 .outer_c0bea0 .redesignFooter__272c7 {
5894 height: 45px;
5895 border-width: 0;
5896 border-radius: 0;
5897 border-color: var(--background-modifier-accent);
5898 border-style: solid;
5899 border-top-width: 1px;
5900 }
5901}
5902