API tools faq
paste
PepeTheRoya

Core.css

PepeTheRoya
Jan 4th, 2021
771
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 85.34 KB | None | 0 0
raw download clone embed print report
  1. :root {
  2. --backgroundDark: rgb(24, 28, 37);
  3. --backgroundDarker: rgb(20, 23, 31);
  4. --primary: #008ae6;
  5. --primaryGradient1: var(--primary);
  6. --primaryGradient2: #00e68a;
  7. --DangerColor: #dc3545;
  8. --WarningColor: #ffc107;
  9. --SuccesColor: #28a745;
  10. --backgroundCode: rgba(0,0,0,.35);
  11. --backgroundName: rgba(0,0,0,.2);
  12.  
  13. /* Radial Status */
  14. --rs-small-spacing: 2px;
  15. --rs-large-spacing: 3px;
  16. --rs-width: 2px;
  17. --rs-avatar-shape: 50%;
  18. --rs-online-color: #43b581;
  19. --rs-idle-color: #faa61a;
  20. --rs-dnd-color: #f04747;
  21. --rs-offline-color: #636b75;
  22. --rs-streaming-color: #643da7;
  23. --rs-invisible-color: #747f8d;
  24. }
  25.  
  26.  
  27. .wrapper-3vR61M, .wrapper-1F5TKx {
  28. background-color: transparent;
  29. }
  30. .row-rrHHJU.selected-1pIgLL .rowInner-1vvRiF{
  31. background-color: transparent;
  32. }
  33.  
  34. .userInfo-2zN2z8.da-userInfo {
  35. padding-left: 5px;
  36. padding-top: 5px
  37. }
  38.  
  39. .emptyCard-1RJw8n {
  40. background-color: var(--backgroundDark)
  41. }
  42.  
  43. .theme-dark .input-2VB9rf,
  44. .theme-dark .input-2VB9rf:focus {
  45. box-shadow: inset 0 0 100000px transparent;
  46. border-radius: 5px!important
  47. }
  48.  
  49. .isUnread-3Ef-o9 {
  50. border-color: #f04747!important
  51. }
  52.  
  53. .uploadModal-2ifh8j {
  54. background-color: var(--backgroundDark)!important
  55. }
  56.  
  57. .scroller-2XE8rp {
  58. background-color: var(--backgroundDark)
  59. }
  60.  
  61. .ctaBar-2UsjF2,
  62. .perk-2WeBWW,
  63. .perksModalContentWrapper-2HU6uL {
  64. background-color: var(--backgroundDark)!important
  65. }
  66.  
  67. .theme-dark .tierBody-x9kBBp,
  68. .tierHeaderLocked-1a2opw {
  69. background-color: var(--backgroundDark);
  70. border-radius: 0
  71. }
  72.  
  73. .guildHeader-3nh5RK,
  74. .subscribeTooltipWrapper-32-Ce8 {
  75. background-color: var(--backgroundDarker)
  76. }
  77.  
  78. .guildSubscriptionSlots-JPXXvN {
  79. background-color: var(--backgroundDarker)
  80. }
  81.  
  82. .detailsBlock-FoDTGA {
  83. background-color: var(--backgroundDark)
  84. }
  85.  
  86. .scroller-305q3I {
  87. background-color: var(--backgroundDark)
  88. }
  89.  
  90. .theme-dark .tierHeaderUnlocked-2RhWqn {
  91. background-color: transparent
  92. }
  93.  
  94. .channelHeader-3Gd2xq,
  95. .secondary-dIudih,
  96. .secondary-dIudih:hover,
  97. .tertiary-aMXF0g,
  98. .tertiary-aMXF0g:hover {
  99. background-color: var(--backgroundDarker);
  100. border-radius: 10px
  101. }
  102.  
  103. .messageContainer-gbhlwo {
  104. background-color: var(--backgroundDarker)
  105. }
  106.  
  107. .bodyWrapper-3G0FZZ,
  108. .categoryWrapper-UZ5YNj,
  109. .contentWrapper-2txmjs,
  110. .header-8ilj5e,
  111. .inspector-sdLnLS,
  112. .wrapper-2N7X54 {
  113. background-color: var(--backgroundDark)
  114. }
  115.  
  116. .categoryItemDefaultCategorySelected-_HCKoz,
  117. .emojiItem-14v6tW.emojiItemSelected-1aLkfV,
  118. .navButtonActive-3RPAJy {
  119. background-color: var(--backgroundDarker)
  120. }
  121.  
  122. .guildIcon-3h-1IH {
  123. background-color: transparent
  124. }
  125.  
  126. .diversityEmojiItem-L6_IXw:hover,
  127. .diversitySelectorPopout-3FiGaM {
  128. background-color: var(--backgroundDark);
  129. border-color: var(--backgroundDarker)
  130. }
  131.  
  132. .diversityEmojiItem-L6_IXw:hover {
  133. background-color: var(--backgroundDarker);
  134. border-radius: 0
  135. }
  136.  
  137. .theme-dark .sadImage-2ph8SI {
  138. display: none
  139. }
  140.  
  141. .theme-dark .header-2bNvm4 {
  142. background-color: var(--backgroundDarker)
  143. }
  144.  
  145. .button-1I8KM5 {
  146. background-color: var(--backgroundDarker)
  147. }
  148.  
  149. .colorStandard-2KCXvj {
  150. color: #bebebe
  151. }
  152.  
  153. .descriptionBox-1EKQKL {
  154. background-color: var(--backgroundDarker)
  155. }
  156.  
  157. .theme-dark .tierInProgress-3mBoXq,
  158. .tierHeaderContent-2-YfvN {
  159. background-color: var(--backgroundDarker)
  160. }
  161.  
  162. .theme-dark .background-3xPPFc {
  163. color: var(--backgroundDarker)
  164. }
  165.  
  166. .animatedContainer-1pJv5C {
  167. background-color: var(--backgroundDark)
  168. }
  169.  
  170. .noiseCancellationPopout-iRK2A0 {
  171. background-color: var(--backgroundDark)
  172. }
  173.  
  174. .lookFilled-1Gx00P.colorGrey-2DXtkV {
  175. background-color: var(--backgroundDarker)
  176. }
  177.  
  178. .dragInner-_SHftW {
  179. background-color: var(--backgrounddark)
  180. }
  181.  
  182. .premiumSubscriptionAccountCredit-25i0tQ {
  183. background-color: var(--backgroundDarker)
  184. }
  185.  
  186. .premiumRetentionNotice-1MsjHe {
  187. background-color: var(--backgroundDarker)
  188. }
  189.  
  190. .channelName-wvgELL,
  191. .jumpButton-1ol35X,
  192. .searchResultsWrap-3-pOjs {
  193. background-color: transparent
  194. }
  195.  
  196. .searchResult-2N9RV4:after,
  197. .searchResult-2N9RV4:before {
  198. background-image: none
  199. }
  200.  
  201. .searchResultMessage-30QnSN.hit-1CXhXT {
  202. background-color: var(--backgroundDarker);
  203. border-color: var(--backgroundDarker);
  204. box-shadow: none
  205. }
  206.  
  207. .searchResultMessage-1fxgXh.hit-1fVM9e {
  208. background-color: var(--backgroundDarker);
  209. border: none;
  210. box-shadow: none
  211. }
  212.  
  213. .searchResult-9tQ1uo:after,
  214. .searchResult-9tQ1uo:before {
  215. display: none
  216. }
  217.  
  218. .expanded-w_LCGl .searchResultMessage-1fxgXh.hit-1fVM9e,
  219. .searchResult-9tQ1uo.expanded-w_LCGl {
  220. background-color: var(--backgroundDarker);
  221. border: none
  222. }
  223.  
  224. .channelName-1JRO3C {
  225. background-color: transparent
  226. }
  227.  
  228. .searchResult-9tQ1uo:focus-within .jumpButton-JkYoYK,
  229. .searchResult-9tQ1uo:hover .jumpButton-JkYoYK {
  230. background-color: var(--backgroundDark)
  231. }
  232.  
  233. .button-F9qN4n.focused-3ZzkKr {
  234. box-shadow: 0 0 0 2px var(--backgroundDarker)
  235. }
  236.  
  237. .button-F9qN4n,
  238. .styleFixed-sX-yHV,
  239. .styleFlexible-wGDiIL,
  240. .submenu-2-ysNh {
  241. background-color: var(--backgroundDark)
  242. }
  243.  
  244. .button-F9qN4n.focused-3ZzkKr,
  245. .button-F9qN4n:hover,
  246. .colorDefault-2K3EoJ.focused-3afm-j,
  247. .colorDefault-2K3EoJ:active:not(.hideInteraction-1iH010) {
  248. background-color: var(--backgroundDarker)
  249. }
  250.  
  251. .theme-dark .footer-1FPmkC,
  252. .theme-dark .footer-2gL1pp {
  253. background-color: var(--backgroundDarker)
  254. }
  255.  
  256. .channelHeader-3Gd2xq,
  257. .container-enaOkj {
  258. background-color: var(--backgroundDarker);
  259. border-radius: 0
  260. }
  261.  
  262. .messages-3G3erD {
  263. background-color: var(--backgroundDark);
  264. border-radius: 0
  265. }
  266.  
  267. .jumpButton-2F6EMx,
  268. .jumpButton-3vBz5U {
  269. background-color: var(--backgroundDarker)
  270. }
  271.  
  272. .icon-1Itzco {
  273. background-color: var(--backgroundDark);
  274. color: #a0a0a0
  275. }
  276.  
  277. .auto-Ge5KZx::-webkit-scrollbar-track {
  278. background-color: transparent
  279. }
  280.  
  281. #friends,.appMount-3VJmYg,.applicationStore-1pNvnv,.article-3kb3qm,.body-3ND3kc,.body-3iLsc4,.channels-Ie2l6A,.chat-3bRxxu,.chat-3bRxxu form,.container-1D34oG,.container-1UB9sr,.container-2Thooq,.container-3ayLPN,.container-PNkimc,.content-yTz4x3,.da-itemCard,.da-nowPlayingScroller,.da-peopleList,.enabled-1t_Gxm:hover,.footer-1fjuF6,.gameLibrary-TTDw4Y,.guildsWrapper-5TJh6A,.header-2o-2hj,.header-39GIC8,.headerBar-UHpsPw,.memberListItem-31QoHj:not(.popoutDisabled-2RK7MF):hover,.members-1998pB,.messagesWrapper-3lZDfY,.nowPlayingColumn-2sl4cE,.peopleList-3c4jOR,.root-1BQpZw,.root-26DmKJ,.title-3qD0b-,.typeWindows-1za-n7,.video-1FfuMD{
  282. background-color:var(--backgroundDark)!important
  283. }
  284.  
  285. .peopleListItem-2nzedh:hover,
  286. .wrapper-3D2qGf {
  287. background-color: rgba(0, 0, 0, .25)
  288. }
  289.  
  290. .searchBar-6Kv8R2 .searchBarComponent-32dTOx,
  291. .actionButton-uPB8Fs,
  292. .inset-3sAvek {
  293. background-color: rgba(0, 0, 0, .45) !important
  294. }
  295.  
  296. .modal-yWgWj-,
  297. .root-1gCeng,
  298. .content-1o0f9g,
  299. .scrollableContainer-2NUZem,
  300. .popout-13LQ_3 {
  301. background-color: var(--backgroundDark)!important;
  302. box-shadow: inset 0 0 100000px 0 rgba(0, 0, 0, .5)!important;
  303. }
  304.  
  305. .webkit-HjD9Er .buttons-3JBrkn {
  306. margin-right: 5px;
  307. }
  308.  
  309. .scrollableContainer-2NUZem {
  310. overflow-y: auto;
  311. }
  312.  
  313. .attachWrapper-2TRKBi {
  314. border: none;
  315. }
  316.  
  317. .divider-JfaTT5:not([class="isUnread-3Ef-o9"]) {
  318. border-top-color: var(--backgroundDarker);
  319. }
  320.  
  321. .actionButton-uPB8Fs.highlight-Lf97TE {
  322. background: linear-gradient(to top left, var(--primaryGradient1), var(--primaryGradient2))!important;
  323. box-shadow: inset 0 0 100000px 0 rgba(0, 0, 0, .5)!important;
  324. }
  325.  
  326. [role="img"][aria-label]:before {
  327. top: 2px;
  328. left: 2px;
  329. width: calc(100% - 2px);
  330. height: calc(100% - 2px);
  331. }
  332.  
  333. .wrapper-2aW0bm {
  334. background-color: var(--backgroundDark)!important;
  335. box-shadow: inset 0 0 100000px 0 rgba(0, 0, 0, .5)!important;
  336. }
  337.  
  338. .button-1ZiXG9:hover {
  339. background-color: var(--backgroundDarker)!important;
  340. }
  341.  
  342. .form-2fGMdU:before {
  343. display: none;
  344. }
  345.  
  346. .container-3baos1 {
  347. border: none!important
  348. }
  349.  
  350. .content-1YdlXf {
  351. background-color: var(--backgroundDark);
  352. }
  353.  
  354. .content-1o0f9g {
  355. background-color: var(--backgroundDark)!important;
  356. border: 0px solid #fff !important;
  357. border-radius: 0px;
  358. }
  359.  
  360. .modal-yWgWj- {
  361. background-color: var(--backgroundDark)!important;
  362. }
  363.  
  364. .scrollerWrap-2lJEkd ::-webkit-scrollbar {
  365. width: 5px !important;
  366. }
  367.  
  368. .folder-21wGz3,
  369. .theme-dark .bodyInner-245q0L,
  370. .theme-dark .footer-1fjuF6 {
  371. background-color: var(--medium) !important;
  372. }
  373.  
  374. .grid-1nZz7S {
  375. background-color: var(--dark) !important;
  376. }
  377.  
  378. .searchBar-6Kv8R2 .searchBarComponent-32dTOx {
  379. background-color: var(--backgroundDark);
  380. }
  381.  
  382. .platform-win .sidebar-2K8pFh {
  383. border-radius: 0;
  384. }
  385.  
  386. .infoBar-U6oBFk,
  387. .emojiPicker-3m1S-j .categories-1feg4n {
  388. background-color: var(--backgroundDark);
  389. }
  390.  
  391. .toolbar-2bjZV7 {
  392. background-color: var(--backgroundDark);
  393. }
  394.  
  395. .button-qqmJ7w {
  396. background-color: var(--backgroundDark)!important;
  397. border-radius: 0px !important;
  398. }
  399.  
  400. .divider-24xeUg {
  401. display: none;
  402. }
  403.  
  404. .toolbar-2bjZV7:before {
  405. border-top: 8px solid var(--backgroundDark);
  406. }
  407.  
  408. .timestampCozyAlt-1Hs08c {
  409. width: 3rem;
  410. }
  411.  
  412. .scroller-3sQKXg:after {
  413. height: 18px;
  414. }
  415.  
  416. .slideBody-2nMrnU,
  417. .or-3THJsp,
  418. .slideBody-35BNbg,
  419. .footer-3rDWdC,
  420. .regionSelectModal-12e-57,
  421. .regionSelectModalOption-2DSIZ3 {
  422. background-color: var(--backgroundDark) !important;
  423. }
  424.  
  425. .avatar-21196O {
  426. border: 0px;
  427. }
  428.  
  429. .input-1mgnkM,
  430. .input-UJ9Tr3 {
  431. color: white !important;
  432. }
  433.  
  434. .content-MLh4nU {
  435. background-color: transparent !important;
  436. }
  437.  
  438. .activeButton-1BJAiN,
  439. .theme-dark .activeButton-1BJAiN:hover,
  440. .theme-dark .pageButton-MknE-_:hover,
  441. .colorTransparent-1ewNp9 {
  442. background-color: rgba(0, 0, 0, .25) !important;
  443. }
  444.  
  445. .css-1ye7vu0 {
  446. background-color: var(--backgroundDark);
  447. }
  448.  
  449. .css-5fjw8m-control {
  450. background-color: var(--backgroundDark)!important;
  451. border-radius: 0px;
  452. }
  453.  
  454. .css-1rckt42-menu {
  455. border-top: var(--backgroundDark) !important;
  456. }
  457.  
  458. .css-5fjw8m-control:hover {
  459. background-color: var(--backgroundDark) !important;
  460. }
  461.  
  462. .css-1gnr91b-option:hover {
  463. background-color: rgba(0, 0, 0, .25) !important;
  464. }
  465.  
  466. .css-ncjuf0-control {
  467. background-color: var(--backgroundDark)!important;
  468. border-radius: 0px;
  469. }
  470.  
  471. .card-3DjzTQ,
  472. .cardPlaceholder-1zrbbe {
  473. background-color: var(--backgroundDark)!important;
  474. }
  475.  
  476. .privateChannelsHeaderContainer-Gcpv_s {
  477. display: flex;
  478. }
  479.  
  480. .headerText-1-AnT0 {
  481. display: block !important;
  482. }
  483.  
  484. .embedFull-2tM8-- {
  485. border-left: 2.5px solid;
  486. background-color: rgba(1, 1, 1, 0.1);
  487. }
  488.  
  489. .input-2VB9rf {
  490. border-radius: 0px !important;
  491. }
  492.  
  493. .input-2VB9rf,
  494. .theme-dark .input-2VB9rf:focus {
  495. background-color: var(--backgroundDark)!important;
  496. box-shadow: inset 0 0 100000px rgba(0, 0, 0, 0);
  497. border: 1px solid rgba(0, 0, 0, .25)!important;
  498. border-radius: 0px!important;
  499. padding: 1px 4px 1px 4px;
  500. width: 541px;
  501. }
  502.  
  503. .scroller-zPkAnE {
  504. background-color: var(--backgroundDark);
  505. border-left: 1.2px solid rgba(1, 1, 1, 0.25);
  506. padding-right: 1px;
  507. }
  508.  
  509. .multipleIconWrapper-2TXVB4,.outer-2IVh5n,.recentlyPlayedContainer-2F3MqS,.section-3TvauS,.unwrapped-37iUtM {
  510. background-color: var(--backgroundDark)!important;
  511. box-shadow: inset 0 0 100000px rgba(0,0,0,.25)
  512. }
  513.  
  514. .separator-1N1EBC {
  515. background-color: var(--backgroundDark)!important;
  516. box-shadow: inset 0 0 100000px rgba(255,255,255,.05)
  517. }
  518.  
  519. .popoutContainer-3WC9HR:hover,.unwrapped-37iUtM:hover {
  520. background-color: var(--backgroundDark)!important;
  521. box-shadow: inset 0 0 100000px rgba(0,0,0,.45)
  522. }
  523.  
  524. .card-3EIh8J:hover,.popout-3G62UL {
  525. background-color: var(--backgroundDark)!important;
  526. box-shadow: inset 0 0 100000px rgba(0,0,0,.45),0 8px 16px rgba(0,0,0,.24)!important
  527. }
  528.  
  529. .applicationTile-1Goy1W,.body-SKIE6r,.card-1KzkE6,.dockItem-2kQDqg:hover,.rowWrapperActive-2L7i9f,.tile-367QuY {
  530. background-color: rgba(0,0,0,.3)!important
  531. }
  532.  
  533. #friends .friends-table .friends-row+.friends-row,.rowWrapper-2fB6P0+.rowWrapper-2fB6P0 .row-ZLfFhY {
  534. border-top-color: rgba(0,0,0,.15)!important
  535. }
  536.  
  537. #friends .friends-table .friends-table-header,.header-39GIC8 {
  538. border-bottom-color: rgba(0,0,0,.15)!important
  539. }
  540.  
  541. .card-1KzkE6,.card-7JP0BX,.news-2GDtLJ {
  542. background: 0 0!important
  543. }
  544.  
  545. .header-1RC2Wb {
  546. background-color: rgba(0,0,0,.5)!important
  547. }
  548.  
  549. .rowBackground-3MeNoN,.splashArt-3yFzRe {
  550. filter: grayscale(0);
  551. opacity: 1
  552. }
  553.  
  554. .paginationItem-2lUq0s:after {
  555. background: linear-gradient(270deg,transparent 0,var(--backgroundDark))!important
  556. }
  557.  
  558. #friends .friends-table .friends-row:hover {
  559. background-color: rgba(0,0,0,.25)!important
  560. }
  561.  
  562. .spinner-wandering-cubes .spinner-item,.wanderingCubesItem-WPXqao {
  563. background-color: var(--primary)
  564. }
  565.  
  566. .hasMore-3e72_v button {
  567. background-color: rgba(0,0,0,.25)!important;
  568. border: none!important
  569. }
  570.  
  571. .jumpToPresentBar-9P20AM {
  572. background-color: #1e232e!important;
  573. left: 23px;
  574. right: 23px
  575. }
  576.  
  577. .jumpToPresentBar-9P20AM button:first-child {
  578. display: none
  579. }
  580.  
  581. .jumpToPresentBar-9P20AM {
  582. justify-content: flex-end;
  583. background-color: transparent!important
  584. }
  585.  
  586. .jumpToPresentBar-9P20AM button:last-child {
  587. background-color: rgba(0,0,0,.5);
  588. border-radius: 6px 6px 0 0;
  589. margin-right: 20px
  590. }
  591.  
  592. .discriminator-xUhQkU,.headerName-fajvi9,.headerTag-2pZJzA,.headerTagUsernameNoNickname-2_H881,.nameTag-2IFDfL {
  593. color: #fff!important;
  594. font-weight: 700;
  595. letter-spacing: 1.2px;
  596. text-shadow: 0 0 5px #000
  597. }
  598.  
  599. .userSettingsAccount-2eMFVR div:nth-child(2)>div:nth-child(2)>.viewBody-2Qz-jg:hover {
  600. filter: blur(0)
  601. }
  602.  
  603. .userSettingsAccount-2eMFVR div:nth-child(2)>div:nth-child(2)>.viewBody-2Qz-jg {
  604. filter: blur(5px);
  605. transition: 250ms filter ease-in-out
  606. }
  607.  
  608. .header-2o-2hj,.title-3qD0b- {
  609. box-shadow: none!important
  610. }
  611.  
  612. .option-96V44q:after {
  613. background-image: none!important
  614. }
  615.  
  616. .containerCozy-jafyvG .divider-32i8lo,.messageGroupBlocked-3wrQQX,.welcomeMessage-3_Mcht {
  617. display: none
  618. }
  619.  
  620. .typeWindows-1za-n7 {
  621. margin: 0;
  622. border-bottom: 1px solid rgba(0,0,0,.25);
  623. height: 23px
  624. }
  625.  
  626. .app-19_DXt {
  627. border-top: 1px solid rgba(0,0,0,.25)
  628. }
  629.  
  630. .winButton-iRh8-Z {
  631. top: 0;
  632. height: 23px
  633. }
  634.  
  635. .typing-2GQL18 {
  636. background: 0 0!important;
  637. top: -17px
  638. }
  639.  
  640. .headerBar-UHpsPw,.searchBar-6Kv8R2 {
  641. box-shadow: none!important
  642. }
  643.  
  644. .overlappingBorder-1ysb12 {
  645. border-color: var(--primary)!important
  646. }
  647.  
  648. .container-1UB9sr {
  649. border: none
  650. }
  651.  
  652. .description-3rB3Rp,.mediaFade-1SdEfL {
  653. background: linear-gradient(180deg,transparent,rgba(0,0,0,.05) 45%,var(--backgroundDark))!important
  654. }
  655.  
  656. .itemBackground-1jfD8p:before {
  657. background: radial-gradient(ellipse at top,rgba(0,0,0,0),var(--backgroundDark)),-webkit-gradient(linear,left top,right top,from(var(--backgroundDark)),color-stop(40%,rgba(0,0,0,0)),color-stop(60%,rgba(0,0,0,0)),to(var(--backgroundDark))),-webkit-gradient(linear,left bottom,left top,color-stop(10%,var(--backgroundDark)),color-stop(70%,rgba(0,0,0,0)));
  658. background: radial-gradient(ellipse at top,rgba(0,0,0,0),var(--backgroundDark)),linear-gradient(90deg,var(--backgroundDark) 0,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 60%,var(--backgroundDark)),linear-gradient(0deg,var(--backgroundDark) 10%,rgba(0,0,0,0) 70%)
  659. }
  660.  
  661. @media (min-width:849px) {
  662. .itemBackground-1jfD8p:before {
  663. background: radial-gradient(ellipse at top,rgba(0,0,0,0),var(--backgroundDark)),-webkit-gradient(linear,left top,right top,from(var(--backgroundDark)),color-stop(40%,rgba(0,0,0,0)),color-stop(60%,rgba(0,0,0,0)),to(var(--backgroundDark))),-webkit-gradient(linear,left bottom,left top,color-stop(10%,var(--backgroundDark)),color-stop(70%,rgba(0,0,0,0)));
  664. background: radial-gradient(ellipse at top,rgba(0,0,0,0),var(--backgroundDark)),linear-gradient(90deg,var(--backgroundDark) 0,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 60%,var(--backgroundDark)),linear-gradient(0deg,var(--backgroundDark) 10%,rgba(0,0,0,0) 70%)
  665. }
  666. }
  667.  
  668. .guild-1EfMGQ .guildInner-3DSoA4 a[style*="/assets/f046e2247d730629309457e902d5c5b3.svg"],div[style*="/assets/f046e2247d730629309457e902d5c5b3.svg"] {
  669. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgPGRlZnM+ICAgIDxwYXRoIGlkPSJhIiBkPSJNOC45NzQxMjUyNSAxNC45ODI2NTljLTQuNDU5ODU2MS0uMDA4Mzc4NC00LjQxOTM0NTQ1LTEuMTk2OTA2MS00LjQxOTM0NTQ1LTEuMTk2OTA2MXMuMDU5OTM3MzctMS41NzMxMDI4LjI3NjIwOTEtMi4wMjU1MzMzYy4yMTYyNzE3LS40NTI0MzA1IDMuMjIyNDM5MzgtMS4zODEwNDU1IDMuMjIyNDM5MzgtMS4zODEwNDU1bC4wMTEyMzI1LS4zMzA4MDY0Yy0xLjI3ODc1Ni0uNDk3MjY4NDQtMi4wMzY3NjU4My0yLjIwMTExMDI1LTIuMDM2NzY1ODMtNC4yMjY2NDM1OCAwLTIuMzkyNzA3MjggMS4zMTQ5Mzk0LTMuNjEzMDkxMSAyLjk0NjIzMDMtMy42MzU2NDgyLjAzMDc1MTI4LS4wMDA2NDQ0Ny4wMzgzMDEtLjAwMTEwNDgyLjA0NjAzNDg1LS4wMDExMDQ4MiAxLjYzMzQwODUuMDIzNjYxOSAyLjk1MDA5NzIgMS4yNDM5NTM2NyAyLjk1MDA5NzIgMy42MzY3NTMwMiAwIDIuMDI1NTMzMzMtLjc1OTI5ODggMy43MjkzNzUxNC0yLjAzOTYxOTk3IDQuMjI2NjQzNThsLjAxMTIzMjUuMzMwODA2NHMzLjAxMDIxODc3LjkyODYxNSAzLjIyNjc2NjY3IDEuMzgxMDQ1NWMuMjE2NTQ3OS40NTI0MzA1LjI3NjU3NzQgMi4wMjU1MzMzLjI3NjU3NzQgMi4wMjU1MzMzcy4wNDA1MTA2IDEuMTg4NTI3Ny00LjQyNTA1MzggMS4xOTY3MjE5Yy0uMDMwNzUxMjguMDAwMDkyMS0uMDM4MjA4OTMuMDAwMTg0Mi0uMDQ2MDM0ODUuMDAwMTg0MnoiLz4gICAgPG1hc2sgaWQ9ImIiIHdpZHRoPSIxMi44OTA0NTM1IiBoZWlnaHQ9IjE2Ljc5NzY4NzkiIHg9Ii0yIiB5PSItMiI+ICAgICAgPHBhdGggZmlsbD0iIzE0MTcxZiIgZD0iTTIuNTU0NzczMjcuMTg0OTcxMWgxMi44OTA0NTM1VjE2Ljk4MjY1OUgyLjU1NDc3MzI3eiIvPiAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2EiLz4gICAgPC9tYXNrPiAgPC9kZWZzPiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgPHBhdGggZmlsbD0iIzE0MTcxZiIgZD0iTTAgMGgzMHYzMEgweiIvPiAgICA8cGF0aCBzdHJva2U9IiMwMDhhZTYiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTE5LjUyMzM5ODIgMjAuNzk3Njg3OWMtNC40NTk4NTYxLS4wMDgzNzg0LTQuNDE5MzQ1NDItMS4xOTY5MDYxLTQuNDE5MzQ1NDItMS4xOTY5MDYxcy4wNTk5MzczNy0xLjU3MzEwMjguMjc2MjA5MS0yLjAyNTUzMzMzYy4yMTYyNzE3LS40NTI0MzA1IDMuMjIyNDM5NDItMS4zODEwNDU0NSAzLjIyMjQzOTQyLTEuMzgxMDQ1NDVsLjAxMTIzMjUtLjMzMDgwNjQyYy0xLjI3ODc1NjEtLjQ5NzI2ODQzLTIuMDM2NzY1OS0yLjIwMTExMDI0LTIuMDM2NzY1OS00LjIyNjY0MzU3IDAtMi4zOTI3MDczIDEuMzE0OTM5NC0zLjYxMzA5MTEyIDIuOTQ2MjMwMy0zLjYzNTY0ODJDMTkuNTU0MTQ5NSA4LjAwMDQ2MDM2IDE5LjU2MTY5OTIgOCAxOS41Njk0MzMxIDhjMS42MzM0MDg1LjAyMzY2MTkgMi45NTAwOTcyIDEuMjQzOTUzNjcgMi45NTAwOTcyIDMuNjM2NzUzMDMgMCAyLjAyNTUzMzMzLS43NTkyOTg4IDMuNzI5Mzc1MTQtMi4wMzk2MiA0LjIyNjY0MzU3bC4wMTEyMzI1LjMzMDgwNjQyczMuMDEwMjE4Ny45Mjg2MTQ5NiAzLjIyNjc2NjcgMS4zODEwNDU0NWMuMjE2NTQ3OS40NTI0MzA1My4yNzY1NzczIDIuMDI1NTMzMzMuMjc2NTc3MyAyLjAyNTUzMzMzcy4wNDA1MTA3IDEuMTg4NTI3Ny00LjQyNTA1MzcgMS4xOTY3MjE5Yy0uMDMwNzUxMy4wMDAwOTIxLS4wMzgyMDg5LjAwMDE4NDItLjA0NjAzNDkuMDAwMTg0MnptLTkuMTA0MDQ2MjIgMGMtNC40NTk4NTYxLS4wMDgzNzg0LTQuNDE5MzQ1NDQtMS4xOTY5MDYxLTQuNDE5MzQ1NDQtMS4xOTY5MDYxcy4wNTk5MzczNy0xLjU3MzEwMjguMjc2MjA5MS0yLjAyNTUzMzMzYy4yMTYyNzE3LS40NTI0MzA1IDMuMjIyNDM5MzgtMS4zODEwNDU0NSAzLjIyMjQzOTM4LTEuMzgxMDQ1NDVsLjAxMTIzMjUtLjMzMDgwNjQyYy0xLjI3ODc1NjAyLS40OTcyNjg0My0yLjAzNjc2NTgzLTIuMjAxMTEwMjQtMi4wMzY3NjU4My00LjIyNjY0MzU3IDAtMi4zOTI3MDczIDEuMzE0OTM5NC0zLjYxMzA5MTEyIDIuOTQ2MjMwMjctMy42MzU2NDgyQzEwLjQ1MDEwMzI3IDguMDAwNDYwMzYgMTAuNDU3NjUyOTcgOCAxMC40NjUzODY4MyA4YzEuNjMzNDA4NS4wMjM2NjE5IDIuOTUwMDk3MjMgMS4yNDM5NTM2NyAyLjk1MDA5NzIzIDMuNjM2NzUzMDMgMCAyLjAyNTUzMzMzLS43NTkyOTg4IDMuNzI5Mzc1MTQtMi4wMzk2MiA0LjIyNjY0MzU3bC4wMTEyMzI1LjMzMDgwNjQyczMuMDEwMjE4NzUuOTI4NjE0OTYgMy4yMjY3NjY2NyAxLjM4MTA0NTQ1Yy4yMTY1NDc5My40NTI0MzA1My4yNzY1NzczNyAyLjAyNTUzMzMzLjI3NjU3NzM3IDIuMDI1NTMzMzNzLjA0MDUxMDY3IDEuMTg4NTI3Ny00LjQyNTA1Mzc3IDEuMTk2NzIxOWMtLjAzMDc1MTI4LjAwMDA5MjEtLjAzODIwODkyLjAwMDE4NDItLjA0NjAzNDg1LjAwMDE4NDJ6IiBvcGFjaXR5PSIuNiIvPiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2IDgpIj4gICAgICA8dXNlIGZpbGw9IiMwMDhhZTYiIHhsaW5rOmhyZWY9IiNhIi8+ICAgICAgPHVzZSBzdHJva2U9IiMwMDhhZTYiIHN0cm9rZS13aWR0aD0iNCIgbWFzaz0idXJsKCNiKSIgeGxpbms6aHJlZj0iI2EiLz4gICAgPC9nPiAgICA8cGF0aCBmaWxsPSIjMTQxNzFmIiBzdHJva2U9IiMwMDhhZTYiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTE0Ljk3NDEyNTI1IDIyLjk4MjY1OWMtNC40NTk4NTYxLS4wMDgzNzg0LTQuNDE5MzQ1NDUtMS4xOTY5MDYxLTQuNDE5MzQ1NDUtMS4xOTY5MDYxcy4wNTk5MzczNy0xLjU3MzEwMjguMjc2MjA5MS0yLjAyNTUzMzNjLjIxNjI3MTctLjQ1MjQzMDUgMy4yMjI0MzkzOC0xLjM4MTA0NTUgMy4yMjI0MzkzOC0xLjM4MTA0NTVsLjAxMTIzMjUtLjMzMDgwNjRjLTEuMjc4NzU2LS40OTcyNjg0NC0yLjAzNjc2NTgzLTIuMjAxMTEwMjUtMi4wMzY3NjU4My00LjIyNjY0MzU4IDAtMi4zOTI3MDcyOCAxLjMxNDkzOTQtMy42MTMwOTExIDIuOTQ2MjMwMy0zLjYzNTY0ODIuMDMwNzUxMjgtLjAwMDY0NDQ3LjAzODMwMS0uMDAxMTA0ODIuMDQ2MDM0ODUtLjAwMTEwNDgyIDEuNjMzNDA4NS4wMjM2NjE5IDIuOTUwMDk3MiAxLjI0Mzk1MzY3IDIuOTUwMDk3MiAzLjYzNjc1MzAyIDAgMi4wMjU1MzMzMy0uNzU5Mjk4OCAzLjcyOTM3NTE0LTIuMDM5NjE5OTcgNC4yMjY2NDM1OGwuMDExMjMyNS4zMzA4MDY0czMuMDEwMjE4NzcuOTI4NjE1IDMuMjI2NzY2NjcgMS4zODEwNDU1Yy4yMTY1NDc5LjQ1MjQzMDUuMjc2NTc3NCAyLjAyNTUzMzMuMjc2NTc3NCAyLjAyNTUzMzNzLjA0MDUxMDYgMS4xODg1Mjc3LTQuNDI1MDUzOCAxLjE5NjcyMTljLS4wMzA3NTEyOC4wMDAwOTIxLS4wMzgyMDg5My4wMDAxODQyLS4wNDYwMzQ4NS4wMDAxODQyeiIvPiAgPC9nPjwvc3ZnPg==)!important
  670. }
  671.  
  672. .browseSearchInput-Jt8kg0,.emojiRow-zIc7ZX .emojiAliasInput-1y-NBz .emojiInput-1aLNse,.input-2VB9rf,.libraryFilter-31ZUa2 .libraryFilterInput-3JzqZD,.need-help-modal.form.deprecated .header input[type=text],.note-3kmerW textarea:focus,.plugin-settings input[type=text],.search .search-bar,.search-2oPWTC .searchBar-3dMhjb,.search-bar .search-bar-inner,.searchBar-1MOL6S,.searchBar-2_Yu-C .searchBarInner-1_Tg2R,.searchBar-2_Yu-C.searchBarLight-1NxoDG,.searchBar-2_Yu-C.searchBarLight-1NxoDG .searchBarInner-1_Tg2R,.searchBox-3Y2Vi7,.theme-dark .input-2VB9rf,.theme-dark .input-2VB9rf:focus {
  673. background-color: var(--backgroundDark)!important;
  674. box-shadow: inset 0 0 100000px rgba(0,0,0,.5);
  675. border: 1px solid rgba(0,0,0,.25)!important;
  676. border-radius: 50px!important;
  677. padding: 1px 4px;
  678. }
  679.  
  680. div[data-contents="true"] {
  681. padding-left: 2px
  682. }
  683.  
  684. .searchBar-2_Yu-C,.searchBar-2_Yu-C .searchBarInner-1_Tg2R,.searchBar-2_Yu-C.searchBarLight-1NxoDG {
  685. background-color: transparent;
  686. border-color: transparent
  687. }
  688.  
  689. .plugin-settings input[type=text] {
  690. color: #fff
  691. }
  692.  
  693. .libraryFilter-31ZUa2 .libraryFilterInput-3JzqZD:focus {
  694. border: 1px solid rgba(0,0,0,.25)!important
  695. }
  696.  
  697. .quickMessage-1yeL4E {
  698. background-color: rgba(0,0,0,.25)!important;
  699. border: 1px solid rgba(0,0,0,.25)!important;
  700. border-radius: 50px
  701. }
  702.  
  703. .note-3kmerW textarea:focus {
  704. line-height: 18px
  705. }
  706.  
  707. .search-bar {
  708. background-color: var(--backgroundDark)!important
  709. }
  710.  
  711. .da-search .da-searchBar .DraftEditor-root {
  712. line-height: 14px;
  713. float: left
  714. }
  715.  
  716. .da-search .da-searchBar .da-iconLayout.da-icon {
  717. padding-bottom: 4px
  718. }
  719.  
  720. .search .search-bar .icon {
  721. top: 3px
  722. }
  723.  
  724. .searchResultsWrap-2DKFzt,.searchResultsWrap-2DKFzt .channelSeparator-1X1FuH .channelName-1QajIf {
  725. background-color: var(--backgroundDark)!important
  726. }
  727.  
  728. .searchResultsWrap-2DKFzt .jumpButton-Ia2hRJ,.searchResultsWrap-2DKFzt .searchHeader-1l-wpR,.searchResultsWrap-2DKFzt .searchResultMessage-2VxO12.hit-NLlWXA {
  729. background-color: rgba(0,0,0,.15)!important
  730. }
  731.  
  732. .searchResultsWrap-2DKFzt .searchResult-3pzFAB .hit-NLlWXA {
  733. box-shadow: none!important
  734. }
  735.  
  736. .searchResult-3pzFAB .searchResultMessage-2VxO12.hit-NLlWXA {
  737. border: none!important
  738. }
  739.  
  740. .searchResultsWrap-2DKFzt .searchResult-3pzFAB:before {
  741. background-image: linear-gradient(0deg,transparent,var(--backgroundDark))!important
  742. }
  743.  
  744. .searchResultsWrap-2DKFzt .searchResult-3pzFAB:after {
  745. background-image: linear-gradient(180deg,transparent,var(--backgroundDark))!important
  746. }
  747.  
  748. .searchResultsWrap-2DKFzt .searchResult-3pzFAB .hit-NLlWXA .search-result-message.hit {
  749. border-color: transparent!important
  750. }
  751.  
  752. #friends .friends-empty .image-1GzsFd,.animation-3GofIz,.emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq,.emptyPlaceholder-1zh-Eu .image-2JDb81,.emptyStateImage-2eMp68,.icon-1kp3fr,.wrapper-r-6rrt .image-1GzsFd {
  753. mix-blend-mode: luminosity
  754. }
  755.  
  756. .hljs,.markup-2BOw-j code,.markup-2BOw-j code.inline {
  757. background-color: rgba(0,0,0,.25)!important
  758. }
  759.  
  760. .hljs {
  761. border-radius: 0 6px 6px 6px
  762. }
  763.  
  764. .wrapper-2lTRaf {
  765. background-color: transparent!important
  766. }
  767.  
  768. .wrapper-1Rf91z {
  769. background-color: var(--backgroundDark)!important
  770. }
  771.  
  772. .selected-nT-gM3:before {
  773. background-image: linear-gradient(to bottom,var(--primaryGradient1),var(--primaryGradient2))!important
  774. }
  775.  
  776. .circleIconButton-jET_ig {
  777. background-color: rgba(0,0,0,.25)!important
  778. }
  779.  
  780. .circleIconButton-jET_ig:hover {
  781. border-color: var(--primary)!important
  782. }
  783.  
  784. .pageWrapper-1PgVDX {
  785. background-color: var(--backgroundDark)!important
  786. }
  787.  
  788. .bg-AYqtMd {
  789. -webkit-mask: linear-gradient(to bottom,#000,transparent)
  790. }
  791.  
  792. .wrapper-3WhCwL {
  793. background-color: rgba(0,0,0,.23)!important;
  794. color: var(--primary)!important;
  795. border-radius: 50px;
  796. padding: .5px 5px;
  797. transition: all .2s ease
  798. }
  799.  
  800. .wrapperHover-1GktnT:hover {
  801. background-color: var(--primary)!important;
  802. color: #fff!important
  803. }
  804.  
  805. svg[name=Nova_Discord] * {
  806. display: none
  807. }
  808.  
  809. .wrapper-232cHJ {
  810. border-radius: 100px;
  811. background-color: var(--primary)
  812. }
  813.  
  814. .attachment-33OFj0,.embedInner-1-fpTo,.wrapper-35wsBm {
  815. background-color: rgba(0,0,0,.26)!important;
  816. border-color: rgba(0,0,0,.29)!important
  817. }
  818.  
  819. .body-1SVoBw,.container-3cGP6G,.everyonePopout-nEbJY3,.footer-2yfCgX,.gamePreview-9weYR2,.menu-Sp6bN1,.modal-3HD5ck,.need-help-modal.form.deprecated,.need-help-modal.form.deprecated .footer,.need-help-modal.form.deprecated .form-inner.loading,.news-2KwXHF,.premiumPromo-yVfLiA,.quickswitcher-3JagVE {
  820. background-color: var(--backgroundDark)!important
  821. }
  822.  
  823. .attachPopout-1n-ZKM,.bf-toolbar:before,.resultFocused-3aIoYe {
  824. background-color: rgba(0,0,0,.25)!important
  825. }
  826.  
  827. .attachPopoutRow-KrE-f6:hover,.uploadModal-2ifh8j .footer-3mqk7D {
  828. background-color: rgba(0,0,0,.15)!important
  829. }
  830.  
  831. .uploadModal-2ifh8j {
  832. background-color: var(--primary)!important
  833. }
  834.  
  835. .uploadModal-2ifh8j .footer-3mqk7D .button {
  836. background-color: transparent!important
  837. }
  838.  
  839. .need-help-modal.form.deprecated .footer {
  840. border: none!important
  841. }
  842.  
  843. .need-help-modal.form.deprecated .header {
  844. background-color: var(--primary)!important
  845. }
  846.  
  847. .menu-Sp6bN1 {
  848. border: 1px solid rgba(0,0,0,.5)!important;
  849. box-sizing: border-box;
  850. box-shadow: 0 0 10px 10px rgba(0,0,0,.5)!important
  851. }
  852.  
  853. .footer-2aTx0s,.item-1GzJrl:hover,.item-2J1YMK:hover,.message-2qRu38,.option-96V44q.selected-rZcOL- {
  854. background-color: rgba(0,0,0,.35)!important
  855. }
  856.  
  857. .messagesPopoutWrap-1MQ1bW {
  858. background-color: var(--backgroundDark)!important
  859. }
  860.  
  861. .footer-1kmXd4,.header-ykumBX,.jumpButton-3DTcS_,.messageGroupWrapper-o-Zw7G {
  862. background-color: rgba(0,0,0,.15)!important
  863. }
  864.  
  865. .messageGroupWrapper-o-Zw7G {
  866. border-color: transparent!important
  867. }
  868.  
  869. .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug {
  870. box-shadow: none!important;
  871. background-color: transparent!important
  872. }
  873.  
  874. #bda-qem,#bda-qem button,#bda-qem-favourite-container,#bda-qem-twitch-container,.emoji-picker,.emoji-picker .category,.emojiPicker-3m1S-j,.emojiPicker-3m1S-j .category-2U57w6 {
  875. background-color: var(--backgroundDark)!important
  876. }
  877.  
  878. #bda-qem button.active {
  879. background-color: rgba(0,0,0,.5)!important
  880. }
  881.  
  882. #bda-qem button:hover {
  883. background-color: rgba(0,0,0,.35)!important
  884. }
  885.  
  886. #bda-qem,#bda-qem-favourite-container,#bda-qem-twitch-container,.emoji-picker,.emojiPicker-3m1S-j {
  887. border: 1px solid rgba(0,0,0,.5)!important
  888. }
  889.  
  890. .emojiPicker-3m1S-j .header-1nkwgG .search-bar .search-bar-inner {
  891. border-radius: 50px!important
  892. }
  893.  
  894. .ace-monokai {
  895. background-color: #1e232e!important
  896. }
  897.  
  898. .ace-monokai .ace_gutter,.ace-monokai .ace_gutter-active-line,.ace-monokai .ace_marker-layer .ace_active-line {
  899. background-color: rgba(0,0,0,.35)!important
  900. }
  901.  
  902. #bd-customcss-detach-container #bd-customcss-attach-controls,.contentRegion-3nDuYy #bd-customcss-attach-controls {
  903. background-color: var(--backgroundDarker)!important;
  904. box-shadow: none
  905. }
  906.  
  907. #bd-customcss-attach-controls {
  908. border-style: solid!important;
  909. border-color: #0a0c0f!important;
  910. border-width: 0 2px 2px 2px!important;
  911. border-radius: 0 0 10px 10px
  912. }
  913.  
  914. #bd-customcss-editor {
  915. border-style: solid!important;
  916. border-color: #0a0c0f!important;
  917. border-width: 2px 2px 0 2px!important;
  918. border-radius: 10px 10px 0 0
  919. }
  920.  
  921. #friends .friends-table .friends-row .friends-column-actions .friends-action,#friends .tab-bar.tab-bar-desktop .tab-bar-item,.app button,.bd-modal-wrapper .footer button,.button-3To2tQ,.connectionDelete-2Odoln,.lookFilled-1Gx00P,.lookInverted-2D7oAl.colorBrand-3pXr91,.lookOutlined-3sRXeN,.questionMark-CWEQZn {
  922. border-radius: 50px!important
  923. }
  924.  
  925. #bd-settingspane-container .bd-pfbtn,.bd-detached-css-editor #bd-customcss-attach-controls button,.bd-modal-wrapper .footer button,.bda-slist .bda-footer button,.headerButtonColor-G7_f-V,.lookFilled-1Gx00P.colorBrand-3pXr91,.lookFilled-1Gx00P.colorPrimary-3b3xI6,.lookInverted-2D7oAl.colorBrand-3pXr91,.lookOutlined-3sRXeN.colorBrand-3pXr91,.plugin-settings button,.questionMark-CWEQZn,.standardSidebarView-3F1I7i #bd-customcss-attach-controls button,.tabBar-1E2ExX .primary-3j8BhM {
  926. background-color: rgba(0,0,0,.5)!important;
  927. border: 1.5px solid var(--primary)!important;
  928. border-radius: 6px!important;
  929. color: #fff!important
  930. }
  931.  
  932. #bd-settingspane-container .bd-pfbtn:hover,#friends .tab-bar .tab-bar-item.tab-bar-item-primary,.bd-detached-css-editor #bd-customcss-attach-controls button:hover,.bd-modal-wrapper .footer button:hover,.bda-slist .bda-footer button:hover,.headerButtonColor-G7_f-V:hover,.lookFilled-1Gx00P.colorBrand-3pXr91:hover,.lookFilled-1Gx00P.colorPrimary-3b3xI6:hover,.lookOutlined-3sRXeN.colorBrand-3pXr91:hover,.plugin-settings button:hover,.questionMark-CWEQZn:hover,.standardSidebarView-3F1I7i #bd-customcss-attach-controls button:hover,.tabBar-1E2ExX .primary-3j8BhM:hover,.topPill-30KHOu .itemSelected-1qLhcL {
  933. color: #fff!important;
  934. border: 1.5px solid transparent!important;
  935. background-color: var(--primary);
  936. background-image: linear-gradient(to right,var(--primaryGradient1),var(--primaryGradient2));
  937. background-position: center;
  938. background-repeat: no-repeat;
  939. background-size: 200% 200%
  940. }
  941.  
  942. .lookInverted-2D7oAl.colorBrand-3pXr91:hover {
  943. color: #fff!important;
  944. border: 1.5px solid transparent;
  945. background-color: var(--primary)
  946. }
  947.  
  948. #friends .tab-bar .tab-bar-item.selected {
  949. background-color: var(--primary)!important;
  950. color: #fff!important
  951. }
  952.  
  953. #friends .tab-bar .tab-bar-item:hover:not(.selected),.topPill-30KHOu .item-PXvHYJ:hover:not(.itemSelected-1qLhcL) {
  954. background-color: rgba(0,0,0,.45)!important
  955. }
  956.  
  957. #friends .friends-table .friends-row .friends-column-actions .friends-action {
  958. background-color: rgba(0,0,0,.45)!important
  959. }
  960.  
  961. .checkbox .checkbox-inner input[type=checkbox]:checked+span {
  962. border-color: var(--primary);
  963. background-color: var(--primary)
  964. }
  965.  
  966. #bda-qem button,.bda-dark #bda-qem button {
  967. border-color: rgba(0,0,0,.15)!important;
  968. box-shadow: none!important;
  969. color: hsla(0,100%,100%,.85)!important
  970. }
  971.  
  972. .channel-2QD9_O.selected-1HYmZZ a,.channel-2QD9_O:hover a,.contentConnectedVoice-qL-YrL,.contentHoveredText-2D9B-x,.contentHoveredVoice-3p_NEO,.contentLockedText-1aHuz8:hover,.contentLockedVoice-1gx-SP:hover,.contentSelectedText-3wUhMi,.contentSelectedVoice-1WDIBM,.member-3W1lQa.popout-open .content-OzHfo4,.member-3W1lQa.popout-open:hover .content-OzHfo4,.member-3W1lQa:hover .content-OzHfo4 {
  973. background-color: rgba(0,0,0,.35)!important
  974. }
  975.  
  976. .channel-2QD9_O {
  977. overflow-y: visible
  978. }
  979.  
  980. .content-20Aix8 {
  981. overflow: visible
  982. }
  983.  
  984. .content-OzHfo4 {
  985. overflow-y: visible;
  986. position: relative;
  987. height: 50px
  988. }
  989.  
  990. .content-OzHfo4::after {
  991. content: "";
  992. height: 2px;
  993. width: 98.5%;
  994. border-radius: 50px;
  995. bottom: 5px;
  996. left: 1px;
  997. position: absolute;
  998. background-color: transparent;
  999. background-image: linear-gradient(to right,var(--primaryGradient1),var(--primaryGradient2));
  1000. transform: translateX(250px);
  1001. transition: all .2s ease
  1002. }
  1003.  
  1004. .content-20Aix8::after {
  1005. content: "";
  1006. height: 2px;
  1007. width: 98.5%;
  1008. border-radius: 50px;
  1009. bottom: 0;
  1010. left: 7.5px;
  1011. position: absolute;
  1012. background-color: transparent;
  1013. background-image: linear-gradient(to right,var(--primaryGradient1),var(--primaryGradient2));
  1014. transform: translateX(-250px);
  1015. transition: all .2s ease
  1016. }
  1017. .members-1998pB, .members-1998pB>div {background-color: var(--backgroundDark);}
  1018. .channel-2QD9_O.selected-1HYmZZ::after,.channel-2QD9_O:hover::after,.contentConnectedVoice-qL-YrL::after,.contentLockedText-1aHuz8:hover::after,.contentLockedVoice-1gx-SP:hover::after,.contentSelectedText-3wUhMi::after,.contentSelectedVoice-1WDIBM::after,.da-containerDefault:hover .content-20Aix8::after,.member-3W1lQa.popout-open .content-OzHfo4::after,.member-3W1lQa.popout-open:hover .content-OzHfo4::after,.member-3W1lQa:hover .content-OzHfo4::after {
  1019. transform: translateX(0)
  1020. }
  1021.  
  1022. .membersGroup-v9BXpm {
  1023. pointer-events: none
  1024. }
  1025.  
  1026. .iconCollapsed-3hFp_8,.iconDefault-3Gr8d2,.membersGroup-v9BXpm,.nameCollapsed-34uFWo,.nameDefault-2DI02H {
  1027. color: hsla(0,100%,100%,.65)!important
  1028. }
  1029.  
  1030. .iconHovered-2L3-fB,.iconHoveredCollapsed-3caIIZ,.nameHovered-1gxhWH,.nameHoveredCollapsed-2orEWB {
  1031. color: hsla(0,100%,100%,.95)!important
  1032. }
  1033.  
  1034. .linkButtonIcon-Mlm5d6 {
  1035. color: var(--primary)
  1036. }
  1037.  
  1038. .userPopout-3XzG_A {
  1039. box-shadow: 0 0 5px 1.53px rgba(0,0,0,.75);
  1040. background-color: var(--backgroundDark)!important
  1041. }
  1042.  
  1043. .headerNormal-T_seeN {
  1044. background-color: rgba(0,0,0,.25)!important
  1045. }
  1046.  
  1047. .activity-11LB_k,.headerFill-adLl4x {
  1048. background-color: rgba(0,0,0,.15)
  1049. }
  1050.  
  1051. .headerPlaying-j0WQBV,.topSectionPlaying-1J5E4n {
  1052. z-index: 1;
  1053. background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIwMDAgMjAwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAwMCAyMDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyBvcGFjaXR5PSIwLjM1Ij48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjM4LjMsNTgwYy01LjktNS45LTE1LjQtNS45LTIxLjIsMHYwbC0yNiwyNmwtMjYtMjZjLTUuOS01LjktMTUuNC01LjktMjEuMiwwcy01LjksMTUuNCwwLDIxLjJsMjYsMjYgICBsLTI2LDI2Yy01LjksNS45LTUuOSwxNS40LDAsMjEuMnMxNS40LDUuOSwyMS4yLDBsMjYtMjZsMjYsMjZjNS45LDUuOSwxNS40LDUuOSwyMS4yLDBzNS45LTE1LjQsMC0yMS4ybC0yNi0yNmwyNi0yNiAgIEM2NDQuMiw1OTUuMyw2NDQuMiw1ODUuOCw2MzguMyw1ODB6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE0NzkuNiwxNDM3LjJjLTUuOS01LjktMTUuNC01LjktMjEuMiwwbDAsMGwtMjYsMjZsLTI2LTI2Yy01LjktNS45LTE1LjQtNS45LTIxLjIsMCAgIGMtNS45LDUuOS01LjksMTUuNCwwLDIxLjJoMGwyNiwyNmwtMjYsMjZjLTUuOSw1LjktNS45LDE1LjQsMCwyMS4yYzUuOSw1LjksMTUuNCw1LjksMjEuMiwwbDI2LTI2bDI2LDI2YzUuOSw1LjksMTUuNCw1LjksMjEuMiwwICAgYzUuOS01LjksNS45LTE1LjQsMC0yMS4ybC0yNi0yNmwyNi0yNkMxNDg1LjUsMTQ1Mi41LDE0ODUuNSwxNDQzLDE0NzkuNiwxNDM3LjJ6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYwMS43LDE3MzguN2MtNS45LTUuOS0xNS40LTUuOS0yMS4yLDB2MGwtMjYsMjZsLTI2LTI2Yy01LjktNS45LTE1LjQtNS45LTIxLjIsMCAgIGMtNS45LDUuOS01LjksMTUuNCwwLDIxLjJoMGwyNiwyNmwtMjYsMjZjLTUuOSw1LjktNS45LDE1LjQsMCwyMS4yYzUuOSw1LjksMTUuNCw1LjksMjEuMiwwbDI2LTI2bDI2LDI2YzUuOSw1LjksMTUuNCw1LjksMjEuMiwwICAgYzUuOS01LjksNS45LTE1LjQsMC0yMS4ybC0yNi0yNmwyNi0yNkM2MDcuNiwxNzU0LjEsNjA3LjYsMTc0NC42LDYwMS43LDE3MzguN3oiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTczNi4yLDMwNS44YzUuOSw1LjksMTUuNCw1LjksMjEuMiwwYzUuOS01LjksNS45LTE1LjQsMC0yMS4ybC0yNi0yNmwyNi0yNmM1LjktNS45LDUuOS0xNS40LDAtMjEuMiAgIGMtNS45LTUuOS0xNS40LTUuOS0yMS4yLDBoMGwtMjYsMjZsLTI2LTI2Yy01LjktNS45LTE1LjQtNS45LTIxLjIsMGMtNS45LDUuOS01LjksMTUuNCwwLDIxLjJoMGwyNiwyNmwtMjYsMjYgICBjLTUuOSw1LjktNS45LDE1LjQsMCwyMS4yYzUuOSw1LjksMTUuNCw1LjksMjEuMiwwbDI2LTI2TDE3MzYuMiwzMDUuOHoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTE3NC45LDUzOWMtNS0zLjQtMTAuNS02LTE2LjMtNy44Yy01LjktMS44LTEyLjEtMi44LTE4LjUtMi44Yy04LjYsMC0xNi44LDEuNy0yNC4yLDQuOSAgIGMtMTEuMiw0LjctMjAuNywxMi42LTI3LjQsMjIuNWMtMy40LDUtNiwxMC41LTcuOCwxNi4zYy0xLjgsNS45LTIuOCwxMi4xLTIuOCwxOC41YzAsOC42LDEuNywxNi44LDQuOSwyNC4yICAgYzQuNywxMS4yLDEyLjYsMjAuNywyMi41LDI3LjRjNSwzLjQsMTAuNSw2LDE2LjMsNy44YzUuOSwxLjgsMTIuMSwyLjgsMTguNSwyLjhjOC42LDAsMTYuOC0xLjcsMjQuMi00LjkgICBjMTEuMi00LjcsMjAuNy0xMi42LDI3LjQtMjIuNWMzLjQtNSw2LTEwLjUsNy44LTE2LjNjMS44LTUuOSwyLjgtMTIuMSwyLjgtMTguNWMwLTguNi0xLjctMTYuOC00LjktMjQuMiAgIEMxMTkyLjcsNTU1LjIsMTE4NC44LDU0NS43LDExNzQuOSw1Mzl6IE0xMTY5LjgsNjAzLjFjLTIuNCw1LjgtNi41LDEwLjctMTEuNywxNC4yYy0yLjYsMS43LTUuNCwzLjEtOC40LDQuMSAgIGMtMywwLjktNi4yLDEuNC05LjYsMS40Yy00LjUsMC04LjctMC45LTEyLjYtMi41Yy01LjgtMi40LTEwLjctNi41LTE0LjItMTEuN2MtMS43LTIuNi0zLjEtNS40LTQuMS04LjRjLTAuOS0zLTEuNC02LjItMS40LTkuNiAgIGMwLTQuNSwwLjktOC43LDIuNS0xMi42YzIuNC01LjgsNi41LTEwLjcsMTEuNy0xNC4yYzIuNi0xLjcsNS40LTMuMSw4LjQtNC4xYzMtMC45LDYuMi0xLjQsOS42LTEuNGM0LjUsMCw4LjcsMC45LDEyLjYsMi41ICAgYzUuOCwyLjQsMTAuNyw2LjUsMTQuMiwxMS43YzEuNywyLjYsMy4xLDUuNCw0LjEsOC40YzAuOSwzLDEuNCw2LjIsMS40LDkuNkMxMTcyLjMsNTk1LjEsMTE3MS40LDU5OS4zLDExNjkuOCw2MDMuMXoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTgwNC45LDE4MDIuNWMtNS0zLjQtMTAuNS02LTE2LjMtNy44Yy01LjktMS44LTEyLjEtMi44LTE4LjUtMi44Yy04LjYsMC0xNi44LDEuNy0yNC4yLDQuOSAgIGMtMTEuMiw0LjctMjAuNywxMi42LTI3LjQsMjIuNWMtMy40LDUtNiwxMC41LTcuOCwxNi4zYy0xLjgsNS45LTIuOCwxMi4xLTIuOCwxOC41YzAsOC42LDEuNywxNi44LDQuOSwyNC4yICAgYzQuNywxMS4yLDEyLjYsMjAuNywyMi41LDI3LjRjNSwzLjQsMTAuNSw2LDE2LjMsNy44YzUuOSwxLjgsMTIuMSwyLjgsMTguNSwyLjhjOC42LDAsMTYuOC0xLjcsMjQuMi00LjkgICBjMTEuMi00LjcsMjAuNy0xMi42LDI3LjQtMjIuNWMzLjQtNSw2LTEwLjUsNy44LTE2LjNjMS44LTUuOSwyLjgtMTIuMSwyLjgtMTguNWMwLTguNi0xLjctMTYuOC00LjktMjQuMiAgIEMxODIyLjcsMTgxOC43LDE4MTQuOCwxODA5LjMsMTgwNC45LDE4MDIuNXogTTE3OTkuOCwxODY2LjdjLTIuNCw1LjgtNi41LDEwLjctMTEuNywxNC4yYy0yLjYsMS43LTUuNCwzLjEtOC40LDQuMSAgIGMtMywwLjktNi4yLDEuNC05LjYsMS40Yy00LjUsMC04LjctMC45LTEyLjYtMi41Yy01LjgtMi40LTEwLjctNi41LTE0LjItMTEuN2MtMS43LTIuNi0zLjEtNS40LTQuMS04LjRjLTAuOS0zLTEuNC02LjItMS40LTkuNiAgIGMwLTQuNSwwLjktOC43LDIuNS0xMi42YzIuNC01LjgsNi41LTEwLjcsMTEuNy0xNC4yYzIuNi0xLjcsNS40LTMuMSw4LjQtNC4xYzMtMC45LDYuMi0xLjQsOS42LTEuNGM0LjUsMCw4LjcsMC45LDEyLjYsMi41ICAgYzUuOCwyLjQsMTAuNyw2LjUsMTQuMiwxMS43YzEuNywyLjYsMy4xLDUuNCw0LjEsOC40YzAuOSwzLDEuNCw2LjIsMS40LDkuNkMxODAyLjMsMTg1OC43LDE4MDEuNCwxODYyLjksMTc5OS44LDE4NjYuN3oiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNOTE0LjcsMTQxMS40Yy01LTMuNC0xMC41LTYtMTYuMy03LjhjLTUuOS0xLjgtMTIuMS0yLjgtMTguNS0yLjhjLTguNiwwLTE2LjgsMS43LTI0LjIsNC45ICAgYy0xMS4yLDQuNy0yMC43LDEyLjYtMjcuNCwyMi41Yy0zLjQsNS02LDEwLjUtNy44LDE2LjNjLTEuOCw1LjktMi44LDEyLjEtMi44LDE4LjVjMCw4LjYsMS43LDE2LjgsNC45LDI0LjIgICBjNC43LDExLjIsMTIuNiwyMC43LDIyLjUsMjcuNGM1LDMuNCwxMC41LDYsMTYuMyw3LjhjNS45LDEuOCwxMi4xLDIuOCwxOC41LDIuOGM4LjYsMCwxNi44LTEuNywyNC4yLTQuOSAgIGMxMS4yLTQuNywyMC43LTEyLjYsMjcuNC0yMi41YzMuNC01LDYtMTAuNSw3LjgtMTYuM2MxLjgtNS45LDIuOC0xMi4xLDIuOC0xOC41YzAtOC42LTEuNy0xNi44LTQuOS0yNC4yICAgQzkzMi41LDE0MjcuNiw5MjQuNiwxNDE4LjEsOTE0LjcsMTQxMS40eiBNOTA5LjYsMTQ3NS42Yy0yLjQsNS44LTYuNSwxMC43LTExLjcsMTQuMmMtMi42LDEuNy01LjQsMy4xLTguNCw0LjEgICBjLTMsMC45LTYuMiwxLjQtOS42LDEuNGMtNC41LDAtOC43LTAuOS0xMi42LTIuNWMtNS44LTIuNC0xMC43LTYuNS0xNC4yLTExLjdjLTEuNy0yLjYtMy4xLTUuNC00LjEtOC40Yy0wLjktMy0xLjQtNi4yLTEuNC05LjYgICBjMC00LjUsMC45LTguNywyLjUtMTIuNmMyLjQtNS44LDYuNS0xMC43LDExLjctMTQuMmMyLjYtMS43LDUuNC0zLjEsOC40LTQuMWMzLTAuOSw2LjItMS40LDkuNi0xLjRjNC41LDAsOC43LDAuOSwxMi42LDIuNSAgIGM1LjgsMi40LDEwLjcsNi41LDE0LjIsMTEuN2MxLjcsMi42LDMuMSw1LjQsNC4xLDguNGMwLjksMywxLjQsNi4yLDEuNCw5LjZDOTEyLjEsMTQ2Ny42LDkxMS4yLDE0NzEuOCw5MDkuNiwxNDc1LjZ6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE5NDYuOSw1NjYuM2MtNC43LTExLjItMTIuNi0yMC43LTIyLjUtMjcuNGMtNS0zLjQtMTAuNS02LTE2LjMtNy44Yy01LjktMS44LTEyLjEtMi44LTE4LjUtMi44ICAgYy04LjYsMC0xNi44LDEuNy0yNC4yLDQuOWMtMTEuMiw0LjctMjAuNywxMi42LTI3LjQsMjIuNWMtMy40LDUtNiwxMC41LTcuOCwxNi4zYy0xLjgsNS45LTIuOCwxMi4xLTIuOCwxOC41ICAgYzAsOC42LDEuNywxNi44LDQuOSwyNC4yYzQuNywxMS4yLDEyLjYsMjAuNywyMi41LDI3LjRjNSwzLjQsMTAuNSw2LDE2LjMsNy44YzUuOSwxLjgsMTIuMSwyLjgsMTguNSwyLjhjOC42LDAsMTYuOC0xLjcsMjQuMi00LjkgICBjMTEuMi00LjcsMjAuNy0xMi42LDI3LjQtMjIuNWMzLjQtNSw2LTEwLjUsNy44LTE2LjNjMS44LTUuOSwyLjgtMTIuMSwyLjgtMTguNUMxOTUxLjgsNTgyLDE5NTAsNTczLjgsMTk0Ni45LDU2Ni4zeiAgICBNMTkxOS4zLDYwMy4xYy0yLjQsNS44LTYuNSwxMC43LTExLjcsMTQuMmMtMi42LDEuNy01LjQsMy4xLTguNCw0LjFjLTMsMC45LTYuMiwxLjQtOS42LDEuNGMtNC41LDAtOC43LTAuOS0xMi42LTIuNSAgIGMtNS44LTIuNC0xMC43LTYuNS0xNC4yLTExLjdjLTEuNy0yLjYtMy4xLTUuNC00LjEtOC40Yy0wLjktMy0xLjQtNi4yLTEuNC05LjZjMC00LjUsMC45LTguNywyLjUtMTIuNmMyLjQtNS44LDYuNS0xMC43LDExLjctMTQuMiAgIGMyLjYtMS43LDUuNC0zLjEsOC40LTQuMWMzLTAuOSw2LjItMS40LDkuNi0xLjRjNC41LDAsOC43LDAuOSwxMi42LDIuNWM1LjgsMi40LDEwLjcsNi41LDE0LjIsMTEuN2MxLjcsMi42LDMuMSw1LjQsNC4xLDguNCAgIGMwLjksMywxLjQsNi4yLDEuNCw5LjZDMTkyMS44LDU5NS4xLDE5MjAuOSw1OTkuMywxOTE5LjMsNjAzLjF6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI5Mi44LDIwNi45Yy01LTMuNC0xMC41LTYtMTYuMy03LjhjLTUuOS0xLjgtMTIuMS0yLjgtMTguNS0yLjhjLTguNiwwLTE2LjgsMS43LTI0LjIsNC45ICAgYy0xMS4yLDQuNy0yMC43LDEyLjYtMjcuNCwyMi41Yy0zLjQsNS02LDEwLjUtNy44LDE2LjNjLTEuOCw1LjktMi44LDEyLjEtMi44LDE4LjVjMCw4LjYsMS43LDE2LjgsNC45LDI0LjIgICBjNC43LDExLjIsMTIuNiwyMC43LDIyLjUsMjcuNGM1LDMuNCwxMC41LDYsMTYuMyw3LjhjNS45LDEuOCwxMi4xLDIuOCwxOC41LDIuOGM4LjYsMCwxNi44LTEuNywyNC4yLTQuOSAgIGMxMS4yLTQuNywyMC43LTEyLjYsMjcuNC0yMi41YzMuNC01LDYtMTAuNSw3LjgtMTYuM2MxLjgtNS45LDIuOC0xMi4xLDIuOC0xOC41YzAtOC42LTEuNy0xNi44LTQuOS0yNC4yICAgQzMxMC42LDIyMy4xLDMwMi43LDIxMy42LDI5Mi44LDIwNi45eiBNMjg3LjcsMjcxLjFjLTIuNCw1LjgtNi41LDEwLjctMTEuNywxNC4yYy0yLjYsMS43LTUuNCwzLjEtOC40LDQuMWMtMywwLjktNi4yLDEuNC05LjYsMS40ICAgYy00LjUsMC04LjctMC45LTEyLjYtMi41Yy01LjgtMi40LTEwLjctNi41LTE0LjItMTEuN2MtMS43LTIuNi0zLjEtNS40LTQuMS04LjRjLTAuOS0zLTEuNC02LjItMS40LTkuNmMwLTQuNSwwLjktOC43LDIuNS0xMi42ICAgYzIuNC01LjgsNi41LTEwLjcsMTEuNy0xNC4yYzIuNi0xLjcsNS40LTMuMSw4LjQtNC4xYzMtMC45LDYuMi0xLjQsOS42LTEuNGM0LjUsMCw4LjcsMC45LDEyLjYsMi41YzUuOCwyLjQsMTAuNyw2LjUsMTQuMiwxMS43ICAgYzEuNywyLjYsMy4xLDUuNCw0LjEsOC40YzAuOSwzLDEuNCw2LjIsMS40LDkuNkMyOTAuMiwyNjMuMSwyODkuMywyNjcuMywyODcuNywyNzEuMXoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDY0LjgsMTA5MS45Yy0yLTEuNC00LjMtMi41LTYuNy0zLjJjLTIuNC0wLjctNS0xLjEtNy42LTEuMWMtMy41LDAtNi45LDAuNy05LjksMiAgIGMtNC42LDEuOS04LjUsNS4yLTExLjIsOS4yYy0xLjQsMi0yLjUsNC4zLTMuMiw2LjdjLTAuNywyLjQtMS4xLDUtMS4xLDcuNmMwLDMuNSwwLjcsNi45LDIsOS45YzEuOSw0LjYsNS4yLDguNSw5LjIsMTEuMiAgIGMyLDEuNCw0LjMsMi41LDYuNywzLjJjMi40LDAuNyw1LDEuMSw3LjYsMS4xYzMuNSwwLDYuOS0wLjcsOS45LTJjNC42LTEuOSw4LjUtNS4yLDExLjItOS4yYzEuNC0yLDIuNS00LjMsMy4yLTYuNyAgIGMwLjctMi40LDEuMS01LDEuMS03LjZjMC0zLjUtMC43LTYuOS0yLTkuOUM0NzIsMTA5OC41LDQ2OC44LDEwOTQuNiw0NjQuOCwxMDkxLjl6IE00NTAuNSwxMTEzTDQ1MC41LDExMTNsNC4zLTEuM0w0NTAuNSwxMTEzeiAgICBNNDUwLjUsMTExM0w0NTAuNSwxMTEzbC0xLjMtNC4zTDQ1MC41LDExMTN6IE00NTAuNSwxMTEzTDQ1MC41LDExMTNsLTMuNywyLjVMNDUwLjUsMTExM3ogTTQ1MC41LDExMTNsMi41LDMuN0w0NTAuNSwxMTEzICAgbDQuMSwxLjhMNDUwLjUsMTExM3oiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTE5MS4xLDE3NzUuM2MtMi0xLjQtNC4zLTIuNS02LjctMy4yYy0yLjQtMC43LTUtMS4xLTcuNi0xLjFjLTMuNSwwLTYuOSwwLjctOS45LDIgICBjLTQuNiwxLjktOC41LDUuMi0xMS4yLDkuMmMtMS40LDItMi41LDQuMy0zLjIsNi43Yy0wLjcsMi40LTEuMSw1LTEuMSw3LjZjMCwzLjUsMC43LDYuOSwyLDkuOWMxLjksNC42LDUuMiw4LjUsOS4yLDExLjIgICBjMiwxLjQsNC4zLDIuNSw2LjcsMy4yYzIuNCwwLjcsNSwxLjEsNy42LDEuMWMzLjUsMCw2LjktMC43LDkuOS0yYzQuNi0xLjksOC41LTUuMiwxMS4yLTkuMmMxLjQtMiwyLjUtNC4zLDMuMi02LjcgICBjMC43LTIuNCwxLjEtNSwxLjEtNy42YzAtMy41LTAuNy02LjktMi05LjlDMTE5OC40LDE3ODEuOSwxMTk1LjIsMTc3OC4xLDExOTEuMSwxNzc1LjN6IE0xMTc2LjksMTc5Ni40TDExNzYuOSwxNzk2LjRsMS44LTQuMSAgIEwxMTc2LjksMTc5Ni40eiBNMTE3Ni45LDE3OTYuNEwxMTc2LjksMTc5Ni40bC0yLjUtMy43TDExNzYuOSwxNzk2LjR6IE0xMTc2LjksMTc5Ni40TDExNzYuOSwxNzk2LjRsMS4zLDQuM0wxMTc2LjksMTc5Ni40eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMjg3LjMsMjAwLjhjLTItMS40LTQuMy0yLjUtNi43LTMuMmMtMi40LTAuNy01LTEuMS03LjYtMS4xYy0zLjUsMC02LjksMC43LTkuOSwyICAgYy00LjYsMS45LTguNSw1LjItMTEuMiw5LjJjLTEuNCwyLTIuNSw0LjMtMy4yLDYuN2MtMC43LDIuNC0xLjEsNS0xLjEsNy42YzAsMy41LDAuNyw2LjksMiw5LjljMS45LDQuNiw1LjIsOC41LDkuMiwxMS4yICAgYzIsMS40LDQuMywyLjUsNi43LDMuMmMyLjQsMC43LDUsMS4xLDcuNiwxLjFjMy41LDAsNi45LTAuNyw5LjktMmM0LjYtMS45LDguNS01LjIsMTEuMi05LjJjMS40LTIsMi41LTQuMywzLjItNi43ICAgYzAuNy0yLjQsMS4xLTUsMS4xLTcuNmMwLTMuNS0wLjctNi45LTItOS45QzEyOTQuNSwyMDcuNCwxMjkxLjMsMjAzLjYsMTI4Ny4zLDIwMC44eiBNMTI3MywyMjEuOUwxMjczLDIyMS45bDEuOC00LjFMMTI3MywyMjEuOXogICAgTTEyNzMsMjIyTDEyNzMsMjIybC00LjMsMS4zTDEyNzMsMjIyeiBNMTI3MywyMjJMMTI3MywyMjJsLTEuOCw0LjFMMTI3MywyMjJ6IE0xMjczLDIyMkwxMjczLDIyMmwxLjMsNC4zTDEyNzMsMjIyeiBNMTI3MywyMjIgICBMMTI3MywyMjJsNC4xLDEuOEwxMjczLDIyMnoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTU5MC4xLDc3MC4yYy0yLTEuNC00LjMtMi41LTYuNy0zLjJjLTIuNC0wLjctNS0xLjEtNy42LTEuMWMtMy41LDAtNi45LDAuNy05LjksMiAgIGMtNC42LDEuOS04LjUsNS4yLTExLjIsOS4yYy0xLjQsMi0yLjUsNC4zLTMuMiw2LjdjLTAuNywyLjQtMS4xLDUtMS4xLDcuNmMwLDMuNSwwLjcsNi45LDIsOS45YzEuOSw0LjYsNS4yLDguNSw5LjIsMTEuMiAgIGMyLDEuNCw0LjMsMi41LDYuNywzLjJjMi40LDAuNyw1LDEuMSw3LjYsMS4xYzMuNSwwLDYuOS0wLjcsOS45LTJjNC42LTEuOSw4LjUtNS4yLDExLjItOS4yYzEuNC0yLDIuNS00LjMsMy4yLTYuNyAgIGMwLjctMi40LDEuMS01LDEuMS03LjZjMC0zLjUtMC43LTYuOS0yLTkuOUMxNTk3LjQsNzc2LjgsMTU5NC4yLDc3Mi45LDE1OTAuMSw3NzAuMnogTTE1NzUuOSw3OTEuM0wxNTc1LjksNzkxLjNsNC4zLTEuMyAgIEwxNTc1LjksNzkxLjN6IE0xNTc1LjksNzkxLjNMMTU3NS45LDc5MS4zbC0yLjUtMy43TDE1NzUuOSw3OTEuM3ogTTE1NzUuOSw3OTEuM0wxNTc1LjksNzkxLjNsLTEuOCw0LjFMMTU3NS45LDc5MS4zeiAgICBNMTU3NS45LDc5MS4zbDIuNSwzLjdMMTU3NS45LDc5MS4zbDQuMSwxLjhMMTU3NS45LDc5MS4zeiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMTExLjIsOTk0LjVsLTg2LjQtNS45Yy01LjMtMC40LTEwLjUsMi4yLTEzLjUsNi42Yy0zLDQuNC0zLjQsMTAuMi0xLDE1bDM4LjEsNzcuOCAgIGMyLjQsNC44LDcuMSw4LDEyLjQsOC40czEwLjUtMi4yLDEzLjUtNi42bDQ4LjMtNzEuOWMzLTQuNCwzLjQtMTAuMiwxLTE1UzExMTYuNiw5OTQuOSwxMTExLjIsOTk0LjV6IE0xMDY0LDEwNTEuNGwtMTUuMi0zMS4xICAgbDM0LjYsMi40TDEwNjQsMTA1MS40eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yNDQuNSw4MjcuOWM1LjEsMS43LDEwLjcsMC42LDE0LjctM2M0LTMuNSw1LjgtOSw0LjgtMTQuMmwtMTcuMS04NC45Yy0xLjEtNS4zLTQuOC05LjUtOS45LTExLjMgICBzLTEwLjctMC42LTE0LjcsM2wtNjUsNTcuMmMtNCwzLjUtNS44LDktNC44LDE0LjJzNC44LDkuNSw5LjksMTEuM0wyNDQuNSw4MjcuOXogTTIyMi42LDc1Ny4ybDYuOCwzNGwtMzIuOC0xMS4xTDIyMi42LDc1Ny4yeiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yNTYuMiwxNDkxLjhsLTc3LjgtMzguMWMtNC44LTIuNC0xMC41LTItMTUsMXMtNyw4LjEtNi42LDEzLjVsNS45LDg2LjRjMC40LDUuMywzLjUsMTAuMSw4LjQsMTIuNSAgIGM0LjgsMi40LDEwLjUsMiwxNS0xbDcxLjktNDguM2M0LjQtMyw3LTguMSw2LjYtMTMuNUMyNjQuMiwxNDk4LjksMjYxLDE0OTQuMSwyNTYuMiwxNDkxLjh6IE0xOTAuOSwxNTI2LjZsLTIuMy0zNC42bDMxLjEsMTUuMyAgIEwxOTAuOSwxNTI2LjZ6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTkzOS44LDE4OS44bC02Ni40LTU1LjZjLTQuMS0zLjQtOS43LTQuNC0xNC44LTIuNmMtNSwxLjgtOC43LDYuMi05LjYsMTEuNWwtMTUsODUuMyAgIGMtMC45LDUuMywxLDEwLjYsNS4xLDE0LjFjNC4xLDMuNCw5LjcsNC40LDE0LjgsMi42bDgxLjMtMjkuN2M1LTEuOCw4LjctNi4yLDkuNi0xMS41Uzk0My45LDE5My4yLDkzOS44LDE4OS44eiBNODY4LjEsMjA4bDYtMzQuMSAgIGwyNi42LDIyLjJMODY4LjEsMjA4eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNzUyLDExNjMuNGwtMzguNSw3Ny42Yy0yLjQsNC44LTIsMTAuNSwwLjksMTVjMyw0LjUsOC4xLDcsMTMuNCw2LjdsODYuNC01LjRjNS4zLTAuMywxMC4xLTMuNSwxMi41LTguMyAgIGMyLjQtNC44LDItMTAuNS0wLjktMTVsLTQ3LjktNzIuMmMtMy00LjUtOC4xLTctMTMuNC02LjdDMTc1OS4xLDExNTUuNSwxNzU0LjMsMTE1OC42LDE3NTIsMTE2My40eiBNMTc1MS44LDEyMzEuMWwxNS40LTMxICAgbDE5LjIsMjguOUwxNzUxLjgsMTIzMS4xeiIvPjwvZz48L3N2Zz4=),linear-gradient(to top right,var(--primaryGradient1),var(--primaryGradient2))
  1054. }
  1055.  
  1056. .headerPlaying-j0WQBV .activity-11LB_k,.topSectionPlaying-1J5E4n .headerFill-adLl4x {
  1057. box-shadow: 0 4px 2px -2px rgba(0,0,0,.5)
  1058. }
  1059.  
  1060. .gameIcon-_0rmMm[style*=a5eba102f5b5e413df2b65c73f288afa] {
  1061. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSI5MCI+ICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICA8cGF0aCBmaWxsPSIjRkFBNjFBIiBkPSJNODMuOTA0NjcxOCA4OC40NDc0NjE1SDYuNTQzOTMzOThjLTIuNTA5NDg1NDQgMC00LjU0NDI3MTg0LTIuMDM4Mzg0Ni00LjU0NDI3MTg0LTQuNTUyMzA3N1Y2LjM5NzYxNTM4YzAtMi41MTM5MjMwNyAyLjAzNDc4NjQtNC41NTE0NjE1MyA0LjU0NDI3MTg0LTQuNTUxNDYxNTNIODMuOTA0NjcxOGMyLjUwOTQ4NTUgMCA0LjU0NDI3MTkgMi4wMzc1Mzg0NiA0LjU0NDI3MTkgNC41NTE0NjE1M1Y4My44OTUxNTM4YzAgMi41MTM5MjMxLTIuMDM0Nzg2NCA0LjU1MjMwNzctNC41NDQyNzE5IDQuNTUyMzA3NyIvPiAgICA8cGF0aCBzdHJva2U9IiMxQTFDMUUiIHN0cm9rZS13aWR0aD0iMy4zODQ2MTUzOCIgZD0iTTIgMjYuODQxODc2OVY2LjM5Nzk1Mzg1YzAtMi41MTM5MjMwOCAyLjAzNDc4NjQtNC41NTIzMDc3IDQuNTQ0MjcxODQtNC41NTIzMDc3SDgzLjkwNTAwOTdjMi41MDk0ODU0IDAgNC41NDM0MjcyIDIuMDM4Mzg0NjIgNC41NDM0MjcyIDQuNTUyMzA3N1Y4My44OTU0OTIzYzAgMi41MTM5MjMxLTIuMDMzOTQxOCA0LjU1MjMwNzctNC41NDM0MjcyIDQuNTUyMzA3N0g2LjU0NDI3MTg0QzQuMDM0Nzg2NCA4OC40NDc4IDIgODYuNDA5NDE1NCAyIDgzLjg5NTQ5MjN2LTQ0LjM5NiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+ICAgIDxwYXRoIGZpbGw9IiMxOTFDMUUiIGQ9Ik0xMy4zNzQ3ODU0IDkuODIyNDIzMDhjMCAxLjg4Nzc2OTIyLTEuNTI3OTkwMjUgMy40MTg0NjE1Mi0zLjQxMjQyNzE1IDMuNDE4NDYxNTJzLTMuNDEyNDI3MTgtMS41MzA2OTIzLTMuNDEyNDI3MTgtMy40MTg0NjE1MmMwLTEuODg3NzY5MjMgMS41Mjc5OTAzLTMuNDE4NDYxNTQgMy40MTI0MjcxOC0zLjQxODQ2MTU0IDEuODg0NDM2OSAwIDMuNDEyNDI3MTUgMS41MzA2OTIzIDMuNDEyNDI3MTUgMy40MTg0NjE1NG0wIDcwLjY0ODYwMDAyYzAgMS44ODc3NjkyLTEuNTI3OTkwMjUgMy40MTg0NjE1LTMuNDEyNDI3MTUgMy40MTg0NjE1cy0zLjQxMjQyNzE4LTEuNTMwNjkyMy0zLjQxMjQyNzE4LTMuNDE4NDYxNWMwLTEuODg3NzY5MyAxLjUyNzk5MDMtMy40MTg0NjE2IDMuNDEyNDI3MTgtMy40MTg0NjE2IDEuODg0NDM2OSAwIDMuNDEyNDI3MTUgMS41MzA2OTIzIDMuNDEyNDI3MTUgMy40MTg0NjE2TTgzLjg5ODY3NDggOS44MjI0MjMwOGMwIDEuODg3NzY5MjItMS41Mjc5OTAzIDMuNDE4NDYxNTItMy40MTI0MjcyIDMuNDE4NDYxNTItMS44ODQ0MzY5IDAtMy40MTI0MjcyLTEuNTMwNjkyMy0zLjQxMjQyNzItMy40MTg0NjE1MiAwLTEuODg3NzY5MjMgMS41Mjc5OTAzLTMuNDE4NDYxNTQgMy40MTI0MjcyLTMuNDE4NDYxNTQgMS44ODQ0MzY5IDAgMy40MTI0MjcyIDEuNTMwNjkyMyAzLjQxMjQyNzIgMy40MTg0NjE1NG0wIDcwLjY0ODYwMDAyYzAgMS44ODc3NjkyLTEuNTI3OTkwMyAzLjQxODQ2MTUtMy40MTI0MjcyIDMuNDE4NDYxNS0xLjg4NDQzNjkgMC0zLjQxMjQyNzItMS41MzA2OTIzLTMuNDEyNDI3Mi0zLjQxODQ2MTUgMC0xLjg4Nzc2OTMgMS41Mjc5OTAzLTMuNDE4NDYxNiAzLjQxMjQyNzItMy40MTg0NjE2IDEuODg0NDM2OSAwIDMuNDEyNDI3MiAxLjUzMDY5MjMgMy40MTI0MjcyIDMuNDE4NDYxNiIvPiAgICA8cGF0aCBmaWxsPSIjRTZFQkY0IiBkPSJNMjcuMzc5NTg5MyAyNS4wNzU0NDYyYy0uNTYyNTQzNy0uNDc2Mzg0Ny0uNjU2MzAxLTEuMzI5MzA3Ny0uMTgyNDQ2Ni0xLjg5NDUzODUgNC44NTY3OTYxLTUuODAxMjMwOCAxMC43OTA1MzQtOC4xMTggMTYuNDE1OTcwOS04LjExOCAyMy4xMDczNjg5IDAgMjcuNTQ4NTkyMiAzMS4xMDcxNTM4IDUuODIyMjQyNyAzNS4yNDczODQ2LS41ODUzNDk1LjExMTY5MjMtMS4wNDQuNTcyLTEuMTE1Nzk2MSAxLjE2NDMwNzdsLS41OTQ2NDA4IDQuODU1MjMwOGMtLjA4MzYyMTMuNjgxMTUzOC0uNjYwNTI0MyAxLjE5MzA3NjktMS4zNDU1NDM3IDEuMTkzMDc2OWgtNy45NDU3MTg0Yy0uNzIxMzM5OCAwLTEuMzE2ODI1My0uNTY2OTIzMS0xLjM1Mzk5MDMtMS4yODg2OTIzbC0uNjE5OTgwNi0xMi4xMjg3NjkyYy0uMDQzOTIyMy0uODU1NDYxNi43MDc4MjUzLTEuNTQ1OTIzMSAxLjU1MTY0MDgtMS40MTEzODQ3IDEuNjgzNDA3OC4yNjkwNzcgMy4wNDY2ODkzLjI2OTA3NyAzLjcwNTUyNDMuMjY5MDc3IDEyLjA3MTAzODggMCAxMi41MDA5NzA4LTE3LjYyMTE1MzktLjI2MDE1NTQtMTYuNDk3NDYxNi0yLjMyMzY2MDIuMjI1MDc2OS00LjY0NjQ3NTcgMS4yMzQ1Mzg1LTYuNTE3Mzk4IDMuMzEwMTUzOS0uNDgzOTkwMy41MzczMDc3LTEuMzEwMDY4LjU4NzIzMDctMS44NjI0NzU4LjEyMDE1MzhsLTUuNjk3MjMzLTQuODIwNTM4NHptMjIuMTgyNjM1IDQzLjMzMDc3NjljMCAzLjc2ODc2OTItMy4wNTAwNjggNi44MjQyMzA3LTYuODEyMTg0NSA2LjgyNDIzMDdzLTYuODEyMTg0NS0zLjA1NTQ2MTUtNi44MTIxODQ1LTYuODI0MjMwN2MwLTMuNzY4NzY5MyAzLjA1MDA2OC02LjgyNDIzMDggNi44MTIxODQ1LTYuODI0MjMwOHM2LjgxMjE4NDUgMy4wNTU0NjE1IDYuODEyMTg0NSA2LjgyNDIzMDgiLz4gICAgPHBhdGggc3Ryb2tlPSIjMUExQzFFIiBzdHJva2Utd2lkdGg9IjMuMzg0NjE1MzgiIGQ9Ik0yNy4zNzk1ODkzIDI1LjA3NTQ0NjJjLS41NjI1NDM3LS40NzYzODQ3LS42NTYzMDEtMS4zMjkzMDc3LS4xODI0NDY2LTEuODk0NTM4NSA0Ljg1Njc5NjEtNS44MDEyMzA4IDEwLjc5MDUzNC04LjExOCAxNi40MTU5NzA5LTguMTE4IDIzLjEwNzM2ODkgMCAyNy41NDg1OTIyIDMxLjEwNzE1MzggNS44MjIyNDI3IDM1LjI0NzM4NDYtLjU4NTM0OTUuMTExNjkyMy0xLjA0NC41NzItMS4xMTU3OTYxIDEuMTY0MzA3N2wtLjU5NDY0MDggNC44NTUyMzA4Yy0uMDgzNjIxMy42ODExNTM4LS42NjA1MjQzIDEuMTkzMDc2OS0xLjM0NTU0MzcgMS4xOTMwNzY5aC03Ljk0NTcxODRjLS43MjEzMzk4IDAtMS4zMTY4MjUzLS41NjY5MjMxLTEuMzUzOTkwMy0xLjI4ODY5MjNsLS42MTk5ODA2LTEyLjEyODc2OTJjLS4wNDM5MjIzLS44NTU0NjE2LjcwNzgyNTMtMS41NDU5MjMxIDEuNTUxNjQwOC0xLjQxMTM4NDcgMS42ODM0MDc4LjI2OTA3NyAzLjA0NjY4OTMuMjY5MDc3IDMuNzA1NTI0My4yNjkwNzcgMTIuMDcxMDM4OCAwIDEyLjUwMDk3MDgtMTcuNjIxMTUzOS0uMjYwMTU1NC0xNi40OTc0NjE2LTIuMzIzNjYwMi4yMjUwNzY5LTQuNjQ2NDc1NyAxLjIzNDUzODUtNi41MTczOTggMy4zMTAxNTM5LS40ODM5OTAzLjUzNzMwNzctMS4zMTAwNjguNTg3MjMwNy0xLjg2MjQ3NTguMTIwMTUzOGwtNS42OTcyMzMtNC44MjA1Mzg0em0yMi4xODI2MzUgNDMuMzMwNzc2OWMwIDMuNzY4NzY5Mi0zLjA1MDA2OCA2LjgyNDIzMDctNi44MTIxODQ1IDYuODI0MjMwN3MtNi44MTIxODQ1LTMuMDU1NDYxNS02LjgxMjE4NDUtNi44MjQyMzA3YzAtMy43Njg3NjkzIDMuMDUwMDY4LTYuODI0MjMwOCA2LjgxMjE4NDUtNi44MjQyMzA4czYuODEyMTg0NSAzLjA1NTQ2MTUgNi44MTIxODQ1IDYuODI0MjMwOHoiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiAgPC9nPjwvc3ZnPg==)!important
  1062. }
  1063.  
  1064. .newMessagesBar-mujexs {
  1065. background-color: var(--primary)
  1066. }
  1067.  
  1068. .newMessagesBar-mujexs:hover {
  1069. background-color: var(--primaryGradient2)
  1070. }
  1071.  
  1072. .dismiss-SCAH9H {
  1073. height: 20px
  1074. }
  1075.  
  1076. .newMessagesBar-mujexs button:last-child {
  1077. color: #fff
  1078. }
  1079.  
  1080. #pluginNotice {
  1081. height: 20px!important;
  1082. line-height: 20px;
  1083. border-radius: 0!important;
  1084. background-color: var(--backgroundDark)!important;
  1085. border: none!important
  1086. }
  1087.  
  1088. ::-webkit-scrollbar {
  1089. border: none!important;
  1090. width: 6px!important
  1091. }
  1092.  
  1093. ::-webkit-scrollbar-track {
  1094. border: none!important;
  1095. background: var(--backgroundDark)!important
  1096. }
  1097.  
  1098. ::-webkit-scrollbar-track-piece {
  1099. background: 0 0!important;
  1100. border: none!important
  1101. }
  1102.  
  1103. ::-webkit-scrollbar-thumb {
  1104. background: rgba(0,0,0,.45)!important;
  1105. border-radius: 20px!important;
  1106. border: none!important
  1107. }
  1108.  
  1109. .messagesWrapper-3lZDfY .scroller-wrap.polyfill .scrollbar,.messagesWrapper-3lZDfY .scroller-wrap.polyfill .scrollbar::after,.pad-29zQak,.scrollerThemed-2oenus .scrollbar-2rkZSL,.scrollerThemed-2oenus .scrollbar-2rkZSL .pad-29zQak,.scrollerThemed-2oenus .scrollbar-2rkZSL::after,.scrollerThemed-2oenus.themeGhostHairline-DBD-2d .scrollbar-2rkZSL .pad-29zQak,.scrollerThemed-2oenus.themeGhostHairlineChannels-3G0x9_ .scrollbar-2rkZSL .pad-29zQak {
  1110. background-color: var(--backgroundDark)!important
  1111. }
  1112.  
  1113. .messagesWrapper-3lZDfY .scroller-wrap.polyfill .scrollbar .track {
  1114. background-color: rgba(0,0,0,.15)!important
  1115. }
  1116.  
  1117. .messagesWrapper-3lZDfY .scroller-wrap.polyfill .scrollbar .thumb::after {
  1118. background: 0 0!important
  1119. }
  1120.  
  1121. .messagesWrapper-3lZDfY .scroller-wrap.polyfill .scrollbar .thumb {
  1122. background-color: rgba(0,0,0,.35)!important
  1123. }
  1124.  
  1125. .chat-3bRxxu form {
  1126. margin: 0 2px;
  1127. }
  1128.  
  1129. .chat-3bRxxu form .da-buttons {
  1130. margin-right: 0;
  1131. }
  1132.  
  1133. .channelTextArea-rNsIhG {
  1134. padding-top: 0;
  1135. margin: 24px 0;
  1136. border: none!important
  1137. }
  1138.  
  1139. .inner-zqa7da,.innerNoAutocomplete-1WpcVO {
  1140. border-radius: 50px;
  1141. background-color: rgba(0,0,0,.25)!important;
  1142. border: 1px solid rgba(0,0,0,.25)
  1143. }
  1144.  
  1145. .selectorSelected-1_M1WV {
  1146. background-color: rgba(0,0,0,.15)!important
  1147. }
  1148.  
  1149. .autocomplete-1vrmpx {
  1150. background-color: var(--backgroundDarker)!important;
  1151. box-shadow: 0 0 5px 5px rgba(0,0,.4)!important
  1152. }
  1153.  
  1154. .mediaBarGrabber-1FqnbN,.mediaBarProgress-1xaPtl,.mediaBarProgress-1xaPtl:after,.mediaBarProgress-1xaPtl:before {
  1155. background-color: var(--primary)!important
  1156. }
  1157.  
  1158. .option-1l2vXE {
  1159. border-radius: 50px;
  1160. background-color: rgba(0,0,0,.25)!important;
  1161. transition: ease-in-out .25s all
  1162. }
  1163.  
  1164. .option-1l2vXE:hover {
  1165. box-shadow: 0 0 10px rgba(0,0,0,.5);
  1166. background: rgba(0,0,0,.4)!important
  1167. }
  1168.  
  1169. .container-2Zlzt0 {
  1170. background: rgba(0,0,0,.5)!important
  1171. }
  1172.  
  1173. .banner-3Kac2g {
  1174. background-image: linear-gradient(to right,var(--primaryGradient1),var(--primaryGradient2))!important
  1175. }
  1176.  
  1177. .da-notches {
  1178. display: none
  1179. }
  1180.  
  1181. .container-3PXSwK {
  1182. border-radius: 50px;
  1183. background: linear-gradient(to right,var(--primaryGradient1),var(--primaryGradient2))!important
  1184. }
  1185.  
  1186. .progress-1IcQ3A {
  1187. background: rgba(0,0,0,.75)!important
  1188. }
  1189.  
  1190. .check-2by_h9 {
  1191. background: linear-gradient(to right,var(--primaryGradient1),var(--primaryGradient2));
  1192. -webkit-mask: url(https://discordapp.com/assets/6acb20d5e709b34b6a7f36ec13648666.svg)
  1193. }
  1194.  
  1195. .quickSelectPopout-X1hvgV {
  1196. background: var(--backgroundDark)!important;
  1197. box-shadow: inset 0 0 0 1000px rgba(0,0,0,.15)
  1198. }
  1199.  
  1200. .keybindShortcut-1BD6Z1 span {
  1201. background: linear-gradient(to right,var(--primaryGradient1),var(--primaryGradient2));
  1202. color: var(--backgroundDark)!important;
  1203. border-radius: 5px
  1204. }
  1205.  
  1206. .keyboardShortcutsModal-3piNz7 {
  1207. background: var(--backgroundDark)!important
  1208. }
  1209.  
  1210. .ragingDemon-bDcoXE img[src="/assets/bb7f752540c7f4c7039c6dd6b5dd052e.svg"] {
  1211. box-sizing: border-box!important;
  1212. padding-right: 80vw!important
  1213. }
  1214.  
  1215. .ragingDemon-bDcoXE .symbol-3ffeCr:after,.ragingDemon-bDcoXE .symbol-3ffeCr:before,.ragingDemon-bDcoXE img[src="/assets/bb7f752540c7f4c7039c6dd6b5dd052e.svg"] {
  1216. width: 80vw!important;
  1217. height: 60vh!important
  1218. }
  1219.  
  1220. .ragingDemon-bDcoXE .symbol-3ffeCr:after,.ragingDemon-bDcoXE .symbol-3ffeCr:before {
  1221. content: "";
  1222. position: absolute
  1223. }
  1224.  
  1225. .ragingDemon-bDcoXE .symbol-3ffeCr:before {
  1226. background: var(--primary)!important;
  1227. -webkit-mask-size: cover;
  1228. -webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="360" height="280"><g fill="none" fill-rule="evenodd"><path fill="#7289DA" d="M73.5062 34.6517s5.385 30.693 36.856 27.542c30.144-3.017 60.38-10.574 94.144-10.542 28 .027 57.742 11.403 60.677-8.383 2.625-17.696-10.272-35.269-46.226-35.269s-85.115 15.484-106.394 19.785c-21.278 4.301-39.057 6.867-39.057 6.867"/><path fill="#7289DA" d="M127.2387 115.8403l2.201-10.251s-15.837-4.3-8.805-20.501c5.872-13.526 45.493-15.77 58.7-7.096 13.208 8.673 13.941 21.289 13.941 21.289s107.128-18.135 118.134 18.925c11.006 37.059-27.149 22.078-54.298 22.078-27.148 0-44.024 3.942-44.024 3.942s50.628 18.925 82.913 39.426 70.846 47.594 47.694 77.274c-23.188 29.725-54.58-2.41-96.121-30.752-52.067-35.523-74.067-47.523-74.067-47.523s-19 41-45 66.226c-35.149 34.1-90.785 29.396-119.402-24.223 0 0 32.532.133 55.765-14.981 25.637-16.677 42.558-41.791 42.558-41.791s-53.564 29.963-80.713 10.25c-27.148-19.712-21.278-27.598-4.402-31.54 14.5-3.388 104.926-30.752 104.926-30.752"/><path fill="#36393E" d="M127.2387 115.8403l-5.732 16.976"/><path fill="#36393E" d="M213.0873 144.2267l-6.581 1.485"/><path d="M0 0h360v280H0z"/></g></svg>') center/contain no-repeat!important
  1229. }
  1230.  
  1231. .ragingDemon-bDcoXE .symbol-3ffeCr:after {
  1232. background: url(https://svgshare.com/i/9pB.svg) center/contain no-repeat!important
  1233. }
  1234.  
  1235. .ddrArrows-lSnH7P .arrow-2enltQ.down-2Ju7Q_ {
  1236. transform: rotate(270deg)
  1237. }
  1238.  
  1239. .ddrArrows-lSnH7P .arrow-2enltQ.up-fkTose {
  1240. transform: rotate(90deg)
  1241. }
  1242.  
  1243. .ddrArrows-lSnH7P .arrow-2enltQ.right-1AEPK3 {
  1244. transform: rotate(180deg)
  1245. }
  1246.  
  1247. .ddrArrows-lSnH7P .arrow-2enltQ.active-2X6Ewx {
  1248. filter: brightness(130%)
  1249. }
  1250.  
  1251. .ddrArrows-lSnH7P .arrow-2enltQ,.ddrArrows-lSnH7P .arrow-2enltQ:after,.ddrArrows-lSnH7P .arrow-2enltQ:before {
  1252. height: 50px!important;
  1253. width: 50px!important
  1254. }
  1255.  
  1256. .ddrArrows-lSnH7P .arrow-2enltQ:after,.ddrArrows-lSnH7P .arrow-2enltQ:before {
  1257. content: "";
  1258. position: absolute;
  1259. top: 0;
  1260. left: 0
  1261. }
  1262.  
  1263. .ddrArrows-lSnH7P .arrow-2enltQ {
  1264. position: relative!important;
  1265. animation: none!important;
  1266. background: url(https://svgshare.com/i/9pZ.svg) center/contain no-repeat!important
  1267. }
  1268.  
  1269. .ddrArrows-lSnH7P .arrow-2enltQ:before {
  1270. -webkit-mask-size: cover;
  1271. -webkit-mask: url(https://svgshare.com/i/9p_.svg) center/contain no-repeat!important;
  1272. background: var(--primary)!important
  1273. }
  1274.  
  1275. .ddrArrows-lSnH7P .arrow-2enltQ:after {
  1276. background: url(https://svgshare.com/i/9pa.svg) center/contain no-repeat!important
  1277. }
  1278.  
  1279. .checkbox-1ix_J3 {
  1280. background-color: var(--backgroundDark)!important;
  1281. border: var(--primary)
  1282. }
  1283.  
  1284. .theme-dark .item-1GzJrl.invite-271nFU {
  1285. color: var(--primary)!important
  1286. }
  1287.  
  1288. .item-1GzJrl.invite-271nFU .icon-2doZ3q {
  1289. background-image: none!important;
  1290. -webkit-mask-repeat: no-repeat;
  1291. -webkit-mask-position: right;
  1292. -webkit-mask: url(https://discordapp.com/assets/d4ff0d2af68cd1119f0d16ef79d1369c.svg);
  1293. background-color: var(--primary)!important
  1294. }
  1295.  
  1296. .description-3_Ncsb g path,.sparkline-3A-8OK svg g polyline {
  1297. stroke: var(--primary)!important
  1298. }
  1299.  
  1300. .connectedAccountVerifiedIcon-3aZz_K g path:nth-child(2),.verified-2-ja4L g path:nth-child(2),.verified-3uJH7V g path:nth-child(2),.verifiedIcon-2TCIsJ g path:nth-child(2) {
  1301. fill: var(--primary)!important
  1302. }
  1303.  
  1304. .installSize-1eXbBX {
  1305. background: linear-gradient(to right,var(--primaryGradient1),var(--primaryGradient2))
  1306. }
  1307.  
  1308. .popout-2sKjHu {
  1309. background: var(--backgroundDark)!important
  1310. }
  1311.  
  1312. .gameUpdates-2GPqBU {
  1313. background: rgba(0,0,0,.25)!important;
  1314. border-radius: 5px
  1315. }
  1316.  
  1317. .progress-2XXRYo,.small-4dgL9e {
  1318. background: rgba(255,255,255,.05)!important
  1319. }
  1320.  
  1321. .welcomeMessage-3_Mcht {
  1322. display: flex;
  1323. flex-direction: row
  1324. }
  1325.  
  1326. .itemContainer-WiE19S {
  1327. width: 25%;
  1328. height: 120px
  1329. }
  1330.  
  1331. .welcomeMessage-3_Mcht .h1-1IDj26 {
  1332. display: none
  1333. }
  1334.  
  1335. .icon-2shpbb {
  1336. -webkit-mask-size: 95%;
  1337. -webkit-mask-position: center;
  1338. -webkit-mask-repeat: no-repeat;
  1339. background-color: var(--primary)!important;
  1340. background-image: none!important
  1341. }
  1342.  
  1343. .exclamation-1mi7Vi {
  1344. -webkit-mask-image: url(https://discordapp.com/assets/7616be62f9b90270b5a2e1fe9d2ece4f.svg)
  1345. }
  1346.  
  1347. .share-1EA-d2 {
  1348. -webkit-mask-image: url(https://discordapp.com/assets/07778297eb1e1e3d9bd3cd302920d5fb.svg)
  1349. }
  1350.  
  1351. .mobile-3_KEmF {
  1352. -webkit-mask-image: url(https://discordapp.com/assets/83d501f2b7dd2987302ce29b321f4494.svg)
  1353. }
  1354.  
  1355. .twitter-1TN3uJ {
  1356. -webkit-mask-image: url(https://discordapp.com/assets/326d79eb53886c88437e99a3754b1cd0.svg);
  1357. -webkit-mask-size: 77%
  1358. }
  1359.  
  1360. .contentRegion-3nDuYy {
  1361. flex: 1 1 100%
  1362. }
  1363.  
  1364. .contentColumn-2hrIYH,.customColumn-Rb6toI {
  1365. max-width: 95%
  1366. }
  1367.  
  1368. .contentRegion-3nDuYy,.layer-3QrUeG,.layers-3iHuyZ,.sidebarRegion-VFTUkN,.sidebarRegionScroller-3MXcoP,.standardSidebarView-3F1I7i {
  1369. background-color: var(--backgroundDark)!important
  1370. }
  1371.  
  1372. .input-cIJ7To.focused-1mmYsC,.input-cIJ7To:focus {
  1373. border-color: var(--primary)!important
  1374. }
  1375.  
  1376. .background-yZEZik {
  1377. stroke: rgba(0,0,0,.35)!important
  1378. }
  1379.  
  1380. .foreground-2aE44H {
  1381. stroke: var(--primary)!important
  1382. }
  1383.  
  1384. .bda-slist li {
  1385. max-height: 300px;
  1386. background-color: rgba(0,0,0,.15)!important;
  1387. border-color: rgba(0,0,0,.15)!important
  1388. }
  1389.  
  1390. #bd-settings-sidebar .ui-tab-bar-item.selected,#bd-settings-sidebar .ui-tab-bar-item:hover,#bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch,.side-8zPYf6 .itemDefault-3Jdr52:hover,.side-8zPYf6 .itemHover-EnbcjT:hover,.side-8zPYf6 .itemSelected-1qLhcL {
  1391. background-color: rgba(0,0,0,.35)!important
  1392. }
  1393.  
  1394. #bd-settings-sidebar .ui-tab-bar-item::after,.side-8zPYf6 .item-PXvHYJ::after {
  1395. content: "";
  1396. height: 2px;
  1397. width: 98.5%;
  1398. border-radius: 50px;
  1399. bottom: 0;
  1400. left: 1px;
  1401. position: absolute;
  1402. background-color: transparent;
  1403. background-image: linear-gradient(to right,var(--primaryGradient1),var(--primaryGradient2));
  1404. transform: translateX(-250px);
  1405. transition: all .2s ease
  1406. }
  1407.  
  1408. #bd-settings-sidebar .ui-tab-bar-item.selected::after,#bd-settings-sidebar .ui-tab-bar-item:hover::after,.side-8zPYf6 .itemDefault-3Jdr52:hover::after,.side-8zPYf6 .itemHover-EnbcjT:hover::after,.side-8zPYf6 .itemSelected-1qLhcL::after {
  1409. transform: translateX(0)
  1410. }
  1411.  
  1412. .cardPrimary-1Hv-to,.cardPrimaryEditable-3KtE4g:not([style*=rgb]),.cardPrimaryOutline-29Ujqw,.codeRedemptionRedirect-1wVR4b,.paymentPane-3bwJ6A,.wrapper-2NJDcI {
  1413. background-color: rgba(0,0,0,.3)!important;
  1414. border: none
  1415. }
  1416.  
  1417. .paginator-166-09,.paymentRow-2e7VM6 {
  1418. background: 0 0!important
  1419. }
  1420.  
  1421. .expandedInfo-3kfShd,.paginator-166-09 .paymentRow-2e7VM6:hover {
  1422. background-color: rgba(0,0,0,.5)!important
  1423. }
  1424.  
  1425. .paymentRow-2e7VM6 {
  1426. border: none!important
  1427. }
  1428.  
  1429. .pageButtonNext-V2kUq0 {
  1430. border-radius: 0 50px 50px 0
  1431. }
  1432.  
  1433. .pageButtonPrev-1Y-47D {
  1434. border-radius: 50px 0 0 50px
  1435. }
  1436.  
  1437. .applications-3KXbc1 {
  1438. width: auto
  1439. }
  1440.  
  1441. .tier1Banner-1B_WXY {
  1442. max-width: 100%
  1443. }
  1444.  
  1445. .themeClear-1EjkE4.valueChecked-m-4IJZ,.themeDefault-24hCdX.sizeDefault-2YlOZr {
  1446. background-color: rgba(0,0,0,.5)!important
  1447. }
  1448.  
  1449. #bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch.checked,.barFill-23-gu-,.cardPrimaryEditable-3KtE4g[style*="rgb(114, 137, 218)"],.option-n0icdO:hover,.selected-mKYnfr.option-n0icdO,.themeDefault-24hCdX.valueChecked-m-4IJZ {
  1450. background-color: var(--primary)!important
  1451. }
  1452.  
  1453. .cardPrimaryEditable-3KtE4g[style*="rgb(114, 137, 218)"],.wrapper-3jrx9n {
  1454. border-color: var(--primary)!important
  1455. }
  1456.  
  1457. .accountBtnInner-sj5jLs,.bar-2Qqk5Z {
  1458. background-color: rgba(0,0,0,.5)!important;
  1459. border: none
  1460. }
  1461.  
  1462. .card-FDVird:before {
  1463. background-color: rgba(0,0,0,.35)!important;
  1464. border-color: transparent!important
  1465. }
  1466.  
  1467. .tier1Banner-1B_WXY {
  1468. background-color: rgba(0,0,0,.15)!important
  1469. }
  1470.  
  1471. .accountBtnInner-sj5jLs:hover {
  1472. background-color: rgba(0,0,0,.95)!important
  1473. }
  1474.  
  1475. .select-2TCrqx .Select-menu-outer {
  1476. background-color: var(--backgroundDark)!important
  1477. }
  1478.  
  1479. .elevationHigh-1PneE4[style*="32, 34, 37"] {
  1480. background-color: var(--backgroundDark)!important;
  1481. box-shadow: 0 0 3.5px 1.5px rgba(0,0,0,.5)!important
  1482. }
  1483.  
  1484. #autocomplete-popout {
  1485. background-color: var(--backgroundDark)!important
  1486. }
  1487.  
  1488. #autocomplete-popout .autocomplete-arrow,#autocomplete-popout .autocomplete-shadow {
  1489. box-shadow: 0 0 10px 1.5px rgba(0,0,0,.5)!important
  1490. }
  1491.  
  1492. #autocomplete-popout header {
  1493. background-color: rgba(0,0,0,.35)!important
  1494. }
  1495.  
  1496. #autocomplete-popout section {
  1497. background: 0 0!important
  1498. }
  1499.  
  1500. #autocomplete-popout .row.selected {
  1501. background: rgba(0,0,0,.35)!important
  1502. }
  1503.  
  1504. #autocomplete-popout .autocomplete-arrow,#autocomplete-popout .autocomplete-header-background {
  1505. background-color: rgba(0,0,0,.25)!important
  1506. }
  1507.  
  1508. .container-2x5lvQ {
  1509. background-color: var(--backgroundDark)!important
  1510. }
  1511.  
  1512. .container-2x5lvQ header {
  1513. background-color: rgba(0,0,0,.35)!important
  1514. }
  1515.  
  1516. .popout-2GtBL-:after {
  1517. border-top-color: var(--backgroundDark)!important
  1518. }
  1519.  
  1520. .container-2x5lvQ section {
  1521. background-color: var(--backgroundDark)!important
  1522. }
  1523.  
  1524. .bda-slist .bda-footer,.bda-slist .bda-header {
  1525. border: none!important
  1526. }
  1527.  
  1528. .bda-slist .bda-footer {
  1529. min-height: 30px
  1530. }
  1531.  
  1532. .bda-slist .bda-footer a {
  1533. color: #fff;
  1534. background-color: var(--primary);
  1535. border-radius: 50px;
  1536. padding: 4px
  1537. }
  1538.  
  1539. .Select .Select-menu {
  1540. background-color: var(--backgroundDark)!important
  1541. }
  1542.  
  1543. .add-game-popout,.button-mM-y8i {
  1544. background-color: var(--backgroundDarker)!important
  1545. }
  1546.  
  1547. .disabled-3I9jyo {
  1548. color: rgba(0,0,0,.35)!important
  1549. }
  1550.  
  1551. .divider-3573oO,.option-n0icdO,.user-settings-games .not-detected {
  1552. background-color: rgba(0,0,0,.35)!important
  1553. }
  1554.  
  1555. .item-3eFBNF .checkbox-1ix_J3 {
  1556. border-color: rgba(0,0,0,.95)!important
  1557. }
  1558.  
  1559. .button-mM-y8i,.item-3eFBNF,.notificationsSound-27jFSh,.row-2okwlC,.user-settings-games .game {
  1560. box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.35)!important
  1561. }
  1562.  
  1563. .checked-3_4uQ9,.overlappingBorder-1-XPGl {
  1564. border-color: var(--primary)!important
  1565. }
  1566.  
  1567. .checked-3_4uQ9 svg[name=Checkmark] g polyline {
  1568. stroke: var(--primary)!important
  1569. }
  1570.  
  1571. #bd-settingspane-container .ui-switch-item .style-description {
  1572. border-color: rgba(0,0,0,.35)!important
  1573. }
  1574.  
  1575. .userSettingsVoice-iwdUCU .media-engine-video {
  1576. background: 0 0
  1577. }
  1578.  
  1579. .defaultIndicator-G3c16x,.select-2TCrqx .Select-menu-outer,.userSettingsVoice-iwdUCU .previewOverlay-2O7_KC {
  1580. background-color: rgba(0,0,0,.35)!important;
  1581. border-color: rgba(0,0,0,.35)!important
  1582. }
  1583.  
  1584. .contextMenu-HLZMGh {
  1585. background-color: var(--backgroundDarker)!important
  1586. }
  1587.  
  1588. .connectedAccount-36nQx7,.userInfoSection-2acyCx+.userInfoSection-2acyCx {
  1589. border-color: rgba(0,0,0,.35)!important
  1590. }
  1591.  
  1592. .inner-1JeGVc,.keyboardShortcutsModal-3piNz7 {
  1593. background-color: var(--backgroundDark)!important;
  1594. border-radius: 8px
  1595. }
  1596.  
  1597. .selectableItem-1MP3MQ:hover,.topSectionNormal-2-vo2m {
  1598. background-color: rgba(0,0,0,.35)!important
  1599. }
  1600.  
  1601. .reaction-1ELvT8.reactionMe-23mbRf {
  1602. background-color: rgba(0,0,0,.23)!important
  1603. }
  1604.  
  1605. .reaction-1ELvT8.reactionMe-23mbRf .reactionCount-2ddRoS {
  1606. color: var(--primary)!important
  1607. }
  1608.  
  1609. .bodySection-jqkkIP,.card-NB61oR,.focused-2bY0OD,.popoutList-T9CKZQ,.root-1bFE0x,.row-1bU71H {
  1610. background-color: var(--backgroundDarker)!important
  1611. }
  1612.  
  1613. .divider-1pnAR2,.headerClickable-2IVFo9 {
  1614. background: 0 0!important
  1615. }
  1616.  
  1617. .auditLog-3jNbM6,.headerExpanded-CUEwZ5 {
  1618. border-color: rgba(0,0,0,.35)!important;
  1619. background-color: rgba(0,0,0,.15)!important
  1620. }
  1621.  
  1622. .ddrArrows-lSnH7P .arrow-2enltQ {
  1623. mix-blend-mode: luminosity
  1624. }
  1625.  
  1626. .selectableItem-1MP3MQ[style*="rgb(114, 137, 218)"] {
  1627. background-color: var(--primary)!important
  1628. }
  1629.  
  1630. .defaultIndicator-2X8Auf {
  1631. background-color: rgba(0,0,0,.5)!important
  1632. }
  1633.  
  1634. .video-2aTfcg {
  1635. width: 100%
  1636. }
  1637.  
  1638. .guildSettingsBaseSection-3XBkfG .avatar-uploader-inner {
  1639. background-color: var(--primary)!important
  1640. }
  1641.  
  1642. .lookGhost-2Fn_0-.colorBrand-3pXr91 {
  1643. color: var(--primary);
  1644. background-color: rgba(0,138,230,.15)
  1645. }
  1646.  
  1647. .header-3ZP1MY,.regionSelectModal-12e-57 .regionSelectModalHeader-21khC1,.theme-dark .create-3jownz .actionHeader-2CT5c7,.theme-light .create-3jownz .actionHeader-2CT5c7 {
  1648. color: var(--primary)!important
  1649. }
  1650.  
  1651. .regionSelectModal-12e-57 {
  1652. background-color: var(--backgroundDark)
  1653. }
  1654.  
  1655. .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3 {
  1656. background-color: rgba(0,0,0,.35);
  1657. border: 1px solid var(--backgroundDarker)
  1658. }
  1659.  
  1660. .actionButton-2PeQbJ {
  1661. border-radius: 50px
  1662. }
  1663.  
  1664. .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover {
  1665. border-color: var(--primary)
  1666. }
  1667.  
  1668. .colorPickerCustom-2CWBn2 {
  1669. background-color: var(--backgroundDark)!important;
  1670. border-color: rgba(0,0,0,.35)!important
  1671. }
  1672.  
  1673. .action-1lSjCi {
  1674. -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
  1675. background: rgba(0,0,0,.35)!important;
  1676. border: 1px solid rgba(0,0,0,.1);
  1677. box-shadow: 0 2px 4px rgba(0,0,0,.08)
  1678. }
  1679.  
  1680. .theme-dark .or-3THJsp,.theme-light .or-3THJsp {
  1681. background-image: none;
  1682. color: var(--primary);
  1683. border-radius: 50%;
  1684. background-color: var(--backgroundDarker);
  1685. width: 50px;
  1686. height: 50px;
  1687. line-height: 45px;
  1688. left: 44.5%;
  1689. top: 38%
  1690. }
  1691.  
  1692. .searchAnswer-3Dz2-q,.searchFilter-2ESiM3 {
  1693. border-radius: 50px;
  1694. background-color: rgba(0,0,0,.35)!important;
  1695. margin-top: -5px
  1696. }
  1697.  
  1698. .bd-modal-wrapper .bd-modal-body,.bd-modal-wrapper .bd-modal-inner,.diversitySelector-tmmMv0 .popout-2nUePc {
  1699. background-color: var(--backgroundDark)!important
  1700. }
  1701.  
  1702. .bda-dark .emoji-picker .dimmer.visible,.bda-dark .emojiPicker-3m1S-j .dimmer-3iH-5D.visible-3k45bQ {
  1703. background-color: rgba(0,0,0,.35)!important
  1704. }
  1705.  
  1706. .diversitySelector-tmmMv0 .popout-2nUePc {
  1707. border-color: rgba(0,0,0,.35)!important
  1708. }
  1709.  
  1710. .bd-modal-wrapper .header,.calendarPicker-2yf6Ci .react-datepicker,.calendarPicker-2yf6Ci .react-datepicker__header {
  1711. background-color: var(--backgroundDarker)!important
  1712. }
  1713.  
  1714. .calendarPicker-2yf6Ci .react-datepicker__current-month {
  1715. border: none!important
  1716. }
  1717.  
  1718. .calendarPicker-2yf6Ci .react-datepicker__day--outside-month,.calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--disabled,.theme-dark .friendsTable-133bsv .friendsRow-2yicud:hover {
  1719. background-color: rgba(0,0,0,.35)!important
  1720. }
  1721.  
  1722. .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:after {
  1723. background-color: var(--primary)!important
  1724. }
  1725.  
  1726. .emptyWumpus-3Gagum {
  1727. mix-blend-mode: luminosity
  1728. }
  1729.  
  1730. .guildIconExpired-2Qcq05 {
  1731. mix-blend-mode: soft-light
  1732. }
  1733.  
  1734. .footer-3oZnEF {
  1735. mix-blend-mode: hard-light
  1736. }
  1737.  
  1738. .content-35aVm0,.item-2yFVoY,.theme-dark .entitledHeader-3LRNDT,.theme-light .entitledHeader-3LRNDT {
  1739. background-color: rgba(0,0,0,.35)!important
  1740. }
  1741.  
  1742. .theme-dark .join-33Tr-7 .actionIcon-2IISM_,.theme-light .join-33Tr-7 .actionIcon-2IISM_ {
  1743. background-image: url(https://i.imgur.com/K72QVjg.png)!important
  1744. }
  1745.  
  1746. .theme-dark .create-3jownz .actionIcon-2IISM_,.theme-light .create-3jownz .actionIcon-2IISM_ {
  1747. background-image: url(https://i.imgur.com/qXLuwMW.png)!important
  1748. }
  1749.  
  1750. .calendarPicker-2yf6Ci .react-datepicker__day:hover,.theme-dark .actionButton-2PeQbJ,.theme-light .actionButton-2PeQbJ {
  1751. background-color: var(--primary)!important
  1752. }
  1753.  
  1754. .actionButton-2PeQbJ:hover {
  1755. background-color: #007acc!important
  1756. }
  1757.  
  1758. .join-33Tr-7 .actionButton-2PeQbJ:hover {
  1759. background-color: #37956b!important
  1760. }
  1761.  
  1762. .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.image-2yrs5j {
  1763. border-color: var(--primary)
  1764. }
  1765.  
  1766. .wrapper-29NfPK.minimum-2d6zH6 .actions-2vadYq .center-1Vp33r {
  1767. background-color: rgba(0,0,0,.35)!important;
  1768. border: none!important
  1769. }
  1770.  
  1771. .isLocalBot-38G0P0 {
  1772. background-color: var(--backgroundDarker)!important;
  1773. box-shadow: none!important;
  1774. background-image: none!important
  1775. }
  1776.  
  1777. .aka-1mqp34,.friendSelected--wQP3f {
  1778. background-color: rgba(0,0,0,.35)!important
  1779. }
  1780.  
  1781. .tiles-2aXG_k {
  1782. background-color: var(--backgroundDark)!important;
  1783. box-shadow: none!important
  1784. }
  1785.  
  1786. .callAvatarBorder-1D_KaE.video-3GgX2M.selected-2esnyn:not(.speaking-oCqYMI):not(.soundsharing-102bS9) {
  1787. box-shadow: inset 0 0 0 2px var(--primary)
  1788. }
  1789.  
  1790. svg[name=Nitro] g path {
  1791. fill: var(--primary)!important
  1792. }
  1793.  
  1794. .selectorButtonSelected-1j4DmC {
  1795. background-color: var(--primary)!important
  1796. }
  1797.  
  1798. .imageSelected-4Kl81J {
  1799. border-color: var(--primary)!important
  1800. }
  1801.  
  1802. .container-3gCOGc {
  1803. background: var(--backgroundDark)!important
  1804. }
  1805.  
  1806. .tabBar-1E2ExX .item-3HpYcP {
  1807. border-radius: 50px
  1808. }
  1809.  
  1810. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9 {
  1811. border-radius: 50%;
  1812. background-color: rgba(0,0,0,.35)!important
  1813. }
  1814.  
  1815. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9.friendsActionAccept-3mkemT:hover,.friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:hover {
  1816. background-color: var(--SuccesColor)!important
  1817. }
  1818.  
  1819. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9.friendsActionCancel-3AP4ex:hover,.friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9.friendsActionIgnore-1-RPlq:hover,.friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9.friendsActionRemove-qu8nnl:hover {
  1820. background-color: var(--DangerColor)!important
  1821. }
  1822.  
  1823. .friendsTable-133bsv .friendTableAddWrapper-nHHZtK .friendTableAddHeader-m9bzFr {
  1824. background-image: none!important;
  1825. background-color: transparent!important
  1826. }
  1827.  
  1828. .friendsTable-133bsv .friendTableAddWrapper-nHHZtK .friendTableSuggestionsHeader-2zSnpD,.wrapper-3JPufy .inner-2Y6JuD {
  1829. border-color: rgba(0,0,0,.15)!important
  1830. }
  1831.  
  1832. .wrapper-3JPufy .inner-2Y6JuD {
  1833. transition: all .2s ease
  1834. }
  1835.  
  1836. .wrapper-3JPufy .inner-2Y6JuD:hover {
  1837. border-color: rgba(0,0,0,.45)!important;
  1838. background-color: rgba(0,0,0,.45)!important
  1839. }
  1840.  
  1841. .wrapper-1cBijl {
  1842. background-color: rgba(20,23,31,.5)!important
  1843. }
  1844.  
  1845. .announcingNitro-3Ptg6m {
  1846. color: var(--primary)!important
  1847. }
  1848.  
  1849. .overlappingBorder-3aFng4 {
  1850. border-color: var(--primary)!important
  1851. }
  1852.  
  1853. .exclusiveMedia-2KyeMu,.exclusiveRegular-2w11vc,.premium-39U29H {
  1854. background-image: linear-gradient(90deg,var(--primaryGradient1),var(--primaryGradient2))!important
  1855. }
  1856.  
  1857. .premium-39U29H:before,.tag-HanR-9:before {
  1858. background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA4MCIgaGVpZ2h0PSI1NDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk2IC0xMDApIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InJnYmEoMCwwLDAsLjI1KSI+PHBhdGggZD0iTTE0Mi44MzYgMTgxTDI4NS42NyAzMjMuODM3IDE0Mi44MzYgNDY2LjY3MiAwIDMyMy44MzZ6Ii8+PGNpcmNsZSBjeD0iNTA4LjUiIGN5PSIxMTYuNSIgcj0iMTE2LjUiLz48Y2lyY2xlIGN4PSI5MjUuNSIgY3k9IjczNi41IiByPSIxMTYuNSIvPjxjaXJjbGUgY3g9Ijg4MyIgY3k9IjEwMCIgcj0iNCIvPjxjaXJjbGUgY3g9Ijg1OSIgY3k9IjEwMCIgcj0iNCIvPjxjaXJjbGUgY3g9IjgzNSIgY3k9IjEwMCIgcj0iNCIvPjxjaXJjbGUgY3g9IjgxMSIgY3k9IjEwMCIgcj0iNCIvPjxjaXJjbGUgY3g9IjkwNyIgY3k9IjEwMCIgcj0iNCIvPjxjaXJjbGUgY3g9IjkzMSIgY3k9IjEwMCIgcj0iNCIvPjxjaXJjbGUgY3g9Ijk1NSIgY3k9IjEwMCIgcj0iNCIvPjxjaXJjbGUgY3g9Ijg4MyIgY3k9IjEyNCIgcj0iNCIvPjxjaXJjbGUgY3g9Ijg1OSIgY3k9IjEyNCIgcj0iNCIvPjxjaXJjbGUgY3g9IjgzNSIgY3k9IjEyNCIgcj0iNCIvPjxjaXJjbGUgY3g9IjgxMSIgY3k9IjEyNCIgcj0iNCIvPjxjaXJjbGUgY3g9IjkwNyIgY3k9IjEyNCIgcj0iNCIvPjxjaXJjbGUgY3g9IjkzMSIgY3k9IjEyNCIgcj0iNCIvPjxjaXJjbGUgY3g9Ijk1NSIgY3k9IjEyNCIgcj0iNCIvPjxjaXJjbGUgY3g9Ijg4MyIgY3k9IjE0OCIgcj0iNCIvPjxjaXJjbGUgY3g9Ijg1OSIgY3k9IjE0OCIgcj0iNCIvPjxjaXJjbGUgY3g9IjgzNSIgY3k9IjE0OCIgcj0iNCIvPjxjaXJjbGUgY3g9IjgxMSIgY3k9IjE0OCIgcj0iNCIvPjxjaXJjbGUgY3g9IjkwNyIgY3k9IjE0OCIgcj0iNCIvPjxjaXJjbGUgY3g9IjkzMSIgY3k9IjE0OCIgcj0iNCIvPjxjaXJjbGUgY3g9Ijk1NSIgY3k9IjE0OCIgcj0iNCIvPjxjaXJjbGUgY3g9Ijg4MyIgY3k9IjE3MiIgcj0iNCIvPjxjaXJjbGUgY3g9Ijg1OSIgY3k9IjE3MiIgcj0iNCIvPjxjaXJjbGUgY3g9IjgzNSIgY3k9IjE3MiIgcj0iNCIvPjxjaXJjbGUgY3g9IjgxMSIgY3k9IjE3MiIgcj0iNCIvPjxjaXJjbGUgY3g9IjkwNyIgY3k9IjE3MiIgcj0iNCIvPjxjaXJjbGUgY3g9IjkzMSIgY3k9IjE3MiIgcj0iNCIvPjxjaXJjbGUgY3g9Ijk1NSIgY3k9IjE3MiIgcj0iNCIvPjxjaXJjbGUgY3g9Ijg4NCIgY3k9IjE5NiIgcj0iNCIvPjxjaXJjbGUgY3g9Ijg2MCIgY3k9IjE5NiIgcj0iNCIvPjxjaXJjbGUgY3g9IjgzNiIgY3k9IjE5NiIgcj0iNCIvPjxjaXJjbGUgY3g9IjgxMiIgY3k9IjE5NiIgcj0iNCIvPjxjaXJjbGUgY3g9IjkwOCIgY3k9IjE5NiIgcj0iNCIvPjxjaXJjbGUgY3g9IjkzMiIgY3k9IjE5NiIgcj0iNCIvPjxjaXJjbGUgY3g9Ijk1NiIgY3k9IjE5NiIgcj0iNCIvPjxjaXJjbGUgY3g9Ijg4NCIgY3k9IjIyMCIgcj0iNCIvPjxjaXJjbGUgY3g9Ijg2MCIgY3k9IjIyMCIgcj0iNCIvPjxjaXJjbGUgY3g9IjgzNiIgY3k9IjIyMCIgcj0iNCIvPjxjaXJjbGUgY3g9IjgxMiIgY3k9IjIyMCIgcj0iNCIvPjxjaXJjbGUgY3g9IjkwOCIgY3k9IjIyMCIgcj0iNCIvPjxjaXJjbGUgY3g9IjkzMiIgY3k9IjIyMCIgcj0iNCIvPjxjaXJjbGUgY3g9Ijk1NiIgY3k9IjIyMCIgcj0iNCIvPjxwYXRoIGQ9Ik0xMDY3LjgzNiA0NC42MjJMMTEyOS44OTcgMTNsMTgxLjA0IDM1NS4zMS02Mi4wNjEgMzEuNjIyYy05LjQ3MyA0LjgyNi0yMS4wNjUgMS4wNi0yNS44OTItOC40MTNhMTkuMjUgMTkuMjUgMCAwIDEtLjE3Ny0xNy4xMjNjMTAuNDQyLTIxLjU4NCAxLjQxLTQ3LjU0NS0yMC4xNzMtNTcuOTg2YTQzLjQxMyA0My40MTMgMCAwIDAtMTEuMjMyLTMuNjVsLTIuMzI2LS40MTdjLTIxLjI2NS0zLjgyLTM1LjQwNy0yNC4xNTYtMzEuNTg4LTQ1LjQyYTM5LjEyIDM5LjEyIDAgMCAxIDQuMzU3LTEyLjE3MmMxMC41NDItMTguODYgMy44LTQyLjY5NC0xNS4wNi01My4yMzZhMzkuMTIgMzkuMTIgMCAwIDAtMTIuMTcxLTQuMzU2bC00LjY1My0uODM2Yy0yMS4yNjUtMy44Mi0zNS40MDctMjQuMTU1LTMxLjU4OC00NS40MmEzOS4xMiAzOS4xMiAwIDAgMSA0LjM1Ny0xMi4xNzJjMTAuNTQyLTE4Ljg2IDMuOC00Mi42OTMtMTUuMDYtNTMuMjM1YTM5LjEyIDM5LjEyIDAgMCAwLTEyLjE3MS00LjM1N2wtMi4zMjYtLjQxOGMtMTAuNDY1LTEuODgtMTcuNDI0LTExLjg4Ni0xNS41NDQtMjIuMzVhMTkuMjUgMTkuMjUgMCAwIDEgMTAuMjA3LTEzLjc1ek03ODcgMzkxbDYzIDEyNkg3MjR6TTU4NyA1NDd2ODdIMjQ0di04N3oiLz48L2c+PC9zdmc+)!important
  1859. }
  1860.  
  1861. .categoryFadeBlurple-1j72_A {
  1862. background-color: rgba(0,138,230,.8)!important
  1863. }
  1864.  
  1865. .categoryFadeBlurple-1j72_A:hover {
  1866. background-color: rgba(0,138,230,.9)!important
  1867. }
  1868.  
  1869. .focused-1En8bG:after,.result-3w1ZcL:hover:after {
  1870. box-shadow: inset 0 0 0 2px var(--primary),inset 0 0 0 3px var(--backgroundDarker)!important
  1871. }
  1872.  
  1873. .checkbox-3kaeSU .checkboxInner-3yjcPe .checkboxElement-1qV33p:checked+span {
  1874. background-color: var(--primary)!important;
  1875. border-color: var(--primary)!important
  1876. }
  1877.  
  1878. .children-19S4PO:after {
  1879. display: none
  1880. }
  1881.  
  1882. .content-3at_AU::after,.side-8zPYf6 .themed-OHr7kt.item-PXvHYJ::after,.wrapper-1ucjTd.modeSelected-1zApJ_ .content-3at_AU::after {
  1883. content: "";
  1884. height: 2px;
  1885. width: 98.5%;
  1886. border-radius: 50px;
  1887. bottom: 0;
  1888. left: 7.5px;
  1889. position: absolute;
  1890. background-color: transparent;
  1891. background-image: linear-gradient(to right,var(--primaryGradient1),var(--primaryGradient2));
  1892. transform: translateX(-250px);
  1893. transition: all .2s ease
  1894. }
  1895.  
  1896. .listDefault-2y5Z9D .clickable-23RaYz:hover .content-3xS9Lh,.side-8zPYf6 .themed-OHr7kt.item-PXvHYJ:hover,.wrapper-1ucjTd:hover .content-3at_AU {
  1897. background-color: rgba(0,0,0,.25)!important
  1898. }
  1899.  
  1900. .side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ,.wrapper-1ucjTd.modeSelected-1zApJ_ .content-3at_AU {
  1901. background-color: rgba(0,0,0,.45)!important
  1902. }
  1903.  
  1904. .side-8zPYf6 .themed-OHr7kt.item-PXvHYJ:hover::after,.side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ::after,.wrapper-1ucjTd.modeSelected-1zApJ_ .content-3at_AU::after,.wrapper-1ucjTd:hover .content-3at_AU::after {
  1905. transform: translateX(0)
  1906. }
  1907.  
  1908. .container-1r6BKw {
  1909. background: var(--backgroundDark)!important
  1910. }
  1911.  
  1912. .base-3dtUhz {
  1913. border-radius: 0!important
  1914. }
  1915.  
  1916. .children-19S4PO:after,.gradientOverlay-298TBM {
  1917. display: none
  1918. }
  1919.  
  1920. .tile-QA_yMc {
  1921. background: var(--backgroundDarker)!important
  1922. }
  1923.  
  1924. .container-1r6BKw {
  1925. background: var(--backgroundDark)!important
  1926. }
  1927.  
  1928. .topPill-30KHOu .item-PXvHYJ {
  1929. border-radius: 20px
  1930. }
  1931.  
  1932. .itemBackground-2vEldQ:before {
  1933. background: radial-gradient(ellipse at top,rgba(54,57,63,0),var(--backgroundDark)),linear-gradient(90deg,var(--backgroundDark) 0,rgba(54,57,63,0) 40%,rgba(54,57,63,0) 60%,var(--backgroundDark)),linear-gradient(0deg,var(--backgroundDark) 0,rgba(54,57,63,0) 25%)!important
  1934. }
  1935.  
  1936. .modal-3HD5ck,.reactors-Blmlhw,.scrollerButton-1Vm5_P,.users-i_3-kL {
  1937. background-color: var(--backgroundDark)!important
  1938. }
  1939.  
  1940. .addGamePopout-2RY8Ju,.css-181m2lf-menu,.scrollerButton-1Vm5_P:hover,.sidebar-1-SQro,.total-3tKGEB {
  1941. background-color: var(--backgroundDarker)!important
  1942. }
  1943.  
  1944. .total-3tKGEB:after {
  1945. border-right-color: var(--backgroundDarker)!important
  1946. }
  1947.  
  1948. .acronym-2mOFsV,.button-2KyEfG:hover:not(.buttonScreenShareDisabled-1xwK5y),.button-2b6hmh:hover,.container-2XeR5Z,.container-cMG81i,.css-1gnr91b-option:hover,.friendSelected-3J_Uh8,.inset-GQDQYw,.inviteRow-2L02ae:hover,.listDefault-2y5Z9D .clickable-23RaYz.selected-3TGCSZ .content-3xS9Lh,.notDetected-33MY4s,.reactionSelected-1pqISm,.section-2VKIPC,.tag-2gHSR7,.tileMedia-1q3guD,.tileMedia-1q3guD:hover {
  1949. background-color: rgba(0,0,0,.5)!important
  1950. }
  1951.  
  1952. .genreTag-3QLRUJ,.iconBadge-2NuvG9,.lookFilled-1Gx00P.colorGreen-29iAKY,.topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ,.topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ:hover {
  1953. background: linear-gradient(to top left,var(--primaryGradient1),var(--primaryGradient2))!important;
  1954. text-shadow: 0 1px 5px #000
  1955. }
  1956.  
  1957. .activity-11LB_k {
  1958. text-shadow: 0 0 5px #000
  1959. }
  1960.  
  1961. .unread-1xRYoj {
  1962. background-color: var(--primaryGradient1)
  1963. }
  1964.  
  1965. .markup-2BOw-j pre {
  1966. background-color: var(--backgroundDark)!important
  1967. }
  1968.  
  1969. .markup-2BOw-j code,.markup-2BOw-j code.inline {
  1970. background-color: rgba(0,0,0,.65)!important
  1971. }
  1972.  
  1973. .hljs::before {
  1974. left: 0
  1975. }
  1976.  
  1977. .tierNoneContainer-3hhK3h {
  1978. background-color: var(--backgroundDark)!important
  1979. }
  1980.  
  1981. .barBackground-2EEiLw,.boostCount-UFqabz,.tierHeaderLocked-1s2JJz {
  1982. background-color: rgba(0,0,0,.45)!important
  1983. }
  1984.  
  1985. .selectedTier-1JkO7i .tierMarker-5HkGJ_,.tierMarkerBackground-3q29am {
  1986. background-color: var(--backgroundDarker)!important;
  1987. box-shadow: inset 0 0 0 100000px rgba(0,0,0,.55)!important
  1988. }
  1989.  
  1990. .tierMarker-5HkGJ_[style*="32, 34, 37"] {
  1991. background: var(--backgroundDark)!important
  1992. }
  1993.  
  1994. .carouselRightGradientEdge-2Z3H8D {
  1995. background-image: linear-gradient(90deg,transparent,var(--backgroundDark))!important
  1996. }
  1997.  
  1998. .carouselLeftGradientEdge-3P4spl {
  1999. background-image: linear-gradient(90deg,var(--backgroundDark),transparent)!important
  2000. }
  2001.  
  2002. .tierBody-16Chc9 {
  2003. background-color: rgba(0,0,0,.15)!important
  2004. }
  2005.  
  2006. .barForeground-3KglC8,.tierHeaderUnlocked-1n-OTI,.tierMarker-5HkGJ_[style*="180, 115, 245"] {
  2007. background: linear-gradient(to top right,var(--primaryGradient1),var(--primaryGradient2))!important
  2008. }
  2009.  
  2010. .tierUnlocked-25K6Kv {
  2011. background-color: var(--backgroundDark)!important;
  2012. box-shadow: inset 0 0 0 100000px rgba(0,0,0,.15)!important;
  2013. color: #fff!important
  2014. }
  2015.  
  2016. .tierNoneCard-peD7hV {
  2017. mix-blend-mode: luminosity
  2018. }
  2019.  
  2020. .app-2rEoOp .bannerImage-1jOskm {
  2021. -webkit-mask-image: linear-gradient(#000 0,transparent 100%);
  2022. mask-image: linear-gradient(#000 0,transparent 100%)
  2023. }
  2024.  
  2025. .header-2o-2hj {
  2026. background-color: rgba(0,0,0,0)!important
  2027. }
  2028.  
  2029. .container-VSDcQc .sectionTag-pXyto9 {
  2030. background-color: var(--backgroundDarker)!important
  2031. }
  2032.  
  2033. .row-rrHHJU.selected-1pIgLL {
  2034. background: rgba(0,0,0,.25)!important
  2035. }
  2036.  
  2037. .autocompleteArrow-Zxoy9H,.autocompleteHeaderBackground-30T70q,.overflowRolesPopout-140n9i,.overflowRolesPopoutArrow-2O66oH {
  2038. background-color: var(--backgroundDarker)!important;
  2039. box-shadow: inset 0 0 0 100000px rgba(0,0,0,.55)!important
  2040. }
  2041.  
  2042. .container-1giJp5,.container-3baos1 {
  2043. background-color: var(--backgroundDark)!important
  2044. }
  2045.  
  2046. .container-1giJp5 {
  2047. border: none!important
  2048. }
  2049.  
  2050. .reactionInner-rRPZdY {
  2051. background-color: var(--backgroundDarker)!important
  2052. }
  2053.  
  2054. .panels-j1Uci_ {
  2055. background: 0 0!important
  2056. }
  2057.  
  2058. .activityPanel-28dQGo {
  2059. border: none
  2060. }
  2061.  
  2062. .expandedFolderBackground-2sPsd-,.folder-21wGz3,.theme-dark .placeholderWrapper-3FaLtZ,.theme-dark .wrapper-3UweLa {
  2063. background-color: rgba(0,0,0,.35)!important
  2064. }
  2065.  
  2066. .privateChannels-1nO12o {
  2067. background: 0 0!important
  2068. }
  2069.  
  2070.  
  2071. .wrapper-1BJsBx[aria-label=Home] {
  2072. transition: all .3s ease;
  2073. background-image: linear-gradient(to left,var(--primaryGradient1),var(--primaryGradient2));
  2074. -webkit-mask-image: url(https://i.imgur.com/lYXFpXr.png);
  2075. -webkit-mask-position: center;
  2076. -webkit-mask-repeat: no-repeat;
  2077. -webkit-mask-size: contain
  2078. }
  2079.  
  2080. .wrapper-1BJsBx[aria-label=Home] .childWrapper-anI2G9 {
  2081. display: none
  2082. }
  2083.  
  2084. .menu-Sp6bN1 {
  2085. box-shadow: 0 0 10px 3px rgba(0,0,0,.5)!important
  2086. }
  2087.  
  2088. .layout-2DM8Md {
  2089. position: relative
  2090. }
  2091.  
  2092. .layout-2DM8Md:after {
  2093. content: "";
  2094. height: 2px;
  2095. width: 100%;
  2096. border-radius: 50px;
  2097. bottom: 0;
  2098. left: 0;
  2099. position: absolute;
  2100. background-color: transparent;
  2101. background-image: linear-gradient(to right,var(--primaryGradient1),var(--primaryGradient2));
  2102. transform: translateX(110%);
  2103. transition: all .2s ease
  2104. }
  2105.  
  2106. .channel-2QD9_O .layout-2DM8Md:after {
  2107. transform: translateX(-110%)
  2108. }
  2109.  
  2110. .layout-2DM8Md:hover {
  2111. background-color: rgba(0,0,0,.15)!important
  2112. }
  2113.  
  2114. .selected-aXhQR6 .layout-2DM8Md {
  2115. background-color: rgba(0,0,0,.25)!important
  2116. }
  2117.  
  2118. .layout-2DM8Md:hover:after,.selected-aXhQR6 .layout-2DM8Md:after {
  2119. transform: translateX(0)
  2120. }
  2121.  
  2122. .selected-aXhQR6 .layout-2DM8Md .name-uJV0GL {
  2123. color: #fff
  2124. }
  2125.  
  2126. .contentRegionScroller-26nc1e,.messages-3amgkR,.privateChannels-1nO12o,.root-SR8cQa,.scroller-1JbKMe,.scroller-2TZvBN,.theme-dark .bodyInner-245q0L,.theme-dark .footer-1fjuF6 {
  2127. background-color: var(--backgroundDark)!important
  2128. }
  2129.  
  2130. .activityPanel-28dQGo,.friendsTable-133bsv .friendsTableBody-1ZhKif,.scroller-1IIF0A,.scroller-9moviB {
  2131. background-color: var(--backgroundDark)!important
  2132. }
  2133.  
  2134. input.da-input, input.da-input:focus {
  2135. color: #ffffff;
  2136. }
  2137.  
  2138. .wrapper-2aW0bm {
  2139. background-color: var(--backgroundDark)!important;
  2140. }
  2141.  
  2142. /*Emoji Picker Fix (again)*/
  2143. .wrapper-2Gsate, .contentWrapper-SvZHNd, .wrapper-1-Fsb8 {
  2144. background: var(--backgroundDark);
  2145. }
  2146. .inspector-3LQtX9{background-color: var(--backgroundDark);}
  2147. .theme-dark .wrapper-1-Fsb8 {background-color: var(--backgroundDark);}
  2148.  
  2149. /* New Settings */
  2150. .accountList-33MS45, .connectionHeader-2MDqhu, .background-1QDuV2, .phoneField-38N1bJ, .phoneField-38N1bJ .inputField-aNPXsv, .banner-WELp4M, .theme-dark .feature-2w65J5, .theme-dark .gemIndicatorContainer-2jdECl {
  2151. background-color: transparent;
  2152. }
  2153. .fieldList-21DyL8, .connection-1fbD7X {
  2154. background-color: var(--backgroundDarker);
  2155. }
  2156. .lookFilled-1Gx00P.colorGrey-2DXtkV
  2157. .lookFilled-1Gx00P.colorGrey-2DXtkV:hover {
  2158. background-image: linear-gradient(to right, var(--primaryGradient1), var(--primaryGradient2));
  2159. }
  2160. .hero-EvfTTA {
  2161. max-width: inherit;
  2162. }
  2163. svg.slider-TkfMQL svg {
  2164. display: none;
  2165. }
  2166. .container-3auIfb:not([style*="125"]) {
  2167. background-color: var(--primaryGradient1) !important;
  2168. }
  2169.  
  2170. /* Channels Nov 2020 */
  2171. .container-3w7J-x {
  2172. background: var(--backgroundDark)!important;
  2173. }
  2174.  
  2175. .panels-j1Uci_ {
  2176. background: var(--backgroundDark)!important;
  2177. }
  2178.  
  2179. .content-1x5b-n::after, .wrapper-2jXpOf.modeSelected-346R90 .content-1x5b-n::after {
  2180. content: "";
  2181. height: 2px;
  2182. width: 98.5%;
  2183. border-radius: 50px;
  2184. bottom: 0;
  2185. left: 7.5px;
  2186. position: absolute;
  2187. background-color: transparent;
  2188. background-image: linear-gradient(to right,var(--primaryGradient1),var(--primaryGradient2));
  2189. transform: translateX(-250px);
  2190. transition: all .2s ease
  2191. }
  2192.  
  2193. .side-8zPYf6 .themed-OHr7kt.item-PXvHYJ:hover,.wrapper-2jXpOf:hover .content-1x5b-n {
  2194. background-color: rgba(0,0,0,.25)!important
  2195. }
  2196.  
  2197. .wrapper-2jXpOf.modeSelected-346R90 .content-1x5b-n {
  2198. background-color: rgba(0,0,0,.45)!important
  2199. }
  2200.  
  2201. .wrapper-2jXpOf.modeSelected-346R90 .content-1x5b-n::after,.wrapper-2jXpOf:hover .content-1x5b-n::after {
  2202. transform: translateX(0)
  2203. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!