Bubble Theme v2

By ShadowDevilsAvenged Version 2.9 Updated 01/01/2023 66.4K downloads

Bubble Theme v2. Return request by Reeses Benis Butter Cups

transparent abstract

Live preview

Full Discord interface with this theme applied โ€” powered by ThemePreview.

Screenshot

Bubble Theme v2 screenshot
BubbleThemev2.theme.css
GitHub

Open source

https://raw.githubusercontent.com/ShadowDevilsAvenged/ShadowDevilsAvenged/398be14a65264534ebaf564f8fa34cff9a71985d/My_Theme_Collection/BubbleThemev2.theme.css
1/**
2 * @name Bubble Theme v2
3 * @author ShadowDevilsAvenged
4 * @description Bubbles, Bubbles and more Bubbles.
5 * @version 2.9
6 */
7
8 .app-2CXKsg {
9 background-size: cover;
10 background-color: transparent;
11 background-image: url(https://images.alphacoders.com/263/263303.jpg);
12}
13
14.countContainer-3DOo5v {
15 background-color: darkblue;
16}
17
18.preview-3SR4Rd {
19 color: white;
20}
21
22.root-2s1-ri>;* {
23 background-color: transparent;
24}
25
26.theme-light .messageContainer-3a6gLR {
27 background-color: #181818;
28}
29
30.withTagAsButton-OsgQ9L:hover,
31.withTagless-10ooWt:hover {
32 background-color: rgba(0, 0, 0, .3);
33 border-radius: 50px;
34 border: 1px solid #76AAD9;
35 color: white;
36}
37
38.reactionTooltipText-iAWHhX a {
39 color: white;
40 font-weight: bold;
41 background-color: black;
42 padding: 2px;
43}
44
45.bg-1QIAus {
46 background-color: transparent;
47}
48
49.layers-OrUESM {
50 background-color: transparent;
51}
52
53#app-mount .layer-86YKbF {
54 background-color: rgba(0,0,0,.4);
55}
56
57/* Main Chat Room */
58
59.wrapper-1_HaEi {
60 background-color: transparent;
61}
62
63.unread-2wipsx {
64 background-color: rgba(0,0,0,.3);
65}
66
67.scroller-3X7KbA {
68 background-color: transparent;
69}
70
71.clickable-vvKY2q .header-3OsQeK:hover, .selected-1GtAC5 .header-3OsQeK {
72 background-color: transparent;
73}
74
75.clickable-28SzVr:hover .layout-1qmrhw {
76 background-image: radial-gradient(circle closest-side at 15px 15px, rgba(255, 255, 255, .85) 10%, rgba(7, 215, 0, 0.29) 100%, rgba(7, 215, 0, 0.29) 100%);
77 background-color: transparent;
78 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -14px 9px -16px rgba(231, 254, 255, 0.33);
79 border-radius: 50pc;
80}
81
82.theme-dark .perksModal-CLcR1c {
83 background-color: transparent;
84}
85
86.headerBlurb-m6Avyp {
87 color: white;
88}
89
90.headerBlurb-m6Avyp a {
91 color: white;
92}
93
94.theme-dark .tierBody-3ju-rc {
95 background-color: transparent;
96}
97
98
99.theme-dark .tierHeaderLocked-3ItHYn {
100 background-color: transparent;
101 color: white;
102}
103
104.ctaBar-Nhk8yY {
105 background-color: transparent;
106}
107
108.theme-dark .tierMarkerBackground-G8FoN4 {
109 background-color: transparent;
110}
111
112
113
114
115.wrapper-3kah-n::after, .circleIconButton-1VxDrg::after {
116 content: ";";;
117 background-image: radial-gradient(circle closest-side at 12px 15px, white 10%, rgba(19, 9, 65, 0.29) 100%, rgba(19, 9, 65, 0.29) 100%);
118 width: 48px;
119 height: 48px;
120 position: fixed;
121 border-radius: 50px !important;
122 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -21px 9px -16px rgba(231, 254, 255, 0.63);
123}
124
125.wrapper-3kah-n >; .svg-2zuE5p {
126 display: none;
127}
128
129.icon-3AqZ2e {
130 border-radius: 50px !important;
131}
132
133.acronym-2zrAHN {
134 border-radius: 50px;
135}
136
137.childWrapper-1j_1ub {
138 background-color: transparent !important;
139 color: white;
140}
141
142.circleIconButton-1VxDrg {
143 color: white;
144 background-color: transparent !important;
145 border-radius: 50px !important;
146}
147
148.circleIconButton-1VxDrg.selected-2r1Hvo {
149 border-radius: 50px;
150 box-shadow: inset 3px 3px 9px 3px rgba(50, 205, 50, 0.63), inset 3px 3px 9px 3px rgba(50, 205, 50, 0.63), inset 3px 3px 9px 3px rgba(50, 205, 50, 0.63), inset -8px -21px 9px -16px rgba(50, 205, 50, 0.93);
151 background-image: radial-gradient(circle closest-side at 12px 15px, white 10%, rgba(19, 9, 65, 0.29) 100%, rgba(19, 9, 65, 0.29) 100%);
152}
153
154.wrapper-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub, .wrapper-3kah-n:hover .childWrapper-1j_1ub {
155 border-radius: 50px;
156 box-shadow: inset 3px 3px 9px 3px rgba(50, 205, 50, 0.63), inset 3px 3px 9px 3px rgba(50, 205, 50, 0.63), inset 3px 3px 9px 3px rgba(50, 205, 50, 0.63), inset -8px -21px 9px -16px rgba(50, 205, 50, 0.93);
157 background-image: radial-gradient(circle closest-side at 12px 15px, white 10%, rgba(19, 9, 65, 0.29) 100%, rgba(19, 9, 65, 0.29) 100%);
158}
159
160.wrapper-3kah-n.selected-1Drb7Z::after {
161 box-shadow: inset 3px 3px 9px 3px rgba(82, 248, 82, 0.63) , inset -8px -21px 9px -16px rgba(82, 248, 82, 0.93);
162 background-image: radial-gradient(circle closest-side at 12px 15px, white 10%, rgba(19, 9, 65, 0.29) 100%, rgba(19, 9, 65, 0.29) 100%);
163 border-radius: 50px;
164 content: ";";;
165 position: fixed;
166}
167
168.sidebar-1tnWFu {
169 background: transparent;
170}
171
172.panels-3wFtMD {
173 background-color: transparent;
174 border-radius: 30px;
175 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -21px 9px -16px rgba(231, 254, 255, 0.93);
176 background-image: radial-gradient(circle closest-side at 20px 15px, white 10%, rgba(19, 9, 65, 0.79) 100%, rgba(19, 9, 65, 0.79) 100%);
177}
178
179.panels-3wFtMD .button-12Fmur {
180 border-radius: 50px;
181 color: white;
182}
183
184.panels-3wFtMD .button-12Fmur:hover {
185 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -21px 9px -16px rgba(231, 254, 255, 0.93);
186}
187
188.title-338goq {
189 color: white;
190 font-weight: bold;
191}
192
193.title-338goq.size14-3fJ-ot {
194 font-size: 12px;
195}
196
197.theme-dark .pageWrapper-2PwDoS {
198 background-color: transparent;
199}
200
201.theme-dark .card-2TuZPZ, .theme-dark .iconMask-2fMR98 {
202 background-color: transparent;
203 border-radius: 50px;
204}
205
206.panels-3wFtMD .button-12Fmur:hover {
207 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -21px 9px -16px rgba(231, 254, 255, 0.93);
208}
209
210.theme-dark .card-2TuZPZ:hover {
211 background-color: transparent;
212 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -21px 9px -16px rgba(231, 254, 255, 0.93);
213}
214
215.button-3bklZh {
216 color: white;
217}
218
219.wrapper-2vIMkT {
220 border-radius: 50px;
221 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -21px 9px -16px rgba(231, 254, 255, 0.93) !important;
222 background-image: radial-gradient(circle closest-side at 8px 8px, white 10%, rgba(19, 9, 65, 0.79) 100%, rgba(19, 9, 65, 0.79) 100%) !important;
223 background-color: transparent !important;
224}
225
226
227.lookLink-15mFoz.colorLink-1Md3RZ {
228 color: limegreen;
229}
230.lookLink-15mFoz.colorLink-1Md3RZ:hover .contents-3ca1mk {
231 background-image: linear-gradient(0deg,transparent,transparent 1px,limegreen 0,limegreen 2px,transparent 0);
232}
233
234.theme-dark .card-2TuZPZ:hover .iconMask-2fMR98, .theme-dark .iconMask-2fMR98:hover, .theme-dark .iconMask-2fMR98:hover .iconMask-2fMR98 {
235 background-color: transparent;
236}
237
238.search-25t1e9 .searchBox-31Zv9h {
239 background-color: rgba(0,0,0,.4);
240}
241
242.search-25t1e9 .searchBox-31Zv9h .searchIcon-3X4BYL,
243.search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz {
244 color: white;
245}
246
247.search-25t1e9 .searchBox-31Zv9h .closeIcon-BMGxx0 {
248 color: white !important;
249}
250
251.background-3X6N7I {
252 background-color: transparent;
253}
254
255.text-md-normal-304U3g,
256.text-xs-normal-3SiVjE,
257.text-sm-normal-3Zj3Iv {
258 color: white !important;
259}
260
261*::-webkit-input-placeholder {
262 color: white !important;
263}
264
265.menu-1QACrS {
266 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -31px 9px -16px rgba(231, 254, 255, 0.53);
267 background-image: radial-gradient(circle closest-side at 45px 45px, rgba(255, 255, 255, .85) 10%, rgba(19, 9, 65, 0.69) 100%, rgba(19, 9, 65, 0.79) 100%);
268 width: auto;
269 height: auto;
270 overflow: hidden;
271 border-radius: 30px;
272 background-color: transparent;
273}
274
275.colorDefault-CDqZdO {
276 color: white !important;
277 border-color: transparent;
278}
279
280
281.item-1OdjEX {
282 border-radius: 50px;
283 font-size: 14px;
284}
285
286.header-3OsQeK {
287 color: white;
288 box-shadow: none;
289}
290
291.container-1NXEtd,
292.chat-2ZfjoI {
293 background-color: transparent;
294}
295
296.colorDanger-3n-KnP.focused-3qFvc8 {
297 background-color: transparent;
298 box-shadow: inset 1px 9px 1px 3px rgba(189, 30, 36, 0.33), inset -12px -12px 9px -6px rgba(189, 30, 36, 0.63) !important;
299 background-image: radial-gradient(circle closest-side at 12px 12px, rgba(255, 255, 255) 10%, rgba(189, 30, 36, 0.29) 100%, rgba(189, 30, 36, 0.29) 100%) !important;
300}
301
302.colorDefault-CDqZdO.focused-3qFvc8 {
303 background-color: transparent;
304 box-shadow: inset 1px 9px 1px 3px rgba(240, 163, 10, 0.33), inset -12px -12px 9px -6px rgba(240, 163, 10, 0.63);
305 background-image: radial-gradient(circle closest-side at 12px 12px, rgba(255, 255, 255) 10%, rgba(240, 163, 10, 0.29) 100%, rgba(240, 163, 10, 0.29) 100%);
306}
307
308.colorDanger-3n-KnP:active:not(.hideInteraction-2jPGL_) {
309 background-color: transparent;
310 box-shadow: inset 1px 9px 1px 3px rgba(189, 30, 36, 0.33), inset -12px -12px 9px -6px rgba(189, 30, 36, 0.73) !important;
311 background-image: radial-gradient(circle closest-side at 12px 12px, rgba(255, 255, 255) 10%, rgba(189, 30, 36, 0.49) 100%, rgba(189, 30, 36, 0.49) 100%) !important;
312}
313
314.colorDefault-CDqZdO:active:not(.hideInteraction-2jPGL_) {
315 background-color: transparent;
316 box-shadow: inset 1px 9px 1px 3px rgba(240, 163, 10, 0.33), inset -12px -12px 9px -6px rgba(240, 163, 10, 0.73);
317 background-image: radial-gradient(circle closest-side at 12px 12px, rgba(255, 255, 255) 10%, rgba(240, 163, 10, 0.49) 100%, rgba(240, 163, 10, 0.49) 100%);
318}
319
320.backdrop-2ByYRN {
321 background-color: rgba(0,0,0,.3) !important;
322}
323
324.theme-dark .separator-2lLxgC {
325 box-shadow: none;
326}
327
328.root-g14mjS {
329 border-radius: 50pc;
330}
331
332.modal-1Kmy_E {
333 width: 645px;
334 padding-left: 82px;
335}
336
337.theme-dark .root-g14mjS {
338 background-color: transparent;
339 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -31px 9px -16px rgba(231, 254, 255, 0.53) !important;
340 background-image: radial-gradient(circle closest-side at 135px 135px, rgba(255, 255, 255, .45) 10%, rgba(0, 0, 0, 0.65) 100%, rgba(0, 0, 0, 0.59) 100%);
341}
342
343.root-g14mjS .scroller-3nFW5p {
344 padding-left: 42px;
345 padding-right: 42px !important;
346 overflow: visible scroll !important
347}
348
349.theme-dark .footerSeparator-VzAYwb {
350 box-shadow: none;
351}
352
353.root-g14mjS .footer-31IekZ {
354 margin-left: 33px;
355 margin-right: 33px;
356}
357
358.root-g14mjS .searchBar-20o6Cf {
359 margin-left: 7pc;
360 margin-right: 7pc;
361}
362
363.headerText-2XASja {
364 margin-left: 3pc;
365 margin-top: 14px;
366 font-size: 20px;
367 overflow: hidden;
368}
369
370.headerChannelContainer-3y1A0P, .warningContainer-1iWUVH {
371 left: 2pc;
372 position: relative;
373}
374
375.headerChannelContainer-3y1A0P {
376 left: 2pc;
377 position: relative;
378}
379
380.colorHeaderSecondary-g5teka, .channelIcon-2x-GOw, .colorInteractiveNormal-36ZhyZ {
381 color: white;
382}
383
384.container-2oNtJn {
385 border-radius: 50px;
386 background-color: transparent;
387 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
388 background-image: radial-gradient(circle closest-side at 135px 135px, rgba(255, 255, 255, .65) 10%, rgba(19, 9, 65, 0.59) 100%, rgba(19, 9, 65, 0.59) 100%);
389}
390
391.button-f2h6uQ {
392 border-radius: 50pc;
393 font-size: 16px;
394}
395
396.lookOutlined-3yKVGo.colorGreen-3y-Z79,
397.lookFilled-yCfaCM.colorGreen-3y-Z79,
398.lookFilled-yCfaCM.colorGreen-3y-Z79:disabled {
399 box-shadow: inset 1px 2px 1px 3px rgba(58, 166, 85, 0.33), inset -12px -8px 14px -6px rgba(58, 166, 85, 0.63) !important;
400 background-image: radial-gradient(circle closest-side at 9px 9px, rgba(255, 255, 255) 10%, rgba(58, 166, 85, 0.18) 100%, rgba(58, 166, 85, 0.18) 100%) !important;
401 border: none !important;
402 color: white !important;
403 background-color: transparent !important;
404}
405
406.lookOutlined-3yKVGo.colorBrand-I6CyqQ,
407.lookFilled-yCfaCM.colorBrand-I6CyqQ,
408.lookInverted-2mDUMi.colorBrand-I6CyqQ,
409.lookFilled-yCfaCM.colorBrand-I6CyqQ:disabled {
410 box-shadow: inset 1px 2px 1px 3px rgba(69, 112, 230, 0.33), inset -12px -8px 14px -6px rgba(69, 112, 230, 0.63) !important;
411 background-image: radial-gradient(circle closest-side at 9px 9px, rgba(255, 255, 255) 10%, rgba(69, 112, 230, 0.18) 100%, rgba(69, 112, 230, 0.18) 100%) !important;
412 border: none !important;
413 color: white !important;
414 background-color: transparent !important;
415}
416
417.lookOutlined-3yKVGo.colorRed-rQXKgM,
418.lookFilled-yCfaCM.colorRed-rQXKgM {
419 box-shadow: inset 1px 2px 1px 3px rgba(238, 17, 17, 0.33), inset -12px -8px 14px -6px rgba(238, 17, 17, 0.63) !important;
420 background-image: radial-gradient(circle closest-side at 9px 9px, rgba(255, 255, 255) 10%, rgba(238, 17, 17, 0.18) 100%, rgba(238, 17, 17, 0.18) 100%) !important;
421 border: none !important;
422 color: white !important;
423 background-color: transparent !important;
424}
425
426.theme-dark .lookFilled-yCfaCM.colorGrey-2iAG-B {
427 box-shadow: inset 1px 2px 1px 3px rgba(149, 165, 166, 0.33), inset -12px -8px 14px -6px rgba(149, 165, 166, 0.63) !important;
428 background-image: radial-gradient(circle closest-side at 9px 9px, rgba(255, 255, 255) 10%, rgba(149, 165, 166, 0.18) 100%, rgba(149, 165, 166, 0.18) 100%) !important;
429 border: none !important;
430 color: white !important;
431 background-color: transparent !important;
432}
433
434.theme-dark .inviteRow-3vmB7i:hover {
435 background-color: transparent;
436 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
437 background-image: radial-gradient(circle closest-side at 135px 135px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 0, 0.59) 100%, rgba(0, 0, 0, 0.59) 100%);
438}
439
440.inviteRow-3vmB7i {
441 border-radius: 50px;
442}
443
444.input-2g-os5 {
445 border-radius: 50px;
446 color: white;
447 background-color: transparent;
448 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
449 background-image: radial-gradient(circle closest-side at 135px 135px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 0, 0.59) 100%, rgba(0, 0, 0, 0.59) 100%);
450 border: none;
451}
452
453.input-2g-os5.focused-1AtTHC, .input-2g-os5:focus {
454 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.43), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
455 background-image: radial-gradient(circle closest-side at 135px 135px, rgba(255, 255, 255, .65) 10%, rgba(241, 196, 15, 0.29) 100%, rgba(241, 196, 15, 0.29) 100%);
456}
457
458.theme-dark .checkBoxLabel-16BK2g, .theme-dark .footerText-2QLGHU, .theme-dark .subText-1CcYgq {
459 color: white;
460}
461
462.theme-dark .footerText-2QLGHU {
463 position: relative;
464 left: 44px;
465}
466
467.theme-dark .checkBoxLabel-16BK2g a, .theme-dark .footerText-2QLGHU a, .theme-dark .subText-1CcYgq a {
468 color: gold;
469}
470
471.theme-dark .footer-31IekZ {
472 background-color: transparent;
473 margin-right: 52px;
474}
475
476.wrapper-1HSdhi {
477 left: 65px;
478 position: relative;
479}
480
481.root-g14mjS .size16-rrJ6ag {
482 left: 23px;
483 position: relative;
484}
485
486.theme-dark .message-G6O-Wv {
487 background-color: rgba(0,0,0,.3);
488 border-radius: 50px;
489 box-shadow: none;
490}
491
492.avatarSpeaking-2pCGrZ, .avatarSpeaking-33RRJU {
493 box-shadow: inset 0 0 0 2px #00aba9,inset 0 0 0 3px black;
494}
495
496.content-1Tgc42 {
497 border-radius: 50px;
498}
499
500.listDefault-2F-w65 .clickable-1ctZ-H:hover .content-1Tgc42 {
501 background-color: rgba(255, 255, 255, .22);
502}
503
504.listDefault-2F-w65 .clickable-1ctZ-H.selected-1oxcpH .content-1Tgc42 {
505 background-color: transparent;
506 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
507 background-image: radial-gradient(circle closest-side at 135px 135px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 0, 0.59) 100%, rgba(0, 0, 0, 0.59) 100%);
508}
509
510
511.icon-2W8DHg, .name-28HaxV {
512 color: silver;
513}
514
515.name-28HaxV {
516 text-transform: capitalize;
517}
518
519.unread-36eUEm {
520 display: none;
521}
522
523.content-1gYQeQ {
524 border-radius: 50px;
525}
526
527.modeSelected-3DmyhH .icon-2W8DHg, .modeSelected-3DmyhH:hover .icon-2W8DHg, .modeUnread-3Cxepe .icon-2W8DHg, .modeUnread-3Cxepe:hover .icon-2W8DHg,
528.modeSelected-3DmyhH .name-28HaxV, .modeSelected-3DmyhH:hover .name-28HaxV, .modeUnread-3Cxepe .name-28HaxV, .modeUnread-3Cxepe:hover .name-28HaxV {
529 color: white;
530}
531
532.modeUnread-3Cxepe .content-1gYQeQ, .modeUnread-3Cxepe:hover .content-1gYQeQ {
533 background-color: transparent;
534 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
535 background-image: radial-gradient(circle closest-side at 10px 10px, rgba(255, 255, 255, .65) 10%, rgba(42, 1, 155, 0.19) 100%, rgba(42, 1, 155, 0.19) 100%);
536}
537
538.header-3cSJjT {
539 background-color: transparent;
540}
541
542.container-3GP6AV {
543 background-color: transparent;
544}
545
546.small-23Atuv {
547 width: 490px;
548 padding: 24px 39px;
549 min-height: 500px;
550}
551
552.root-g14mjS.small-23Atuv {
553 width: 490px;
554 padding: 74px 120px;
555}
556
557.root-g14mjS.medium-1ywRMv {
558 width: 400px;
559 padding: 24px 144px;
560}
561
562
563.container-ZMc96U.themed-Hp1KC_,
564.members-3WRCEx, .members-3WRCEx>;div,
565.container-2o3qEW {
566 background: transparent;
567}
568
569.icon-2xnN2Y {
570 color: white !important;
571}
572
573.header-1w9Q93 {
574 background-color: transparent;
575 box-shadow: none;
576}
577
578.messagesPopoutWrap-3zryHW {
579 width: 870px;
580 padding: 4px 194px;
581 border-radius: 90pc;
582 background-color: transparent;
583 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
584 background-image: radial-gradient(circle closest-side at 150px 150px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 0, 0.76) 100%, rgba(0, 0, 0, 0.76) 100%);
585}
586
587.layer-2aCOJ3[style*=";position: absolute; top: 65.9818px; right: 296px;";] .messagesPopoutWrap-3zryHW {
588 left: 302px;
589}
590
591.layer-2aCOJ3[style*=";position: absolute; top: 65.9818px; right: 56px;";] .recentMentionsPopout-2bI1ZN:not(.container-2ebMPP) {
592 left: 52px;
593 max-width: 800px;
594 padding: 24px 204px;
595}
596
597.messageGroupWrapper-1jf_7C {
598 background: rgba(0, 0, 0, 0.49);
599 border: none;
600}
601
602.jumpButton-1ZwI_j {
603 height: 18px;
604 padding: 7px 13px;
605 border-radius: 50px;
606 color: white !important;
607 background-color: transparent;
608 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
609 background-image: radial-gradient(circle closest-side at 10px 10px, rgba(255, 255, 255, .65) 10%, rgba(42, 1, 155, 0.19) 100%, rgba(42, 1, 155, 0.19) 100%);
610}
611
612.embedFull-1HGV2S {
613 border-left: none;
614 background: none;
615}
616
617.header-3_zmOb {
618 background-color: transparent;
619}
620
621.container-18GwIk {
622 background-color: transparent;
623 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
624 background-image: radial-gradient(circle closest-side at 160px 160px, rgba(95, 95, 95, 0.75) 10%, rgba(0, 0, 0, 0.49) 100%, rgba(0, 0, 0, 0.49) 100%);
625 border-radius: 50pc;
626 padding: 124px 83px;
627}
628
629
630.browser-mnQ1T7 {
631 min-height: 90vh;
632 max-width: 800px;
633 width: 50vw;
634}
635
636.container-2rzKKA {
637 background-color: transparent;
638 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
639 background-image: radial-gradient(circle closest-side at 10px 10px, rgba(255, 255, 255, .65) 10%, rgba(42, 1, 155, 0.19) 100%, rgba(42, 1, 155, 0.19) 100%);
640 border-radius: 50px;
641 border: none;
642}
643
644.threadName-2k9mLl {
645 color: white;
646}
647
648.moreUsers-_v6T-L {
649 background-color: transparent;
650 box-shadow: inset 1px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
651 background-image: radial-gradient(circle closest-side at 6px 6px, rgba(255, 255, 255, .35) 10%, rgba(0, 0, 0, 0.49) 100%, rgba(0, 0, 0, 0.49) 100%);
652 color: white;
653}
654
655.size24-9rrwDS .moreUsers-_v6T-L {
656 border-radius: 50pc;
657 padding: 0 4px;
658}
659
660.uploadArea-2Nu_Vc {
661 background: rgba(0,0,0,.4);
662}
663
664.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .inner-rBP-MS {
665 border: none;
666}
667
668.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .bgScale-1iWuPF {
669 border-radius: 50pc;
670 height: 313px;
671 width: 313px;
672 padding: 4px 6px;
673 background-color: transparent;
674 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
675 background-image: radial-gradient(circle closest-side at 60px 60px, rgba(255, 255, 255, .65) 10%, rgba(42, 1, 155, 0.19) 100%, rgba(42, 1, 155, 0.19) 100%);
676}
677
678.metadata-1E7Z4i, .size-2mQ7x9 {
679 color: white;
680}
681
682.attachment-1PZZB2 {
683 border-color: transparent;
684 background-color: transparent;
685}
686
687.progress-xNqAjK[style*=";background-color: var(--background-modifier-active);";] {
688 background-color: blue !important;
689}
690
691.progressBar-1T6LYX[style*=";background-color: var(--brand-500);";] {
692 background-color: #76AAD9 !important;
693}
694
695.divider-q3P9HC, .children-3xh0VB:after {
696 display: none;
697}
698
699.floating-3M3WeH {
700 border-left: none;
701 filter: none;
702}
703
704.container-3XgAHv {
705 border-radius: 50px;
706 background-color: transparent;
707 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
708 background-image: radial-gradient(circle closest-side at 60px 60px, rgba(255, 255, 255, .35) 10%, rgba(0, 0, 0, 0.49) 100%, rgba(0, 0, 0, 0.49) 100%);
709}
710
711.iconWrapper-3plkqh {
712 background-color: transparent;
713 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
714 background-image: radial-gradient(circle closest-side at 15px 15px, rgba(255, 255, 255, .65) 10%, rgba(42, 1, 155, 0.49) 100%, rgba(42, 1, 155, 0.49) 100%);
715}
716
717.channelTextAreaInner-ITp5kW {
718 background-color: transparent;
719 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
720 background-image: radial-gradient(circle closest-side at 15px 15px, rgba(255, 255, 255, .65) 10%, rgba(42, 1, 155, 0.49) 100%, rgba(42, 1, 155, 0.49) 100%);
721 border: none;
722 border-radius: 50px;
723}
724
725.channelTextArea-3TZH74 {
726 background-color: transparent;
727}
728
729.textArea-2CLwUE, .placeholder-1_mJY1, .slateTextArea-27tjG0 .hljs-comment, .slateTextArea-27tjG0 .hljs-quote {
730 color: white;
731}
732
733.slateTextArea-27tjG0 {
734 caret-color: white;
735}
736
737.contentWrapper-3vHNP2 {
738 border-radius: 50px;
739 background-color: transparent;
740 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
741 background-image: radial-gradient(circle closest-side at 60px 60px, rgba(255, 255, 255, .35) 10%, rgba(0, 0, 0, 0.79) 100%, rgba(0, 0, 0, 0.79) 100%);
742 padding-left: 34px;
743 padding-right: 34px;
744 height: 110%;
745}
746
747.emojiPicker-6YCk8a {
748 background-color: rgba(0, 0, 0, 0.59);
749 border-radius: 50px;
750}
751
752.topPill-3DJJNV .item-3XjbnG {
753 border-radius: 50px;
754}
755
756.inspector-DFKXwB, .wrapper-22rqw6 {
757 background-color: transparent;
758}
759
760.categoryItemDefaultCategorySelected-2YeRUu, .categoryItemDefaultCategorySelected-2YeRUu:hover,
761.premiumCategorySelected-2KWLhN, .premiumCategorySelected-2KWLhN:hover, .stickerCategoryGenericSelected-DnO2K8, .stickerCategoryGenericSelected-DnO2K8:hover {
762 background-color: transparent;
763 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
764 background-image: radial-gradient(circle closest-side at 10px 10px, rgba(255, 255, 255, .65) 10%, rgba(42, 1, 155, 0.49) 100%, rgba(42, 1, 155, 0.49) 100%);
765}
766
767.categoryItemDefaultCategory-3haEDq,
768.stickerCategory-2f6iSo {
769 border-radius: 50px;
770}
771
772.guildIcon-2SUGiq {
773 background-color: transparent;
774 color: white;
775}
776
777#app-mount .categoryIcon-2cYeku,
778.stickerCategory-2f6iSo {
779 color: white;
780}
781
782.createInspected-3KhI7n {
783 background-color: transparent;
784}
785
786.createSticker-y-_Ug2 {
787 background-color: rgba(255, 255, 255, .28);
788}
789
790.stickerInspected-mwnU6w .inspectedIndicator-27zwNZ {
791 background-color: transparent;
792 border-radius: 20px;
793 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
794 background-image: radial-gradient(circle closest-side at 14px 14px, rgba(255, 255, 255, .65) 10%, rgba(42, 1, 155, 0.49) 100%, rgba(42, 1, 155, 0.49) 100%);
795}
796
797.wrapper-1NNaWG {
798 background-color: transparent;
799}
800
801#app-mount .header-1XpmZs {
802 color: white;
803}
804
805.navButtonActive-1EqC5l {
806 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
807 background-image: radial-gradient(circle closest-side at 8px 8px, rgba(255, 255, 255, .65) 10%, rgba(42, 1, 155, 0.49) 100%, rgba(42, 1, 155, 0.49) 100%);
808 background-color: transparent;
809}
810
811.container-1SX9VC {
812 background-color: transparent;
813}
814
815.emojiItem-277VFM.emojiItemSelected-2Lg50V {
816 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
817 background-image: radial-gradient(circle closest-side at 8px 8px, rgba(255, 255, 255, .65) 10%, rgba(42, 1, 155, 0.49) 100%, rgba(42, 1, 155, 0.49) 100%);
818 background-color: transparent;
819}
820
821.emojiItem-277VFM {
822 border-radius: 50px;
823}
824
825.diversitySelectorOptions-3DhNYs * {
826 background-color: transparent !important;
827}
828
829.diversitySelectorOptions-3DhNYs {
830 background-color: transparent;
831 border: none;
832}
833
834.newMessagesBar-1hF-9G, .jumpToPresentBar-1cEnH0, .replyBar-1oi75v, .threadSuggestionBar-3ExSyc {
835 background-color: black;
836 box-shadow: none;
837}
838
839.attachedBars-2BCP3l {
840 background: transparent;
841}
842
843.channelTextArea-1FufC0 {
844 background-color: transparent;
845}
846
847.scrollableContainer-15eg7h {
848 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
849 background-image: radial-gradient(circle closest-side at 12px 12px, rgba(255, 255, 255, .65) 10%, rgba(42, 1, 155, 0.49) 100%, rgba(42, 1, 155, 0.49) 100%);
850 background-color: transparent;
851}
852
853.repliedMessage-3Z6XBG:before {
854 border-left: 4px solid white;
855 border-top: 4px solid white;
856 border-top-left-radius: 50px;
857}
858
859.repliedMessage-3Z6XBG {
860 color: white;
861}
862
863#app-mount .mention-3XBnnZ {
864 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
865 background-image: radial-gradient(circle closest-side at 12px 12px, rgba(255, 255, 255, .65) 10%, rgba(42, 1, 155, 0.49) 100%, rgba(42, 1, 155, 0.49) 100%);
866 background-color: transparent;
867 border-radius: 50pc;
868}
869
870.numberBadge-37OJ3S {
871 width: 24px !important;
872 height: 24px;
873 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
874 background-image: radial-gradient(circle closest-side at 7px 7px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 0, 0.79) 100%, rgba(0, 0, 0, 0.79) 100%);
875 background-color: transparent !important;
876 border-radius: 50pc;
877 top: 2px;
878 position: relative;
879}
880
881.footer-5ji8u1 {
882 background-color: transparent;
883}
884
885.tip-Jl__cG {
886 opacity: 1;
887}
888
889#app-mount .button-1zW0-r {
890 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
891 background-image: radial-gradient(circle closest-side at 12px 12px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 0, 0.79) 100%, rgba(0, 0, 0, 0.79) 100%);
892 background-color: transparent !important;
893}
894
895#app-mount .divider-2rZFJK {
896 border: none;
897}
898
899#app-mount .content-3spvdd {
900 padding: 6px 13px;
901 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -2px 9px -16px rgba(231, 254, 255, 0.33);
902 background-image: radial-gradient(circle closest-side at 8px 8px, rgba(255, 255, 255, .65) 10%, rgba(56, 0, 211, 0.29) 100%, rgba(56, 0, 211, 0.29) 100%);
903 color: white;
904 background-color: transparent;
905 border-radius: 50pc;
906}
907
908.unreadPill-3nEWYM {
909 border-radius: 0 50px 50px 0;
910 text-transform: capitalize;
911 background-color: #090988;
912}
913
914.unreadPillCapStroke-1nE1Q8 {
915 color: #090988;
916 fill: #090988;
917}
918
919.reaction-3vwAF2 {
920 border-radius: 50pc;
921 background: rgb(0, 0, 0, .2);
922 border: 1px solid black;
923}
924
925.reaction-3vwAF2.reactionMe-1PwQAc {
926 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -2px 9px -16px rgba(231, 254, 255, 0.33);
927 background-image: radial-gradient(circle closest-side at 9px 9px, rgba(255, 255, 255, .65) 10%, rgba(56, 0, 211, 0.29) 100%, rgba(56, 0, 211, 0.29) 100%);
928 border-color: transparent;
929}
930
931#app-mount .reactionCount-26U4As {
932 color: white;
933}
934
935.reaction-3vwAF2:hover {
936 background-color: rgba(54, 57, 120, .8);
937 border-color: transparent;
938}
939
940.compact-2Nkcau.wrapper-30-Nkg.mentioned-Tre-dv, .cozy-VmLDNB.wrapper-30-Nkg.mentioned-Tre-dv {
941 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -2px 9px -16px rgba(231, 254, 255, 0.33);
942 background-color: transparent;
943 border-radius: 50px;
944 padding-top: 12px;
945 background-image: radial-gradient(circle closest-side at 36px 36px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 0, 0.29) 100%, rgba(0, 0, 0, 0.29) 100%);
946}
947
948.mentioned-Tre-dv:before {
949 background-color: transparent;
950}
951
952.mention {
953 border-radius: 50px;
954 padding-bottom: 4px;
955 padding-right: 12px;
956 padding-left: 12px;
957}
958
959#app-mount .wrapper-1ZcZW- {
960 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
961 background-image: radial-gradient(circle closest-side at 9px 9px, rgba(255, 255, 255, .65) 10%, rgba(42, 1, 155, 0.49) 100%, rgba(42, 1, 155, 0.49) 100%);
962 background-color: transparent;
963 color: white;
964}
965
966.channelHeader-DFRX8q {
967 background-color: rgba(0, 0, 0, 0.49);
968}
969
970.messageContainer-3VTXBC {
971 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -2px 9px -16px rgba(231, 254, 255, 0.33);
972 background-color: transparent;
973 border-radius: 10px;
974 background-image: radial-gradient(circle closest-side at 56px 56px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 0, 0.29) 100%, rgba(0, 0, 0, 0.29) 100%);
975}
976
977
978#app-mount .tertiary-1e-lAP {
979 background-color: transparent;
980 color: white;
981}
982
983.wrapper-2olG5t {
984 border-radius: 50px;
985 background-color: rgba(255, 255, 255, 0.22);
986 box-shadow: none;
987 padding: 5px 9px;
988 text-shadow: none;
989}
990
991.channelName-3APnhp, .subtext-2-lYzF {
992 overflow: visible;
993}
994
995.badge-1ImhlC {
996 top: 3px;
997}
998
999.container-2ebMPP {
1000 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -2px 9px -16px rgba(231, 254, 255, 0.33);
1001 background-color: transparent;
1002 background-image: radial-gradient(circle closest-side at 126px 126px, rgba(255, 255, 255, .45) 10%, rgba(0, 0, 0, 0.29) 100%, rgba(0, 0, 0, 0.29) 100%);
1003 border-radius: 50pc;
1004 padding: 64px 124px;
1005 max-width: 800px;
1006 width: 700px;
1007}
1008
1009.iconBadge-3Mmg92 {
1010 background-color: blue;
1011}
1012
1013.messages-23can0 {
1014 background-color: rgba(0, 0, 255, 0.21);
1015 border-radius: 50px;
1016 border: 2px inset blue;
1017}
1018
1019
1020#app-mount .jumpButton-1V_1FA {
1021 background-color: black;
1022 border-radius: 50px;
1023}
1024
1025#app-mount .jumpButton-1V_1FA .text-2ifC_x {
1026 color: white;
1027}
1028
1029.tutorial-Nb3Zz5 {
1030 background-color: transparent;
1031}
1032
1033.tutorialIcon-25VF3Q {
1034 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
1035 background-image: radial-gradient(circle closest-side at 9px 9px, rgba(255, 255, 255, .65) 10%, rgba(42, 1, 155, 0.49) 100%, rgba(42, 1, 155, 0.49) 100%);
1036 background-color: transparent;
1037 color: white;
1038}
1039
1040.brand-3g5E0C.item-3XjbnG, .themed-2-lozF.item-3XjbnG {
1041 color: lightskyblue;
1042}
1043
1044.container-x059i8 {
1045 color: white;
1046}
1047
1048.theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo {
1049 color: white;
1050 background-color: transparent;
1051}
1052
1053.clear-2gkgln,
1054.clear-wwSgAl {
1055 color: gold;
1056}
1057
1058.icon-mJhEWn,
1059.icon-2yhmi8 {
1060 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
1061 background-image: radial-gradient(circle closest-side at 19px 19px, rgba(255, 255, 255, .65) 10%, rgba(42, 1, 155, 0.49) 100%, rgba(42, 1, 155, 0.49) 100%);
1062 background-color: transparent;
1063 color: white;
1064}
1065
1066.fakeLink-2FvUR7 {
1067 color: gold;
1068}
1069
1070.headerBackground-131uxy {
1071 border-radius: 50px;
1072}
1073
1074.theme-dark .checkbox-f1HnKB[style*=";border-color: var(--control-brand-foreground); background-color: var(--control-brand-foreground);";] {
1075 border: none;
1076 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33) !important;
1077 background-image: radial-gradient(circle closest-side at 6px 6px, rgba(255, 255, 255, .65) 10%, rgba(42, 1, 155, 0.49) 100%, rgba(42, 1, 155, 0.49) 100%) !important;
1078 background-color: transparent !important;
1079}
1080
1081.divider-3NY7PF {
1082 border-left: none;
1083}
1084
1085.toolbar-37BrJ5:before {
1086 border-top: none;
1087}
1088
1089.toolbar-37BrJ5 {
1090 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
1091 background-image: radial-gradient(circle closest-side at 10px 10px, rgba(255, 255, 255, .85) 10%, rgba(42, 1, 155, 0.49) 100%, rgba(42, 1, 155, 0.49) 100%);
1092 background-color: transparent;
1093 border-radius: 50px;
1094}
1095
1096#app-mount .icon-3g7qdA {
1097 color: white;
1098}
1099
1100.after_inlineCode-WydEur, .before_inlineCode-xn8Llh, .inlineCode-2auMQi {
1101 background: rgba(255, 255, 255, 0.37);
1102}
1103
1104.codeBlockSyntax-2MZ-Qy, .syntaxAfter-OxiKEl, .syntaxBefore-3pDAmR {
1105 color: white;
1106}
1107
1108.markup-eYLPri code {
1109 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
1110 background-image: radial-gradient(circle closest-side at 12px 12px, rgba(255, 255, 255, .85) 10%, rgba(42, 1, 155, 0.49) 100%, rgba(42, 1, 155, 0.49) 100%);
1111 background-color: transparent;
1112 border: none;
1113}
1114
1115.markup-eYLPri code.inline {
1116 padding: 1px 14px;
1117 border-radius: 50px;
1118}
1119
1120#app-mount .role-23oyrw {
1121 color: white;
1122 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -2px 9px -16px rgba(231, 254, 255, 0.33);
1123 background-color: transparent;
1124 background-image: radial-gradient(circle closest-side at 6px 6px, rgba(255, 255, 255, .45) 10%, rgba(0, 0, 0, 0.29) 100%, rgba(0, 0, 0, 0.29) 100%);
1125 border-radius: 50px;
1126}
1127
1128#app-mount .button-1kija8 {
1129 color: white;
1130 border-radius: 50px;
1131 padding-right: 15px;
1132 padding-left: 15px;
1133 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
1134 background-image: radial-gradient(circle closest-side at 10px 10px, rgba(255, 255, 255, .85) 10%, rgba(42, 1, 155, 0.49) 100%, rgba(42, 1, 155, 0.49) 100%);
1135 background-color: transparent;
1136}
1137
1138.hljs {
1139 padding: .9em;
1140 color: white;
1141 border-radius: 30px;
1142}
1143
1144.emptyChannelIcon-1YdEz2 {
1145 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -25px 9px -16px rgba(231, 254, 255, 0.33);
1146 background-color: rgba(42, 1, 155, 0.49);
1147}
1148
1149.theme-dark .focused-2FU0YH {
1150 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
1151 background-image: radial-gradient(circle closest-side at 10px 10px, rgba(255, 255, 255, .85) 10%, rgba(42, 1, 155, 0.49) 100%, rgba(42, 1, 155, 0.49) 100%);
1152 background-color: transparent;
1153}
1154
1155.theme-dark .queryContainer-ZunrLZ {
1156 color: white;
1157 border-bottom-color: transparent;
1158}
1159
1160#app-mount .dim-2Uxgxb span {
1161 background-image: radial-gradient(circle closest-side at 10px 10px, rgba(255, 255, 255, .85) 10%, rgba(0, 0, 0, 0.49) 100%, rgba(0, 0, 0, 0.49) 100%);
1162 background-color: transparent;
1163 color: white;
1164}
1165
1166#app-mount .keybindShortcut-3zF1P9 span {
1167 color: white;
1168 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
1169}
1170
1171#app-mount .keybindShortcut-3zF1P9 span {
1172 background-image: radial-gradient(circle closest-side at 10px 10px, rgba(255, 255, 255, .85) 10%, rgba(42, 1, 155, 0.49) 100%, rgba(42, 1, 155, 0.49) 100%);
1173 background-color: transparent;
1174 border: none;
1175 border-radius: 50px;
1176}
1177
1178.theme-dark .keybindShortcut-3zF1P9 {
1179 color: white;
1180}
1181
1182.keybindShortcut-3zF1P9 {
1183 font-size: 14px;
1184 text-transform: capitalize;
1185}
1186
1187.queryText-j8z984 {
1188 font-size: 14px;
1189 text-transform: capitalize;
1190}
1191
1192.theme-dark .elevationBorderHigh-3drnJX {
1193 box-shadow: none;
1194}
1195
1196.theme-dark .container-2McqkF {
1197 background-image: radial-gradient(circle closest-side at 25px 25px, rgba(255, 255, 255, .85) 10%, rgba(42, 1, 155, 0.49) 100%, rgba(42, 1, 155, 0.49) 100%);
1198 background-color: transparent;
1199 border-radius: 50px;
1200 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
1201}
1202
1203.theme-dark .option-ayUoaq:hover {
1204 background-image: radial-gradient(circle closest-side at 10px 10px, rgba(255, 255, 255, .85) 10%, rgba(255, 129, 26, 0.49) 100%, rgba(255, 129, 26, 0.49) 100%);
1205 background-color: transparent;
1206 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
1207}
1208
1209.theme-dark .option-ayUoaq:hover:after,
1210.theme-dark .option-ayUoaq:after,
1211.theme-dark .form-3gdLxP:before,
1212.theme-dark .option-ayUoaq[aria-selected=true]:after {
1213 background: none;
1214}
1215
1216.theme-dark .option-ayUoaq[aria-selected=true] {
1217 background-image: radial-gradient(circle closest-side at 10px 10px, rgba(255, 255, 255, .85) 10%, rgba(114, 132, 183, 0.49) 100%, rgba(114, 132, 183, 0.49) 100%);
1218 background-color: transparent;
1219 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
1220
1221}
1222
1223.theme-dark .calendarPicker-sDhzdi .react-datepicker {
1224 background-color: transparent;
1225}
1226
1227.theme-dark .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--next, .theme-dark .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--previous {
1228 border-color: transparent;
1229}
1230
1231.theme-dark .calendarPicker-sDhzdi .react-datepicker__current-month {
1232 border-bottom-color: transparent;
1233 color: white;
1234}
1235
1236.calendarPicker-sDhzdi .react-datepicker__current-month {
1237 font-weight: 400;
1238 text-transform: capitalize;
1239}
1240
1241.theme-dark .calendarPicker-sDhzdi .react-datepicker__day-name {
1242 color: white;
1243}
1244
1245.calendarPicker-sDhzdi .react-datepicker__day-name {
1246 text-transform: capitalize;
1247}
1248
1249.theme-dark .calendarPicker-sDhzdi .react-datepicker__day--disabled,
1250.theme-dark .calendarPicker-sDhzdi .react-datepicker__day--outside-month,
1251.theme-dark .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled,
1252.theme-dark .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled:hover {
1253 background-image: radial-gradient(circle closest-side at 10px 10px, rgba(255, 255, 255, .85) 10%, rgba(255, 53, 94, 0.49) 100%, rgba(255, 53, 94, 0.49) 100%);
1254 background-color: transparent;
1255 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
1256 color: white;
1257}
1258
1259.calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--selected:after {
1260 background-color: #3d4c76;
1261 border-radius: 0 0 30pc 30pc
1262}
1263
1264.theme-dark .calendarPicker-sDhzdi .react-datepicker__day {
1265 color: white;
1266}
1267
1268.calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--keyboard-selected,
1269.calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--selected:hover,
1270.calendarPicker-sDhzdi .react-datepicker__day:hover {
1271 background-image: radial-gradient(circle closest-side at 10px 10px, rgba(255, 255, 255, .85) 10%, rgba(61, 76, 118, 0.49) 100%, rgba(61, 76, 118, 0.49) 100%);
1272 background-color: transparent;
1273 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
1274}
1275
1276.calendarPicker-sDhzdi .react-datepicker__month * {
1277 border: none !important;
1278 border-radius: 50px !important;
1279}
1280
1281.theme-dark .datePicker-3iA7_k .datePickerHint-Ir4715 {
1282 border-top: none;
1283}
1284
1285.theme-dark .datePicker-3iA7_k .datePickerHint-Ir4715 .hint-xfbpCV {
1286 color: white;
1287}
1288
1289#app-mount .datePicker-3iA7_k .datePickerHint-Ir4715 .hintValue-V9hd8l {
1290 background-image: radial-gradient(circle closest-side at 5px 5px, rgba(255, 255, 255, .85) 10%, rgba(114, 132, 183, 0.49) 100%, rgba(114, 132, 183, 0.49) 100%);
1291 background-color: transparent;
1292 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
1293}
1294
1295.datePicker-3iA7_k .datePickerHint-Ir4715 .hintValue-V9hd8l {
1296 padding: 0 7px;
1297 border-radius: 50px;
1298}
1299
1300.theme-dark .searchAnswer-23w-CH {
1301 background-image: radial-gradient(circle closest-side at 5px 5px, rgba(255, 255, 255, .85) 10%, rgba(114, 132, 183, 0.49) 100%, rgba(114, 132, 183, 0.49) 100%);
1302 background-color: transparent;
1303 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
1304}
1305
1306.theme-dark .searchFilter-2UfsDk {
1307 background-image: radial-gradient(circle closest-side at 5px 5px, rgba(255, 255, 255, .85) 10%, rgba(114, 132, 183, 0.49) 100%, rgba(114, 132, 183, 0.49) 100%);
1308 background-color: transparent;
1309 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
1310}
1311
1312.searchBar-jGtisZ {
1313 border-radius: 50px;
1314 color: white;
1315 background-color: rgba(0, 0, 0, 0.29);
1316}
1317
1318.icon-18rqoe,
1319.search-2Mwzzq .DraftEditor-root .public-DraftEditorPlaceholder-root,
1320.theme-dark .option-ayUoaq.user-1dKxvu .displayUsername-UTerwm,
1321.theme-dark .searchResultChannelCategory-19ujDo, .theme-dark .searchResultChannelIcon-C-3P9x,
1322.theme-dark .searchOption-3u1gRt .answer-14OVbQ {
1323 color: white;
1324}
1325
1326.option-ayUoaq {
1327 border-radius: 50px;
1328}
1329
1330.theme-dark .calendarPicker-sDhzdi .react-datepicker__header {
1331 background-color: transparent;
1332 border-color: transparent;
1333}
1334
1335.resultsGroup-cfY57t .header-1BR0Ro {
1336 text-align: center;
1337}
1338
1339.searchHeader-1r_ZSh {
1340 background-color: transparent;
1341}
1342
1343.searchResultsWrap-5RVOkx {
1344 background-image: radial-gradient(circle closest-side at 25px 25px, rgba(255, 255, 255, .85) 10%, rgba(42, 1, 155, 0.49) 100%, rgba(42, 1, 155, 0.49) 100%);
1345 background-color: transparent;
1346 border-radius: 50px;
1347 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
1348}
1349
1350.channelName-3w2Y3c {
1351 text-transform: capitalize;
1352 background: transparent;
1353 color: white;
1354}
1355
1356.searchResult-O9NDji {
1357 background-image: radial-gradient(circle closest-side at 25px 25px, rgba(255, 255, 255, .85) 10%, rgba(0, 0, 0, 0.49) 100%, rgba(0, 0, 0, 0.49) 100%);
1358 background-color: transparent;
1359 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
1360 border-radius: 50px;
1361}
1362
1363.button-cfOvv- {
1364 background-image: radial-gradient(circle closest-side at 5px 5px, rgba(255, 255, 255, .85) 10%, rgba(42, 1, 155, 0.49) 100%, rgba(42, 1, 155, 0.49) 100%);
1365 background-color: transparent;
1366 padding: 2px 6px;
1367 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
1368 border-radius: 50px;
1369 color: white;
1370}
1371
1372.textarea-_59yqs {
1373 padding: 4px 12px;
1374}
1375
1376.profileBadges-31rDHI {
1377 background-color: rgba(0, 0, 0, .2);
1378}
1379
1380
1381.userProfileOuterUnthemed-2b2rsv {
1382 background-color: transparent;
1383}
1384
1385.overlayBackground-1KgwVi {
1386 background-color: transparent;
1387}
1388
1389.userProfileInner-3F03PX:before {
1390 background-color: transparent;
1391}
1392
1393.userPopoutOuter-3AVBmJ {
1394 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.83), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.83);
1395}
1396
1397.messageInputContainer-2rGDH8 {
1398 border: 1px solid transparent;
1399}
1400
1401.userProfileOuter-1K_BYU {
1402 border-radius: 50px;
1403}
1404
1405.userProfileInnerThemedNonPremium-1gT-zY {
1406 background-image: radial-gradient(circle closest-side at 35px 35px, rgba(255, 255, 255, .85) 10%, rgba(0, 0, 0, 0.49) 100%, rgba(0, 0, 0, 0.49) 100%);
1407 background-color: transparent;
1408}
1409
1410.userProfileInnerThemedWithBanner-2624Yx,
1411.userProfileInnerThemedPremiumWithoutBanner-1yMS1H {
1412 background-image: radial-gradient(circle closest-side at 35px 35px, rgba(255, 255, 255, .85) 10%, rgba(0, 0, 0, 0.49) 100%, rgba(0, 0, 0, 0.49) 100%);
1413 background-color: transparent;
1414}
1415
1416.userProfileOuterThemed-3EfHmv.userPopoutOuter-3AVBmJ,
1417.userProfileOuterThemed-3EfHmv.userProfileOuter-1K_BYU {
1418 background: none;
1419}
1420
1421.userProfileInner-3F03PX {
1422 border-radius: 50px 50px 0 0;
1423}
1424
1425.popoutBanner-3cqRD9,
1426.profileBanner-1owKI5,
1427.bannerUploaderInnerSquare-2c2J8_ {
1428 opacity: .5;
1429}
1430
1431
1432
1433.avatar-2Vndt_ {
1434 border: 6px solid #000070;
1435 background-color: transparent;
1436}
1437
1438.body-1Ukv50, .topSection-13QKHs {
1439 background-color: transparent;
1440}
1441
1442.note-3M15gE textarea {
1443 border-radius: 50px;
1444 padding: 4px 12px;
1445}
1446
1447.connectedAccountContainer-2TWiXT {
1448 background-image: radial-gradient(circle closest-side at 43px 43px, rgba(255, 255, 255, .85) 10%, rgba(42, 1, 155, 0.29) 100%, rgba(42, 1, 155, 0.29) 100%);
1449 background-color: transparent;
1450 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -32px 9px -16px rgba(231, 254, 255, 0.33);
1451 border-radius: 50pc;
1452 margin-top: 20px;
1453 height: 170px;
1454 width: 170px;
1455 border: none;
1456 word-wrap: break-word;
1457}
1458
1459.wrapper-1gVUIN.minimum-fXpVNc {
1460 background-image: radial-gradient(circle closest-side at 43px 43px, rgba(255, 255, 255, .85) 10%, rgba(42, 1, 155, 0.29) 100%, rgba(42, 1, 155, 0.29) 100%);
1461 background-color: transparent;
1462 border-radius: 50px;
1463 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -32px 9px -16px rgba(231, 254, 255, 0.33);
1464}
1465
1466.theme-dark .quickSelectPopout-2F0PXw {
1467 background: #19191a;
1468 color: white;
1469}
1470
1471.colorable-3rVGna.red-3T8maV {
1472 box-shadow: inset 1px 2px 1px 3px rgba(238, 17, 17, 0.33), inset -12px -8px 14px -6px rgba(238, 17, 17, 0.63) !important;
1473 background-image: radial-gradient(circle closest-side at 13px 13px, rgba(255, 255, 255) 10%, rgba(238, 17, 17, 0.18) 100%, rgba(238, 17, 17, 0.18) 100%) !important;
1474 border: none !important;
1475 color: white !important;
1476 background-color: transparent !important;
1477}
1478
1479.colorable-3rVGna.primaryDark-2UJt1G {
1480 box-shadow: inset 1px 2px 1px 3px rgba(99, 99, 99, 0.33), inset -12px -8px 14px -6px rgba(52, 52, 52, 0.63) !important;
1481 background-image: radial-gradient(circle closest-side at 13px 13px, rgba(255, 255, 255) 10%, rgba(52, 52, 52, 0.18) 100%, rgba(52, 52, 52, 0.18) 100%) !important;
1482 border: none !important;
1483 color: white !important;
1484 background-color: transparent !important;
1485}
1486
1487.wrapper-1HIH0j {
1488 background-color: transparent;
1489}
1490
1491.guildIconExpired-2BFmZC, .guildIcon-3ZfRfI {
1492 background-color: rgba(52, 52, 52, 0.18);
1493 box-shadow: inset 1px 2px 1px 3px rgba(99, 99, 99, 0.33), inset -12px -8px 14px -6px rgba(52, 52, 52, 0.63);
1494 border-radius: 50px;
1495}
1496
1497
1498/* Discord and BetterDiscord Settings */
1499.contentRegionScroller-2_GT_N,
1500.contentRegion-3HkfJJ,
1501.sidebarRegionScroller-FXiQOh,
1502.standardSidebarView-E9Pc3j {
1503 background-color: transparent;
1504}
1505
1506.auto-2K3UW5::-webkit-scrollbar {
1507 width: 21px;
1508}
1509
1510.auto-2K3UW5::-webkit-scrollbar-thumb {
1511 background-color: rgba(255, 255, 255, .39);
1512}
1513
1514.auto-2K3UW5::-webkit-scrollbar-thumb, .auto-2K3UW5::-webkit-scrollbar-track {
1515 border-radius: 50px;
1516}
1517.auto-2K3UW5::-webkit-scrollbar-track {
1518 background-color: transparent;
1519}
1520
1521.thin-31rlnD::-webkit-scrollbar, .thin-31rlnD::-webkit-scrollbar-thumb, .thin-31rlnD::-webkit-scrollbar-track {
1522 display: none;
1523}
1524
1525.h5-2RwDNl {
1526 color: white;
1527 font-size: 14px;
1528}
1529
1530.h4-1_f8j1, .h5-2RwDNl {
1531 text-transform: capitalize;
1532}
1533
1534.select-1Ia3hD {
1535 border-radius: 50px;
1536}
1537
1538.select-1Ia3hD, .wrapper-1b33hy {
1539 color: white;
1540}
1541
1542.lookFilled-1GseHa.select-1Ia3hD {
1543 background-color: transparent;
1544 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
1545 background-image: radial-gradient(circle closest-side at 15px 10px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 0, 0.59) 100%, rgba(0, 0, 0, 0.59) 100%);
1546 border-color: transparent;
1547}
1548
1549.selectedIcon-19TbzU {
1550 color: white;
1551}
1552
1553.popout-1KHNAq {
1554 border: none;
1555 background: none;
1556 border-radius: 30px;
1557 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
1558 background-image: radial-gradient(circle closest-side at 15px 10px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 0, 0.59) 100%, rgba(0, 0, 0, 0.59) 100%);
1559 border-color: transparent;
1560}
1561
1562.subtitle-2SfoOV {
1563 color: silver;
1564}
1565
1566.lighten-1KubYe {
1567 opacity: .8;
1568}
1569
1570.option-2eIyOn {
1571 color: white;
1572}
1573
1574.option-2eIyOn[aria-selected=true] {
1575 border-radius: 30px;
1576 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53) !important;
1577 background-image: radial-gradient(circle closest-side at 15px 10px, rgba(255, 255, 255, .65) 10%, rgba(148, 149, 165, 0.59) 100%, rgba(148, 149, 165, 0.59) 100%) !important;
1578 color: white;
1579}
1580
1581.option-2eIyOn.focused-ODgjnC, .option-2eIyOn:focus, .option-2eIyOn:hover {
1582 border-radius: 30px;
1583 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
1584 background-image: radial-gradient(circle closest-side at 15px 10px, rgba(255, 255, 255, .65) 10%, rgba(92, 92, 91, 0.59) 100%, rgba(92, 92, 91, 0.59) 100%);
1585 color: white;
1586}
1587
1588.bd-select .bd-select-options *, .bd-select .bd-select-options {
1589 background: transparent !important;
1590}
1591
1592.bd-select:hover, .bd-select.menu-open {
1593 border-color: transparent;
1594}
1595
1596.container-2nx-BQ, .bd-switch-body {
1597 position: relative;
1598 width: 40px;
1599 height: 40px;
1600}
1601
1602.container-2nx-BQ, .input-2XRLou, .bd-switch-body {
1603 border-radius: 50pc;
1604}
1605
1606.slider-32CRPX, .bd-switch-body .bd-switch-slider {
1607 bottom: 4px;
1608 width: 25px;
1609 height: 25px;
1610 margin: 3px;
1611}
1612
1613.container-2nx-BQ, .bd-switch-body {
1614 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
1615 background-color: transparent !important;
1616 background-image: radial-gradient(circle closest-side at 15px 10px, rgba(255, 255, 255, .65) 10%, rgba(189, 30, 36, 0.59) 100%, rgba(189, 30, 36, 0.59) 100%);
1617}
1618
1619.container-2nx-BQ:not([style*=";218";]), .bd-switch input:checked+.bd-switch-body {
1620 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
1621 background-image: radial-gradient(circle closest-side at 15px 10px, rgba(255, 255, 255, .65) 10%, rgba(39, 166, 76, 0.59) 100%, rgba(39, 166, 76, 0.59) 100%);
1622}
1623
1624.container-2nx-BQ .slider-32CRPX, .bd-switch-body .bd-switch-slider {
1625 left: 4px !important;
1626}
1627
1628.container-2nx-BQ:not([style*=";218";]) .slider-32CRPX, .bd-switch input:checked+.bd-switch-body .bd-switch-slider {
1629 left: 4px !important;
1630}
1631
1632.popout-1KHNAq.popoutPositionTop-1GenHR {
1633 border-radius: 30px 30px 0 0;
1634}
1635
1636.selectPositionTop-1Xy1Sp.open-1FRZsK {
1637 border-radius: 0 0 25px 25px;
1638}
1639
1640.radioBar-3w9XY- {
1641 border-left: 3px solid transparent;
1642 border-radius: 50px;
1643}
1644
1645.item-2idW98 {
1646 color: white;
1647 border-radius: 50px;
1648}
1649
1650.item-2idW98[aria-checked=true], .item-2idW98:hover:not([aria-checked=true]):not(.disabled-3tqE8r) {
1651 color: white;
1652}
1653
1654.itemFilled-1cPbtg {
1655 background-color: transparent;
1656 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
1657 background-image: radial-gradient(circle closest-side at 15px 10px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 0, 0.59) 100%, rgba(0, 0, 0, 0.59) 100%);
1658}
1659
1660.itemFilled-1cPbtg[aria-checked=true] {
1661 background-color: transparent;
1662 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
1663 background-image: radial-gradient(circle closest-side at 15px 10px, rgba(255, 255, 255, .65) 10%, rgba(150, 206, 180, 0.59) 100%, rgba(150, 206, 180, 0.59) 100%);
1664}
1665
1666.itemFilled-1cPbtg:hover:not([aria-checked=true]):not(.disabled-3tqE8r) {
1667 background-color: transparent;
1668 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
1669 background-image: radial-gradient(circle closest-side at 15px 10px, rgba(255, 255, 255, .65) 10%, rgba(255, 204, 92, 0.59) 100%, rgba(255, 204, 92, 0.59) 100%);
1670}
1671
1672.radioIconForeground-2BMavi {
1673 color: white;
1674}
1675
1676
1677.avatarUploaderInnerSquareDisabled-3M9eJS {
1678 background-color: rgba(0,0,0,.3);
1679}
1680
1681.avatarUploaderInnerSquare-2J8lU8 {
1682 border-radius: 50px;
1683}
1684
1685
1686.side-2ur1Qk .item-3XjbnG {
1687 border-radius: 50px;
1688}
1689
1690.side-2ur1Qk .item-3XjbnG[style*=";color: hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%);";] {
1691 box-shadow: inset 1px 2px 1px 3px rgba(238, 17, 17, 0.33), inset -12px -8px 14px -6px rgba(238, 17, 17, 0.63) !important;
1692 background-image: radial-gradient(circle closest-side at 9px 9px, rgba(255, 255, 255) 10%, rgba(238, 17, 17, 0.18) 100%, rgba(238, 17, 17, 0.18) 100%) !important;
1693 border: none !important;
1694 color: white !important;
1695 background-color: transparent !important;
1696}
1697
1698
1699.description-30xx7u, .labelDescriptor-34wZ-z {
1700 color: white;
1701}
1702
1703.description-30xx7u a, .labelDescriptor-34wZ-z a, .helpText-10IgPC a {
1704 color: gold;
1705}
1706
1707.header-2Kx1US {
1708 font-size: 15px;
1709 text-transform: capitalize;
1710 color: white;
1711}
1712
1713.selected-g-kMVV.item-3XjbnG, .selected-g-kMVV.item-3XjbnG:hover,
1714.brand-3g5E0C.item-3XjbnG:hover, .themed-2-lozF.item-3XjbnG:hover {
1715 color: white;
1716}
1717
1718.side-2ur1Qk .themed-2-lozF.selected-g-kMVV.item-3XjbnG, .topPill-3DJJNV .themed-2-lozF.selected-g-kMVV.item-3XjbnG {
1719 background-color: transparent;
1720 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53) !important;
1721 background-image: radial-gradient(circle closest-side at 15px 10px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 0, 0.59) 100%, rgba(0, 0, 0, 0.59) 100%) !important;
1722}
1723
1724.side-2ur1Qk .themed-2-lozF.item-3XjbnG:hover:not(.disabled-1nofHP), .topPill-3DJJNV .themed-2-lozF.item-3XjbnG:hover:not(.disabled-1nofHP) {
1725 background-color: transparent;
1726 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
1727 background-image: radial-gradient(circle closest-side at 15px 10px, rgba(255, 255, 255, .65) 10%, rgba(255, 204, 92, 0.49) 100%, rgba(255, 204, 92, 0.49) 100%);
1728}
1729
1730.container-3EtAkD {
1731 background-color: transparent;
1732 color: white;
1733 border-radius: 50px;
1734 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
1735 background-image: radial-gradient(circle closest-side at 21px 20px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 0, 0.59) 100%, rgba(0, 0, 0, 0.59) 100%);
1736}
1737
1738.icon-2DGsye {
1739 background-color: transparent;
1740}
1741
1742.tableTitle-3zdrSx {
1743 color: white;
1744 text-transform: capitalize;
1745}
1746
1747
1748.primary-38Hs-h:hover:not(.disabled-184-il), .secondary-2bzKEX {
1749 background-color: transparent;
1750 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
1751 background-image: radial-gradient(circle closest-side at 13px 12px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 0, 0.59) 100%, rgba(0, 0, 0, 0.59) 100%);
1752}
1753
1754.secondary-2bzKEX {
1755 color: white;
1756}
1757
1758.secondary-2bzKEX:hover:not(.disabled-184-il) {
1759 background-color: transparent;
1760 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
1761 background-image: radial-gradient(circle closest-side at 15px 10px, rgba(255, 255, 255, .65) 10%, rgba(255, 204, 92, 0.49) 100%, rgba(255, 204, 92, 0.49) 100%);
1762 color: white;
1763}
1764
1765.roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) .circleButton-33AIyY {
1766 background-color: transparent;
1767 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
1768 background-image: radial-gradient(circle closest-side at 15px 10px, rgba(255, 255, 255, .65) 10%, rgba(45, 137, 239, 0.49) 100%, rgba(45, 137, 239, 0.49) 100%);
1769}
1770
1771.roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) {
1772 background-color: transparent;
1773 border-radius: 50px;
1774 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
1775 background-image: radial-gradient(circle closest-side at 25px 25px, rgba(255, 255, 255, .65) 10%, rgba(108, 92, 255, 0.29) 100%, rgba(108, 92, 255, 0.29) 100%);
1776}
1777
1778.theme-dark .tooltipPrimary-3qLMbS {
1779 background-color: transparent;
1780 background-image: radial-gradient(circle closest-side at 18px 9px, rgba(255, 255, 255, .85) 10%, rgba(20, 0, 131, 0.79) 100%, rgba(20, 0, 131, 0.79) 100%);
1781}
1782
1783.theme-dark .tooltip-14MtrL {
1784 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
1785 color: white;
1786}
1787
1788.tooltip-14MtrL {
1789 border-radius: 30px;
1790}
1791
1792.theme-dark .tooltipPrimary-3qLMbS .tooltipPointer-3L49xb {
1793 border-top-color: transparent;
1794}
1795
1796.bd-toast {
1797 background-color: transparent;
1798 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
1799 background-image: radial-gradient(circle closest-side at 13px 12px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 0, 0.59) 100%, rgba(0, 0, 0, 0.59) 100%);
1800 color: white;
1801 border-radius: 50pc;
1802}
1803
1804.bd-toast.toast-success {
1805 background-color: transparent;
1806 box-shadow: inset 3px 3px 9px 3px rgba(86, 173, 82, 0.83), inset -8px -11px 9px -16px rgba(86, 173, 82, 0.73);
1807 background-image: radial-gradient(circle closest-side at 13px 12px, rgba(255, 255, 255, .65) 10%, rgba(86, 173, 82, 0.89) 100%, rgba(86, 173, 82, 0.89) 100%);
1808}
1809
1810.titleContainer-3fPic2, .header-JUTO-g {
1811 background-color: transparent;
1812}
1813
1814.root-g14mjS .perks-2IIbWQ {
1815 margin-left: 62px;
1816 margin-right: 62px;
1817 margin-bottom: 18px;
1818}
1819
1820.perks-2IIbWQ >; .perkRow-10K6XE{
1821 margin-left: 62px;
1822 margin-right: 62px;
1823 margin-bottom: 18px;
1824}
1825
1826.perkRow-10K6XE {
1827 background-color: transparent;
1828}
1829
1830.perks-2IIbWQ {
1831 background-color: rgba(0,0,0,.3);
1832 border-radius: 50px;
1833}
1834
1835.heading-2jcBDo {
1836 margin-left: 94px;
1837 color: white;
1838}
1839
1840.warning-RBGtx2 a, .markup-eYLPri a, .body-1JxAWB a {
1841 color: gold;
1842}
1843
1844.previewContainer-1GxmBJ {
1845 background-color: transparent;
1846 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
1847 background-image: radial-gradient(circle closest-side at 13px 12px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 0, 0.59) 100%, rgba(0, 0, 0, 0.59) 100%);
1848 border-radius: 50px;
1849}
1850
1851.theme-dark >; .messageContainer-3a6gLR {
1852 background-color: rgba(0, 0, 0, 0.59);
1853}
1854.theme-dark .cozy-VmLDNB .header-2jRmjb,
1855.theme-dark .cozy-VmLDNB .timestamp-p1Df1m,
1856.theme-dark .markup-eYLPri {
1857 color: white;
1858}
1859
1860.theme-dark .auditLog-1NVAY0 {
1861 color: white;
1862 border-color: transparent;
1863 border-radius: 50px;
1864}
1865
1866.theme-dark .headerClickable-zGQJz3, .theme-dark .headerDefault-1e6yjj {
1867 background-color: transparent;
1868 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
1869 background-image: radial-gradient(circle closest-side at 13px 12px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 0, 0.59) 100%, rgba(0, 0, 0, 0.59) 100%);
1870 color: white;
1871 border-radius: 50px;
1872}
1873
1874.featureCard-3XHbjy {
1875 background-color: transparent;
1876}
1877
1878.theme-dark .member-2cj2PI {
1879 background-color: transparent;
1880 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
1881 background-image: radial-gradient(circle closest-side at 13px 12px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 0, 0.29) 100%, rgba(0, 0, 0, 0.49) 100%);
1882 border-radius: 50px;
1883 margin-bottom: 2%;
1884 padding: 10px 13px;
1885}
1886
1887.role-2TIOKu {
1888 background: transparent;
1889 box-shadow: inset 3px 3px 7px 3px rgba(231, 254, 255, 0.63), inset -3px -1px 9px -16px rgba(231, 254, 255, 0.53);
1890 background-image: radial-gradient(circle closest-side at 8px 7px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 0, 0.29) 100%, rgba(0, 0, 0, 0.49) 100%);
1891 border-radius: 50px;
1892 padding: 2px;
1893 border: 3px solid rgb(0, 0, 0, .4);
1894}
1895
1896.quickSelectLabel-ArUyd9, .quickSelect-384d3G {
1897 color: white;
1898}
1899
1900.quickSelect-384d3G {
1901 font-size: 15px;
1902}
1903
1904
1905
1906.tag-15nL6B {
1907 color: white;
1908}
1909
1910.colorDefault-CDqZdO.focused-3qFvc8 .check-3HZJs4 {
1911 color: #00aba9;
1912}
1913
1914
1915.colorDefault-CDqZdO .checkbox-hADx5o, .colorDefault-CDqZdO .radioSelection-1UHp0b {
1916 color: #00aba9;
1917}
1918
1919.modeSelected-3DmyhH .content-1gYQeQ, .modeSelected-3DmyhH:hover .content-1gYQeQ {
1920 background-color: transparent;
1921 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
1922 background-image: radial-gradient(circle closest-side at 10px 10px, rgba(255, 255, 255, .65) 10%, rgba(35, 206, 77, 0.19) 100%, rgba(35, 206, 77, 0.19) 100%);
1923}
1924
1925.wrapper-15CKyy {
1926 background-color: transparent;
1927}
1928
1929.attachment-16cAbS, .avatar-l9Txm5, .blob-1uHjdp {
1930 background-color: blue;
1931 opacity: .2 !important;
1932}
1933
1934.root-g14mjS .title-3hptVQ {
1935 position: relative;
1936 left: -12px;
1937}
1938.root-g14mjS .size12-oc4dx4 {
1939 position: relative;
1940}
1941
1942.wanderingCubesItem-3Us-UG {
1943 background-color: blue;
1944 border-radius: 50px;
1945}
1946
1947.wrapper-3HVHpV {
1948 background-color: transparent;
1949}
1950
1951.background-3d_SjE {
1952 background-color: transparent;
1953}
1954
1955.accountProfileCard-lbN7n- {
1956 background-image: radial-gradient(circle closest-side at 125px 125px, rgba(255, 255, 255, .85) 10%, rgba(0, 0, 0, 0.49) 100%, rgba(0, 0, 0, 0.49) 100%);
1957 background-color: transparent;
1958 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -36px 9px -16px rgba(231, 254, 255, 0.33);
1959 border-radius: 30pc;
1960 width: 800px;
1961 height: 800px;
1962 padding: 0 14px;
1963 max-width: 1000px;
1964}
1965
1966.fieldList-in8WkP {
1967 background-color: transparent;
1968}
1969
1970.settingsBanner-1eDJ5w {
1971 opacity: .5;
1972}
1973
1974.phoneField-3NAPDv {
1975 background-color: transparent;
1976 border: none;
1977 margin: 0 18px;
1978}
1979
1980.phoneField-3NAPDv .inputField-1iYysB {
1981 background-color: transparent;
1982 color: white;
1983}
1984
1985.theme-dark .elevationLow-26BbEG {
1986 box-shadow: none;
1987}
1988
1989.userInfo-regn9W, .fieldList-in8WkP {
1990 position: relative;
1991 top: 205px;
1992}
1993
1994.avatar-3mTjvZ {
1995 background-color: transparent;
1996 border: 7px solid #00aba9;
1997 position: absolute;
1998 top: -10pc;
1999 left: 20pc;
2000 width: 120px !important;
2001 height: 120px !important;
2002}
2003
2004.cardPrimary-3qRT__, .cardPrimaryEditable-2mz_3i {
2005 border-color: transparent;
2006}
2007
2008.cardPrimary-3qRT__ {
2009 background-image: radial-gradient(circle closest-side at 15px 15px, rgba(255, 255, 255, .85) 10%, rgba(0, 0, 0, 0.49) 100%, rgba(0, 0, 0, 0.49) 100%);
2010 background-color: transparent;
2011 border-radius: 50px;
2012 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -19px 9px -16px rgba(231, 254, 255, 0.33);
2013}
2014
2015.formNotice-2nS8ey a,
2016.subscriptionsRedirectContainer-zD3U79 a,
2017.blurb-qkUoZ9 a,
2018.guildFullFeatures-2jRvaJ a,
2019.finePrint-PVnKkj a,
2020.promotionCard-mo7ClH a,
2021.codeRedemptionRedirect-2hYMSQ a,
2022.standardSidebarView-E9Pc3j a {
2023 color: gold;
2024}
2025
2026.authedApp-8q3NA9 {
2027 background-image: radial-gradient(circle closest-side at 25px 25px, rgba(255, 255, 255, .85) 10%, rgba(0, 0, 0, 0.49) 100%, rgba(0, 0, 0, 0.49) 100%);
2028 background-color: transparent;
2029 border-radius: 50px;
2030 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -19px 9px -16px rgba(231, 254, 255, 0.33);
2031}
2032
2033.cardPrimaryOutline-1ofwVz {
2034 border-color: transparent;
2035}
2036
2037.theme-dark .feature-2IUcBI {
2038 background-color: transparent;
2039}
2040
2041.subscriptionsRedirectContainer-zD3U79 {
2042 background-color: transparent;
2043}
2044
2045.finePrint-PVnKkj {
2046 color: white;
2047}
2048
2049.detailsBlock-24pLFz,
2050.noItemsCard-5EOcCl {
2051 background-color: transparent;
2052}
2053
2054#app-mount .promotionCard-mo7ClH,
2055#app-mount .header-ISPHUQ,
2056.body-2S0G9D {
2057 background-color: transparent;
2058}
2059
2060.box-BHImcZ {
2061 border-radius: 50px;
2062}
2063
2064#app-mount .verticalFit-21XL0v * {
2065 background-color: transparent;
2066}
2067
2068.theme-dark .bottomDivider-ZmTm-j {
2069 border-bottom-color: transparent;
2070}
2071
2072.theme-dark .codeRedemptionRedirect-2hYMSQ {
2073 background-color: transparent;
2074 border-color: transparent;
2075}
2076
2077.pageActions-1crTQL * {
2078 border: none;
2079 color: white !important;
2080}
2081
2082.preview-QJ3OG3 {
2083 background-image: radial-gradient(circle closest-side at 25px 25px, rgba(255, 255, 255, .85) 10%, rgba(0, 0, 0, 0.49) 100%, rgba(0, 0, 0, 0.49) 100%);
2084 background-color: transparent;
2085 border-radius: 50px;
2086 height: 300px;
2087 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -19px 9px -16px rgba(231, 254, 255, 0.33);
2088}
2089
2090#app-mount .bar-1Bhnl9 {
2091 background: #3AA8C1;
2092}
2093
2094#app-mount .barFill-2Bh7CX {
2095 background: #2E2D88;
2096}
2097
2098.liveSmall-1Urjcy, .liveLarge-IxMVzY {
2099 background-color: blue !important;
2100}
2101
2102.theme-dark .autocomplete-3NRXG8 {
2103 background-image: radial-gradient(circle closest-side at 25px 25px, rgba(255, 255, 255, .85) 10%, rgba(0, 0, 0, 0.79) 100%, rgba(0, 0, 0, 0.79) 100%);
2104 background-color: transparent;
2105 border-radius: 50px;
2106 padding-bottom: 14px;
2107 padding-left: 19px;
2108 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -19px 9px -16px rgba(231, 254, 255, 0.33);
2109}
2110
2111.wrapper-3z7DuG {
2112 background-color: transparent;
2113}
2114
2115.theme-dark .clickable-2V8YKY[aria-disabled=false]>;.base-2v-uc0:hover, .clickable-2V8YKY[aria-selected=true]>;.base-2v-uc0 {
2116 background-image: radial-gradient(circle closest-side at 13px 13px, rgba(255, 255, 255, .85) 10%, rgba(34, 67, 182, 0.49) 100%, rgba(34, 67, 182, 0.49) 100%);
2117 background-color: transparent;
2118 border-radius: 50px;
2119 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -19px 9px -16px rgba(231, 254, 255, 0.33);
2120}
2121
2122.wrapper-1wwiGV {
2123 border-radius: 50px;
2124}
2125
2126.selected-3B2w1z .icon-1kx1ir,
2127.selected-3B2w1z:hover .icon-1kx1ir,
2128#app-mount .icon-1kx1ir,
2129.wrapper-1wwiGV:hover .icon-1kx1ir {
2130 color: white;
2131}
2132
2133.contentTitle-3CylD3,
2134.theme-dark .markValue-2U_-UG {
2135 color: white;
2136}
2137
2138.theme-dark .markDash-yk2kJ- {
2139 background: white;
2140}
2141
2142#app-mount .grabber-2GQyvM {
2143 border-radius: 50pc;
2144 background-color: #2E2D88;
2145 border: none;
2146 box-shadow: none;
2147}
2148
2149.previewMessage-2g_aBv {
2150 background-color: transparent;
2151}
2152
2153.cameraWrapper-3a7Ngv {
2154 background-color: transparent;
2155 border: none;
2156 border-radius: 50px;
2157}
2158
2159.backgroundOptionRing-1vvQ0C {
2160 border: none;
2161}
2162
2163.backgroundOptionInner-SSz19O {
2164 background-color: transparent;
2165}
2166
2167.card-2ART2V:before {
2168 border-radius: 50px;
2169}
2170
2171.theme-dark .game-2f2vPC {
2172 box-shadow: none;
2173}
2174
2175.theme-dark .lastPlayed-1jum9A,
2176.theme-dark .overlayStatusText-In0YrK {
2177 color: white;
2178}
2179
2180.theme-dark .default-1Tkeeg {
2181 background-color: rgba(255, 255, 255, .3);
2182 border: 2px outset rgba(255, 255, 255, .28);
2183}
2184
2185#app-mount .button-1yVL_7 {
2186 box-shadow: none;
2187}
2188
2189.theme-dark .notDetected-M3Ghh2 {
2190 background-image: radial-gradient(circle closest-side at 13px 13px, rgba(255, 255, 255, .85) 10%, rgba(92, 92, 91, 0.49) 100%, rgba(92, 92, 91, 0.49) 100%);
2191 background-color: transparent;
2192 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -19px 9px -16px rgba(231, 254, 255, 0.33);
2193}
2194
2195.notDetected-M3Ghh2,
2196.nowPlaying-3UpuKc {
2197 border-radius: 50px;
2198}
2199
2200.theme-dark .addGamePopout-2SKNIV {
2201 background-color: transparent;
2202}
2203
2204.theme-dark .gameNameInput-2wbDJ9:focus, .theme-dark .gameNameInput-2wbDJ9:hover {
2205 border-color: transparent;
2206 background-image: radial-gradient(circle closest-side at 7px 7px, rgba(255, 255, 255, .85) 10%, rgba(128, 128, 128, 0.49) 100%, rgba(128, 128, 128, 0.49) 100%);
2207 background-color: transparent;
2208 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -1px 9px -16px rgba(231, 254, 255, 0.33);
2209}
2210
2211.theme-dark .gameName-zbZetm {
2212 color: white;
2213}
2214
2215.gameNameInput-2wbDJ9 {
2216 border-radius: 50px;
2217 padding-left: 10px;
2218 padding-top: 3px;
2219 padding-bottom: 3px;
2220}
2221
2222.theme-dark .nowPlaying-3UpuKc {
2223 background-image: radial-gradient(circle closest-side at 13px 13px, rgba(255, 255, 255, .85) 10%, rgba(0, 161, 112, 0.49) 100%, rgba(0, 161, 112, 0.49) 100%);
2224 background-color: transparent;
2225 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -19px 9px -16px rgba(231, 254, 255, 0.33);
2226}
2227
2228.theme-dark .nowPlaying-3UpuKc .gameNameInput-2wbDJ9:focus,
2229.theme-dark .nowPlaying-3UpuKc .gameNameInput-2wbDJ9:hover {
2230 border-color: transparent;
2231 background-image: radial-gradient(circle closest-side at 7px 7px, rgba(255, 255, 255, .85) 10%, rgba(99, 183, 108, 0.49) 100%, rgba(99, 183, 108, 0.49) 100%);
2232 background-color: transparent;
2233 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -1px 9px -16px rgba(231, 254, 255, 0.33);
2234}
2235
2236.wrapper-SdcMKg {
2237 background-color: transparent;
2238 border: none;
2239}
2240
2241.option-1QI4c9 {
2242 border-radius: 50px;
2243 background-color: transparent;
2244}
2245
2246.selected-18Wszc.option-1QI4c9 {
2247 border-color: transparent;
2248 background-image: radial-gradient(circle closest-side at 16px 16px, rgba(255, 255, 255, .85) 10%, rgba(0, 72, 186, 0.49) 100%, rgba(0, 72, 186, 0.49) 100%);
2249 background-color: transparent;
2250 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -25px 9px -16px rgba(231, 254, 255, 0.33);
2251}
2252
2253#app-mount .bd-button {
2254 background-image: radial-gradient(circle closest-side at 9px 9px, rgba(255, 255, 255, .85) 10%, rgba(0, 103, 165, 0.49) 100%, rgba(0, 103, 165, 0.49) 100%);
2255 background-color: transparent;
2256 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -14px 9px -16px rgba(231, 254, 255, 0.33);
2257 border-radius: 50px;
2258 padding: 4px 15px;
2259}
2260
2261.bd-addon-list .bd-addon-header {
2262 background: transparent;
2263}
2264
2265.bd-addon-list .bd-addon-card {
2266 background-image: radial-gradient(circle closest-side at 42px 42px, rgba(255, 255, 255, .85) 10%, rgba(0, 0, 153, 0.49) 100%, rgba(0, 0, 153, 0.49) 100%);
2267 background-color: transparent;
2268 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -14px 9px -16px rgba(231, 254, 255, 0.33);
2269 border-radius: 50pc;
2270 padding: 12px 14px 12px 14px;
2271}
2272
2273.operations-3q3u6E>;a,
2274.content-FDHp32 a {
2275 color: gold;
2276}
2277
2278.bd-search-wrapper {
2279 background-color: transparent;
2280 color: white;
2281}
2282
2283.bd-meta {
2284 color: white;
2285}
2286
2287.bd-addon-list .bd-description,
2288.theme-dark .content-FDHp32 ol,
2289.theme-dark .content-FDHp32 p,
2290.theme-dark .content-FDHp32 ul li {
2291 color: white;
2292}
2293
2294.theme-dark .closeButton-PCZcma {
2295 border-color: transparent;
2296}
2297
2298/* Friends and DMS(Last Spot) */
2299.scroller-RfJjkV,
2300.container-1wv6C6 {
2301 background-color: transparent;
2302}
2303
2304.categoryItem-Kc_HK_.selectedCategoryItem-ZjqSui .itemInner-3e_4G4,
2305.selected-1-Z6gm .layout-1qmrhw {
2306 background-image: radial-gradient(circle closest-side at 15px 15px, rgba(255, 255, 255, .85) 10%, rgba(0, 83, 156, 0.49) 100%, rgba(0, 83, 156, 0.49) 100%);
2307 background-color: transparent;
2308 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -14px 9px -16px rgba(231, 254, 255, 0.33);
2309 border-radius: 50pc;
2310}
2311
2312.subtitle-3m-md1,
2313.title-1_TkpU,
2314.text-PdAsFQ,
2315.subtitle-1cc8Nz,
2316.title-OdeD-o,
2317.lookBlank-21BCro,
2318.rowText-3MQqQi {
2319 color: white;
2320}
2321
2322#app-mount .container-x8Y1ix {
2323 background-image: radial-gradient(circle closest-side at 15px 15px, rgba(255, 255, 255, .85) 10%, rgba(0, 83, 156, 0.49) 100%, rgba(0, 83, 156, 0.49) 100%);
2324 background-color: transparent;
2325 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -14px 9px -16px rgba(231, 254, 255, 0.33);
2326 border-radius: 50pc;
2327 border: none;
2328}
2329
2330.input-m1-Y7Q {
2331 background-color: transparent;
2332}
2333
2334#app-mount .rowContainer-3t7486 {
2335 background-image: radial-gradient(circle closest-side at 15px 15px, rgba(255, 255, 255, .85) 10%, rgba(39, 166, 76, 0.49) 100%, rgba(39, 166, 76, 0.49) 100%);
2336 background-color: transparent;
2337 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -14px 9px -16px rgba(231, 254, 255, 0.33);
2338 border-radius: 50pc;
2339}
2340
2341.wrapper-2fEmwW * {
2342 background-color: transparent;
2343 color: white;
2344}
2345
2346.total-1c5KCN:after {
2347 border-right-color: transparent;
2348}
2349
2350.folder-241Joy *, .folder-241Joy, .expandedFolderBackground-1kSAf6 {
2351 background-color: transparent !important;
2352}
2353
2354.searchBar-3TnChZ {
2355 box-shadow: none;
2356}
2357
2358.privateChannels-oVe7HL,
2359.theme-dark .container-2cd8Mz,
2360.applicationStore-2nk7Lo,
2361.scroller-29cQFV,
2362.scroller-WSmht3 {
2363 background-color: transparent;
2364}
2365
2366.headerBar-1dSpQr:before {
2367 box-shadow: none;
2368}
2369
2370.tag-15zcD_ {
2371 background-image: radial-gradient(circle closest-side at 10px 10px, rgba(255, 255, 255, .85) 10%, rgba(64, 64, 161, 0.49) 100%, rgba(64, 64, 161, 0.49) 100%);
2372 background-color: transparent;
2373 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -14px 9px -16px rgba(231, 254, 255, 0.33);
2374 border-radius: 50pc;
2375 color: white;
2376}
2377
2378.friend-8ZraY7 {
2379 border-radius: 50pc;
2380}
2381
2382.theme-dark .friendSelected-3cwmD7 {
2383 background-image: radial-gradient(circle closest-side at 15px 15px, rgba(255, 255, 255, .85) 10%, rgba(64, 64, 161, 0.49) 100%, rgba(64, 64, 161, 0.49) 100%);
2384 background-color: transparent;
2385 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -14px 9px -16px rgba(231, 254, 255, 0.33);
2386}
2387
2388.theme-dark .friend-8ZraY7 {
2389 color: white;
2390}
2391
2392.theme-dark .checkbox-f1HnKB[style*=";border-color: hsl(217, calc(var(--saturation-factor, 1) * 7.6%), 33.5%);";] {
2393 border-color: transparent !important;
2394 background-image: radial-gradient(circle closest-side at 5px 5px, rgba(255, 255, 255, .85) 10%, rgba(0,0,0,0.49) 100%, rgba(0,0,0,0.49) 100%);
2395 background-color: transparent;
2396 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -14px 9px -16px rgba(231, 254, 255, 0.33);
2397}
2398
2399.theme-dark .checkbox-f1HnKB[style*=";border-color: hsl(217, calc(var(--saturation-factor, 1) * 7.6%), 33.5%);";] path {
2400 fill: white;
2401}
2402
2403.theme-dark .subtitle-3v29zT {
2404 color: white;
2405}
2406
2407.tabBar-ra-EuL .item-3mHhwr[style*=";background-color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%); color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);";],
2408.tabBar-ra-EuL .item-3mHhwr[style*=";color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);";] {
2409 border-color: transparent !important;
2410 background-image: radial-gradient(circle closest-side at 8px 8px, rgba(255, 255, 255, .85) 10%, rgba(61, 139, 64,0.49) 100%, rgba(61, 139, 64,0.49) 100%) !important;
2411 background-color: transparent !important;
2412 color: white !important;
2413 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -14px 9px -16px rgba(231, 254, 255, 0.33) !important;
2414}
2415
2416.input-1bmui3 {
2417 padding: 0 12px;
2418}
2419
2420.addFriendHint-1EVQJY {
2421 padding: 0 13px;
2422}
2423
2424.addFriendInputWrapper-kkoSV9 {
2425 background-color: transparent;
2426 border: none;
2427}
2428
2429#app-mount .actionButton-3-B2x- {
2430 background-image: radial-gradient(circle closest-side at 8px 8px, rgba(255, 255, 255, .85) 10%, rgba(98, 113, 200,0.49) 100%, rgba(98, 113, 200,0.49) 100%);
2431 background-color: transparent;
2432 color: white;
2433 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -14px 9px -16px rgba(231, 254, 255, 0.33);
2434}
2435
2436.peopleListItem-u6dGxF.active-2UF8Zh, .peopleListItem-u6dGxF:hover {
2437 background-image: radial-gradient(circle closest-side at 17px 17px, rgba(255, 255, 255, .85) 10%, rgba(46, 59, 132,0.49) 100%, rgba(46, 59, 132,0.49) 100%);
2438 background-color: transparent;
2439 color: white;
2440 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -14px 9px -16px rgba(231, 254, 255, 0.33);
2441 border-radius: 50px;
2442}
2443
2444.peopleListItem-u6dGxF {
2445 border-top: none;
2446}
2447
2448
2449.selected-3veCBZ {
2450 background-image: radial-gradient(circle closest-side at 17px 17px, rgba(255, 255, 255, .85) 10%, rgba(46, 59, 132,0.49) 100%, rgba(46, 59, 132,0.49) 100%);
2451 background-color: transparent;
2452 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -14px 9px -16px rgba(231, 254, 255, 0.33);
2453}
2454
2455.container-32HW5s {
2456 border-radius: 50px;
2457}
2458
2459.interactive-1vLZ_I,
2460.interactive-iyXY_x,
2461.interactiveSelected-29CP8y {
2462 color: white;
2463}
2464
2465.interactive-1vLZ_I:focus-within, .interactive-1vLZ_I:hover {
2466 color: silver;
2467 background-color: rgba(0, 0, 0, 0.09);
2468}
2469
2470.scroller-hE2gWq {
2471 border-left: none;
2472}
2473
2474.container-1oAagU,
2475.nowPlayingColumn-1eCBCN,
2476.section-3G9aLW,
2477.theme-dark .inset-SbsSFp {
2478 background-color: transparent;
2479}
2480
2481.wrapper-2RrXDg {
2482 background-image: radial-gradient(circle closest-side at 27px 27px, rgba(255, 255, 255, .85) 10%, rgba(46, 59, 132,0.49) 100%, rgba(46, 59, 132,0.49) 100%);
2483 background-color: transparent !important;
2484 border: none;
2485 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -14px 9px -16px rgba(231, 254, 255, 0.33);
2486}
2487
2488.itemCard-3Etziu {
2489 border-radius: 50px;
2490}
2491
2492.upload-vLbqu- {
2493 background-color: transparent;
2494}
2495
2496.theme-dark .footer-VCsJQY {
2497 background-color: transparent;
2498 box-shadow: none;
2499}
2500
2501.uploadModal-2ie9O_ .footer-VCsJQY {
2502 position: relative;
2503 right: 140px;
2504}
2505
2506.uploadModal-2ie9O_ {
2507 width: 590px;
2508 min-height: 558px;
2509 border-radius: 50pc;
2510 padding: 49px 45px;
2511}
2512
2513.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ- {
2514 position: relative;
2515 left: 170px;
2516 top: 25px;
2517}
2518
2519.container-qBnZJg {
2520 width: 660px;
2521 height: 660px;
2522}
2523
2524.quickswitcher-pKcM9U {
2525 box-shadow: none;
2526 background-color: transparent;
2527 color: white;
2528 position: relative;
2529 left: 41px;
2530 top: 160px;
2531}
2532
2533.container-qBnZJg {
2534 background-image: radial-gradient(circle closest-side at 107px 107px, rgba(255, 255, 255, .85) 10%, rgba(46, 59, 132,0.49) 100%, rgba(46, 59, 132,0.49) 100%) !important;
2535 border: none;
2536 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -14px 9px -16px rgba(231, 254, 255, 0.33);
2537}
2538
2539.scroller-2qwVWY {
2540 background-color: transparent;
2541}
2542
2543.scroller-2qwVWY::-webkit-scrollbar-track {
2544 background-color: transparent!important;
2545}
2546
2547.input-3r5zZY {
2548 background-image: radial-gradient(circle closest-side at 17px 17px, rgba(255, 255, 255, .85) 10%, rgba(0,0,0,0.49) 100%, rgba(0,0,0,0.49) 100%) !important;
2549 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -14px 9px -16px rgba(231, 254, 255, 0.33);
2550 padding: 0 24px;
2551 border-radius: 50px;
2552 background-color: transparent;
2553 color: white;
2554}
2555
2556.contentDefault-17ewQQ,
2557.icon-12xJtb {
2558 color: white;
2559}
2560
2561.result-u66Ywh {
2562 border-radius: 50px;
2563}
2564
2565.note-OhIxFa {
2566 color: silver;
2567}
2568
2569.miscContainer-33U-X- {
2570 opacity: 1;
2571}
2572
2573.misc-XwBATi {
2574 color: white;
2575}
2576
2577.result-u66Ywh[aria-selected=true] {
2578 background-image: radial-gradient(circle closest-side at 12px 12px, rgba(255, 255, 255, .85) 10%, rgba(0,0,0,0.49) 100%, rgba(0,0,0,0.49) 100%) !important;
2579 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -14px 9px -16px rgba(231, 254, 255, 0.33);
2580 background-color: transparent;
2581}
2582
2583.autocompleteQuerySymbol-1iAOG7 {
2584 background-color: transparent;
2585}
2586
2587.quickswitcher-pKcM9U a {
2588 color: gold;
2589}
2590
2591.searchBar-3TnChZ .searchBarComponent-3N7dCG {
2592 background-color: transparent;
2593 color: white;
2594}
2595
2596.theme-dark .root-g14mjS.uploadModal-2ie9O_ {
2597 width: 650px;
2598 min-height: 450px;
2599}
2600
2601.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ- {
2602 left: 99px;
2603 top: -7px;
2604 position: relative;
2605 margin-top: 5px !important;
2606}
2607
2608.textBadge-1fdDPJ[style*=";background-color:";] {
2609 background-color: darkblue !important;
2610 border-radius: 30px;
2611 color: white !important;
2612}
2613
2614/* Active Post */
2615.theme-dark .container-3wLKDe {
2616 background-color: transparent;
2617}
2618.reactionTooltipText-3OhRFp a {
2619 color: gold;
2620}
2621.dots-2_b2Mn {
2622 background-color: darkblue;
2623 border: 3px solid transparent;
2624}
2625.container-2qVG6q:hover {
2626 background-color: transparent;
2627 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
2628 background-image: radial-gradient(circle closest-side at 45px 30px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 139, 0.39) 100%, rgba(0,0, 139, 0.39) 100%);
2629 border-color: transparent;
2630}
2631.interactiveCard-2iMtdk.selected-sszUNx,
2632.interactiveCard-2iMtdk:active, .interactiveCard-2iMtdk:hover {
2633 border: 2px solid black;
2634}
2635.dots-1BwzZQ.themed-3T-OPr {
2636 color: white;
2637}
2638.chat-25x62K:before {
2639 box-shadow: none;
2640}
2641/* Active Post Boxes */
2642.mainCard-3KBsBI {
2643 background-color: transparent;
2644 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
2645 background-image: radial-gradient(circle closest-side at 45px 30px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 0, 0.59) 100%, rgba(0, 0, 0, 0.59) 100%);
2646 border-color: transparent;
2647 border-radius: 50px;
2648 padding: 15px 12px;
2649 height: 140px;
2650}
2651
2652.header-1Uy0p6 {
2653 padding: 15px 12px;
2654 height: 50px;
2655}
2656
2657.header-1Uy0p6:hover:not(.headerBorder-jrk0Ic) {
2658 border: 1px solid transparent;
2659}
2660.theme-dark .container-2qVG6q.isOpen-2OXbFs {
2661 background-color: transparent;
2662 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
2663 background-image: radial-gradient(circle closest-side at 45px 30px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 139, 0.59) 100%, rgba(0,0, 139, 0.59) 100%);
2664 border-color: transparent;
2665}
2666.headerBorder-jrk0Ic {
2667 box-shadow: none;
2668}
2669/* Getting rid of the input background */
2670.mainCard-3KBsBI .input-2g-os5 {
2671 background: none;
2672 box-shadow: none;
2673 border: none;
2674}
2675/* Tag Holder */
2676.container-2IhveL {
2677 background-color: transparent;
2678 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
2679 background-image: radial-gradient(circle closest-side at 25px 21px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 0, 0.59) 100%, rgba(0, 0, 0, 0.59) 100%);
2680 border-color: transparent;
2681 border-radius: 50px;
2682}
2683/* Tags */
2684.pill-3pRQlO {
2685 background-color: transparent !important;
2686 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
2687 background-image: radial-gradient(circle closest-side at 9px 10px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 139, 0.59) 100%, rgba(0,0, 139, 0.59) 100%);
2688 border-color: transparent;
2689}
2690.pill-3pRQlO.selected-24z1Ou {
2691 border-color: black;
2692}
2693/* Title of Post */
2694.heading-lg-medium-3gUJeM[style*=";color:";] {
2695 color: white !important;
2696}
2697/* Newest Reactions */
2698#app-mount .reactionCount-SWXh9W {
2699 color: white;
2700}
2701.reaction-102jx9 {
2702 border-radius: 50pc;
2703 background: rgb(0, 0, 0, .2);
2704 border: 1px solid black;
2705}
2706.reaction-102jx9:hover {
2707 background-color: rgba(54, 57, 120, .8);
2708 border-color: transparent;
2709}
2710.reaction-102jx9.reactionMe-2zhiyZ {
2711 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -2px 9px -16px rgba(231, 254, 255, 0.33);
2712 background-image: radial-gradient(circle closest-side at 9px 9px, rgba(255, 255, 255, .65) 10%, rgba(56, 0, 211, 0.29) 100%, rgba(56, 0, 211, 0.29) 100%);
2713 border-color: transparent;
2714}
2715.newMessageCount-jqlY9z[style*=";color:";] {
2716 color: gold !important;
2717}
2718/* Megathread Stuff */
2719.header-1RJoTb {
2720 box-shadow: none;
2721 border-top-color: transparent;
2722}
2723.container-3YcgdM {
2724 background-color: rgba(0, 0, 0, .3);
2725}
2726.addReactButton-3bSQb6,
2727.buttonInner-3aRbcx {
2728 background-color: transparent;
2729 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
2730 background-image: radial-gradient(circle closest-side at 25px 21px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 0, 0.59) 100%, rgba(0, 0, 0, 0.59) 100%);
2731 border-color: transparent;
2732 border-radius: 50px;
2733}
2734.addReactButton-3bSQb6:hover,
2735.buttonInner-3aRbcx:hover {
2736 background-color: transparent !important;
2737 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
2738 background-image: radial-gradient(circle closest-side at 9px 10px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 139, 0.59) 100%, rgba(0,0, 139, 0.59) 100%);
2739 border-color: transparent;
2740}
2741.sectionDivider-189lqb {
2742 background-color: transparent;
2743}
2744
2745/* Home Channel List Tab */
2746/* Home Channel List Background */
2747.theme-dark .background-fkKrXt {
2748 background-color: transparent;
2749}
2750/* When Typing */
2751.typingIndicator-KF8hGa {
2752 background-color: darkblue;
2753}
2754/* Server Boxes */
2755.container-2Hi7Km,
2756.container-xwOzwi {
2757 background-color: transparent;
2758 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
2759 background-image: radial-gradient(circle closest-side at 85px 81px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 0, 0.59) 100%, rgba(0, 0, 0, 0.59) 100%);
2760 border-color: transparent;
2761}
2762/* Current Server Icon */
2763.icon-2IDTxf {
2764 background-color: transparent;
2765}
2766.container-xwOzwi,
2767.container-2Hi7Km {
2768 border-radius: 50pc;
2769 padding: 23% 23%;
2770 width: 400px;
2771 height: 400px;
2772}
2773/* Channel Feeds */
2774.feedItemHeader-txJq98 {
2775 border-bottom: none;
2776}
2777.interactiveCard-2iMtdk {
2778 border: 2px solid darkblue;
2779 box-shadow: none;
2780}
2781.card-3x20HF {
2782 background-color: transparent !important;
2783 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
2784 background-image: radial-gradient(circle closest-side at 39px 50px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 139, .39) 100%, rgba(0,0, 139, 0.39) 100%);
2785 border-color: transparent;
2786 border-radius: 60px / 70px;
2787 padding: 12px 26px;
2788}
2789
2790.loadingCard-3pIp9h {
2791 background-color: rgba(0, 0, 0, .24);
2792}
2793.iconWrapper-3FqQ75 {
2794 border-radius: 50%;
2795 background-color: transparent;
2796 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
2797 background-image: radial-gradient(circle closest-side at 39px 50px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 139, .39) 100%, rgba(0,0, 139, 0.39) 100%);
2798 border-color: transparent;
2799}
2800.icon-3gfzEo {
2801 color: var(--header-primary);
2802}
2803.iconContainer-2R-3M1 {
2804 border-radius: 50%;
2805 background-color: transparent !important;
2806 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
2807 background-image: radial-gradient(circle closest-side at 10px 9px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 139, .39) 100%, rgba(0,0, 139, 0.39) 100%);
2808 border-color: transparent;
2809 color: white;
2810}
2811.container-3HMTms {
2812 border-radius: 50px;
2813}
2814.container-3HMTms:hover {
2815 background-color: transparent !important;
2816 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
2817 background-image: radial-gradient(circle closest-side at 39px 50px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 139, .39) 100%, rgba(0,0, 139, 0.39) 100%);
2818 border-color: transparent;
2819 border-radius: 60px;
2820}
2821/* Active Thread List */
2822.header-3cSJjT {
2823 background-color: transparent;
2824}
2825.container-3GP6AV {
2826 background-color: transparent;
2827}
2828/* More Active Threads Box */
2829.popout-TdhJ6Z {
2830 background-color: black;
2831}
2832.more-2c3Z-T {
2833 border-top: none;
2834 color: gold;
2835}
2836.root-g14mjS.modal-ZdazA8 {
2837 background-color: transparent !important;
2838 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.33);
2839 background-image: radial-gradient(circle closest-side at 180px 180px, rgba(95, 95, 95, 0.75) 10%, rgba(0, 0, 0, 0.49) 100%, rgba(0, 0, 0, 0.49) 100%) !important;
2840 border-radius: 50pc;
2841 padding: 84px 83px;
2842}
2843
2844.root-g14mjS.modal-ZdazA8 .container-18GwIk {
2845 background-color: transparent !important;
2846 box-shadow: none;
2847 background-image: none;
2848}
2849
2850.icon-2Zyj6B {
2851 background-color: darkblue;
2852 border-radius: 50px;
2853}
2854
2855.reactionBtn-3I19bq.forceShowLook-1zmTr- {
2856 background-color: transparent;
2857 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
2858 background-image: radial-gradient(circle closest-side at 25px 21px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 0, 0.59) 100%, rgba(0, 0, 0, 0.59) 100%);
2859 border-color: transparent;
2860 border-radius: 50px;
2861}
2862
2863.reactionBtn-3I19bq.forceShowLook-1zmTr-:hover {
2864 background-color: transparent !important;
2865 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53);
2866 background-image: radial-gradient(circle closest-side at 9px 10px, rgba(255, 255, 255, .65) 10%, rgba(0, 0, 139, 0.59) 100%, rgba(0,0, 139, 0.59) 100%);
2867 border-color: transparent;
2868}
2869
2870.icon-1q31jb,
2871.reactionBtn-3I19bq {
2872 color: white !important;
2873}
2874
2875.row-1qtctT:hover {
2876 background-image: radial-gradient(circle closest-side at 9px 9px, rgba(255, 255, 255, .85) 10%, rgba(0, 103, 165, 0.49) 100%, rgba(0, 103, 165, 0.49) 100%);
2877 background-color: transparent;
2878 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.53), inset -8px -14px 9px -16px rgba(231, 254, 255, 0.33);
2879 border-radius: 50px;
2880 color: white;
2881}
2882
2883.row-1qtctT {
2884 border-radius: 50px;
2885 color: white;
2886}
2887
2888.emptyStateContainer-xWOMPJ {
2889 background-color: transparent;
2890}
2891
2892/* Newest Hidden Classes */
2893.container-3rZ3XA {
2894 background-color: rgba(0,0,0,.2);
2895}
2896
2897.showMore-22xKD3 {
2898 color: gold;
2899}
2900
2901.header-1sd0RU,
2902.contentContainer-BWAau5 {
2903 background-color: transparent;
2904}
2905
2906.card-8UsK4b {
2907 background-color: rgba(0,0,0,.2);
2908 border-radius: 4px;
2909 border: 2px solid rgba(0,0,0,.2);
2910}
2911
2912.card-8UsK4b:hover {
2913 background-color: rgba(0,0,0,.5);
2914 border-radius: 4px;
2915 border: 2px solid rgba(0,0,0,.5);
2916}
2917
2918.container-3EBHNg {
2919 border-bottom: none;
2920}
2921
2922.interactiveRow-ALfmDn:hover {
2923 background-color: rgba(0,0,0,.3);
2924}
2925
2926.divider-2zyEHJ {
2927 background-color: transparent;
2928}
2929
2930.channelContainer-7uiQGJ {
2931 color: white;
2932}
2933
2934.rsvpCount-iCkObl {
2935 background-color: rgba(0,0,0,.6);
2936 border-radius: 4px;
2937}
2938
2939.tierInfoContainer-3o77tj,
2940.subscriptionPerks-17BiNa {
2941 background-color: rgba(0,0,0,.5);
2942}
2943
2944.roleMessagePreview-NUi2Ri {
2945 background-color: transparent;
2946 border: none;
2947}
2948
2949.container-2O1UgZ {
2950 background-color: black;
2951 border: none;
2952}
2953
2954.item-1BCeuB,
2955.emoji-20i0XK {
2956 color: white;
2957}
2958
2959.item-1BCeuB {
2960 border: 1px solid transparent;
2961}
2962
2963.text-md-semibold-3xVVGu[style*=";color:";] {
2964 color: white !important;
2965}
2966
2967.focused-qp-W9B,
2968.item-1BCeuB:hover:not(.disabled-Mmpvl7) {
2969 background-color: rgba(255, 255, 255, .4);
2970 border: 1px solid white;
2971 color: white;
2972}
2973
2974.clear-3MzXUl[style*=";color:";],
2975.tagsButton-4pwOKH .tagsButtonInner-2pvSm1 {
2976 color: gold !important;
2977}
2978
2979.closeIcon-3xe5xL,
2980.mediaIcon-3-Zrn7,
2981.clearIcon-TMIIUa {
2982 color: white !important;
2983}
2984
2985.container-cH6QoY {
2986 background-color: rgba(0,0,0,.3);
2987}
2988
2989.callContainer-BGIngG,
2990.scroller-35tvpe,
2991.container-3r7mfc,
2992.participants-3hk3ND {
2993 background-color: transparent;
2994}
2995
2996.divider-vv_iHh {
2997 border-bottom: none;
2998}
2999
3000#app-mount .tileContainer-Os085F {
3001 background-color: rgba(0,0,0,.2);
3002}
3003
3004.auto-1QyTTa::-webkit-scrollbar-corner {
3005 background-color: transparent;
3006}
3007
3008.auto-1QyTTa::-webkit-scrollbar-thumb {
3009 background-color: black;
3010}
3011
3012.auto-1QyTTa::-webkit-scrollbar-thumb,
3013.auto-1QyTTa::-webkit-scrollbar-track {
3014 border: none;
3015}
3016
3017.auto-1QyTTa::-webkit-scrollbar-track {
3018 background-color: transparent;
3019}
3020
3021.channelName-3KPsGw[style*=";color:";],
3022.subtitle-3PyFgf[style*=";color:";] {
3023 color: gold !important;
3024}
3025
3026#app-mount .optionContainer-yOpaLq { /* Delete After */
3027 background: rgba(0,0,0,.15);
3028 border-radius: 4px;
3029}
3030
3031
3032.descriptionBox-SKGNgB { /* Delete After */
3033 background-color: transparent;
3034 border-radius: 3px;
3035}
3036
3037.channelIcon-QyaRxN {
3038 color: white;
3039}
3040
3041.pinIcon-zVODC5 {
3042 background-color: black;
3043}
3044
3045.theme-dark .searchBox-pyIJJj {
3046 background-color: transparent;
3047 box-shadow: none;
3048}
3049
3050.searchBox-pyIJJj:focus, .searchBox-pyIJJj:focus-within {
3051 border-color: rgba(255, 255, 255, .4);
3052}
3053
3054.categoryPill-1zjNrr .categoryLabel-2m4AT- {
3055 color: white;
3056}
3057
3058.categoryPill-1zjNrr:hover:not(.selected-bLcqYK) {
3059 background-color: rgba(0, 0, 0, .3);
3060}
3061
3062.categoryPill-1zjNrr.selected-bLcqYK {
3063 background-color: black;
3064}
3065
3066.scroller-RfJjkV,
3067.divider-3jU7zr {
3068 background-color: transparent;
3069}
3070
3071.container-1wv6C6 {
3072 background-color: rgba(0, 0, 0, .3);
3073}
3074
3075.content-2hZxGK a {
3076 color: gold;
3077}
3078
3079.checkboxContainer-yVbwWS,
3080.banReasonOtherClickable-8EKPlQ {
3081 background-color: rgba(0,0,0,.2) !important;
3082}
3083
3084.banReasonOtherClickable-8EKPlQ {
3085 color: white;
3086}
3087
3088.theme-dark .item-2OyinQ {
3089 border-color: transparent;
3090}
3091
3092.selectorButton-1EQtQx {
3093 background: rgba(0,0,0,.2);
3094}
3095
3096.selectorButton-1EQtQx:hover {
3097 background-color: rgba(0,0,0,.6);
3098}
3099
3100.selectorButtonSelected-1VZ6hz {
3101 background-color: black;
3102}
3103
3104.sidebarCard-1Gn1ch {
3105 background-color: rgba(0, 0, 0, .3);
3106 border: none;
3107}
3108
3109.valuePropContainer-WkXrIU {
3110 background-color: rgba(0,0,0,.5);
3111 border-radius: 4px;
3112}
3113
3114.valuePropIconContainer-1WLjVd {
3115 background-color: darkblue;
3116 border-radius: 20px;
3117 color: white;
3118}
3119
3120.modal-1BeEFO a {
3121 color: #76AAD9;
3122 font-weight: 600;
3123}
3124
3125.entryIcon-2bcrKV,
3126.entryInner-1tOOER {
3127 color: white;
3128}
3129
3130.text-xs-medium-2LRpEj[style*=";color:";] {
3131 color: white !important;
3132}
3133
3134.entryInner-1tOOER a {
3135 color: #76AAD9;
3136 font-weight: 600;
3137}
3138
3139.scopes-uCLYQv {
3140 border-bottom: none;
3141}
3142
3143.getXboxApp-1kBRKG {
3144 background: rgba(0, 0, 0, .6);
3145}
3146
3147.getXboxApp-1kBRKG a {
3148 color: #76AAD9;
3149 font-weight: 800;
3150}
3151
3152.container-1jn5D- {
3153 background: rgba(0,0,0,.2);
3154}
3155
3156.member-48YF_l,
3157.members-3WRCEx {
3158 background-color: transparent;
3159}
3160
3161.container-3arpDl {
3162 background-color: rgba(0,0,0,.4);
3163 border: none;
3164 border-radius: 4px;
3165}
3166
3167.container-3arpDl .guidelines-jQLwyH a {
3168 color: #76AAD9;
3169}
3170
3171.descriptionContainer-2ylKGk {
3172 background-color: transparent;
3173 border-radius: 4px;
3174}
3175
3176
3177.chatHeaderBar-2fUORh {
3178 background-color: transparent;
3179}
3180
3181.theme-dark .tooltipBrand-20XsMA {
3182 color: white;
3183 background-color: darkblue;
3184}
3185
3186.theme-dark .tooltipBrand-20XsMA .tooltipPointer-3L49xb {
3187 border-top-color: darkblue;
3188}
3189
3190.connectContainer-1hylYM {
3191 background-color: transparent;
3192 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53) !important;
3193 background-image: radial-gradient(circle closest-side at 80px 60px, rgba(255, 255, 255, .65) 10%, rgba(13, 170, 255, 0.12) 100%, rgba(13, 170, 255, 0.12) 100%) !important;
3194 border-radius: 9pc;
3195 padding: 3pc;
3196}
3197
3198.connectContainer-1hylYM a,
3199.dropsHelpText-1HyiYF a {
3200 color: gold;
3201}
3202
3203.connection-YOVI9j {
3204 background-color: transparent;
3205 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53) !important;
3206 background-image: radial-gradient(circle closest-side at 130px 90px, rgba(255, 255, 255, .65) 10%, rgba(13, 170, 255, 0.12) 100%, rgba(13, 170, 255, 0.12) 100%) !important;
3207 border-radius: 90pc;
3208 width: 130%;
3209 padding: 80px 130px 80px 130px;
3210 margin-left: -30px;
3211}
3212
3213.connectionHeader-Ixbb1s {
3214 background: transparent;
3215}
3216
3217.integration-1qC-fv {
3218 border-radius: 30px;
3219 background-color: transparent;
3220 box-shadow: inset 3px 3px 9px 3px rgba(231, 254, 255, 0.63), inset -8px -11px 9px -16px rgba(231, 254, 255, 0.53) !important;
3221 background-image: radial-gradient(circle closest-side at 0px 0px, rgba(255, 255, 255, .65) 10%, rgba(13, 170, 255, 0.12) 100%, rgba(13, 170, 255, 0.12) 100%) !important;
3222}
3223
3224.inner-1lPVFp,
3225.accountAddInner-2y9WLL {
3226 border-radius: 40px;
3227}
3228
3229.accountAddInner-2y9WLL {
3230 color: white;
3231}
3232
3233.accountButtonInner-33vCDY {
3234 background-color: transparent !important;
3235 box-shadow: inset 3px 3px 4px 3px rgba(153, 213, 245, 0.63), inset -8px -11px 9px -16px rgba(153, 213, 245, 0.53);
3236}
3237
3238.accountButtonInner-33vCDY:hover {
3239 box-shadow: inset 3px 3px 4px 3px rgba(243, 250, 254, 0.63), inset -8px -11px 9px -16px rgba(243, 250, 254, 0.53);
3240}
3241
3242.sortButton-n-cIAH {
3243 border-radius: 4px;
3244 background-color: #1c1c1c;
3245}
3246
3247.sortButtonInner-kKNTP9 {
3248 color: white;
3249}
3250
3251.container-2d0jMv {
3252 background-color: rgba(0,0,0,.8);
3253 box-shadow: none;
3254}
3255
3256.selectedIcon-rQFEab {
3257 color: darkblue;
3258}
3259
3260.optionText-_ulaHG[style*=";color:";] {
3261 color: white !important;
3262}
3263
3264.tag-3Upstw {
3265 background-color: rgba(255,255,255,.08) !important;
3266}
3267
3268.optionRow-1wYi0s:hover {
3269 background-color: rgba(255, 255, 255, .12);
3270}
3271
3272#app-mount .avatarWrapper-3y0KZ1 .wrapper-1VLyxH foreignObject[mask*=mobile] + rect,
3273#app-mount .avatar-1YsFQ1.wrapper-1VLyxH foreignObject[mask*=mobile] + rect {
3274 fill: black;
3275}
3276
3277#app-mount .avatarWrapper-3y0KZ1 .wrapper-1VLyxH foreignObject[mask*=mobile] ~ .pointerEvents-9SZWKj,
3278#app-mount .avatar-1YsFQ1.wrapper-1VLyxH foreignObject[mask*=mobile] ~ .pointerEvents-9SZWKj {
3279 mask: url("#svg-mask-status-online-mobile");
3280 fill: #3BA53B !important;
3281}
3282
3283.avatarWrapper-3y0KZ1 circle, .avatar-1YsFQ1.wrapper-1VLyxH circle {
3284 fill: black;
3285 opacity: 1 !important;
3286}
3287
3288.customStatus-3Bvsdb,
3289.userTagUsernameNoNickname-2e_xaO,
3290.discordIcon-JXet1k,
3291.roleName-2ZJJYR,
3292.username-28Thtk,
3293.actionButton-1YKTU0 {
3294 color: white;
3295}
3296
3297.selected-g-kMVV.item-3XjbnG,
3298.selected-g-kMVV.item-3XjbnG:hover {
3299 color: white!important;
3300}
3301
3302.listRow-Y5zoF8 {
3303 color: white;
3304 border-radius: 50px;
3305}
3306
3307.listRow-Y5zoF8:hover {
3308 background-color: rgba(255, 255, 255, .06);
3309}
3310
3311.badgeList-2pMvZX {
3312 background-color: rgba(0, 0, 0, .6);
3313}
3314
3315.discrimBase-KriZSj,
3316.discriminator-3_S3CG {
3317 color: #d4d4d4;
3318}
3319
3320/* Newest or Classes That I Have Not Collected Yet */
3321.theme-dark .directoryModal-YJsOMv {
3322 background-color: rgba(0, 0, 0, .5);
3323}
3324
3325.content-3C5Io5 a {
3326 color: #EECDC8;
3327 font-weight: 600;
3328}
3329
3330.search-2RHhW6 {
3331 background-color: rgba(0, 0, 0, .6) !important;
3332}
3333
3334.theme-dark .searchIcon-34RNw9,
3335#app-mount .clearIcon-TMIIUa {
3336 color: white;
3337}
3338
3339.theme-dark .category-2OvQ93,
3340.theme-dark .card-2xymMp,
3341#app-mount .container-2NdZr9,
3342.theme-dark .container-SidGiM {
3343 background-color: rgba(0, 0, 0, .5);
3344 color: white;
3345}
3346
3347.divider-1bpIoX,
3348.tabBar-11FwuO {
3349 border-bottom: none;
3350}
3351
3352.icon-3uOoI3 {
3353 border: none;
3354 background-color: rgba(0, 0, 0, .4);
3355}
3356
3357.scroller-38C5lh {
3358 background-color: transparent;
3359}
3360
3361.content-23DqaR:before {
3362 box-shadow: none;
3363}
3364
3365.benefitsSection-2VIuyT:not(:last-child) {
3366 border-bottom: none;
3367}
3368
3369.theme-dark .card-8UsK4b {
3370 background-color: rgba(0, 0, 0, .6);
3371 border: none;
3372}
3373
3374.rsvpIcon-1R5Esx {
3375 color: white;
3376}
3377
3378.loadingCard-1-3lgb7R {
3379 opacity: .2;
3380}
3381
3382.pencilIcon-1d4fcw,
3383.searchIcon-2Nw0OL {
3384 color: white;
3385}
3386
3387.matchingPostsRow-2IiEQ1 {
3388 background-color: rgba(0, 0, 0, .4);
3389}
3390
3391.newPostsButton-UaBhcU>;[style*=";color:";] {
3392 color: #8FF2EA !important;
3393}
3394
3395.divider-2bkesd {
3396 background-color: transparent;
3397}
3398
3399.tag-19iIl1 {
3400 background-color: rgba(0, 0, 0, .4);
3401}
3402
3403.container-3kfp0r {
3404 background-color: #181818;
3405 box-shadow: none;
3406}
3407
3408.countContainer-3uQ087 {
3409 background-color: darkblue;
3410}
3411
3412.divider-AZrXIA {
3413 background-color: transparent;
3414}
3415
3416.active-OdlCV-,
3417.theme-dark .active-OdlCV-:hover {
3418 color: #d4d4d4;
3419}
3420
3421.mulitplePlaceholderUsername-2T3DCI,
3422.placeholderAvatar-1qAcRZ,
3423.placeholderUsername-3iQi_D,
3424.memberGroupsPlaceholder-9tqX9V {
3425 background-color: teal;
3426 border-radius: 2px;
3427}
3428
3429.active-136ioF,
3430.hover-3OQb9Y:hover {
3431 background-color: rgba(0,0,0,.2);
3432}
3433
3434.active-136ioF .icon-3g7qdA,
3435.hover-3OQb9Y:hover .icon-3g7qdA {
3436 color: white;
3437}
3438
3439.table-17_dGF {
3440 background-color: rgba(0,0,0,.6);
3441 border-radius: 4px;
3442}
3443
3444.checkboxLabel-3VTAjH {
3445 color: white;
3446}
3447
3448.checkboxLabel-3VTAjH a {
3449 color: #F8F0C4;
3450}
3451
3452.circle-1g-jMn,
3453.listRowCircle-Yp4XyP {
3454 background-color: teal;
3455 border-radius: 30px;
3456}
3457
3458.groupContainer-x_RNHs,
3459.backgroundModifierContainer-WjXgb2:hover:not(.disabled-3Q7kTN) {
3460 background-color: rgba(0, 0, 0, .4);
3461}
3462
3463.category-3LanTP {
3464 background-color: rgba(0,0,0,.4);
3465 border-radius: 6px;
3466}
3467
3468.category-3LanTP:hover {
3469 background-color: rgba(0,0,0,.6);
3470}
3471
3472.headerContent-1ruWaB,
3473.headerSidebar-q66Sut,
3474.separator-3iCpOF {
3475 border-bottom: none;
3476}
3477
3478.divider-2-bAb9 {
3479 border-top: none;
3480}
3481
3482.card-sX105p,
3483.list-1bztb- {
3484 background-color: rgba(0,0,0,.4);
3485 border-radius: 4px;
3486}
3487
3488.commandName-SDgdgz {
3489 background-color: rgba(0,0,0,.7);
3490 border: none;
3491}
3492
3493.headerIcon-4CEo5y {
3494 border: 7px solid transparent;
3495 background-color: transparent;
3496}
3497
3498#app-mount .childButton-3o_dlg {
3499 background-color: rgba(0,0,0,.4);
3500}
3501
3502.theme-dark .optionPillKey-2JyeoP {
3503 background-color: rgba(0,0,0,.3);
3504}
3505
3506.theme-dark .optionPill-2kmuZR {
3507 background-color: rgba(0,0,0,.1);
3508 border-color: transparent;
3509}
3510
3511.theme-dark .tierHeaderLocked-30MLlO,
3512.theme-dark .tierHeaderUnlocked-1OpOLf {
3513 background-color: rgba(0,0,0,.6);
3514}
3515
3516.theme-dark .tierBody-1d3UiS {
3517 background-color: rgba(0,0,0,.3);
3518 color: white;
3519}
3520
3521.theme-dark .copyInputDefault-3jiMHw {
3522 border-color: transparent;
3523}
3524
3525.copyInput-3AbKWB {
3526 background-color: rgba(0,0,0,.6);
3527}
3528
3529.guildFeatureAvailabilityIndicator-1-B8Jv {
3530 background-color: rgba(0,0,0,.7);
3531}
3532
3533.featureIcon-3rvFkz {
3534 color: white;
3535}
3536
3537.item-14XeNr,
3538.item-4m-12I,
3539.item-4m-12I:hover {
3540 background-color: #2D2D2D;
3541}
3542
3543.layoutStyle-3d1mjU .item-4m-12I[aria-label=";Passthrough";] {
3544 color: #FFDB4D;
3545}
3546
3547.passthrough--fbdFR.selected-3jieYB {
3548 background-color: #FFDB4D !important;
3549 color: black !important;
3550}
3551
3552.deny-2VqAyZ,
3553.cross-vHLzBr,
3554.deny-1GO6vI {
3555 color: #F42626;
3556}
3557
3558.deny-2VqAyZ.selected-I4nkOo,
3559.deny-1GO6vI.selected-3jieYB {
3560 background-color: #F42626 !important;
3561 color: white;
3562}
3563
3564.allow-q9kwjz,
3565.check-3Fp8pO,
3566.allow-1h61-Z {
3567 color: #3DD828;
3568}
3569
3570.allow-q9kwjz.selected-I4nkOo,
3571.allow-1h61-Z.selected-3jieYB {
3572 background-color: #3DD828 !important;
3573 color: white;
3574}
3575
3576.syncIcon-3lhuwS path {
3577 fill: #5AF426;
3578}
3579
3580.perkDescription--074QX a {
3581 color: #FFFF90;
3582}
3583
3584.divider-2UxUgG {
3585 background: transparent;
3586}
3587
3588.theme-dark .inviteSettingsInviteRow-FAjfDN {
3589 box-shadow: none;
3590}
3591
3592
3593.theme-dark .perk-19D_HN {
3594 background-color: rgba(0,0,0,.4);
3595}
3596
3597.divider-1MSaR9 {
3598 background: none;
3599}
3600
3601.theme-dark .barBackground-unEPDT {
3602 background-color: transparent;
3603}
3604
3605.barSecondary-VouwoY {
3606 background-color: rgba(255,255,255,.12);
3607}
3608
3609.theme-dark .elevationBorderLow-3_3rXL {
3610 box-shadow: none;
3611}
3612
3613.theme-dark .popoutList-10IFAa {
3614 background: #141414;
3615}
3616
3617.theme-dark .selectableItem-3-fmiM {
3618 color: white;
3619}
3620
3621.theme-dark .selectableItem-3-fmiM:focus,
3622.theme-dark .selectableItem-3-fmiM:hover {
3623 background-color: rgba(0,0,0,.6);
3624}
3625
3626
3627.divider-2JN8Vy {
3628 background-color: transparent;
3629}
3630
3631.guildSubscriptionSlots-1i_C21 {
3632 background-color: #141414;
3633}
3634
3635
3636.guildSubscriptionSlot-1mef6n {
3637 border-bottom: none;
3638}
3639
3640.guildSubscriptionDuration-1JI19A,
3641.guildSubscriptionSlotMenuIcon-3UcQXW {
3642 color: white;
3643}
3644
3645.cardWrapper-1bSePP {
3646 background: #141414;
3647}
3648
3649.theme-dark .gemIndicatorContainer-PqApbX {
3650 background-color: transparent;
3651}
3652
3653.circleBackgroundAlt-32_kWx {
3654 fill: transparent;
3655}
3656
3657#app-mount .banReasonOtherClickable-8EKPlQ {
3658 background-color: rgba(0,0,0,.4);
3659 color: white;
3660}
3661
3662.breadcrumbWrapper-3rpYiO {
3663 color: white;
3664}
3665
3666.theme-dark .option-Tt7anD {
3667 background-color: rgba(0,0,0,.3);
3668}
3669
3670.memberRow-1FhJgR:hover,
3671.item-2rTrrd:hover {
3672 background-color: rgba(255,255,255,.2);
3673}
3674
3675.placeholder-2XdCpg {
3676 color: white;
3677}
3678
3679.theme-dark .card-3JmxsM {
3680 border-color: transparent;
3681}
3682
3683.text-2iTkaw a {
3684 color: #FFFF90;
3685}
3686
3687.featureIcon-2sTnDK {
3688 background-color: rgba(255,255,255,.12);
3689 border-radius: 7px;
3690}
3691
3692.stickyHeaderElevated-dNSSrJ {
3693 box-shadow: none;
3694}
3695
3696.topic-11NuQZ {
3697 color: white;
3698}
3699
3700.topic-11NuQZ a {
3701 color: #FFFF90;
3702}
3703
3704.learnMoreLink-2JwgbJ {
3705 color: #84E7FF;
3706}
3707
3708.divider-1wnNcY {
3709 background-color: transparent;
3710}
3711
3712.guildsSection-30CJxX {
3713 border-top: none;
3714}
3715
3716.featureBorder-2G0c_P {
3717 border-top: none;
3718}
3719
3720.wrapper-2SplAX {
3721 background-color: rgba(0,0,0,.5);
3722}
3723
3724.messagePreviewContainer-1oR1Oc {
3725 border: 1px solid black;
3726}
3727
3728.box-2iMsQm {
3729 background-color: #181818;
3730}
3731
3732.box-2iMsQm:after {
3733 border-top: 10px solid #181818;
3734}
3735
3736.maskBackground-F7QD-A {
3737 background-color: rgba(255,255,255,.12);
3738}
3739
3740.containerBackground-Ang24O {
3741 background-color: rgba(0,0,0,.6);
3742 border: none;
3743 box-shadow: none;
3744}
3745
3746.textDivider-34kVsR {
3747 background-color: transparent;
3748}
3749
3750.header-11eigE,
3751.container-3a5mk- {
3752 background-color: rgba(0, 0, 0, .2);
3753}
3754
3755.header-11eigE {
3756 box-shadow: none;
3757}
3758
3759.tile-2TcwiO {
3760 background-color: transparent;
3761}
3762
3763.scrollTierBackground-BnWR8k,
3764.modalHeader-3X0A4K {
3765 background-color: transparent;
3766}
3767
3768.activityItem-1Z9CTr {
3769 background: rgba(0,0,0,.6) !important;
3770 box-shadow: none;
3771}
3772
3773.activityTag-3C3YK5 {
3774 background-color: #141414;
3775 color: white !important;
3776}
3777
3778.sourceThumbnail-ERDcZE {
3779 background-color: transparent;
3780}
3781
3782.tile-3POX2m:hover .sourceThumbnail-ERDcZE {
3783 box-shadow: inset 0 0 0 2px teal;
3784}
3785
3786.container-1zzFcN {
3787 border-bottom: none;
3788}
3789
3790.emojiPickerHeader-2mWh2T {
3791 background: #141414;
3792}
3793
3794
3795.noiseCancellationPopout-2-e5Xz {
3796 background: #141414;
3797 box-shadow: none;
3798}
3799
3800.noiseCancellationPopout-2-e5Xz a {
3801 color: #63F3FD;
3802}
3803
3804#app-mount .participantsButton-1WBdFP {
3805 background: #141414;
3806 box-shadow: none;
3807}
3808
3809.overlayTitle-2efoIF {
3810 border-radius: 4px;
3811 background: rgba(0,0,0,.6);
3812 color: white;
3813}
3814
3815.status-15kcmy,
3816.unreadCount-eHeIkt {
3817 color: white;
3818 background-color: teal;
3819}
3820
3821.theme-dark .previewContainer-35LFgt,
3822.theme-dark .streamPreview-I7itZ6,
3823.container-8Futzw {
3824 background-color: #141414;
3825}
3826
3827.container-8Futzw {
3828 box-shadow: none;
3829}
3830
3831.channelIcon-3Oew8h,
3832.activityVoiceChannel-2vojOH .headerText-3g1XK9 {
3833 color: white;
3834}
3835
3836.headerDivider-N-jIGV {
3837 background-color: transparent;
3838}
3839
3840.scroller-3b1p7z {
3841 background-color: transparent;
3842}
3843
3844.theme-dark .memberListItem-3V-x8Q:not(.popoutDisabled-PP2QdB):hover {
3845 background-color: rgba(255,255,255,.13);
3846}
3847
3848.textBlock-3rqvcj a {
3849 color: #FFF88D;
3850}
3851
3852.note-3TX9O7 textarea:focus {
3853 background-color: rgba(0, 0, 0, .09);
3854}
3855
3856.top-K_jibn .selected-g-kMVV.themed-2-lozF.item-3XjbnG,
3857.top-K_jibn .themed-2-lozF.item-3XjbnG:active {
3858 border-bottom-color: #EAD2C6;
3859}
3860
3861.top-K_jibn .themed-2-lozF.item-3XjbnG:hover {
3862 border-bottom-color: silver;
3863}
3864
3865.subscription-1wJwQk {
3866 background-color: rgba(0,0,0,.4);
3867}
3868
3869.theme-dark .tierPill-l7DvKo {
3870 background-color: transparent;
3871 color: white;
3872}
3873
3874.helpText-298QJZ a {
3875 color: #84DEA8;
3876}
3877
3878.groupCollapsedContainer-1h2Wkb {
3879 background-color: transparent;
3880 border: none;
3881}
3882
3883.groupCollapsedRow-2CgoFk {
3884 background-color: rgba(0, 0, 0, .2);
3885 background-color: rgba(0, 0, 0, .2);
3886}
3887
3888.backgroundModifierContainer-WjXgb2.selected-2f8_FP {
3889 background-color: rgba(0,0,0,.6);
3890}
3891
3892.selected-58N8gq {
3893 background-color: rgba(255, 255, 255, .3) !important;
3894 color: white !important;
3895}
3896
3897.theme-dark .container-2McqkF .calendarPicker-sDhzdi .react-datepicker {
3898 background-color: #140E14;
3899
3900}
3901
3902.theme-dark .activityProfile-1712BN .activityName-3YXl6e,
3903.theme-dark .activityProfile-1712BN .content-tXPNDw,
3904.theme-dark .activityProfile-1712BN .details-2-ciHo,
3905.theme-dark .activityProfile-1712BN .name-1-Q7l2,
3906.theme-dark .activityProfile-1712BN .nameNormal-2fPMD2,
3907.theme-dark .activityProfile-1712BN .nameWrap-3TyM52,
3908.theme-dark .activityProfileV2-1N7pee .activityName-3YXl6e,
3909.theme-dark .activityProfileV2-1N7pee .content-tXPNDw,
3910.theme-dark .activityProfileV2-1N7pee .details-2-ciHo,
3911.theme-dark .activityProfileV2-1N7pee .name-1-Q7l2,
3912.theme-dark .activityProfileV2-1N7pee .nameNormal-2fPMD2,
3913.theme-dark .activityProfileV2-1N7pee .nameWrap-3TyM52,
3914.theme-dark .activityUserPopout-2MzGCj .activityName-3YXl6e,
3915.theme-dark .activityUserPopout-2MzGCj .content-tXPNDw,
3916.theme-dark .activityUserPopout-2MzGCj .details-2-ciHo,
3917.theme-dark .activityUserPopout-2MzGCj .name-1-Q7l2,
3918.theme-dark .activityUserPopout-2MzGCj .nameNormal-2fPMD2,
3919.theme-dark .activityUserPopout-2MzGCj .nameWrap-3TyM52,
3920.theme-dark .activityUserPopoutV2-3eKqzY .activityName-3YXl6e,
3921.theme-dark .activityUserPopoutV2-3eKqzY .content-tXPNDw,
3922.theme-dark .activityUserPopoutV2-3eKqzY .details-2-ciHo,
3923.theme-dark .activityUserPopoutV2-3eKqzY .name-1-Q7l2,
3924.theme-dark .activityUserPopoutV2-3eKqzY .nameNormal-2fPMD2,
3925.theme-dark .activityUserPopoutV2-3eKqzY .nameWrap-3TyM52 {
3926 color: white;
3927}
3928
3929.popout-1KHNAq.popoutPositionTop-1GenHR.popout-1KHNAq {
3930 border-radius: 5px 5px 0 0;
3931 border: 2px solid rgba(255,255,255,.2);
3932}
3933
3934.content-2eQb8J {
3935 background-color: transparent;
3936}
3937
3938.modalHeader-gQTY3L {
3939 background-image: none;
3940}
3941
3942.colorSecondary-3_y5BS {
3943 color: white;
3944}
3945
3946.planOption-187LtR,
3947.planOptionInterval-3QyrC0 {
3948 color: rgba(255, 255, 255, .4);
3949}
3950
3951.round-1RSG-3 {
3952 border-radius: 50px;
3953}
3954
3955.optionSelected-2AMHHJ {
3956 color: white;
3957}
3958
3959.selectPlanDivider-1j8LTI {
3960 background-color: transparent;
3961}
3962
3963.badgeIconWithSubscribers-2WYJsQ,
3964.theme-dark .tierMarkerInProgress-2Tdxjz .currentTierIcon-2rq-bv.tier3Icon-959FdD,
3965.theme-dark .icon-3dkE_X,
3966.tierMarkerLabelPlusIcon-2zLkr7 {
3967 color: #FF2EB9;
3968}
3969
3970.tierMarkerInProgress-2Tdxjz[style*=";background:";] {
3971 background: #21252B !important;
3972}
3973
3974.tierMarkerAccomplished-1SkbEJ[style*=";background:";] {
3975 background: #FF2EB9 !important;
3976}
3977
3978.barForeground-2kwBa_ {
3979 background-color: #FF2EB9;
3980}
3981
3982.tierMarkerLabelText-1wk8KK:not(.isAccomplished-2NcqRT):hover {
3983 background-color: rgba(255, 46, 185, .3);
3984}
3985
3986.premiumIcon-3qxLdX {
3987 color: #FF2EB9;
3988}
3989
3990.availabilityIndicator-3-1ZYA {
3991 background-color: #FF2EB9;
3992}
3993
3994.theme-dark .tierAccomplished-1I5NaT,
3995.theme-dark .tierCurrent-2nowYi,
3996.theme-dark .tierFirst-1Vn3wS {
3997 background: #FF2EB9;
3998}
3999
4000.foreground-3_3Pgi {
4001 color: #FF2EB9;
4002}
4003
4004.theme-dark .tierInProgress-1vFUnw {
4005 background-color: rgba(0, 0, 0, .4);
4006}
4007
4008.descriptionRow-1UPN0d {
4009 color: white;
4010}
4011
4012.theme-dark .card-3MjVNo {
4013 border-color: black;
4014}
4015
4016.icon-1PAq_f {
4017 color: white;
4018}
4019
4020.clickable-WBCFI5:hover {
4021 background-color: rgba(0, 0, 0, .1);
4022}
4023
4024.listing-2-3kHA:not(:last-child):not(:hover) .listingDetails-1tUwVY {
4025 border-bottom: none;
4026}
4027
4028.showMoreButtonIcon-3D4iRn {
4029 color: white;
4030}
4031
4032.selectedBrand-1AtwYE {
4033 background: rgba(0, 0, 0, .6) !important;
4034 color: white !important;
4035}
4036
4037.theme-dark .discrim-OWXlDD {
4038 opacity: .6;
4039}
4040
4041.separator-178dlw {
4042 background-color: transparent;
4043}
4044
4045.text-md-normal-304U3g a,
4046.text-sm-normal-3Zj3Iv a {
4047 color: #C5E384;
4048}
4049
4050.card-2CLwV2,
4051.howItWorksContainer-2zbci6,
4052.avatarCard-1fqGQ0 {
4053 background-color: rgba(0, 0, 0, .45);
4054}
4055
4056.earningsPreviewContainer-193qd3[style*=";background-color:";] {
4057 background-color: rgba(0, 0, 0, .45) !important;
4058}
4059
4060.howItWorksImageContainer-3ZJ-AE {
4061 background-color: transparent;
4062}
4063
4064.textInput-3g8y92 {
4065 background-color: rgba(0, 0, 0, .4);
4066}
4067
4068.upsellContainer-2a5eMP,
4069.upsellFooter-3M1V33,
4070.developerPortalCtaWrapper-2PniQs {
4071 background-color: rgba(0, 0, 0, .4);
4072}
4073
4074.checklistHeader-3liG7E,
4075.header-Wl8ec- {
4076 background-color: transparent;
4077}
4078
4079.checklistContainer-12xGp5,
4080.container-13pE3E,
4081.optionContainer-32r7Dj,
4082.welcomeChannel-_Q4qAA,
4083.enableContainer-H2cRts,
4084.previewContainer-29oeA6 {
4085 background-color: rgba(0, 0, 0, .4);
4086}
4087
4088.emojiButtonContainer-1n1BNw {
4089 background-color: transparent;
4090 border: none;
4091}
4092
4093.exampleContainer-hz7EUM,
4094.exampleModal-2fUA5X,
4095.exampleContainer-3KBk_U,
4096.exampleModal-3D7ypH,
4097.formFieldWrapper-3IiCRS,
4098.footer-1voAYT,
4099.separator-RaufQu,
4100.containerFooter-3BSQ3U {
4101 background-color: transparent;
4102}
4103
4104.content-lgVC-G,
4105.guildSidebar-25nAoF {
4106 background-color: rgba(0, 0, 0, .3);
4107}
4108
4109.sidebarFixedContainer-2fX672 {
4110 border: 2px solid black;
4111}
4112
4113.backgroundContainer-gUNEZU,
4114.exampleRule-KGGZmT,
4115.fieldFooterContainer-2QTUnl,
4116.mentionLimitContainer-zBzr5i,
4117.actionContainer-2krsiT {
4118 background-color: rgba(0, 0, 0, .3);
4119}
4120
4121.theme-dark .automodText-azqvwf {
4122 color: white;
4123}
4124
4125.editCard-K9Q9mb,
4126.ruleIconContainer-dXW56-,
4127.stepCountIcon-1A2Rxd,
4128.channelRowLabel-2yYGtY,
4129.collapseable-DdnHFl.toggled-3yp8ip:active,
4130.collapseable-DdnHFl:active {
4131 background-color: rgba(255, 255, 255, .1);
4132}
4133
4134.actionContainer-EzNGrb {
4135 background-color: transparent;
4136}
4137
4138.actionTextHeader-yeCKjC[style*=";color:";] {
4139 color: white !important;
4140}
4141
4142.ruleIcon-jIriNN,
4143.mentionLimitIcon-11ZBxD,
4144.actionIcon-xZ8Xaf {
4145 color: white;
4146}
4147
4148.editCard-K9Q9mb.active-Xi2rnV,
4149.editCard-K9Q9mb.toggled-35JcVc.active-Xi2rnV {
4150 background-color: rgba(0, 0, 0, .1);
4151}
4152
4153.triggerMainContainer-274ue5 {
4154 border: 1px solid black;
4155}
4156
4157.editChannel-3Y8hih {
4158 color: #C5E384;
4159}
4160
4161.keywordListContainer-9ux8nU,
4162.collapseable-DdnHFl {
4163 background-color: rgba(0, 0, 0, .3);
4164}
4165
4166.resultsList-2Bp-2_ {
4167 background-color: #21252B;
4168 border: none;
4169 box-shadow: none;
4170}
4171
4172.keywordTextArea-c8D0xP {
4173 background-color: transparent;
4174 border: none;
4175 color: white;
4176}
4177
4178.container-3zZkKh {
4179 background-color: transparent;
4180}
4181
4182.reaction-BL6n45 {
4183 background-color: rgba(0, 0, 0, .3);
4184}
4185
4186.staticToolbar-x12NJC,
4187.forumGuidelines-1U9ThN {
4188 background-color: rgba(0, 0, 0, .2);
4189}
4190
4191.staticDivider-1gts3a {
4192 border-left: none;
4193}
4194
4195.staticIcon-2gnnAR {
4196 color: #c6c6c6;
4197}
4198
4199.active-136ioF .staticIcon-2gnnAR,
4200.hover-3OQb9Y:hover .staticIcon-2gnnAR {
4201 color: white;
4202}
4203
4204.uploadInput-3fblkw {
4205 background-color: rgba(255, 255, 255, .12);
4206}
4207
4208.theme-dark .uploadIcon-M15owY,
4209.uploadInput-3fblkw:hover .uploadIcon-M15owY {
4210 color: white;
4211}
4212
4213.sortDropdownEmptyTagsInner-1_xu2l {
4214 color: white;
4215}
4216
4217.container-2_J666 {
4218 color: white;
4219 background-color: rgba(0, 0, 0, .3);
4220}
4221
4222.sortDropdownEmptyTagsText-z_0OP1[style*=";color:";] {
4223 color: white !important;
4224}
4225
4226.tagsDivider-3LhkLA {
4227 background-color: transparent;
4228}
4229
4230#app-mount .stepContainer-SaPPyG {
4231 background: transparent;
4232 color: white;
4233}
4234
4235#app-mount .addTags-26suzl {
4236 background-color: rgba(255, 255, 255, .14);
4237}
4238
4239.label-2gNW3x>;[style*=";color:";] {
4240 color: white !important;
4241 font-weight: bold;
4242}
4243
4244.separator-3PdcLL {
4245 background-color: transparent;
4246}
4247
4248.badge-39TqBS {
4249 border: 2px solid transparent;
4250 color: white;
4251 background-color: rgba(255, 255, 255, .13);
4252}
4253
4254.memberListItem-ui7SEK:not(.popoutDisabled-F42SI4):hover {
4255 background-color: rgba(0, 0, 0, .3);
4256}
4257
4258.theme-dark .content-3nJg0c:before {
4259 background-color: transparent;
4260}
4261
4262.iconWrapper-1sOtkE {
4263 background-color: #433E97;
4264}
4265
4266.icon-3TvnqF {
4267 color: white;
4268}
4269
4270.cardHeader-3d6H8N {
4271 background-color: transparent;
4272}
4273
4274.theme-dark .card-2b4UFN {
4275 border-color: black;
4276}
4277
4278.category-qFAw-K:hover {
4279 background-color: rgba(0, 0, 0, .1);
4280}
4281
4282.category-qFAw-K.activeCategory-1iqXig {
4283 background-color: rgba(225, 225, 225, .1);
4284}
4285
4286.guildSidebar-UHnQqs,
4287.modal-2TOYtq,
4288.theme-dark .footer-11k_3m {
4289 background-color: transparent;
4290}
4291
4292.scroller-3_YDR2 {
4293 background-color: transparent;
4294}
4295
4296.divider-2keupe {
4297 background: none;
4298}
4299
4300.newPostCount-3SXe5K {
4301 background-color: #0e8672;
4302 color: white;
4303}
4304
4305.divider-2_8P_2 {
4306 color: transparent;
4307}
4308
4309.viewMoreReplies-34u7lq,
4310.roleTip-2o2f1b a {
4311 color: #ffcc99;
4312}
4313
4314.circle-2tR2Qh {
4315 background-color: #0e8672;
4316}
4317
4318.icon-1DBCvl {
4319 color: white;
4320}
4321
4322.userPanelInnerThemed-2xZFjl {
4323 background: rgba(0, 0, 0, .3);
4324}
4325
4326.metadataContainer-35U-On {
4327 background-color: transparent;
4328}
4329
4330.theme-dark .reactorDefault-3GSyaV {
4331 box-shadow: none;
4332}
4333
4334.theme-dark .reactionDefault-1Sjj1f:hover {
4335 background-color: rgba(255, 255, 255, .1);
4336}
4337
4338.theme-dark .reactionSelected-1aMb2K {
4339 background-color: rgba(255, 255, 255, .15);
4340}
4341
4342.theme-dark .textContentFooter-2JnNv8 {
4343 background: none;
4344}
4345
4346.contentPreview-3fWiuC {
4347 border: 1px solid rgba(255, 255, 255, .2);
4348}
4349
4350.theme-dark .tagPill-1kSbgP {
4351 background-color: rgba(255, 255, 255, .2);
4352}
4353
4354.container-1PloNW:hover {
4355 background-color: rgba(255, 255, 255, .15);
4356}
4357
4358.theme-dark .body-2rDNbs {
4359 color: white;
4360}
4361
4362.theme-dark .contentWarningPopout-WKdbDG {
4363 background-color: rgba(0, 0, 0, .6);
4364 box-shadow: none;
4365}
4366
4367.theme-dark .footer-2aeMle {
4368 background-color: transparent;
4369 color: white;
4370}
4371
4372.defaultColor-1EVLSt {
4373 color: white;
4374}
4375
4376.theme-dark .container-KM8BU6,
4377.theme-dark .reactors-1VXca7 {
4378 background-color: transparent;
4379}
4380
4381.theme-dark .scroller-2GkvCq {
4382 background: none;
4383}
4384
4385.theme-dark .modalSubtitle-2lx7qk {
4386 border-bottom: none;
4387 color: white;
4388}
4389
4390.theme-dark .keyboardShortcutList-3VFAYS .keybindGroup-39HP2U .keybindDescription-oXh6w_ {
4391 color: white;
4392}
4393
4394.theme-dark .keyboardShortcutsModal-2CRmCm {
4395 background-color: transparent;
4396}