1. :root {
2.   --app-bg: url(https://i.imgur.com/X2jaK2b.png);
3.   --app-blur: 6px;
4.   --app-margin: 24px;
5.   --app-radius: 8px;
6.   --app-accent: #d73d3d;
7.   --app-accent-image: none;
8.   --app-accent-rgb: 215,61,61;
9.   --app-accent-text: #000;
10.   --sidebar-color: rgba(0,0,0,0.4);
11.   --sidebar-blur: 12px;
12.   --main-content-color: rgba(0,0,0,0.2);
13.   --main-content-blur: 4px;
14.   --messages-color: rgba(0,0,0,0.4);
15.   --messages-radius: var(--app-radius);
16.   --messages-padding: 8px;
17.   --mention-color: var(--app-accent);
18.   --mention-rgb: var(--app-accent-rgb);
19.   --mention-alt: #5274e9;
20.   --notification-color: #fff;
21.   --textarea-color: 0,0,0;
22.   --textarea-text-color: #fff;
23.   --textarea-radius: 22px;
24.   --input-height: 36px;
25.   --input-radius: calc(var(--input-height) / 2);
26.   --card-color: rgba(0,0,0,0.4);
27.   --card-color-hover: rgba(0,0,0,0.5);
28.   --card-color-select: rgba(0,0,0,0.7);
29.   --card-radius: var(--app-radius);
30.   --button-color: var(--app-accent);
31.   --button-action-color: #000;
32.   --button-text-color: var(--app-accent-text);
33.   --button-radius: var(--app-radius);
34.   --button-alt-color: var(--card-color);
35.   --popout-color: rgba(0,0,0,0.55);
36.   --popout-blur: 5px;
37.   --popout-header-opacity: 0.3;
38.   --popout-header-shadow: 0px 3px 9px 0px rgba(0,0,0,0.25);
39.   --popout-radius: var(--app-radius);
40.   --popout-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
41.   --nowplaying-color: 114,137,218;
42.   --streaming-color: 89,54,149;
43.   --spotify-color: 29,185,84;
44.   --interactive-normal: #aaa;
45.   --interactive-hover: #ddd;
46.   --interactive-active: #fff;
47.   --interactive-muted: #777;
48.   --channels-default: #aaa;
49.   --header-secondary: #dfdfdf;
50.   --background-primary: transparent;
51.   --background-modifier-hover: rgba(255,255,255,0.075);
52.   --background-modifier-selected: rgba(255,255,255,0.125);
53.   --channels-default: var(--interactive-normal);
54.   --text-muted: var(--interactive-normal);
55.   --transition-time: 250ms;
56.   --transition-type: cubic-bezier(0.4,0,0.2,1);
57.   --scrollbar-color: 0,0,0;
58.   --scrollbar-color-alt: 255,255,255;
59.   --scrollbar-opacity: 0.5;
60.   --scrollbar-opacity-hover: 0.7;
61.   --scrollbar-width: 10px; }
62.  
63. /*
64.  *
65.  *      APP ELEMENTS
66.  *
67.  */
68. body {
69.   background-color: transparent; }
70.  
71. .appMount-3lHmkl {
72.   background-image: var(--app-bg);
73.   background-repeat: no-repeat;
74.   background-position: center;
75.   background-size: cover; }
76.  
77. .layers-3iHuyZ {
78.   z-index: 1; }
79.  
80. .layers-3iHuyZ {
81.   margin: calc(var(--app-margin) / 2) var(--app-margin) var(--app-margin) var(--app-margin);
82.   border-radius: var(--app-radius);
83.   overflow: hidden; }
84.  
85. .layers-3iHuyZ:before {
86.   position: absolute;
87.   content: " ";
88.   width: 100%;
89.   height: 100%;
90.   top: 0;
91.   left: 0;
92.   backdrop-filter: blur(var(--app-blur));
93.   pointer-events: none;
94.   z-index: -1; }
95.  
96. /*.layers-3iHuyZ:before {
97.         position: absolute;
98.         content: " ";
99.         width: calc(100% + (var(--app-margin) * 2));
100.         height: calc(100% + (var(--app-margin) * 2) + 24px);
101.         top: calc((var(--app-margin) + 24px) * -1);
102.         left: calc(var(--app-margin) * -1);
103.         background-image: var(--app-bg);
104.         background-repeat: no-repeat;
105.         background-position: center;
106.         background-size: cover;
107.         background-attachment: fixed;
108.         filter: blur(var(--app-blur));
109.         pointer-events: none;
110.         z-index: -1;
111. }*/
112. .typeMacOS-3EmCyP + .app-1q1i1E .layers-3iHuyZ {
113.   margin: var(--app-margin); }
114.  
115. .app-2rEoOp,
116. .bg-h5JY_x {
117.   background-color: transparent; }
118.  
119. .appMount-3lHmkl * {
120.   text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); }
121.  
122. .anchor-3Z-8Bb {
123.   color: var(--app-accent); }
124.  
125. .appMount-3lHmkl svg {
126.   filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.5)); }
127.  
128. ::selection {
129.   background: rgba(var(--app-accent-rgb), 0.65);
130.   color: var(--app-accent-text); }
131.  
132. /* APP ELEMENTS -> TOP BAR */
133. .titleBar-AC4pGV {
134.   height: 24px; }
135.  
136. .wordmarkWindows-1v0lYD {
137.   color: #fff; }
138.  
139. .withFrame-haYltI {
140.   margin-top: 0; }
141.  
142. .winButton-iRh8-Z {
143.   height: 100%;
144.   color: #fff; }
145.  
146. .platform-osx .wrapper-1Rf91z {
147.   margin-top: 0; }
148. .platform-osx .tree-3tCaw8 {
149.   margin-top: 32px; }
150.  
151. .typeMacOS-3EmCyP {
152.   top: var(--app-margin);
153.   left: var(--app-margin); }
154.   .typeMacOS-3EmCyP .macButtons-2MuSAC {
155.     width: 72px;
156.     border-top-left-radius: var(--app-radius); }
157.     .typeMacOS-3EmCyP .macButtons-2MuSAC .macButton-c_Adir {
158.       cursor: pointer; }
159.  
160. .topic-TCb_qw a {
161.   color: var(--app-accent); }
162.  
163. /* APP ELEMENTS -> NOTIFICATION BAR */
164. .notice-2FJMB4,
165. .notice-1tZwqv,
166. .noticeWrapper-8z511t,
167. .colorInfo-2URYW5,
168. .noticeSurvey-1XW9Ln.noticeInfo-3_iTE1.notice-2FJMB4.size14-3iUx6q.height36-36OHCc {
169.   /*margin: 0 var(--app-margin);*/
170.   background-color: var(--app-accent);
171.   background-image: var(--app-accent-image);
172.   /*border-radius: 18px !important;*/
173.   border-radius: 0;
174.   border-top-right-radius: var(--app-radius);
175.   box-shadow: none;
176.   color: var(--app-accent-text); }
177.  
178. .notice-3bPHh-,
179. .noticeStreamerMode-2TSQpg {
180.   margin: 0;
181.   background-color: rgba(var(--streaming-color), 0.5);
182.   border-radius: 0 !important;
183.   color: #fff; }
184.  
185. .notice-2FJMB4 + .notice-2FJMB4 {
186.   margin-top: 4px; }
187.  
188. #outdatedPlugins > span,
189. #pluginNotice #outdatedPlugins span {
190.   color: var(--app-accent-text) !important; }
191.  
192. .notice-2FJMB4 .button-1MICoQ {
193.   color: var(--app-accent-text); }
194.  
195. .noticeStreamerMode-2TSQpg .button-1MICoQ {
196.   color: #fff; }
197.  
198. /* APP ELEMENTS -> NOTIFICATION BAR -> BUTTONS */
199. .notice-1tZwqv .lookOutlined-3sRXeN.colorWhite-rEQuAQ {
200.   color: var(--app-accent-text);
201.   border-color: var(--app-accent-text); }
202.  
203. .notice-1tZwqv .button-3Ijpww:hover {
204.   background-color: transparent; }
205.  
206. /* APP ELEMENTS -> LOADING ICON */
207. @keyframes spinnerone {
208.   0% {
209.     -webkit-transform: rotate(0deg);
210.     transform: rotate(0deg); }
211.   75% {
212.     -webkit-transform: rotate(-720deg);
213.     transform: rotate(-720deg); }
214.   100% {
215.     -webkit-transform: rotate(-720deg);
216.     transform: rotate(-720deg); } }
217. @keyframes spinnertwo {
218.   0% {
219.     -webkit-transform: rotate(0deg);
220.     transform: rotate(0deg); }
221.   75% {
222.     -webkit-transform: rotate(720deg);
223.     transform: rotate(720deg); }
224.   100% {
225.     -webkit-transform: rotate(720deg);
226.     transform: rotate(720deg); } }
227. .spinner-2enMB9:not(.ti-indicator) {
228.   --spinner-size: 2em; }
229.  
230. .spinner-2enMB9:not(.ti-indicator) .inner-1gJC7_ {
231.   width: calc(var(--spinner-size) * 1.175);
232.   height: calc(var(--spinner-size) * 1.175); }
233.  
234. .spinningCircleInner-mbM5zM {
235.   transform: rotate(0deg); }
236.  
237. .spinningCircleInner-mbM5zM:before,
238. .spinningCircleInner-mbM5zM:after {
239.   content: " "; }
240.  
241. .wanderingCubesItem-WPXqao,
242. .spinningCircleInner-mbM5zM:before,
243. .spinningCircleInner-mbM5zM:after {
244.   position: absolute;
245.   display: inline-block;
246.   background-color: transparent;
247.   border: calc(var(--spinner-size) / 12) solid transparent;
248.   border-color: var(--app-accent) transparent var(--app-accent) transparent; }
249.  
250. .wanderingCubesItem-WPXqao:first-of-type,
251. .spinningCircleInner-mbM5zM:before {
252.   width: calc(var(--spinner-size) / 2);
253.   height: calc(var(--spinner-size) / 2);
254.   border-radius: calc(var(--spinner-size) / 2);
255.   margin: calc(var(--spinner-size) / 4) 0 0 calc(var(--spinner-size) / 4);
256.   -webkit-animation: spinnerone 2000ms ease-in-out infinite;
257.   -moz-animation: spinnerone 2000ms ease-in-out infinite;
258.   animation: spinnerone 2000ms ease-in-out infinite; }
259.  
260. .wanderingCubesItem-WPXqao:last-of-type,
261. .spinningCircleInner-mbM5zM:after {
262.   width: var(--spinner-size);
263.   height: var(--spinner-size);
264.   border-radius: var(--spinner-size);
265.   -webkit-animation: spinnertwo 2000ms ease-in-out infinite;
266.   -moz-animation: spinnertwo 2000ms ease-in-out infinite;
267.   animation: spinnertwo 2000ms ease-in-out infinite; }
268.  
269. .circular-2NaZOq {
270.   display: none; }
271.  
272. /*
273.  *
274.  *      MODALS
275.  *
276.  */
277. .appMount-3lHmkl [role=menu],
278. .userPopout-3XzG_A,
279. .root-1gCeng,
280. .root-SR8cQa,
281. .root-2QSv-c,
282. .root-3JVdIJ,
283. .modalRoot-1Kx4Hb,
284. .modal-yWgWj-,
285. .wrapper-2aW0bm,
286. .authBox-hW6HRx,
287. .quickswitcher-3JagVE,
288. .popout-38lTFE,
289. .wrapper-1rqM3x,
290. .messagesPopoutWrap-1MQ1bW,
291. .container-enaOkj,
292. .noiseCancellationPopout-iRK2A0,
293. [class*="theme-"] .uploadModal-2ifh8j,
294. .attachPopout-36hjtN,
295. .container-3ayLPN,
296. .container-2x5lvQ,
297. .streamPreview-2-WUWT,
298. .incomingCallInner-2VmFiR,
299. .addGamePopout-2RY8Ju,
300. .container-2dqNWc,
301. .container-2VW0UT,
302. .sidebar-2K8pFh.hideElement .container-3baos1,
303. .popoutContainer-1MXdqN,
304. .popoutWrapper-eJpzc1,
305. .participantsButton-KYW-IW,
306. .subscribeTooltipWrapper-32-Ce8,
307. .container-3LUQwT,
308. .popout-VcNcHB,
309. .attachPopout-36hjtN,
310. .contentWrapper-SvZHNd,
311. .autocomplete-3l_oCd,
312. .autocomplete-1vrmpx,
313. .container-2VW0UT,
314. .sidebar-2K8pFh.hideElement .container-3baos1,
315. .guildSettingsAuditLogsUserFilterPopout-3Jg5NE {
316.   position: relative;
317.   background-color: transparent;
318.   border-radius: var(--popout-radius);
319.   box-shadow: var(--popout-shadow) !important;
320.   /*overflow: hidden;*/ }
321.  
322. .appMount-3lHmkl [role=menu]:before,
323. .userPopout-3XzG_A:before,
324. .root-1gCeng:before,
325. .root-SR8cQa:before,
326. .root-2QSv-c:before,
327. .root-3JVdIJ:before,
328. .modalRoot-1Kx4Hb:before,
329. .modal-yWgWj-:before,
330. .container-1r6BKw.themed-ANHk51:before,
331. .wrapper-2aW0bm:before,
332. .authBox-hW6HRx:before,
333. .channelHeader-3Gd2xq:before,
334. .quickswitcher-3JagVE:before,
335. .popout-38lTFE:before,
336. .wrapper-1rqM3x:before,
337. .messagesPopoutWrap-1MQ1bW:before,
338. .container-enaOkj:before,
339. .noiseCancellationPopout-iRK2A0:before,
340. .uploadModal-2ifh8j:before,
341. .container-3ayLPN:before,
342. .toolbar-2bjZV7:after,
343. .toast:before,
344. .bd-toast:before,
345. .popout-2sKjHu:before,
346. .css-n57xjs-menu:before,
347. .css-3vaxre-menu:before,
348. .popoutList-T9CKZQ:before,
349. .container-VSDcQc:before,
350. .bgScale-1otPtc:before,
351. .container-2x5lvQ:before,
352. .streamPreview-2-WUWT:before,
353. .incomingCallInner-2VmFiR:before,
354. .contentWrapper-3WC1ID:before,
355. .addGamePopout-2RY8Ju:before,
356. .container-2dqNWc:before,
357. .popoutContainer-1MXdqN:before,
358. .popoutWrapper-eJpzc1:before,
359. .participantsButton-KYW-IW:before,
360. .subscribeTooltipWrapper-32-Ce8:before,
361. .container-3LUQwT:before,
362. .popout-VcNcHB:before,
363. .attachPopout-36hjtN:before,
364. .contentWrapper-SvZHNd:before,
365. .autocomplete-3l_oCd:before,
366. .autocomplete-1vrmpx:before,
367. .container-2VW0UT:before,
368. .sidebar-2K8pFh.hideElement .container-3baos1:before,
369. .guildSettingsAuditLogsUserFilterPopout-3Jg5NE:before {
370.   position: absolute;
371.   content: " ";
372.   width: 100%;
373.   height: 100%;
374.   top: 0;
375.   left: 0;
376.   background-color: var(--popout-color);
377.   border-radius: var(--popout-radius);
378.   backdrop-filter: blur(var(--popout-blur));
379.   pointer-events: none;
380.   transition: var(--transition-time) var(--transition-type);
381.   z-index: -1; }
382.  
383. .appMount-3lHmkl [role=menu]:before {
384.   z-index: auto; }
385.  
386. /* fallbacks */
387. .attachPopout-36hjtN,
388. .contentWrapper-SvZHNd,
389. .autocomplete-3l_oCd,
390. .autocomplete-1vrmpx,
391. .popouts-2bnG9Z .userPopout-3XzG_A,
392. .container-2VW0UT,
393. .guildSettingsAuditLogsUserFilterPopout-3Jg5NE {
394.   overflow: hidden; }
395.  
396. .attachPopout-36hjtN:before,
397. .contentWrapper-SvZHNd:before,
398. .autocomplete-3l_oCd:before,
399. .autocomplete-1vrmpx:before,
400. .popouts-2bnG9Z .userPopout-3XzG_A:before,
401. .container-2VW0UT:before,
402. .sidebar-2K8pFh.hideElement .container-3baos1:before,
403. .guildSettingsAuditLogsUserFilterPopout-3Jg5NE:before {
404.   height: calc(100% + var(--popout-blur) * 5);
405.   width: calc(100% + var(--popout-blur) * 5);
406.   top: calc(var(--popout-blur) / -1 * 2.5);
407.   left: calc(var(--popout-blur) / -1 * 2.5);
408.   background-color: transparent;
409.   background-image: var(--app-bg);
410.   background-repeat: no-repeat;
411.   background-position: center;
412.   background-size: cover;
413.   background-attachment: fixed;
414.   box-shadow: inset 0 0 0 100vmax rgba(0, 0, 0, 0.65);
415.   filter: blur(var(--popout-blur));
416.   backdrop-filter: none; }
417.  
418. /* */
419. .backdrop-1wrmKB,
420. .backdropWithLayer-3_uhz4 {
421.   background-color: rgba(0, 0, 0, 0.3) !important;
422.   backdrop-filter: blur(calc(var(--popout-blur) * 1.4));
423.   opacity: 1 !important; }
424.  
425. .popouts-2bnG9Z + div:not(:empty) + div:not([class]) + .layerContainer-yqaFcK .backdropWithLayer-3_uhz4 {
426.   opacity: 0 !important; }
427.  
428. [class*="theme-"] .modal-yWgWj-,
429. [class*="theme-"] .footer-2gL1pp,
430. [class*="theme-"] .footer-3mqk7D,
431. [class*="theme-"] .popout-38lTFE,
432. .messagesPopoutWrap-1MQ1bW {
433.   background-color: transparent; }
434.  
435. .root-1gCeng .modal-yWgWj-:before {
436.   display: none; }
437.  
438. .small-3iVZYw {
439.   min-height: 100px; }
440.  
441. .header-1TKi98,
442. .header-1TKi98.separator-2-RRj_ {
443.   box-shadow: var(--popout-header-shadow); }
444.  
445. .content-1LAB8Z {
446.   padding-top: 16px; }
447.  
448. [class*="theme-"] .footer-2gL1pp {
449.   box-shadow: none; }
450.  
451. /* MODALS -> TOOLTIPS */
452. .subscribeTooltipWrapper-32-Ce8:after {
453.   display: none; }
454.  
455. /* MODALS -> LOGIN */
456. [class*="theme-"] .authBox-hW6HRx {
457.   background-color: var(--popout-color); }
458.  
459. [class*="theme-"] .authBox-hW6HRx:before {
460.   background-image: none; }
461.  
462. .image-2jyRAK,
463. .canvas-3XuBXe,
464. .fallbackImage-31Sk4m {
465.   display: none; }
466.  
467. .leftSplit-1qOwnR {
468.   max-width: 100%; }
469.  
470. /* MODALS -> CREATE SERVER */
471. .container-1CE3eW {
472.   --modal-header-text: #ddd;
473.   --modal-normal-text: #aaa; }
474.  
475. .header-3msK0M,
476. .header-287ONi,
477. .header-1TKi98 {
478.   padding: 24px 16px 12px; }
479.  
480. .header-3msK0M .title-3w8xhj,
481. .header-287ONi .title-Z_XiOC,
482. .header-1TKi98 .title-XLSR78,
483. .footer-1NnaNd .colorStandard-2KCXvj {
484.   color: var(--modal-header-text); }
485.  
486. .container-1CE3eW .colorHeaderSecondary-3Sp3Ft {
487.   color: var(--modal-normal-text); }
488.  
489. .container-1CE3eW .lookBlank-3eh9lL,
490. [class*="theme-"] .container-1CE3eW .lookLink-9FtZy-.colorPrimary-3b3xI6 {
491.   color: var(--modal-normal-text); }
492.  
493. .iconContainer-2B0ixr path {
494.   fill: var(--modal-normal-text); }
495.  
496. .iconContainer-2B0ixr circle {
497.   fill: var(--app-accent); }
498.  
499. .iconContainer-2B0ixr circle + path {
500.   fill: var(--app-accent-text); }
501.  
502. [class*="theme-"] .footer-1NnaNd {
503.   box-shadow: none; }
504.  
505. /* MODALS -> CREATE SERVER -> OPTIONS */
506. .templatesList-2E6rTe {
507.   margin-top: 0;
508.   padding-top: 16px; }
509.  
510. .container-UC8Ug1 {
511.   background-color: var(--card-color);
512.   border-radius: var(--card-radius);
513.   border: none; }
514.  
515. .container-UC8Ug1:hover {
516.   background-color: var(--card-color-hover); }
517.  
518. .container-UC8Ug1 .colorStandard-2KCXvj {
519.   color: var(--modal-normal-text); }
520.  
521. /* MODALS -> JOIN SERVER */
522. .input--jS-j2 {
523.   background-color: transparent; }
524.  
525. .formTitle-aeXUoN {
526.   color: var(--modal-normal-text); }
527.  
528. .sampleLink-2NLvZg {
529.   color: #999; }
530.  
531. /* MODALS -> PINNED MESSAGES */
532. .iconBadge-qZ4Ksk {
533.   background-color: var(--app-accent);
534.   background-image: var(--app-accent-image);
535.   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); }
536.  
537. #pinned-messages,
538. .messagesPopoutWrap-1MQ1bW {
539.   max-height: 80vh !important; }
540.  
541. .header-ykumBX {
542.   background-color: transparent;
543.   box-shadow: var(--popout-header-shadow); }
544.  
545. .messagesPopout-24nkyi {
546.   padding: 16px 0 0 8px; }
547.  
548. .messageGroupWrapper-o-Zw7G {
549.   margin-bottom: 16px;
550.   background-color: transparent;
551.   border: none; }
552.   .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT {
553.     margin-left: 56px !important;
554.     margin-right: 16px !important;
555.     background-color: var(--messages-color);
556.     border-radius: var(--messages-radius); }
557.     .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT .contents-2mQqc9,
558.     .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT .container-1ov-mD {
559.       overflow: hidden; }
560.  
561. .footer-1kmXd4 {
562.   background-color: transparent; }
563.  
564. /* MODALS -> SEARCH SERVER */
565. [class*="theme-"] .container-3ayLPN {
566.   background-color: transparent; }
567.  
568. [class*="theme-"] .option-96V44q.selected-rZcOL- {
569.   background-color: var(--background-modifier-hover); }
570.  
571. .option-96V44q:after {
572.   display: none; }
573.  
574. [class*="theme-"] .focused-2bY0OD {
575.   background-color: transparent; }
576.  
577. [class*="theme-"] .queryContainer-RKFJW- {
578.   border: none;
579.   box-shadow: var(--popout-header-shadow); }
580.  
581. .resultsGroup-r_nuzN:before {
582.   display: none; }
583.  
584. /* MODALS -> INBOX */
585. .scroller-2UmRce,
586. .scroller-tlc3kG {
587.   margin-top: 16px;
588.   padding: 0 16px 8px 16px; }
589.  
590. .container-3iAQ-0,
591. .channel-3pEHab {
592.   margin: 0;
593.   margin-bottom: 16px;
594.   padding-left: 0;
595.   padding-right: 0; }
596.  
597. .channel-3pEHab {
598.   margin: 0 0 24px;
599.   padding-bottom: 0; }
600.  
601. .channelHeader-3Gd2xq,
602. .messageContainer-gbhlwo {
603.   background-color: transparent; }
604.  
605. .channelHeader-3Gd2xq {
606.   padding: 12px 16px;
607.   background-color: transparent; }
608.   .channelHeader-3Gd2xq:before {
609.     background-color: var(--messages-color);
610.     border-radius: var(--messages-radius); }
611.  
612. .messageContainer-gbhlwo {
613.   padding: 16px 0; }
614.  
615. .message-2DieIs,
616. .message-2g38UB {
617.   overflow: visible; }
618.  
619. .messages-3G3erD {
620.   padding: 16px 0;
621.   background-color: transparent; }
622.  
623. .messageContainer-gbhlwo .cozy-3raOZG.wrapper-2a6GCs,
624. .messageContainer-1ei2zM .cozy-3raOZG.wrapper-2a6GCs {
625.   margin-left: 88px;
626.   margin-right: 0; }
627.  
628. .messageContainer-1ei2zM .cozy-3raOZG.wrapper-2a6GCs:not(.groupStart-23k01U) {
629.   margin-top: 2px; }
630.  
631. .container-1ov-mD {
632.   overflow: hidden; }
633.  
634. /* MODALS -> USER POPOUT */
635. [class*="theme-"] .headerNormal-T_seeN {
636.   background-color: rgba(0, 0, 0, var(--popout-header-opacity)); }
637.  
638. .headerPlaying-j0WQBV {
639.   background-color: rgba(var(--nowplaying-color), var(--popout-header-opacity)); }
640.  
641. .headerStreaming-2FjmGz {
642.   background-color: rgba(var(--streaming-color), var(--popout-header-opacity)); }
643.  
644. .headerSpotify-zpWxgT {
645.   background-color: rgba(var(--spotify-color), var(--popout-header-opacity)); }
646.  
647. .headerStreaming-2FjmGz .anchor-3Z-8Bb,
648. .headerSpotify-zpWxgT .anchor-3Z-8Bb {
649.   color: #fff; }
650.  
651. [class*="theme-"] .root-1gCeng {
652.   background-color: transparent; }
653.  
654. [class*="theme-"] .body-3iLsc4,
655. [class*="theme-"] .footer-1fjuF6 {
656.   background-color: transparent; }
657.  
658. .note-3HfJZ5 .textarea-2r0oV8 {
659.   background-color: transparent !important; }
660.  
661. .footer-1fjuF6 {
662.   padding: 8px 16px 16px; }
663.  
664. .quickMessage-1yeL4E {
665.   border-radius: 18px !important; }
666.  
667. /* MODALS -> USER PROFILE */
668. .topSectionNormal-2-vo2m {
669.   background-color: rgba(0, 0, 0, var(--popout-header-opacity)); }
670.  
671. .topSectionPlaying-1J5E4n {
672.   background-color: rgba(var(--nowplaying-color), var(--popout-header-opacity)); }
673.  
674. .topSectionStreaming-1Tpf5X {
675.   background-color: rgba(var(--streaming-color), var(--popout-header-opacity)); }
676.  
677. .topSectionSpotify-1lI0-P {
678.   background-color: rgba(var(--spotify-color), var(--popout-header-opacity)); }
679.  
680. .topSectionStreaming-1Tpf5X .anchor-3Z-8Bb,
681. .topSectionSpotify-1lI0-P .anchor-3Z-8Bb {
682.   color: #fff; }
683.  
684. .body-3ND3kc {
685.   background-color: transparent; }
686.  
687. .note-QfFU8y textarea {
688.   padding: 9px 8px;
689.   border-radius: var(--input-radius); }
690.  
691. /* MODALS -> UPLOAD */
692. .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K {
693.   height: 91px;
694.   margin-bottom: 8px; }
695.   .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr,
696.   .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.audio-14DQXq {
697.     width: 76px;
698.     height: 76px;
699.     margin-top: 0;
700.     background-size: contain; }
701.   .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.image-2yrs5j {
702.     width: 76px;
703.     height: 76px;
704.     margin-top: 12px;
705.     background-color: var(--card-color); }
706.   .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr:not(.image-2yrs5j) + .description-2ug5H_ {
707.     margin-top: 28px; }
708.  
709. .channelTextAreaUpload-3t7EIx {
710.   background-color: rgba(var(--textarea-color), 0.5);
711.   border-radius: 22px; }
712.  
713. /* MODALS -> UPLOAD -> DRAG AND DROP */
714. .uploadArea-3QgLtW {
715.   height: 100vh;
716.   top: -24px;
717.   background-color: rgba(0, 0, 0, 0.3) !important;
718.   backdrop-filter: blur(calc(var(--popout-blur) * 1.4)); }
719.  
720. .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .bgScale-1otPtc {
721.   background-color: transparent;
722.   border-radius: var(--popout-radius);
723.   box-shadow: var(--popout-shadow); }
724.  
725. .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo {
726.   border: none; }
727.  
728. /* MODALS -> INVITE */
729. .header-2Pz98J .inner-3ErfOT {
730.   height: 36px;
731.   padding: 0 8px; }
732.   .header-2Pz98J .inner-3ErfOT .input-1Rv96N {
733.     height: 100%;
734.     margin: 0; }
735.   .header-2Pz98J .inner-3ErfOT .iconLayout-1WxHy4 {
736.     height: 100%; }
737.  
738. .scroller-2hZ97C {
739.   padding-right: 12px !important; }
740.  
741. /* MODALS -> INVITED TO SERVER */
742. [class*="theme-"] .contentWrapper-3WC1ID {
743.   background-color: transparent; }
744.  
745. .pill-1dHPfk {
746.   background-color: var(--popout-color); }
747.  
748. .inviteSplash-40aHus {
749.   border-radius: 0 var(--popout-radius) var(--popout-radius) 0; }
750.  
751. /* MODALS -> INVITED TO SERVER -> WELCOME STUFF */
752. .optionContainer-15srkc {
753.   background-color: var(--card-color);
754.   border-radius: var(--card-radius); }
755.   .optionContainer-15srkc:hover {
756.     background-color: var(--card-color-hover); }
757.  
758. /*
759.  *
760.  *      CONTEXT MENU
761.  *
762.  */
763. .item-1tOPte {
764.   border-radius: var(--popout-radius); }
765.  
766. .colorDefault-2K3EoJ.focused-3afm-j,
767. .colorDefault-2K3EoJ:active:not(.hideInteraction-1iHO1O) {
768.   background-color: var(--app-accent);
769.   background-image: var(--app-accent-image);
770.   color: var(--app-accent-text); }
771.  
772. /*
773.  *
774.  *      BUTTONS
775.  *
776.  */
777. .button-38aScr {
778.   border-radius: var(--button-radius); }
779.  
780. .centerButton-3CaNcJ {
781.   border-radius: 50%; }
782.  
783. .lookLink-9FtZy-.colorBrand-3pXr91 {
784.   color: var(--app-accent); }
785.  
786. /* BUTTONS -> ACCENT BACKGROUND-COLOR */
787. /*.lookFilled-1Gx00P.colorBrand-3pXr91,
788. [class*="theme-"] .lookFilled-1Gx00P.colorPrimary-3b3xI6,
789. [class*="theme-"] .lookFilled-1Gx00P.hoverGreen-1gjdJc.hasHover-3X1-zV:hover,
790. [class*="theme-"] .lookFilled-1Gx00P.hoverGreen-1gjdJc.hasHover-3X1-zV:active,
791. .lookFilled-1Gx00P.colorGreen-29iAKY,
792. .lookFilled-1Gx00P.colorGrey-2DXtkV,
793. .lookInverted-2D7oAl.colorBrand-3pXr91,
794. .button-1YfofB.buttonColor-7qQbGO.buttonActive-3FrkXp,
795. .button-1YfofB.buttonColor-7qQbGO.fauxDisabled-2ik0Vw,
796. .button-1YfofB.buttonColor-7qQbGO:disabled,
797. [class*="theme-"] .questionMark-CWEQZn,
798. [class*="theme-"] .questionMark-CWEQZn .icon-3a_Jgd,
799. .button-3HqqDX,
800. .bd-pfbtn,
801. .bd-addon-list .bd-card-footer button {
802.         color: var(--button-text-color);
803.         overflow: hidden;
804. }*/
805. /*.lookFilled-1Gx00P,
806. .lookOutlined-3sRXeN,*/
807. [class*="theme-"] .lookFilled-1Gx00P.colorBrand-3pXr91, [class*="theme-"] .lookFilled-1Gx00P.colorPrimary-3b3xI6, [class*="theme-"] .lookFilled-1Gx00P.colorGreen-29iAKY, [class*="theme-"] .lookFilled-1Gx00P.colorGrey-2DXtkV, [class*="theme-"] .lookFilled-1Gx00P.colorRed-1TFJan, [class*="theme-"] .lookFilled-1Gx00P.primaryDark-3mSFDl, [class*="theme-"] .lookFilled-1Gx00P.white-3GPOIp, [class*="theme-"] .lookFilled-1Gx00P.white-3GPOIp.active-1QRrIS,
808. [class*="theme-"] .lookOutlined-3sRXeN.colorBrand-3pXr91,
809. [class*="theme-"] .lookOutlined-3sRXeN.colorPrimary-3b3xI6,
810. [class*="theme-"] .lookOutlined-3sRXeN.colorGreen-29iAKY,
811. [class*="theme-"] .lookOutlined-3sRXeN.colorGrey-2DXtkV,
812. [class*="theme-"] .lookOutlined-3sRXeN.colorRed-1TFJan,
813. [class*="theme-"] .lookOutlined-3sRXeN.primaryDark-3mSFDl,
814. [class*="theme-"] .lookOutlined-3sRXeN.white-3GPOIp,
815. [class*="theme-"] .lookOutlined-3sRXeN.white-3GPOIp.active-1QRrIS,
816. .colorable-1bkp8v.colorBrand-3pXr91,
817. .colorable-1bkp8v.colorPrimary-3b3xI6,
818. .colorable-1bkp8v.colorGreen-29iAKY,
819. .colorable-1bkp8v.colorGrey-2DXtkV,
820. .colorable-1bkp8v.colorRed-1TFJan,
821. .colorable-1bkp8v.primaryDark-3mSFDl,
822. .colorable-1bkp8v.white-3GPOIp,
823. .colorable-1bkp8v.white-3GPOIp.active-1QRrIS {
824.   background-color: var(--button-color);
825.   border: none;
826.   overflow: hidden; }
827.   [class*="theme-"] .lookFilled-1Gx00P.colorBrand-3pXr91:hover, [class*="theme-"] .lookFilled-1Gx00P.colorBrand-3pXr91:active, [class*="theme-"] .lookFilled-1Gx00P.colorBrand-3pXr91:disabled, [class*="theme-"] .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover, [class*="theme-"] .lookFilled-1Gx00P.colorPrimary-3b3xI6:active, [class*="theme-"] .lookFilled-1Gx00P.colorPrimary-3b3xI6:disabled, [class*="theme-"] .lookFilled-1Gx00P.colorGreen-29iAKY:hover, [class*="theme-"] .lookFilled-1Gx00P.colorGreen-29iAKY:active, [class*="theme-"] .lookFilled-1Gx00P.colorGreen-29iAKY:disabled, [class*="theme-"] .lookFilled-1Gx00P.colorGrey-2DXtkV:hover, [class*="theme-"] .lookFilled-1Gx00P.colorGrey-2DXtkV:active, [class*="theme-"] .lookFilled-1Gx00P.colorGrey-2DXtkV:disabled, [class*="theme-"] .lookFilled-1Gx00P.colorRed-1TFJan:hover, [class*="theme-"] .lookFilled-1Gx00P.colorRed-1TFJan:active, [class*="theme-"] .lookFilled-1Gx00P.colorRed-1TFJan:disabled, [class*="theme-"] .lookFilled-1Gx00P.primaryDark-3mSFDl:hover, [class*="theme-"] .lookFilled-1Gx00P.primaryDark-3mSFDl:active, [class*="theme-"] .lookFilled-1Gx00P.primaryDark-3mSFDl:disabled, [class*="theme-"] .lookFilled-1Gx00P.white-3GPOIp:hover, [class*="theme-"] .lookFilled-1Gx00P.white-3GPOIp:active, [class*="theme-"] .lookFilled-1Gx00P.white-3GPOIp:disabled, [class*="theme-"] .lookFilled-1Gx00P.white-3GPOIp.active-1QRrIS:hover, [class*="theme-"] .lookFilled-1Gx00P.white-3GPOIp.active-1QRrIS:active, [class*="theme-"] .lookFilled-1Gx00P.white-3GPOIp.active-1QRrIS:disabled,
828.   [class*="theme-"] .lookOutlined-3sRXeN.colorBrand-3pXr91:hover,
829.   [class*="theme-"] .lookOutlined-3sRXeN.colorBrand-3pXr91:active,
830.   [class*="theme-"] .lookOutlined-3sRXeN.colorBrand-3pXr91:disabled,
831.   [class*="theme-"] .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover,
832.   [class*="theme-"] .lookOutlined-3sRXeN.colorPrimary-3b3xI6:active,
833.   [class*="theme-"] .lookOutlined-3sRXeN.colorPrimary-3b3xI6:disabled,
834.   [class*="theme-"] .lookOutlined-3sRXeN.colorGreen-29iAKY:hover,
835.   [class*="theme-"] .lookOutlined-3sRXeN.colorGreen-29iAKY:active,
836.   [class*="theme-"] .lookOutlined-3sRXeN.colorGreen-29iAKY:disabled,
837.   [class*="theme-"] .lookOutlined-3sRXeN.colorGrey-2DXtkV:hover,
838.   [class*="theme-"] .lookOutlined-3sRXeN.colorGrey-2DXtkV:active,
839.   [class*="theme-"] .lookOutlined-3sRXeN.colorGrey-2DXtkV:disabled,
840.   [class*="theme-"] .lookOutlined-3sRXeN.colorRed-1TFJan:hover,
841.   [class*="theme-"] .lookOutlined-3sRXeN.colorRed-1TFJan:active,
842.   [class*="theme-"] .lookOutlined-3sRXeN.colorRed-1TFJan:disabled,
843.   [class*="theme-"] .lookOutlined-3sRXeN.primaryDark-3mSFDl:hover,
844.   [class*="theme-"] .lookOutlined-3sRXeN.primaryDark-3mSFDl:active,
845.   [class*="theme-"] .lookOutlined-3sRXeN.primaryDark-3mSFDl:disabled,
846.   [class*="theme-"] .lookOutlined-3sRXeN.white-3GPOIp:hover,
847.   [class*="theme-"] .lookOutlined-3sRXeN.white-3GPOIp:active,
848.   [class*="theme-"] .lookOutlined-3sRXeN.white-3GPOIp:disabled,
849.   [class*="theme-"] .lookOutlined-3sRXeN.white-3GPOIp.active-1QRrIS:hover,
850.   [class*="theme-"] .lookOutlined-3sRXeN.white-3GPOIp.active-1QRrIS:active,
851.   [class*="theme-"] .lookOutlined-3sRXeN.white-3GPOIp.active-1QRrIS:disabled,
852.   .colorable-1bkp8v.colorBrand-3pXr91:hover,
853.   .colorable-1bkp8v.colorBrand-3pXr91:active,
854.   .colorable-1bkp8v.colorBrand-3pXr91:disabled,
855.   .colorable-1bkp8v.colorPrimary-3b3xI6:hover,
856.   .colorable-1bkp8v.colorPrimary-3b3xI6:active,
857.   .colorable-1bkp8v.colorPrimary-3b3xI6:disabled,
858.   .colorable-1bkp8v.colorGreen-29iAKY:hover,
859.   .colorable-1bkp8v.colorGreen-29iAKY:active,
860.   .colorable-1bkp8v.colorGreen-29iAKY:disabled,
861.   .colorable-1bkp8v.colorGrey-2DXtkV:hover,
862.   .colorable-1bkp8v.colorGrey-2DXtkV:active,
863.   .colorable-1bkp8v.colorGrey-2DXtkV:disabled,
864.   .colorable-1bkp8v.colorRed-1TFJan:hover,
865.   .colorable-1bkp8v.colorRed-1TFJan:active,
866.   .colorable-1bkp8v.colorRed-1TFJan:disabled,
867.   .colorable-1bkp8v.primaryDark-3mSFDl:hover,
868.   .colorable-1bkp8v.primaryDark-3mSFDl:active,
869.   .colorable-1bkp8v.primaryDark-3mSFDl:disabled,
870.   .colorable-1bkp8v.white-3GPOIp:hover,
871.   .colorable-1bkp8v.white-3GPOIp:active,
872.   .colorable-1bkp8v.white-3GPOIp:disabled,
873.   .colorable-1bkp8v.white-3GPOIp.active-1QRrIS:hover,
874.   .colorable-1bkp8v.white-3GPOIp.active-1QRrIS:active,
875.   .colorable-1bkp8v.white-3GPOIp.active-1QRrIS:disabled {
876.     background-color: var(--button-color); }
877.   [class*="theme-"] .lookFilled-1Gx00P.colorBrand-3pXr91:before, [class*="theme-"] .lookFilled-1Gx00P.colorPrimary-3b3xI6:before, [class*="theme-"] .lookFilled-1Gx00P.colorGreen-29iAKY:before, [class*="theme-"] .lookFilled-1Gx00P.colorGrey-2DXtkV:before, [class*="theme-"] .lookFilled-1Gx00P.colorRed-1TFJan:before, [class*="theme-"] .lookFilled-1Gx00P.primaryDark-3mSFDl:before, [class*="theme-"] .lookFilled-1Gx00P.white-3GPOIp:before, [class*="theme-"] .lookFilled-1Gx00P.white-3GPOIp.active-1QRrIS:before,
878.   [class*="theme-"] .lookOutlined-3sRXeN.colorBrand-3pXr91:before,
879.   [class*="theme-"] .lookOutlined-3sRXeN.colorPrimary-3b3xI6:before,
880.   [class*="theme-"] .lookOutlined-3sRXeN.colorGreen-29iAKY:before,
881.   [class*="theme-"] .lookOutlined-3sRXeN.colorGrey-2DXtkV:before,
882.   [class*="theme-"] .lookOutlined-3sRXeN.colorRed-1TFJan:before,
883.   [class*="theme-"] .lookOutlined-3sRXeN.primaryDark-3mSFDl:before,
884.   [class*="theme-"] .lookOutlined-3sRXeN.white-3GPOIp:before,
885.   [class*="theme-"] .lookOutlined-3sRXeN.white-3GPOIp.active-1QRrIS:before,
886.   .colorable-1bkp8v.colorBrand-3pXr91:before,
887.   .colorable-1bkp8v.colorPrimary-3b3xI6:before,
888.   .colorable-1bkp8v.colorGreen-29iAKY:before,
889.   .colorable-1bkp8v.colorGrey-2DXtkV:before,
890.   .colorable-1bkp8v.colorRed-1TFJan:before,
891.   .colorable-1bkp8v.primaryDark-3mSFDl:before,
892.   .colorable-1bkp8v.white-3GPOIp:before,
893.   .colorable-1bkp8v.white-3GPOIp.active-1QRrIS:before {
894.     position: absolute;
895.     content: " ";
896.     width: 100%;
897.     height: 100%;
898.     top: 0;
899.     left: 0;
900.     background-color: var(--button-action-color);
901.     opacity: 0;
902.     pointer-events: none;
903.     transition: var(--transition-time) var(--transition-type); }
904.   [class*="theme-"] .lookFilled-1Gx00P.colorBrand-3pXr91:hover:before, [class*="theme-"] .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover:before, [class*="theme-"] .lookFilled-1Gx00P.colorGreen-29iAKY:hover:before, [class*="theme-"] .lookFilled-1Gx00P.colorGrey-2DXtkV:hover:before, [class*="theme-"] .lookFilled-1Gx00P.colorRed-1TFJan:hover:before, [class*="theme-"] .lookFilled-1Gx00P.primaryDark-3mSFDl:hover:before, [class*="theme-"] .lookFilled-1Gx00P.white-3GPOIp:hover:before, [class*="theme-"] .lookFilled-1Gx00P.white-3GPOIp.active-1QRrIS:hover:before,
905.   [class*="theme-"] .lookOutlined-3sRXeN.colorBrand-3pXr91:hover:before,
906.   [class*="theme-"] .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover:before,
907.   [class*="theme-"] .lookOutlined-3sRXeN.colorGreen-29iAKY:hover:before,
908.   [class*="theme-"] .lookOutlined-3sRXeN.colorGrey-2DXtkV:hover:before,
909.   [class*="theme-"] .lookOutlined-3sRXeN.colorRed-1TFJan:hover:before,
910.   [class*="theme-"] .lookOutlined-3sRXeN.primaryDark-3mSFDl:hover:before,
911.   [class*="theme-"] .lookOutlined-3sRXeN.white-3GPOIp:hover:before,
912.   [class*="theme-"] .lookOutlined-3sRXeN.white-3GPOIp.active-1QRrIS:hover:before,
913.   .colorable-1bkp8v.colorBrand-3pXr91:hover:before,
914.   .colorable-1bkp8v.colorPrimary-3b3xI6:hover:before,
915.   .colorable-1bkp8v.colorGreen-29iAKY:hover:before,
916.   .colorable-1bkp8v.colorGrey-2DXtkV:hover:before,
917.   .colorable-1bkp8v.colorRed-1TFJan:hover:before,
918.   .colorable-1bkp8v.primaryDark-3mSFDl:hover:before,
919.   .colorable-1bkp8v.white-3GPOIp:hover:before,
920.   .colorable-1bkp8v.white-3GPOIp.active-1QRrIS:hover:before {
921.     opacity: 0.075; }
922.   [class*="theme-"] .lookFilled-1Gx00P.colorBrand-3pXr91:active:before, [class*="theme-"] .lookFilled-1Gx00P.colorPrimary-3b3xI6:active:before, [class*="theme-"] .lookFilled-1Gx00P.colorGreen-29iAKY:active:before, [class*="theme-"] .lookFilled-1Gx00P.colorGrey-2DXtkV:active:before, [class*="theme-"] .lookFilled-1Gx00P.colorRed-1TFJan:active:before, [class*="theme-"] .lookFilled-1Gx00P.primaryDark-3mSFDl:active:before, [class*="theme-"] .lookFilled-1Gx00P.white-3GPOIp:active:before, [class*="theme-"] .lookFilled-1Gx00P.white-3GPOIp.active-1QRrIS:active:before,
923.   [class*="theme-"] .lookOutlined-3sRXeN.colorBrand-3pXr91:active:before,
924.   [class*="theme-"] .lookOutlined-3sRXeN.colorPrimary-3b3xI6:active:before,
925.   [class*="theme-"] .lookOutlined-3sRXeN.colorGreen-29iAKY:active:before,
926.   [class*="theme-"] .lookOutlined-3sRXeN.colorGrey-2DXtkV:active:before,
927.   [class*="theme-"] .lookOutlined-3sRXeN.colorRed-1TFJan:active:before,
928.   [class*="theme-"] .lookOutlined-3sRXeN.primaryDark-3mSFDl:active:before,
929.   [class*="theme-"] .lookOutlined-3sRXeN.white-3GPOIp:active:before,
930.   [class*="theme-"] .lookOutlined-3sRXeN.white-3GPOIp.active-1QRrIS:active:before,
931.   .colorable-1bkp8v.colorBrand-3pXr91:active:before,
932.   .colorable-1bkp8v.colorPrimary-3b3xI6:active:before,
933.   .colorable-1bkp8v.colorGreen-29iAKY:active:before,
934.   .colorable-1bkp8v.colorGrey-2DXtkV:active:before,
935.   .colorable-1bkp8v.colorRed-1TFJan:active:before,
936.   .colorable-1bkp8v.primaryDark-3mSFDl:active:before,
937.   .colorable-1bkp8v.white-3GPOIp:active:before,
938.   .colorable-1bkp8v.white-3GPOIp.active-1QRrIS:active:before {
939.     opacity: 0.15; }
940.   [class*="theme-"] .lookFilled-1Gx00P.colorBrand-3pXr91 .contents-18-Yxp,
941.   [class*="theme-"] .lookFilled-1Gx00P.colorBrand-3pXr91 .centerIcon-2G6o-T, [class*="theme-"] .lookFilled-1Gx00P.colorPrimary-3b3xI6 .contents-18-Yxp,
942.   [class*="theme-"] .lookFilled-1Gx00P.colorPrimary-3b3xI6 .centerIcon-2G6o-T, [class*="theme-"] .lookFilled-1Gx00P.colorGreen-29iAKY .contents-18-Yxp,
943.   [class*="theme-"] .lookFilled-1Gx00P.colorGreen-29iAKY .centerIcon-2G6o-T, [class*="theme-"] .lookFilled-1Gx00P.colorGrey-2DXtkV .contents-18-Yxp,
944.   [class*="theme-"] .lookFilled-1Gx00P.colorGrey-2DXtkV .centerIcon-2G6o-T, [class*="theme-"] .lookFilled-1Gx00P.colorRed-1TFJan .contents-18-Yxp,
945.   [class*="theme-"] .lookFilled-1Gx00P.colorRed-1TFJan .centerIcon-2G6o-T, [class*="theme-"] .lookFilled-1Gx00P.primaryDark-3mSFDl .contents-18-Yxp,
946.   [class*="theme-"] .lookFilled-1Gx00P.primaryDark-3mSFDl .centerIcon-2G6o-T, [class*="theme-"] .lookFilled-1Gx00P.white-3GPOIp .contents-18-Yxp,
947.   [class*="theme-"] .lookFilled-1Gx00P.white-3GPOIp .centerIcon-2G6o-T, [class*="theme-"] .lookFilled-1Gx00P.white-3GPOIp.active-1QRrIS .contents-18-Yxp,
948.   [class*="theme-"] .lookFilled-1Gx00P.white-3GPOIp.active-1QRrIS .centerIcon-2G6o-T,
949.   [class*="theme-"] .lookOutlined-3sRXeN.colorBrand-3pXr91 .contents-18-Yxp,
950.   [class*="theme-"] .lookOutlined-3sRXeN.colorBrand-3pXr91 .centerIcon-2G6o-T,
951.   [class*="theme-"] .lookOutlined-3sRXeN.colorPrimary-3b3xI6 .contents-18-Yxp,
952.   [class*="theme-"] .lookOutlined-3sRXeN.colorPrimary-3b3xI6 .centerIcon-2G6o-T,
953.   [class*="theme-"] .lookOutlined-3sRXeN.colorGreen-29iAKY .contents-18-Yxp,
954.   [class*="theme-"] .lookOutlined-3sRXeN.colorGreen-29iAKY .centerIcon-2G6o-T,
955.   [class*="theme-"] .lookOutlined-3sRXeN.colorGrey-2DXtkV .contents-18-Yxp,
956.   [class*="theme-"] .lookOutlined-3sRXeN.colorGrey-2DXtkV .centerIcon-2G6o-T,
957.   [class*="theme-"] .lookOutlined-3sRXeN.colorRed-1TFJan .contents-18-Yxp,
958.   [class*="theme-"] .lookOutlined-3sRXeN.colorRed-1TFJan .centerIcon-2G6o-T,
959.   [class*="theme-"] .lookOutlined-3sRXeN.primaryDark-3mSFDl .contents-18-Yxp,
960.   [class*="theme-"] .lookOutlined-3sRXeN.primaryDark-3mSFDl .centerIcon-2G6o-T,
961.   [class*="theme-"] .lookOutlined-3sRXeN.white-3GPOIp .contents-18-Yxp,
962.   [class*="theme-"] .lookOutlined-3sRXeN.white-3GPOIp .centerIcon-2G6o-T,
963.   [class*="theme-"] .lookOutlined-3sRXeN.white-3GPOIp.active-1QRrIS .contents-18-Yxp,
964.   [class*="theme-"] .lookOutlined-3sRXeN.white-3GPOIp.active-1QRrIS .centerIcon-2G6o-T,
965.   .colorable-1bkp8v.colorBrand-3pXr91 .contents-18-Yxp,
966.   .colorable-1bkp8v.colorBrand-3pXr91 .centerIcon-2G6o-T,
967.   .colorable-1bkp8v.colorPrimary-3b3xI6 .contents-18-Yxp,
968.   .colorable-1bkp8v.colorPrimary-3b3xI6 .centerIcon-2G6o-T,
969.   .colorable-1bkp8v.colorGreen-29iAKY .contents-18-Yxp,
970.   .colorable-1bkp8v.colorGreen-29iAKY .centerIcon-2G6o-T,
971.   .colorable-1bkp8v.colorGrey-2DXtkV .contents-18-Yxp,
972.   .colorable-1bkp8v.colorGrey-2DXtkV .centerIcon-2G6o-T,
973.   .colorable-1bkp8v.colorRed-1TFJan .contents-18-Yxp,
974.   .colorable-1bkp8v.colorRed-1TFJan .centerIcon-2G6o-T,
975.   .colorable-1bkp8v.primaryDark-3mSFDl .contents-18-Yxp,
976.   .colorable-1bkp8v.primaryDark-3mSFDl .centerIcon-2G6o-T,
977.   .colorable-1bkp8v.white-3GPOIp .contents-18-Yxp,
978.   .colorable-1bkp8v.white-3GPOIp .centerIcon-2G6o-T,
979.   .colorable-1bkp8v.white-3GPOIp.active-1QRrIS .contents-18-Yxp,
980.   .colorable-1bkp8v.white-3GPOIp.active-1QRrIS .centerIcon-2G6o-T {
981.     color: var(--button-text-color); }
982.  
983. [class*="theme-"] .lookFilled-1Gx00P.colorPrimary-3b3xI6,
984. [class*="theme-"] .lookFilled-1Gx00P.hoverGreen-1gjdJc.hasHover-3X1-zV,
985. .lookInverted-2D7oAl.colorBrand-3pXr91,
986. [class*="theme-"] .questionMark-CWEQZn,
987. .button-3HqqDX,
988. .bd-pfbtn,
989. .bd-addon-list .bd-card-footer button {
990.   background-color: var(--button-color);
991.   color: var(--button-text-color); }
992.   [class*="theme-"] .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover, [class*="theme-"] .lookFilled-1Gx00P.colorPrimary-3b3xI6:active,
993.   [class*="theme-"] .lookFilled-1Gx00P.hoverGreen-1gjdJc.hasHover-3X1-zV:hover,
994.   [class*="theme-"] .lookFilled-1Gx00P.hoverGreen-1gjdJc.hasHover-3X1-zV:active,
995.   .lookInverted-2D7oAl.colorBrand-3pXr91:hover,
996.   .lookInverted-2D7oAl.colorBrand-3pXr91:active,
997.   [class*="theme-"] .questionMark-CWEQZn:hover,
998.   [class*="theme-"] .questionMark-CWEQZn:active,
999.   .button-3HqqDX:hover,
1000.   .button-3HqqDX:active,
1001.   .bd-pfbtn:hover,
1002.   .bd-pfbtn:active,
1003.   .bd-addon-list .bd-card-footer button:hover,
1004.   .bd-addon-list .bd-card-footer button:active {
1005.     background-color: var(--button-color); }
1006.   [class*="theme-"] .lookFilled-1Gx00P.colorPrimary-3b3xI6 .contents-18-Yxp,
1007.   [class*="theme-"] .lookFilled-1Gx00P.hoverGreen-1gjdJc.hasHover-3X1-zV .contents-18-Yxp,
1008.   .lookInverted-2D7oAl.colorBrand-3pXr91 .contents-18-Yxp,
1009.   [class*="theme-"] .questionMark-CWEQZn .contents-18-Yxp,
1010.   .button-3HqqDX .contents-18-Yxp,
1011.   .bd-pfbtn .contents-18-Yxp,
1012.   .bd-addon-list .bd-card-footer button .contents-18-Yxp {
1013.     color: var(--button-text-color); }
1014.  
1015. .lookInverted-2D7oAl.colorBrand-3pXr91:before,
1016. .button-3HqqDX:before {
1017.   position: absolute;
1018.   content: " ";
1019.   width: 100%;
1020.   height: 100%;
1021.   top: 0;
1022.   left: 0;
1023.   background-color: var(--button-action-color);
1024.   opacity: 0.075;
1025.   pointer-events: none;
1026.   transition: var(--transition-time) var(--transition-type); }
1027. .lookInverted-2D7oAl.colorBrand-3pXr91:hover:before,
1028. .button-3HqqDX:hover:before {
1029.   opacity: 0.075; }
1030. .lookInverted-2D7oAl.colorBrand-3pXr91:active:before,
1031. .button-3HqqDX:active:before {
1032.   opacity: 0.15; }
1033.  
1034. .button-1YfofB.buttonColor-7qQbGO {
1035.   background-color: var(--button-color); }
1036.   .button-1YfofB.buttonColor-7qQbGO.buttonActive-3FrkXp, .button-1YfofB.buttonColor-7qQbGO.fauxDisabled-2ik0Vw {
1037.     background-color: var(--button-color); }
1038.     .button-1YfofB.buttonColor-7qQbGO.buttonActive-3FrkXp:hover, .button-1YfofB.buttonColor-7qQbGO.buttonActive-3FrkXp:active, .button-1YfofB.buttonColor-7qQbGO.buttonActive-3FrkXp:disabled, .button-1YfofB.buttonColor-7qQbGO.fauxDisabled-2ik0Vw:hover, .button-1YfofB.buttonColor-7qQbGO.fauxDisabled-2ik0Vw:active, .button-1YfofB.buttonColor-7qQbGO.fauxDisabled-2ik0Vw:disabled {
1039.       background-color: var(--button-color); }
1040.  
1041. /*.lookFilled-1Gx00P .contents-18-Yxp {
1042.         z-index: 2;
1043. }*/
1044. .lookFilled-1Gx00P.colorBrand-3pXr91:disabled:before,
1045. .lookFilled-1Gx00P.colorBrand-3pXr91.fauxDisabled-2ik0Vw:before {
1046.   display: none; }
1047.  
1048. /*
1049.  *
1050.  *      TOOLTIPS
1051.  *
1052.  */
1053. [class*="theme-"] .tooltipBlack-PPG47z,
1054. [class*="theme-"] .tooltipGrey-1hnvTt,
1055. [class*="theme-"] .tooltipRed-8-9NeP,
1056. [class*="theme-"] .tooltipBrand-g03Nz8 {
1057.   background-color: var(--app-accent);
1058.   background-image: var(--app-accent-image);
1059.   border-radius: var(--app-radius);
1060.   color: var(--app-accent-text); }
1061.  
1062. [class*="theme-"] .tooltipBlack-PPG47z .tooltipPointer-3ZfirK,
1063. [class*="theme-"] .tooltipGrey-1hnvTt .tooltipPointer-3ZfirK,
1064. [class*="theme-"] .tooltipRed-8-9NeP .tooltipPointer-3ZfirK,
1065. [class*="theme-"] .tooltipBrand-g03Nz8 .tooltipPointer-3ZfirK {
1066.   border-top-color: var(--app-accent); }
1067.  
1068. [class*="theme-"] .activityIcon-c4ew_N,
1069. [class*="theme-"] .tooltipGrey-1hnvTt,
1070. .title-2IIJok,
1071. .clickCTA-2B6Kbs {
1072.   color: var(--app-accent-text); }
1073.  
1074. /*
1075.  *
1076.  *      TOASTS
1077.  *
1078.  */
1079. .bd-toasts {
1080.   bottom: 96px !important; }
1081.  
1082. .toast,
1083. .bd-toast {
1084.   top: -56px;
1085.   margin-top: 8px;
1086.   padding: 10px !important;
1087.   border-radius: 17px;
1088.   box-shadow: var(--popout-shadow);
1089.   color: var(--text-normal); }
1090.   .toast:not(.toast-custom),
1091.   .bd-toast:not(.toast-custom) {
1092.     background-color: transparent !important;
1093.     background-image: none !important; }
1094.   .toast.toast-custom,
1095.   .bd-toast.toast-custom {
1096.     border-radius: 23px; }
1097.     .toast.toast-custom:before,
1098.     .bd-toast.toast-custom:before {
1099.       display: none !important; }
1100.  
1101. .bd-toast:before {
1102.   background-color: rgba(0, 0, 0, 0.5);
1103.   border-radius: 17px; }
1104.  
1105. /*
1106.  *
1107.  *      TITLEBARS
1108.  *
1109.  */
1110. .container-1r6BKw.themed-ANHk51 {
1111.   background-color: transparent;
1112.   overflow: hidden; }
1113.  
1114. .container-1r6BKw.themed-ANHk51:before {
1115.   background-color: transparent; }
1116.  
1117. .chat-3bRxxu .container-1r6BKw.themed-ANHk51,
1118. .libraryHeader-3g95kE.container-1r6BKw.themed-ANHk51:before {
1119.   background-color: transparent; }
1120.  
1121. .clickable-25tGDB .header-2V-4Sw:hover,
1122. .selected-31Nl7x .header-2V-4Sw {
1123.   background-color: transparent; }
1124.  
1125. .container-1r6BKw.themed-ANHk51,
1126. .header-2o-2hj,
1127. .header-2V-4Sw,
1128. .searchBar-6Kv8R2 {
1129.   box-shadow: var(--popout-header-shadow); }
1130.  
1131. .children-19S4PO:after {
1132.   display: none; }
1133.  
1134. /* TITLEBARS -> SEARCH BARS */
1135. .searchBar-3dMhjb,
1136. .searchBar-6Kv8R2 .searchBarComponent-32dTOx {
1137.   background-color: rgba(var(--textarea-color), 0.5);
1138.   border-radius: 12px; }
1139.  
1140. .searchBar-3dMhjb {
1141.   padding: 0 6px; }
1142.   .searchBar-3dMhjb .searchBarComponent-32dTOx {
1143.     padding: 0 8px;
1144.     border-radius: 14px; }
1145.  
1146. /*
1147.  *
1148.  *      INPUTS, TEXTAREAS, SELECTS
1149.  *
1150.  */
1151. input,
1152. textarea {
1153.   background-color: rgba(var(--textarea-color), 0.5) !important;
1154.   border: none !important;
1155.   color: var(--textarea-text-color) !important;
1156.   transition: var(--transition-time) var(--transition-type) !important; }
1157.   input:focus,
1158.   textarea:focus {
1159.     background-color: rgba(var(--textarea-color), 0.65) !important; }
1160.  
1161. input::-webkit-input-placeholder {
1162.   color: var(--textarea-text-color) !important;
1163.   opacity: 0.75; }
1164.  
1165. .input-cIJ7To {
1166.   background-color: transparent;
1167.   border: none; }
1168.  
1169. .inputDefault-_djjkz,
1170. .input-31cgnL {
1171.   height: var(--input-height);
1172.   border-radius: var(--input-radius); }
1173.  
1174. .copyInput-1T2hfb,
1175. .copyInput-2rOSt7 {
1176.   height: var(--input-height);
1177.   background-color: rgba(var(--textarea-color), 0.5) !important;
1178.   border-radius: var(--input-radius);
1179.   border: none;
1180.   transition: var(--transition-time) var(--transition-type); }
1181.   .copyInput-1T2hfb:focus-within,
1182.   .copyInput-2rOSt7:focus-within {
1183.     background-color: rgba(var(--textarea-color), 0.65) !important; }
1184.  
1185. .copyInput-1T2hfb + .copyButton-1I8hd3 {
1186.   margin-left: 12px; }
1187.  
1188. .copyInput-2rOSt7 .inputWrapper-2YT_dU {
1189.   margin-right: 0; }
1190.  
1191. .copyInput-1T2hfb .inputDefault-_djjkz,
1192. .copyInput-2rOSt7 .inputDefault-A2ud2y {
1193.   background-color: transparent !important; }
1194.  
1195. .copyInput-2rOSt7 .lookGhost-2Fn_0-.colorGrey-2DXtkV {
1196.   height: var(--input-height);
1197.   margin: 0 4px 0 0;
1198.   padding: 0 20px !important;
1199.   background-color: transparent; }
1200.  
1201. /* SELECTS */
1202. .lookFilled-1h1y05.select-1Pkeg4,
1203. .css-1a8reka-control,
1204. .css-2yldzf-control,
1205. .css-1yegjoj-control,
1206. .css-17yssst-control,
1207. .css-gd8if9-control,
1208. .css-gvi9bl-control,
1209. .css-6fzn47-control,
1210. .css-17e1tep-control,
1211. .css-118dehu-control {
1212.   min-height: var(--input-height);
1213.   background-color: rgba(var(--textarea-color), 0.5);
1214.   border-radius: 20px;
1215.   border: none;
1216.   transition: var(--transition-time) var(--transition-type); }
1217.  
1218. .css-118dehu-control {
1219.   background-color: rgba(var(--textarea-color), 0.3); }
1220.  
1221. .css-2yldzf-control {
1222.   background-color: rgba(var(--textarea-color), 0.65); }
1223.  
1224. .popout-2sKjHu,
1225. .css-n57xjs-menu,
1226. .css-3vaxre-menu {
1227.   margin-top: 8px;
1228.   background-color: transparent;
1229.   border-radius: var(--popout-radius);
1230.   border: none;
1231.   box-shadow: var(--popout-shadow); }
1232.  
1233. .optionActive-KkAdqq,
1234. .optionFocused-8MflSE,
1235. .css-1gnr91b-option,
1236. .css-1gnr91b-option:active,
1237. .css-rzbxvl-option,
1238. .css-rzbxvl-option:active {
1239.   background-color: var(--background-modifier-hover);
1240.   color: var(--text-normal); }
1241.  
1242. .css-12o7ek3-option,
1243. .css-1ba14n5-option {
1244.   background-color: var(--background-modifier-selected); }
1245.  
1246. .option-1mJRMP:first-child,
1247. .css-1gnr91b-option:first-child,
1248. .css-12o7ek3-option:first-child,
1249. .css-1ba14n5-option:first-child {
1250.   border-radius: var(--popout-radius) var(--popout-radius) 0 0; }
1251.  
1252. .option-1mJRMP:last-child,
1253. .css-1gnr91b-option:last-childm
1254. .css-1ba14n5-option:last-child {
1255.   border-radius: 0 0 var(--popout-radius) var(--popout-radius); }
1256.  
1257. .option-1mJRMP:only-child {
1258.   border-radius: var(--popout-radius); }
1259.  
1260. .css-7s2e5v {
1261.   opacity: 0; }
1262.  
1263. /*
1264.  *
1265.  *      SWITCHES, CHECKBOXES, RADIOS
1266.  *
1267.  */
1268. .barFill-23-gu- {
1269.   background: var(--app-accent); }
1270.  
1271. .grabber-3mFHz2 {
1272.   background-color: var(--app-accent-text);
1273.   border: none; }
1274.  
1275. /* SWITCHES */
1276. .themeDefault-24hCdX.valueChecked-m-4IJZ {
1277.   background-color: var(--app-accent) !important; }
1278.  
1279. .valueUnchecked-2lU_20:after,
1280. .themeDefault-24hCdX.sizeDefault-2YlOZr.valueUnchecked-2lU_20:after,
1281. .bd-switch:after {
1282.   background-color: #222 !important; }
1283.  
1284. .container-3auIfb[style*="background-color: rgb(82"] .slider-TkfMQL rect {
1285.   fill: #222 !important; }
1286.  
1287. .container-3auIfb[style*="background-color: rgb(83"] .slider-TkfMQL rect {
1288.   fill: #222 !important; }
1289.  
1290. .container-3auIfb[style*="background-color: rgb(84"] .slider-TkfMQL rect {
1291.   fill: #222 !important; }
1292.  
1293. .container-3auIfb[style*="background-color: rgb(85"] .slider-TkfMQL rect {
1294.   fill: #222 !important; }
1295.  
1296. .container-3auIfb[style*="background-color: rgb(86"] .slider-TkfMQL rect {
1297.   fill: #222 !important; }
1298.  
1299. .container-3auIfb[style*="background-color: rgb(87"] .slider-TkfMQL rect {
1300.   fill: #222 !important; }
1301.  
1302. .container-3auIfb[style*="background-color: rgb(88"] .slider-TkfMQL rect {
1303.   fill: #222 !important; }
1304.  
1305. .container-3auIfb[style*="background-color: rgb(89"] .slider-TkfMQL rect {
1306.   fill: #222 !important; }
1307.  
1308. .container-3auIfb[style*="background-color: rgb(90"] .slider-TkfMQL rect {
1309.   fill: #222 !important; }
1310.  
1311. .container-3auIfb[style*="background-color: rgb(91"] .slider-TkfMQL rect {
1312.   fill: #222 !important; }
1313.  
1314. .container-3auIfb[style*="background-color: rgb(92"] .slider-TkfMQL rect {
1315.   fill: #222 !important; }
1316.  
1317. .container-3auIfb[style*="background-color: rgb(93"] .slider-TkfMQL rect {
1318.   fill: #222 !important; }
1319.  
1320. .container-3auIfb[style*="background-color: rgb(94"] .slider-TkfMQL rect {
1321.   fill: #222 !important; }
1322.  
1323. .container-3auIfb[style*="background-color: rgb(95"] .slider-TkfMQL rect {
1324.   fill: #222 !important; }
1325.  
1326. .container-3auIfb[style*="background-color: rgb(96"] .slider-TkfMQL rect {
1327.   fill: #222 !important; }
1328.  
1329. .container-3auIfb[style*="background-color: rgb(97"] .slider-TkfMQL rect {
1330.   fill: #222 !important; }
1331.  
1332. .container-3auIfb[style*="background-color: rgb(98"] .slider-TkfMQL rect {
1333.   fill: #222 !important; }
1334.  
1335. .container-3auIfb[style*="background-color: rgb(99"] .slider-TkfMQL rect {
1336.   fill: #222 !important; }
1337.  
1338. .container-3auIfb[style*="background-color: rgb(100"] .slider-TkfMQL rect {
1339.   fill: #222 !important; }
1340.  
1341. .container-3auIfb[style*="background-color: rgb(101"] .slider-TkfMQL rect {
1342.   fill: #222 !important; }
1343.  
1344. .container-3auIfb[style*="background-color: rgb(102"] .slider-TkfMQL rect {
1345.   fill: #222 !important; }
1346.  
1347. .container-3auIfb[style*="background-color: rgb(103"] .slider-TkfMQL rect {
1348.   fill: #222 !important; }
1349.  
1350. .container-3auIfb[style*="background-color: rgb(104"] .slider-TkfMQL rect {
1351.   fill: #222 !important; }
1352.  
1353. .container-3auIfb[style*="background-color: rgb(105"] .slider-TkfMQL rect {
1354.   fill: #222 !important; }
1355.  
1356. .container-3auIfb[style*="background-color: rgb(106"] .slider-TkfMQL rect {
1357.   fill: #222 !important; }
1358.  
1359. .container-3auIfb[style*="background-color: rgb(107"] .slider-TkfMQL rect {
1360.   fill: #222 !important; }
1361.  
1362. .container-3auIfb[style*="background-color: rgb(108"] .slider-TkfMQL rect {
1363.   fill: #222 !important; }
1364.  
1365. .container-3auIfb[style*="background-color: rgb(109"] .slider-TkfMQL rect {
1366.   fill: #222 !important; }
1367.  
1368. .container-3auIfb[style*="background-color: rgb(110"] .slider-TkfMQL rect {
1369.   fill: #222 !important; }
1370.  
1371. .container-3auIfb[style*="background-color: rgb(111"] .slider-TkfMQL rect {
1372.   fill: #222 !important; }
1373.  
1374. .container-3auIfb[style*="background-color: rgb(112"] .slider-TkfMQL rect {
1375.   fill: #222 !important; }
1376.  
1377. .container-3auIfb[style*="background-color: rgb(113"] .slider-TkfMQL rect {
1378.   fill: #222 !important; }
1379.  
1380. .container-3auIfb[style*="background-color: rgb(114"] .slider-TkfMQL rect {
1381.   fill: #222 !important; }
1382.  
1383. .size-3rFEHg:after,
1384. .size-3rFEHg:active:after,
1385. .bd-switch-checked:after {
1386.   background-color: var(--app-accent-text) !important;
1387.   transition: var(--transition-time) var(--transition-type); }
1388.  
1389. .container-3auIfb[style*="background-color: rgb(67"] {
1390.   background-color: var(--app-accent) !important; }
1391.  
1392. .container-3auIfb[style*="background-color: rgb(67"] .slider-TkfMQL rect {
1393.   fill: var(--app-accent-text) !important; }
1394.  
1395. .container-3auIfb[style*="background-color: rgb(67"] .slider-TkfMQL path {
1396.   fill: var(--app-accent) !important; }
1397.  
1398. .container-3auIfb[style*="background-color: rgb(68"] {
1399.   background-color: var(--app-accent) !important; }
1400.  
1401. .container-3auIfb[style*="background-color: rgb(68"] .slider-TkfMQL rect {
1402.   fill: var(--app-accent-text) !important; }
1403.  
1404. .container-3auIfb[style*="background-color: rgb(68"] .slider-TkfMQL path {
1405.   fill: var(--app-accent) !important; }
1406.  
1407. .container-3auIfb[style*="background-color: rgb(69"] {
1408.   background-color: var(--app-accent) !important; }
1409.  
1410. .container-3auIfb[style*="background-color: rgb(69"] .slider-TkfMQL rect {
1411.   fill: var(--app-accent-text) !important; }
1412.  
1413. .container-3auIfb[style*="background-color: rgb(69"] .slider-TkfMQL path {
1414.   fill: var(--app-accent) !important; }
1415.  
1416. .container-3auIfb[style*="background-color: rgb(70"] {
1417.   background-color: var(--app-accent) !important; }
1418.  
1419. .container-3auIfb[style*="background-color: rgb(70"] .slider-TkfMQL rect {
1420.   fill: var(--app-accent-text) !important; }
1421.  
1422. .container-3auIfb[style*="background-color: rgb(70"] .slider-TkfMQL path {
1423.   fill: var(--app-accent) !important; }
1424.  
1425. .container-3auIfb[style*="background-color: rgb(71"] {
1426.   background-color: var(--app-accent) !important; }
1427.  
1428. .container-3auIfb[style*="background-color: rgb(71"] .slider-TkfMQL rect {
1429.   fill: var(--app-accent-text) !important; }
1430.  
1431. .container-3auIfb[style*="background-color: rgb(71"] .slider-TkfMQL path {
1432.   fill: var(--app-accent) !important; }
1433.  
1434. .container-3auIfb[style*="background-color: rgb(72"] {
1435.   background-color: var(--app-accent) !important; }
1436.  
1437. .container-3auIfb[style*="background-color: rgb(72"] .slider-TkfMQL rect {
1438.   fill: var(--app-accent-text) !important; }
1439.  
1440. .container-3auIfb[style*="background-color: rgb(72"] .slider-TkfMQL path {
1441.   fill: var(--app-accent) !important; }
1442.  
1443. .container-3auIfb[style*="background-color: rgb(73"] {
1444.   background-color: var(--app-accent) !important; }
1445.  
1446. .container-3auIfb[style*="background-color: rgb(73"] .slider-TkfMQL rect {
1447.   fill: var(--app-accent-text) !important; }
1448.  
1449. .container-3auIfb[style*="background-color: rgb(73"] .slider-TkfMQL path {
1450.   fill: var(--app-accent) !important; }
1451.  
1452. .container-3auIfb[style*="background-color: rgb(74"] {
1453.   background-color: var(--app-accent) !important; }
1454.  
1455. .container-3auIfb[style*="background-color: rgb(74"] .slider-TkfMQL rect {
1456.   fill: var(--app-accent-text) !important; }
1457.  
1458. .container-3auIfb[style*="background-color: rgb(74"] .slider-TkfMQL path {
1459.   fill: var(--app-accent) !important; }
1460.  
1461. .container-3auIfb[style*="background-color: rgb(75"] {
1462.   background-color: var(--app-accent) !important; }
1463.  
1464. .container-3auIfb[style*="background-color: rgb(75"] .slider-TkfMQL rect {
1465.   fill: var(--app-accent-text) !important; }
1466.  
1467. .container-3auIfb[style*="background-color: rgb(75"] .slider-TkfMQL path {
1468.   fill: var(--app-accent) !important; }
1469.  
1470. .container-3auIfb[style*="background-color: rgb(76"] {
1471.   background-color: var(--app-accent) !important; }
1472.  
1473. .container-3auIfb[style*="background-color: rgb(76"] .slider-TkfMQL rect {
1474.   fill: var(--app-accent-text) !important; }
1475.  
1476. .container-3auIfb[style*="background-color: rgb(76"] .slider-TkfMQL path {
1477.   fill: var(--app-accent) !important; }
1478.  
1479. .container-3auIfb[style*="background-color: rgb(77"] {
1480.   background-color: var(--app-accent) !important; }
1481.  
1482. .container-3auIfb[style*="background-color: rgb(77"] .slider-TkfMQL rect {
1483.   fill: var(--app-accent-text) !important; }
1484.  
1485. .container-3auIfb[style*="background-color: rgb(77"] .slider-TkfMQL path {
1486.   fill: var(--app-accent) !important; }
1487.  
1488. .container-3auIfb[style*="background-color: rgb(78"] {
1489.   background-color: var(--app-accent) !important; }
1490.  
1491. .container-3auIfb[style*="background-color: rgb(78"] .slider-TkfMQL rect {
1492.   fill: var(--app-accent-text) !important; }
1493.  
1494. .container-3auIfb[style*="background-color: rgb(78"] .slider-TkfMQL path {
1495.   fill: var(--app-accent) !important; }
1496.  
1497. .container-3auIfb[style*="background-color: rgb(79"] {
1498.   background-color: var(--app-accent) !important; }
1499.  
1500. .container-3auIfb[style*="background-color: rgb(79"] .slider-TkfMQL rect {
1501.   fill: var(--app-accent-text) !important; }
1502.  
1503. .container-3auIfb[style*="background-color: rgb(79"] .slider-TkfMQL path {
1504.   fill: var(--app-accent) !important; }
1505.  
1506. .container-3auIfb[style*="background-color: rgb(80"] {
1507.   background-color: var(--app-accent) !important; }
1508.  
1509. .container-3auIfb[style*="background-color: rgb(80"] .slider-TkfMQL rect {
1510.   fill: var(--app-accent-text) !important; }
1511.  
1512. .container-3auIfb[style*="background-color: rgb(80"] .slider-TkfMQL path {
1513.   fill: var(--app-accent) !important; }
1514.  
1515. .container-3auIfb[style*="background-color: rgb(81"] {
1516.   background-color: var(--app-accent) !important; }
1517.  
1518. .container-3auIfb[style*="background-color: rgb(81"] .slider-TkfMQL rect {
1519.   fill: var(--app-accent-text) !important; }
1520.  
1521. .container-3auIfb[style*="background-color: rgb(81"] .slider-TkfMQL path {
1522.   fill: var(--app-accent) !important; }
1523.  
1524. .cardPrimaryEditable-3KtE4g[style*="border-color: rgb(114, 137, 218); background-color: rgb(114, 137, 218);"],
1525. .bd-switch-checked {
1526.   background-color: var(--app-accent) !important;
1527.   border-color: var(--app-accent) !important; }
1528.  
1529. /* CHECKBOXES */
1530. /*.checkbox-1ix_J3 {
1531.         border-radius: 50%;
1532. }*/
1533. [class*="theme-"] .checked-3_4uQ9 {
1534.   background-color: var(--app-accent-text);
1535.   border-color: transparent !important; }
1536.  
1537. .iconContainer-1zobSR.checked-1Fij_T {
1538.   border-color: transparent; }
1539.  
1540. [class*="theme-"] .checked-3_4uQ9[style*="background-color: rgb(114, 137, 218)"],
1541. .iconContainer-1zobSR.checked-1Fij_T {
1542.   background-color: var(--app-accent) !important; }
1543.  
1544. [class*="theme-"] .checked-3_4uQ9[style*="background-color: rgb(114, 137, 218)"] path,
1545. .iconContainer-1zobSR.checked-1Fij_T path {
1546.   fill: var(--app-accent-text) !important; }
1547.  
1548. [class*="theme-"] .checked-3_4uQ9 path {
1549.   fill: var(--app-accent) !important; }
1550.  
1551. .descChecked-XkfPsU,
1552. .titleChecked-2wg0pd {
1553.   color: var(--app-accent-text) !important; }
1554.  
1555. /* CHECKBOXES -> SPECIAL COLORS */
1556. .item-26Dhrx[style*="background-color: rgb(67, 181, 129)"] .checked-3_4uQ9 path {
1557.   fill: #43b581 !important; }
1558.  
1559. .item-26Dhrx[style*="background-color: rgb(250, 166, 26)"] .checked-3_4uQ9 path {
1560.   fill: #faa61a !important; }
1561.  
1562. .item-26Dhrx[style*="background-color: rgb(240, 71, 71)"] .checked-3_4uQ9 path {
1563.   fill: #f04747 !important; }
1564.  
1565. .connection-1fbD7X .size-3rFEHg:after {
1566.   background-color: #fff; }
1567.  
1568. /* RADIOS */
1569. .item-26Dhrx {
1570.   background-color: var(--card-color);
1571.   border-radius: var(--card-radius); }
1572.   .item-26Dhrx:hover {
1573.     background-color: var(--card-color-hover); }
1574.   .item-26Dhrx[aria-checked=true] {
1575.     background-color: var(--card-color-select); }
1576.   .item-26Dhrx[aria-checked=true] path,
1577.   .item-26Dhrx[aria-checked=true] .radioIconForeground-XwlXQN {
1578.     color: var(--app-accent); }
1579.  
1580. /*
1581.  *
1582.  *      CARDS
1583.  *
1584.  */
1585. .cardPrimary-1Hv-to,
1586. .cardPrimaryEditable-3KtE4g,
1587. .cardPrimaryOutline-29Ujqw,
1588. .integration-3kMeY4,
1589. .tutorial-3w5I9h,
1590. .ctaBar-2UsjF2,
1591. [class*="theme-"] .codeRedemptionRedirect-1wVR4b,
1592. [class*="theme-"] .perk-2WeBWW,
1593. [class*="theme-"] .bd-addon-list .bd-addon-card,
1594. .footer-1lnhms,
1595. .connection-1fbD7X,
1596. .warning-3C2pOH {
1597.   background-color: var(--card-color);
1598.   border-radius: var(--card-radius);
1599.   border: none; }
1600.  
1601. .warning-3C2pOH {
1602.   border: 1px solid var(--app-accent); }
1603.   .warning-3C2pOH .icon-1jlFSw {
1604.     color: var(--app-accent); }
1605.  
1606. .connection-1fbD7X {
1607.   box-shadow: none !important; }
1608.  
1609. /*
1610.  *
1611.  *      SERVER LIST
1612.  *
1613.  */
1614. .wrapper-1Rf91z {
1615.   background-color: var(--sidebar-color); }
1616.  
1617. .scroller-2TZvBN {
1618.   background-color: transparent; }
1619.  
1620. .childWrapper-anI2G9,
1621. .wrapper-1BJsBx.selected-bZ3Lue .childWrapper-anI2G9,
1622. .wrapper-1BJsBx:hover .childWrapper-anI2G9 {
1623.   background-color: var(--app-accent);
1624.   background-image: var(--app-accent-image); }
1625.  
1626. .childWrapper-anI2G9,
1627. .wrapper-1BJsBx.selected-bZ3Lue .childWrapper-anI2G9,
1628. .wrapper-1BJsBx:hover .childWrapper-anI2G9 {
1629.   color: var(--app-accent-text); }
1630.  
1631. .mention-1f5kbO {
1632.   background-color: var(--app-accent);
1633.   background-image: var(--app-accent-image);
1634.   color: var(--app-accent-text); }
1635.  
1636. .circleIconButton-jET_ig,
1637. .circleIconButton-jET_ig.selected-ugP_am,
1638. .numberBadge-2s8kKX {
1639.   background-color: var(--app-accent);
1640.   background-image: var(--app-accent-image);
1641.   color: var(--app-accent-text); }
1642.  
1643. .numberBadge-2s8kKX {
1644.   background-color: var(--app-accent) !important; }
1645.  
1646. .guildsError-b7zR5H {
1647.   border-color: var(--app-accent); }
1648.  
1649. .guildsError-b7zR5H:hover {
1650.   background-color: var(--app-accent);
1651.   background-image: var(--app-accent-image);
1652.   border-color: var(--app-accent);
1653.   color: var(--app-accent-text); }
1654.  
1655. .verified-1eC5dy,
1656. .partnered-3nJayh {
1657.   color: var(--app-accent-text); }
1658.  
1659. .icon-1ihkOt {
1660.   color: var(--app-accent); }
1661.  
1662. .header-2o-2hj .verified-1eC5dy,
1663. .header-2o-2hj .partnered-3nJayh,
1664. .listRow-hutiT_ .verified-1eC5dy,
1665. .listRow-hutiT_ .partnered-3nJayh {
1666.   color: var(--app-accent); }
1667.  
1668. .header-2o-2hj .icon-1ihkOt,
1669. .listRow-hutiT_ .icon-1ihkOt {
1670.   color: var(--app-accent-text); }
1671.  
1672. .guildInfo-2wGKIg .flowerStar-1GeTsn path {
1673.   fill: var(--app-accent); }
1674.  
1675. .guildInfo-2wGKIg .icon-1ihkOt {
1676.   color: var(--app-accent-text); }
1677.  
1678. .flowerStar-1GeTsn {
1679.   stroke: none; }
1680.  
1681. .iconBadge-2wi9r4.participating-NBGDkr {
1682.   background-color: var(--app-accent);
1683.   background-image: var(--app-accent-image); }
1684.  
1685. .iconBadge-2wi9r4.participating-NBGDkr path {
1686.   fill: var(--app-accent-text); }
1687.  
1688. .item-2hkk8m {
1689.   background-color: var(--notification-color); }
1690.  
1691. /* SERVER LIST -> FOLDERS */
1692. .expandedFolderBackground-2sPsd- {
1693.   background-color: rgba(255, 255, 255, 0.1);
1694.   border-radius: 16px 16px 24px 24px; }
1695.  
1696. .folder-21wGz3 {
1697.   background-color: transparent; }
1698.  
1699. .folder-21wGz3.hover-2ji_A7 {
1700.   background-color: rgba(255, 255, 255, 0.1); }
1701.  
1702. .expandedFolderBackground-2sPsd- + .listItem-2P_4kh .svg-1X37T1 {
1703.   filter: none; }
1704.  
1705. /* SERVER LIST -> CREATE/JOIN SERVER */
1706. .header-3ZP1MY {
1707.   color: #eee; }
1708.  
1709. .action-1lSjCi .colorStandard-2KCXvj,
1710. .description-QF3836,
1711. .description-Bw8krY,
1712. .inputLabel-vJ2Z0B,
1713. .label-wQQoIq,
1714. .helpText-h3r3wC,
1715. .avatarUploader-3XDtmn .sizeInfo-SKMPPw,
1716. .connectCTA-37DS2Y,
1717. .nameInput-2LpnKg .h5-18_1nd,
1718. .guidelines-1NSoht,
1719. .creationIntentText-3OlELP {
1720.   color: #ccc; }
1721.  
1722. [class*="theme-"] .action-1lSjCi {
1723.   background-color: var(--card-color);
1724.   border: none; }
1725.  
1726. .input-1mgnkM,
1727. .input-UJ9Tr3 {
1728.   padding-left: 12px;
1729.   padding-right: 12px;
1730.   border-radius: 20px; }
1731.  
1732. /* SERVER LIST -> CREATE/JOIN SERVER -> CREATE */
1733. .avatarUploaderInner-3UNxY3 {
1734.   background-color: var(--app-accent);
1735.   background-image: var(--app-accent-image);
1736.   border: none;
1737.   box-shadow: var(--popout-shadow); }
1738.   .avatarUploaderInner-3UNxY3 > * {
1739.     color: var(--app-accent-text); }
1740.  
1741. /* SERVER LIST -> CREATE/JOIN SERVER -> CREATE -> SERVER REGION */
1742. .regionSelectModal-12e-57 {
1743.   background-color: transparent !important; }
1744.   .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3 {
1745.     background-color: var(--card-color);
1746.     border-radius: var(--card-radius);
1747.     border-color: transparent;
1748.     transition: var(--transition-time) var(--transition-type); }
1749.     .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover {
1750.       background-color: var(--card-color-hover);
1751.       border-color: var(--app-accent); }
1752.  
1753. /*
1754.  *
1755.  *      CHANNELS LIST
1756.  *
1757.  */
1758. .platform-win .sidebar-2K8pFh {
1759.   border-radius: 0; }
1760.  
1761. .sidebar-2K8pFh {
1762.   background-color: var(--sidebar-color); }
1763.  
1764. .container-3w7J-x,
1765. .container-PNkimc {
1766.   background-color: transparent; }
1767.  
1768. .animatedContainer-1pJv5C {
1769.   box-shadow: var(--popout-header-shadow); }
1770.  
1771. .content-1x5b-n {
1772.   border-radius: var(--card-radius); }
1773.  
1774. .container-2ax-kl,
1775. .name-3_Dsmg {
1776.   color: var(--channels-default); }
1777.  
1778. .containerDragAfter-1F4fgZ:after,
1779. .containerDragBefore-31UGCO:before {
1780.   background-color: var(--app-accent);
1781.   background-image: var(--app-accent-image); }
1782.  
1783. .unread-3zKkbm {
1784.   width: 6px;
1785.   height: 6px;
1786.   background-color: var(--notification-color);
1787.   border-radius: 3px; }
1788.  
1789. /* CHANNELS LIST -> PERMISSIONS */
1790. .settingCard-3w2mVL,
1791. .settingCard-3w2mVL.active-1ytUzX {
1792.   background-color: var(--card-color);
1793.   border-radius: var(--card-radius); }
1794.  
1795. .settingCard-3w2mVL.active-1ytUzX .cardContent-qqqwo8 {
1796.   border-radius: var(--card-radius) var(--card-radius) 0 0;
1797.   box-shadow: var(--popout-header-shadow); }
1798.  
1799. .cardFolder-28dwxo {
1800.   background-color: transparent; }
1801.  
1802. /*
1803.  *
1804.  *      STATUS PICKER
1805.  *
1806.  */
1807. .panels-j1Uci_ {
1808.   background-color: transparent; }
1809.  
1810. /*
1811.  *
1812.  *      VOICE CONNECTED
1813.  *
1814.  */
1815. .content-1Wq3SX {
1816.   border-radius: var(--button-radius); }
1817.  
1818. [class*="theme-"] .container-2x5lvQ .header-2C89wJ,
1819. [class*="theme-"] .container-2x5lvQ section {
1820.   background-color: transparent; }
1821.  
1822. .container-2x5lvQ .header-2C89wJ {
1823.   box-shadow: var(--popout-header-shadow); }
1824.  
1825. /*.wrapper-2qzCYF {
1826.         background-color: var(--main-content-color);
1827. }*/
1828. .avatarSpeaking-2IGMRN,
1829. .border-3dQmSY.speaking-WDn8Wm,
1830. .border-Jn5IOt.speaking-B2MXPi {
1831.   box-shadow: inset 0 0 0 2px var(--app-accent), inset 0 0 3px 3px rgba(0, 0, 0, 0.35); }
1832.  
1833. .tile-2naSqK {
1834.   background-color: var(--card-color); }
1835.  
1836. .button-3HqqDX:before {
1837.   border-radius: 100px; }
1838.  
1839. /* VOICE CONNECTED -> STREAMING PREVIEW */
1840. [class*="theme-"] .streamPreview-2-WUWT,
1841. [class*="theme-"] .previewContainer-12UlHl {
1842.   background-color: transparent; }
1843.  
1844. .liveSmall-1dy2uA {
1845.   background-color: var(--app-accent) !important;
1846.   color: var(--app-accent-text); }
1847.  
1848. /* VOICE CONNECTED -> ACTIVITY HOVER */
1849. .container-2dqNWc {
1850.   padding-right: 16px !important; }
1851.   .container-2dqNWc:before {
1852.     position: fixed;
1853.     width: calc(100% - 16px);
1854.     height: 100%;
1855.     margin-left: 16px; }
1856.  
1857. /*
1858.  *
1859.  *      STREAMING
1860.  *
1861.  */
1862. .scroller-2TWLdF {
1863.   background-color: transparent; }
1864.  
1865. [class*="theme-"] .memberListItem-2ZX2pl:not(.popoutDisabled-xucru2):hover {
1866.   background-color: var(--background-modifier-hover); }
1867.  
1868. .participantsButton-KYW-IW {
1869.   position: absolute; }
1870.  
1871. .participantsButton-KYW-IW,
1872. .participantsButton-KYW-IW:hover {
1873.   background-color: transparent; }
1874.  
1875. /*
1876.  *
1877.  *      CHAT AREA
1878.  *
1879.  */
1880. .chat-3bRxxu,
1881. .noChannel-Z1DQK7 {
1882.   background-color: var(--main-content-color); }
1883.  
1884. .messages-3amgkR,
1885. .wrapper-3vR61M,
1886. .wrapper-1F5TKx {
1887.   background-color: transparent; }
1888.  
1889. .button-18p_f6 {
1890.   color: var(--app-accent); }
1891.  
1892. .attachment-2p5mHK,
1893. .avatar-2daVqv,
1894. .blob-2w7iIK {
1895.   background-color: #000; }
1896.  
1897. .content-yTz4x3:before {
1898.   display: none; }
1899.  
1900. .newMessagesBar-mujexs,
1901. .newMessagesBar-265mhP,
1902. .jumpToPresentBar-9P20AM,
1903. .jumpToPresentBar-G1R9s6 {
1904.   background-color: var(--app-accent);
1905.   background-image: var(--app-accent-image); }
1906.  
1907. .newMessagesBar-mujexs,
1908. .newMessagesBar-265mhP {
1909.   border-radius: 0 0 var(--messages-radius) var(--messages-radius); }
1910.  
1911. .jumpToPresentBar-9P20AM,
1912. .jumpToPresentBar-G1R9s6 {
1913.   padding-bottom: 0;
1914.   border-radius: var(--messages-radius); }
1915.  
1916. .barButtonBase-3UKlW2,
1917. .barButtonBase-2uLO1z {
1918.   color: var(--app-accent-text); }
1919.  
1920. /* CHAT AREA -> MESSAGES */
1921. .message-2qnXI6:not(.groupStart-23k01U),
1922. .message-2qnXI6.compact-T3H92H {
1923.   margin-top: 2px; }
1924.  
1925. .wrapper-2a6GCs {
1926.   background-color: var(--messages-color);
1927.   border-radius: var(--messages-radius); }
1928.  
1929. .backgroundFlash-24qWLN {
1930.   background-color: transparent !important; }
1931.  
1932. .mouse-mode.full-motion .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.2)"] .mentioned-xhSam7:hover,
1933. .mouse-mode.full-motion .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.2)"] .message-2qnXI6.mentioned-xhSam7:hover {
1934.   background-color: var(--messages-color);
1935.   border-color: var(--mention-color);
1936.   box-shadow: inset 0px 0px 10px 3px var(--mention-color), 0px 0px 13px 4px var(--mention-color); }
1937.  
1938. [class*="theme-"] .message-2qRu38 {
1939.   background-color: transparent;
1940.   box-shadow: none; }
1941.  
1942. .cozy-3raOZG.wrapper-2a6GCs,
1943. .compact-T3H92H.wrapper-2a6GCs {
1944.   margin-left: 76px;
1945.   margin-right: 24px;
1946.   padding: var(--messages-padding);
1947.   padding-right: 8px !important;
1948.   border: 2px solid transparent; }
1949.  
1950. .header-1TKi98 + .content-1LAB8Z .cozyMessage-3V1Y8y.groupStart-23k01U {
1951.   margin-top: 16px; }
1952.  
1953. .message-2qRu38 .cozy-3raOZG.wrapper-2a6GCs {
1954.   margin-left: 52px;
1955.   margin-right: 0; }
1956.  
1957. .compact-T3H92H.wrapper-2a6GCs {
1958.   padding: 4px;
1959.   padding-left: 6px; }
1960.  
1961. .group-spacing-0 .wrapper-2a6GCs + .wrapper-2a6GCs:not(.message-2qnXI6) {
1962.   --margin-spacing: 0.0625rem; }
1963.  
1964. .group-spacing-4 .wrapper-2a6GCs + .wrapper-2a6GCs:not(.message-2qnXI6) {
1965.   --margin-spacing: 0.3125rem; }
1966.  
1967. .group-spacing-8 .wrapper-2a6GCs + .wrapper-2a6GCs:not(.message-2qnXI6) {
1968.   --margin-spacing: 0.5625rem; }
1969.  
1970. .group-spacing-16 .wrapper-2a6GCs + .wrapper-2a6GCs:not(.message-2qnXI6) {
1971.   --margin-spacing: 1.0625rem; }
1972.  
1973. .group-spacing-24 .wrapper-2a6GCs + .wrapper-2a6GCs:not(.message-2qnXI6) {
1974.   --margin-spacing: 1.5625rem; }
1975.  
1976. .wrapper-2a6GCs.message-2qnXI6 + .wrapper-2a6GCs:not(.message-2qnXI6) {
1977.   margin-top: var(--margin-spacing); }
1978.  
1979. .avatar-1BDn8e {
1980.   top: 0;
1981.   left: -52px; }
1982.  
1983. .cozy-3raOZG .timestamp-3ZCmNB.alt-1uNpEt {
1984.   left: -70px; }
1985.  
1986. .compact-T3H92H .timestamp-3ZCmNB {
1987.   margin-right: 0.75rem; }
1988.  
1989. .compact-T3H92H .timestamp-3ZCmNB,
1990. .cozy-3raOZG .timestamp-3ZCmNB.alt-1uNpEt {
1991.   color: var(--text-normal); }
1992.  
1993. .message-2qnXI6.selected-2P5D_Z,
1994. .mouse-mode.full-motion .message-2qnXI6:hover {
1995.   background-color: var(--messages-color); }
1996.  
1997. .mentioned-xhSam7,
1998. .message-2qnXI6.mentioned-xhSam7.selected-2P5D_Z,
1999. .mouse-mode.full-motion .mentioned-xhSam7:hover,
2000. .mouse-mode.full-motion .message-2qnXI6.mentioned-xhSam7:hover {
2001.   background-color: var(--messages-color);
2002.   border-color: var(--mention-color) !important;
2003.   box-shadow: inset 0px 0px 6px 1px var(--mention-color), 0px 0px 9px 2px var(--mention-color); }
2004.  
2005. .localBot-GrCgVt:before,
2006. .mentioned-xhSam7:before {
2007.   display: none; }
2008.  
2009. .wrapper-3WhCwL {
2010.   background: rgba(var(--mention-rgb), 0.175);
2011.   color: var(--mention-color); }
2012.  
2013. .interactive {
2014.   transition: var(--transition-time) var(--transition-type); }
2015.  
2016. .interactive:hover {
2017.   background-color: var(--app-accent);
2018.   background-image: var(--app-accent-image);
2019.   color: var(--app-accent-text); }
2020.  
2021. [class*="theme-"] .mentioned-xhSam7 .mention.interactive:hover {
2022.   color: var(--app-accent); }
2023.  
2024. .isUnread-3Ef-o9 {
2025.   border-color: var(--app-accent); }
2026.  
2027. .unreadPill-2HyYtt {
2028.   background-color: var(--app-accent);
2029.   background-image: var(--app-accent-image);
2030.   color: var(--app-accent-text); }
2031.  
2032. .unreadPillCap-3_K2q2 {
2033.   filter: none !important; }
2034.  
2035. .unreadPillCapStroke-7rkHbg {
2036.   color: var(--app-accent);
2037.   fill: var(--app-accent); }
2038.  
2039. .content-1o0f9g {
2040.   position: relative;
2041.   padding: 2px 6px;
2042.   background-color: transparent;
2043.   color: var(--text-normal); }
2044.   .content-1o0f9g:before {
2045.     position: absolute;
2046.     content: " ";
2047.     width: 100%;
2048.     height: 100%;
2049.     top: 0;
2050.     left: 0;
2051.     background-color: var(--popout-color);
2052.     border-radius: 9px;
2053.     backdrop-filter: blur(--popout-blur);
2054.     pointer-events: none;
2055.     z-index: -1; }
2056.  
2057. .hasMore-3e72_v {
2058.   margin: 28px 24px 16px 24px;
2059.   background-color: var(--card-color);
2060.   border-radius: var(--card-radius);
2061.   box-shadow: none;
2062.   color: var(--text-normal);
2063.   font-size: 14px;
2064.   text-transform: lowercase;
2065.   transition: var(--transition-time) var(--transition-type); }
2066.   .hasMore-3e72_v:first-letter {
2067.     text-transform: capitalize; }
2068.   .hasMore-3e72_v:hover {
2069.     background-color: var(--card-color-hover); }
2070.  
2071. /* CHAT AREA -> MESSAGES -> SCALED FONT */
2072. .a11y-font-scaled-down[style*="font-size: 75%"] {
2073.   --text-indent: 62px; }
2074.  
2075. .a11y-font-scaled-down[style*="font-size: 87.5%"] {
2076.   --text-indent: 70px; }
2077.  
2078. .a11y-font-scaled-down[style*="font-size: 93.75%"] {
2079.   --text-indent: 74px; }
2080.  
2081. .a11y-font-scaled-up[style*="font-size: 112.5%"] {
2082.   --text-indent: 89px; }
2083.  
2084. .a11y-font-scaled-up[style*="font-size: 125%"] {
2085.   --text-indent: 99px; }
2086.  
2087. .a11y-font-scaled-up[style*="font-size: 150%"] {
2088.   --text-indent: 115px; }
2089.  
2090. .a11y-font-scaled-down .cozy-3raOZG.wrapper-2a6GCs,
2091. .a11y-font-scaled-down .compact-T3H92H.wrapper-2a6GCs {
2092.   margin-left: var(--text-indent);
2093.   margin-right: 24px;
2094.   padding: 8px;
2095.   padding-right: 8px; }
2096.  
2097. .a11y-font-scaled-down .avatar-1BDn8e {
2098.   left: -52px; }
2099.  
2100. /* CHAT AREA -> MESSAGES -> ACTIONS */
2101. .button-1ZiXG9:first-child {
2102.   border-radius: var(--popout-radius) 0 0 var(--popout-radius); }
2103. .button-1ZiXG9:last-child {
2104.   border-radius: 0 var(--popout-radius) var(--popout-radius) 0; }
2105. .button-1ZiXG9:only-child {
2106.   border-radius: var(--popout-radius); }
2107.  
2108. /* CHAT AREA -> MESSAGES -> EMBEDDED */
2109. .embedFull-2tM8--,
2110. [class*="theme-"] .invite-18yqGF,
2111. [class*="theme-"] .wrapperAudio-1jDe0Q,
2112. .wrapper-35wsBm,
2113. .attachment-33OFj0,
2114. [class*="theme-"] .tile-2OwFgW,
2115. [class*="theme-"] .tile-2OwFgW:hover {
2116.   background-color: var(--messages-color);
2117.   border-radius: var(--messages-radius); }
2118.  
2119. .invite-18yqGF,
2120. .wrapperAudio-1jDe0Q,
2121. .attachment-33OFj0 {
2122.   border: none; }
2123.  
2124. .markup-2BOw-j a {
2125.   color: var(--app-accent); }
2126. .markup-2BOw-j pre {
2127.   border-radius: var(--messages-radius); }
2128. .markup-2BOw-j code {
2129.   background-color: var(--messages-color);
2130.   border-radius: var(--messages-radius);
2131.   border: none; }
2132.  
2133. /* CHAT AREA -> MESSAGES -> EDIT MESSAGE */
2134. .channelTextArea-3bF57p {
2135.   background-color: rgba(var(--textarea-color), 0.5);
2136.   border-radius: var(--textarea-radius); }
2137.  
2138. /* CHAT AREA -> MESSAGES -> REACTIONS */
2139. .size-2kUz0R {
2140.   max-height: 350px; }
2141.  
2142. [class*="theme-"] .scroller-1-nKid {
2143.   background-color: var(--sidebar-color); }
2144.  
2145. [class*="theme-"] .container-1If-HZ,
2146. [class*="theme-"] .reactors-Blmlhw {
2147.   background-color: transparent; }
2148.  
2149. .reaction-1hd86g {
2150.   border-radius: var(--messages-radius); }
2151.   .reaction-1hd86g.reactionMe-wv5HKu {
2152.     background-color: rgba(var(--app-accent-rgb), 0.3); }
2153.  
2154. .reactionMe-wv5HKu .reactionCount-2mvXRV,
2155. .reactionMe-wv5HKu:hover .reactionCount-2mvXRV {
2156.   color: var(--app-accent); }
2157.  
2158. /* CHAT AREA -> MESSAGES -> EMOJI INFO */
2159. .emojiSection-3Fb9ix {
2160.   background-color: rgba(0, 0, 0, var(--popout-header-opacity));
2161.   box-shadow: var(--popout-header-shadow); }
2162.   .emojiSection-3Fb9ix:only-child {
2163.     background-color: transparent;
2164.     box-shadow: none; }
2165.  
2166. .guildSection-1EoFKd {
2167.   background-color: transparent; }
2168.  
2169. /* CHAT AREA -> TEXTAREA */
2170. .form-2fGMdU {
2171.   margin-top: 0; }
2172.   .form-2fGMdU:before {
2173.     display: none; }
2174.  
2175. .channelTextArea-rNsIhG,
2176. .wrapper-39oAo3 {
2177.   min-height: 44px;
2178.   margin: 12px 0 12px 0;
2179.   background-color: rgba(var(--textarea-color), 0.5);
2180.   border-radius: var(--textarea-radius); }
2181.  
2182. .container-9gOVw0 {
2183.   background-color: transparent;
2184.   border-radius: var(--textarea-radius) var(--textarea-radius) 0 0;
2185.   border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
2186.  
2187. .wrapper-39oAo3 {
2188.   padding: 0; }
2189.  
2190. .buttonContainer-3AU1Ij {
2191.   margin-right: 16px; }
2192.  
2193. .scrollableContainer-2NUZem {
2194.   background-color: transparent; }
2195.   .scrollableContainer-2NUZem + .autocomplete-1vrmpx {
2196.     border-radius: 0 0 var(--textarea-radius) var(--textarea-radius) !important; }
2197.  
2198. .typing-2GQL18 {
2199.   top: -12px;
2200.   overflow-x: hidden; }
2201.   .typing-2GQL18:before {
2202.     position: absolute;
2203.     content: " ";
2204.     width: calc(100% + var(--app-blur) * 5);
2205.     height: calc(100% + var(--app-blur) * 5);
2206.     top: calc(var(--app-blur) / -1 * 2.5);
2207.     left: calc(var(--app-blur) / -1 * 2.5);
2208.     background-image: var(--app-bg);
2209.     background-position: center;
2210.     background-size: cover;
2211.     background-attachment: fixed;
2212.     background-repeat: no-repeat;
2213.     box-shadow: inset 0 0 0 100vmax var(--main-content-color);
2214.     filter: blur(var(--app-blur));
2215.     pointer-events: none; }
2216.   .typing-2GQL18 * {
2217.     z-index: 2; }
2218.  
2219. .fakeLink-26oLcc {
2220.   color: var(--app-accent); }
2221.  
2222. /* CHAT AREA -> TEXTAREA -> MENTION AUTOCOMPLETE */
2223. [class*="theme-"] .autocomplete-3l_oCd,
2224. [class*="theme-"] .autocomplete-1vrmpx {
2225.   background-color: transparent;
2226.   border-radius: var(--popout-radius);
2227.   box-shadow: var(--popout-shadow); }
2228.  
2229. [class*="theme-"] .selectorSelected-1_M1WV {
2230.   background-color: var(--background-modifier-hover); }
2231.  
2232. .wrapper-uf3cnO {
2233.   background-color: transparent; }
2234.  
2235. [class*="theme-"] .selected-1Tbx07 {
2236.   background-color: var(--background-modifier-hover); }
2237.  
2238. .bar-AokMp3 {
2239.   background-color: transparent; }
2240.  
2241. /* CHAT AREA -> TEXTAREA -> FORMAT TOOLBAR */
2242. .toolbar-2bjZV7 {
2243.   background-color: transparent;
2244.   border-radius: 16px;
2245.   box-shadow: var(--popout-shadow) !important;
2246.   overflow: hidden; }
2247.   .toolbar-2bjZV7:after {
2248.     border-radius: 16px; }
2249.  
2250. [class*="theme-"] .container-Qj4uIL {
2251.   background-color: var(--popout-color);
2252.   border-radius: var(--popout-radius);
2253.   box-shadow: var(--popout-shadow); }
2254.  
2255. .containerBackground-3PNziK {
2256.   background-color: transparent;
2257.   border: none; }
2258.   .containerBackground-3PNziK:after {
2259.     border-top-color: var(--popout-color); }
2260.  
2261. .maskBackground-1WpXoP {
2262.   background-color: var(--background-modifier-hover); }
2263.  
2264. /* CHAT AREA -> TEXTAREA -> INLINE REPLIES */
2265. .container-2fRDfG {
2266.   background-color: transparent;
2267.   border-radius: var(--textarea-radius) var(--textarea-radius) 0 0;
2268.   border-bottom: 1px solid var(--background-modifier-accent); }
2269.  
2270. .repliedMessage-VokQwo:before {
2271.   transform: translateX(42px); }
2272.  
2273. .replyAvatar-1K9Wmr,
2274. .repliedMessage-VokQwo > .replyBadge-r1su3o {
2275.   margin-left: 42px; }
2276.  
2277. .compact-T3H92H .repliedMessage-VokQwo > .replyBadge-r1su3o {
2278.   margin-left: 0; }
2279.  
2280. .ephemeral-1PsL1r,
2281. .replying-1x3H0T,
2282. .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.2)"] .wrapper-2a6GCs {
2283.   border-color: var(--mention-alt) !important;
2284.   box-shadow: inset 0px 0px 6px 1px var(--mention-alt), 0px 0px 9px 2px var(--mention-alt); }
2285.   .ephemeral-1PsL1r:before,
2286.   .replying-1x3H0T:before,
2287.   .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.2)"] .wrapper-2a6GCs:before {
2288.     display: none; }
2289.  
2290. .ephemeralMessage-1fEWtQ a {
2291.   color: var(--mention-alt); }
2292.  
2293. /* CHAT AREA -> TEXTAREA -> INLINE REPLIES -> COMPACT */
2294. .repliedMessage-VokQwo:before {
2295.   border-color: var(--text-normal);
2296.   opacity: 0.5; }
2297.  
2298. .compact-T3H92H .repliedMessage-VokQwo {
2299.   margin-left: calc(var(--timestamp-width) + 3.1rem + var(--text-indent)); }
2300.   .compact-T3H92H .repliedMessage-VokQwo:before {
2301.     transform: none; }
2302.  
2303. /*
2304.  *
2305.  *      EMOJI PICKER
2306.  *
2307.  */
2308. .contentWrapper-SvZHNd,
2309. .emojiPicker-3PwZFl {
2310.   background-color: transparent; }
2311.  
2312. /*.contentWrapper-SvZHNd {
2313.         background-color: var(--popout-color);
2314. }*/
2315. .contentWrapper-SvZHNd .wrapper-1rqM3x:before {
2316.   display: none; }
2317.  
2318. .categoryList-2Kzf65 .scroller-3gAZLs::-webkit-scrollbar {
2319.   width: 0 !important; }
2320.  
2321. .header-8ilj5e,
2322. [class*="theme-"] .header-1TOWci,
2323. .header-2k4I2o {
2324.   box-shadow: var(--popout-header-shadow); }
2325.  
2326. .header-2k4I2o {
2327.   position: absolute;
2328.   width: 100%;
2329.   min-height: 46px;
2330.   pointer-events: none; }
2331.  
2332. .container-2XeR5Z,
2333. .container-cMG81i {
2334.   background-color: rgba(var(--textarea-color), 0.5);
2335.   border-radius: 17px; }
2336.   .container-2XeR5Z input,
2337.   .container-cMG81i input {
2338.     background-color: transparent !important; }
2339.  
2340. .searchBar-1FaHXw {
2341.   border: none; }
2342.  
2343. .wrapper-2Gsate {
2344.   background-color: var(--sidebar-color); }
2345.  
2346. .wrapper-1-Fsb8 {
2347.   position: relative;
2348.   overflow: hidden; }
2349.  
2350. [class*="theme-"] .wrapper-1-Fsb8 {
2351.   background-color: transparent; }
2352.  
2353. .inspector-S2gM3e,
2354. .unicodeShortcut-15J8Ck,
2355. .stickerCategoryShopWrapper-3EnJdQ {
2356.   background-color: transparent; }
2357.  
2358. .unicodeShortcut-15J8Ck:before {
2359.   position: absolute;
2360.   content: " ";
2361.   width: 100%;
2362.   height: 100%;
2363.   top: 0;
2364.   left: 0;
2365.   background-color: var(--sidebar-color);
2366.   backdrop-filter: blur(var(--popout-blur));
2367.   opacity: 1;
2368.   pointer-events: none; }
2369.  
2370. /* EMOJI PICKER -> STICKERS */
2371. .skuPreviewModalContent-3IkwuK {
2372.   padding-top: 0; }
2373.  
2374. .stickerInspected-2EM4w- .stickerBackground-2XECKi,
2375. .viewAll-2RLt-n:hover .viewAllBackground-3Bn1vh,
2376. .viewAllInspected-FsmJHj .viewAllBackground-3Bn1vh {
2377.   background-color: var(--background-modifier-hover); }
2378.  
2379. .listWrapper-hig339 {
2380.   margin-top: 46px; }
2381.  
2382. /*
2383.  *
2384.  *      MEMBERS LIST
2385.  *
2386.  */
2387. .members-1998pB,
2388. .members-1998pB > div {
2389.   background-color: transparent; }
2390.  
2391. .botTagRegular-2HEhHi,
2392. .botTagInvert-18-95s {
2393.   background-color: var(--app-accent);
2394.   background-image: var(--app-accent-image);
2395.   color: var(--app-accent-text); }
2396.  
2397. .layout-2DM8Md {
2398.   border-radius: var(--button-radius); }
2399.  
2400. /*
2401.  *
2402.  *      SEARCH RESULTS
2403.  *
2404.  */
2405. .searchResultsWrap-3-pOjs {
2406.   background-color: var(--sidebar-color); }
2407.  
2408. /* SEARCH RESULTS -> HEADER */
2409. .searchHeader-2XoQg7 {
2410.   box-shadow: var(--popout-header-shadow); }
2411.  
2412. .channelName-1JRO3C {
2413.   background-color: transparent; }
2414.  
2415. /* SEARCH RESULTS -> MESSAGES */
2416. .searchResult-9tQ1uo:before, .searchResult-9tQ1uo:after {
2417.   display: none; }
2418.  
2419. .searchResultMessage-1fxgXh.hit-1fVM9e {
2420.   background-color: transparent;
2421.   border: none;
2422.   box-shadow: none;
2423.   overflow: visible; }
2424. .searchResultMessage-1fxgXh.before-2RL1Gz, .searchResultMessage-1fxgXh.after-20SH8W {
2425.   margin-top: 0;
2426.   border: none; }
2427. .searchResultMessage-1fxgXh.sibling-1eJVjd {
2428.   opacity: 0.35; }
2429.  
2430. /* SEARCH RESULTS -> MESSAGES -> EXPANDED */
2431. .searchResult-9tQ1uo.expanded-w_LCGl,
2432. .expanded-w_LCGl .searchResultMessage-1fxgXh.hit-1fVM9e {
2433.   background-color: transparent;
2434.   border: none; }
2435.  
2436. .searchResultMessage-1fxgXh {
2437.   margin-bottom: 8px !important; }
2438.  
2439. .expanded-w_LCGl .searchResultMessage-1fxgXh.hit-1fVM9e {
2440.   margin-left: 0;
2441.   margin-right: 0; }
2442.  
2443. /*
2444.  *
2445.  *      SERVER BOOST
2446.  *
2447.  */
2448. .root-3R2ngo {
2449.   margin: calc(var(--app-margin) / 2 + 24px) var(--app-margin) var(--app-margin) var(--app-margin); }
2450.  
2451. [class*="theme-"] .perksModal-fSYqOq {
2452.   background-image: none;
2453.   background-color: var(--main-content-color); }
2454.  
2455. .tier-12tKuZ {
2456.   border-radius: var(--card-radius); }
2457.  
2458. [class*="theme-"] .tierHeaderLocked-1s2JJz,
2459. [class*="theme-"] .tierHeaderUnlocked-1n-OTI,
2460. [class*="theme-"] .tierBody-16Chc9,
2461. [class*="theme-"] .tierHeaderUnlocked-1n-OTI {
2462.   background-color: var(--card-color);
2463.   background-image: none; }
2464.  
2465. .tierHeader---JJFb {
2466.   border-radius: var(--card-radius) var(--card-radius) 0 0;
2467.   box-shadow: var(--popout-header-shadow); }
2468.  
2469. [class*="theme-"] .tierUnlocked-25K6Kv {
2470.   background-color: var(--app-accent);
2471.   background-image: var(--app-accent-image);
2472.   color: var(--app-accent-text); }
2473.  
2474. .tierBody-16Chc9 {
2475.   border-radius: 0 0 var(--card-radius) var(--card-radius); }
2476.  
2477. .subscription-3aLGnG {
2478.   background-color: var(--card-color);
2479.   border-radius: var(--card-radius); }
2480.  
2481. /*
2482.  *
2483.  *      USER SETTINGS
2484.  *
2485.  */
2486. .layer-3QrUeG,
2487. .standardSidebarView-3F1I7i {
2488.   background-color: transparent; }
2489.  
2490. .sidebarRegionScroller-3MXcoP {
2491.   background-color: var(--sidebar-color); }
2492.  
2493. .contentRegion-3nDuYy {
2494.   background-color: var(--main-content-color); }
2495.  
2496. .contentRegionScroller-26nc1e {
2497.   background-color: transparent; }
2498.  
2499. .side-8zPYf6 .item-PXvHYJ,
2500. #bd-settings-sidebar .ui-tab-bar-item {
2501.   border-radius: var(--button-radius); }
2502.  
2503. /* USER SETTINGS -> MY ACCOUNT */
2504. .background-1QDuV2 {
2505.   background-color: var(--card-color); }
2506.  
2507. [class*="theme-"] .userSettingsAccount-2eMFVR .viewBody-2Qz-jg {
2508.   color: var(--text-normal); }
2509.  
2510. .avatarUploaderInner-3UNxY3 .avatarUploaderHint-3SN212 {
2511.   color: var(--text-normal); }
2512.  
2513. .userInfoEditing-1CEzdT .multiInput-1e2xJ7 .multiInputLast-1aQ3YA,
2514. .multiInputFirst-2aPTwX + .multiInputLast-33BbRU {
2515.   margin: 0 8px; }
2516.  
2517. .userInfoEditing-1CEzdT .multiInputLast-1aQ3YA:before,
2518. .multiInputLast-33BbRU:before {
2519.   display: none; }
2520.  
2521. .questionMark-CWEQZn,
2522. .questionMark-3qBhGj {
2523.   border-radius: 50%; }
2524.  
2525. .questionMark-3qBhGj {
2526.   background-color: var(--app-accent);
2527.   background-image: var(--app-accent-image); }
2528.   .questionMark-3qBhGj .icon-3zLVMD {
2529.     color: var(--app-accent-text); }
2530.  
2531. .phoneField-38N1bJ {
2532.   padding: 2px 8px;
2533.   background-color: rgba(var(--textarea-color), 0.5);
2534.   border-radius: 22px;
2535.   border: none; }
2536.   .phoneField-38N1bJ .countryButton-3xq3Ts {
2537.     border-radius: var(--button-radius); }
2538.   .phoneField-38N1bJ .plusSign-15Cgdh,
2539.   .phoneField-38N1bJ .countryCode-2TeNMX {
2540.     color: var(--app-accent-text); }
2541.   .phoneField-38N1bJ .phoneFieldExpand-2DzY5G {
2542.     stroke: var(--app-accent-text); }
2543.   .phoneField-38N1bJ input {
2544.     background-color: transparent !important; }
2545.  
2546. /* USER SETTINGS -> AUTHORIZED APPS */
2547. .authedApp-mj2Hmd {
2548.   margin-bottom: 16px;
2549.   padding: 0; }
2550.   .authedApp-mj2Hmd .marginBottom20-32qID7 {
2551.     padding: 16px;
2552.     border-radius: var(--card-radius) var(--card-radius) 0 0;
2553.     box-shadow: var(--popout-header-shadow); }
2554.     .authedApp-mj2Hmd .marginBottom20-32qID7 + div:not([class]) {
2555.       padding: 0 16px; }
2556.   .authedApp-mj2Hmd .marginTop20-3TxNs6 {
2557.     padding: 0 16px 16px; }
2558.  
2559. /* USER SETTINGS -> CONNECTIONS */
2560. .accountList-33MS45 {
2561.   padding: 16px 16px 8px;
2562.   background-color: var(--card-color);
2563.   border-radius: var(--card-radius); }
2564.  
2565. .accountBtn-2Nozo3 .accountBtnInner-sj5jLs {
2566.   background-color: var(--card-color);
2567.   border-radius: var(--card-radius);
2568.   transition: var(--transition-time) var(--transition-type); }
2569.   .accountBtn-2Nozo3 .accountBtnInner-sj5jLs:hover {
2570.     background-color: var(--card-color-hover); }
2571.  
2572. .connectionList-3pzR-1 {
2573.   grid-gap: 16px; }
2574.  
2575. .connection-1fbD7X {
2576.   margin-bottom: 0; }
2577.  
2578. .connectionHeader-2MDqhu {
2579.   padding: 16px;
2580.   background-color: transparent;
2581.   border-bottom: none;
2582.   box-shadow: var(--popout-header-shadow); }
2583.  
2584. .connectionDelete-2Odoln span {
2585.   font-size: 0; }
2586.  
2587. .connectionOptionsWrapper-3KIj1Z {
2588.   padding: 16px 8px 0; }
2589.  
2590. .connectionOptionSwitch-3KNn-E {
2591.   margin-bottom: 16px;
2592.   padding-left: 8px;
2593.   padding-right: 8px; }
2594.  
2595. /* USER SETTINGS -> BILLING */
2596. .paymentSourceRow-3FbcL_ {
2597.   margin: 0 0 16px 0;
2598.   background-color: var(--card-color);
2599.   border-radius: var(--card-radius); }
2600.  
2601. .paymentSourceRow-3FbcL_,
2602. .card-VoqMMK {
2603.   padding: 16px; }
2604.  
2605. .defaultMarginh2-2LTaUL + div + .divider-3573oO {
2606.   display: none; }
2607.  
2608. .codeRedemptionRedirect-1wVR4b {
2609.   margin-top: 20px;
2610.   padding: 16px; }
2611.  
2612. /* USER SETTINGS -> DISCORD NITRO */
2613. .gridItem-HzCfl4:before {
2614.   opacity: 0.4; }
2615.  
2616. /* USER SETTINGS -> SUBSCRIPTIONS */
2617. .banner-3Kac2g {
2618.   border-radius: var(--card-radius); }
2619.  
2620. .detailsBlock-FoDTGA {
2621.   background-color: var(--card-color);
2622.   border-radius: var(--card-radius); }
2623.  
2624. .lookFilled-22uAsw.select-2fjwPw {
2625.   min-height: var(--input-height);
2626.   background-color: rgba(var(--textarea-color), 0.5);
2627.   border-radius: 23px;
2628.   border: none;
2629.   transition: var(--transition-time) var(--transition-type); }
2630.  
2631. .popout-VcNcHB {
2632.   border: none;
2633.   border-radius: var(--popout-radius);
2634.   overflow: auto !important; }
2635.  
2636. .option-3KoAJB:hover {
2637.   background-color: var(--background-modifier-hover); }
2638. .option-3KoAJB[aria-selected=true] {
2639.   background-color: var(--background-modifier-selected); }
2640.  
2641. /* USER SETTINGS -> SERVER BOOST */
2642. .cardWrapper-2Min21 {
2643.   background-color: var(--card-color);
2644.   border-radius: var(--card-radius); }
2645.  
2646. .outer-1AjyKL:hover {
2647.   background-color: var(--card-color-hover); }
2648.  
2649. .guild-Hq0WWA {
2650.   background-color: var(--card-color);
2651.   border-radius: var(--card-radius); }
2652.  
2653. .guildHeader-3nh5RK,
2654. .guildSubscriptionSlots-JPXXvN {
2655.   background-color: transparent; }
2656.  
2657. .guildHeader-3nh5RK {
2658.   box-shadow: var(--popout-header-shadow); }
2659.  
2660. .gemIndicatorProgressCircle-3wDFa1,
2661. .gemWithLabel-2aecE_ {
2662.   color: var(--app-accent); }
2663.  
2664. [class*="theme-"] .gemIndicatorContainer-2jdECl {
2665.   background-color: var(--card-color); }
2666.  
2667. /* USER SETTINGS -> OVERLAY */
2668. .wrapper-3jrx9n {
2669.   border-color: var(--app-accent); }
2670.  
2671. .selected-mKYnfr.option-n0icdO,
2672. .option-n0icdO:hover {
2673.   background-color: var(--app-accent);
2674.   background-image: var(--app-accent-image);
2675.   border-color: var(--app-accent); }
2676.  
2677. .container-1nZlH6 .input-1G2o7i {
2678.   background-color: transparent !important; }
2679.  
2680. .container-CpszHS.recording-1H2dS7 {
2681.   border-color: rgba(var(--app-accent-rgb), 0.6) !important;
2682.   box-shadow: 0 0 8px rgba(var(--app-accent-rgb), 0.5); }
2683.  
2684. @keyframes shadowPulse-2kjgqQ {
2685.   0% {
2686.     box-shadow: 0 0 8px rgba(var(--app-accent-rgb), 0.5); }
2687.   50% {
2688.     box-shadow: 0 0 12px rgba(var(--app-accent-rgb), 0.8); }
2689.   to {
2690.     box-shadow: 0 0 8px rgba(var(--app-accent-rgb), 0.5); } }
2691. /* USER SETTINGS -> KEYBINDS */
2692. .keybindGroup-JQs9x_ .container-1nZlH6 .input-1G2o7i {
2693.   background-color: transparent !important; }
2694.  
2695. /* USER SETTINGS -> KEYBINDS -> DEFAULT KEYBINDS */
2696. .keybindShortcut-1BD6Z1 span {
2697.   background-color: var(--card-color);
2698.   border-radius: var(--card-radius); }
2699.  
2700. /* USER SETTINGS -> GAME ACTIVITY */
2701. .notDetected-33MY4s,
2702. .nowPlaying-284llR {
2703.   border-radius: var(--card-radius); }
2704.  
2705. [class*="theme-"] .notDetected-33MY4s,
2706. [class*="theme-"] .nowPlaying-284llR {
2707.   background-color: var(--card-color); }
2708.  
2709. [class*="theme-"] .addGamePopout-2RY8Ju {
2710.   background-color: transparent; }
2711.  
2712. .addGamePopout-2RY8Ju:before {
2713.   background-color: rgba(0, 0, 0, 0.85); }
2714.  
2715. .gameNameInput-385LoS {
2716.   margin-bottom: 4px;
2717.   padding: 0 8px;
2718.   line-height: 32px;
2719.   border-radius: 16px; }
2720.  
2721. .header-2o-2hj .background-2uufRq {
2722.   color: var(--app-accent); }
2723.  
2724. .row-2OVM4t .background-2uufRq {
2725.   color: var(--app-accent-text); }
2726.  
2727. .game-1ipmAa .flowerStar-1GeTsn path {
2728.   fill: var(--app-accent); }
2729.  
2730. .game-1ipmAa .flowerStar-1GeTsn + .childContainer-1wxZNh path {
2731.   fill: var(--app-accent-text); }
2732.  
2733. [class*="theme-"] .lastPlayed-3bQ7Bo {
2734.   color: var(--text-normal); }
2735.  
2736. /* USER SETTINGS -> LANGUAGE */
2737. .item-3eFBNF {
2738.   border-radius: var(--card-radius); }
2739.   .item-3eFBNF:hover {
2740.     background-color: var(--card-color); }
2741.   .item-3eFBNF.selected-2DeaDa {
2742.     background-color: var(--card-color-hover); }
2743.   .item-3eFBNF .checked-3_4uQ9 {
2744.     background-color: var(--app-accent) !important; }
2745.     .item-3eFBNF .checked-3_4uQ9 path {
2746.       fill: var(--app-accent-text) !important; }
2747.  
2748. [class*="theme-"] .item-3eFBNF {
2749.   box-shadow: none; }
2750.  
2751. [class*="theme-"] .checkbox-1ix_J3 {
2752.   border-color: var(--interactive-normal); }
2753.  
2754. /*
2755.  *
2756.  *      SERVER SETTINGS
2757.  *
2758.  */
2759. .container-1nZlH6 {
2760.   border-radius: 20px; }
2761.  
2762. [class*="theme-"] .container-1nZlH6 {
2763.   background-color: rgba(var(--textarea-color), 0.5);
2764.   border: none; }
2765.  
2766. .layout-RmPevB {
2767.   padding: 0 12px 0 4px; }
2768.  
2769. .container-2VW0UT {
2770.   background-color: transparent !important; }
2771.  
2772. /* SERVER SETTINGS -> ROLES */
2773. .scroller-305q3I {
2774.   background-color: transparent; }
2775.  
2776. .group-2dAfBy {
2777.   background-color: var(--card-color);
2778.   border-radius: 14px; }
2779.  
2780. /* SERVER SETTINGS -> EMOJI */
2781. .emojiRow-zIc7ZX .input-cIJ7To {
2782.   border-radius: 13px; }
2783.  
2784. /* SERVER SETTINGS -> AUDIT LOG */
2785. .auditLog-3jNbM6 {
2786.   border: none; }
2787.  
2788. [class*="theme-"] .headerClickable-2IVFo9,
2789. [class*="theme-"] .headerDefault-1wrJcN,
2790. [class*="theme-"] .headerExpanded-CUEwZ5,
2791. [class*="theme-"] .changeDetails-bk98pu {
2792.   background-color: var(--card-color);
2793.   border-radius: var(--card-radius); }
2794.  
2795. [class*="theme-"] .headerExpanded-CUEwZ5 {
2796.   border-radius: var(--card-radius) var(--card-radius) 0 0; }
2797.  
2798. [class*="theme-"] .changeDetails-bk98pu {
2799.   border-radius: 0 0 var(--card-radius) var(--card-radius); }
2800.  
2801. [class*="theme-"] .divider-1pnAR2 {
2802.   display: none; }
2803.  
2804. /* SERVER SETTINGS -> COMMUNITY OVERVIEW */
2805. .upsellContainer-L9xv7w {
2806.   background-color: var(--card-color);
2807.   border-radius: var(--card-radius); }
2808.  
2809. .upsellFooter-ZYsio_ {
2810.   background-color: transparent; }
2811.  
2812. /* SERVER SETTINGS -> SERVER INSIGHTS */
2813. .error-20ZZpF,
2814. .developerPortalCtaWrapper-2XNafh {
2815.   background-color: var(--card-color);
2816.   border-radius: var(--card-radius); }
2817.  
2818. /* SERVER SETTINGS -> PARTNER PROGRAM */
2819. .featureCard-1RR4Tl,
2820. .checklistContainer-mFJZEJ {
2821.   background-color: var(--card-color);
2822.   border-radius: var(--card-radius); }
2823.  
2824. .checklistHeader-1KWcEY {
2825.   background-color: transparent;
2826.   box-shadow: var(--popout-header-shadow); }
2827.  
2828. /* SERVER SETTINGS -> ENABLE DISCOVERY */
2829. .card-3_CqkU {
2830.   border-radius: var(--card-radius); }
2831.  
2832. [class*="theme-"] .card-3_CqkU,
2833. [class*="theme-"] .iconMask-30Tvqs {
2834.   background-color: var(--card-color); }
2835.  
2836. .container-2w0lh0 {
2837.   background-color: var(--card-color);
2838.   border-radius: var(--card-radius); }
2839.  
2840. .header-2Y0-A- {
2841.   background-color: transparent;
2842.   box-shadow: var(--popout-header-shadow); }
2843.  
2844. /* SERVER SETTINGS -> MEMBERSHIP SCREENING */
2845. .enableContainer-2DIT9Q,
2846. .settingsFormItem-103g1I,
2847. .formFieldWrapper-malor5 {
2848.   background-color: var(--card-color);
2849.   border-radius: var(--card-radius); }
2850.  
2851. .formFieldWrapper-malor5 {
2852.   border: none; }
2853.  
2854. /* SERVER SETTINGS -> MEMBERSHIP SCREENING -> PREVIEW */
2855. .guildSidebar-2OCzWB {
2856.   background-color: var(--popout-color); }
2857.  
2858. /* SERVER SETTINGS -> WELCOME SCREEN */
2859. .enableContainer-6E-puu,
2860. .previewContainer-1SS3uO,
2861. .welcomeChannel-1rFrIO {
2862.   background-color: var(--card-color); }
2863.  
2864. .enableContainer-6E-puu {
2865.   border-radius: var(--card-radius) var(--card-radius) 0 0;
2866.   box-shadow: var(--popout-header-shadow); }
2867.  
2868. .previewContainer-1SS3uO {
2869.   border-radius: 0 0 var(--card-radius) var(--card-radius); }
2870.  
2871. .welcomeChannel-1rFrIO {
2872.   border-radius: var(--card-radius); }
2873.  
2874. .descriptionWrapper-1GiGtP .inputDefault-_djjkz {
2875.   height: auto; }
2876.  
2877. /* SERVER SETTINGS -> SERVER BOOST STATUS */
2878. .side-8zPYf6 .item-PXvHYJ[style="color: rgb(114, 137, 218);"] {
2879.   color: var(--app-accent) !important; }
2880.  
2881. .side-8zPYf6 .item-PXvHYJ[style="color: rgb(114, 137, 218); background-color: rgba(114, 137, 218, 0.1);"] {
2882.   background-color: rgba(var(--app-accent-rgb), 0.1) !important;
2883.   color: var(--app-accent) !important; }
2884.  
2885. .side-8zPYf6 .item-PXvHYJ[style*="background-color: rgb(114, 137, 218)"] {
2886.   background-color: var(--app-accent) !important;
2887.   color: var(--app-accent-text) !important; }
2888.  
2889. .tier-3H4BXk {
2890.   background-color: var(--card-color);
2891.   border-radius: var(--card-radius); }
2892.  
2893. [class*="theme-"] .tierHeader-rlkkJd,
2894. [class*="theme-"] .tierBody-x9kBBp {
2895.   background-color: transparent; }
2896.  
2897. .tierHeader-rlkkJd {
2898.   box-shadow: var(--popout-header-shadow); }
2899.  
2900. [class*="theme-"] .tierAccomplished-2eXPdI,
2901. [class*="theme-"] .tierCurrent-Lw7-4E,
2902. [class*="theme-"] .tierDefault-2qaRkD {
2903.   background-color: var(--app-accent);
2904.   background-image: var(--app-accent-image);
2905.   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); }
2906.  
2907. [class*="theme-"] .tierInProgress-3mBoXq {
2908.   background-color: var(--card-color); }
2909.  
2910. [class*="theme-"] .background-3xPPFc {
2911.   color: var(--card-color); }
2912.  
2913. /* SERVER SETTINGS -> MEMBERS */
2914. [class*="theme-"] .popoutList-T9CKZQ,
2915. .container-VSDcQc {
2916.   background-color: transparent;
2917.   border-radius: var(--popout-radius);
2918.   box-shadow: var(--popout-shadow); }
2919.  
2920. [class*="theme-"] .autocompleteShadow-iiGWFU {
2921.   box-shadow: none; }
2922.  
2923. [class*="theme-"] .autocompleteArrow-Zxoy9H {
2924.   background-color: var(--popout-color); }
2925.  
2926. [class*="theme-"] .container-VSDcQc .header-2bNvm4,
2927. [class*="theme-"] .container-VSDcQc .sectionTag-pXyto9 {
2928.   background-color: transparent; }
2929.  
2930. .container-VSDcQc .input-1ppKdn {
2931.   padding: 0 8px;
2932.   border-radius: 11px; }
2933.  
2934. [class*="theme-"] .selectableItem-1MP3MQ:hover {
2935.   background-color: var(--background-modifier-hover); }
2936.  
2937. [class*="theme-"] .member-1q7VfX,
2938. [class*="theme-"] .inviteSettingsInviteRow-3p2O-N {
2939.   box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1); }
2940.  
2941. [class*="theme-"] .card-FDVird:before {
2942.   background-color: var(--card-color);
2943.   border-radius: var(--card-radius);
2944.   border: none; }
2945.  
2946. [class*="theme-"] .member-1q7VfX .tag-1YGWN9 {
2947.   color: var(--text-normal); }
2948.  
2949. /* SERVER SETTINGS -> INVITES */
2950. [class*="theme-"] .text-GwUZgS,
2951. [class*="theme-"] .title-2BxgL2 {
2952.   color: var(--text-normal); }
2953.  
2954. /*
2955.  *
2956.  *      SERVER DISCOVERY
2957.  *
2958.  */
2959. [class*="theme-"] .pageWrapper-1PgVDX {
2960.   background-color: var(--main-content-color); }
2961.  
2962. /* SERVER DISCOVERY -> SIDEBAR */
2963. .categoryItem-3zFJns.selectedCategoryItem-3X8ujp .itemInner-3gVXMG {
2964.   background-color: var(--app-accent);
2965.   background-image: var(--app-accent-image); }
2966.  
2967. .categoryItem-3zFJns.selectedCategoryItem-3X8ujp {
2968.   color: var(--app-accent-text); }
2969.  
2970. /* SERVER DISCOVERY -> MAIN CONTENT */
2971. .search-1iTphC .searchBox-2_mAlO {
2972.   background-color: rgba(var(--textarea-color), 0.5);
2973.   border-radius: 17px;
2974.   border: none; }
2975.  
2976. .search-1iTphC .searchBox-2_mAlO .searchBoxInput-K6mkng {
2977.   padding: 8px 12px;
2978.   background-color: transparent !important; }
2979.  
2980. [class*="theme-"] .card-3DjzTQ {
2981.   background-color: var(--card-color);
2982.   border-radius: var(--card-radius); }
2983.  
2984. [class*="theme-"] .card-3DjzTQ:hover {
2985.   background-color: var(--card-color-hover); }
2986.  
2987. /*
2988.  *
2989.  *      HOME TAB
2990.  *
2991.  */
2992. .privateChannels-1nO12o,
2993. .scroller-1JbKMe,
2994. .nowPlayingColumn-2sl4cE {
2995.   background-color: transparent; }
2996.  
2997. .sidebar-2K8pFh {
2998.   background-color: var(--sidebar-color); }
2999.  
3000. .container-3Mxszk,
3001. [class*="theme-"] .container-1D34oG {
3002.   background-color: var(--main-content-color); }
3003.  
3004. /* HOME TAB -> FIND OR START A CONVERSATION */
3005. .scroller-zPkAnE {
3006.   margin: 0;
3007.   background-color: transparent;
3008.   overflow-y: auto !important; }
3009.  
3010. .input-2VB9rf {
3011.   height: 42px;
3012.   line-height: 42px;
3013.   padding: 0 16px;
3014.   border-radius: 21px;
3015.   font-size: 1.15em; }
3016.  
3017. /* HOME TAB -> FRIENDS */
3018. .actionButton-uPB8Fs,
3019. .actionButton-uPB8Fs.highlight-Lf97TE {
3020.   background-color: var(--main-content-color); }
3021.  
3022. .tabBody-3YRQ8W:before {
3023.   display: none; }
3024.  
3025. .peopleListItem-2nzedh:last-of-type {
3026.   margin-bottom: 16px; }
3027.  
3028. .tabBar-ZmDY9v .item-3HknzM[style*="background-color: rgb(67, 181, 129)"] {
3029.   background-color: var(--app-accent) !important;
3030.   color: var(--app-accent-text) !important; }
3031.  
3032. /* HOME TAB -> FRIENDS -> ACTIVE NOW */
3033. .wrapper-3D2qGf,
3034. .emptyCard-1RJw8n {
3035.   background-color: var(--card-color);
3036.   transition: var(--transition-time) var(--transition-type); }
3037.  
3038. [class*="theme-"] .outer-1AjyKL.active-1xchHY,
3039. [class*="theme-"] .outer-1AjyKL.interactive-3B9GmY:hover {
3040.   background-color: var(--card-color-hover); }
3041.  
3042. [class*="theme-"] .inset-3sAvek {
3043.   background-color: transparent; }
3044.  
3045. .wrapper-3Rixsz,
3046. .emptyCard-1RJw8n,
3047. .memberListItem-31QoHj {
3048.   border-radius: var(--popout-radius); }
3049.  
3050. [class*="theme-"] .enabled-1t_Gxm:hover,
3051. [class*="theme-"] .memberListItem-31QoHj:not(.popoutDisabled-2RK7MF):hover {
3052.   background-color: var(--app-accent);
3053.   background-image: var(--app-accent-image); }
3054.  
3055. [class*="theme-"] .enabled-1t_Gxm:hover .colorStandard-2KCXvj,
3056. [class*="theme-"] .memberListItem-31QoHj:not(.popoutDisabled-2RK7MF):hover .colorStandard-2KCXvj {
3057.   color: var(--app-accent-text); }
3058.  
3059. [class*="theme-"] .separator-XqIyoz {
3060.   background-color: rgba(255, 255, 255, 0.2); }
3061.  
3062. [class*="theme-"] .applicationStreamingPreviewWrapper-8QqvVY {
3063.   background-color: var(--card-color);
3064.   border-radius: var(--card-radius); }
3065.  
3066. .image-1npAv8 {
3067.   border-radius: var(--card-radius); }
3068.  
3069. /* HOME TAB -> FRIENDS -> ADD FRIEND */
3070. .wrapper-1cBijl {
3071.   background-color: rgba(var(--textarea-color), 0.5);
3072.   border-radius: 26px;
3073.   border: none;
3074.   transition: var(--transition-time) var(--transition-type); }
3075.   .wrapper-1cBijl:focus-within {
3076.     background-color: rgba(var(--textarea-color), 0.65); }
3077.  
3078. .addFriendInput-4bcerK,
3079. .addFriendInput-4bcerK:focus {
3080.   background-color: transparent !important; }
3081.  
3082. /* HOME TAB -> LIBRARY */
3083. .scroller-1IIF0A,
3084. .header-39GIC8 {
3085.   background-color: transparent; }
3086.  
3087. .libraryHeader-3g95kE {
3088.   border-radius: 0;
3089.   border: none; }
3090.  
3091. .textCell-1aBIUP {
3092.   color: var(--text-normal); }
3093.  
3094. /* HOME TAB -> LIBRARY -> DOWNLOADING GAME */
3095. .gameUpdates-2GPqBU {
3096.   background-color: transparent;
3097.   box-shadow: var(--popout-header-shadow); }
3098.  
3099. .progressCellText-3avmMz {
3100.   color: var(--text-normal); }
3101.  
3102. /* HOME TAB -> LIBRARY -> SETTINGS */
3103. .scroller-2XE8rp {
3104.   background-color: transparent; }
3105.  
3106. /* HOME TAB -> NITRO */
3107. .applicationStore-1pNvnv {
3108.   background-color: var(--main-content-color); }
3109.  
3110. .scroller-9moviB {
3111.   background-color: transparent; }
3112.  
3113. [class*="theme-"] .feature-2w65J5,
3114. .banner-WELp4M {
3115.   background-color: var(--card-color);
3116.   border-radius: var(--card-radius); }
3117.  
3118. /*
3119.  *
3120.  *      DIRECT MESSAGES
3121.  *
3122.  */
3123. .incomingCallInner-2VmFiR {
3124.   border: none; }
3125.  
3126. .input-2A_zIr {
3127.   border-radius: var(--input-radius); }
3128.  
3129. .input-2A_zIr:focus,
3130. .outer-o9SjPm:hover .input-2A_zIr {
3131.   box-shadow: none; }
3132.  
3133. .outer-o9SjPm:hover .input-2A_zIr {
3134.   background-color: rgba(var(--textarea-color), 0.25); }
3135.  
3136. /* DIRECT MESSAGES -> VOICE CALL */
3137. .wrapper-2qzCYF.minimum-28Z35l {
3138.   background-color: transparent;
3139.   box-shadow: var(--popout-header-shadow); }
3140.  
3141. /*
3142.  *
3143.  *      SCREEN SHARE
3144.  *
3145.  */
3146. .wrapper-2qzCYF {
3147.   background-color: transparent; }
3148.   .wrapper-2qzCYF.normal-1oavYI {
3149.     box-shadow: var(--popout-header-shadow); }
3150.   .wrapper-2qzCYF .flexCenter-2Y_vCg {
3151.     background-color: #000;
3152.     transition: 250ms ease background-color; }
3153.   .wrapper-2qzCYF .flexCenter-2Y_vCg[style*="padding-right: 236px"] {
3154.     background-color: transparent; }
3155.  
3156. /* SCREEN SHARE -> SETTINGS */
3157. .art-1qgogX + form .header-1TKi98 {
3158.   box-shadow: none; }
3159.  
3160. .segmentControl-1bEQH5 {
3161.   box-shadow: var(--popout-header-shadow); }
3162.  
3163. .tile-2w4k5N:hover .sourceThumbnail-27dolk,
3164. .sourceThumbnail-27dolk.selected-1nOkyc {
3165.   box-shadow: inset 0 0 0 2px var(--app-accent); }
3166.  
3167. .card-2Mz_4z {
3168.   background-color: rgba(var(--textarea-color), 0.5);
3169.   border-radius: 20px;
3170.   border: none; }
3171.  
3172. [class*="theme-"] .item-3T2z1R {
3173.   border: none; }
3174.  
3175. .item-3T2z1R:first-child {
3176.   border-radius: 15px 0 0 15px; }
3177.  
3178. .item-3T2z1R:last-child {
3179.   border-radius: 0 15px 15px 0; }
3180.  
3181. .selectorButton-EEUWed {
3182.   background-color: rgba(var(--textarea-color), 0.5); }
3183.  
3184. .selectorButtonSelected-t5V9On,
3185. .selectorButton-EEUWed:not(.selectorButtonPremiumRequired-mKMbIu):hover {
3186.   background-color: var(--app-accent);
3187.   background-image: var(--app-accent-image); }
3188.  
3189. .selectorTextSelected-1ymya_,
3190. .selectorButton-EEUWed:not(.selectorButtonPremiumRequired-mKMbIu):hover .selectorText-2I7fQU {
3191.   color: var(--app-accent-text); }
3192.  
3193. /* SCREEN SHARE -> PiP */
3194. .pictureInPictureWindow-1B5qSe {
3195.   border-radius: var(--popout-radius);
3196.   box-shadow: var(--popout-shadow); }
3197.  
3198. .media-ya5FZp {
3199.   border-radius: var(--popout-radius); }
3200.  
3201. /*
3202.  *
3203.  *      BETTERDISCORD SETTINGS
3204.  *
3205.  */
3206. #bd-settings-sidebar .ui-tab-bar-item {
3207.   margin-bottom: 2px; }
3208.  
3209. [class*="theme-"] #bd-settings-sidebar .ui-tab-bar-item.selected {
3210.   background-color: var(--background-modifier-selected); }
3211.  
3212. [class*="theme-"] #bd-settingspane-container .ui-switch-item .style-description {
3213.   color: var(--header-secondary); }
3214.  
3215. /* BETTERDISCORD -> CUSTOM CSS */
3216. .ace_editor {
3217.   position: relative;
3218.   overflow: visible; }
3219.  
3220. .contentColumnDefault-1VQkGM .ace_editor {
3221.   margin: 295px 0 0 0; }
3222.   .contentColumnDefault-1VQkGM .ace_editor:before {
3223.     position: absolute;
3224.     content: "To change the colors such as the accent, copy the code below into\A the custom CSS. More variables can be found on the theme's GitHub\A repo page. bit.ly/TranslucenceDiscord\A\A :root {\A\9--app-bg: url(https://i.imgur.com/U8bSjj5.jpg) !important;\A\9--app-blur: 6px !important;\A\9--app-margin: 24px !important;\A\9--app-radius: 8px !important;\A\9--app-accent: #d73d3d !important;\A\9--app-accent-rgb: 215,61,61 !important;\A\9--app-accent-text: #000 !important;\A}";
3225.     display: block;
3226.     width: calc(100% - 32px);
3227.     top: -295px;
3228.     left: 0;
3229.     padding: 16px;
3230.     background: var(--card-color);
3231.     border-radius: var(--card-radius);
3232.     white-space: pre;
3233.     font-size: 16px;
3234.     color: #eee;
3235.     font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif !important; }
3236.  
3237. /*
3238.  *
3239.  *      SCROLLBARS
3240.  *
3241.  */
3242. ::-webkit-scrollbar {
3243.   width: var(--scrollbar-width) !important; }
3244.  
3245. ::-webkit-scrollbar-thumb {
3246.   background: rgba(var(--scrollbar-color), var(--scrollbar-opacity)) !important;
3247.   border-radius: calc(var(--scrollbar-width) / 2) !important; }
3248.   ::-webkit-scrollbar-thumb:hover {
3249.     background: rgba(var(--scrollbar-color), var(--scrollbar-opacity-hover)) !important; }
3250.  
3251. ::-webkit-scrollbar,
3252. ::-webkit-scrollbar-track,
3253. ::-webkit-scrollbar-track-piece,
3254. .scroller-zPkAnE::-webkit-scrollbar-track {
3255.   background: transparent !important;
3256.   border-color: transparent !important; }
3257.  
3258. /* SCROLLBARS -> LIGHT SCROLLBAR */
3259. .root-1gCeng::-webkit-scrollbar-thumb,
3260. .root-2QSv-c .scroller-GApUBG::-webkit-scrollbar-thumb,
3261. .root-SR8cQa .infoScroller-3EYYns::-webkit-scrollbar-thumb,
3262. .modal-yWgWj- .scrollerBase-289Jih::-webkit-scrollbar-thumb,
3263. .uploadModal-2ifh8j::-webkit-scrollbar-thumb,
3264. .body-3iLsc4::-webkit-scrollbar-thumb,
3265. .listScroller-2_vlfo::-webkit-scrollbar-thumb,
3266. .messagesPopout-24nkyi::-webkit-scrollbar-thumb,
3267. .scroller-tlc3kG::-webkit-scrollbar-thumb,
3268. .scroller-3GIiMh::-webkit-scrollbar-thumb,
3269. .scroller-2CvAgC::-webkit-scrollbar-thumb,
3270. .autocompleteScroller-iInVqR::-webkit-scrollbar-thumb,
3271. .sourceScroller-Pk7YAM::-webkit-scrollbar-thumb,
3272. .content-1LAB8Z::-webkit-scrollbar-thumb,
3273. .container-2dqNWc::-webkit-scrollbar-thumb,
3274. .roleMemberList-3mYYYB::-webkit-scrollbar-thumb,
3275. .roles-2tZ5Iq::-webkit-scrollbar-thumb {
3276.   background: rgba(var(--scrollbar-color-alt), 0.09) !important; }
3277.   .root-1gCeng::-webkit-scrollbar-thumb:hover,
3278.   .root-2QSv-c .scroller-GApUBG::-webkit-scrollbar-thumb:hover,
3279.   .root-SR8cQa .infoScroller-3EYYns::-webkit-scrollbar-thumb:hover,
3280.   .modal-yWgWj- .scrollerBase-289Jih::-webkit-scrollbar-thumb:hover,
3281.   .uploadModal-2ifh8j::-webkit-scrollbar-thumb:hover,
3282.   .body-3iLsc4::-webkit-scrollbar-thumb:hover,
3283.   .listScroller-2_vlfo::-webkit-scrollbar-thumb:hover,
3284.   .messagesPopout-24nkyi::-webkit-scrollbar-thumb:hover,
3285.   .scroller-tlc3kG::-webkit-scrollbar-thumb:hover,
3286.   .scroller-3GIiMh::-webkit-scrollbar-thumb:hover,
3287.   .scroller-2CvAgC::-webkit-scrollbar-thumb:hover,
3288.   .autocompleteScroller-iInVqR::-webkit-scrollbar-thumb:hover,
3289.   .sourceScroller-Pk7YAM::-webkit-scrollbar-thumb:hover,
3290.   .content-1LAB8Z::-webkit-scrollbar-thumb:hover,
3291.   .container-2dqNWc::-webkit-scrollbar-thumb:hover,
3292.   .roleMemberList-3mYYYB::-webkit-scrollbar-thumb:hover,
3293.   .roles-2tZ5Iq::-webkit-scrollbar-thumb:hover {
3294.     background: rgba(var(--scrollbar-color-alt), 0.15) !important; }
3295.  
3296. /* SCROLLBARS -> REMOVE SCROLLBAR */
3297. .wrapper-1Rf91z .scroller-2TZvBN::-webkit-scrollbar {
3298.   width: 0 !important; }
3299.  
3300. /*
3301.  *
3302.  *      SUPPORTED PLUGINS
3303.  *
3304.  */
3305. /* SUPPORTED PLUGINS -> CharCounter */
3306. .charCounter-7fw40k {
3307.   position: relative;
3308.   z-index: 1; }
3309.  
3310. .chatCounter-XOMPsh {
3311.   bottom: auto; }
3312.  
3313. .counter-uAzbKp {
3314.   width: 100%;
3315.   height: 35px;
3316.   padding: 0 16px;
3317.   line-height: 35px;
3318.   border-top: 1px solid rgba(255, 255, 255, 0.15);
3319.   box-sizing: border-box;
3320.   text-align: right;
3321.   font-weight: 500; }
3322.  
3323. /* SUPPORTED PLUGINS -> EditUploads*/
3324. #EditUploadsModal {
3325.   background-color: var(--popout-color); }
3326.  
3327. #EditUploadsToolbar {
3328.   background-color: transparent; }
3329.  
3330. /* SUPPORTED PLUGINS -> HideChannels */
3331. .sidebar-2K8pFh.hideElement .container-3baos1 {
3332.   position: absolute;
3333.   overflow: hidden; }
3334.  
3335. .sidebar-2K8pFh.hideElement .container-3baos1,
3336. .sidebar-2K8pFh.hideElement .container-3baos1:before {
3337.   background-color: transparent !important;
3338.   border-radius: 0;
3339.   box-shadow: none !important; }
3340.  
3341. .sidebar-2K8pFh.hideElement .container-3baos1:before {
3342.   box-shadow: inset 0 0 0 100vmax var(--main-content-color) !important; }
3343.  
3344. /* SUPPORTED PLUGINS -> ServerSearch */
3345. .popoutRight-1veHKi.noArrow-2foL9g {
3346.   overflow: hidden; }