API tools faq
paste
KrystekYY

Untitled

KrystekYY
Aug 24th, 2019
182
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 419.17 KB | None | 0 0
raw download clone embed print report
  1. :root {
  2. --accent-color: #3f51b5;
  3. --accent-color-hover: #4558c4;
  4. --accent-color-active: #5262bc;
  5. --accent-rgb: rgba(39,147,230,0.3);
  6.  
  7. --notification-color: #bbb;
  8.  
  9. --card-color: #1e2024;
  10. --card-alt: #2a2c30;
  11. --card-shadow-border: 0 1px 0 0 #333;
  12. --card-border-color: #444;
  13.  
  14. --success-color: #43b581;
  15.  
  16. --alert-color: #f04747;
  17. --alert-color-hover: #f74a4a;
  18. --alert-color-active: #fa5c5c;
  19.  
  20. --main-color: #16171a;
  21. --main-alt: #0f1012;
  22. --message-color: #292d30;
  23. --message-alt: #1c1e21;
  24.  
  25. --code-color: #1d1e21;
  26.  
  27. --chat-color: #202225;
  28. --popout-color: #202225;
  29. --popout-alt: #2c2f33;
  30. --popout-dark: #18191c;
  31. --server-bg: #232327;
  32. --status-picker-color: #191b1f;
  33.  
  34. --spotify-color: #1db954;
  35. --stream-color: #593695;
  36. --xbox-color: #107c10;
  37.  
  38. --input-color: #272a2e;
  39. --hover-color: rgba(255,255,255,0.05);
  40. --select-color: rgba(255,255,255,0.1);
  41.  
  42. --menu-item-hover: rgba(255,255,255,0.075);
  43. --menu-item-select: var(--select-color);
  44.  
  45. --border-radius: 4px;
  46. --border-radius-big: 8px;
  47. --border-radius-bar: 3px;
  48.  
  49. --slider-background: #4f545c;
  50.  
  51. --default-animation: cubic-bezier(0.4,0,0.2,1);
  52.  
  53. --shadow-1dp: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
  54. --shadow-2dp: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
  55. --shadow-3dp: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
  56.  
  57. --shadow-button: 0 3px 1px -2px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12);
  58. --shadow-button-hover: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12);
  59. --shadow-button-active: 0 5px 5px -3px rgba(0,0,0,0.2), 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12);
  60.  
  61. /* PLUGIN VARIABLES -> Citator */
  62.  
  63. --message-color-citator: #323539;
  64. }
  65.  
  66. ::selection {
  67. background: #859fbf;
  68. text-shadow: none;
  69. }
  70.  
  71. * {
  72. font-family: 'Product Sans', sans-serif !important;
  73. }
  74.  
  75.  
  76. /*
  77. *
  78. * GLOBAL ELEMENTS
  79. *
  80. */
  81.  
  82. /* ACCENT [BACKGROUND][IMPORTANT] */
  83.  
  84. .popout header,
  85. #friends .btn,
  86. .ui-standard-sidebar-view .bda-slist .bda-right button,
  87. .itemDefaultSelected-1UAWLe,
  88. .itemDefaultSelected-1UAWLe:active,
  89. .ui-tab-bar.SIDE .ui-tab-bar-item.selected,
  90. .ui-tab-bar.SIDE .ui-tab-bar-item:active,
  91. .ui-slider .slider-bar-fill,
  92. .ui-switch-wrapper:not(.disabled):not(.clear):hover .ui-switch-checkbox:checked+.ui-switch,
  93. .ui-switch-checkbox:checked+.ui-switch,
  94. ._3Mv0RaJ0,
  95. ._3Mv0RaJ0:hover,
  96. .bda-slist .bda-footer button,
  97. #bd-settingspane-container .bda-slist .plugin-settings button,
  98. .buttonBrandFilled-3Mv0Ra,
  99. .buttonBrandFilled-3Mv0Ra:hover,
  100. .ui-button.brand.filled,
  101. .ui-button.brand.filled:hover,
  102. .region-select:hover button,
  103. .slider-bar-fill,
  104. .form .btn-primary:hover,
  105. .form .btn-primary,
  106. .buttonBrandInverted-VFL7Yc,
  107. .colorGreen-29iAKY,
  108. .cardPrimaryEditable-3KtE4g[style="background-color: rgb(114, 137, 218);"],
  109. .ui-card-primary.checked,
  110. .guilds-wrapper .guilds-add-inner,
  111. .divider-3gKybi.dividerRed-MKoLlr > div,
  112. .divider-3gKybi.dividerRed-MKoLlr > span,
  113. .newMessagesBar-mujexs,
  114. .popout header,
  115. .buttonWhiteOutlined-2KwPTg,
  116. .buttonGreyGhost-SfY7zU,
  117. .uploadModal-2ifh8j .footer-3mqk7D .button-primary,
  118. .pill-1nbD-Z,
  119. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .copy-3nFbq8,
  120. .side-2nYO0F .itemSelected-3XxAMf[style*="color: rgb(114, 137, 218);"]:hover,
  121. .ui-standard-sidebar-view #editor-detached button,
  122. #bd-settingspane-container .bd-pfbtn,
  123. .buttonPrimaryOutlinedDefault--H0hhk,
  124. .buttonPrimaryOutlinedSubmitting-3m3eFx,
  125. .wanderingCubesItem-35kyMu,
  126. .noticeDefault-362Ko2,
  127. .notice-3I4-y_,
  128. .noticeInfo-3_iTE1,
  129. .btn-11C5_u,
  130. .questionMark-CWEQZn,
  131. .lookFilled-1Gx00P.colorGreen-29iAKY,
  132. .lookFilled-luDKDo.colorBrand-3PmwCE,
  133. .lookFilled-1Gx00P.colorBrand-3pXr91,
  134. .lookGhost-GyT-k0.colorGrey-4JijJ1,
  135. .side-2nYO0F .itemSelected-3XxAMf.item-PXvHYJ[style*="color: rgb(114, 137, 218);"]:hover,
  136. .wrapper-39oAo3 button,
  137. .container-3nXdBP header,
  138. .copyInput-2rOSt7 .button-38qaLQ,
  139. .lookOutlined-3sRXeN.colorWhite-rEQuAQ,
  140. .lookOutlined-3sRXeN.colorPrimary-3b3xI6,
  141. .lookOutlined-3sRXeN.colorGreen-29iAKY,
  142. .lookOutlined-3sRXeN.colorBrand-3pXr91,
  143. .lookFilled-1Gx00P.colorPrimary-3b3xI6,
  144. .actionButton-2PeQbJ,
  145. .headerButtonColor-G7_f-V,
  146. .hasMore-3e72_v button,
  147. .botTagRegular-2HEhHi,
  148. .pluginrepo-modal .pluginEntry.downloadable .btn-download,
  149. .pluginrepo-modal .pluginEntry.updated .btn-download,
  150. .pluginrepo-modal .pluginEntry.outdated .btn-download,
  151. .themerepo-modal .themeEntry.downloadable .btn-download,
  152. .themerepo-modal .themeEntry.updated .btn-download,
  153. .themerepo-modal .themeEntry.outdated .btn-download,
  154. .progressBar-3u8FBM.small-1CUeBa[style*="background-color: rgb(114, 137, 218);"],
  155. .regionSelect-3lf4eE:hover button,
  156. .actionRed-1J19Tx,
  157. .streamerModeEnabledBtn-2ZJ2eq,
  158. .defaultIndicator-G3c16x {
  159. background: var(--accent-color) !important;
  160. }
  161.  
  162. /* ACCENT [BACKGROUND-COLOR] */
  163.  
  164. .checkbox-3kaeSU .checkboxInner-3yjcPe .checkboxElement-1qV33p:checked + span,
  165. .checkbox .checkbox-inner input[type=checkbox]:checked + span,
  166. #bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch.checked:before,
  167. .guildAvatarWithoutIcon-1sTmE_,
  168. .avatar-uploader-inner,
  169. .selectorButtonSelected-1j4DmC {
  170. background-color: var(--accent-color);
  171. }
  172.  
  173. /* ACCENT [BACKGROUND-COLOR][IMPORTANT] */
  174.  
  175. /*.guilds-wrapper .guilds .guild .guild-inner:hover,*/
  176. .guilds-wrapper .guilds .guild.selected .guild-inner,
  177. .containerDragAfter-3O-noP:before,
  178. .containerDragBefore-31UGCO:before,
  179. .containerDragAfter-3rB7mB:after,
  180. .containerDragBefore-3Dzc5x:before,
  181. .item-26Dhrx[style="border-color: rgb(114, 137, 218); background-color: rgb(114, 137, 218); padding: 10px;"],
  182. .checkbox-1ix_J3[style*="background-color: rgb(114, 137, 218); border-color: rgb(114, 137, 218);"],
  183. .inviteModal-34DdOm .avatar-xxxlarge,
  184. .iconActiveLarge-2nzn9z {
  185. background-color: var(--accent-color) !important;
  186. }
  187.  
  188. .containerUserOver-1U5YnL:after {
  189. background: var(--accent-rgb) !important;
  190. }
  191.  
  192. /* POPOUT BACKGROUND[IMPORTANT] */
  193.  
  194. .chat-3bRxxu,
  195. .chat-3bRxxu > .content,
  196. .friends-table,
  197. .regionSelectModal-12e-57,
  198. .theme-dark .modal-3HOjGZ,
  199. .footer-30ewN8,
  200. .footer-2VgWkh,
  201. .uploadModal-2ifh8j,
  202. .uploadModal-2ifh8j .footer-3mqk7D,
  203. .lfg-3xoFkI,
  204. .lfg-3xoFkI .scrollerWrap-2uBjct,
  205. .wrapper-O5i5-0,
  206. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .form-actions,
  207. .inner-tqJwAU,
  208. .card-11ynQk:before,
  209. .gifTag-2VwDRa,
  210. .group-2dAfBy,
  211. .inviteModal-34DdOm .scroller,
  212. .invite-CTGItT,
  213. .bd-modal-wrapper .header,
  214. .bd-modal-wrapper .bd-modal-body,
  215. .bd-modal-wrapper .footer-2yfCgX,
  216. .contentWrapper-3WC1ID:only-child,
  217. .contentWrapper-3WC1ID,
  218. .theme-dark .quickswitcher-3JagVE {
  219. background: var(--popout-color) !important;
  220. }
  221.  
  222. .messagesWrapper-3lZDfY,
  223. .content-yTz4x3,
  224. .noChannel-Z1DQK7 {
  225. background: var(--chat-color) !important;
  226. }
  227.  
  228. /* APP DEFAULT BACKGROUND [IMPORTANT] */
  229.  
  230. body,
  231. .app-19_DXt,
  232. .backdrop-1wrmKB,
  233. .header-1tSljs,
  234. .title-qAcLxz,
  235. .channels-Ie2l6A,
  236. .scrollerWrap-2uBjct,
  237. .channel-members,
  238. .search-results-wrap,
  239. .search-results-wrap .search-header,
  240. .search-results-wrap .channel-separator .channel-name,
  241. .modal-3HOjGZ,
  242. .regionSelectModal-QBpi1R,
  243. .ui-standard-sidebar-view .content-region,
  244. .contentRegion-3nDuYy,
  245. .title-3qD0b-,
  246. .container-PNkimc,
  247. .container-1r6BKw,
  248. .members-1998pB,
  249. .root-SR8cQa::-webkit-scrollbar,
  250. .regionSelect-3lf4eE,
  251. .carousel-JbsNzL,
  252. .article-FleDq5,
  253. .container-16j22k {
  254. background: var(--main-color) !important;
  255. }
  256.  
  257. .titleBar-AC4pGV,
  258. .ui-standard-sidebar-view .sidebar-region,
  259. .sidebarRegion-VFTUkN {
  260. background: var(--main-alt) !important;
  261. }
  262.  
  263. .Select-menu-outer,
  264. .select-2TCrqx .Select-control,
  265. .ui-select > .Select .Select-menu-outer,
  266. .contextMenu-HLZMGh,
  267. .itemSubMenu-3ZgIw-,
  268. .item-1Yvehc,
  269. .item-1Yvehc.itemSubMenu-1vN_Yn,
  270. .item-1Yvehc.itemSubMenu-1vN_Yn .scroller-fzNley,
  271. .attachPopout-1n-ZKM,
  272. .container-2YgzWd,
  273. .container-1nZlH6,
  274. .popoutList-T9CKZQ,
  275. .scroller-3J0bdT,
  276. .emojiPicker-3g68GS,
  277. .emojiPicker-3g68GS .header-27dQ-e .search-bar,
  278. .emojiPicker-3g68GS .scrollerWrap-EC-dSj,
  279. .emojiPicker-3g68GS .stickyHeader-3LjM5X,
  280. .emojiPicker-3g68GS .category-3rCtoh,
  281. .diversitySelector-O3ea2c .popout-2lja3I,
  282. .emojiPicker-3m1S-j,
  283. .emojiPicker-3m1S-j .header-1nkwgG .search-bar,
  284. .emojiPicker-3m1S-j .category-2U57w6,
  285. .diversitySelector-tmmMv0 .popout-2nUePc,
  286. .menu-Sp6bN1,
  287. .container-3cGP6G,
  288. .container-3ayLPN,
  289. .gameSelector-24sFfz,
  290. .quickswitcher-3JagVE,
  291. .themed-popout .header,
  292. .themed-popout .footer,
  293. .private-channel-recipients-invite .body,
  294. .incomingCallInner-2rV0UJ,
  295. .bda-dark #bda-qem,
  296. .bda-dark #bda-qem-favourite-container,
  297. .bda-dark #bda-qem-twitch-container,
  298. .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .bgScale-1otPtc,
  299. .attachPopout-1n-ZKM,
  300. .overflowRolesPopout-140n9i,
  301. .overflowRolesPopoutArrow-2O66oH,
  302. .bf-toolbar:before,
  303. .colorPickerCustom-2CWBn2,
  304. .popout-2xBvMR {
  305. background: var(--popout-alt) !important;
  306. }
  307.  
  308. .body-3iLsc4,
  309. .footer-1fjuF6,
  310. .themed-popout,
  311. .messagesPopoutWrap-1MQ1bW,
  312. .themed-popout .header {
  313. background-color: var(--popout-alt) !important;
  314. }
  315.  
  316. /* ACCENT [COLOR] */
  317.  
  318. .app-19_DXt a,
  319. .anchor-3Z-8Bb,
  320. .theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary:hover:not(.selected) .badge,
  321. #autocomplete-popout .empty h4,
  322. .theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary.selected,
  323. #permissions .permissions-helpdesk,
  324. #permissions .permissions-helpdesk:hover,
  325. .guild-settings-modal-members .guild-settings-modal-members-footer a,
  326. .guild-settings-modal-members .guild-settings-modal-members-footer a:hover,
  327. .guild-settings-modal-overview a:hover,
  328. .guild-settings-modal-overview a,
  329. .region-select-modal .region-select-modal-header,
  330. .region-select button,
  331. .form header,
  332. .chat-3bRxxu .welcome-message h1,
  333. .form .control-group label a:hover,
  334. .form .control-group label a,
  335. .regionSelectModal-12e-57 .regionSelectModalHeader-21khC1,
  336. .message-group .edit-message .edit-operation > a,
  337. .message-group a,
  338. .buttonLinkLink-PqcWoA,
  339. .theme-dark .embedTitleLink-1IGDvg,
  340. .lookLink-3VWONr.colorLink-Ttelix,
  341. .botTagInvert-18-95s,
  342. .regionSelect-3lf4eE button,
  343. .app .welcomeMessage-3_Mcht h1,
  344. .lookLink-9FtZy-.colorLink-35jkBc {
  345. color: var(--accent-color);
  346. }
  347.  
  348. /* WHITE [COLOR][IMPORTANT] */
  349.  
  350. .lookLink-3VWONr.colorBrand-3PmwCE,
  351. .tab-bar.tabBar-2MuP6- .tabBarItem-1b8RUP.selected,
  352. #friends .tab-bar .tab-bar-item.selected,
  353. #friends .tab-bar .tab-bar-item.tab-bar-item-primary.selected,
  354. .side-2nYO0F .itemSelected-3XxAMf[style*="color: rgb(114, 137, 218);"],
  355. .side-2nYO0F .itemSelected-3XxAMf[style*="color: rgb(114, 137, 218);"]:hover,
  356. .buttonGhost-2Y7zWJ,
  357. .divider-3gKybi.dividerRed-MKoLlr > span,
  358. #autocomplete-popout header h3,
  359. #autocomplete-popout header input,
  360. .lookOutlined-1c5nhl.colorRed-3HTNPV,
  361. .lookOutlined-3sRXeN.colorRed-1TFJan,
  362. .lookOutlined-3sRXeN.colorGreen-29iAKY,
  363. .lookOutlined-3sRXeN.colorBrand-3pXr91,
  364. .lookGhost-GyT-k0.colorGrey-4JijJ1,
  365. .side-2nYO0F .itemSelected-3XxAMf.item-3879bf[style*="color: rgb(114, 137, 218);"] {
  366. color: #fff !important;
  367. }
  368.  
  369. /* ACCENT [COLOR][IMPORTANT] */
  370.  
  371. .side-2nYO0F .item-3879bf[style*="color: rgb(114, 137, 218);"],
  372. .side-2nYO0F .item-3879bf[style*="color: rgb(114, 137, 218);"]:hover, {
  373. color: var(--accent-color) !important;
  374. }
  375.  
  376. /* ACCENT [BORDER] */
  377.  
  378. .checkbox-3kaeSU .checkboxInner-3yjcPe .checkboxElement-1qV33p:checked + span,
  379. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .checkbox .checkbox-inner input:checked + span,
  380. .wrapper-O5i5-0 .instantInviteModalAdvanced-3qJETM .checkbox .checkbox-inner input:checked + span,
  381. .theme-dark .input-2YozMi:focus,
  382. .checkbox .checkbox-inner input[type=checkbox]:checked+span,
  383. .imageSelected-4Kl81J,
  384. .containerUserOver-1U5YnL:after {
  385. border-color: var(--accent-color);
  386. }
  387.  
  388. /* ACCENT [BORDER][IMPORTANT] */
  389.  
  390. .region-select:hover button,
  391. .checked-3_4uQ9[style="flex: 1 1 auto; background-color: rgb(67, 181, 129); border-color: rgb(67, 181, 129);"],
  392. .item-26Dhrx[style="border-color: rgb(114, 137, 218); background-color: rgb(114, 137, 218); padding: 10px;"],
  393. .ui-standard-sidebar-view .bda-slist li input:focus {
  394. border-color: var(--accent-color) !important;
  395. }
  396.  
  397. /* TRANSPARENT WHITE [BACKGROUND] */
  398.  
  399. .ui-select > .Select .Select-option:hover,
  400. .item-1Yvehc:hover,
  401. .selectableItem-3PW5_y:hover,
  402. #autocomplete-popout .row.selected,
  403. #autocomplete-popout .row:hover,
  404. .menu-Sp6bN1 .item-1GzJrl:hover,
  405. .button-1ZXqCA:hover,
  406. .container-3ayLPN .option-96V44q.selected-rZcOL-,
  407. .container-3ayLPN .search-option.selected-rZcOL- .filter,
  408. .attachPopoutRow-elxASe:hover {
  409. background: var(--hover-color) !important;
  410. }
  411.  
  412. /* SHADOW_1 */
  413.  
  414. .theme-dark .cardPrimary-ZVL9Jr,
  415. .theme-dark .cardPrimaryEditable-3KtE4g,
  416. .theme-dark .headerClickable-1jGUp8,
  417. .theme-dark .headerDefault-1ajMkj,
  418. .theme-dark .cardPrimaryOutline-29Ujqw,
  419. .theme-dark .cardPrimary-1Hv-to,
  420. .buttonBrandInverted-VFL7Yc,
  421. .buttonGreenFilled-6QHNrw,
  422. .theme-dark .separator-NBIcXB,
  423. .theme-dark .gameSelector-24sFfz,
  424. .theme-dark .changeDetails-zbf-61,
  425. .theme-dark .header-3lpf0u,
  426. .wrapperDefault-NeXRmD,
  427. .user-settings-games .not-detected, .user-settings-games .now-playing,
  428. .bd-plugin-container, .bda-slist li,
  429. .clipboardInputInner-1EXMA3 .copy-3nFbq8,
  430. #pubslayer .bd-server-card.bd-server-card,
  431. .gifTag-2VwDRa,
  432. .assetsSmallImageUserPopout-dXG26U,
  433. #bd-settingspane-container .bda-right .ui-switch-wrapper .ui-switch:after,
  434. .container-iksrDt .status,
  435. .container-2Thooq .status,
  436. .topSectionSpotify-3744IX button,
  437. .topSectionSpotify-1lI0-P button,
  438. .topSectionStreaming-1Tpf5X button,
  439. .headerSpotify-zpWxgT .activity-11LB_k button,
  440. .headerStreaming-2FjmGz .activity-11LB_k button,
  441. .invite-CTGItT,
  442. .group-2dAfBy,
  443. .auditLog-3jNbM6,
  444. .private-channel-call.minimum .private-channel-call-actions .center,
  445. .newMessagesBar-mujexs,
  446. .botTag-2WPJ74,
  447. .pluginrepo-modal .pluginEntry.downloadable .btn-download,
  448. .pluginrepo-modal .pluginEntry.updated .btn-download,
  449. .pluginrepo-modal .pluginEntry.outdated .btn-download,
  450. .themerepo-modal .themeEntry.downloadable .btn-download,
  451. .themerepo-modal .themeEntry.updated .btn-download,
  452. .themerepo-modal .themeEntry.outdated .btn-download,
  453. .modal-3v8ziU .header-2nhbou.marginBottom20-32qID7,
  454. .icon-RTGJu3:after,
  455. #searchBarInner,
  456. .arrowContainer-10m4Cy,
  457. .arrowHitbox-2_hxtQ,
  458. .streamerModeEnabledBtn-2ZJ2eq,
  459. .verifiedIcon-2TCIsJ,
  460. .mediaBarGrabber-1FqnbN,
  461. .mediaBarInteraction-37i2O4:hover .mediaBarGrabber-1FqnbN,
  462. .defaultIndicator-G3c16x,
  463. .membershipDialog-rVL-t_,
  464. .image-gallery .imageWrapper-2p5ogY.prev,
  465. .image-gallery .imageWrapper-2p5ogY.next {
  466. box-shadow: var(--shadow-1dp);
  467. }
  468.  
  469. .separator-6YbWrc,
  470. .hue-13HAGb > div > div > div > div,
  471. .rowWrapperActive-2L7i9f {
  472. box-shadow: var(--shadow-1dp) !important;
  473. }
  474.  
  475. /* SHADOW_2 */
  476.  
  477. .contextMenu-HLZMGh,
  478. .guild-1EfMGQ.audio-3vVhBi:after,
  479. .guilds-wrapper .guilds .guild.selected:before,
  480. .guilds-wrapper .guilds .guild.unread:before,
  481. .diversitySelector-O3ea2c .popout-2lja3I,
  482. .jumpToPresentBar-9P20AM,
  483. #autocomplete-popout .autocomplete-arrow,
  484. .unreadBar-3lDSDn,
  485. .callAvatar-v-u4BM.voice-2D-tt_ .callAvatarStatus-3y6S04 {
  486. box-shadow: var(--shadow-2dp);
  487. }
  488.  
  489. /* SHADOW_3 */
  490.  
  491. .emojiPicker-3m1S-j,
  492. .bda-dark #bda-qem,
  493. #bda-qem-twitch-container,
  494. #bda-qem-favourite-container,
  495. .userPopout-3XzG_A,
  496. .theme-dark .themed-popout,
  497. .messagesPopoutWrap-1MQ1bW,
  498. .root-2sNHUF,
  499. .regionSelectModal-QBpi1R,
  500. .uploadModal-2ifh8j,
  501. .quickswitcher-3JagVE,
  502. .wrapper-O5i5-0,
  503. .attachPopout-1n-ZKM,
  504. .theme-dark .elevationHigh-3XXATs,
  505. .theme-dark .modal-3HOjGZ,
  506. .inner-1JeGVc .imageWrapper-2p5ogY,
  507. .container-3cGP6G,
  508. .inviteModal-34DdOm,
  509. .guildsAddInner-1KMFy-:active,
  510. .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.image-2yrs5j,
  511. .bd-modal-wrapper .bd-modal-inner,
  512. .callAvatar-v-u4BM.video-3GgX2M:not(.disabled-29UbL1),
  513. .videoHeight-Qp_9vC.minimum-1pRSEN,
  514. .bf-toolbar:before,
  515. .arrowContainer-10m4Cy:active,
  516. .arrowHitbox-2_hxtQ:active,
  517. .streamerModeEnabledBtn-2ZJ2eq:active,
  518. .uploadModal-2ifh8j .footer-3mqk7D .button-primary:active,
  519. #autocomplete-popout,
  520. .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.video-27RLEH,
  521. .image-gallery .imageWrapper-2p5ogY.prev:active,
  522. .image-gallery .imageWrapper-2p5ogY.next:active {
  523. box-shadow: var(--shadow-3dp);
  524. }
  525.  
  526. .gamePreview-4pQzIA,
  527. .messagesPopoutWrap-1MQ1bW,
  528. .container-3ayLPN,
  529. .avatar-uploader-inner,
  530. .gamePreview-9weYR2,
  531. .colorPickerCustom-2CWBn2,
  532. .contentWrapper-3WC1ID:only-child,
  533. .popout-2xBvMR {
  534. box-shadow: var(--shadow-3dp) !important;
  535. }
  536.  
  537. .avatar-uploader-inner:hover {
  538. box-shadow: inset 0 0 120px rgba(0,0,0,.75), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2) !important;
  539. }
  540.  
  541. /* NO SHADOW */
  542.  
  543. .iconButton-3mKjyp,
  544. .iconButton-3V4WS5,
  545. .button-2b6hmh,
  546. .user-settings-games .now-playing-add .button-38aScr,
  547. #pubslayer button.ui-button.disabled,
  548. .friendsTable-133bsv .friendsRow-2yicud:hover,
  549. .privateChannels-1nO12o .channel-2QD9_O .close,
  550. .themed-popout .header .search-bar .search-bar-inner,
  551. .themed-popout .header .search-bar input,
  552. .input-MwQhcX,
  553. .gameSelector-24sFfz button,
  554. .tabBar-PTjkZh button,
  555. .embedVideoPlay-1r-B3h,
  556. .newMessagesBar-mujexs button,
  557. .chat-3bRxxu form,
  558. .emojiPicker-3g68GS .search-bar.search-bar-light input,
  559. .messagesPopout-24nkyi .message-group .action-buttons,
  560. .buttonLinkLink-PqcWoA,
  561. .buttonPrimaryLinkDefault-1PQflF,
  562. .lookLink-3VWONr.colorLink-Ttelix,
  563. .lookLink-3VWONr.colorPrimary-2KuK5O,
  564. .lookLink-9FtZy-.colorPrimary-3b3xI6,
  565. .lookLink-9FtZy-.colorBrand-3pXr91,
  566. .lookLink-9FtZy-.colorRed-1TFJan,
  567. .lookLink-9FtZy-.colorGrey-2DXtkV,
  568. .lookLink-9FtZy-.colorWhite-rEQuAQ,
  569. .action-yrVND8.sizeLarge-1vSeWK:first-child,
  570. .menu-Sp6bN1,
  571. .uploadModal-2ifh8j .footer-3mqk7D .button:not(.button-primary),
  572. .messages-wrapper .messages .message-group-blocked:hover {
  573. box-shadow: none !important;
  574. }
  575.  
  576. /* BORDER RADIUS */
  577.  
  578. /* BORDER RADIUS -> DEFAULT RADIUS */
  579.  
  580. .message-group .comment,
  581. .divider-3gKybi,
  582. .markup-2BOw-j code.inline,
  583. .markup-2BOw-j pre code,
  584. .emojiPicker-3g68GS,
  585. .emojiPicker-3g68GS .dimmer-jySV_v,
  586. .container-3cGP6G,
  587. .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .message-group .comment,
  588. .tooltip,
  589. .wrapper-129saQ a:before,
  590. .bda-dark #bda-qem button:after,
  591. #searchBarInner .checkbox:after,
  592. .operations-36ENbA .anchor-3Z-8Bb:before,
  593. .metadataDownload-1fk90V:before,
  594. .tipsy-inner,
  595. .popoutList-T9CKZQ,
  596. .quickswitcher-3JagVE,
  597. .wrapper-O5i5-0,
  598. .wrapper-35wsBm,
  599. .gamePreview-4pQzIA,
  600. .buttonBrandInverted-VFL7Yc,
  601. .buttonGreenFilled-6QHNrw,
  602. #autocomplete-popout,
  603. #autocomplete-popout header,
  604. .bd-plugin-container,
  605. .bda-slist li,
  606. .user-settings-games .not-detected, .user-settings-games .now-playing,
  607. .unreadBar-3lDSDn,
  608. .clipboardInputInner-1EXMA3 .copy-3nFbq8,
  609. .incomingCallInner-2rV0UJ,
  610. .selectorButtonSelected-3ApyX9,
  611. .imageSelected-4Kl81J,
  612. #pubslayer .bd-server-card.bd-server-card,
  613. .gifTag-2VwDRa,
  614. .headerSpotify-zpWxgT .activity-11LB_k button,
  615. .headerStreaming-2FjmGz .activity-11LB_k button,
  616. .invite-CTGItT,
  617. .side-2nYO0F .item-3879bf,
  618. .dragged-mHQEE6,
  619. .container-2oeFrl,
  620. .group-2dAfBy,
  621. .theme-dark .modal-3HOjGZ,
  622. .inviteModal-34DdOm,
  623. .userPopout-3XzG_A,
  624. .themedPopout-1uUNjn,
  625. .attachPopout-1n-ZKM,
  626. .copyInputDefault-36NOFa,
  627. .button-1MICoQ,
  628. .keybind-shortcut.dark span,
  629. .input-3_iTLI,
  630. .connection-1fbD7X,
  631. .card-3DrRmC,
  632. .card-3Qj_Yx,
  633. .authedApp-mj2Hmd,
  634. .formNotice-2tZsrh,
  635. .gameSelector-24sFfz,
  636. .gameSelected-31teRt,
  637. .gameDefault-2SBp6B,
  638. .card-11ynQk:before,
  639. .pictureInPictureVideo-2w62Uz,
  640. .popout-3sVMXz,
  641. .embed-IeVjo6,
  642. .attachment-33OFj0,
  643. .radioGroup-1GBvlr,
  644. .imageWrapper-2p5ogY,
  645. .card-FDVird:before,
  646. .lookOutlined-3sRXeN.colorWhite-rEQuAQ,
  647. .lookOutlined-3sRXeN.colorGreen-29iAKY,
  648. .lookOutlined-3sRXeN.colorBrand-3pXr91,
  649. .ui-standard-sidebar-view .bda-slist li button,
  650. .bda-slist .bda-footer button,
  651. #bd-settingspane-container .bda-slist .plugin-settings button,
  652. .clipboardInputInner-1EXMA3,
  653. .Select .Select-control,
  654. .containerUserOver-1U5YnL:after,
  655. .isMentioned-N-h9aa,
  656. .wrapper-3WhCwL,
  657. .message-group .mentioned .message-text,
  658. .chat-3bRxxu .messages-3amgkR .textArea-2Spzkt,
  659. .botTag-2WPJ74,
  660. .pluginrepo-modal .pluginEntry.downloadable .btn-download,
  661. .pluginrepo-modal .pluginEntry.updated .btn-download,
  662. .pluginrepo-modal .pluginEntry.outdated .btn-download,
  663. .themerepo-modal .themeEntry.downloadable .btn-download,
  664. .themerepo-modal .themeEntry.updated .btn-download,
  665. .themerepo-modal .themeEntry.outdated .btn-download,
  666. .embedVideoActions-O6vR7W,
  667. .lookFilled-1Gx00P.colorRed-1TFJan,
  668. .regionSelect-3lf4eE,
  669. .invite-18yqGF,
  670. .article-FleDq5,
  671. .dockItem-2kQDqg,
  672. .news-1uHrMX,
  673. .streamerModeEnabledBtn-2ZJ2eq,
  674. .messages-wrapper .messages .message-group-blocked,
  675. .messages-wrapper .messages .message-group-blocked.revealed,
  676. .messages-wrapper .messages .message-group-blocked .message-group-blocked-btn,
  677. .keybindShortcut-1BD6Z1 span,
  678. #bd-settingspane-container .bda-slist .plugin-settings button,
  679. .defaultIndicator-G3c16x,
  680. .wrapper-3jrx9n,
  681. .option-n0icdO,
  682. .membershipDialog-rVL-t_,
  683. .rowBackground-3MeNoN {
  684. border-radius: var(--border-radius) !important;
  685. }
  686.  
  687. .radioGroup-1GBvlr .item-26Dhrx:first-child,
  688. .guild-settings-audit-logs .auditLog-3jNbM6:nth-child(2),
  689. .paginationItem-2lUq0s:first-child,
  690. .messages-wrapper .messages .message-group-blocked.revealed .message-group-blocked-btn {
  691. border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
  692. }
  693.  
  694. .regionSelect-3lf4eE button,
  695. .coverImageWrapper-22d5LB {
  696. border-radius: 0 var(--border-radius) var(--border-radius) 0 !important;
  697. }
  698.  
  699. .radioGroup-1GBvlr .item-26Dhrx:last-child,
  700. .guild-settings-audit-logs .auditLog-3jNbM6:last-child,
  701. #bda-qem-twitch-container,
  702. #bda-qem-favourite-container,
  703. .paginationItem-2lUq0s:last-child {
  704. border-radius: 0 0 var(--border-radius) var(--border-radius) !important;
  705. }
  706.  
  707. /* BORDER RADIUS -> BIG RADIUS */
  708.  
  709. .uploadModal-2ifh8j,
  710. .userPopout-3XzG_A,
  711. .root-SR8cQa,
  712. .menu-Sp6bN1,
  713. .bd-modal-wrapper .bd-modal-inner,
  714. .popout-3sVMXz.popoutBottom-1YbShG[style*="overflow: hidden; visibility: visible;"],
  715. .quickswitcher-3JagVE,
  716. .gamePreview-9weYR2,
  717. .colorPickerCustom-2CWBn2,
  718. .contentWrapper-3WC1ID:only-child,
  719. .container-3ayLPN,
  720. .container-3ayLPN .search-option .filter,
  721. .emojiPicker-3m1S-j,
  722. .emojiPicker-3m1S-j .dimmer-3iH-5D,
  723. .messagesPopoutWrap-1MQ1bW,
  724. .messagesPopoutWrap-1MQ1bW .header-y_zptc,
  725. .wrapper-O5i5-0 {
  726. border-radius: var(--border-radius-big) !important;
  727. }
  728.  
  729. #bda-qem,
  730. .themedPopout-25DgLi .header-SsaQ8X {
  731. border-radius: var(--border-radius-big) var(--border-radius-big) 0 0 !important;
  732. }
  733.  
  734. .footer-30ewN8,
  735. #bda-qem-twitch-container,
  736. #bda-qem-favourite-container {
  737. border-radius: 0 0 var(--border-radius-big) var(--border-radius-big) !important;
  738. }
  739.  
  740.  
  741. .close-18n9bP,
  742. .iconActiveLarge-2nzn9z,
  743. .guildIconExpired-2Qcq05,
  744. .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.image-2yrs5j,
  745. .artworkActionable-MpCQlA {
  746. border-radius: 50%;
  747. }
  748.  
  749. .ui-checkbox-wrapper .ui-checkbox.checked polyline {
  750. stroke: var(--accent-color) !important;
  751. }
  752.  
  753. .popout-3sVMXz.popoutBottomRight-2JrySt header:before,
  754. .popout-3sVMXz.popoutBottom-1YbShG header:before,
  755.  
  756. .popout-3sVMXz.popout-bottom-right header:before,
  757. .popout-3sVMXz.popout-bottom header:before {
  758. border-bottom-color: var(--accent-color);
  759. }
  760.  
  761. /* INPUTS */
  762.  
  763. /*.app-19_DXt input,*/
  764. .input-cIJ7To,
  765. .quickMessage-1yeL4E,
  766. .bda-slist input {
  767. height: auto !important;
  768. line-height: 1em !important;
  769. margin: 0;
  770. padding: 4px 0 !important;
  771. background: transparent !important;
  772. border-radius: 0;
  773. border: none !important;
  774. border-bottom: 1px solid #444 !important;
  775. color: #ccc;
  776. transition: 200ms ease;
  777.  
  778. /*height: auto !important;
  779. padding: 13px 15px !important;
  780. line-height: 1em !important;
  781. background: transparent !important;
  782. border-radius: var(--border-radius) !important;
  783. box-shadow: 0 0 1px #aaa !important;
  784. border: 2px solid transparent !important;
  785. color: #ccc;
  786. transition: 200ms ease;*/
  787. }
  788.  
  789. .input-cIJ7To.multiInput-1e2xJ7 {
  790. padding: 0 !important;
  791. }
  792.  
  793. /*.h5-18_1nd.title-3sZWYQ {
  794. position: absolute;
  795. padding: 0 8px;
  796. background: var(--card-color);
  797. transform: translate(8px, -7px);
  798. }*/
  799.  
  800. .inputDefault-_djjkz {
  801. height: 30px !important;
  802. }
  803.  
  804. .inputDefault-_djjkz::-webkit-input-placeholder {
  805. font-weight: 500;
  806. }
  807.  
  808. .app-19_DXt input:focus,
  809. .modal-3HOjGZ .inner-3if5cm.innerAutocomplete-2qsvzH,
  810. .themed-popout .header .search-bar input:focus,
  811. .focused-xL_GX6,
  812. .phoneField-36t5MB .inputField-3os-YM:focus {
  813. /*border-bottom: 2px solid var(--accent-color) !important;*/
  814.  
  815. /*border: 2px solid var(--accent-color) !important;
  816. box-shadow: 0 0 1px transparent !important;*/
  817. }
  818.  
  819. .maxLength-39QFBo {
  820. right: 0;
  821. font-weight: 500;
  822. }
  823.  
  824. .bda-slist input {
  825. margin: 8px 0 0 0;
  826. padding: 8px 0 !important;
  827. }
  828.  
  829. .searchBar-YMJBu9 .input-yt44Uw,
  830. .input-3ITkQf,
  831. .inputDefault-3JxKJ2,
  832. .user-settings-games .game-name,
  833. .container-2YgzWd .input-3ITkQf,
  834. .multiInputFirst-16Lbcj input,
  835. .multiInputFirst-16Lbcj input:focus,
  836. .multiInputLast-1aMJ4U input,
  837. .multiInputLast-1aMJ4U input:focus,
  838. .copyInputDefault-36NOFa input,
  839. .copyInputDefault-36NOFa input:focus,
  840. .lookOutlined-1c5nhl.colorWhite-1IbOTe,
  841. .lookOutlined-3sRXeN.colorWhite-rEQuAQ,
  842. .lookOutlined-3sRXeN.colorPrimary-3b3xI6,
  843. .lookOutlined-1c5nhl.colorPrimary-2KuK5O,
  844. .lookOutlined-3sRXeN.colorGreen-29iAKY,
  845. .lookOutlined-3sRXeN.colorBrand-3pXr91,
  846. .card-FDVird:before {
  847. border: none !important;
  848. }
  849.  
  850. .checkbox-1ix_J3 {
  851. background: transparent !important;
  852. border-color: #72767d !important;
  853. border-width: 2px !important;
  854. transition: 250ms ease all !important;
  855. }
  856.  
  857. .checked-3_4uQ9 {
  858. background: var(--accent-color) !important;
  859. border-color: var(--accent-color) !important;
  860. border-radius: 4px !important
  861. }
  862.  
  863. .radioGroup-1GBvlr .item-26Dhrx .checked-3_4uQ9 {
  864. background: #fff !important;
  865. border-color: #fff !important;
  866. }
  867.  
  868. .copyInputDefault-36NOFa {
  869. background: var(--popout-alt) !important;
  870. border: none !important;
  871. }
  872.  
  873. .theme-dark .copyInputDefault-36NOFa .button-2wYlsU:after,
  874. .clipboardInputInner-1EXMA3 .copy-3nFbq8:after,
  875. .copyButton-3ElbuJ:after {
  876. content: " ";
  877. position: absolute;
  878. width: 24px;
  879. height: 24px;
  880. top: 0;
  881. left: 0;
  882. right: 0;
  883. bottom: 0;
  884. margin: auto;
  885. background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE5LDIxSDhWN0gxOU0xOSw1SDhBMiwyIDAgMCwwIDYsN1YyMUEyLDIgMCAwLDAgOCwyM0gxOUEyLDIgMCAwLDAgMjEsMjFWN0EyLDIgMCAwLDAgMTksNU0xNiwxSDRBMiwyIDAgMCwwIDIsM1YxN0g0VjNIMTZWMVoiIC8+PC9zdmc+);
  886. }
  887.  
  888. .copyInputDefault-36NOFa .contentsGhost-2Yp1r8,
  889. .copyInputDefault-36NOFa .contents-4L4hQM {
  890. display: none !important;
  891. }
  892.  
  893. .searchBar-1MOL6S input {
  894. padding: 0 4px !important;
  895. }
  896.  
  897. /* INPUTS -> BOTTOM BAR */
  898.  
  899. .inputWrapper-31_8H8 {
  900. position: relative;
  901. min-height: 30px;
  902. }
  903.  
  904. .note-3HfJZ5 {
  905. position: relative;
  906. }
  907.  
  908. .inputWrapper-31_8H8:before,
  909. .inputWrapper-31_8H8:after,
  910. .note-3HfJZ5:before,
  911. .note-3HfJZ5:after,
  912. .note-QfFU8y:before,
  913. .note-QfFU8y:after {
  914. position: absolute;
  915. content: " ";
  916. height: 2px;
  917. width: 0;
  918. top: 28px;
  919. background: var(--accent-color);
  920. transition: 300ms ease all;
  921. z-index: 2;
  922. }
  923.  
  924. .note-3HfJZ5:before,
  925. .note-3HfJZ5:after,
  926. .note-QfFU8y:before,
  927. .note-QfFU8y:after {
  928. top: auto;
  929. bottom: 3px;
  930. }
  931.  
  932. .inputWrapper-31_8H8:before,
  933. .note-3HfJZ5:before,
  934. .note-QfFU8y:before {
  935. left: 50%;
  936. }
  937.  
  938. .inputWrapper-31_8H8:after,
  939. .note-3HfJZ5:after,
  940. .note-QfFU8y:after {
  941. right: 50%;
  942. }
  943.  
  944. .inputWrapper-31_8H8:focus-within:before,
  945. .note-3HfJZ5:focus-within:before,
  946. .note-QfFU8y:focus-within:before {
  947. width: 50%;
  948. }
  949.  
  950. .inputWrapper-31_8H8:focus-within:after,
  951. .note-3HfJZ5:focus-within:after,
  952. .note-QfFU8y:focus-within:after {
  953. width: 50%;
  954. }
  955.  
  956. /* INPUTS -> BOTTOM BAR -> REMOVE BAR */
  957.  
  958. .inputWrapper-31_8H8 .inputWrapper-31_8H8:before,
  959. .inputWrapper-31_8H8 .inputWrapper-31_8H8:after,
  960. .emojiRow-zIc7ZX .inputWrapper-31_8H8:before,
  961. .emojiRow-zIc7ZX .inputWrapper-31_8H8:after {
  962. display: none;
  963. }
  964.  
  965. .multiInputLast-1aQ3YA:before {
  966. display: block !important;
  967. }
  968.  
  969.  
  970. /*
  971. *
  972. * SELECT OPTION
  973. *
  974. */
  975.  
  976. .css-15ejc46-control,
  977. .css-1yegjoj-control,
  978. .css-2yldzf-control,
  979. .css-13kbzi0-control,
  980. .css-bdfdb-control {
  981. background: var(--popout-alt) !important;
  982. border: none !important;
  983. }
  984.  
  985. .css-bdfdb-control {
  986. background: var(--popout-color) !important;
  987. }
  988.  
  989. .css-ua3v5p-menu,
  990. .css-181m2lf-menu {
  991. padding: 8px 0;
  992. background: var(--popout-alt);
  993. border-radius: 0 0 var(--border-radius) var(--border-radius);
  994. border: none !important;
  995. box-shadow: var(--shadow-3dp);
  996. border-top: 1px solid var(--hover-color);
  997. animation: opacity 250ms ease !important;
  998. }
  999.  
  1000. .BDFDB-select .css-ua3v5p-menu {
  1001. background: var(--popout-color) !important
  1002. }
  1003.  
  1004. .css-1aymab5-option,
  1005. .css-1gnr91b-option,
  1006. .css-12o7ek3-option {
  1007. transition: 250ms ease all;
  1008. }
  1009.  
  1010. /* SELECT OPTION -> OPTION HOVER */
  1011.  
  1012. .css-1gnr91b-option {
  1013. background-color: var(--hover-color) !important;
  1014. }
  1015.  
  1016. /* SELECT OPTION -> OPTION SELECTED */
  1017.  
  1018. .css-12o7ek3-option,
  1019. .css-12o7ek3-option:hover,
  1020. .css-12o7ek3-option:active {
  1021. background-color: var(--select-color) !important;
  1022. }
  1023.  
  1024.  
  1025. /*
  1026. *
  1027. * TITLE BAR
  1028. *
  1029. */
  1030.  
  1031. .titleBar-AC4pGV:not(.typeMacOS-3EmCyP) {
  1032. z-index: 1 !important;
  1033. }
  1034.  
  1035. .typeMacOS-3EmCyP {
  1036. background: transparent !important;
  1037. }
  1038.  
  1039. .typeWindows-1za-n7 {
  1040. margin-top: 0;
  1041. padding-top: 4px;
  1042. }
  1043.  
  1044. .base-3AoPqv {
  1045. border-radius: 0;
  1046. }
  1047.  
  1048. .wordmark-2iDDfm {
  1049. width: auto;
  1050. height: 22px;
  1051. padding: 0 0 0 4px;
  1052. line-height: 22px;
  1053. font-size: 0.925em;
  1054. color: #fff;
  1055. text-transform: uppercase;
  1056. }
  1057.  
  1058. .wordmark-2iDDfm:before,
  1059. .wordmark-2iDDfm:after {
  1060. position: relative;
  1061. width: auto;
  1062. height: 22px;
  1063. }
  1064.  
  1065. .wordmark-2iDDfm:before {
  1066. content: "Krystek_";
  1067. font-weight: 700;
  1068. }
  1069.  
  1070. .wordmark-2iDDfm:after {
  1071. content: "Discord";
  1072. }
  1073.  
  1074. .wordmark-2iDDfm svg {
  1075. display: none;
  1076. }
  1077.  
  1078. .iconWrapper-2OrFZ1 {
  1079. position: relative;
  1080. width: 24px;
  1081. height: 24px;
  1082. }
  1083.  
  1084. .headerBar-UHpsPw {
  1085. box-shadow: 0 1px 0 rgba(0,0,0,0.2) !important;
  1086. }
  1087.  
  1088. .children-19S4PO .iconWrapper-2OrFZ1:first-child {
  1089. margin: 0;
  1090. }
  1091.  
  1092. .title-29uC1r {
  1093. margin: 0 8px;
  1094. }
  1095.  
  1096. .children-19S4PO:after {
  1097. display: none;
  1098. }
  1099.  
  1100. .platform-osx .container-2lgZY8 {
  1101. background-color: var(--server-bg) !important;
  1102. }
  1103.  
  1104. /* TITLE BAR -> ICONS */
  1105.  
  1106. .topic-TCb_qw {
  1107. font-weight: 500;
  1108. }
  1109.  
  1110. .title-3qD0b- .flex-1xMQg5 {
  1111. position: relative !important;
  1112. }
  1113.  
  1114. .title-3qD0b- .flex-1xMQg5 div:not([class]) {
  1115. height: 26px;
  1116. }
  1117.  
  1118. .toolbar-1t6TWx {
  1119. position: relative;
  1120. height: 26px;
  1121. }
  1122.  
  1123. .toolbar-1t6TWx .iconWrapper-2OrFZ1 {
  1124. margin: 0 8px 0 0;
  1125. }
  1126.  
  1127. .toolbar-1t6TWx .iconWrapper-2OrFZ1:last-child {
  1128. margin: 0 4px 0 0;
  1129. }
  1130.  
  1131. .toolbar-1t6TWx .iconWrapper-2OrFZ1 foreignObject {
  1132. mask: none !important;
  1133. }
  1134.  
  1135. .icon-22AiRD path {
  1136. stroke-width: 0 !important;
  1137. }
  1138.  
  1139. .icon-22AiRD[name="Activity"],
  1140. .icon-22AiRD[name="Library"],
  1141. .icon-22AiRD[name="NitroWheel"],
  1142. .icon-22AiRD[name="PersonWaving"] {
  1143. display: none;
  1144. }
  1145.  
  1146. .icon-22AiRD[name="Nova_CallVideo"] path {
  1147. d: path('M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z') !important;
  1148. }
  1149.  
  1150. .icon-22AiRD[name="Nova_CallJoin"] path {
  1151. d: path('M6.54 5c.06.89.21 1.76.45 2.59l-1.2 1.2c-.41-1.2-.67-2.47-.76-3.79h1.51m9.86 12.02c.85.24 1.72.39 2.6.45v1.49c-1.32-.09-2.59-.35-3.8-.75l1.2-1.19M7.5 3H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.49c0-.55-.45-1-1-1-1.24 0-2.45-.2-3.57-.57-.1-.04-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2c-2.83-1.45-5.15-3.76-6.59-6.59l2.2-2.2c.28-.28.36-.67.25-1.02C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1z') !important;
  1152. }
  1153.  
  1154. .icon-22AiRD[name="Nova_UserAdd"] path {
  1155. d: path('M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H9zm-3-3v-3h3v-2H6V7H4v3H1v2h3v3z') !important;
  1156. }
  1157.  
  1158. .icon-22AiRD[name="Nova_Bell"] path {
  1159. d: path('M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z') !important;
  1160. }
  1161.  
  1162. .icon-22AiRD[name="Nova_BellOff"] path {
  1163. d: path('M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm0-15.5c2.49 0 4 2.02 4 4.5v.1l2 2V11c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68c-.24.06-.47.15-.69.23l1.64 1.64c.18-.02.36-.05.55-.05zM5.41 3.35L4 4.76l2.81 2.81C6.29 8.57 6 9.74 6 11v5l-2 2v1h14.24l1.74 1.74 1.41-1.41L5.41 3.35zM16 17H8v-6c0-.68.12-1.32.34-1.9L16 16.76V17z') !important;
  1164. }
  1165.  
  1166. .icon-22AiRD[name="Nova_Pin"] path {
  1167. d: path('M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12M8.8,14L10,12.8V4H14V12.8L15.2,14H8.8Z') !important;
  1168. }
  1169.  
  1170. .icon-22AiRD[name="Nova_People"] path {
  1171. d: path('M16.5,6.5A2,2 0 0,1 18.5,8.5A2,2 0 0,1 16.5,10.5A2,2 0 0,1 14.5,8.5A2,2 0 0,1 16.5,6.5M16.5,12A3.5,3.5 0 0,0 20,8.5A3.5,3.5 0 0,0 16.5,5A3.5,3.5 0 0,0 13,8.5A3.5,3.5 0 0,0 16.5,12M7.5,6.5A2,2 0 0,1 9.5,8.5A2,2 0 0,1 7.5,10.5A2,2 0 0,1 5.5,8.5A2,2 0 0,1 7.5,6.5M7.5,12A3.5,3.5 0 0,0 11,8.5A3.5,3.5 0 0,0 7.5,5A3.5,3.5 0 0,0 4,8.5A3.5,3.5 0 0,0 7.5,12M21.5,17.5H14V16.25C14,15.79 13.8,15.39 13.5,15.03C14.36,14.73 15.44,14.5 16.5,14.5C18.94,14.5 21.5,15.71 21.5,16.25M12.5,17.5H2.5V16.25C2.5,15.71 5.06,14.5 7.5,14.5C9.94,14.5 12.5,15.71 12.5,16.25M16.5,13C15.3,13 13.43,13.34 12,14C10.57,13.33 8.7,13 7.5,13C5.33,13 1,14.08 1,16.25V19H23V16.25C23,14.08 18.67,13 16.5,13Z') !important;
  1172. }
  1173.  
  1174. .icon-22AiRD[name="Nova_Download"] path {
  1175. d: path('M11 8v5l4.25 2.52.77-1.28-3.52-2.09V8zm10 2V3l-2.64 2.64C16.74 4.01 14.49 3 12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9h-2c0 3.86-3.14 7-7 7s-7-3.14-7-7 3.14-7 7-7c1.93 0 3.68.79 4.95 2.05L14 10h7z') !important;
  1176. fill: var(--success-color);
  1177. }
  1178.  
  1179. .icon-22AiRD[name="Nova_Mention"] path {
  1180. d: path('M12,15C12.81,15 13.5,14.7 14.11,14.11C14.7,13.5 15,12.81 15,12C15,11.19 14.7,10.5 14.11,9.89C13.5,9.3 12.81,9 12,9C11.19,9 10.5,9.3 9.89,9.89C9.3,10.5 9,11.19 9,12C9,12.81 9.3,13.5 9.89,14.11C10.5,14.7 11.19,15 12,15M12,2C14.75,2 17.1,3 19.05,4.95C21,6.9 22,9.25 22,12V13.45C22,14.45 21.65,15.3 21,16C20.3,16.67 19.5,17 18.5,17C17.3,17 16.31,16.5 15.56,15.5C14.56,16.5 13.38,17 12,17C10.63,17 9.45,16.5 8.46,15.54C7.5,14.55 7,13.38 7,12C7,10.63 7.5,9.45 8.46,8.46C9.45,7.5 10.63,7 12,7C13.38,7 14.55,7.5 15.54,8.46C16.5,9.45 17,10.63 17,12V13.45C17,13.86 17.16,14.22 17.46,14.53C17.76,14.84 18.11,15 18.5,15C18.92,15 19.27,14.84 19.57,14.53C19.87,14.22 20,13.86 20,13.45V12C20,9.81 19.23,7.93 17.65,6.35C16.07,4.77 14.19,4 12,4C9.81,4 7.93,4.77 6.35,6.35C4.77,7.93 4,9.81 4,12C4,14.19 4.77,16.07 6.35,17.65C7.93,19.23 9.81,20 12,20H17V22H12C9.25,22 6.9,21 4.95,19.05C3,17.1 2,14.75 2,12C2,9.25 3,6.9 4.95,4.95C6.9,3 9.25,2 12,2Z') !important;
  1181. }
  1182.  
  1183. .icon-22AiRD[name="Nova_Help"] path {
  1184. d: path('M11,18H13V16H11V18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,6A4,4 0 0,0 8,10H10A2,2 0 0,1 12,8A2,2 0 0,1 14,10C14,12 11,11.75 11,15H13C13,12.75 16,12.5 16,10A4,4 0 0,0 12,6Z') !important;
  1185. }
  1186.  
  1187. .icon-22AiRD[name="Nova_ChatNew"] path {
  1188. d: path('M4 4h16v12H5.17L4 17.17V4m0-2c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2H4zm2 10h12v2H6v-2zm0-3h12v2H6V9zm0-3h12v2H6V6z') !important;
  1189. /*stroke-width: 2 !important;*/
  1190. }
  1191.  
  1192. .link-2T7oYD {
  1193. width: 26px;
  1194. height: 26px;
  1195. }
  1196.  
  1197. .link-2T7oYD .linkIcon-PzfbqY {
  1198. width: 24px;
  1199. height: 24px;
  1200. }
  1201.  
  1202. .link-2T7oYD .linkIcon-PzfbqY path {
  1203. d: path('M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z') !important;
  1204. }
  1205.  
  1206. .updateIconForeground-2jeItf {
  1207. fill: #fff !important;
  1208. }
  1209.  
  1210. /* TITLE BAR -> OldTitleBar */
  1211.  
  1212. .settingsTitlebarOTB .divider-3FBTu8 {
  1213. display: none;
  1214. }
  1215.  
  1216. .iconWrapper-2OrFZ1.minButtonOTB,
  1217. .iconWrapper-2OrFZ1.maxButtonOTB,
  1218. .iconWrapper-2OrFZ1.closeButtonOTB {
  1219. margin: 0;
  1220. cursor: pointer;
  1221. }
  1222.  
  1223. .iconWrapper-2OrFZ1.minButtonOTB:before,
  1224. .iconWrapper-2OrFZ1.maxButtonOTB:before,
  1225. .iconWrapper-2OrFZ1.closeButtonOTB:before {
  1226. left: 2px;
  1227. pointer-events: none;
  1228. }
  1229.  
  1230. .iconWrapper-2OrFZ1.minButtonOTB {
  1231. margin: 0 0 0 4px;
  1232. }
  1233.  
  1234. .iconWrapper-2OrFZ1.minButtonOTB:hover,
  1235. .iconWrapper-2OrFZ1.maxButtonOTB:hover {
  1236. background-color: var(--hover-color);
  1237. }
  1238.  
  1239. .iconWrapper-2OrFZ1.closeButtonOTB:hover {
  1240. background: var(--alert-color);
  1241. }
  1242.  
  1243. .iconWrapper-2OrFZ1.minButtonOTB:before,
  1244. .iconWrapper-2OrFZ1.maxButtonOTB:before,
  1245. .iconWrapper-2OrFZ1.closeButtonOTB:before {
  1246. content: " ";
  1247. position: absolute;
  1248. width: 26px;
  1249. height: 26px;
  1250. top: 0;
  1251. bottom: 0;
  1252. margin: auto 0;
  1253. background-position: 35% 50%;
  1254. background-repeat: no-repeat;
  1255. transform: translateX(-1px);
  1256. opacity: 1;
  1257. }
  1258.  
  1259. .iconWrapper-2OrFZ1.minButtonOTB:hover:before,
  1260. .iconWrapper-2OrFZ1.maxButtonOTB:hover:before,
  1261. .iconWrapper-2OrFZ1.closeButtonOTB:hover:before {
  1262. opacity: 1;
  1263. }
  1264.  
  1265. .iconWrapper-2OrFZ1.minButtonOTB:before {
  1266. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj4KCTxyZWN0IGZpbGw9IiNmZmZmZmYiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxIiB4PSIxIiB5PSI2Ij48L3JlY3Q+Cjwvc3ZnPiA=);
  1267. }
  1268.  
  1269. .iconWrapper-2OrFZ1.maxButtonOTB:before {
  1270. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj48cmVjdCB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB4PSIxLjUiIHk9IjEuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIj48L3JlY3Q+PC9zdmc+);
  1271. }
  1272.  
  1273. .iconWrapper-2OrFZ1.closeButtonOTB:before {
  1274. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj48cG9seWdvbiBmaWxsPSIjZmZmZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHBvaW50cz0iMTEgMS41NzYgNi41ODMgNiAxMSAxMC40MjQgMTAuNDI0IDExIDYgNi41ODMgMS41NzYgMTEgMSAxMC40MjQgNS40MTcgNiAxIDEuNTc2IDEuNTc2IDEgNiA1LjQxNyAxMC40MjQgMSI+PC9wb2x5Z29uPjwvc3ZnPg==);
  1275. }
  1276.  
  1277. .iconWrapper-2OrFZ1.minButtonOTB:after,
  1278. .iconWrapper-2OrFZ1.maxButtonOTB:after,
  1279. .iconWrapper-2OrFZ1.closeButtonOTB:after {
  1280. display: none;
  1281. }
  1282.  
  1283.  
  1284. /*
  1285. *
  1286. * NOTIFICATION/NOTICE AND ERROR BAR
  1287. *
  1288. */
  1289.  
  1290. .notice-2FJMB4,
  1291. .noticeDanger-7u-yT9,
  1292. .noticeDefault-362Ko2,
  1293. .notice-3I4-y_,
  1294. .noticeInfo-3_iTE1,
  1295. .noticeFacebook-3equ5g,
  1296. .noticeSpotify-27dhr0,
  1297. .noticeStreamerMode-2TSQpg,
  1298. .DevilBro-notice {
  1299. border-radius: 0 !important;
  1300. }
  1301.  
  1302. .noticeDanger-7u-yT9 .button-1MICoQ,
  1303. .noticeDefault-362Ko2 .button-1MICoQ,
  1304. .noticeInfo-3_iTE1 .button-1MICoQ,
  1305. .noticeFacebook-3equ5g .button-1MICoQ,
  1306. .noticeSpotify-27dhr0 .button-1MICoQ,
  1307. .noticeStreamerMode-2TSQpg .button-1MICoQ,
  1308. .noticePremium-12Zvj9 .button-1MICoQ {
  1309. background: #fff !important;
  1310. border: none;
  1311. color: #444 !important;
  1312. }
  1313.  
  1314. .notice-2FJMB4 .button-1MICoQ,
  1315. .notice-2FJMB4 .button-1MICoQ:hover,
  1316. .notice-2FJMB4 .button-1MICoQ:active {
  1317. background: #fff !important;
  1318. }
  1319.  
  1320. .noticeDanger-7u-yT9 {
  1321. background: var(--alert-color) !important;
  1322. }
  1323.  
  1324. .noticeDanger-7u-yT9 .button-1MICoQ {
  1325. color: var(--alert-color) !important;
  1326. }
  1327.  
  1328. .noticeDefault-362Ko2 .button-1MICoQ,
  1329. .noticeInfo-3_iTE1 .button-1MICoQ {
  1330. color: var(--accent-color) !important;
  1331. }
  1332.  
  1333. .noticeSuccess-3Y62ob .button-1MICoQ {
  1334. color: var(--success-color) !important;
  1335. }
  1336.  
  1337. .noticeFacebook-3equ5g .button-1MICoQ {
  1338. color: #355089 !important;
  1339. }
  1340.  
  1341. .noticeSpotify-27dhr0 .button-1MICoQ {
  1342. color: var(--spotify-color) !important;
  1343. }
  1344.  
  1345. .noticeStreamerMode-2TSQpg .button-1MICoQ {
  1346. color: var(--stream-color) !important;
  1347. }
  1348.  
  1349. .notice-3I4-y_ {
  1350. padding: 0 10px;
  1351. font-size: 14px;
  1352. line-height: 34px;
  1353. color: #fff;
  1354. text-align: center;
  1355. }
  1356.  
  1357. .dismiss-1QjyJW {
  1358. position: absolute;
  1359. width: 36px;
  1360. height: 36px;
  1361. top: -1px;
  1362. right: 2px;
  1363. -webkit-app-region: no-drag;
  1364. -webkit-transition: opacity 200ms;
  1365. background: url(https://discordapp.com/assets/7731c77d99babca1a8faec204d98c380.svg) no-repeat;
  1366. background-position: 50% 50%;
  1367. background-size: 10px 10px;
  1368. cursor: pointer;
  1369. opacity: 0.5;
  1370. transition: opacity 200ms;
  1371. }
  1372.  
  1373. .dismiss-SCAH9H {
  1374. background-position: 50% 50%;
  1375. }
  1376.  
  1377. .channelNotices-41mJbj .channelNotice-1-XFjC.invite-OjTXrW,
  1378. .channelNotices-3AUnoM .channelNotice-cQsVXw.lfg-3h9KFj {
  1379. background: #16171a url(https://discordapp.com/assets/bf625d222187f542b9d7179109422e2c.svg) no-repeat center 20px !important;
  1380. }
  1381.  
  1382. .channelNotices-3AUnoM .channelNotice-cQsVXw.quickswitcher-3-ck0i,
  1383. .channelNotices-41mJbj .channelNotice-1-XFjC.quickswitcher-35bYg4 {
  1384. background: #16171a url(https://discordapp.com/assets/8fdb69b7684b8e1ecb3fdde909daca41.svg) no-repeat center 35px !important;
  1385. }
  1386.  
  1387. .channelNotices-41mJbj .channelNotice-1-XFjC.premiumGuildSubscription-3oKecP {
  1388. background: #16171a url(/assets/c88e15accf612aef3b209311aaee9f29.svg) no-repeat center 23px;
  1389. }
  1390.  
  1391. .channelNotices-41mJbj .channelNotice-1-XFjC.invite-OjTXrW,
  1392. .channelNotices-3AUnoM .channelNotice-cQsVXw.quickswitcher-3-ck0i,
  1393. .channelNotices-41mJbj .channelNotice-1-XFjC.quickswitcher-35bYg4,
  1394. .channelNotices-41mJbj .channelNotice-1-XFjC.premiumGuildSubscription-3oKecP {
  1395. border-bottom: 1px solid var(--select-color) !important;
  1396. }
  1397.  
  1398. .channelNotices-41mJbj .channelNotice-1-XFjC,
  1399. .channelNotices-3AUnoM,
  1400. .channelNotices-41mJbj .channelNotice-1-XFjC .close-relY5R {
  1401. box-shadow: none !important;
  1402. border: none !important;
  1403. opacity: 1 !important;
  1404. }
  1405.  
  1406. .btn-11C5_u {
  1407. border: none !important;
  1408. }
  1409.  
  1410.  
  1411. /*
  1412. *
  1413. * MODALS
  1414. *
  1415. */
  1416.  
  1417. .modal-2LIEKY,
  1418. .modal-1UGdnR,
  1419. .modal-3c3bKg,
  1420. .bd-modal-wrapper .bd-modal {
  1421. z-index: 999999;
  1422. }
  1423.  
  1424. /*.modal-3v8ziU {
  1425. background: var(--popout-alt) !important;
  1426. }*/
  1427.  
  1428. .modal-3v8ziU,
  1429. .modal-yWgWj- {
  1430. background: var(--popout-color) !important;
  1431. border-radius: var(--border-radius-big) !important;
  1432. box-shadow: var(--shadow-3dp) !important;
  1433. }
  1434.  
  1435. .modal-3v8ziU .ui-standard-sidebar-view {
  1436. background: var(--popout-color) !important;
  1437. }
  1438.  
  1439. .backdrop-1wrmKB,
  1440. .backdrop-1ocfXc {
  1441. background: #000 !important;
  1442. /*z-index: 1005 !important;*/
  1443. }
  1444.  
  1445. .footer-30ewN8,
  1446. .modal-3v8ziU.sizeMedium-1fwIF2 .header-2nhbou,
  1447. .modal-3v8ziU.modal-1k91nT .header-2nhbou,
  1448. .modal-yWgWj- .header-2tA9Os {
  1449. padding: 16px 12px;
  1450. }
  1451.  
  1452. .modal-3v8ziU.sizeSmall-Sf4iOi .header-2nhbou,
  1453. .modal-3v8ziU.modal-1sor29 .header-2nhbou {
  1454. padding: 16px 12px;
  1455. overflow-y: hidden !important;
  1456. }
  1457.  
  1458. .modal-3v8ziU .header-2nhbou,
  1459. .modal-3v8ziU.sizeSmall-Sf4iOi .header-2nhbou,
  1460. .modal-3v8ziU.modal-1sor29 .header-2nhbou,
  1461. .modal-3v8ziU.sizeMedium-1fwIF2 .header-2nhbou,
  1462. .modal-3v8ziU.modal-1k91nT .header-2nhbou,
  1463. .modal-yWgWj- .header-2tA9Os {
  1464. border-bottom: 1px solid var(--card-border-color);
  1465. }
  1466.  
  1467. .BDFDB-modal .modal-3v8ziU .header-2nhbou {
  1468. border-bottom: none;
  1469. }
  1470.  
  1471. .header-2nhbou {
  1472. padding: 16px;
  1473. }
  1474.  
  1475. .footer-3rDWdC {
  1476. padding: 8px;
  1477. background: var(--popout-color) !important;
  1478. border-top: 1px solid var(--card-border-color);
  1479. box-shadow: none !important;
  1480. }
  1481.  
  1482. .footer-3rDWdC .lookLink-9FtZy-.colorPrimary-3b3xI6:last-child,
  1483. .footer-3rDWdC .lookFilled-1Gx00P.colorPrimary-3b3xI6 {
  1484. margin: 0 8px 0 0 !important;
  1485. }
  1486.  
  1487. .footer-3rDWdC .directionRow-3v3tfG {
  1488. display: block;
  1489. flex: 0 1 auto !important;
  1490. }
  1491.  
  1492. .footer-3rDWdC .button-38aScr {
  1493. margin: 0 !important;
  1494. }
  1495.  
  1496. .header-2nhbou.separator-6YbWrc {
  1497. box-shadow: none !important;
  1498. }
  1499.  
  1500. .content-38qMG0 {
  1501. padding: 0;
  1502. }
  1503.  
  1504. .content-8biNdB,
  1505. .inner-2Z5QZX {
  1506. padding: 16px;
  1507. }
  1508.  
  1509. .inner-ZyuQk0 {
  1510. padding: 16px;
  1511. }
  1512.  
  1513. .inner-2Z5QZX .subHeader-27gFHC {
  1514. font-size: 14px;
  1515. text-transform: none;
  1516. }
  1517.  
  1518. .inner-2Z5QZX .subHeader-27gFHC:nth-of-type(1) {
  1519. margin: 0;
  1520. }
  1521.  
  1522. .modal-3v8ziU .title-3sZWYQ.h5-18_1nd {
  1523. margin: 8px 0 4px 0;
  1524. }
  1525.  
  1526. .reset-2ikQ30 {
  1527. margin: 0;
  1528. }
  1529.  
  1530. .footer-3rDWdC,
  1531. .footer-30ewN8 {
  1532. /*background: var(--popout-alt) !important;*/
  1533. justify-content: flex-start;
  1534. }
  1535.  
  1536. .footer-30ewN8 .lookFilled-1Gx00P.colorBrand-3pXr91 {
  1537. margin: 0 0 0 8px;
  1538. }
  1539.  
  1540. .minorAction-OVxOke {
  1541. position: absolute;
  1542. left: 8px;
  1543. }
  1544.  
  1545. .header-2nhbou h2.title-3sZWYQ {
  1546. padding: 0 !important;
  1547. }
  1548.  
  1549. .inner-3wn6Q5 {
  1550. padding: 0 16px;
  1551. }
  1552.  
  1553. .primary-jw0I4K[style*='padding-bottom: 20px;'] {
  1554. padding: 0 !important;
  1555. }
  1556.  
  1557. .theme-dark .footer-2yfCgX {
  1558. background: #212226;
  1559. border-top: none;
  1560. }
  1561.  
  1562. .tabBarItem-1b8RUP {
  1563. margin: 0 32px 0 0;
  1564. }
  1565.  
  1566. .tab-bar.tabBar-2MuP6- .tabBarItem-1b8RUP:hover,
  1567. .tab-bar.tabBar-2MuP6- .tabBarItem-1b8RUP.selected {
  1568. position: relative !important;
  1569. border-bottom-color: transparent !important;
  1570. }
  1571.  
  1572. .message-2qRu38 {
  1573. background: transparent !important;
  1574. box-shadow: none !important;
  1575. }
  1576.  
  1577. .lookLink-9FtZy-.colorWhite-rEQuAQ {
  1578. margin: 0 8px 0 0;
  1579. }
  1580.  
  1581. .modal-3v8ziU .h4-AQvcAz {
  1582. font-weight: 500;
  1583. text-transform: none;
  1584. }
  1585.  
  1586. .modal-3v8ziU .close-hhyjWJ,
  1587. .modal-yWgWj- .close-1kwMUs {
  1588. position: absolute;
  1589. width: 36px;
  1590. height: 36px;
  1591. right: 12px;
  1592. border-radius: 50%;
  1593. }
  1594.  
  1595. .modal-3v8ziU .close-hhyjWJ .contents-18-Yxp,
  1596. .modal-yWgWj- .close-1kwMUs .contents-18-Yxp {
  1597. height: 18px;
  1598. }
  1599.  
  1600. .content-2KoCOZ {
  1601. border-radius: 0;
  1602. }
  1603.  
  1604. .title-2NqSu3 {
  1605. text-transform: none;
  1606. }
  1607.  
  1608. /* MODALS -> LOGIN & REGISTER */
  1609.  
  1610. .authBox-hW6HRx {
  1611. position: relative;
  1612. padding: 16px;
  1613. background: var(--popout-color) !important;
  1614. border-radius: var(--border-radius-big) var(--border-radius-big) 0 0;
  1615. box-shadow: var(--shadow-3dp) !important;
  1616. }
  1617.  
  1618. .authBox-hW6HRx:after {
  1619. position: absolute;
  1620. content: " ";
  1621. left: 0;
  1622. bottom: -54px;
  1623. width: 100%;
  1624. height: 54px;
  1625. background: var(--popout-color);
  1626. border-radius: 0 0 var(--border-radius-big) var(--border-radius-big);
  1627. box-shadow: var(--shadow-3dp);
  1628. border-top: 1px solid var(--card-border-color);
  1629. }
  1630.  
  1631. .needAccount-23l_Wh {
  1632. display: none;
  1633. }
  1634.  
  1635. .authBox-hW6HRx .marginTop4-2BNfKC {
  1636. display: inline-block;
  1637. margin: 0;
  1638. width: auto;
  1639. height: auto;
  1640. }
  1641.  
  1642. .authBox-hW6HRx .button-3k0cO7 {
  1643. position: relative;
  1644. display: inline-block;
  1645. margin: 16px 0 0 0;
  1646. float: right;
  1647. }
  1648.  
  1649. .authBox-hW6HRx .block-egJnc0 .marginBottom20-32qID7 + div:not([class]) + .marginTop4-2BNfKC,
  1650. .authBox-hW6HRx .block-egJnc0 .button-3k0cO7 + .marginTop4-2BNfKC,
  1651. .authBox-hW6HRx .block-egJnc0 .marginTop20-3TxNs6 + .button-38aScr {
  1652. position: absolute;
  1653. bottom: -36px;
  1654. }
  1655.  
  1656. .authBox-hW6HRx .block-egJnc0 .marginBottom20-32qID7 + div:not([class]) + .marginTop4-2BNfKC,
  1657. .authBox-hW6HRx .block-egJnc0 .button-3k0cO7 + .marginTop4-2BNfKC .button-38aScr,
  1658. .authBox-hW6HRx .block-egJnc0 .marginTop20-3TxNs6 + .button-38aScr{
  1659. height: 18px !important;
  1660. min-height: 18px;
  1661. padding: 0 !important;
  1662. background: transparent !important;
  1663. font-weight: 400;
  1664. z-index: 2;
  1665. }
  1666.  
  1667. .authBox-hW6HRx .block-egJnc0 .button-3k0cO7 + .marginTop4-2BNfKC {
  1668. right: 16px;
  1669. }
  1670.  
  1671. .authBox-hW6HRx .block-egJnc0 .marginTop20-3TxNs6 {
  1672. margin-top: 16px;
  1673. }
  1674.  
  1675. .authBox-hW6HRx .block-egJnc0 .marginTop20-3TxNs6:nth-child(4) {
  1676. height: 36px;
  1677. margin: 16px 0 0 0;
  1678. }
  1679.  
  1680. .authBox-hW6HRx .block-egJnc0 .marginTop20-3TxNs6:nth-child(4) .button-3k0cO7 {
  1681. margin: 0
  1682. }
  1683.  
  1684. /* MODALS -> UPLOAD */
  1685.  
  1686. .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .bgScale-1otPtc,
  1687. .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-1JeGVc,
  1688. .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc.error-kKl9o2 {
  1689. border-radius: var(--border-radius-big) !important;
  1690. }
  1691.  
  1692. .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .bgScale-1otPtc,
  1693. .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc.error-kKl9o2 {
  1694. box-shadow: var(--shadow-3dp) !important;
  1695. }
  1696.  
  1697. .uploadModal-2ifh8j .inner-1JeGVc,
  1698. .uploadModal-2ifh8j .inner-3nWsbo {
  1699. border: none;
  1700. }
  1701.  
  1702. .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.image-2yrs5j {
  1703. border: none;
  1704. }
  1705.  
  1706. .uploadModal-2ifh8j .inner-zqa7da {
  1707. background: rgba(255,255,255,0.075) !important;
  1708. border-radius: 18px;
  1709. }
  1710.  
  1711. .uploadModal-2ifh8j .textArea-2Spzkt {
  1712. padding: 8px 16px 8px !important;
  1713. }
  1714.  
  1715. .uploadModal-2ifh8j .emojiButton-2wRZts,
  1716. .uploadModal-2ifh8j .pickerButtons-v-PPYK {
  1717. width: 40px;
  1718. height: 40px;
  1719. top: 0;
  1720. right: 0;
  1721. }
  1722.  
  1723. .uploadModal-2ifh8j .footer-3mqk7D {
  1724. border-top: 1px solid var(--card-border-color);
  1725. }
  1726.  
  1727. .uploadModal-2ifh8j .footer-3mqk7D .button {
  1728. background: transparent;
  1729. }
  1730.  
  1731. .uploadModal-2ifh8j .footer-3mqk7D .button:hover {
  1732. text-decoration: none;
  1733. }
  1734.  
  1735. .uploadModal-2ifh8j .footer-3mqk7D .lookInverted-2D7oAl.colorBrand-3pXr91 {
  1736. margin: 0 0 0 8px !important;
  1737. }
  1738.  
  1739. .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.video-27RLEH {
  1740. height: 100px;
  1741. margin: -42px 16px 0 0;
  1742. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICA8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTAsMTYuNVY3LjVMMTYsMTJNMTIsMkExMCwxMCAwIDAsMCAyLDEyQTEwLDEwIDAgMCwwIDEyLDIyQTEwLDEwIDAgMCwwIDIyLDEyQTEwLDEwIDAgMCwwIDEyLDJaIiAvPg0KPC9zdmc+);
  1743. background-size: 118%;
  1744. border-radius: 50%;
  1745. }
  1746.  
  1747. .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.document-2cvI0u {
  1748. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgIDxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik02LDJBMiwyIDAgMCwwIDQsNFYyMEEyLDIgMCAwLDAgNiwyMkgxOEEyLDIgMCAwLDAgMjAsMjBWOEwxNCwySDZNNiw0SDEzVjlIMThWMjBINlY0TTgsMTJWMTRIMTZWMTJIOE04LDE2VjE4SDEzVjE2SDhaIiAvPgo8L3N2Zz4=);
  1749. background-size: 118%;
  1750. }
  1751.  
  1752. .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.code-aoB-kL {
  1753. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CjxwYXRoIGZpbGw9IiNmZmZmZmYiIHN0eWxlPSJ0cmFuc2Zvcm06c2NhbGUoMC40KSB0cmFuc2xhdGUoMThweCwgMjRweCkiIGQ9Ik04LDNBMiwyIDAgMCwwIDYsNVY5QTIsMiAwIDAsMSA0LDExSDNWMTNINEEyLDIgMCAwLDEgNiwxNVYxOUEyLDIgMCAwLDAgOCwyMUgxMFYxOUg4VjE0QTIsMiAwIDAsMCA2LDEyQTIsMiAwIDAsMCA4LDEwVjVIMTBWM00xNiwzQTIsMiAwIDAsMSAxOCw1VjlBMiwyIDAgMCwwIDIwLDExSDIxVjEzSDIwQTIsMiAwIDAsMCAxOCwxNVYxOUEyLDIgMCAwLDEgMTYsMjFIMTRWMTlIMTZWMTRBMiwyIDAgMCwxIDE4LDEyQTIsMiAwIDAsMSAxNiwxMFY1SDE0VjNIMTZaIiAvPgo8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTQsMkg2QTIsMiAwIDAsMCA0LDRWMjBBMiwyIDAgMCwwIDYsMjJIMThBMiwyIDAgMCwwIDIwLDIwVjhMMTQsMk0xOCwyMEg2VjRIMTNWOUgxOFYyMFoiIC8+Cjwvc3ZnPg==);
  1754. background-size: 118%;
  1755. }
  1756.  
  1757. .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.unknown-3TPTMr {
  1758. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgIDxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNCwySDZBMiwyIDAgMCwwIDQsNFYyMEEyLDIgMCAwLDAgNiwyMkgxOEEyLDIgMCAwLDAgMjAsMjBWOEwxNCwyTTE4LDIwSDZWNEgxM1Y5SDE4VjIwWiIgLz4KPC9zdmc+);
  1759. background-size: 118%;
  1760. }
  1761.  
  1762. .uploadModal-2ifh8j .inner-zqa7da .textArea-2Spzkt {
  1763. margin: 0;
  1764. }
  1765.  
  1766. .uploadModal-2ifh8j .inner-zqa7da .buttons-205you {
  1767. height: 36px;
  1768. }
  1769.  
  1770. .close-18n9bP {
  1771. position: absolute;
  1772. width: 34px;
  1773. height: 34px;
  1774. top: 9px;
  1775. right: 12px;
  1776. padding: 8px;
  1777. opacity: 1;
  1778. box-shadow: none !important;
  1779. transition: 200ms ease all;
  1780. }
  1781.  
  1782. .close-18n9bP:hover {
  1783. background-color: rgba(255,255,255,0.1) !important;
  1784. }
  1785.  
  1786. .close-18n9bP:active {
  1787. background-color: rgba(255,255,255,0.2) !important;
  1788. }
  1789.  
  1790. .modal-3v8ziU .close-18n9bP {
  1791. top: 0;
  1792. bottom: 0;
  1793. margin: auto 0;
  1794. }
  1795.  
  1796. /* MODALS -> SERVER INVITE */
  1797.  
  1798. .inviteModal-34DdOm .inviteTitle-2-D7Bk {
  1799. color: #eee;
  1800. }
  1801.  
  1802. .inviteModal-34DdOm .inviteBody-1Y3j7y,
  1803. .inviteModal-34DdOm .inviteCancel-3lWPwu {
  1804. color: #aaa;
  1805. }
  1806.  
  1807. /* MODALS -> SPOTIFY INVITE */
  1808.  
  1809. .modal-3v8ziU .textArea-1ZhGKi,
  1810. .modal-3v8ziU .inner-zqa7da {
  1811. min-height: 36px !important;
  1812. }
  1813.  
  1814. .modal-3v8ziU .textArea-1ZhGKi {
  1815. margin: 8px 0 16px 0;
  1816. }
  1817.  
  1818. .modal-3v8ziU .textArea-2Spzkt {
  1819. min-height: 20px !important;
  1820. margin: 0 !important;
  1821. padding: 8px 16px 8px !important;
  1822. }
  1823.  
  1824. .modal-3v8ziU .inner-zqa7da {
  1825. background: var(--hover-color) !important;
  1826. border-radius: 18px !important;
  1827. }
  1828.  
  1829. .modal-3v8ziU .buttons-205you {
  1830. height: auto !important;
  1831. }
  1832.  
  1833. .modal-3HOjGZ .inner-3if5cm {
  1834. background: transparent !important;
  1835. border-bottom: 2px solid var(--card-border-color) !important;
  1836. }
  1837.  
  1838. .innerAutocomplete-2qsvzH {
  1839. border-radius: 0 !important;
  1840. }
  1841.  
  1842. .modal-3HOjGZ .textArea-2Spzkt {
  1843. width: calc(100% - 32px) !important;
  1844. padding: 4px 0 !important;
  1845. }
  1846.  
  1847. .modal-1UGdnR {
  1848. z-index: 1001 !important;
  1849. }
  1850.  
  1851. .modal-3v8ziU .emojiButton-2wRZts {
  1852. width: 32px !important;
  1853. top: 2px !important;
  1854. right: 4px !important;
  1855. }
  1856.  
  1857. .popout-3sVMXz.popoutTopRight-3BzFIE.noArrow-3BYQ0Z
  1858. .popout-3sVMXz.popout-top-right.noArrow-3BYQ0Z {
  1859. z-index: 9999999 !important;
  1860. }
  1861.  
  1862. /* MODALS -> UPLOAD MODAL */
  1863.  
  1864. .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo,
  1865. .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-1JeGVc {
  1866. border: none;
  1867. }
  1868.  
  1869. .uploadModal-2ifh8j .autocomplete-1vrmpx {
  1870. max-height: 45vh;
  1871. background: var(--input-color) !important;
  1872. border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
  1873. border-bottom: 1px solid var(--card-border-color);
  1874. overflow-y: scroll;
  1875. }
  1876.  
  1877. .selector-2IcQBU .content-Qb0rXO {
  1878. color: #999 !important;
  1879. }
  1880.  
  1881. .selector-2IcQBU.selectorSelected-1_M1WV .content-Qb0rXO {
  1882. color: #eee !important;
  1883. }
  1884.  
  1885. .selector-2IcQBU.selectorSelected-1_M1WV {
  1886. background-color: rgba(255,255,255,0.1) !important;
  1887. }
  1888.  
  1889. /* MODALS -> BANNED USER */
  1890.  
  1891. .bannedUserModal-3RJCOV .userUsername-W3oZL9,
  1892. .bannedUserModal-3RJCOV .userDiscrim-1D2NlF {
  1893. line-height: 20px;
  1894. font-size: 16px;
  1895. font-weight: 600;
  1896. }
  1897.  
  1898. .modal-3v8ziU .scroller-2FKFPG div:not([class]) .flex-1xMQg5[style='flex: 1 1 auto;'] {
  1899. flex: 0 1 auto !important;
  1900. justify-content: flex-start;
  1901. /*padding: 4px 4px 0;*/
  1902. }
  1903.  
  1904. .modal-3v8ziU .scroller-2FKFPG div:not([class]) .switchItem-2hKKKK:last-child {
  1905. margin: 0 !important;
  1906. }
  1907.  
  1908. .bannedUserModal-3RJCOV .footer-322fxT {
  1909. padding: 8px;
  1910. }
  1911.  
  1912. /* MODALS -> AUTHORIZE APP */
  1913.  
  1914. .oauth2Authorize-1i7dh_ .authorizeInner-2_0fZk {
  1915. background: var(--popout-color) !important;
  1916. border-radius: var(--border-radius-big);
  1917. }
  1918.  
  1919. .oauth2Authorize-1i7dh_ .authorizeInner-2_0fZk header {
  1920. background: var(--accent-color);
  1921. border-radius: var(--border-radius-big) var(--border-radius-big) 0 0;
  1922. }
  1923.  
  1924. .appAvatar-3bgkQ9 {
  1925. margin: 0 8px 0 0;
  1926. }
  1927.  
  1928. .labelBold-1PKEeD span {
  1929. font-weight: 500;
  1930. }
  1931.  
  1932. .oauth2Authorize-1i7dh_ .authorizeInner-2_0fZk header .applicationIcon-3J6BpK {
  1933. background: transparent;
  1934. }
  1935.  
  1936. .oauth2Authorize-1i7dh_ .authorizeInner-2_0fZk .scopes-Q1ojki {
  1937. padding: 16px 0 16px 16px;
  1938. }
  1939.  
  1940. .oauth2Authorize-1i7dh_ .authorizeInner-2_0fZk .securityNotice-26PBh8 {
  1941. background: var(--popout-alt);
  1942. }
  1943.  
  1944. .oauth2Authorize-1i7dh_ .authorizeInner-2_0fZk .scopes-Q1ojki .scope-371Mpu .scopeCheck-U1DeOx {
  1945. margin: 16px 16px 0 0;
  1946. }
  1947.  
  1948. .oauth2Authorize-1i7dh_ .authorizeInner-2_0fZk .scopes-Q1ojki .scope-371Mpu .scopeCheck-U1DeOx .scopeCheckInner-1PkeRq {
  1949. border: 2px solid var(--popout-color);
  1950. }
  1951.  
  1952. .oauth2Authorize-1i7dh_ .authorizeInner-2_0fZk .scopes-Q1ojki .scope-371Mpu .scopeInner-xs9ROe {
  1953. padding: 16px 0;
  1954. }
  1955.  
  1956. .oauth2Authorize-1i7dh_ .authorizeInner-2_0fZk footer {
  1957. padding: 8px;
  1958. border-radius: 0 0 var(--border-radius-big) var(--border-radius-big);
  1959. }
  1960.  
  1961. /* MODALS -> GAME INFO */
  1962.  
  1963. .container-jGk-CT {
  1964. border-radius: var(--border-radius-big);
  1965. }
  1966.  
  1967. /* MODALS -> GAME INFO -> CAROUSEL */
  1968.  
  1969. .container-jGk-CT .body-3NySJS {
  1970. position: absolute;
  1971. top: 16px !important;
  1972. z-index: 2;
  1973. }
  1974.  
  1975. .title-1oZsbs {
  1976. color: #fff;
  1977. }
  1978.  
  1979. .description-13oVu5 {
  1980. color: #ddd;
  1981. }
  1982.  
  1983. .subtitle-rPfx7J {
  1984. color: #aaa;
  1985. }
  1986.  
  1987. .container-jGk-CT .carouselPagination-30iWH5 {
  1988. width: 100% !important;
  1989. height: 36px !important;
  1990. top: -48px !important;
  1991. bottom: auto !important;
  1992. }
  1993.  
  1994. .news-2KwXHF:not(.newsEmpty-3tvLgI),
  1995. .news-2KwXHF:not(.newsEmpty-3tvLgI) .background-VmeaHL {
  1996. width: 100%;
  1997. -webkit-mask: none !important;
  1998. }
  1999.  
  2000. .item-5R5nmE {
  2001. border-radius: 0 !important;
  2002. }
  2003.  
  2004. .container-jGk-CT .carousel-1j_QfQ .news-2KwXHF:not(.newsEmpty-3tvLgI) {
  2005. border-radius: 0 !important;
  2006. }
  2007.  
  2008. .news-2KwXHF.newsEmpty-3tvLgI {
  2009. position: relative;
  2010. }
  2011.  
  2012. .news-2KwXHF:not(.newsEmpty-3tvLgI),
  2013. .item-5R5nmE {
  2014. height: 100%;
  2015. background: var(--popout-color) !important;
  2016. }
  2017.  
  2018. .news-2KwXHF:not(.newsEmpty-3tvLgI):after {
  2019. position: absolute;
  2020. content: " ";
  2021. width: 100%;
  2022. height: 100%;
  2023. top: 0;
  2024. left: 0;
  2025. background: linear-gradient(180deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 75%);
  2026. pointer-events: none;
  2027. }
  2028.  
  2029. /* MODALS -> GAME INFO -> RECENTLY PLAYED */
  2030.  
  2031. .players-1zg2l8 {
  2032. padding: 0;
  2033. }
  2034.  
  2035. .players-1zg2l8,
  2036. .emptyPlayers-dx3qig {
  2037. background: var(--popout-color) !important;
  2038. }
  2039.  
  2040. .players-1zg2l8 .title-2N_17N {
  2041. margin: 8px 0 4px 0 !important;
  2042. padding: 4px 16px;
  2043. }
  2044.  
  2045. .player-3zB-0D {
  2046. height: 36px;
  2047. margin: 0;
  2048. padding: 0 16px;
  2049. border-radius: 0;
  2050. transition: 200ms var(--default-animation);
  2051. }
  2052.  
  2053. .player-3zB-0D:hover {
  2054. background: var(--hover-color) !important;
  2055. }
  2056.  
  2057. .divider-1rPkiH {
  2058. margin: 8px 16px;
  2059. }
  2060.  
  2061. .overflowPlayers-2c7shr {
  2062. padding: 2px 16px 0 16px;
  2063. }
  2064.  
  2065. .colorStandard-2KCXvj,
  2066. .colorMuted-HdFt4q,
  2067. .playtime-1BRMZX {
  2068. font-weight: 500;
  2069. }
  2070.  
  2071. /* MODALS -> GAME INFO -> FOOTER */
  2072.  
  2073. .footer-3J5oP4 {
  2074. padding: 8px;
  2075. border-top: 1px solid var(--select-color);
  2076. }
  2077.  
  2078. .gameIcon-cb7qdd .gameIcon-gg34Dz {
  2079. border-radius: 50%;
  2080. }
  2081.  
  2082. .verifiedIcon-3oz8wo {
  2083. transform: translate(-2px,-2px);
  2084. }
  2085.  
  2086. .verifiedIcon-3oz8wo path:nth-child(2) {
  2087. d: path('M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z') !important;
  2088. fill: #fff;
  2089. transform: scale(0.85);
  2090. box-shadow: var(--shadow-3dp) !important;
  2091. }
  2092.  
  2093. .verifiedIcon-3oz8wo path:nth-child(3) {
  2094. display: none;
  2095. }
  2096.  
  2097. .gameTitle-1cA_Wo {
  2098. display: inline-block;
  2099. }
  2100.  
  2101. .footer-3J5oP4 .lookFilled-1Gx00P.colorGrey-2DXtkV,
  2102. .footer-3J5oP4 .lookOutlined-3sRXeN.colorGrey-2DXtkV {
  2103. cursor: pointer;
  2104. }
  2105.  
  2106. /* MODALS -> GIFT NITRO */
  2107.  
  2108. .inner-1JeGVc div:first-child:not([class]) .modal-3v8ziU {
  2109. height: auto !important;
  2110. min-height: 10vh !important;
  2111. max-height: 80vh !important;
  2112. }
  2113.  
  2114. .header-37u8Mj .headerNote-1_ALzY {
  2115. font-weight: 500;
  2116. }
  2117.  
  2118. .activeBreadcrumb-p6aw-F {
  2119. color: #eee !important;
  2120. }
  2121.  
  2122. .form-2d3M9m .divider-1que2t {
  2123. margin: 0 0 16px 0 !important;
  2124. border: none;
  2125. }
  2126.  
  2127. .tier2HeaderBackground-2BUqcl {
  2128. border-radius: var(--border-radius-big) var(--border-radius-big) 0 0;
  2129. }
  2130.  
  2131. .tier2HeaderBackground-2BUqcl .close-hhyjWJ {
  2132. top: 0;
  2133. right: 0;
  2134. }
  2135.  
  2136. .selectPlan-GQ6nvu,
  2137. .form-2d3M9m .measurement-36xDqs div:not([class]) {
  2138. margin: 0;
  2139. }
  2140.  
  2141. .content-PS26MV {
  2142. margin: 0 0 16px 0;
  2143. }
  2144.  
  2145. .selectPlanHeader-2lxKOo,
  2146. .selectPlanHeader-2lxKOo .title-3sZWYQ {
  2147. margin: 0 !important;
  2148. }
  2149.  
  2150. .option-1l2vXE {
  2151. margin: 0;
  2152. padding: 8px 0 !important;
  2153. background: transparent !important;
  2154. border-radius: 0;
  2155. }
  2156.  
  2157. .option-1l2vXE:last-child {
  2158. margin: 0;
  2159. padding: 8px 0 8px !important;
  2160. border-bottom: none;
  2161. }
  2162.  
  2163. .form-2d3M9m .footer-3rDWdC {
  2164. position: relative;
  2165. height: 36px;
  2166. }
  2167.  
  2168. .form-2d3M9m .footer-3rDWdC .backButton-25HgIF {
  2169. position: absolute;
  2170. margin: 0 !important;
  2171. right: 12px;
  2172. }
  2173.  
  2174. /*.buyButtonTooltipWrapper-3ISTfu {
  2175. position: relative;
  2176. width: 96.88px;
  2177. }*/
  2178.  
  2179. .backButton-25HgIF:hover {
  2180. text-decoration: none;
  2181. }
  2182.  
  2183. .lookFilled-1h1y05.select-1Pkeg4 {
  2184. background: var(--popout-alt) !important;
  2185. border-radius: var(--border-radius) !important;
  2186. border: none !important;
  2187. }
  2188.  
  2189. /* MODALS -> NITRO SERVER BOOST */
  2190.  
  2191. .carouselContainer-2-vIZS .scroller-2FKFPG {
  2192. padding: 0 8px 8px !important;
  2193. }
  2194.  
  2195. .boostCount-UFqabz {
  2196. background: var(--select-color) !important;
  2197. }
  2198.  
  2199. .progressBar-2Hd4f8 {
  2200. margin: 16px 16px 0;
  2201. }
  2202.  
  2203. .tierMarkerAccomplished-2MiXeg,
  2204. .tierDefault-2qaRkD {
  2205. background: var(--accent-color) !important;
  2206. }
  2207.  
  2208. .selectedTier-1JkO7i .tierMarker-5HkGJ_,
  2209. .tierInProgress-3mBoXq {
  2210. background: #36393f !important;
  2211. box-shadow: var(--shadow-2dp);
  2212. }
  2213.  
  2214. .barForeground-3KglC8 {
  2215. background: var(--hover-color) !important;
  2216. }
  2217.  
  2218. .carouselItem-g4c5Xp,
  2219. .tier-3H4BXk {
  2220. background: var(--card-alt);
  2221. border-radius: var(--border-radius-big);
  2222. box-shadow: var(--shadow-1dp);
  2223. transition: 400ms all var(--default-animation);
  2224. }
  2225.  
  2226. .tier-3H4BXk {
  2227. background: var(--card-color);
  2228. border-radius: var(--border-radius);
  2229. }
  2230.  
  2231. .carouselItemSelected-JFUsnG {
  2232. background: #2f3136;
  2233. box-shadow: var(--shadow-3dp);
  2234. }
  2235.  
  2236. .tierNoneContainer-3hhK3h,
  2237. .tierHeader---JJFb,
  2238. .tierHeader-rlkkJd,
  2239. .tierBody-16Chc9,
  2240. .tierBody-x9kBBp {
  2241. background: transparent !important;
  2242. border-radius: 0;
  2243. }
  2244.  
  2245. .tierHeader---JJFb,
  2246. .tierHeader-rlkkJd {
  2247. border-bottom: 1px solid var(--select-color);
  2248. }
  2249.  
  2250. .tier-12tKuZ {
  2251. height: 100%;
  2252. margin: 0;
  2253. border-radius: 0;
  2254. }
  2255.  
  2256. .tierLock-3CSxSX path,
  2257. .tierLock-1oFMOZ path {
  2258. d: path('M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z') !important;
  2259. fill: #999 !important;
  2260. }
  2261.  
  2262. .tierUnlocked-25K6Kv {
  2263. height: 24px;
  2264. padding: 0 8px;
  2265. line-height: 24px;
  2266. background: var(--select-color) !important;
  2267. border-radius: 12px;
  2268. color: #ccc !important;
  2269. }
  2270.  
  2271. .carouselLeftGradientEdge-3P4spl,
  2272. .carouselRightGradientEdge-2Z3H8D {
  2273. display: none;
  2274. }
  2275.  
  2276. .footer-30ewN8 .button-38aScr.lookBlank-3eh9lL[aria-label="Send a gift"] {
  2277. position: absolute;
  2278. top: 0;
  2279. left: 8px;
  2280. bottom: 0;
  2281. margin: auto 0;
  2282. }
  2283.  
  2284. .footer-30ewN8 .button-38aScr.lookBlank-3eh9lL[aria-label="Send a gift"] .contents-18-Yxp {
  2285. width: 36px !important;
  2286. height: 24px;
  2287. }
  2288.  
  2289. .footer-30ewN8 .giftIcon-2Pjbiy {
  2290. margin: 0;
  2291. }
  2292.  
  2293. /* MODALS -> INVITE FRIENDS TO SERVER */
  2294.  
  2295. .inviteRow-2L02ae {
  2296. padding: 8px;
  2297. }
  2298.  
  2299. /* MODALS -> REACTIONS LIST */
  2300.  
  2301. .sidebar-1-SQro {
  2302. background: var(--main-color) !important;
  2303. }
  2304.  
  2305. .sidebar-1-SQro .scroller-1-nKid {
  2306. padding: 8px 8px;
  2307. }
  2308.  
  2309. .reactionDefault-GBA58K,
  2310. .reactionSelected-1pqISm {
  2311. margin: 0 0 4px 0;
  2312. padding: 0 4px;
  2313. border-radius: 14px;
  2314. }
  2315.  
  2316. .reactors-Blmlhw {
  2317. background: var(--popout-alt) !important;
  2318. }
  2319.  
  2320. .reactor-3UBcOI {
  2321. margin: 0;
  2322. padding: 8px;
  2323. box-shadow: none !important;
  2324. border-bottom: 1px solid var(--card-border-color);
  2325. }
  2326.  
  2327. .reactor-3UBcOI .remove-3V-yj8 {
  2328. display: block !important;
  2329. padding: 8px;
  2330. border-radius: 50%;
  2331. opacity: 0;
  2332. transition: 150ms var(--default-animation);
  2333. }
  2334.  
  2335. .reactor-3UBcOI:hover .remove-3V-yj8 {
  2336. opacity: 1;
  2337. }
  2338.  
  2339.  
  2340. /*
  2341. *
  2342. * KEYBOARD SHORTCUT MENU
  2343. *
  2344. */
  2345.  
  2346. .keyboardShortcutsModal-3piNz7 {
  2347. background: var(--popout-color) !important;
  2348. border-radius: var(--border-radius-big);
  2349. }
  2350.  
  2351. .modalTitle-37O4n6 {
  2352. padding: 16px 16px 0;
  2353. }
  2354.  
  2355. .modalSubtitle-1Pj5nv {
  2356. padding: 0 16px 16px;
  2357. border-bottom: 1px solid var(--select-color) !important;
  2358. }
  2359.  
  2360. .keyboardShortcutList-13cQ-8 {
  2361. padding: 16px;
  2362. }
  2363.  
  2364. .keyboardShortcutList-13cQ-8 .keybindGroup--6Qp-w {
  2365. padding: 0 16px 0 0;
  2366. }
  2367.  
  2368.  
  2369. /*
  2370. *
  2371. * BORDERS
  2372. *
  2373. */
  2374.  
  2375. /* BORDERS -> REMOVE BOTTOM BORDER */
  2376.  
  2377. .top-28JiJ- .item-PXvHYJ,
  2378. .searchHeader-1l-wpR .tab-2Ixsn0.selected-16te-P,
  2379. .searchHeader-1l-wpR .tab-2Ixsn0:hover,
  2380. .item-1TLUig.selected-P8xTeN,
  2381. .selectedSort-2JSohJ {
  2382. border-bottom-color: transparent !important;
  2383. }
  2384.  
  2385. /* BORDERS -> ADD NEW BOTTOM BORDER */
  2386.  
  2387. #friends .tab-bar .tab-bar-item.selected,
  2388. #friends .tab-bar .tab-bar-item.tab-bar-item-primary.selected,
  2389. .top-28JiJ- .item-PXvHYJ[style*="border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);"],
  2390. .emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.selected-39BZ4S,
  2391. .tab-bar.TOP .tab-bar-item.selected,
  2392. .searchHeader-1l-wpR .tab-2Ixsn0.selected-16te-P,
  2393. .item-1TLUig.selected-P8xTeN,
  2394. .selectedSort-2JSohJ,
  2395. .topPill-30KHOu .item-PXvHYJ.selected-3s45Ha,
  2396. .headerCellSorted-3a5AzJ .headerCellContent-1pLtOr {
  2397. position: relative !important;
  2398. }
  2399.  
  2400. .tab-bar.tabBar-2MuP6- .tabBarItem-1b8RUP.selected:after,
  2401. #friends .tab-bar .tab-bar-item.selected:after,
  2402. #friends .tab-bar .tab-bar-item.tab-bar-item-primary.selected:after,
  2403. .top-28JiJ- .item-PXvHYJ[style*="border-color: rgb(255, 255, 255)"]:after,
  2404. .emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.selected-39BZ4S:after,
  2405. .tab-bar.TOP .tab-bar-item.selected:after,
  2406. .searchHeader-1l-wpR .tab-2Ixsn0.selected-16te-P:after,
  2407. .item-1TLUig.selected-P8xTeN:after,
  2408. .selectedSort-2JSohJ:after,
  2409. .topPill-30KHOu .item-PXvHYJ.selected-3s45Ha:after,
  2410. .headerCellSorted-3a5AzJ .headerCellContent-1pLtOr:after {
  2411. position: absolute;
  2412. content: " ";
  2413. width: 90%;
  2414. height: 3px;
  2415. left: 0;
  2416. right: 0;
  2417. bottom: -2px;
  2418. margin: 0 auto;
  2419. background: #fff;
  2420. border-radius: var(--border-radius-bar) var(--border-radius-bar) 0 0;
  2421. transition: 250ms ease all;
  2422. }
  2423.  
  2424. .top-28JiJ- .item-PXvHYJ[style*="border-color: rgb(255, 255, 255)"]:after,
  2425. .tab-bar.tabBar-2MuP6- .tabBarItem-1b8RUP.selected:after,
  2426. .selectedSort-2JSohJ:after,
  2427. .headerCellSorted-3a5AzJ .headerCellContent-1pLtOr:after {
  2428. width: 100%;
  2429. }
  2430.  
  2431. .emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq:last-child {
  2432. margin: 0;
  2433. }
  2434.  
  2435. .top-28JiJ- .item-PXvHYJ[style*="border-color: rgb(255, 255, 255)"]:after,
  2436. .emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.selected-39BZ4S:after,
  2437. .topPill-30KHOu .item-PXvHYJ.selected-3s45Ha:after,
  2438. .headerCellSorted-3a5AzJ .headerCellContent-1pLtOr:after {
  2439. bottom: 0;
  2440. }
  2441.  
  2442.  
  2443. /*
  2444. *
  2445. * CARDS
  2446. *
  2447. */
  2448.  
  2449. .theme-dark .cardPrimary-ZVL9Jr,
  2450. .theme-dark .cardPrimaryEditable-3KtE4g,
  2451. .theme-dark .headerClickable-1jGUp8,
  2452. .theme-dark .headerDefault-1ajMkj,
  2453. .theme-dark .cardPrimaryOutline-29Ujqw,
  2454. .theme-dark .cardPrimary-1Hv-to,
  2455. .bd-plugin-container,
  2456. .bda-slist li,
  2457. #pubslayer .bd-server-card.bd-server-card,
  2458. .radioGroup-1GBvlr,
  2459. .card-FDVird:before {
  2460. background: var(--card-color);
  2461. border: none !important;
  2462. }
  2463.  
  2464. .card-FDVird:before {
  2465. background: var(--card-color) !important;
  2466. }
  2467.  
  2468. .cardWarning-2yPNAa {
  2469. background: var(--alert-color) !important;
  2470. border: none;
  2471. }
  2472.  
  2473. .managedNote-Nh2b_e {
  2474. padding: 16px;
  2475. }
  2476.  
  2477. .formNotice-2_hHWR,
  2478. .accountList-33MS45,
  2479. .card-VoqMMK {
  2480. padding: 0;
  2481. }
  2482.  
  2483. .formNotice-2_hHWR .formNoticeTitle-2KGjDe,
  2484. .accountList-33MS45 .h5-18_1nd,
  2485. .card-VoqMMK div:not([class]):first-child {
  2486. margin: 0;
  2487. padding: 16px;
  2488. border-bottom: 1px solid var(--card-border-color);
  2489. font-size: 1em;
  2490. color: #dcddde;
  2491. font-weight: 500;
  2492. }
  2493.  
  2494. .formNotice-2_hHWR .formNoticeBody-M4JFHP {
  2495. margin: 0;
  2496. padding: 16px;
  2497. }
  2498.  
  2499. .accountList-33MS45 .primary-jw0I4K {
  2500. padding: 4px 16px;
  2501. }
  2502.  
  2503. .accountList-33MS45 .connectedAccounts-2-XP1G {
  2504. padding: 0 16px 16px 16px;
  2505. }
  2506.  
  2507. .select-2TCrqx .Select-control {
  2508. border: none !important;
  2509. }
  2510.  
  2511. .Select .Select-menu {
  2512. padding: 8px 0 !important;
  2513. }
  2514.  
  2515. .Select .Select-option {
  2516. padding: 10px !important;
  2517. }
  2518.  
  2519. .Select .Select-option:last-child {
  2520. border-radius: 0 !important;
  2521. }
  2522.  
  2523. .Select .Select-input input {
  2524. border: none !important;
  2525. }
  2526.  
  2527. .Select-menu-outer {
  2528. animation: opacity 100ms linear, open-context-menu 300ms var(--default-animation);
  2529. transform-origin: top;
  2530. }
  2531.  
  2532. .Select-menu-outer,
  2533. .ui-select > .Select .Select-menu-outer {
  2534. box-shadow: var(--shadow-3dp) !important;
  2535. border: none !important;
  2536. }
  2537.  
  2538. .cardPrimaryEditable-3KtE4g[style="padding: 10px; border-color: rgb(114, 137, 218); background-color: rgb(114, 137, 218);"] {
  2539. background: var(--accent-color) !important;
  2540. }
  2541.  
  2542. .footer-30ewN8 {
  2543. padding: 8px;
  2544. box-shadow: none !important;
  2545. border-top: 1px solid var(--card-border-color);
  2546. }
  2547.  
  2548. .footer-30ewN8 .small-29zrCQ {
  2549. padding: 4px 8px;
  2550. }
  2551.  
  2552. .footer-30ewN8 .lookLink-9FtZy-.colorPrimary-3b3xI6,
  2553. .footer-30ewN8 .lookLink-9FtZy-.colorBrand-3pXr91,
  2554. .add-game-popout .lookLink-9FtZy-.colorGrey-2DXtkV {
  2555. margin: 0 8px 0 0 !important;
  2556. padding: 0 16px;
  2557. }
  2558.  
  2559.  
  2560. /*
  2561. *
  2562. * BUTTONS
  2563. *
  2564. */
  2565.  
  2566. .appMount-3VJmYg button,
  2567. .streamerModeEnabledBtn-2ZJ2eq {
  2568. transition: 200ms ease all;
  2569. }
  2570.  
  2571. .lookInverted-2D7oAl.colorBrand-3pXr91,
  2572. .buttonRedOutlined-2t9fm_,
  2573. .lookLink-9FtZy-.colorBrand-3pXr91 {
  2574. color: #fff !important;
  2575. }
  2576.  
  2577. .lookFilled-1Gx00P,
  2578. .sizeXlarge-2yFAlZ,
  2579. .sizeLarge-1vSeWK,
  2580. .sizeMin-1mJd1x,
  2581. .sizeMedium-1AC_Sl,
  2582. .modal-1UGdnR .button-3k0cO7,
  2583. .gamePreview-9weYR2 .sizeLarge-1vSeWK,
  2584. .iconButtonSize-U9SCYe,
  2585. .button-3To2tQ.buttonSize-DbrWhv,
  2586. .uploadModal-2ifh8j .footer-3mqk7D .button,
  2587. .actionButton-2PeQbJ,
  2588. .cancelButton-RGXhAE,
  2589. .backButton-25HgIF,
  2590. .channelNotices-41mJbj .channelNotice-1-XFjC .message-3SOT5P .btn-11C5_u,
  2591. .oauth2Authorize-1i7dh_ .authorizeInner-2_0fZk footer button,
  2592. .btn-15Au6M,
  2593. .bd-modal-wrapper .footer button {
  2594. width: auto !important;
  2595. min-width: 36px !important;
  2596. max-width: auto !important;
  2597. min-height: 36px;
  2598. height: 36px !important;
  2599. padding: 0 16px !important;
  2600. border-radius: var(--border-radius) !important;
  2601. border: none !important;
  2602. font-size: 16px !important;
  2603. text-transform: capitalize !important;
  2604. flex: 0 1 auto !important;
  2605. }
  2606.  
  2607. .sizeXlarge-2yFAlZ {
  2608. font-size: 14px !important;
  2609. }
  2610.  
  2611. .contents-18-Yxp,
  2612. .buttonText-13IoY7,
  2613. .buttonText-2DJbpf {
  2614. width: auto !important;
  2615. margin: 0 !important;
  2616. padding: 0 !important;
  2617. }
  2618.  
  2619. .modal-1UGdnR .button-3k0cO7 {
  2620. min-width: 0 !important;
  2621. max-width: 100% !important;
  2622. width: auto !important;
  2623. left: 0;
  2624. right: 0;
  2625. margin: 0 auto;
  2626. padding: 0 16px !important;
  2627. }
  2628.  
  2629. .streamerModeEnabledBtn-2ZJ2eq {
  2630. padding: 8px 16px;
  2631. line-height: 1em;
  2632. font-size: 1em;
  2633. font-weight: 500;
  2634. text-transform: none;
  2635. }
  2636.  
  2637. .sizeSmall-2cSMqn,
  2638. .sizeMedium-1AC_Sl {
  2639. width: auto !important;
  2640. min-width: 36px !important;
  2641. height: 36px !important;
  2642. min-height: 36px !important;
  2643. padding: 0 16px !important;
  2644. flex: 0 1 auto !important;
  2645. }
  2646.  
  2647. /* BUTTONS -> SHADOWS */
  2648.  
  2649. .lookFilled-1Gx00P.colorPrimary-3b3xI6,
  2650. .lookFilled-luDKDo.colorGreen-22At8E,
  2651. .lookFilled-1Gx00P.colorGreen-29iAKY,
  2652. .lookFilled-luDKDo.colorBrand-3PmwCE,
  2653. .lookFilled-1Gx00P.colorBrand-3pXr91,
  2654. .lookFilled-1Gx00P.colorRed-1TFJan,
  2655. .lookFilled-1Gx00P.colorWhite-rEQuAQ,
  2656. .lookOutlined-3sRXeN.colorPrimary-3b3xI6,
  2657. .lookOutlined-3sRXeN.colorWhite-rEQuAQ,
  2658. .lookOutlined-3sRXeN.colorGreen-29iAKY,
  2659. .lookOutlined-3sRXeN.colorBrand-3pXr91,
  2660. .lookOutlined-3sRXeN.colorRed-1TFJan,
  2661. .lookGhost-2Fn_0-.colorWhite-rEQuAQ,
  2662. .lookGhost-2Fn_0-.colorGrey-2DXtkV,
  2663. .lookInverted-2D7oAl.colorBrand-3pXr91,
  2664. .copyInput-2rOSt7 .button-38qaLQ,
  2665. .topSectionXbox-3fWLjS button,
  2666. .uploadModal-2ifh8j .footer-3mqk7D .button-primary,
  2667. .button-1MICoQ,
  2668. .shareButton-3w0M74,
  2669. .ui-standard-sidebar-view .bda-slist li button,
  2670. .ui-standard-sidebar-view .bda-slist .bda-footer .bda-settings-button,
  2671. .bda-slist .bda-footer button,
  2672. #bd-settingspane-container .bda-slist .plugin-settings button,
  2673. .topSectionSpotify-1lI0-P button,
  2674. .topSectionStreaming-1Tpf5X button,
  2675. .headerStreaming-lmgoma button,
  2676. .topSectionSpotify-1lI0-P .lookOutlined-3sRXeN.colorWhite-rEQuAQ,
  2677. .topSectionStreaming-1Tpf5X .lookOutlined-3sRXeN.colorWhite-rEQuAQ,
  2678. .lookFilled-1Gx00P.headerButtonColor-G7_f-V,
  2679. .standardSidebarView-3F1I7i #bd-customcss-attach-controls button,
  2680. .actionRed-gYn8D3.lookFilled-1Gx00P,
  2681. .actionButton-2PeQbJ,
  2682. .oauth2Authorize-1i7dh_ .authorizeInner-2_0fZk footer button.primary-2wY41T,
  2683. .header-QKLPzZ .lookFilled-1Gx00P.colorGrey-2DXtkV,
  2684. .footer-3J5oP4 .lookFilled-1Gx00P.colorGrey-2DXtkV,
  2685. .footer-3J5oP4 .lookOutlined-3sRXeN.colorGrey-2DXtkV,
  2686. .jumpButton-Ia2hRJ,
  2687. .jumpButton-3DTcS_,
  2688. .channelNotices-41mJbj .channelNotice-1-XFjC .message-3SOT5P .btn-11C5_u,
  2689. .btn-15Au6M.btnPrimary-ggBniE,
  2690. .bd-modal-wrapper .footer button {
  2691. box-shadow: var(--shadow-button) !important;
  2692. border-radius: var(--border-radius) !important;
  2693. transition: opacity 200ms ease, box-shadow 280ms cubic-bezier(0.4,0,0.2,1), background 200ms ease !important;
  2694. }
  2695.  
  2696. .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover,
  2697. .lookFilled-luDKDo.colorGreen-22At8E:hover,
  2698. .lookFilled-1Gx00P.colorGreen-29iAKY:hover,
  2699. .lookFilled-luDKDo.colorBrand-3PmwCE:hover,
  2700. .lookFilled-1Gx00P.colorBrand-3pXr91:hover,
  2701. .lookFilled-1Gx00P.colorRed-1TFJan:hover,
  2702. .lookFilled-1Gx00P.colorWhite-rEQuAQ:hover,
  2703. .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover,
  2704. .lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover,
  2705. .lookOutlined-3sRXeN.colorGreen-29iAKY:hover,
  2706. .lookOutlined-3sRXeN.colorBrand-3pXr91:hover,
  2707. .lookOutlined-3sRXeN.colorRed-1TFJan:hover,
  2708. .lookGhost-2Fn_0-.colorWhite-rEQuAQ:hover,
  2709. .lookGhost-2Fn_0-.colorGrey-2DXtkV:hover,
  2710. .lookInverted-2D7oAl.colorBrand-3pXr91:hover,
  2711. .copyInput-2rOSt7 .button-38qaLQ:hover,
  2712. .topSectionXbox-3fWLjS button:hover,
  2713. .uploadModal-2ifh8j .footer-3mqk7D .button-primary:hover,
  2714. .button-1MICoQ:hover,
  2715. .shareButton-3w0M74:hover,
  2716. .ui-standard-sidebar-view .bda-slist li button:hover,
  2717. .ui-standard-sidebar-view .bda-slist .bda-footer .bda-settings-button:hover,
  2718. .bda-slist .bda-footer button:hover,
  2719. #bd-settingspane-container .bda-slist .plugin-settings button:hover,
  2720. .topSectionSpotify-1lI0-P button:hover,
  2721. .topSectionStreaming-1Tpf5X button:hover,
  2722. .headerStreaming-lmgoma button:hover,
  2723. .topSectionSpotify-1lI0-P .lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover,
  2724. .topSectionStreaming-1Tpf5X .lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover,
  2725. .lookFilled-1Gx00P.headerButtonColor-G7_f-V:hover,
  2726. .standardSidebarView-3F1I7i #bd-customcss-attach-controls button:hover,
  2727. .actionRed-gYn8D3.lookFilled-1Gx00P:hover,
  2728. .actionButton-2PeQbJ:hover,
  2729. .oauth2Authorize-1i7dh_ .authorizeInner-2_0fZk footer button.primary-2wY41T:hover,
  2730. .header-QKLPzZ .lookFilled-1Gx00P.colorGrey-2DXtkV:hover,
  2731. .footer-3J5oP4 .lookFilled-1Gx00P.colorGrey-2DXtkV:hover,
  2732. .footer-3J5oP4 .lookOutlined-3sRXeN.colorGrey-2DXtkV:hover,
  2733. .jumpButton-Ia2hRJ:hover,
  2734. .jumpButton-3DTcS_:hover,
  2735. .channelNotices-41mJbj .channelNotice-1-XFjC .message-3SOT5P .btn-11C5_u:hover,
  2736. .btn-15Au6M.btnPrimary-ggBniE:hover,
  2737. .bd-modal-wrapper .footer button:hover {
  2738. box-shadow: var(--shadow-button-hover) !important;
  2739. }
  2740.  
  2741. .lookFilled-1Gx00P.colorPrimary-3b3xI6:active,
  2742. .lookFilled-luDKDo.colorGreen-22At8E:active,
  2743. .lookFilled-1Gx00P.colorGreen-29iAKY:active,
  2744. .lookFilled-luDKDo.colorBrand-3PmwCE:active,
  2745. .lookFilled-1Gx00P.colorBrand-3pXr91:active,
  2746. .lookFilled-1Gx00P.colorRed-1TFJan:active,
  2747. .lookFilled-1Gx00P.colorWhite-rEQuAQ:active,
  2748. .lookOutlined-3sRXeN.colorPrimary-3b3xI6:active,
  2749. .lookOutlined-3sRXeN.colorWhite-rEQuAQ:active,
  2750. .lookOutlined-3sRXeN.colorGreen-29iAKY:active,
  2751. .lookOutlined-3sRXeN.colorBrand-3pXr91:active,
  2752. .lookOutlined-3sRXeN.colorRed-1TFJan:active,
  2753. .lookGhost-2Fn_0-.colorWhite-rEQuAQ:active,
  2754. .lookGhost-2Fn_0-.colorGrey-2DXtkV:active,
  2755. .lookInverted-2D7oAl.colorBrand-3pXr91:active,
  2756. .copyInput-2rOSt7 .button-38qaLQ:active,
  2757. .topSectionXbox-3fWLjS button:active,
  2758. .uploadModal-2ifh8j .footer-3mqk7D .button-primary:active,
  2759. .button-1MICoQ:active,
  2760. .shareButton-3w0M74:active,
  2761. .ui-standard-sidebar-view .bda-slist li button:active,
  2762. .ui-standard-sidebar-view .bda-slist .bda-footer .bda-settings-button:active,
  2763. .bda-slist .bda-footer button:active,
  2764. #bd-settingspane-container .bda-slist .plugin-settings button:active,
  2765. .topSectionSpotify-1lI0-P button:active,
  2766. .topSectionStreaming-1Tpf5X button:active,
  2767. .headerStreaming-lmgoma button:active,
  2768. .topSectionSpotify-1lI0-P .lookOutlined-3sRXeN.colorWhite-rEQuAQ:active,
  2769. .topSectionStreaming-1Tpf5X .lookOutlined-3sRXeN.colorWhite-rEQuAQ:active,
  2770. .lookFilled-1Gx00P.headerButtonColor-G7_f-V:active,
  2771. .standardSidebarView-3F1I7i #bd-customcss-attach-controls button:active,
  2772. .actionRed-gYn8D3.lookFilled-1Gx00P:active,
  2773. .actionButton-2PeQbJ:active,
  2774. .oauth2Authorize-1i7dh_ .authorizeInner-2_0fZk footer button.primary-2wY41T:active,
  2775. .footer-3J5oP4 .lookFilled-1Gx00P.colorGrey-2DXtkV:active,
  2776. .footer-3J5oP4 .lookOutlined-3sRXeN.colorGrey-2DXtkV:active,
  2777. .jumpButton-Ia2hRJ:active,
  2778. .jumpButton-3DTcS_:active,
  2779. .channelNotices-41mJbj .channelNotice-1-XFjC .message-3SOT5P .btn-11C5_u:active
  2780. .btn-15Au6M.btnPrimary-ggBniE:active,
  2781. .bd-modal-wrapper .footer button:active/*,
  2782. .header-QKLPzZ .lookFilled-1Gx00P.colorGrey-2DXtkV:acitve*/ {
  2783. box-shadow: var(--shadow-button-active) !important;
  2784. }
  2785.  
  2786. /* BUTTONS -> BOX SHADOWS -> REMOVE */
  2787.  
  2788. .lookOutlined-3sRXeN.colorPrimary-3b3xI6,
  2789. .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover,
  2790. .lookOutlined-3sRXeN.colorPrimary-3b3xI6:active,
  2791. .container-2VW0UT .colorGreen-29iAKY,
  2792. .container-2VW0UT .colorGreen-29iAKY:hover,
  2793. .container-2VW0UT .colorGreen-29iAKY:active {
  2794. box-shadow: none !important;
  2795. }
  2796.  
  2797. /* BUTTONS -> ACCENT */
  2798.  
  2799. .lookFilled-1Gx00P.colorWhite-rEQuAQ,
  2800. .lookInverted-2D7oAl.colorBrand-3pXr91,
  2801. .oauth2Authorize-1i7dh_ .authorizeInner-2_0fZk footer button.primary-2wY41T,
  2802. .footer-3J5oP4 .lookFilled-1Gx00P.colorGrey-2DXtkV,
  2803. .footer-3J5oP4 .lookOutlined-3sRXeN.colorGrey-2DXtkV,
  2804. .btn-15Au6M.btnPrimary-ggBniE,
  2805. .bd-modal-wrapper .footer button {
  2806. background: var(--accent-color) !important;
  2807. border: none !important;
  2808. color: #fff !important;
  2809. }
  2810.  
  2811. .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover,
  2812. .lookFilled-luDKDo.colorGreen-22At8E:hover,
  2813. .lookFilled-1Gx00P.colorGreen-29iAKY:hover,
  2814. .lookFilled-luDKDo.colorBrand-3PmwCE:hover,
  2815. .lookFilled-1Gx00P.colorBrand-3pXr91:hover,
  2816. .lookFilled-1Gx00P.colorRed-1TFJan:hover,
  2817. .lookFilled-1Gx00P.colorWhite-rEQuAQ:hover,
  2818. .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover,
  2819. .lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover,
  2820. .lookOutlined-3sRXeN.colorGreen-29iAKY:hover,
  2821. .lookOutlined-3sRXeN.colorBrand-3pXr91:hover,
  2822. .lookGhost-GyT-k0.colorGrey-4JijJ1:hover,
  2823. .lookGhost-2Fn_0-.colorGrey-2DXtkV:hover,
  2824. .lookInverted-2D7oAl.colorBrand-3pXr91:hover,
  2825. .button-1MICoQ:hover,
  2826. .btn-11C5_u:hover,
  2827. .headerButtonColor-G7_f-V:hover,
  2828. .streamerModeEnabledBtn-2ZJ2eq:hover,
  2829. .uploadModal-2ifh8j .footer-3mqk7D .button-primary:hover,
  2830. .ui-standard-sidebar-view .bda-slist li button:hover,
  2831. .bda-slist .bda-footer button:hover,
  2832. #bd-settingspane-container .bda-slist .plugin-settings button:hover,
  2833. .actionButton-2PeQbJ:hover,
  2834. .oauth2Authorize-1i7dh_ .authorizeInner-2_0fZk footer button.primary-2wY41T:hover,
  2835. .footer-3J5oP4 .lookFilled-1Gx00P.colorGrey-2DXtkV:hover,
  2836. .footer-3J5oP4 .lookOutlined-3sRXeN.colorGrey-2DXtkV:hover,
  2837. .channelNotices-41mJbj .channelNotice-1-XFjC .message-3SOT5P .btn-11C5_u:hover,
  2838. .btn-15Au6M.btnPrimary-ggBniE:hover,
  2839. .bd-modal-wrapper .footer button:hover {
  2840. background: var(--accent-color-hover) !important;
  2841. }
  2842.  
  2843. .lookFilled-1Gx00P.colorPrimary-3b3xI6:active,
  2844. .lookFilled-luDKDo.colorGreen-22At8E:active,
  2845. .lookFilled-1Gx00P.colorGreen-29iAKY:active,
  2846. .lookFilled-luDKDo.colorBrand-3PmwCE:active,
  2847. .lookFilled-1Gx00P.colorBrand-3pXr91:active,
  2848. .lookFilled-1Gx00P.colorRed-1TFJan:active,
  2849. .lookFilled-1Gx00P.colorWhite-rEQuAQ:active,
  2850. .lookOutlined-3sRXeN.colorPrimary-3b3xI6:active,
  2851. .lookOutlined-3sRXeN.colorWhite-rEQuAQ:active,
  2852. .lookOutlined-3sRXeN.colorGreen-29iAKY:active,
  2853. .lookOutlined-3sRXeN.colorBrand-3pXr91:active,
  2854. .lookGhost-GyT-k0.colorGrey-4JijJ1:active,
  2855. .lookGhost-2Fn_0-.colorGrey-2DXtkV:active,
  2856. .lookInverted-2D7oAl.colorBrand-3pXr91:active,
  2857. .button-1MICoQ:active,
  2858. .btn-11C5_u:active,
  2859. .headerButtonColor-G7_f-V:active,
  2860. .streamerModeEnabledBtn-2ZJ2eq:active,
  2861. .uploadModal-2ifh8j .footer-3mqk7D .button-primary:active,
  2862. .ui-standard-sidebar-view .bda-slist li button:active,
  2863. .bda-slist .bda-footer button:active,
  2864. #bd-settingspane-container .bda-slist .plugin-settings button:hover,
  2865. .actionButton-2PeQbJ:active,
  2866. .oauth2Authorize-1i7dh_ .authorizeInner-2_0fZk footer button.primary-2wY41T:active,
  2867. .footer-3J5oP4 .lookFilled-1Gx00P.colorGrey-2DXtkV:active,
  2868. .footer-3J5oP4 .lookOutlined-3sRXeN.colorGrey-2DXtkV:active,
  2869. .channelNotices-41mJbj .channelNotice-1-XFjC .message-3SOT5P .btn-11C5_u:active,
  2870. .btn-15Au6M.btnPrimary-ggBniE:active,
  2871. .bd-modal-wrapper .footer button:active {
  2872. background: var(--accent-color-active) !important;
  2873. }
  2874.  
  2875. /* BUTTONS -> ALERT */
  2876.  
  2877. .actionRed-gYn8D3,
  2878. .buttonRedOutlined-2t9fm_,
  2879. .lookOutlined-1c5nhl.colorRed-3HTNPV,
  2880. .lookOutlined-3sRXeN.colorRed-1TFJan,
  2881. .lookFilled-1Gx00P.colorRed-1TFJan,
  2882. .lookFilled-1Gx00P.colorRed-1TFJan:hover,
  2883. .header-QKLPzZ .lookFilled-1Gx00P.colorGrey-2DXtkV {
  2884. background: var(--alert-color) !important;
  2885. border: none;
  2886. color: #fff !important;
  2887. cursor: pointer;
  2888. }
  2889.  
  2890. .actionRed-gYn8D3:hover,
  2891. .lookOutlined-3sRXeN.colorRed-1TFJan:hover,
  2892. .lookFilled-1Gx00P.colorRed-1TFJan:hover,
  2893. .header-QKLPzZ .lookFilled-1Gx00P.colorGrey-2DXtkV:hover {
  2894. background: var(--alert-color-hover) !important;
  2895. }
  2896.  
  2897. .actionRed-gYn8D3:active,
  2898. .lookOutlined-3sRXeN.colorRed-1TFJan:active,
  2899. .lookFilled-1Gx00P.colorRed-1TFJan:active,
  2900. .header-QKLPzZ .lookFilled-1Gx00P.colorGrey-2DXtkV:active {
  2901. background: var(--alert-color-active) !important;
  2902. }
  2903.  
  2904. /* BUTTONS -> TRANSPARENT */
  2905.  
  2906. .lookOutlined-3sRXeN.colorPrimary-3b3xI6,
  2907. .action-yrVND8.sizeLarge-1vSeWK:first-child,
  2908. .oauth2Authorize-1i7dh_ .authorizeInner-2_0fZk footer button:not(.primary-2wY41T),
  2909. .btn-15Au6M.btnDefault-1NwU30 {
  2910. background: transparent !important;
  2911. transition: 250ms ease background;
  2912. box-shadow: none !important;
  2913. }
  2914.  
  2915. .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover,
  2916. .lookLink-9FtZy-:hover,
  2917. .uploadModal-2ifh8j .footer-3mqk7D .button:not(.colorBrand-3pXr91):first-child:hover,
  2918. .uploadModal-2ifh8j .footer-3mqk7D .button:not(.colorBrand-3pXr91):hover,
  2919. .action-yrVND8.sizeLarge-1vSeWK:first-child:hover,
  2920. .cancelButton-RGXhAE:hover,
  2921. .oauth2Authorize-1i7dh_ .authorizeInner-2_0fZk footer button:not(.primary-2wY41T):hover,
  2922. .btn-15Au6M.btnDefault-1NwU30:hover {
  2923. background: rgba(255,255,255,0.025) !important;
  2924. }
  2925.  
  2926. .lookOutlined-3sRXeN.colorPrimary-3b3xI6:active,
  2927. .lookLink-9FtZy-:active,
  2928. .uploadModal-2ifh8j .footer-3mqk7D .button:not(.colorBrand-3pXr91):first-child:active:hover,
  2929. .action-yrVND8.sizeLarge-1vSeWK:first-child:hover:active,
  2930. .cancelButton-RGXhAE:active,
  2931. .oauth2Authorize-1i7dh_ .authorizeInner-2_0fZk footer button:not(.primary-2wY41T):active,
  2932. .btn-15Au6M.btnDefault-1NwU30:active {
  2933. background: rgba(255,255,255,0.075) !important;
  2934. }
  2935.  
  2936. /* BUTTONS -> DISABLED */
  2937.  
  2938. .lookOutlined-1c5nhl.colorWhite-1IbOTe,
  2939. .lookOutlined-1c5nhl.colorPrimary-2KuK5O,
  2940. .lookFilled-1Gx00P.colorGreen-29iAKY:disabled,
  2941. .lookFilled-1Gx00P.colorGrey-2DXtkV,
  2942. #pubslayer button[style*="background-color: rgb(58, 193, 92);"],
  2943. .bda-slist .bda-footer button:disabled,
  2944. #bd-settingspane-container .bda-slist .plugin-settings button:disabled,
  2945. .button-38aScr:disabled,
  2946. .buttonColorInGuild-2hfayS,
  2947. .lookFilled-1Gx00P.colorBrand-3pXr91:disabled,
  2948. .wrapper-35wsBm .lookOutlined-3sRXeN.colorPrimary-3b3xI6,
  2949. .btn-15Au6M.btnPrimary-ggBniE[disabled] {
  2950. background: var(--hover-color) !important;
  2951. border: none !important;
  2952. box-shadow: none !important;
  2953. color: #888 !important;
  2954. cursor: auto;
  2955. }
  2956.  
  2957. .button-38aScr:disabled {
  2958. background: rgba(255,255,255,0.1) !important;
  2959. }
  2960.  
  2961. .lookFilled-1Gx00P.colorBrand-3pXr91,
  2962. .lookFilled-1Gx00P.colorBrand-3pXr91:hover {
  2963. opacity: 1 !important;
  2964. }
  2965.  
  2966. .lookFilled-1Gx00P.colorBrand-3pXr91:active {
  2967. background: var(--accent-color-active) !important;
  2968. opacity: 1 !important;
  2969. }
  2970.  
  2971. .lookLink-9FtZy- .contents-18-Yxp {
  2972. margin: 0 !important;
  2973. }
  2974.  
  2975. .contents-18-Yxp {
  2976. font-size: 15px !important;
  2977. }
  2978.  
  2979. .lookLink-9FtZy-.colorBrand-3pXr91:hover .contents-18-Yxp,
  2980. .lookLink-9FtZy-.colorPrimary-3b3xI6:hover .contents-18-Yxp,
  2981. .lookLink-9FtZy-.colorRed-1TFJan:hover .contents-18-Yxp,
  2982. .lookLink-9FtZy-.colorGrey-2DXtkV:hover .contents-18-Yxp,
  2983. .lookLink-9FtZy-.colorWhite-rEQuAQ:hover .contents-18-Yxp {
  2984. background-image: none !important;
  2985. }
  2986.  
  2987. .topSectionSpotify-1lI0-P .lookOutlined-3sRXeN.colorWhite-rEQuAQ,
  2988. .topSectionStreaming-1Tpf5X .lookOutlined-3sRXeN.colorWhite-rEQuAQ {
  2989. height: 36px !important;
  2990. background: #fff !important;
  2991. }
  2992.  
  2993. .topSectionSpotify-1lI0-P .lookOutlined-3sRXeN.colorWhite-rEQuAQ {
  2994. color: var(--spotify-color) !important;
  2995. }
  2996.  
  2997. .topSectionStreaming-1Tpf5X .lookOutlined-1c5nhl.colorWhite-1IbOTe {
  2998. color: var(--stream-color) !important;
  2999. }
  3000.  
  3001. .topSectionSpotify-3744IX .lookOutlined-1c5nhl.colorWhite-1IbOTe.disabled-uc2Cqc,
  3002. .topSectionStreaming-1Tpf5X .lookOutlined-1c5nhl.colorWhite-1IbOTe.disabled-uc2Cqc {
  3003. box-shadow: none !important;
  3004. }
  3005.  
  3006. button[disabled],
  3007. .buttonGreyFilled-3qPP_J {
  3008. box-shadow: none !important;
  3009. }
  3010.  
  3011. .buttonGreyFilled-3qPP_J {
  3012. background: #444;
  3013. color: #888;
  3014. }
  3015.  
  3016. .accountBtnInner-sj5jLs {
  3017. border: none; !ime-mode:
  3018. }
  3019.  
  3020. .closeButton-1tv5uR {
  3021. position: relative !important;
  3022. width: 36px !important;
  3023. height: 36px !important;
  3024. border: none !important;
  3025. }
  3026.  
  3027. .closeButton-1tv5uR:hover {
  3028. background: transparent !important;
  3029. }
  3030.  
  3031. .closeButton-1tv5uR:active {
  3032. transform: translateY(0) !important;
  3033. }
  3034.  
  3035. .horizontal-1ae9ci > .flex-1xMQg5,
  3036. .horizontal-1ae9ci > .flexChild-faoVW3 {
  3037. margin-left: 4px;
  3038. margin-right: 5px;
  3039. }
  3040.  
  3041.  
  3042. /*
  3043. *
  3044. * MD RIPPLE
  3045. *
  3046. */
  3047.  
  3048. .button-2b6hmh:after,
  3049. .attachButton-Di6YUh:after,
  3050. .button-s03oPN:after,
  3051. .button-2JbWXs:after,
  3052. .dismiss-SCAH9H:after,
  3053. .dismiss-1QjyJW:after,
  3054. .iconSpacing-3JkGQO:after,
  3055. .iconItem-1-bXkn:after,
  3056. .privateChannels-1nO12o .channel-2QD9_O .close:after,
  3057. .iconWrapper-2OrFZ1.clickable-3rdHwn:after,
  3058. .jumpToPresentBar-9P20AM:before,
  3059. .connectionDelete-2Odoln:after,
  3060. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .form-actions .advanced-26tKjg:after,
  3061. .closeButton-1tv5uR:after,
  3062. .guilds-wrapper .guilds-add-inner:after,
  3063. .iconButtonStatic-2cPMA6:after,
  3064. .iconButtonDefault-2cKx7-:not(.unavailable):after,
  3065. .attachment-33OFj0 a:not(.fileNameLink-9GuxCo):after,
  3066. .checkbox-1ix_J3:after,
  3067. .overlay-toggle-icon:after,
  3068. .button-mM-y8i:after,
  3069. .bf-toolbar .format:after,
  3070. .arrowContainer-10m4Cy:after,
  3071. .arrowHitbox-2_hxtQ:after,
  3072. .channelNotices-41mJbj .channelNotice-1-XFjC .close-relY5R:after,
  3073. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:after,
  3074. .operations-36ENbA .anchor-3Z-8Bb:after,
  3075. .addButton-1BORro:after,
  3076. .header-bZdm0X .button-38aScr:not(.lookFilled-1Gx00P):after,
  3077. .headerActions-3w_xT- .button-38aScr:not(.lookFilled-1Gx00P):after,
  3078. .metadataDownload-1fk90V:after,
  3079. .image-gallery .imageWrapper-2p5ogY.prev:after,
  3080. .image-gallery .imageWrapper-2p5ogY.next:after,
  3081. .headerBar-UHpsPw .back-2Z4ATs:after,
  3082. .close-3hZ5Ni:after,
  3083. .link-2T7oYD:after,
  3084. .pageButton-MknE-_.endButton-3wGL3C:not([disabled]):after {
  3085. content: " ";
  3086. position: absolute;
  3087. width: 100%;
  3088. height: 100%;
  3089. top: 0;
  3090. left: 0;
  3091. border-radius: 50%;
  3092. background: rgba(255,255,255,0.1);
  3093. opacity: 0 !important;
  3094. pointer-events: none;
  3095. transform: scale(1.2);
  3096. transition: 300ms ease;
  3097. z-index: 4;
  3098. }
  3099.  
  3100. .platform-web .base-3AoPqv {
  3101. border-radius: 0 !important;
  3102. }
  3103.  
  3104. /* MD RIPPLE -> HOVER */
  3105.  
  3106. .button-2b6hmh:hover:after,
  3107. .iconButtonStatic-2cPMA6:hover:after,
  3108. .closeButton-1tv5uR:hover:after,
  3109. .attachment-33OFj0 a:not(.fileNameLink-9GuxCo):hover:after,
  3110. .connectionDelete-2Odoln:hover:after,
  3111. .iconSpacing-3JkGQO:hover:after,
  3112. .iconItem-1-bXkn:hover:after,
  3113. .privateChannels-1nO12o .channel-2QD9_O .close:hover:after,
  3114. .iconWrapper-2OrFZ1.clickable-3rdHwn:hover:after,
  3115. .button-s03oPN:hover:after,
  3116. .button-2JbWXs:hover:after,
  3117. .dismiss-SCAH9H:hover:after,
  3118. .iconButtonDefault-2cKx7-:not(.unavailable):hover:after,
  3119. .overlay-toggle-icon:hover:after,
  3120. .button-mM-y8i:hover:after,
  3121. .bf-toolbar .format:hover:after,
  3122. .channelNotices-41mJbj .channelNotice-1-XFjC .close-relY5R:hover:after,
  3123. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:hover:after,
  3124. .operations-36ENbA .anchor-3Z-8Bb:hover:after,
  3125. .addButton-1BORro:hover:after,
  3126. .header-bZdm0X .button-38aScr:not(.lookFilled-1Gx00P):hover:after,
  3127. .headerActions-3w_xT- .button-38aScr:not(.lookFilled-1Gx00P):hover:after,
  3128. .metadataDownload-1fk90V:hover:after,
  3129. .headerBar-UHpsPw .back-2Z4ATs:hover:after,
  3130. .close-3hZ5Ni:hover:after,
  3131. .link-2T7oYD:hover:after {
  3132. opacity: 1 !important;
  3133. transform: scale(1.2);
  3134. animation: scale 150ms var(--default-animation), opacity 150ms ease;
  3135. }
  3136.  
  3137. .button-2b6hmh:active:after,
  3138. .iconButtonStatic-2cPMA6:active:after,
  3139. .closeButton-1tv5uR:active:after,
  3140. .attachment-33OFj0 a:not(.fileNameLink-9GuxCo):active:after,
  3141. .connectionDelete-2Odoln:active:after,
  3142. .iconSpacing-3JkGQO:active:after,
  3143. .iconItem-1-bXkn:active:after,
  3144. .privateChannels-1nO12o .channel-2QD9_O .close:active:after,
  3145. .iconWrapper-2OrFZ1.clickable-3rdHwn:active:after,
  3146. .button-s03oPN:active:after,
  3147. .button-2JbWXs:active:after,
  3148. .iconButtonDefault-2cKx7-:not(.unavailable):active:after,
  3149. .overlay-toggle-icon:active:after,
  3150. .button-mM-y8i:active:after,
  3151. .bf-toolbar .format:active:after,
  3152. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:active:after,
  3153. .operations-36ENbA .anchor-3Z-8Bb:active:after,
  3154. .addButton-1BORro:active:after,
  3155. .header-bZdm0X .button-38aScr:not(.lookFilled-1Gx00P):active:after,
  3156. .headerActions-3w_xT- .button-38aScr:not(.lookFilled-1Gx00P):active:after,
  3157. .metadataDownload-1fk90V:active:after,
  3158. .headerBar-UHpsPw .back-2Z4ATs:active:after,
  3159. .close-3hZ5Ni:active:after,
  3160. .link-2T7oYD:active:after {
  3161. background: rgba(255,255,255,0.2);
  3162. }
  3163.  
  3164. .dismiss-SCAH9H:active:after {
  3165. background: rgba(255,255,255,0.35);
  3166. }
  3167.  
  3168. /* MD RIPPLE -> CLICK */
  3169.  
  3170. .attachButton-Di6YUh:active:after,
  3171. .dismiss-1QjyJW:active:after,
  3172. .jumpToPresentBar-9P20AM:active:before,
  3173. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .form-actions .advanced-26tKjg:active:after,
  3174. .guilds-wrapper .guilds-add-inner:active:after,
  3175. .radioGroup-1GBvlr .item-26Dhrx:active .checkbox-1ix_J3:after,
  3176. .arrowContainer-10m4Cy:active:after,
  3177. .arrowHitbox-2_hxtQ:active:after,
  3178. .channelNotices-41mJbj .channelNotice-1-XFjC .close-relY5R:active:after,
  3179. .image-gallery .imageWrapper-2p5ogY.prev:active:after,
  3180. .image-gallery .imageWrapper-2p5ogY.next:active:after,
  3181. .pageButton-MknE-_.endButton-3wGL3C:not([disabled]):active:after {
  3182. opacity: 1 !important;
  3183. transform: scale(1.2);
  3184. animation: scale 150ms var(--default-animation), opacity 150ms ease;
  3185. }
  3186.  
  3187. .privateChannels-1nO12o .channel-2QD9_O .close:after,
  3188. .privateChannels-1nO12o .channel-2QD9_O .close:hover:after {
  3189. top: 0;
  3190. left: 0;
  3191. transform: scale(1.75);
  3192. }
  3193.  
  3194. .iconWrapper-2OrFZ1.clickable-3rdHwn:after,
  3195. .iconWrapper-2OrFZ1.clickable-3rdHwn:hover:after,
  3196. .link-2T7oYD:after,
  3197. .link-2T7oYD:hover:after {
  3198. transform: scale(1.4);
  3199. }
  3200.  
  3201. .button-mM-y8i:after,
  3202. .button-mM-y8i:hover:after,
  3203. .button-2JbWXs:after,
  3204. .button-2JbWXs:hover:after {
  3205. top: 0;
  3206. left: 0;
  3207. transform: scale(1);
  3208. }
  3209.  
  3210. .jumpToPresentBar-9P20AM:before,
  3211. .jumpToPresentBar-9P20AM:active:before {
  3212. transform: scale(1);
  3213. }
  3214.  
  3215. .dismiss-SCAH9H:after,
  3216. .dismiss-1QjyJW:after {
  3217. background: rgba(255,255,255,0.25);
  3218. }
  3219.  
  3220. .dismiss-SCAH9H:after,
  3221. .dismiss-SCAH9H:hover:after,
  3222. .dismiss-1QjyJW:after,
  3223. .dismiss-1QjyJW:active:after,
  3224. .guilds-wrapper .guilds-add-inner:after,
  3225. .guilds-wrapper .guilds-add-inner:active:after,
  3226. .attachment-33OFj0 a:not(.fileNameLink-9GuxCo):after,
  3227. .attachment-33OFj0 a:not(.fileNameLink-9GuxCo):active:after,
  3228. .overlay-toggle-icon:after,
  3229. .overlay-toggle-icon:hover:after,
  3230. .pageButton-MknE-_.endButton-3wGL3C:not([disabled]):after,
  3231. .pageButton-MknE-_.endButton-3wGL3C:not([disabled]):active:after {
  3232. left: 0;
  3233. transform: scale(1);
  3234. }
  3235.  
  3236. .dismiss-SCAH9H:after,
  3237. .dismiss-SCAH9H:hover:after {
  3238. transform: scale(0.9);
  3239. }
  3240.  
  3241. .attachment-33OFj0 a:not(.fileNameLink-9GuxCo):after,
  3242. .attachment-33OFj0 a:not(.fileNameLink-9GuxCo):hover:after,
  3243. .metadataDownload-1fk90V:after,
  3244. .metadataDownload-1fk90V:hover:after {
  3245. transform: scale(1.3);
  3246. }
  3247.  
  3248. .overlay-toggle-icon:after,
  3249. .overlay-toggle-icon:hover:after {
  3250. transform: scale(1.3332);
  3251. }
  3252.  
  3253. .bf-toolbar .format:after,
  3254. .bf-toolbar .format:hover:after {
  3255. left: 3px;
  3256. transform: scale(1.2);
  3257. }
  3258.  
  3259. .arrowContainer-10m4Cy:after,
  3260. .arrowContainer-10m4Cy:active:after,
  3261. .arrowHitbox-2_hxtQ:after,
  3262. .arrowHitbox-2_hxtQ:active:after,
  3263. .image-gallery .imageWrapper-2p5ogY.prev:after,
  3264. .image-gallery .imageWrapper-2p5ogY.prev:active:after,
  3265. .image-gallery .imageWrapper-2p5ogY.next:after,
  3266. .image-gallery .imageWrapper-2p5ogY.next:active:after,
  3267. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:after,
  3268. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:hover:after {
  3269. top: 0;
  3270. left: 0;
  3271. transform: scale(1);
  3272. }
  3273.  
  3274. .iconSpacing-3JkGQO:after,
  3275. .iconSpacing-3JkGQO:hover:after,
  3276. .iconItem-1-bXkn:after,
  3277. .iconItem-1-bXkn:hover:after,
  3278. .checkbox-1ix_J3:after,
  3279. .radioGroup-1GBvlr .item-26Dhrx:active .checkbox-1ix_J3:after,
  3280. .addButton-1BORro:after,
  3281. .addButton-1BORro:hover:after {
  3282. top: 0 !important;
  3283. transform: scale(1.8);
  3284. }
  3285.  
  3286. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .form-actions .advanced-26tKjg:after,
  3287. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .form-actions .advanced-26tKjg:active:after {
  3288. top: 0;
  3289. left: 0;
  3290. transform: scale(2);
  3291. }
  3292.  
  3293. .iconButtonStatic-2cPMA6:after,
  3294. .iconButtonStatic-2cPMA6:active:after,
  3295. .iconButtonDefault-2cKx7-:not(.unavailable):after,
  3296. .iconButtonDefault-2cKx7-:not(.unavailable):active:after {
  3297. top: 0;
  3298. left: 0;
  3299. }
  3300.  
  3301. .channelNotices-41mJbj .channelNotice-1-XFjC .close-relY5R:after,
  3302. .channelNotices-41mJbj .channelNotice-1-XFjC .close-relY5R:hover:after {
  3303. left: 0;
  3304. background: rgba(255,255,255,0.2);
  3305. transform: scale(1.75);
  3306. }
  3307.  
  3308. .channelNotices-41mJbj .channelNotice-1-XFjC .close-relY5R:active:after {
  3309. background: rgba(255,255,255,0.35);
  3310. }
  3311.  
  3312. .operations-36ENbA .anchor-3Z-8Bb:after,
  3313. .operations-36ENbA .anchor-3Z-8Bb:hover:after {
  3314. transform: scale(1.4);
  3315. }
  3316.  
  3317. .header-bZdm0X .button-38aScr:not(.lookFilled-1Gx00P):after,
  3318. .header-bZdm0X .button-38aScr:not(.lookFilled-1Gx00P):hover:after,
  3319. .headerActions-3w_xT- .button-38aScr:not(.lookFilled-1Gx00P):after,
  3320. .headerActions-3w_xT- .button-38aScr:not(.lookFilled-1Gx00P):hover:after {
  3321. top: -1px;
  3322. left: 4px;
  3323. }
  3324.  
  3325. .headerActions-3w_xT- .button-38aScr:not(.lookFilled-1Gx00P):after,
  3326. .headerActions-3w_xT- .button-38aScr:not(.lookFilled-1Gx00P):hover:after {
  3327. left: 0;
  3328. }
  3329.  
  3330. .actions-2vadYq .iconButtonDefault-2cKx7-:not(.unavailable):after {
  3331. transform: scale(1.5);
  3332. }
  3333.  
  3334.  
  3335. /*
  3336. *
  3337. * TOAST
  3338. *
  3339. */
  3340.  
  3341. .toast,
  3342. .bd-toast {
  3343. padding: 12px 16px !important;
  3344. background: rgba(60,60,60,0.9) !important;
  3345. box-shadow: none !important;
  3346. border-radius: 18px !important;
  3347. font-size: 1em !important;
  3348. font-weight: 400 !important;
  3349. color: #fff !important;
  3350. }
  3351.  
  3352.  
  3353. /*
  3354. *
  3355. * CONTEXT/RIGHT CLICK MENU
  3356. *
  3357. */
  3358.  
  3359. .contextMenu-HLZMGh {
  3360. padding: 8px 0 !important;
  3361. border: none !important;
  3362. border-radius: var(--border-radius) !important;
  3363. box-shadow: var(--shadow-3dp) !important;
  3364. z-index: 9999999 !important;
  3365. animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation) !important;
  3366. transform-origin: top !important;
  3367. }
  3368.  
  3369. .itemSubMenu-1vN_Yn,
  3370. .item-1Yvehc,
  3371. .item-1Yvehc.itemSubMenu-1vN_Yn,
  3372. .item-1Yvehc.itemSubMenu-1vN_Yn .item-1Yvehc {
  3373. margin: 0 !important;
  3374. padding: 10px 12px !important;
  3375. border-radius: 0 !important;
  3376. cursor: pointer !important;
  3377. }
  3378.  
  3379. .item-1Yvehc.itemSlider-2A_I4n,
  3380. .item-1Yvehc.itemSubMenu-1vN_Yn {
  3381. cursor: default;
  3382. }
  3383.  
  3384. .item-1Yvehc.disabled-2xniQf {
  3385. color: #555 !important;
  3386. cursor: default !important;
  3387. }
  3388.  
  3389. .item-1Yvehc.brand-3igrJY,
  3390. .item-1Yvehc.brand-3igrJY:hover {
  3391. color: #aaa !important;
  3392. }
  3393.  
  3394. .itemGroup-1tL0uz:last-child .item-1Yvehc:last-child {
  3395. border: none !important;
  3396. }
  3397.  
  3398. .itemGroup-1tL0uz {
  3399. padding: 8px 0;
  3400. border-top: 1px solid var(--card-border-color) !important;
  3401. }
  3402.  
  3403. .itemGroup-1tL0uz:empty,
  3404. .item-1Yvehc:empty,
  3405. .itemSubMenu-1vN_Yn:empty {
  3406. display: none !important;
  3407. }
  3408.  
  3409. .itemGroup-1tL0uz:first-child {
  3410. padding: 0 0 8px 0 !important;
  3411. border-top: none !important;
  3412. }
  3413.  
  3414. .itemGroup-1tL0uz:last-child {
  3415. padding: 8px 0 0 0 !important;
  3416. }
  3417.  
  3418. .itemGroup-1tL0uz:only-child {
  3419. padding: 0 !important;
  3420. }
  3421.  
  3422. .itemGroup-1tL0uz .itemGroup-1tL0uz {
  3423. padding: 0 !important;
  3424. border-top: none !important;
  3425. }
  3426.  
  3427. .item-1Yvehc.itemSubMenu-1vN_Yn {
  3428. background: transparent url(https://discordapp.com/assets/1988164a7c55346d32117b151f4e319d.svg) no-repeat 155px 50% !important;
  3429. }
  3430.  
  3431. .item-1Yvehc.itemSubMenu-1vN_Yn:hover{
  3432. background: var(--hover-color) url(https://discordapp.com/assets/e4afe52f6863408a35654a6e5fd69ba9.svg) no-repeat 155px 50% !important;
  3433. }
  3434.  
  3435. .item-1Yvehc,
  3436. .item-1GzJrl,
  3437. .itemDefault-3NDwnY,
  3438. .attachPopoutRow-elxASe div {
  3439. color: #aaa !important;
  3440. transition: 200ms ease all !important;
  3441. }
  3442.  
  3443. .attachPopoutRow-elxASe svg {
  3444. fill: #000 !important;
  3445. }
  3446.  
  3447. .attachPopoutIcon-37fHgm path[d="M9 16h6v-6h4l-7-7-7 7h4v6zm-4 2h14v2H5v-2z"] {
  3448. d: path('M7.5,18A5.5,5.5 0 0,1 2,12.5A5.5,5.5 0 0,1 7.5,7H18A4,4 0 0,1 22,11A4,4 0 0,1 18,15H9.5A2.5,2.5 0 0,1 7,12.5A2.5,2.5 0 0,1 9.5,10H17V11.5H9.5A1,1 0 0,0 8.5,12.5A1,1 0 0,0 9.5,13.5H18A2.5,2.5 0 0,0 20.5,11A2.5,2.5 0 0,0 18,8.5H7.5A4,4 0 0,0 3.5,12.5A4,4 0 0,0 7.5,16.5H17V18H7.5Z') !important;
  3449. }
  3450.  
  3451. .attachPopoutIcon-37fHgm path[d="M15 7.5V2H9v5.5l3 3 3-3zM7.5 9H2v6h5.5l3-3-3-3zM9 16.5V22h6v-5.5l-3-3-3 3zM16.5 9l-3 3 3 3H22V9h-5.5z"] {
  3452. d: path('M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M6,10V7H4V10H1V12H4V15H6V12H9V10M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12Z') !important;
  3453. }
  3454.  
  3455.  
  3456. /*
  3457. *
  3458. * DETECT ACCOUNTS
  3459. *
  3460. */
  3461.  
  3462. .container-3EUejg {
  3463. background: var(--card-color);
  3464. border-radius: var(--border-radius);
  3465. box-shadow: var(--shadow-1dp);
  3466. }
  3467.  
  3468. .icons-O89F3Y,
  3469. .body-37Bxp1,
  3470. .detectedAccounts-35MrLT {
  3471. width: calc(100% - 32px);
  3472. }
  3473.  
  3474. .detectedAccounts-35MrLT {
  3475. margin: 0;
  3476. }
  3477.  
  3478. .detectedAccount-35kiLp {
  3479. margin: 16px 0;
  3480. }
  3481.  
  3482. .divider-1xf1pn {
  3483. width: 100%;
  3484. }
  3485.  
  3486. .btnGroup-3jDFHH {
  3487. width: calc(100% - 16px);
  3488. height: 36px;
  3489. margin: 0;
  3490. padding: 8px 0;
  3491. }
  3492.  
  3493. .btn-15Au6M.btnDefault-1NwU30 {
  3494. margin: 0 8px 0 0;
  3495. }
  3496.  
  3497. .btn-15Au6M.btnPrimary-ggBniE {
  3498. margin: 0;
  3499. }
  3500.  
  3501.  
  3502. /*
  3503. *
  3504. * PUBLIC SERVERS
  3505. *
  3506. */
  3507.  
  3508.  
  3509. #bd-pub-li,
  3510. #bd-pub-button {
  3511. height: 25px !important;
  3512. margin: 0;
  3513. padding: 0;
  3514. }
  3515.  
  3516. #bd-pub-li {
  3517. margin: 4px 0 0 0;
  3518. transition: 200ms var(--default-animation);
  3519. }
  3520.  
  3521. #bd-pub-li:hover {
  3522. background: var(--hover-color);
  3523. }
  3524.  
  3525. #bd-pub-button {
  3526. line-height: 25px;
  3527. background: transparent;
  3528. font-weight: 500;
  3529. text-transform: uppercase;
  3530. color: #888;
  3531. }
  3532.  
  3533. #pubslayerroot {
  3534. width: 100%;
  3535. height: 100%;
  3536. }
  3537.  
  3538. #pubslayerroot .platform-win .layer-kosS71 {
  3539. width: 100%;
  3540. height: 100%;
  3541. top: 0;
  3542. }
  3543.  
  3544. #pubslayerroot .ui-standard-sidebar-view {
  3545. top: 0;
  3546. }
  3547.  
  3548. #pubslayerroot .ui-standard-sidebar-view .tools {
  3549.  
  3550. }
  3551.  
  3552. /*#pubslayerroot .ui-standard-sidebar-view .sidebar-region .sidebar {
  3553. width: 100% !important;
  3554. padding: 0 !important
  3555. }
  3556.  
  3557. #pubslayerroot .ui-standard-sidebar-view .sidebar-region .sidebar .ui-tab-bar {
  3558. width: 218px !important;
  3559. margin: 0 0 0 104px !important;
  3560. padding: 60px 0 60px 26px !important;
  3561. }
  3562.  
  3563. #pubslayer .ui-tab-bar-header,
  3564. #pubslayer .ui-tab-bar-item,
  3565. #pubslayer .ui-tab-bar-separator,
  3566. #pubslayer .ui-form-item {
  3567. width: 100% !important;
  3568. }
  3569.  
  3570. #pubslayer .ui-tab-bar-header,
  3571. #bd-settings-sidebar .ui-tab-bar-header {
  3572. padding: 6px 10px !important;
  3573. font-size: 12px !important;
  3574. line-height: 16px !important;
  3575. font-weight: 700 !important;
  3576. text-transform: uppercase !important;
  3577. }*/
  3578.  
  3579. #pubslayer .ui-standard-sidebar-view .content-column.default .content-column.default {
  3580. padding: 0 !important;
  3581. }
  3582.  
  3583. #pubslayer .bd-server-card {
  3584. margin: 8px 0 0 0 !important;
  3585. padding: 16px !important;
  3586. border: none !important;
  3587. }
  3588.  
  3589. #pubslayer .bd-server-card .bd-pubs-server-icon {
  3590. border-radius: 50% !important;
  3591. }
  3592.  
  3593. #pubslayer .bd-server-card.bd-server-card-pinned:after {
  3594. display: none !important
  3595. }
  3596.  
  3597. .ui-standard-sidebar-view .sidebar-region .scroller-wrap .scroller {
  3598. background: var(--main-color);
  3599. }
  3600.  
  3601. #pubslayer .ui-form-item,
  3602. #pubslayer .ui-text-input {
  3603. width: 100% !important;
  3604. margin: 0 !important;
  3605. }
  3606.  
  3607. #pubslayer .ui-form-item {
  3608. margin: 0 0 0 8px !important;
  3609. }
  3610.  
  3611. #pubslayer input {
  3612. width: 100%;
  3613. height: 32px;
  3614. padding: 0 16px;
  3615. background: var(--select-color);
  3616. border-radius: 16px;
  3617. border: none;
  3618. font-size: 16px;
  3619. font-weight: 500;
  3620. }
  3621.  
  3622. #pubslayer input {
  3623. /*padding: 4px 0;
  3624. background: transparent;
  3625. border: none;
  3626. border-radius: 0;
  3627. font-size: 1em;*/
  3628. }
  3629.  
  3630. #pubslayer button {
  3631. padding: 0 16px !important;
  3632. }
  3633.  
  3634. .bd-server-image {
  3635. border-radius: 4px;
  3636. }
  3637.  
  3638. .bd-server-header {
  3639. margin: 0 0 8px 0 !important;
  3640. }
  3641.  
  3642. .bd-server-card button {
  3643. padding: 8px 12px !important;
  3644. }
  3645.  
  3646. .bd-server-card button.lookFilled-luDKDo {
  3647. background: var(--hover-color) !important;
  3648. box-shadow: none !important;
  3649. color: #aaa !important;
  3650. }
  3651.  
  3652. .bd-server-description-container {
  3653. min-height: 52px;
  3654. background: transparent !important;
  3655. border: none !important;
  3656. }
  3657.  
  3658. .bd-server-footer {
  3659. margin: 0 0 -8px 0 !important;
  3660. }
  3661.  
  3662.  
  3663. /*
  3664. *
  3665. * ACTIVITY
  3666. *
  3667. */
  3668.  
  3669. .activityFeed-28jde9,
  3670. .activityFeed-1C0EmJ {
  3671. position: relative;
  3672. padding: 0;
  3673. background: var(--chat-color) !important;
  3674. }
  3675.  
  3676. .layout-1cQCv2 {
  3677. background: var(--chat-color) !important;
  3678. }
  3679.  
  3680. .sidebar-3S8iJo .card-GqTca8:first-child {
  3681. background: transparent !important;
  3682. box-shadow: none !important;
  3683. }
  3684.  
  3685. /* ACTIVITY -> CAROUSEL */
  3686.  
  3687. .carousel-2WxMes {
  3688. height: 364px;
  3689. }
  3690.  
  3691. .article-3kb3qm,
  3692. .feedCarousel-3qXmKE,
  3693. .carousel-2WxMes {
  3694. background: var(--card-alt) !important;
  3695. border-radius: var(--border-radius);
  3696. box-shadow: var(--shadow-1dp);
  3697. }
  3698.  
  3699. .article-3kb3qm {
  3700. box-shadow: none !important;
  3701. }
  3702.  
  3703. .background-1ri_HN {
  3704. -webkit-mask: linear-gradient(to top, transparent 10%, #000 70%);
  3705. }
  3706.  
  3707. .gameArea-Lbc4xZ {
  3708.  
  3709. }
  3710.  
  3711. @media(max-height: 680px) {
  3712. .gameName-2XIejT {
  3713. position: relative;
  3714. top: 36px;
  3715. }
  3716.  
  3717. .simpleTitle-1om7yj {
  3718. top: 32px;
  3719. }
  3720. }
  3721.  
  3722. /* ACTIVITY -> CAROUSEL -> PAGINATION */
  3723.  
  3724. .feedCarousel-3F1_Q- .pagination-1GYdtQ {
  3725. border-radius: var(--border-radius);
  3726. background: var(--card-alt);
  3727. box-shadow: var(--shadow-1dp);
  3728. }
  3729.  
  3730. .feedCarousel-3F1_Q- .paginationItem-2lUq0s {
  3731. margin: 0;
  3732. border-radius: 0;
  3733. }
  3734.  
  3735. .feedCarousel-3F1_Q- .paginationItem-2lUq0s:before {
  3736. width: 3px;
  3737. height: 80%;
  3738. left: 0;
  3739. border-radius: 0 var(--border-radius-bar) var(--border-radius-bar) 0 !important;
  3740. }
  3741.  
  3742. .feedCarousel-3F1_Q- .paginationItem-2lUq0s:after {
  3743. background: rgba(0,0,0,0.3) !important;
  3744. }
  3745.  
  3746. .feedCarousel-3F1_Q- .paginationItem-2lUq0s.selectedPage-3cFHgU:after {
  3747. background: transparent !important;
  3748. }
  3749.  
  3750. .feedCarousel-3F1_Q- .paginationItem-2lUq0s .paginationTitle-3U5ymz {
  3751. color: #fff;
  3752. }
  3753.  
  3754. .feedCarousel-3F1_Q- .paginationItem-2lUq0s .paginationGameName-3Fd-qy,
  3755. .feedCarousel-3F1_Q- .paginationItem-2lUq0s .paginationSubtitle-12e1s6 {
  3756. color: #aaa;
  3757. }
  3758.  
  3759. .feedCarousel-3F1_Q- .paginationItem-2lUq0s .paginationText-1V79RW * {
  3760. opacity: 0.5;
  3761. }
  3762.  
  3763. .feedCarousel-3F1_Q- .paginationItem-2lUq0s.selectedPage-3cFHgU .paginationText-1V79RW * {
  3764. text-shadow: 0 0 6px rgba(0,0,0,0.8);
  3765. opacity: 1;
  3766. }
  3767.  
  3768. .feedCarousel-3F1_Q- .splashArt-3I5Qmp,
  3769. .feedCarousel-3F1_Q- .coverArtPosition-1EkmxA,
  3770. .feedCarousel-3F1_Q- .paginationItem-2lUq0s:after {
  3771. border-radius: 0 !important;
  3772. }
  3773.  
  3774. .feedCarousel-3F1_Q- .selectedPage-3cFHgU .splashArt-3I5Qmp {
  3775. opacity: 0.4;
  3776. }
  3777.  
  3778. .feedCarousel-3F1_Q- .splashArt-3I5Qmp {
  3779. opacity: 0.1;
  3780. }
  3781.  
  3782. .feedCarousel-3F1_Q- .splashArt-3yFzRe {
  3783. opacity: 0.4;
  3784. -webkit-mask: radial-gradient(100% 100% at top left, hsla(0,0%,100%,1) 0, hsla(0,0%,100%,0) 100%);
  3785. }
  3786.  
  3787. .feedCarousel-3F1_Q- .splashArt-3I5Qmp,
  3788. .feedCarousel-3F1_Q- .splashArt-3yFzRe {
  3789. filter: grayscale(0) !important;
  3790. }
  3791.  
  3792. .feedCarousel-3qXmKE .dot-22bIa4,
  3793. .feedCarousel-3qXmKE .dot-2Q_mMZ {
  3794. border-radius: 50%;
  3795. }
  3796.  
  3797. .feedCarousel-3qXmKE .dot-22bIa4:last-child {
  3798. margin: 0;
  3799. }
  3800.  
  3801. .feedCarousel-3qXmKE .dotNormal-3_wb_A,
  3802. .feedCarousel-3qXmKE .dotNormal-9wUKKy {
  3803. opacity: 0.15;
  3804. }
  3805.  
  3806. .feedCarousel-3qXmKE .dotSelected-Prpk_a,
  3807. .feedCarousel-3qXmKE .dotSelected-3RYKgX {
  3808. opacity: 0.75;
  3809. }
  3810.  
  3811. .feedCarousel-3qXmKE .pagination-2t8HBX {
  3812. width: 100%;
  3813. height: 100%;
  3814. pointer-events: none;
  3815. }
  3816.  
  3817. .feedCarousel-3qXmKE .horizontalPaginationItemContainer-26FwrR {
  3818. position: relative;
  3819. max-width: 56px;
  3820. height: 22px;
  3821. top: calc(100% - 32px);
  3822. pointer-events: auto;
  3823. text-align: center;
  3824. }
  3825.  
  3826. .feedCarousel-3F1_Q- .arrowContainer-10m4Cy {
  3827. width: 48px;
  3828. height: 48px;
  3829. background: var(--popout-alt);
  3830. border-radius: 50%;
  3831. transition: 200ms var(--default-animation);
  3832. }
  3833.  
  3834. .feedCarousel-3qXmKE .arrowContainer-10m4Cy .contents-18-Yxp {
  3835. top: 0 !important;
  3836. }
  3837.  
  3838. .feedCarousel-3F1_Q- .arrow-2ZP1wS {
  3839. width: 48px;
  3840. height: 48px;
  3841. padding: 12px;
  3842. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgIDxwYXRoIGZpbGw9IiNjY2NjY2MiIGQ9Ik0xNS40MSwxNi41OEwxMC44MywxMkwxNS40MSw3LjQxTDE0LDZMOCwxMkwxNCwxOEwxNS40MSwxNi41OFoiIC8+Cjwvc3ZnPg==);
  3843. background-size: 65%;
  3844. background-repeat: no-repeat;
  3845. background-position: 50%;
  3846. }
  3847.  
  3848. .feedCarousel-3F1_Q- .arrow-2ZP1wS polygon {
  3849. display: none;
  3850. }
  3851.  
  3852. .feedCarousel-3F1_Q- .feedCarousel-3qXmKE .arrowContainer-10m4Cy .contents-18-Yxp {
  3853. top: 0 !important;
  3854. }
  3855.  
  3856. .feedCarousel-3F1_Q- .prevButtonContainer-Rc83MJ .arrow-2ZP1wS {
  3857. transform: rotate(0deg) translateX(-2px);
  3858. }
  3859.  
  3860. .feedCarousel-3F1_Q- .nextButtonContainer-30eXDb .arrow-2ZP1wS {
  3861. transform: rotate(180deg) translateX(-2px);
  3862. }
  3863.  
  3864. /* ACTIVITY -> POPOUT CAROUSEL */
  3865.  
  3866. .carousel-1j_QfQ {
  3867. height: 270px;
  3868. margin: 0;
  3869. }
  3870.  
  3871. .carousel-1j_QfQ .news-1uHrMX,
  3872. .carousel-1j_QfQ .gamePreviewTrailer-3ZmZKP,
  3873. .carousel-1j_QfQ .embedVideoActions-O6vR7W,
  3874. .gamePreview-9weYR2 .news-1uHrMX {
  3875. margin: 0;
  3876. border-radius: 0 var(--border-radius-big) 0 0 !important;
  3877. }
  3878.  
  3879. .gamePreview-9weYR2 .sizeLarge-1vSeWK {
  3880. width: 80px !important;
  3881. transform: translateX(calc(50% + 10px));
  3882. }
  3883.  
  3884. .body-1SVoBw {
  3885. min-height: 270px;
  3886. background: var(--popout-alt) !important;
  3887. }
  3888.  
  3889. .playersSections-1EnWZ8 {
  3890. margin: 0;
  3891. }
  3892.  
  3893. .playersHeader-3xUYAQ {
  3894. margin: 16px 0;
  3895. padding: 0 0 0 16px;
  3896. }
  3897.  
  3898. .playersHeaderLine-2luL7r {
  3899. background-color: #444 !important;
  3900. }
  3901.  
  3902. .container-1qJFPO {
  3903. padding: 0 16px 16px 16px;
  3904. }
  3905.  
  3906. /* ACTIVITY -> POPOUT CAROUSEL -> PAGINATION */
  3907.  
  3908. .carouselPagination-30iWH5 {
  3909. position: relative;
  3910. width: 100%;
  3911. height: 100%;
  3912. margin: 0;
  3913. padding: 0;
  3914. }
  3915.  
  3916. .arrowHitbox-2_hxtQ {
  3917. position: relative;
  3918. width: 36px;
  3919. height: 36px;
  3920. margin: 0 16px;
  3921. border-radius: 50%;
  3922. background: #35383d;
  3923. transition: 200ms ease all;
  3924. }
  3925.  
  3926. .arrow-vOpU7R {
  3927. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICA8cGF0aCBmaWxsPSIjY2NjY2NjIiBkPSJNOC41OSwxNi41OEwxMy4xNywxMkw4LjU5LDcuNDFMMTAsNkwxNiwxMkwxMCwxOEw4LjU5LDE2LjU4WiIgLz4NCjwvc3ZnPg==);
  3928. opacity: 1 !important;
  3929. transform: rotate(360deg) translate(1px, 1px);
  3930. }
  3931.  
  3932. .arrow-vOpU7R.left-1sNJYj {
  3933. transform: rotate(360deg) translate(-1px, 1px);
  3934. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICA8cGF0aCBmaWxsPSIjY2NjY2NjIiBkPSJNMTUuNDEsMTYuNThMMTAuODMsMTJMMTUuNDEsNy40MUwxNCw2TDgsMTJMMTQsMThMMTUuNDEsMTYuNThaIiAvPg0KPC9zdmc+);
  3935. background-position: 50%;
  3936. }
  3937.  
  3938. .arrow-vOpU7R polygon {
  3939. display: none !important;
  3940. fill: #ccc !important;
  3941. }
  3942.  
  3943. .dots-3VxbPX {
  3944. position: relative;
  3945. bottom: calc(-50% + 16px);
  3946. }
  3947.  
  3948. /* ACTIVITY -> QUICK LAUNCHER */
  3949.  
  3950. .grid-1rkoVH {
  3951. display: block;
  3952. padding: 16px;
  3953. }
  3954.  
  3955. .container-35JN_A {
  3956. display: inline-block;
  3957. margin: 0 8px 0 0;
  3958. background: var(--popout-color) !important;
  3959. border-radius: var(--border-radius);
  3960. transition: 300ms var(--default-animation);
  3961. }
  3962.  
  3963. .container-35JN_A:last-child {
  3964. margin: 0;
  3965. }
  3966.  
  3967. .container-35JN_A:hover {
  3968. transform: scale(1.1);
  3969. }
  3970.  
  3971. .icon-2hm0JA {
  3972. width: 100%;
  3973. height: 100%;
  3974. border-radius: var(--border-radius);
  3975. }
  3976.  
  3977. @media(min-width: 1288px) {
  3978. .grid-1rkoVH {
  3979. background: var(--card-alt) !important;
  3980. border-radius: var(--border-radius);
  3981. box-shadow: var(--shadow-1dp);
  3982. }
  3983.  
  3984. .container-35JN_A {
  3985. width: 41.25px !important;
  3986. height: 41.25px !important;
  3987. }
  3988. }
  3989.  
  3990. @media(max-width: 1287px) {
  3991. .wrappedCard-30FR_0 {
  3992. padding: 0;
  3993. background: var(--card-alt) !important;
  3994. border-radius: var(--border-radius);
  3995. box-shadow: var(--shadow-1dp);
  3996. }
  3997.  
  3998. .wrappedCard-30FR_0 .wrapper-1sSZUt,
  3999. .formTitleInCard-2qtI0x,
  4000. .formTitleInCard-210tWt {
  4001. margin: 0;
  4002. padding: 16px;
  4003. border-bottom: 1px solid var(--card-border-color);
  4004. }
  4005.  
  4006. .container-35JN_A {
  4007. width: 48px !important;
  4008. height: 48px !important;
  4009. }
  4010. }
  4011.  
  4012.  
  4013. .dock-10JPBX,
  4014. .emptyState-N8MHmB,
  4015. .emptyState-2-sT0o {
  4016. padding: 8px;
  4017. background: var(--card-alt) !important;
  4018. border-radius: var(--border-radius);
  4019. box-shadow: var(--shadow-1dp);
  4020. overflow-x: auto;
  4021. }
  4022.  
  4023. .emptyCard-3CNsz2 {
  4024. background: var(--card-alt) !important;
  4025. padding: 16px;
  4026. }
  4027.  
  4028. .emptyState-N8MHmB,
  4029. .emptyState-2-sT0o {
  4030. min-height: 32px;
  4031. margin: 16px 0 0 0;
  4032. padding: 16px;
  4033. color: #999 !important;
  4034. font-weight: 500 !important;
  4035. }
  4036.  
  4037. .dock-10JPBX::-webkit-scrollbar {
  4038. height: 6px !important;
  4039. }
  4040.  
  4041. .dockItem-2kQDqg {
  4042. position: relative;
  4043. height: 100px;
  4044. margin: 0 4px;
  4045. padding: 8px;
  4046. transition: 200ms ease all;
  4047. }
  4048.  
  4049. .dockItem-2kQDqg:hover {
  4050. background-color: var(--hover-color) !important;
  4051. }
  4052.  
  4053. .dockItem-2kQDqg:first-child {
  4054. margin: 0 4px 0 0;
  4055. }
  4056.  
  4057. .dockItem-2kQDqg:last-child {
  4058. margin: 0 0 0 4px;
  4059. }
  4060.  
  4061. .dockItemText-3qYREY,
  4062. .dockItemPlay-3TGCWr {
  4063. transition: 200ms ease all !important;
  4064. }
  4065.  
  4066. .dockItemText-3qYREY {
  4067. position: absolute;
  4068. display: block;
  4069. bottom: 4px;
  4070. opacity: 1;
  4071. }
  4072.  
  4073. .dockItem-2kQDqg:hover .dockItemText-3qYREY {
  4074. display: block;
  4075. opacity: 0;
  4076. }
  4077.  
  4078. .dockItemPlay-3TGCWr {
  4079. position: absolute;
  4080. display: flex;
  4081. width: 85%;
  4082. bottom: 8px;
  4083. opacity: 0;
  4084. }
  4085.  
  4086. .dockItem-2kQDqg:hover .dockItemPlay-3TGCWr {
  4087. opacity: 1;
  4088. }
  4089.  
  4090. /* ACTIVITY -> CARDS */
  4091.  
  4092. .card-rJBFl3,
  4093. .card-7JP0BX,
  4094. /*.card-GqTca8*/
  4095. .outer-2IVh5n,
  4096. .wrapper-3UweLa,
  4097. .recentlyPlayedContainer-2F3MqS {
  4098. background: var(--card-alt) !important;
  4099. border-radius: var(--border-radius) !important;
  4100. border: none !important;
  4101. box-shadow: var(--shadow-1dp) !important;
  4102. }
  4103.  
  4104. .outer-2IVh5n {
  4105. background: var(--card-alt) !important;
  4106. }
  4107.  
  4108. .outer-2IVh5n .card-GqTca8 {
  4109. box-shadow: none !important;
  4110. }
  4111.  
  4112. .card-GqTca8:hover,
  4113. .outer-2IVh5n:hover {
  4114. transform: translate(0) !important;
  4115. }
  4116.  
  4117. .popoutContainer-3WC9HR .colorStandard-2KCXvj {
  4118. font-weight: 500;
  4119. }
  4120.  
  4121. .voiceGuildIcon-3nEw0H {
  4122. mask: none;
  4123. }
  4124.  
  4125. /* ACTIVITY -> CARDS -> HEADER */
  4126.  
  4127. .wrapper-Qvfyci {
  4128. border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
  4129. }
  4130.  
  4131. .cap-HS8vCE,
  4132. .cap-3W6Fh- {
  4133. display: none;
  4134. }
  4135.  
  4136. .shareButton-3w0M74:active {
  4137. transform: translate(0);
  4138. }
  4139.  
  4140. .card-GqTca8 .imageWrapper-2p5ogY {
  4141. border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
  4142. }
  4143.  
  4144. /* ACTIVITY -> CARDS -> BODY */
  4145.  
  4146. .padded-2uAgVW {
  4147. padding: 0;
  4148. }
  4149.  
  4150. .padded-2uAgVW .title-3mg8_z {
  4151. padding: 16px 16px 0 16px;
  4152. }
  4153.  
  4154. .padded-2uAgVW .colorStandard-2KCXvj {
  4155. padding: 0 16px;
  4156. }
  4157.  
  4158. .padded-2uAgVW .ctaButtons-3Aw3iT {
  4159. margin: 16px 0 0 0;
  4160. padding: 8px;
  4161. border-top: 1px solid var(--card-border-color);
  4162. }
  4163.  
  4164. .coloredBackground-37Z6Gv {
  4165. background: var(--card-alt) !important;
  4166. }
  4167.  
  4168. /* ACTIVITY -> CARDS -> FOOTER */
  4169.  
  4170. .wrapper-9ppXpy {
  4171. padding: 8px 16px;
  4172. box-shadow: none !important;
  4173. border-top: 1px solid var(--card-border-color);
  4174. }
  4175.  
  4176. .wrapper-9ppXpy .size12-3cLvbJ {
  4177. font-weight: 700;
  4178. }
  4179.  
  4180. .icon-1EDgZt {
  4181. border-radius: 50%;
  4182. }
  4183.  
  4184. .whiteButton-1lwF-y,
  4185. .padded-2uAgVW .ctaButtons-3Aw3iT .lookFilled-1Gx00P.colorWhite-rEQuAQ .contents-18-Yxp {
  4186. color: #fff !important;
  4187. }
  4188.  
  4189. /* ACTIVITY -> CARDS -> NOW PLAYING */
  4190.  
  4191. .popoutContainer-3WC9HR {
  4192. background: var(--card-alt) !important;
  4193. }
  4194.  
  4195. .popoutContainer-3WC9HR:hover {
  4196. background: var(--hover-color) !important
  4197. }
  4198.  
  4199. .body-1BpgWG {
  4200. border-radius: var(--border-radius);
  4201. background: transparent !important;
  4202. }
  4203.  
  4204. .section-2VKIPC {
  4205. background: var(--hover-color) !important;
  4206. border-radius: 0;
  4207. }
  4208.  
  4209. .section-2VKIPC:first-child {
  4210. border-radius: var(--border-radius) var(--border-radius) 0 0;
  4211. }
  4212.  
  4213. .section-2VKIPC:last-child {
  4214. border-radius: 0 0 var(--border-radius) var(--border-radius);
  4215. }
  4216.  
  4217. .section-2VKIPC:only-child {
  4218. border-radius: var(--border-radius);
  4219. }
  4220.  
  4221. .body-1BpgWG .separator-2c4hi3 {
  4222. display: none;
  4223. }
  4224.  
  4225. .popoutContainer-3WC9HR .status-oxiHuE {
  4226. width: 10px;
  4227. height: 10px;
  4228. }
  4229.  
  4230. .popoutContainer-3WC9HR .size16-1P40sf {
  4231. color: #ddd !important;
  4232. }
  4233.  
  4234. .voiceSectionGuildImage-2r1uIp,
  4235. .voiceSectionNoGuildImageWrapper-40qwqb {
  4236. mask: none !important;
  4237. -webkit-mask: none !important;
  4238. }
  4239.  
  4240. .voiceSectionIconWrapper-3YFjHm {
  4241. top: -2px;
  4242. left: -2px;
  4243. box-shadow: var(--shadow-1dp);
  4244. }
  4245.  
  4246. /* ACITIVITY -> CARDS -> NOW PLAYING -> TWITCH PLAYER */
  4247.  
  4248. .twitchSectionPreviewWrapper-_xA9Ez {
  4249. position: relative;
  4250. }
  4251.  
  4252. .twitchSectionPlayButton-2RamGG,
  4253. .twitchSectionPreviewWrapper-_xA9Ez:before,
  4254. .twitchSectionPreviewWrapper-_xA9Ez:after {
  4255. position: absolute;
  4256. content: " ";
  4257. top: 0;
  4258. left: 0;
  4259. transition: 250ms var(--default-animation);
  4260. }
  4261.  
  4262. .twitchSectionPreviewWrapper-_xA9Ez:before {
  4263. width: 100%;
  4264. height: 100%;
  4265. background: #000;
  4266. opacity: 0.35;
  4267. z-index: 1;
  4268. pointer-events: none;
  4269. }
  4270.  
  4271. .twitchSectionPreviewWrapper-_xA9Ez:after {
  4272. width: 18%;
  4273. height: 36%;
  4274. right: 0;
  4275. bottom: 0;
  4276. margin: auto;
  4277. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptLTIgMTQuNXYtOWw2IDQuNS02IDQuNXoiLz48L3N2Zz4=);
  4278. background-repeat: no-repeat;
  4279. background-position: 50%;
  4280. background-size: 100%;
  4281. border-radius: 50%;
  4282. opacity: 0.65;
  4283. z-index: 2;
  4284. }
  4285.  
  4286. .twitchSectionPreviewWrapper-_xA9Ez:hover:after {
  4287. opacity: 0.95;
  4288. transform: scale(1.25);
  4289. }
  4290.  
  4291. .twitchSectionPreviewWrapper-_xA9Ez:hover:before {
  4292. opacity: 0.6;
  4293. }
  4294.  
  4295. .twitchSectionPlayButton-2RamGG {
  4296. right: 0;
  4297. bottom: 0;
  4298. margin: auto;
  4299. width: 100%;
  4300. height: 100%;
  4301. z-index: 3;
  4302. opacity: 0 !important;
  4303. visibility: hidden;
  4304. }
  4305.  
  4306. /* ACTIVITY -> CARDS -> RECENTLY PLAYED */
  4307.  
  4308. .recentlyPlayedContainer-2F3MqS {
  4309. /*padding: 8px 0;*/
  4310. }
  4311.  
  4312. .itemContainer-302Zx6 {
  4313. border-radius: 0 !important;
  4314. }
  4315.  
  4316. .separator-wZOebz,
  4317. .itemSeparator-3a4Cz5 {
  4318. margin: 0;
  4319. background: #444 !important;
  4320. display: none;
  4321. }
  4322.  
  4323. .itemContainer-302Zx6:first-child {
  4324. border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
  4325. }
  4326.  
  4327. .itemContainer-302Zx6:last-child {
  4328. border-radius: 0 0 var(--border-radius) var(--border-radius) !important;
  4329. }
  4330.  
  4331. .popoutContainer-3WC9HR:hover:last-child {
  4332. margin: 0 !important;
  4333. padding: 16px !important;
  4334. }
  4335.  
  4336. .itemContainer-302Zx6:hover {
  4337. background: var(--hover-color) !important;
  4338. }
  4339.  
  4340. .separator-1N1EBC {
  4341. margin: 0;
  4342. }
  4343.  
  4344. .recentlyPlayedContainer-2F3MqS .separator-1N1EBC:last-child {
  4345. display: none;
  4346. }
  4347.  
  4348. /* ACTIVITY -> CARDS -> POPOUT */
  4349.  
  4350. .popout-3G62UL {
  4351. padding: 8px 0;
  4352. background: var(--popout-alt) !important;
  4353. border-radius: var(--border-radius-big);
  4354. box-shadow: var(--shadow-3dp) !important;
  4355. }
  4356.  
  4357. .memberListHeader-3bta_4,
  4358. .memberListHeader-Qq9531,
  4359. .memberListHeader-a84-7M {
  4360. padding: 0 12px;
  4361. }
  4362.  
  4363. .separator-2c4hi3,
  4364. .separator-1N1EBC {
  4365. background: #444 !important;
  4366. }
  4367.  
  4368. .separator-2c4hi3 {
  4369. margin-top: 8px;
  4370. }
  4371.  
  4372. .memberListContainer-1AKCDy {
  4373. margin: 8px 0 0 0;
  4374. }
  4375.  
  4376. .memberListItem-2ZX2pl,
  4377. .item-3E8jqb,
  4378. .wrapper-3rh-14,
  4379. .memberListHeader-3sM67K,
  4380. .memberListHeader-a84-7M {
  4381. margin: 0;
  4382. padding: 6px 12px;
  4383. border-radius: 0;
  4384. font-weight: 500;
  4385. transition: 250ms ease all;
  4386. }
  4387.  
  4388. .memberListHeader-3sM67K,
  4389. .memberListHeader-a84-7M {
  4390. font-weight: 700;
  4391. }
  4392.  
  4393. .colorStandard-2KCXvj {
  4394. color: #aaa !important;
  4395. }
  4396.  
  4397. .wrapper-3rh-14 {
  4398. padding: 8px 12px;
  4399. }
  4400.  
  4401. .memberListItem-2ZX2pl:hover,
  4402. .wrapper-3rh-14:hover {
  4403. background: var(--hover-color) !important;
  4404. }
  4405.  
  4406. .memberListItem-2ZX2pl:last-child {
  4407. margin: 0;
  4408. }
  4409.  
  4410.  
  4411. .header-1RC2Wb {
  4412. background-color: var(--main-color) !important;
  4413. }
  4414.  
  4415. .body-SKIE6r {
  4416. background: transparent !important;
  4417. }
  4418.  
  4419. .headerActions-2l3Hou,
  4420. .headerActions-3w_xT-,
  4421. .headerButtonHide-2rOg_A {
  4422. display: flex !important;
  4423. opacity: 0 !important;
  4424. transition: 200ms ease all !important;
  4425. }
  4426.  
  4427. .cardHeader-ey0m8X:hover .headerActions-2l3Hou,
  4428. .cardHeader-3nTWsD:hover .headerActions-3w_xT-,
  4429. .cardHeader-3nTWsD:hover .headerButtonHide-2rOg_A {
  4430. display: flex !important;
  4431. opacity: 1 !important;
  4432. }
  4433.  
  4434. .cardBody-3_HhbX,
  4435. .cardBody-3kgGGF {
  4436. padding: 0;
  4437. }
  4438.  
  4439. .player-1kJMbj {
  4440. border-bottom-color: var(--card-border-color) !important;
  4441. }
  4442.  
  4443. .player-1kJMbj,
  4444. .player-1kJMbj+.player-1kJMbj,
  4445. .game-O3OBNh {
  4446. padding: 16px;
  4447. }
  4448.  
  4449. .game-O3OBNh {
  4450. position: relative;
  4451. }
  4452.  
  4453. .section-2UZnnA .sectionTitle-1snBOS {
  4454. padding: 8px 0 8px 16px;
  4455. }
  4456.  
  4457. .sectionLine-JjseS9 {
  4458. background-color: var(--card-border-color) !important;
  4459. }
  4460.  
  4461. .overflownPlayers-3YVOuE {
  4462. margin: 8px 0 0 0;
  4463. }
  4464.  
  4465. .news-1uHrMX {
  4466. margin: 8px 16px 0 16px;
  4467. }
  4468.  
  4469. .headerText-2niCs_ {
  4470. border-top-color: var(--card-border-color) !important;
  4471. }
  4472.  
  4473. .playerBottomPadding-3mLPAq {
  4474. padding: 0 0 8px 0;
  4475. }
  4476.  
  4477. .voiceChannel-3uy4i9 {
  4478. padding: 16px;
  4479. }
  4480.  
  4481. .header-bZdm0X .button-38aScr:not(.lookFilled-1Gx00P),
  4482. .headerActions-3w_xT- .button-38aScr:not(.lookFilled-1Gx00P) {
  4483. width: 28px;
  4484. height: 28px;
  4485. top: 2px;
  4486. margin: 0 0 0 8px;
  4487. box-shadow: none !important;
  4488. }
  4489.  
  4490. .header-bZdm0X .status-oxiHuE,
  4491. .card-7JP0BX .status-oxiHuE {
  4492. width: 12px;
  4493. height: 12px;
  4494. }
  4495.  
  4496. .guildIconEmptyIcon-rSyLPf path {
  4497. d: path('M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z') !important;
  4498. transform: scale(0.65);
  4499. }
  4500.  
  4501. .partyMember-1LCB__ {
  4502. border-radius: 50%;
  4503. }
  4504.  
  4505.  
  4506. /*
  4507. *
  4508. * LIBRARY
  4509. *
  4510. */
  4511.  
  4512. .gameLibrary-TTDw4Y {
  4513. background: var(--chat-color) !important;
  4514. }
  4515.  
  4516. .gameLibrary-TTDw4Y .scroller-2FKFPG {
  4517. margin: 43px 0 0 0;
  4518. }
  4519.  
  4520. .table-1tDS6w {
  4521. margin: 0 !important;
  4522. padding: 8px 0;
  4523. }
  4524.  
  4525. /* LIBRARY -> TOP BAR */
  4526.  
  4527. .topPill-30KHOu {
  4528. height: 100%;
  4529. }
  4530.  
  4531. .topPill-30KHOu .item-PXvHYJ {
  4532. height: 48px;
  4533. line-height: 48px;
  4534. color: hsla(0,0%,100%,0.6) !important;
  4535. background-color: transparent !important;
  4536. }
  4537.  
  4538. .topPill-30KHOu .item-PXvHYJ.selected-3s45Ha {
  4539. background-color: transparent !important;
  4540. }
  4541.  
  4542. /* LIBRARY -> DOWNLOAD SECTION */
  4543.  
  4544. .gameUpdates-2GPqBU {
  4545. border-bottom: 1px solid var(--select-color);
  4546. }
  4547.  
  4548. .table-2BOVTY .lookFilled-1Gx00P.colorPrimary-3b3xI6 {
  4549. padding: 0 !important;
  4550. }
  4551.  
  4552. .table-2BOVTY .actionIcon-3Pm3FL {
  4553. opacity: 1;
  4554. }
  4555.  
  4556. .progressBar-3zryPV[style*="background-color: rgb(0, 176, 244)"] {
  4557. background-color: var(--success-color) !important;
  4558. }
  4559.  
  4560. .row-2X_kYI {
  4561. margin: 0;
  4562. padding: 16px 30px;
  4563. }
  4564.  
  4565. .cell-nWKOx7 {
  4566. padding: 0;
  4567. }
  4568.  
  4569. /* LIBRARY -> STICKY HEADER */
  4570.  
  4571. .header-39GIC8 {
  4572. position: fixed;
  4573. width: 100%;
  4574. height: 43px;
  4575. padding: 0 30px;
  4576. background: var(--chat-color) !important;
  4577. border-bottom: 1px solid var(--select-color) !important;
  4578. }
  4579.  
  4580. .headerCell-3L6rFG {
  4581. height: 100%;
  4582. padding: 0;
  4583. border: none;
  4584. }
  4585.  
  4586. .headerCellContent-1pLtOr {
  4587. font-size: 14px;
  4588. text-transform: none;
  4589. }
  4590.  
  4591. .headerCellSorted-3a5AzJ .headerCellContent-1pLtOr:after {
  4592. width: calc(100% - 22px);
  4593. left: 0 !important;
  4594. right: auto !important;
  4595. }
  4596.  
  4597. /* LIBRARY -> GAMES LIST */
  4598.  
  4599. .rowWrapper-2fB6P0,
  4600. .row-ZLfFhY {
  4601. margin: 0;
  4602. }
  4603.  
  4604. .rowWrapper-2fB6P0 + .rowWrapper-2fB6P0 .row-ZLfFhY {
  4605. border: none;
  4606. }
  4607.  
  4608. .rowWrapper-2fB6P0 {
  4609. padding: 0 30px;
  4610. transition: 200ms var(--default-animation);
  4611. }
  4612.  
  4613. .bodyCell-9xKjWE {
  4614. padding: 0;
  4615. }
  4616.  
  4617. .nameBodyCell-3JOlnK {
  4618. color: #eee !important;
  4619. }
  4620.  
  4621. .textCell-1aBIUP {
  4622. font-weight: 500;
  4623. }
  4624.  
  4625. .settingIcons-3QYa5E {
  4626. position: absolute;
  4627. right: 61px;
  4628. }
  4629.  
  4630. .actionsCell-1awtNi .playButton-1fMNjH {
  4631. display: block;
  4632. top: 0;
  4633. bottom: 0;
  4634. margin: auto 0;
  4635. opacity: 1;
  4636. }
  4637.  
  4638. .shineContainerDefault-2bbFgu {
  4639. display: none;
  4640. }
  4641.  
  4642. .rowWrapperActive-2L7i9f {
  4643. background-color: var(--hover-color) !important;
  4644. border-radius: 0;
  4645. border: none;
  4646. box-shadow: none !important;
  4647. }
  4648.  
  4649. .rowBackground-3MeNoN {
  4650. border-radius: 0 !important;
  4651. filter: grayscale(0);
  4652. }
  4653.  
  4654. /* LIBRARY -> NITRO GAMES */
  4655.  
  4656. .root-26DmKJ {
  4657. background: var(--chat-color) !important;
  4658. }
  4659.  
  4660. .applications-3Gc3LL {
  4661. max-width: 100%;
  4662. }
  4663.  
  4664. /* LIBRARY -> GIFT INVENTORY */
  4665.  
  4666. .root-1BQpZw {
  4667. background: var(--chat-color) !important;
  4668. }
  4669.  
  4670. /* LIBRARY -> GIFT INVENTORY -> REDEEM CODES */
  4671.  
  4672. .codeRedemption-2CtsK6 {
  4673. background: var(--card-alt);
  4674. border-radius: var(--border-radius);
  4675. box-shadow: var(--shadow-1dp);
  4676. }
  4677.  
  4678. .redemptionHeader-3FSfP7 {
  4679. position: relative;
  4680. margin: 0;
  4681. padding: 16px;
  4682. }
  4683.  
  4684. .redemptionHeader-3FSfP7:after {
  4685. position: absolute;
  4686. content: " ";
  4687. width: 100%;
  4688. height: 1px;
  4689. left: 0;
  4690. bottom: 0;
  4691. background: #555;
  4692. }
  4693.  
  4694. .redemptionHeader-3FSfP7 h2 {
  4695. margin: 0;
  4696. }
  4697.  
  4698. .redemptionHeader-3FSfP7 .divider-3573oO {
  4699. display: none;
  4700. }
  4701.  
  4702. .codeRedemption-2CtsK6 .inputPrompt-1vnYnD {
  4703. padding: 16px 16px 0;
  4704. }
  4705.  
  4706. .codeRedemption-2CtsK6 form {
  4707. padding: 0 16px 16px 16px;
  4708. }
  4709.  
  4710. /* LIBRARY -> GIFT INVENTORY -> GIFT INVENTORY */
  4711.  
  4712. .header-3YT7-d {
  4713. margin: 0;
  4714. }
  4715.  
  4716. .root-3iawo2 {
  4717. margin: 16px 0 0 0;
  4718. background: var(--card-alt);
  4719. border-radius: var(--border-radius);
  4720. box-shadow: var(--shadow-1dp);
  4721. }
  4722.  
  4723. .root-3iawo2 .header-2HrZI4,
  4724. .header-3YT7-d h2 {
  4725. margin: 0;
  4726. padding: 16px;
  4727. }
  4728.  
  4729. .header-3YT7-d .divider-3573oO,
  4730. .root-3iawo2 .divider-3573oO {
  4731. background-color: #555 !important;
  4732. }
  4733.  
  4734. .emptyState-20gB_x {
  4735. padding: 16px;
  4736. }
  4737.  
  4738. .emptyStateImage-2eMp68 {
  4739. margin: 0;
  4740. }
  4741.  
  4742.  
  4743. /*
  4744. *
  4745. * NITRO
  4746. *
  4747. */
  4748.  
  4749. .browse-3H33-E,
  4750. .filters--5q7-h {
  4751.  
  4752. }
  4753.  
  4754. /* NITRO -> SEARCH */
  4755.  
  4756. .queryContainer-RKFJW-,
  4757. .queryContainer-RKFJW-:hover {
  4758. background: transparent !important;
  4759. }
  4760.  
  4761. .queryContainer-RKFJW- {
  4762. border-bottom-color: var(--select-color) !important;
  4763. }
  4764.  
  4765. .result-2S5Awv {
  4766. transition: 250ms ease all;
  4767. }
  4768.  
  4769. .result-2S5Awv:after {
  4770. /*left: 0;
  4771. right: 0;
  4772. background-color: var(--select-color) !important;*/
  4773. display: none;
  4774. }
  4775.  
  4776. .result-2S5Awv:last-child:after {
  4777. display: none !important;
  4778. }
  4779.  
  4780. .result-2S5Awv.focused-1Yu0L3 {
  4781. background-color: var(--hover-color) !important;
  4782. }
  4783.  
  4784. .result-2S5Awv.focused-1Yu0L3:after {
  4785. /*display: block;*/
  4786. display: none;
  4787. }
  4788.  
  4789. /* NITRO -> CAROUSEL */
  4790.  
  4791. .arrowContainer-10m4Cy {
  4792. width: 48px;
  4793. height: 48px;
  4794. background: var(--popout-alt) !important;
  4795. border-radius: 50%;
  4796. }
  4797.  
  4798. .heroCarousel-usH_dd .arrowContainer-10m4Cy {
  4799. position: relative;
  4800. }
  4801.  
  4802. .arrowContainer-10m4Cy.prevButtonContainer-Rc83MJ {
  4803. margin: 0 16px 0 0;
  4804. }
  4805.  
  4806. .arrowContainer-10m4Cy.nextButtonContainer-30eXDb {
  4807. margin: 0 0 0 16px;
  4808. }
  4809.  
  4810. .arrowContainer-10m4Cy .contents-18-Yxp {
  4811. top: -12px !important;
  4812. }
  4813.  
  4814. .heroCarousel-usH_dd .arrowContainer-10m4Cy .contents-18-Yxp {
  4815. top: auto !important;
  4816. }
  4817.  
  4818. .arrowContainer-10m4Cy .contents-18-Yxp svg {
  4819. width: 48px;
  4820. height: 48px;
  4821. padding: 12px;
  4822. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgIDxwYXRoIGZpbGw9IiNjY2NjY2MiIGQ9Ik0xNS40MSwxNi41OEwxMC44MywxMkwxNS40MSw3LjQxTDE0LDZMOCwxMkwxNCwxOEwxNS40MSwxNi41OFoiIC8+Cjwvc3ZnPg==);
  4823. background-size: 65%;
  4824. background-repeat: no-repeat;
  4825. background-position: 50%;
  4826. }
  4827.  
  4828. .arrowContainer-10m4Cy .contents-18-Yxp svg polygon {
  4829. display: none;
  4830. }
  4831.  
  4832. .arrowContainer-10m4Cy.prevButtonContainer-Rc83MJ .contents-18-Yxp,
  4833. .arrowContainer-10m4Cy.nextButtonContainer-30eXDb .contents-18-Yxp {
  4834. transform: rotate(90deg);
  4835. }
  4836.  
  4837. /* NITRO -> GAME CARDS CAROUSEL */
  4838.  
  4839. .premiumApplicationsHeader-Zmkm5e,
  4840. .categoryHeader-1D7Tqy {
  4841. margin: 16px 0 20px;
  4842. }
  4843.  
  4844. .container-hXbkd3 {
  4845. padding: 0 0 12px 0;
  4846. }
  4847.  
  4848. .gradientOverlayRight-3vMuS8,
  4849. .gradientOverlayLeft-3w159C {
  4850. display: none;
  4851. }
  4852.  
  4853. .homeTile-3qVuGa {
  4854. margin: 0 8px;
  4855. }
  4856.  
  4857. .homeTile-3qVuGa:first-child {
  4858. margin: 0 8px 0 4px;
  4859. }
  4860.  
  4861. .homeTile-3qVuGa:last-child {
  4862. margin: 0 4px 0 8px;
  4863. }
  4864.  
  4865. .tile-QA_yMc {
  4866. background: var(--card-alt) !important;
  4867. border-radius: var(--border-radius);
  4868. box-shadow: var(--shadow-1dp) !important;
  4869. }
  4870.  
  4871. .tile-QA_yMc:hover {
  4872. /*box-shadow: var(--shadow-3dp) !important;*/
  4873. }
  4874.  
  4875. .title-2XwaXv {
  4876. font-size: 14px;
  4877. text-transform: none;
  4878. }
  4879.  
  4880. .actions-jdKs08 {
  4881.  
  4882. }
  4883.  
  4884. .perkTag-2O4dx4 {
  4885. line-height: 24px;
  4886. border-radius: var(--border-radius);
  4887. box-shadow: var(--shadow-1dp);
  4888. transition: 250ms ease all !important;
  4889. }
  4890.  
  4891. /*.shinyButton-3uFlM- {
  4892. position: absolute;
  4893. bottom: 0;
  4894. opacity: 0;
  4895. transition: 250ms ease all !important;
  4896. }*/
  4897.  
  4898. .tile-QA_yMc:hover .shinyButton-3uFlM- {
  4899. opacity: 1
  4900. }
  4901.  
  4902. .tile-QA_yMc:hover .perkTag-2O4dx4 {
  4903. opacity: 0;
  4904. }
  4905.  
  4906. .tileMedia-1q3guD {
  4907. background: var(--card-alt) !important;
  4908. border-radius: var(--border-radius-big) !important;
  4909. box-shadow: var(--shadow-1dp) !important;
  4910. }
  4911.  
  4912. .tileMedia-1q3guD:hover {
  4913. box-shadow: var(--shadow-3dp) !important;
  4914. }
  4915.  
  4916. .tileMedia-1q3guD .tileBuyButton-456T8P {
  4917. left: 0;
  4918. bottom: 0;
  4919. }
  4920.  
  4921. .details-1DqjXP {
  4922. height: 172px;
  4923. }
  4924.  
  4925. .genres-3s_2iT {
  4926. max-height: 82px;
  4927. }
  4928.  
  4929. .genreTag-3QLRUJ {
  4930. padding: 0 12px;
  4931. line-height: 24px;
  4932. background: var(--hover-color) !important;
  4933. border-radius: 12px;
  4934. transition: 250ms var(--default-animation);
  4935. }
  4936.  
  4937. .genreTag-3QLRUJ:hover {
  4938. background: var(--select-color) !important;
  4939. }
  4940.  
  4941. /* NITRO -> GAME CARDS CAROUSEL -> ARROWS */
  4942.  
  4943. .arrow-15GutB {
  4944. width: 48px;
  4945. height: 48px;
  4946. background: var(--popout-alt) !important;
  4947. border-radius: 50%;
  4948. box-shadow: var(--shadow-3dp);
  4949. transition: 200ms var(--default-animation);
  4950. opacity: 0.975;
  4951. }
  4952.  
  4953. .scrollerButtonArrow-2zKj8D {
  4954. width: 48px;
  4955. height: 48px;
  4956. padding: 12px;
  4957. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgIDxwYXRoIGZpbGw9IiNjY2NjY2MiIGQ9Ik0xNS40MSwxNi41OEwxMC44MywxMkwxNS40MSw3LjQxTDE0LDZMOCwxMkwxNCwxOEwxNS40MSwxNi41OFoiIC8+Cjwvc3ZnPg==);
  4958. background-size: 65%;
  4959. background-repeat: no-repeat;
  4960. background-position: 50%;
  4961. }
  4962.  
  4963. .scrollerButtonArrow-2zKj8D polygon {
  4964. display: none;
  4965. }
  4966.  
  4967. .arrow-15GutB.arrowLeft-1wVpg5 .scrollerButtonArrow-2zKj8D,
  4968. .arrow-15GutB.arrowRight-aDMq0h .scrollerButtonArrow-2zKj8D {
  4969. transform: rotate(180deg) translateX(-1px);
  4970. }
  4971.  
  4972. .arrow-15GutB:hover {
  4973. opacity: 1;
  4974. }
  4975.  
  4976. .arrowDisabled-2F05Id,
  4977. .arrowDisabled-2F05Id:hover {
  4978. opacity: 0;
  4979. pointer-events: none;
  4980. }
  4981.  
  4982.  
  4983. /*
  4984. *
  4985. * STORE
  4986. *
  4987. */
  4988.  
  4989. .applicationStore-1pNvnv {
  4990. background: var(--chat-color) !important;
  4991. }
  4992.  
  4993. .headerBar-UHpsPw .back-2Z4ATs {
  4994. width: 28px;
  4995. box-shadow: none !important;
  4996. }
  4997.  
  4998. .headerBar-UHpsPw .back-2Z4ATs svg {
  4999. position: relative;
  5000. top: 2px;
  5001. }
  5002.  
  5003. .wrapper-232cHJ {
  5004. padding: 3px 6px;
  5005. background: var(--alert-color) !important;
  5006. box-shadow: var(--shadow-1dp);
  5007. }
  5008.  
  5009. .container-1ETFDs .wrapper-232cHJ {
  5010. right: 8px;
  5011. bottom: 4px;
  5012. }
  5013.  
  5014. /* STORE -> TOP BAR SEARCH */
  5015.  
  5016. .browseSearch-e9jF-f,
  5017. .libraryFilter-31ZUa2 {
  5018. width: auto;
  5019. padding: 0 12px;
  5020. background: var(--hover-color);
  5021. border-radius: 16px;
  5022. }
  5023.  
  5024. .browseSearch-e9jF-f,
  5025. .libraryFilter-31ZUa2 {
  5026. width: 160px;
  5027. font-size: 14px;
  5028. font-weight: 700 !important;
  5029. transition: 250ms ease all !important;
  5030. }
  5031.  
  5032. .libraryFilter-31ZUa2 .container-cMG81i,
  5033. .browseSearch-e9jF-f .container-cMG81i {
  5034. background: transparent !important;
  5035. }
  5036.  
  5037. .libraryFilter-31ZUa2 .container-cMG81i .input-3Xdcic,
  5038. .browseSearch-e9jF-f .container-cMG81i .input-3Xdcic {
  5039. margin: 0 0 0 2px !important;
  5040. padding: 0 !important;
  5041. }
  5042.  
  5043. .libraryFilter-31ZUa2 .container-cMG81i .iconLayout-3OgqU3,
  5044. .browseSearch-e9jF-f .container-cMG81i .iconLayout-3OgqU3 {
  5045. margin: 0 -6px 0 0 !important;
  5046. }
  5047.  
  5048. .browseSearch-e9jF-f .browseSearchInput-Jt8kg0:focus,
  5049. .libraryFilter-31ZUa2.focused-2eiV0o {
  5050. width: 240px;
  5051. }
  5052.  
  5053. .browseSearch-e9jF-f .browseSearchInput-Jt8kg0,
  5054. .browseSearch-e9jF-f .browseSearchInput-Jt8kg0:focus,
  5055. .libraryFilter-31ZUa2 .libraryFilterInput-3JzqZD,
  5056. .libraryFilter-31ZUa2 .libraryFilterInput-3JzqZD:focus,
  5057. .small-2oHLgT .input-3Xdcic,
  5058. .small-2oHLgT .input-3Xdcic:focus {
  5059. border: none !important;
  5060. }
  5061.  
  5062. .iconContainer-2wXvy1 {
  5063. width: 16px;
  5064. height: 16px;
  5065. top: 2px;
  5066. right: -6px;
  5067. }
  5068.  
  5069. .icon-1iRNyO,
  5070. .icon-2oIyBi {
  5071. top: 7px;
  5072. right: 14px;
  5073. }
  5074.  
  5075. /* STORE -> HOME */
  5076.  
  5077. .home-2gmu2h {
  5078. max-width: 100%;
  5079. }
  5080.  
  5081. .itemMedia-31I9dP,
  5082. .applicationMedia-1PPJ39,
  5083. .itemPreviewContainer-3l5yPE {
  5084. max-width: 600px !important;
  5085. max-height: 335px !important;
  5086. }
  5087.  
  5088. .itemMedia-31I9dP {
  5089. overflow: hidden;
  5090. }
  5091.  
  5092. @media (min-width: 2400px) {
  5093. .tile-2H4MQG {
  5094. min-height: auto
  5095. }
  5096.  
  5097. .tileRegular-2ZMczj {
  5098. width: calc(12.5% - 20px)
  5099. }
  5100.  
  5101. .tileBlog-aja9RV,
  5102. .tileMedia-9UNSXC {
  5103. width: calc(25% - 20px)
  5104. }
  5105.  
  5106. .tileStaff-2tlSrI {
  5107. width: calc(50% - 20px)
  5108. }
  5109. }
  5110.  
  5111. .premium-39U29H {
  5112. border-radius: var(--border-radius);
  5113. }
  5114.  
  5115. .premium-39U29H .lookInverted-2D7oAl.colorBrand-3pXr91 {
  5116. background-color: #fff !important;
  5117. color: #444 !important;
  5118. }
  5119.  
  5120. .paginationContainer-2T3a2b {
  5121. bottom: -8px;
  5122. }
  5123.  
  5124. .overlappingBorder-3aFng4 {
  5125. border-color: var(--accent-color) !important;
  5126. }
  5127.  
  5128. .home-2gmu2h .arrowContainer-10m4Cy,
  5129. .home-2gmu2h .arrowContainer-10m4Cy .contents-18-Yxp {
  5130. position: relative !important;
  5131. top: 0 !important;
  5132. }
  5133.  
  5134. .home-2gmu2h .arrowContainer-10m4Cy.prevArrow-11tqRS,
  5135. .home-2gmu2h .arrowContainer-10m4Cy.nextArrow-V_4mvH {
  5136. left: 0;
  5137. }
  5138.  
  5139. .listing-2nUQ4d .horizontalPaginationItemContainer-26FwrR,
  5140. .home-2gmu2h .horizontalPaginationItemContainer-26FwrR {
  5141. max-width: 100% !important;
  5142. height: auto !important;
  5143. top: 0 !important;
  5144. }
  5145.  
  5146. .home-2gmu2h .carouselButtonsContainer-3cUPUm .arrowContainer-10m4Cy .contents-18-Yxp {
  5147. top: -12px !important;
  5148. }
  5149.  
  5150. .home-2gmu2h .carouselButtonsContainer-3cUPUm .arrowContainer-10m4Cy.prevButtonContainer-Rc83MJ,
  5151. .home-2gmu2h .carouselButtonsContainer-3cUPUm .arrowContainer-10m4Cy.nextButtonContainer-30eXDb {
  5152. position: absolute !important;
  5153. top: 104px !important;
  5154. background: var(--popout-alt);
  5155. }
  5156.  
  5157. .home-2gmu2h .carouselButtonsContainer-3cUPUm .arrowContainer-10m4Cy.nextButtonContainer-30eXDb {
  5158. position: absolute !important;
  5159. top: 104px !important;
  5160. }
  5161.  
  5162. .mute-3sDXC3[name="Speaker"] path {
  5163. d: path('M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z') !important;
  5164. transform: translate(0) scale(0.67);
  5165. }
  5166.  
  5167. .mute-3sDXC3[name="SpeakerOff"] path {
  5168. d: path('M4.34 2.93L2.93 4.34 7.29 8.7 7 9H3v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06c1.34-.3 2.57-.92 3.61-1.75l2.05 2.05 1.41-1.41L4.34 2.93zM10 15.17L7.83 13H5v-2h2.83l.88-.88L10 11.41v3.76zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zm-7-8l-1.88 1.88L12 7.76zm4.5 8c0-1.77-1.02-3.29-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24z') !important;
  5169. transform: translate(0);
  5170. }
  5171.  
  5172. /* STORE -> HOME -> CAROUSEL */
  5173.  
  5174. .itemBackground-2vEldQ {
  5175. background-color: var(--chat-color) !important;
  5176. }
  5177.  
  5178. .itemBackground-2vEldQ:before {
  5179. background: radial-gradient(ellipse at top,transparent,var(--chat-color)),linear-gradient(90deg,var(--chat-color) 0,transparent 40%,transparent 60%,var(--chat-color)),linear-gradient(0deg,var(--chat-color) 0,transparent 25%) !important;
  5180. }
  5181.  
  5182. /* STORE -> CARDS */
  5183.  
  5184. .tileWrapper-2khh-w {
  5185.  
  5186. }
  5187.  
  5188. /*.tileMedia-1q3guD,*/
  5189. .tile-367QuY {
  5190. background: var(--card-alt) !important;
  5191. border-radius: var(--border-radius) !important;
  5192. box-shadow: var(--shadow-1dp) !important;
  5193. }
  5194.  
  5195. .tileMedia-24cT6 {
  5196. background: var(--card-alt) !important;
  5197. }
  5198.  
  5199. .mediaDescription-31GsyQ,
  5200. .description-3rB3Rp {
  5201. background: linear-gradient(180deg,transparent,rgba(42,44,48,0.75) 45%,var(--card-alt)) !important;
  5202. }
  5203.  
  5204. .tileBuyButton-2W4Mu-,
  5205. .tileBuyButton-456T8P {
  5206. position: absolute;
  5207. left: 0;
  5208. transform: translate(0, 2px);
  5209. opacity: 0;
  5210. }
  5211.  
  5212. .tileBuyButton-456T8P,
  5213. .tileBuyButton-2W4Mu- {
  5214. left: 8px;
  5215. }
  5216.  
  5217. .tileBuyButtonVisible-2QYmxC,
  5218. .tileBuyButtonVisible-11J9EZ {
  5219. transform: translate(0, 2px);
  5220. opacity: 1;
  5221. }
  5222.  
  5223. /* STORE -> CARDS -> POPOUT */
  5224.  
  5225. .popout-2xBvMR {
  5226. border-radius: var(--border-radius-big) !important;
  5227. }
  5228.  
  5229. .circle-1nK_79[style*="background-color: rgb(102, 204, 51);"] {
  5230. background-color: var(--accent-color) !important;
  5231. }
  5232.  
  5233. .reviewCircle-1o-MOB {
  5234. color: #fff !important;
  5235. }
  5236.  
  5237. /* STORE -> BROWSE */
  5238.  
  5239. .browseWrapper-2Qy6vG .scroller-2FKFPG {
  5240. overflow-x: hidden !important;
  5241. }
  5242.  
  5243. .popout-2sKjHu {
  5244. padding: 8px 0;
  5245. background: var(--popout-alt) !important;
  5246. border-radius: var(--border-radius) !important;
  5247. border: none !important;
  5248. box-shadow: var(--shadow-3dp) !important;
  5249. }
  5250.  
  5251. .optionLabel-2CkCZx:hover {
  5252. background: var(--hover-color) !important;
  5253. }
  5254.  
  5255. .optionActive-KkAdqq {
  5256. background: var(--select-color) !important;
  5257. }
  5258.  
  5259. /* STORE -> BROWSE -> SEARCH */
  5260.  
  5261. .filterBrowsingHeaderWrapper-3I9RkU {
  5262.  
  5263. }
  5264.  
  5265. .filterByTitle-1b4n21 {
  5266. height: 42px !important;
  5267. border-radius: 21px;
  5268. background: #fff !important;
  5269. box-shadow: none !important;
  5270. }
  5271.  
  5272. .filterByTitle-1b4n21 .input-cIJ7To,
  5273. .filterByTitle-1b4n21 .input-cIJ7To:focus {
  5274. padding: 8px 16px !important;
  5275. border-bottom: none !important;
  5276. }
  5277.  
  5278. .filterByTitle-1b4n21,
  5279. .filterByTitle-1b4n21 .input-cIJ7To,
  5280. .filterByTitle-1b4n21 .input-cIJ7To::-webkit-input-placeholder {
  5281. color: #555 !important;
  5282. font-size: 1.025em !important;
  5283. font-weight: 500 !important;
  5284. }
  5285.  
  5286. .clearIcon-2N9YIn,
  5287. .searchIcon-1a1-yA {
  5288. transform: scale(1.25);
  5289. }
  5290.  
  5291. .clearIcon-2N9YIn path,
  5292. .searchIcon-1a1-yA path {
  5293. fill: #666;
  5294. }
  5295.  
  5296. /* STORE -> GAME PAGE */
  5297.  
  5298. .headerPurchase-2z_nch.active-MpmWDn {
  5299. font-weight: 500;
  5300. }
  5301.  
  5302. .carouselButtonsContainer-Rba2-D {
  5303.  
  5304. }
  5305.  
  5306. .arrowContainer-10m4Cy {
  5307. opacity: 1 !important;
  5308. }
  5309.  
  5310. .arrowContainer-10m4Cy .contents-18-Yxp {
  5311. position: relative !important;
  5312. /*top: -12px !important;*/
  5313. }
  5314.  
  5315. .overlappingBorder-1ysb12,
  5316. .overlappingBorder-1-XPGl {
  5317. border: 2px solid var(--accent-color) !important;
  5318. }
  5319.  
  5320. .pagination-1iCa-F {
  5321. max-width: 1920px;
  5322. }
  5323.  
  5324. @media (min-width: 2400px) {
  5325. .pagination-1iCa-F {
  5326. padding: 0;
  5327. }
  5328. }
  5329.  
  5330. .pagination-1iCa-F .scroller-2FKFPG::-webkit-scrollbar {
  5331. height: 6px !important;
  5332. }
  5333.  
  5334. .wrapper-Dh-cqn .arrowContainer-10m4Cy .contents-18-Yxp {
  5335. top: 0 !important;
  5336. }
  5337.  
  5338. .listingLarge-3Rix7u {
  5339. max-width: 1920px;
  5340. padding: 0 20px 20px 20px;
  5341. }
  5342.  
  5343. .listingLarge-3Rix7u .rightColumn-2YXQ85 {
  5344. width: 288px;
  5345. margin: 0 0 0 16px;
  5346. flex: 0 1 auto;
  5347. }
  5348.  
  5349. .listingLarge-3Rix7u .leftColumn-1scUu2 {
  5350. width: calc(100% - 288px);
  5351. }
  5352.  
  5353. .confirmContent-3zhou3 {
  5354. padding: 0;
  5355. }
  5356.  
  5357. /* STORE -> GAME PAGE -> VIDEO PLAYER */
  5358.  
  5359. .carouselButtonsContainer-Rba2-D .controlIcon-3cRbti,
  5360. .carouselButtonsContainer-Rba2-D .durationTimeWrapper-OugPFt {
  5361. top: auto !important;
  5362. bottom: 5px !important;
  5363. }
  5364.  
  5365. .carouselButtonsContainer-Rba2-D .controlIcon-3cRbti[name="Speaker"],
  5366. .carouselButtonsContainer-Rba2-D .controlIcon-3cRbti[name="SpeakerOff"] {
  5367. bottom: -22px !important;
  5368. }
  5369.  
  5370. .carouselButtonsContainer-Rba2-D .durationTimeWrapper-OugPFt {
  5371. bottom: 10px !important;
  5372. }
  5373.  
  5374. .video-38qD3Y,
  5375. .item-3V15ea[style="opacity: 0.3; filter: grayscale(1);"] {
  5376. background: #a0a0a0 !important;
  5377. opacity: 0.2 !important;
  5378. transition: 300ms var(--default-animation) !important;
  5379. }
  5380.  
  5381. .video-38qD3Y {
  5382. opacity: 1 !important;
  5383. }
  5384.  
  5385. /* STORE -> GAME PAGE -> NITRO PERKS */
  5386.  
  5387. .premiumPerks-zFst3i {
  5388. margin: 0;
  5389. }
  5390.  
  5391. .premiumPerks-zFst3i .perkTile-2yrM8J .tile-QA_yMc {
  5392. background: var(--card-color) !important;
  5393. box-shadow: none !important;
  5394. }
  5395.  
  5396. .perkTileLarge-2nM6f_ {
  5397. width: calc(100% - 32px) !important;
  5398. }
  5399.  
  5400. .perkTileLarge-2nM6f_ .tile-PuWjfs:hover {
  5401. box-shadow: none;
  5402. }
  5403.  
  5404. /* STORE -> GAME PAGE -> LATEST NEWS */
  5405.  
  5406. .item-2yFVoY {
  5407. margin: 0 0 8px 0;
  5408. background: var(--popout-color) !important;
  5409. border-radius: var(--border-radius);
  5410. }
  5411.  
  5412. .item-2yFVoY:hover {
  5413. box-shadow: none !important;
  5414. }
  5415.  
  5416. .item-2yFVoY:last-child {
  5417. margin: 0;
  5418. }
  5419.  
  5420. .item-2yFVoY .collapsedBody-2J11Ig,
  5421. .openBody-1HeDPG {
  5422. margin: 16px 8px !important;
  5423. }
  5424.  
  5425. .timestamp-1Rokaa {
  5426. text-transform: none;
  5427. }
  5428.  
  5429. .viewAllButton-owcv-0 {
  5430. margin: 16px 0 0 0;
  5431. }
  5432.  
  5433. /* STORE -> GAME PAGE -> ADD CARDS */
  5434.  
  5435. .purchaseUnit-2lxci3,
  5436. .reviewAggregator-2x_LPK,
  5437. .features-_IOqVv,
  5438. .details-2jK9A3,
  5439. .premiumPerks-zFst3i .container-hXbkd3,
  5440. .premiumPerks-zFst3i .perkTileLarge-2nM6f_,
  5441.  
  5442. h1.title-3KTIjF{
  5443. margin: 0;
  5444. }
  5445.  
  5446. .whyYouMightLikeIt-2zZIIj,
  5447. .description-3z5Lb3,
  5448. .systemRequirements-1L5nPd,
  5449. .contentRating-W0e7H-,
  5450. .legalInfo-lVTrbD,
  5451. .news-27xNIP,
  5452. .premiumPerks-zFst3i .container-hXbkd3,
  5453. .premiumPerks-zFst3i .perkTileLarge-2nM6f_ {
  5454. margin: 0 0 16px 0;
  5455. }
  5456.  
  5457. .guildInvite-3fvAbr {
  5458. margin: 0;
  5459. border-radius: 0 !important;
  5460. }
  5461.  
  5462. .guildInvite-3fvAbr .actionButton-2Pkgbp {
  5463. width: 100% !important;
  5464. }
  5465.  
  5466. .purchaseUnit-2lxci3,
  5467. .reviewAggregator-2x_LPK,
  5468. .features-_IOqVv,
  5469. .details-2jK9A3,
  5470. .premiumPerks-zFst3i .container-hXbkd3,
  5471. .premiumPerks-zFst3i .perkTileLarge-2nM6f_,
  5472.  
  5473. h1.title-3KTIjF,
  5474. .description-3z5Lb3,
  5475.  
  5476. .systemRequirements-1L5nPd,
  5477. .contentRating-W0e7H-,
  5478. .legalInfo-lVTrbD,
  5479. .whyYouMightLikeIt-2zZIIj,
  5480. .guildInvite-3fvAbr,
  5481. .news-27xNIP {
  5482. padding: 16px;
  5483. background: var(--card-alt) !important;
  5484. box-shadow: var(--shadow-1dp) !important;
  5485. }
  5486.  
  5487. .premiumPerks-zFst3i .container-hXbkd3,
  5488. .premiumPerks-zFst3i .perkTileLarge-2nM6f_,
  5489. .description-3z5Lb3 {
  5490. padding: 0 16px 16px;
  5491. }
  5492.  
  5493. .purchaseUnit-2lxci3,
  5494. h1.title-3KTIjF {
  5495. border-radius: var(--border-radius) var(--border-radius) 0 0;
  5496. }
  5497.  
  5498. .actionText-3EKWER,
  5499. .title-2xCQKy,
  5500. h3.title-3KTIjF {
  5501. font-size: 16px;
  5502. text-transform: none;
  5503. }
  5504.  
  5505. .details-2jK9A3,
  5506. .description-3z5Lb3,
  5507. .premiumPerks-zFst3i .container-hXbkd3,
  5508. .premiumPerks-zFst3i .perkTileLarge-2nM6f_ {
  5509. border-radius: 0 0 var(--border-radius) var(--border-radius);
  5510. }
  5511.  
  5512. .listingLarge-3Rix7u .rightColumn-2YXQ85 div:last-child {
  5513. border-radius: 0 0 var(--border-radius) var(--border-radius);
  5514. }
  5515.  
  5516. .systemRequirements-1L5nPd,
  5517. .contentRating-W0e7H-,
  5518. .legalInfo-lVTrbD,
  5519. .news-27xNIP,
  5520. .card-NB61oR {
  5521. border-radius: var(--border-radius) !important;
  5522. }
  5523.  
  5524. .premiumHeaderPrice-1F1CMD {
  5525. border-radius: 12px !important;
  5526. }
  5527.  
  5528. .staffNotes-2PhKAq {
  5529. padding: 0;
  5530. }
  5531.  
  5532. .divider-21LyPb {
  5533. display: none;
  5534. }
  5535.  
  5536. .requirements-dEriwm {
  5537. margin: 0;
  5538. color: #999 !important;
  5539. }
  5540.  
  5541. h4.title-3KTIjF {
  5542. font-size: 14px;
  5543. text-transform: none;
  5544. }
  5545.  
  5546. .requirement-2guSgu {
  5547. margin: 12px 0 0 0;
  5548. }
  5549.  
  5550. .requirementKey-14DT2D {
  5551. display: block;
  5552. color: #dcddde !important;
  5553. font-weight: 500;
  5554. }
  5555.  
  5556. .content-35aVm0 {
  5557. padding: 0;
  5558. background: transparent !important;
  5559. border-radius: 0;
  5560. }
  5561.  
  5562. /* STORE -> GAME PAGE -> BUY GAME */
  5563.  
  5564. .purchaseUnit-2lxci3 .fullWidth-1orjjo {
  5565. width: 100% !important;
  5566. }
  5567.  
  5568. .purchaseUnit-2lxci3 .fullWidth-1orjjo:last-child {
  5569. margin: 8px 0 32px 0;
  5570. }
  5571.  
  5572. .collapseButton-32NMMH {
  5573. width: 100% !important;
  5574. margin: 8px 0 0 0;
  5575. }
  5576.  
  5577. .entitledHeader-3LRNDT,
  5578. .exclusiveHeader-1vnEtm,
  5579. .premiumHeader-3aB1ow {
  5580. margin: 0 0 16px 0;
  5581. border-radius: var(--border-radius) !important;
  5582. }
  5583.  
  5584. .bodySection-jqkkIP {
  5585. position: relative;
  5586. padding: 0;
  5587. background: transparent !important;
  5588. border: none !important;
  5589. }
  5590.  
  5591. .details-31ROOk {
  5592. margin: 24px 0 0 0;
  5593. }
  5594.  
  5595. .salePercentage-TXZz3H {
  5596. border-radius: var(--border-radius) !important;
  5597. }
  5598.  
  5599. .warning-2DA6zZ {
  5600. margin: 24px 0;
  5601. }
  5602.  
  5603. .warning-n1YvYR {
  5604. padding: 16px;
  5605. border-radius: var(--border-radius) !important;
  5606. }
  5607.  
  5608. .yellow-2DRjXu {
  5609. border-color: var(--success-color) !important;
  5610. }
  5611.  
  5612. .yellow-2DRjXu .title-3zfWaO {
  5613. color: var(--success-color) !important;
  5614. }
  5615.  
  5616. .price-NUANu6 {
  5617. padding: 2px 12px;
  5618. border-radius: 14px !important;
  5619. }
  5620.  
  5621. /* STORE -> GAME PAGE -> FEATURES */
  5622.  
  5623. .row-1bU71H {
  5624. margin: 0;
  5625. background: var(--popout-color) !important;
  5626. border-radius: 0;
  5627. }
  5628.  
  5629. .row-1bU71H:nth-child(2) {
  5630. border-radius: var(--border-radius) var(--border-radius) 0 0;
  5631. }
  5632.  
  5633. .row-1bU71H:last-child {
  5634. border-radius: 0 0 var(--border-radius) var(--border-radius);
  5635. border-bottom: none;
  5636. }
  5637.  
  5638. .row-1bU71H .featureIcon-1f78KU[name="Person"] path {
  5639. d: path('M12 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0 10c2.7 0 5.8 1.29 6 2H6c.23-.72 3.31-2 6-2m0-12C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 10c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z') !important;
  5640. transform: translate(-4px, -4px);
  5641. }
  5642.  
  5643. .row-1bU71H .featureIcon-1f78KU[name="Gamepad"] path {
  5644. d: path('M13 4v2.67l-1 1-1-1V4h2m7 7v2h-2.67l-1-1 1-1H20M6.67 11l1 1-1 1H4v-2h2.67M12 16.33l1 1V20h-2v-2.67l1-1M15 2H9v5.5l3 3 3-3V2zm7 7h-5.5l-3 3 3 3H22V9zM7.5 9H2v6h5.5l3-3-3-3zm4.5 4.5l-3 3V22h6v-5.5l-3-3z') !important;
  5645. }
  5646.  
  5647. .row-1bU71H .featureIcon-1f78KU[name="Cloud"] path {
  5648. d: path('M12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6m0-2C9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96C18.67 6.59 15.64 4 12 4z') !important;
  5649. }
  5650.  
  5651. .row-1bU71H .featureIcon-1f78KU[name="People"] path {
  5652. d: path('M9 13.75c-2.34 0-7 1.17-7 3.5V19h14v-1.75c0-2.33-4.66-3.5-7-3.5zM4.34 17c.84-.58 2.87-1.25 4.66-1.25s3.82.67 4.66 1.25H4.34zM9 12c1.93 0 3.5-1.57 3.5-3.5S10.93 5 9 5 5.5 6.57 5.5 8.5 7.07 12 9 12zm0-5c.83 0 1.5.67 1.5 1.5S9.83 10 9 10s-1.5-.67-1.5-1.5S8.17 7 9 7zm7.04 6.81c1.16.84 1.96 1.96 1.96 3.44V19h4v-1.75c0-2.02-3.5-3.17-5.96-3.44zM15 12c1.93 0 3.5-1.57 3.5-3.5S16.93 5 15 5c-.54 0-1.04.13-1.5.35.63.89 1 1.98 1 3.15s-.37 2.26-1 3.15c.46.22.96.35 1.5.35z') !important;
  5653. }
  5654.  
  5655. .row-1bU71H .featureIcon-1f78KU[name="Moderation"] path {
  5656. d: path('M6.92,5H5L14,14L15,13.06M19.96,19.12L19.12,19.96C18.73,20.35 18.1,20.35 17.71,19.96L14.59,16.84L11.91,19.5L10.5,18.09L11.92,16.67L3,7.75V3H7.75L16.67,11.92L18.09,10.5L19.5,11.91L16.83,14.58L19.95,17.7C20.35,18.1 20.35,18.73 19.96,19.12Z') !important;
  5657. }
  5658.  
  5659. .row-1bU71H .featureIcon-1f78KU[name="VideoCamera"] path {
  5660. d: path('M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z') !important;
  5661. }
  5662.  
  5663. .row-1bU71H .featureIcon-1f78KU path[d="M9,3 L9,0.75 L6,3.75 L9,6.75 L9,4.5 C11.4825,4.5 13.5,6.5175 13.5,9 C13.5,9.7575 13.3125,10.4775 12.975,11.1 L14.07,12.195 C14.655,11.2725 15,10.1775 15,9 C15,5.685 12.315,3 9,3 Z M9,13.5 C6.5175,13.5 4.5,11.4825 4.5,9 C4.5,8.2425 4.6875,7.5225 5.025,6.9 L3.93,5.805 C3.345,6.7275 3,7.8225 3,9 C3,12.315 5.685,15 9,15 L9,17.25 L12,14.25 L9,11.25 L9,13.5 Z"] {
  5664. d: path('M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7v2H8v2h8v-2h-2v-2h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H3V4h18v12z') !important;
  5665. transform: scale(0.71);
  5666. }
  5667.  
  5668. .row-1bU71H .featureIcon-1f78KU[name="RichActivity"] path {
  5669. d: path('M21 11.01L3 11v2h18zM3 16h12v2H3zM21 6H3v2.01L21 8z') !important;
  5670. transform: scale(0.6775);
  5671. }
  5672.  
  5673. .row-1bU71H .featureIcon-1f78KU[name="PlusCirclePlay"] path[d="M22.031 12.665c-.923-.4338-1.9384-.665-2.9778-.665-.695 0-1.3663.1013-2 .29V11h-4V7h-2v4h-4v2h4v4h1.29c-.1887.6337-.29 1.305-.29 2 0 1.0394.2312 2.055.665 2.978-.2207.0146-.4424.022-.665.022-2.6522 0-5.1957-1.0536-7.071-2.929C3.1067 17.1958 2.053 14.6523 2.053 12c0-5.5228 4.4772-10 10-10 2.6522 0 5.1957 1.0536 7.071 2.929 1.8754 1.8753 2.929 4.4188 2.929 7.071 0 .2225-.0074.4443-.022.665zM15.4457 13c-.9793.59-1.8023 1.413-2.3924 2.3924V13h2.3924z"] {
  5674. d: path('M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H9zm-3-3v-3h3v-2H6V7H4v3H1v2h3v3z') !important;
  5675. }
  5676.  
  5677. .row-1bU71H .featureIcon-1f78KU[name="PlusCirclePlay"] path[d="M19.0532 14c1.326 0 2.598.5268 3.5355 1.4645.9377.9376 1.4645 2.2094 1.4645 3.5355 0 1.326-.5268 2.598-1.4645 3.5355C21.651 23.4732 20.3793 24 19.0532 24c-1.326 0-2.5978-.5268-3.5355-1.4645C14.58 21.598 14.0532 20.326 14.0532 19c0-2.7614 2.2386-5 5-5zm-1 7l3-2-3-2v4z"] {
  5678. display: none;
  5679. }
  5680.  
  5681.  
  5682. /*
  5683. *
  5684. * HOME TAB
  5685. *
  5686. */
  5687.  
  5688.  
  5689. /* HOME TAB -> FRIENDS */
  5690.  
  5691. .friendsTable-133bsv {
  5692. margin: 0 !important;
  5693. }
  5694.  
  5695. .friendsTable-133bsv .friendsTableHeader-32yE7d {
  5696. padding: 12px 30px;
  5697. background: transparent !important;
  5698. border-bottom: 1px solid var(--select-color);
  5699. }
  5700.  
  5701. .friendsTable-133bsv .friendsTableHeader-32yE7d .friendsColumn-eVHFqJ {
  5702. width: 210px !important;
  5703. font-size: 14px;
  5704. text-transform: none;
  5705. }
  5706.  
  5707. .friendsTable-133bsv .friendsTableHeader-32yE7d .friendsColumnSeparator-3MqtMA {
  5708. opacity: 0;
  5709. }
  5710.  
  5711. .friendsTable-133bsv .friendTableAddWrapper-nHHZtK .friendTableAddHeader-m9bzFr .friendsTableAdd-1w2_qZ,
  5712. .friendsTable-133bsv .friendTableAddWrapper-nHHZtK .friendTableSuggestionsHeader-2zSnpD {
  5713. padding: 16px;
  5714. }
  5715.  
  5716. .friendsTable-133bsv .friendsTableBody-1ZhKif {
  5717. padding: 8px 0;
  5718. }
  5719.  
  5720. .friendsTable-133bsv .friendsRow-2yicud {
  5721. position: relative;
  5722. margin: 0;
  5723. background: var(--chat-color) !important;
  5724. border-radius: 0 !important;
  5725. overflow: visible;
  5726. transition: 200ms var(--default-animation);
  5727. }
  5728.  
  5729. .friendsTable-133bsv .friendsRow-2yicud:hover {
  5730. margin: 0 !important;
  5731. padding: 16px 0px 16px 0 !important;
  5732. background: var(--hover-color) !important;
  5733. }
  5734.  
  5735. .friendsTable-133bsv .friendsRow-2yicud:hover,
  5736. .friendsTable-133bsv .friendsRow-2yicud:hover + .friendsRow-2yicud {
  5737. border-color: #36383a !important;
  5738. }
  5739.  
  5740. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm {
  5741. width: 220px !important;
  5742. margin: 0 0 0 30px !important;
  5743. overflow: visible;
  5744. transition: 200ms ease all;
  5745. }
  5746.  
  5747. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 {
  5748. margin: 0 0 0 26px !important;
  5749. }
  5750.  
  5751. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb {
  5752. margin: 0 0 0 6px !important;
  5753. }
  5754.  
  5755. .friendsTable-133bsv .friendsRow-2yicud + .friendsRow-2yicud {
  5756. border: none !important;
  5757. }
  5758.  
  5759. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm .avatarSmall-3ACRaI {
  5760. width: 42px;
  5761. height: 42px;
  5762. }
  5763.  
  5764. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M {
  5765. transition: 200ms ease all;
  5766. opacity: 0;
  5767. }
  5768.  
  5769. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M {
  5770. transform: translateX(48px);
  5771. opacity: 0;
  5772. }
  5773.  
  5774. .friendsTable-133bsv .friendsRow-2yicud:hover .friendsColumnActions-1LT3_M {
  5775. transform: translateX(0);
  5776. opacity: 1;
  5777. }
  5778.  
  5779. .friendsTable-133bsv .friendsRow-2yicud:hover .friendsColumnActions-1LT3_M {
  5780. padding: 0 !important;
  5781. }
  5782.  
  5783. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm .avatar-small {
  5784. width: 40px !important;
  5785. height: 40px !important;
  5786. background-size: 40px 40px !important;
  5787. }
  5788.  
  5789. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm .avatar-small:after {
  5790. content: " ";
  5791. position: absolute;
  5792. width: 76px;
  5793. height: 2px;
  5794. left: -26px;
  5795. bottom: -12px;
  5796. background: var(--popout-color);
  5797. z-index: 2;
  5798. }
  5799.  
  5800. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .status-mz5rqq {
  5801. position: absolute !important;
  5802. width: 12px !important;
  5803. height: 12px !important;
  5804. top: 10px !important;
  5805. left: 60px !important;
  5806. }
  5807.  
  5808. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .statusText-2F9zIF {
  5809. margin: 0 0 0 4px;
  5810. }
  5811.  
  5812. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M {
  5813. margin: 0 8px 0 0;
  5814. padding: 0;
  5815. }
  5816.  
  5817. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9 {
  5818. position: relative;
  5819. margin: 0 !important;
  5820. background-color: transparent !important;
  5821. border-radius: 50%;
  5822. }
  5823.  
  5824. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9 + div {
  5825. margin: 0 0 0 4px !important;
  5826. }
  5827.  
  5828. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9.friendsActionVideoCall-2_PKeP {
  5829. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTUgOHY4SDVWOGgxMG0xLTJINGMtLjU1IDAtMSAuNDUtMSAxdjEwYzAgLjU1LjQ1IDEgMSAxaDEyYy41NSAwIDEtLjQ1IDEtMXYtMy41bDQgNHYtMTFsLTQgNFY3YzAtLjU1LS40NS0xLTEtMXoiLz48L3N2Zz4=) !important;
  5830. }
  5831.  
  5832. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9.friendsActionVoiceCall-3EdPsR {
  5833. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNi41NCA1Yy4wNi44OS4yMSAxLjc2LjQ1IDIuNTlsLTEuMiAxLjJjLS40MS0xLjItLjY3LTIuNDctLjc2LTMuNzloMS41MW05Ljg2IDEyLjAyYy44NS4yNCAxLjcyLjM5IDIuNi40NXYxLjQ5Yy0xLjMyLS4wOS0yLjU5LS4zNS0zLjgtLjc1bDEuMi0xLjE5TTcuNSAzSDRjLS41NSAwLTEgLjQ1LTEgMSAwIDkuMzkgNy42MSAxNyAxNyAxNyAuNTUgMCAxLS40NSAxLTF2LTMuNDljMC0uNTUtLjQ1LTEtMS0xLTEuMjQgMC0yLjQ1LS4yLTMuNTctLjU3LS4xLS4wNC0uMjEtLjA1LS4zMS0uMDUtLjI2IDAtLjUxLjEtLjcxLjI5bC0yLjIgMi4yYy0yLjgzLTEuNDUtNS4xNS0zLjc2LTYuNTktNi41OWwyLjItMi4yYy4yOC0uMjguMzYtLjY3LjI1LTEuMDJDOC43IDYuNDUgOC41IDUuMjUgOC41IDRjMC0uNTUtLjQ1LTEtMS0xeiIvPjwvc3ZnPg==) !important;
  5834. }
  5835.  
  5836. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9.friendsActionRemove-qu8nnl {
  5837. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNiAxOWMwIDEuMS45IDIgMiAyaDhjMS4xIDAgMi0uOSAyLTJWN0g2djEyek04IDloOHYxMEg4Vjl6bTcuNS01bC0xLTFoLTVsLTEgMUg1djJoMTRWNGgtMy41eiIvPjwvc3ZnPg==) !important;
  5838. }
  5839.  
  5840. .topPill-30KHOu .separator-gCa7yv {
  5841. display: none;
  5842. }
  5843.  
  5844. /* HOME TAB -> FRIENDS -> FRIENDS LIST */
  5845.  
  5846. .container-3gCOGc {
  5847. background: var(--chat-color) !important;
  5848. }
  5849.  
  5850. .privateChannels-1nO12o header {
  5851. text-transform: none;
  5852. font-size: 14px;
  5853. }
  5854.  
  5855. .privateChannels-1nO12o .channel-2QD9_O:first-child {
  5856. margin: 16px 0 0 0;
  5857. }
  5858.  
  5859. .privateChannels-1nO12o .channel-2QD9_O:last-child {
  5860. margin: 0 0 16px 0;
  5861. }
  5862.  
  5863. .privateChannels-1nO12o .channel-2QD9_O a,
  5864. .privateChannels-1nO12o .channel-2QD9_O.selected a {
  5865. height: 42px;
  5866. margin: 0 !important;
  5867. padding: 0 16px;
  5868. border-radius: 0 21px 21px 0;
  5869. }
  5870.  
  5871. .close-3hZ5Ni {
  5872. position: relative;
  5873. width: 24px;
  5874. min-width: 24px;
  5875. height: 24px;
  5876. right: -6px;
  5877. background-size: 24px 24px;
  5878. border-radius: 50%;
  5879. opacity: 0.5;
  5880. }
  5881.  
  5882. /* HOME TAB -> PAGES */
  5883.  
  5884. .linkButtonIcon-Mlm5d6 {
  5885. opacity: 0.25;
  5886. }
  5887.  
  5888. .linkButtonIcon-Mlm5d6 path[fill="currentColor"] {
  5889. fill: #fff !important;
  5890. }
  5891.  
  5892. .channel-2QD9_O.selected-1HYmZZ .linkButtonIcon-Mlm5d6 {
  5893. opacity: 0.8;
  5894. }
  5895.  
  5896. /* HOME TAB -> PAGES -> ACTIVITY */
  5897.  
  5898. .privateChannels-1nO12o .channel-2QD9_O a[href="/activity"] .linkButtonIcon-Mlm5d6[name="Activity"] {
  5899. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMjEgNkgzYy0xLjEgMC0yIC45LTIgMnY4YzAgMS4xLjkgMiAyIDJoMThjMS4xIDAgMi0uOSAyLTJWOGMwLTEuMS0uOS0yLTItMnptMCAxMEgzVjhoMTh2OHpNNiAxNWgydi0yaDJ2LTJIOFY5SDZ2Mkg0djJoMnoiLz48Y2lyY2xlIGZpbGw9IiNmZmZmZmYiIGN4PSIxNC41IiBjeT0iMTMuNSIgcj0iMS41Ii8+PGNpcmNsZSBmaWxsPSIjZmZmZmZmIiBjeD0iMTguNSIgY3k9IjEwLjUiIHI9IjEuNSIvPjwvc3ZnPg==) !important;
  5900. }
  5901.  
  5902. .linkButtonIcon-Mlm5d6[name="Activity"] path {
  5903. display: none !important
  5904. }
  5905.  
  5906. /* HOME TAB -> PAGES -> LIBRARY */
  5907.  
  5908. .linkButtonIcon-Mlm5d6[name="Library"] path {
  5909. d: path('M12 9c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8.55C9.64 9.35 6.48 8 3 8v11c3.48 0 6.64 1.35 9 3.55 2.36-2.19 5.52-3.55 9-3.55V8c-3.48 0-6.64 1.35-9 3.55zm7 5.58c-2.53.34-4.93 1.3-7 2.82-2.06-1.52-4.47-2.49-7-2.83v-6.95c2.1.38 4.05 1.35 5.64 2.83L12 14.28l1.36-1.27c1.59-1.48 3.54-2.45 5.64-2.83v6.95z') !important;
  5910. }
  5911.  
  5912. /* HOME TAB -> PAGES -> STORE */
  5913.  
  5914. .linkButtonIcon-Mlm5d6[name="Store"] path {
  5915. d: path('M18.36 9l.6 3H5.04l.6-3h12.72M20 4H4v2h16V4zm0 3H4l-1 5v2h1v6h10v-6h4v6h2v-6h1v-2l-1-5zM6 18v-4h6v4H6z') !important;
  5916. }
  5917.  
  5918. /* HOME TAB -> PAGES -> FRIENDS */
  5919.  
  5920. .linkButtonIcon-Mlm5d6[name="PersonWaving"] {
  5921. position: relative !important;
  5922. top: -4px !important;
  5923. }
  5924.  
  5925. .linkButtonIcon-Mlm5d6[name="PersonWaving"] path {
  5926. d: path('M9 13.75c-2.34 0-7 1.17-7 3.5V19h14v-1.75c0-2.33-4.66-3.5-7-3.5zM4.34 17c.84-.58 2.87-1.25 4.66-1.25s3.82.67 4.66 1.25H4.34zM9 12c1.93 0 3.5-1.57 3.5-3.5S10.93 5 9 5 5.5 6.57 5.5 8.5 7.07 12 9 12zm0-5c.83 0 1.5.67 1.5 1.5S9.83 10 9 10s-1.5-.67-1.5-1.5S8.17 7 9 7zm7.04 6.81c1.16.84 1.96 1.96 1.96 3.44V19h4v-1.75c0-2.02-3.5-3.17-5.96-3.44zM15 12c1.93 0 3.5-1.57 3.5-3.5S16.93 5 15 5c-.54 0-1.04.13-1.5.35.63.89 1 1.98 1 3.15s-.37 2.26-1 3.15c.46.22.96.35 1.5.35z') !important;
  5927. }
  5928.  
  5929. .privateChannels-1nO12o .channel-2QD9_O,
  5930. .privateChannels-1nO12o .channel-2QD9_O a,
  5931. .content-20Aix8 {
  5932. transition: 200ms ease all;
  5933. }
  5934.  
  5935. .content-20Aix8:hover,
  5936. .privateChannels-1nO12o .channel-2QD9_O:hover a,
  5937. .content-20Aix8:active,
  5938. .privateChannels-1nO12o .channel-2QD9_O:active a {
  5939. background: var(--menu-item-hover) !important;
  5940. }
  5941.  
  5942. .channel-2QD9_O.selected-1HYmZZ a,
  5943. .content-20Aix8.contentSelectedText-3wUhMi,
  5944. .privateChannels-1nO12o .channel-2QD9_O.selected a {
  5945. background: var(--menu-item-select) !important;
  5946. }
  5947.  
  5948. .privateChannels-1nO12o .channel-2QD9_O .status,
  5949. .privateChannels-1nO12o .channel-2QD9_O:hover .status,
  5950. .privateChannels-1nO12o .channel-2QD9_O.selected .status,
  5951. .channel-members .avatar-small .status {
  5952. top: 0;
  5953. border: none;
  5954. box-shadow: var(--shadow-1dp);
  5955. }
  5956.  
  5957. .privateChannels-1nO12o .channel-2QD9_O:hover .close {
  5958. position: relative;
  5959. }
  5960.  
  5961. /* HOME TAB -> FRIENDS POPOUT */
  5962.  
  5963. .themed-popout .header .search-bar .search-bar-inner,
  5964. .themed-popout .header .search-bar input {
  5965. background: var(--popout-alt) !important;
  5966. border: 1px solid var(--popout-alt) !important;
  5967. }
  5968.  
  5969. .themed-popout .header .search-bar input {
  5970. padding: 4px 0 !important;
  5971. border: none !important;
  5972. border-bottom: 2px solid #666 !important;
  5973. font-size: 0.9em !important;
  5974. }
  5975.  
  5976. .private-channel-recipients-invite .friend.selected,
  5977. .private-channel-recipients-invite .friend:hover {
  5978. background: rgba(255,255,255,0.2) !important;
  5979. }
  5980.  
  5981. .themed-popout .footer,
  5982. .private-channel-recipients-invite .body {
  5983.  
  5984. }
  5985.  
  5986. /* HOME TAB -> SEARCH */
  5987.  
  5988. .privateChannels-1nO12o .scroller-2FKFPG {
  5989. margin: 0;
  5990. padding: 8px 8px 8px 0 !important;
  5991. }
  5992.  
  5993. .privateChannels-1nO12o .scrollerWrap-2lJEkd {
  5994. margin: 48px 0 0 0;
  5995. }
  5996.  
  5997. .privateChannels-1nO12o .searchBar-6Kv8R2 {
  5998. position: absolute;
  5999. width: 100%;
  6000. height: 100%;
  6001. padding: 0;
  6002. box-shadow: none;
  6003. pointer-events: none;
  6004. }
  6005.  
  6006. .searchBar-6Kv8R2 .searchBarComponent-32dTOx {
  6007. width: 100% !important;
  6008. height: 100% !important;
  6009. padding: 0 !important;
  6010. background: transparent !important;
  6011. border-radius: 0 !important;
  6012. pointer-events: none;
  6013. }
  6014.  
  6015. .searchBar-6Kv8R2 .searchBarComponent-32dTOx:before {
  6016. content: " ";
  6017. position: absolute;
  6018. width: 240px;
  6019. height: 48px;
  6020. top: 0;
  6021. background: var(--main-color);
  6022. box-shadow: 0 1px 1px #101113;
  6023. }
  6024.  
  6025. .searchBar-6Kv8R2 .searchBarComponent-32dTOx:after {
  6026. content: "Home";
  6027. position: absolute;
  6028. top: 16px;
  6029. left: 16px;
  6030. font-size: 1em;
  6031. font-weight: 700;
  6032. color: #fff;
  6033. }
  6034.  
  6035. .searchBar-6Kv8R2 .searchBarComponent-32dTOx .inner-3ErfOT {
  6036. position: absolute;
  6037. height: 56px;
  6038. bottom: 8px;
  6039. right: 8px;
  6040. padding: 0;
  6041. background: transparent;
  6042. border: none;
  6043. z-index: 3;
  6044. }
  6045.  
  6046. .searchBar-6Kv8R2 .searchBarComponent-32dTOx .inner-3ErfOT input {
  6047. width: 56px;
  6048. height: 56px !important;
  6049. right: 0;
  6050. bottom: 0;
  6051. padding: 0 !important;
  6052. background-color: var(--accent-color) !important;
  6053. background-image: url('https://discordapp.com/assets/4d254296157bb8927b7d53ed59beb0d8.svg') !important;
  6054. background-repeat: no-repeat !important;
  6055. background-position: center !important;
  6056. background-size: 40% !important;
  6057. border-radius: 50%;
  6058. box-shadow: var(--shadow-3dp) !important;
  6059. pointer-events: initial;
  6060. cursor: pointer;
  6061. border: none !important;
  6062. }
  6063.  
  6064. .searchBar-6Kv8R2 .searchBarComponent-32dTOx .inner-3ErfOT input::-webkit-input-placeholder {
  6065. font-size: 0;
  6066. }
  6067.  
  6068. .quickswitcher-3JagVE {
  6069. position: relative;
  6070. padding: 0;
  6071. }
  6072.  
  6073. .quickswitcher-3JagVE:after {
  6074. position: absolute;
  6075. content: " ";
  6076. width: 100%;
  6077. height: 1px;
  6078. top: 72px;
  6079. background: var(--card-border-color);
  6080. }
  6081.  
  6082. .quickswitcher-3JagVE .input-2VB9rf {
  6083. height: 40px;
  6084. margin: 16px;
  6085. padding: 0 12px;
  6086. line-height: 40px;
  6087. background: rgba(255,255,255,0.075) !important;
  6088. border-radius: 20px;
  6089. box-shadow: none !important;
  6090. font-size: 1em !important;
  6091. }
  6092.  
  6093. .scrollerOuter-3FLELE {
  6094. margin: 0;
  6095. }
  6096.  
  6097. .result-oB0z-- {
  6098. margin: 0 16px;
  6099. }
  6100.  
  6101. .resultFocused-3aIoYe {
  6102. background-color: rgba(255,255,255,0.075) !important;
  6103. border-radius: 0;
  6104. }
  6105.  
  6106. .tipsWithResults-HhTE9b,
  6107. .tipsWithoutResults-lGY-De {
  6108. padding: 8px;
  6109. border-color: var(--card-border-color) !important;
  6110. }
  6111.  
  6112. .keybindShortcut-1BD6Z1 span {
  6113. line-height: 18px;
  6114. border: none !important;
  6115. box-shadow: none !important;
  6116. cursor: pointer;
  6117. }
  6118.  
  6119. .keybindShortcut-1BD6Z1 span:active {
  6120. height: 23px;
  6121. border: none;
  6122. box-shadow: none;
  6123. transform: translateY(0);
  6124. }
  6125.  
  6126. .keybindShortcutTipsSelect-HDyfe8:last-of-type:before {
  6127. display: none;
  6128. }
  6129.  
  6130. .tutorial-3igfYb.shown-3PNP1p {
  6131. display: none;
  6132. }
  6133.  
  6134. /* HOME TAB -> ADD FRIEND */
  6135.  
  6136. #friends .friends-table .friend-table-add-wrapper .friend-table-add-header {
  6137. background: #29292e !important;
  6138. border-bottom: none !important;
  6139. }
  6140.  
  6141. .wrapper-1cBijl {
  6142. position: relative !important;
  6143. height: 40px;
  6144. margin: 8px 0 0 0;
  6145. padding: 0 12px !important;
  6146. background: rgba(255,255,255,0.075) !important;
  6147. border-radius: 20px !important;
  6148. border: none !important;
  6149. }
  6150.  
  6151. .wrapper-1cBijl .addFriendInput-4bcerK {
  6152. margin: 0 36px 0 0 !important;
  6153. padding: 0 !important;
  6154. font-size: 1em;
  6155. font-weight: 400;
  6156. }
  6157.  
  6158. .wrapper-1cBijl .addFriendInput-4bcerK,
  6159. .wrapper-1cBijl .addFriendInput-4bcerK:focus {
  6160. border: none !important;
  6161. }
  6162.  
  6163. .wrapper-1cBijl .addFriendInput-4bcerK::-webkit-input-placeholder {
  6164. color: #aaa !important;
  6165. }
  6166.  
  6167. .addFriendHint-3Y70FX {
  6168. top: -5px !important;
  6169. left: 12px !important;
  6170. font-size: 1em;
  6171. font-weight: 400;
  6172. }
  6173.  
  6174. .wrapper-1cBijl .lookFilled-1Gx00P.colorBrand-3pXr91 {
  6175. position: absolute;
  6176. width: 0 !important;
  6177. min-width: 0 !important;
  6178. max-width: 0 !important;
  6179. right: 8px;
  6180. padding: 0;
  6181. background: transparent !important;
  6182. box-shadow: none !important;
  6183. z-index: 2;
  6184. font-size: 0;
  6185. pointer-events: none;
  6186. }
  6187.  
  6188. .wrapper-1cBijl .lookFilled-1Gx00P.colorBrand-3pXr91:hover,
  6189. .wrapper-1cBijl .lookFilled-1Gx00P.colorBrand-3pXr91:focus {
  6190. background: transparent !important;
  6191. }
  6192.  
  6193. .wrapper-1cBijl .lookFilled-1Gx00P.colorBrand-3pXr91:after {
  6194. content: " ";
  6195. position: absolute;
  6196. width: 24px !important;
  6197. height: 24px !important;
  6198. top: 0;
  6199. left: 0;
  6200. right: 0;
  6201. bottom: 0;
  6202. margin: auto;
  6203. background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTkuNSwzQTYuNSw2LjUgMCAwLDEgMTYsOS41QzE2LDExLjExIDE1LjQxLDEyLjU5IDE0LjQ0LDEzLjczTDE0LjcxLDE0SDE1LjVMMjAuNSwxOUwxOSwyMC41TDE0LDE1LjVWMTQuNzFMMTMuNzMsMTQuNDRDMTIuNTksMTUuNDEgMTEuMTEsMTYgOS41LDE2QTYuNSw2LjUgMCAwLDEgMyw5LjVBNi41LDYuNSAwIDAsMSA5LjUsM005LjUsNUM3LDUgNSw3IDUsOS41QzUsMTIgNywxNCA5LjUsMTRDMTIsMTQgMTQsMTIgMTQsOS41QzE0LDcgMTIsNSA5LjUsNVoiIC8+PC9zdmc+);
  6204. background-repeat: no-repeat;
  6205. border-radius: 50%;
  6206. cursor: pointer;
  6207. pointer-events: auto;
  6208. }
  6209.  
  6210. .wrapper-1cBijl .lookFilled-1Gx00P.colorBrand-3pXr91[disabled]:after {
  6211. box-shadow: none !important;
  6212. opacity: 0.4;
  6213. cursor: auto;
  6214. pointer-events: none;
  6215. }
  6216.  
  6217. #friends .friends-table .friend-table-add-wrapper .friend-table-add-header .friends-table-add,
  6218. #friends .friends-table .friend-table-add-wrapper .friend-table-suggestions-header {
  6219. padding: 16px;
  6220. }
  6221.  
  6222. /* HOME TAB -> BLOCK USER */
  6223.  
  6224. .wrapper-39oAo3 button {
  6225.  
  6226. }
  6227.  
  6228. /* HOME TAB -> DMs */
  6229.  
  6230. .titleText-3X-zRE {
  6231. overflow: visible;
  6232. }
  6233.  
  6234. .nicknames-1XK4Zt {
  6235. font-weight: 500;
  6236. }
  6237.  
  6238. /* HOME TAB -> DMs -> SELECT FRIENDS */
  6239.  
  6240. .modal-3v8ziU.sizeSmall-Sf4iOi .header-2nhbou + .scrollerWrap-2lJEkd .scroller-2FKFPG div:not([class]):first-child {
  6241. margin: 8px 0 0 0;
  6242. }
  6243.  
  6244. .modal-3v8ziU .searchBar-1Vaz-O .searchBarComponent-yxeVIL {
  6245. height: auto !important;
  6246. min-height: 40px;
  6247. padding: 0 4px;
  6248. background: rgba(255,255,255,0.075) !important;
  6249. border-radius: 20px;
  6250. }
  6251.  
  6252. .modal-3v8ziU .searchBar-2_Yu-C.marginTop4-2BNfKC {
  6253. margin: 16px 0 16px 0;
  6254. }
  6255.  
  6256. .modal-3v8ziU .searchBar-2_Yu-C .searchBarInner-1_Tg2R {
  6257. padding: 2px 0 !important;
  6258. background: transparent !important;
  6259. border: none !important;
  6260. }
  6261.  
  6262. .modal-3v8ziU .searchBar-1Vaz-O .searchBarComponent-yxeVIL input {
  6263. height: 40px;
  6264. padding: 0 4px !important;
  6265. line-height: 36px !important;
  6266. font-size: 0.95em;
  6267. font-weight: 500;
  6268. }
  6269.  
  6270. .modal-3v8ziU .searchBar-1Vaz-O .searchBarComponent-yxeVIL input:only-child {
  6271. padding: 0 12px !important;
  6272. }
  6273.  
  6274. .modal-3v8ziU .footer-1W7DZI {
  6275. padding: 8px;
  6276. }
  6277.  
  6278. .tag-2gHSR7 {
  6279. height: 28px !important;
  6280. margin: 4px 0 0 4px;
  6281. padding: 0 12px !important;
  6282. line-height: 32px !important;
  6283. background: rgba(255,255,255,0.15) !important;
  6284. border-radius: 16px;
  6285. }
  6286.  
  6287.  
  6288. .tag-2gHSR7 .close-3WVtCL {
  6289. width: 24px;
  6290. height: 24px;
  6291. margin: 0 -8px 0 8px;
  6292. background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICA8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTIsMkMxNy41MywyIDIyLDYuNDcgMjIsMTJDMjIsMTcuNTMgMTcuNTMsMjIgMTIsMjJDNi40NywyMiAyLDE3LjUzIDIsMTJDMiw2LjQ3IDYuNDcsMiAxMiwyTTE1LjU5LDdMMTIsMTAuNTlMOC40MSw3TDcsOC40MUwxMC41OSwxMkw3LDE1LjU5TDguNDEsMTdMMTIsMTMuNDFMMTUuNTksMTdMMTcsMTUuNTlMMTMuNDEsMTJMMTcsOC40MUwxNS41OSw3WiIgLz4NCjwvc3ZnPg==);
  6293. border-radius: 50%;
  6294. opacity: 0.4;
  6295. transition: 250ms ease all;
  6296. }
  6297.  
  6298. .tag-2gHSR7:hover .close-3WVtCL {
  6299. opacity: 0.8;
  6300. }
  6301.  
  6302. .tag-2gHSR7 .close-3WVtCL path {
  6303. display: none;
  6304. }
  6305.  
  6306. .friendWrapper-LdKLp8 {
  6307. margin: 0;
  6308. padding: 0;
  6309. }
  6310.  
  6311. .friendWrapper-LdKLp8:nth-of-type(2) {
  6312. margin: 8px 0 0 0;
  6313. }
  6314.  
  6315. .friend-2E0q2S {
  6316. padding: 0 16px;
  6317. border-radius: 0;
  6318. }
  6319.  
  6320. .friend-2E0q2S .match-w_mMTb {
  6321. margin: 0 12px;
  6322. }
  6323.  
  6324. .friend-2E0q2S .checked-3_4uQ9 svg[name="Checkmark"] polyline {
  6325. stroke: #fff !important;
  6326. }
  6327.  
  6328. .footerSeparator-M9dQY1 {
  6329. margin: 0;
  6330. background: var(--card-border-color);
  6331. box-shadow: none !important;
  6332. }
  6333.  
  6334. .footer-1eyGBa {
  6335. padding: 8px;
  6336. }
  6337.  
  6338.  
  6339. /*
  6340. *
  6341. * USER SETTINGS
  6342. *
  6343. */
  6344.  
  6345. .side-8zPYf6 .item-PXvHYJ {
  6346. /*border-radius: var(--border-radius);*/
  6347. /*border-radius: 0 16px 16px 0;*/
  6348. }
  6349.  
  6350. .header-2RyJ0Y,
  6351. .h5-18_1nd {
  6352. text-transform: none;
  6353. }
  6354.  
  6355. .size12-3R0845,
  6356. .userInfoSectionHeader-CBvMDh {
  6357. font-size: 14px;
  6358. text-transform: none;
  6359. }
  6360.  
  6361. .sidebarRegion-VFTUkN .side-8zPYf6 .header-2RyJ0Y {
  6362. display: none;
  6363. }
  6364.  
  6365. .title-3sZWYQ.h2-2gWE-o.size16-14cGz5.defaultColor-1_ajX0,
  6366. #bd-settingspane-container h2.ui-form-title {
  6367. text-transform: capitalize;
  6368. font-weight: 500;
  6369. font-size: 18px;
  6370. }
  6371.  
  6372. /* USER SETTINGS -> NEW SIDE BAR */
  6373.  
  6374. .sidebarRegion-VFTUkN {
  6375. flex: 0;
  6376. }
  6377.  
  6378. .platform-osx .sidebarRegion-VFTUkN:after {
  6379. position: absolute;
  6380. content: " ";
  6381. width: 246px;
  6382. height: 32px;
  6383. top: 0;
  6384. left: 0;
  6385. background: var(--main-alt);
  6386. }
  6387.  
  6388. .sidebar-CFHs9e,
  6389. #pubslayerroot .sidebar {
  6390. width: 240px;
  6391. margin: 0 6px 0 0;
  6392. padding: 60px 6px 40px 0;
  6393. }
  6394.  
  6395. #pubslayerroot .sidebar {
  6396. padding: 80px 6px 40px 0;
  6397. }
  6398.  
  6399. .sidebarScrollable-1qPI87 .flexChild-faoVW3[style*='padding: 60px 15px 80px 20px;'] {
  6400. padding: 60px 8px 40px 0 !important;
  6401. }
  6402.  
  6403. .sidebarScrollable-1qPI87 + .content-1rPSz4[style*='padding: 60px 0px 80px 20px;'] {
  6404. padding: 0 0 0 20px !important;
  6405. }
  6406.  
  6407. .sidebarScrollable-1qPI87 .side-8zPYf6 .header-2RyJ0Y:first-child {
  6408. margin: 0 0 8px 0;
  6409. padding: 0 0 0 10px !important;
  6410. }
  6411.  
  6412. .sidebarScrollable-1qPI87 .side-8zPYf6 .item-PXvHYJ {
  6413. width: auto !important;
  6414. padding: 0 10px;
  6415. border-radius: var(--border-radius) !important;
  6416. }
  6417.  
  6418. .side-8zPYf6 .header-2RyJ0Y,
  6419. .socialLinks-3jqNFy,
  6420. #bd-settings-sidebar .ui-tab-bar-header,
  6421. #bd-settings-sidebar span div[style="font-size: 12px; font-weight: 600; color: rgb(114, 118, 125); padding: 2px 10px;"],
  6422. #pubslayer .ui-tab-bar-header {
  6423. padding: 0 12px 0 26px !important;
  6424. line-height: 16px;
  6425. font-size: 12px !important;
  6426. font-weight: 700;
  6427. }
  6428.  
  6429. #bd-settings-sidebar span div:not([class]):nth-child(2) {
  6430. margin: 4px 0 0 0;
  6431. }
  6432.  
  6433. .side-8zPYf6 .item-PXvHYJ,
  6434. #bd-settings-sidebar .ui-tab-bar-item,
  6435. #pubslayer .ui-tab-bar-item {
  6436. width: 240px;
  6437. height: 32px;
  6438. margin: 0;
  6439. padding: 0 12px 0 26px;
  6440. line-height: 32px;
  6441. border-radius: 0 16px 16px 0;
  6442. transition: 250ms ease all;
  6443. }
  6444.  
  6445. .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ:hover,
  6446. .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ[style="color: rgb(114, 137, 218); background-color: rgba(114, 137, 218, 0.1);"]:hover,
  6447. .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ[style="color: rgb(255, 255, 255); background-color: rgb(114, 137, 218);"],
  6448. #pubslayer .ui-tab-bar-item:hover {
  6449. background: var(--menu-item-hover) !important;
  6450. }
  6451.  
  6452. .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ.selected-3s45Ha,
  6453. .sidebar-CFHs9e .side-8zPYf6 .itemSelected-1qLhcL,
  6454. .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ[style*="color: rgb(255, 255, 255); background-color: rgb(114, 137, 218);"]:hover,
  6455. #bd-settings-sidebar .ui-tab-bar-item.selected {
  6456. background: var(--menu-item-select) !important;
  6457. }
  6458.  
  6459. .side-8zPYf6 .separator-gCa7yv,
  6460. #bd-settings-sidebar .ui-tab-bar-separator,
  6461. #pubslayer .ui-tab-bar-separator {
  6462. position: relative;
  6463. height: 1px;
  6464. margin: 8px 0;
  6465. background: transparent !important;
  6466. }
  6467.  
  6468. .side-8zPYf6 .separator-gCa7yv:after,
  6469. #bd-settings-sidebar .ui-tab-bar-separator:after,
  6470. #pubslayer .ui-tab-bar-separator:after {
  6471. position: absolute;
  6472. content: " ";
  6473. width: calc(100% + 12px);
  6474. height: 1px;
  6475. background: rgba(114,118,125,0.3);
  6476. }
  6477.  
  6478. .contentColumnDefault-1VQkGM,
  6479. .contentColumnMinimal-2iX-kP,
  6480. .customColumn-Rb6toI,
  6481. .customScroller-26gWhv > div {
  6482. flex: 1 1 auto;
  6483. max-width: 900px;
  6484. left: 0;
  6485. right: 0;
  6486. margin: 0 auto;
  6487. }
  6488.  
  6489. .contentColumnDefault-1VQkGM {
  6490. padding: 60px 40px 60px;
  6491. }
  6492.  
  6493. .customColumn-Rb6toI {
  6494. position: relative;
  6495. width: 100%;
  6496. max-width: 100%;
  6497. margin: 0;
  6498. padding: 0;
  6499. }
  6500.  
  6501. .customContainer-1RHXqt {
  6502. width: auto;
  6503. }
  6504.  
  6505. .customContainer-1RHXqt .customScroller-26gWhv {
  6506. padding: 0 60px 0 0;
  6507. }
  6508.  
  6509. .customContainer-1RHXqt .customScroller-26gWhv > div[style*='flex: 1 1 auto; padding-bottom: 60px;'] {
  6510. max-width: 900px;
  6511. padding: 60px 40px 80px;
  6512. }
  6513.  
  6514. .customContainer-1RHXqt .customScroller-26gWhv > div {
  6515. position: relative;
  6516. max-width: calc(900px - 80px);
  6517. margin: 0 auto;
  6518. padding: 0 ;
  6519. }
  6520.  
  6521. .customContainer-1RHXqt .customScroller-26gWhv > .customHeader-PhBRGa {
  6522. padding: 60px 0 0;
  6523. }
  6524.  
  6525. .member-1q7VfX {
  6526. padding: 16px 0 !important;
  6527. }
  6528.  
  6529. .inviteSettingsInviteRow-3p2O-N {
  6530. height: 72px;
  6531. }
  6532.  
  6533. .card-FDVird:before {
  6534. margin: 0 60px;
  6535. }
  6536.  
  6537. .customColumn-Rb6toI + .toolsContainer-1edPuj {
  6538. position: absolute;
  6539. width: 60px;
  6540. height: 60px;
  6541. right: 0;
  6542. }
  6543.  
  6544. .customColumn-Rb6toI + .toolsContainer-1edPuj .tools-3-3s-N {
  6545. position: absolute;
  6546. width: 36px;
  6547. right: -8px;
  6548. }
  6549.  
  6550. .contentColumnMinimal-2iX-kP {
  6551. padding: 60px 40px 80px;
  6552. }
  6553.  
  6554. .customHeader-f9DEJ_ {
  6555. padding: 0;
  6556. }
  6557.  
  6558. .side-8zPYf6 .item-PXvHYJ[style*="color: rgb(114, 137, 218);"] {
  6559. color: #b9bbbe !important;
  6560. }
  6561.  
  6562. .side-8zPYf6 .itemSelected-1qLhcL[style*="color: rgb(255, 255, 255); background-color: rgb(114, 137, 218);"] {
  6563. background: rgba(255,255,255,0.1) !important;
  6564. color: #fff !important;
  6565. }
  6566.  
  6567. /* USER SETTINGS -> MY ACCOUNT */
  6568.  
  6569. .userSettingsAccount-2eMFVR .userInfoEditing-1CEzdT {
  6570. padding: 0;
  6571. }
  6572.  
  6573. .userSettingsAccount-2eMFVR .userInfoViewing-16kqK3,
  6574. .userSettingsAccount-2eMFVR .userInfoEditing-1CEzdT .justifyStart-2NDFzi:first-child {
  6575. padding: 16px;
  6576. }
  6577.  
  6578. .userSettingsAccount-2eMFVR .userInfoEditing-1CEzdT .divider-3573oO {
  6579. margin: 0;
  6580. background: var(--card-border-color) !important;
  6581. }
  6582.  
  6583. .userSettingsAccount-2eMFVR .userInfoEditing-1CEzdT .justifyEnd-2E6vba {
  6584. padding: 8px;
  6585. }
  6586.  
  6587. .multiInputLast-1aQ3YA:before {
  6588. height: 22px;
  6589. top: 0;
  6590. left: 0;
  6591. margin: 5px 0 0 0;
  6592. border-width: 2px;
  6593. border-right-color: var(--card-border-color) !important;
  6594. opacity: 1 !important;
  6595. }
  6596.  
  6597. .inputPrefix-2VAOGg {
  6598. height: 29px;
  6599. padding: 6px 0 0 20px;
  6600. }
  6601.  
  6602. .input-cIJ7To.disabled-2BKQFm {
  6603. border-color: #666 !important;
  6604. }
  6605.  
  6606. .input-cIJ7To.disabled-2BKQFm[name="discriminator"] {
  6607. padding: 6px 0 2px 32px !important;
  6608. }
  6609.  
  6610. .input-cIJ7To.multiInput-1e2xJ7 {
  6611. border: none !important;
  6612. }
  6613.  
  6614. .questionMark-CWEQZn {
  6615. position: relative;
  6616. width: 24px;
  6617. height: 24px;
  6618. top: -2px !important;
  6619. right: -2px !important;
  6620. }
  6621.  
  6622. .userSettingsSecurity-3IYeMF {
  6623. margin-top: 32px;
  6624. }
  6625.  
  6626. /* USER SETTINGS -> MY ACCOUNT -> SMS AUTHENTICATION */
  6627.  
  6628. .phoneField-36t5MB {
  6629. background: transparent !important;
  6630. border-radius: 0 !important;
  6631. box-shadow: none !important
  6632. }
  6633.  
  6634. .phoneField-36t5MB .countryButton-wNQiPa {
  6635. margin: 0 4px 0 0 !important;
  6636. padding: 0 !important;
  6637. background: transparent !important;
  6638. }
  6639.  
  6640. .phoneField-36t5MB .countryCode-1zgH0u {
  6641. color: #aaa !important;
  6642. }
  6643.  
  6644. .phoneField-36t5MB .countryCodeContainer-3Xjnrz {
  6645. margin: 0 !important;
  6646. }
  6647.  
  6648. .phoneField-36t5MB .inputField-3os-YM {
  6649. margin: 0 8px 0 0 !important;
  6650. padding: 0 !important;
  6651. background: transparent !important;
  6652. border-bottom: 2px solid var(--card-border-color) !important;
  6653. color: #aaa !important;
  6654. transition: 200ms ease all !important;
  6655. }
  6656.  
  6657. .phoneField-36t5MB .smallGrow-2_7ZaC {
  6658. min-width: 32px !important;
  6659. min-height: 32px !important;
  6660. border-radius: 50% !important;
  6661. }
  6662.  
  6663. .phoneField-36t5MB .sendButton-35vEUT:after {
  6664. content: " ";
  6665. position: absolute;
  6666. width: 100%;
  6667. height: 100%;
  6668. top: 0;
  6669. left: 0;
  6670. background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiAgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yLDIxTDIzLDEyTDIsM1YxMEwxNywxMkwyLDE0VjIxWiIgLz48L3N2Zz4=);
  6671. background-repeat: no-repeat;
  6672. background-position: center;
  6673. }
  6674.  
  6675. .phoneField-36t5MB .sendButton-35vEUT .contentsFilled-3M8HCx {
  6676. display: none !important;
  6677. }
  6678.  
  6679. .selectableItem-3PW5_y {
  6680. background: transparent !important;
  6681. }
  6682.  
  6683. .phoneFieldPopout-ix8zib .phoneFieldScroller-Ze3whx {
  6684. background: var(--popout-alt) !important;
  6685. }
  6686.  
  6687. .selectableItem-3PW5_y:hover {
  6688. background: rgba(255,255,255,0.1) !important;
  6689. }
  6690.  
  6691. .input-3_iTLI {
  6692. background: var(--main-color) !important;
  6693. color: #aaa !important;
  6694. }
  6695.  
  6696. /* USER SETTINGS -> AUTHORIZED APPS */
  6697.  
  6698. .cardPrimaryOutline-29Ujqw.authedApp-mj2Hmd {
  6699. margin: 0 0 16px 0 !important;
  6700. padding: 0 !important;
  6701. }
  6702.  
  6703. .cardPrimaryOutline-29Ujqw.authedApp-mj2Hmd .marginBottom20-32qID7 {
  6704. margin: 0 !important;
  6705. padding: 16px !important;
  6706. border-bottom: 1px solid var(--card-border-color);
  6707. }
  6708.  
  6709. .cardPrimaryOutline-29Ujqw.authedApp-mj2Hmd .marginTop20-3TxNs6 {
  6710. margin: 0 !important;
  6711. padding: 16px !important;
  6712. }
  6713.  
  6714. .cardPrimaryOutline-29Ujqw.authedApp-mj2Hmd div:not([class]) {
  6715. padding: 16px 16px 0px 16px !important;
  6716. }
  6717.  
  6718. .authedApp-mj2Hmd .deleteApp-dtfZIe {
  6719. opacity: 0 !important;
  6720. transition: 200ms ease all !important;
  6721. }
  6722.  
  6723. .authedApp-mj2Hmd:hover .deleteApp-dtfZIe {
  6724. opacity: 1 !important;
  6725. }
  6726.  
  6727. /* USER SETTINGS -> CONNECTIONS */
  6728.  
  6729. .accountBtn-2Nozo3 {
  6730. margin: 0 4px 0 0;
  6731. padding: 2px 0;
  6732. }
  6733.  
  6734. .accountBtn-2Nozo3 button {
  6735. box-shadow: none !important;
  6736. }
  6737.  
  6738. .accountBtnInner-sj5jLs {
  6739. background-color: transparent !important;
  6740. border-radius: 50%;
  6741. }
  6742.  
  6743. .accountBtnInner-sj5jLs:hover {
  6744. background-color: var(--hover-color) !important;
  6745. }
  6746.  
  6747. .accountBtnInner-sj5jLs:active {
  6748. background-color: rgba(255,255,255,0.075) !important;
  6749. }
  6750.  
  6751. .connection-1fbD7X {
  6752. margin: 0 0 16px 0 !important;
  6753. border: none !important;
  6754. }
  6755.  
  6756. .connectionHeader-2MDqhu {
  6757. padding: 16px;
  6758. border: none;
  6759. }
  6760.  
  6761. .connectionHeader-2MDqhu.marginBottom20-32qID7 {
  6762. margin: 0 !important;
  6763. }
  6764.  
  6765. .connectionOptionsWrapper-3KIj1Z {
  6766. padding: 16px;
  6767. }
  6768.  
  6769. .connectionOptionSwitch-3KNn-E.marginBottom20-32qID7:last-child {
  6770. margin: 0 !important;
  6771. }
  6772.  
  6773. .connectionDelete-2Odoln {
  6774. top: 16px;
  6775. right: 16px;
  6776. border-radius: 50% !important;
  6777. border: none;
  6778. }
  6779.  
  6780. .connectionDelete-2Odoln:before {
  6781. content: " ";
  6782. position: absolute;
  6783. width: 24px;
  6784. height: 24px;
  6785. top: 4px;
  6786. left: 4px;
  6787. background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE5LDYuNDFMMTcuNTksNUwxMiwxMC41OUw2LjQxLDVMNSw2LjQxTDEwLjU5LDEyTDUsMTcuNTlMNi40MSwxOUwxMiwxMy40MUwxNy41OSwxOUwxOSwxNy41OUwxMy40MSwxMkwxOSw2LjQxWiIgLz48L3N2Zz4=) !important;
  6788. background-color: transparent;
  6789. transform: rotate(0deg);
  6790. }
  6791.  
  6792. .connectionDelete-2Odoln:after {
  6793. width: 32px;
  6794. height: 32px;
  6795. top: 0;
  6796. left: 0;
  6797. background-color: transparent;
  6798. background: rgba(255,255,255,0.1);
  6799. border-radius: 50%;
  6800. transform: rotate(0deg);
  6801. }
  6802.  
  6803. .integration-3kMeY4 {
  6804. margin: 0;
  6805. padding: 16px;
  6806. background: rgba(0,0,0,0.1) !important;
  6807. border-radius: 0;
  6808. border: none !important;
  6809. }
  6810.  
  6811. .integration-3kMeY4:first-child {
  6812. border-radius: var(--border-radius) var(--border-radius) 0 0;
  6813. }
  6814.  
  6815. .integration-3kMeY4:last-child {
  6816. border-radius: 0 0 var(--border-radius) var(--border-radius);
  6817. border-bottom: none !important;
  6818. }
  6819.  
  6820. /* USER SETTINGS -> AUTHORIZED APPS */
  6821.  
  6822. .card-3DrRmC,
  6823. .card-3Qj_Yx,
  6824. .authedApp-mj2Hmd,
  6825. .formNotice-2tZsrh {
  6826. background: var(--card-color);
  6827. }
  6828.  
  6829. /* USER SETTINGS -> BILLING */
  6830.  
  6831. .lockIcon-1UaIyp[name="SecureLock"] path {
  6832. d: path('M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z') !important;
  6833. }
  6834.  
  6835. .divider-3WKGWk {
  6836. display: none !important;
  6837. }
  6838.  
  6839. .measurement-36xDqs div:not([class]) {
  6840.  
  6841. }
  6842.  
  6843. .modal-3v8ziU .row-2grg9k {
  6844. margin: 16px 0 0 0;
  6845. padding: 0 !important;
  6846. }
  6847.  
  6848. .modal-3v8ziU .row-2grg9k:first-child {
  6849. margin: 0;
  6850. }
  6851.  
  6852. .cardIconSmall-2gJ6xX {
  6853. left: 0;
  6854. }
  6855.  
  6856. .paypalIcon-2dBx_b {
  6857. top: 4px;
  6858. }
  6859.  
  6860. .cardNumberWrapper-3YhV1H .cardIconSmall-2gJ6xX {
  6861. top: 4px;
  6862. }
  6863.  
  6864. .measurement-36xDqs .cardIconSmall-2gJ6xX + .inputWrapper-31_8H8 .input-cIJ7To {
  6865. padding: 0 0 0 42px !important;
  6866. }
  6867.  
  6868. .modal-3v8ziU .form-77IDep .horizontalReverse-2eTKWD>.flex-1xMQg5:last-child {
  6869. flex: 0 1 auto !important;
  6870. }
  6871.  
  6872. .paymentHistory-2FXzro {
  6873. margin-top: 24px;
  6874. }
  6875.  
  6876. .codeRedemptionRedirect-1wVR4b {
  6877. margin: 0;
  6878. padding: 16px;
  6879. background: var(--card-color) !important;
  6880. border: none !important;
  6881. box-shadow: var(--shadow-1dp) !important;
  6882. font-size: 1em !important;
  6883. }
  6884.  
  6885. /* USER SETTINGS -> BILLING -> PAYMENT METHODS -> EDIT */
  6886.  
  6887. .defaultIndicator-G3c16x {
  6888. position: relative;
  6889. height: auto;
  6890. top: -2px;
  6891. padding: 4px 8px !important;
  6892. }
  6893.  
  6894. .addressSection-3LwW_f,
  6895. .defaultSection-2hDX5u {
  6896. margin: 0;
  6897. }
  6898.  
  6899. .addressSection-3LwW_f {
  6900. margin: 0;
  6901. padding: 16px 16px 0 16px;
  6902. }
  6903.  
  6904. .defaultSection-2hDX5u {
  6905. height: 60px !important;
  6906. padding: 16px;
  6907. }
  6908.  
  6909. .formActions-34l65m {
  6910. margin: 0;
  6911. padding: 8px;
  6912. }
  6913.  
  6914. .formActions-34l65m .lookFilled-1Gx00P.colorGreen-29iAKY {
  6915. margin: 0 0 0 8px;
  6916. }
  6917.  
  6918. .addressSection-3LwW_f .width25-3DEhbv .select-2TCrqx {
  6919.  
  6920. }
  6921.  
  6922. /* USER SETTINGS -> NITRO */
  6923.  
  6924. .tier1Banner-1B_WXY {
  6925. max-width: 900px;
  6926. border-radius: var(--border-radius);
  6927. box-shadow: var(--shadow-1dp);
  6928. }
  6929.  
  6930. .lookLink-9FtZy-.colorPrimary-3b3xI6.giftButton-3hOWFt:hover,
  6931. .lookLink-9FtZy-.colorPrimary-3b3xI6.giftButton-3hOWFt:active {
  6932. background: transparent !important;
  6933. }
  6934.  
  6935. /* USER SETTINGS -> HYPESQUAD */
  6936.  
  6937. .video-2aTfcg {
  6938.  
  6939. }
  6940.  
  6941. /* USER SETTINGS -> VOICE AND VIDEO */
  6942.  
  6943. .container-1nZlH6 {
  6944. background: transparent !important;
  6945. border-radius: 0 !important;
  6946. border: none !important;
  6947. border-bottom: 2px solid var(--card-border-color) !important;
  6948. }
  6949.  
  6950. .container-1nZlH6 .input-1UhAnY {
  6951. border: none !important;
  6952. }
  6953.  
  6954. .cardPrimary-1Hv-to .icon-4lJsMQ[src="/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png"] {
  6955. margin: auto 16px;
  6956. }
  6957.  
  6958. .userSettingsVoice-iwdUCU .previewContainer-37c2Si {
  6959. overflow: visible;
  6960. }
  6961.  
  6962. .userSettingsVoice-iwdUCU .media-engine-video {
  6963. border-radius: var(--border-radius);
  6964. }
  6965.  
  6966. .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC {
  6967. border-radius: var(--border-radius);
  6968. border: none;
  6969. box-shadow: var(--shadow-1dp);
  6970. }
  6971.  
  6972. .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC.dismiss-3tPbRc {
  6973. box-shadow: none;
  6974. }
  6975.  
  6976. .theme-dark .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC {
  6977. background-color: var(--card-color);
  6978. }
  6979.  
  6980. /* USER SETTINGS -> VOICE AND VIDEO -> MIC TEST */
  6981.  
  6982. .micTestButton-3lpP11 {
  6983. width: 120px !important;
  6984. min-width: 120px !important;
  6985. max-width: 120px !important;
  6986. }
  6987.  
  6988. .micTestCaption-r5_z_T {
  6989. left: 128px;
  6990. }
  6991.  
  6992. .wrapper-3Z-vWm {
  6993. height: 4px;
  6994. }
  6995.  
  6996. .wrapper-3Z-vWm .container-3PXSwK {
  6997. width: 100% !important;
  6998. }
  6999.  
  7000. .container-3PXSwK[style*='background: linear-gradient(to right, rgb(251, 184, 72), rgb(67, 181, 129));'] {
  7001. background: var(--success-color) !important;
  7002. }
  7003.  
  7004. .progress-1IcQ3A {
  7005. background-color: var(--slider-background) !important;
  7006. }
  7007.  
  7008. .notches-1sAcEM {
  7009. background-image: none !important;
  7010. }
  7011.  
  7012. /* USER SETTINGS -> OVERLAY */
  7013.  
  7014. .wrapper-3jrx9n {
  7015. border: 2px solid var(--accent-color);
  7016. }
  7017.  
  7018. .button-3tQuzi {
  7019. margin: 0;
  7020. }
  7021.  
  7022. .selected-mKYnfr.option-n0icdO,
  7023. .option-n0icdO:hover {
  7024. background-color: var(--accent-color);
  7025. border-color: var(--accent-color);
  7026. }
  7027.  
  7028. .editIcon-13gaox {
  7029. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHptMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMjAgN3YxMEg0VjdoMTZtMC0ySDRjLTEuMSAwLTEuOTkuOS0xLjk5IDJMMiAxN2MwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjdjMC0xLjEtLjktMi0yLTJ6bS05IDNoMnYyaC0yem0wIDNoMnYyaC0yek04IDhoMnYySDh6bTAgM2gydjJIOHptLTMgMGgydjJINXptMC0zaDJ2Mkg1em0zIDZoOHYySDh6bTYtM2gydjJoLTJ6bTAtM2gydjJoLTJ6bTMgM2gydjJoLTJ6bTAtM2gydjJoLTJ6Ii8+PC9zdmc+) !important;
  7030. }
  7031.  
  7032. /* USER SETTINGS -> NOTIFICATIONS */
  7033.  
  7034. .sound-2QlACh {
  7035. margin-left: 12px !important;
  7036. }
  7037.  
  7038. .notificationsSoundIcon-3PkO7b:before {
  7039. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMyA5djZoNGw1IDVWNEw3IDlIM3ptNy0uMTd2Ni4zNEw3LjgzIDEzSDV2LTJoMi44M0wxMCA4Ljgzek0xNi41IDEyYzAtMS43Ny0xLjAyLTMuMjktMi41LTQuMDN2OC4wNWMxLjQ4LS43MyAyLjUtMi4yNSAyLjUtNC4wMnpNMTQgMy4yM3YyLjA2YzIuODkuODYgNSAzLjU0IDUgNi43MXMtMi4xMSA1Ljg1LTUgNi43MXYyLjA2YzQuMDEtLjkxIDctNC40OSA3LTguNzcgMC00LjI4LTIuOTktNy44Ni03LTguNzd6Ii8+PC9zdmc+) !important;
  7040. }
  7041.  
  7042. /* USER SETTINGS -> GAME ACTIVITY */
  7043.  
  7044. /* USER SETTINGS -> GAME ACTIVITY -> ADD GAME */
  7045.  
  7046. .css-1kj8ui-container {
  7047.  
  7048. }
  7049.  
  7050. .nowPlayingAdd-1Kdmh_ .lookLink-9FtZy-.colorLink-35jkBc {
  7051. min-height: 24px !important;
  7052. height: 24px !important;
  7053. margin: 0 0 0 4px;
  7054. padding: 0 4px !important;
  7055. background: transparent !important;
  7056. }
  7057.  
  7058. .addGamePopout-2RY8Ju {
  7059. background: var(--popout-color) !important;
  7060. border-radius: var(--border-radius-big);
  7061. box-shadow: var(--shadow-3dp) !important;
  7062. }
  7063.  
  7064. .addGamePopout-2RY8Ju .actions-3wcPyD .lookFilled-1Gx00P.colorBrand-3pXr91 {
  7065. margin: 0 0 0 8px;
  7066. }
  7067.  
  7068. /* USER SETTINGS -> GAME ACTIVITY -> GAME LIST */
  7069.  
  7070. .card-FDVird.active-nvdKfC:before,
  7071. .card-FDVird:hover:before {
  7072. opacity: 0;
  7073. }
  7074.  
  7075. .nowPlayingAdd-1Kdmh_ + .switchItem-2hKKKK + .marginTop40-i-78cZ {
  7076. margin-top: 0;
  7077. }
  7078.  
  7079. .nowPlayingAdd-1Kdmh_ + .switchItem-2hKKKK + .marginTop40-i-78cZ .h5-18_1nd {
  7080. margin: 0;
  7081. padding: 16px;
  7082. background: var(--card-color);
  7083. box-shadow: var(--shadow-1dp) !important;
  7084. border-radius: var(--border-radius) var(--border-radius) 0 0;
  7085. border-bottom: 1px solid var(--card-border-color);
  7086. font-size: 1em;
  7087. color: #dcddde;
  7088. font-weight: 500;
  7089. }
  7090.  
  7091. .game-1ipmAa {
  7092. position: relative;
  7093. padding: 16px;
  7094. background: var(--card-color);
  7095. box-shadow: var(--shadow-1dp) !important;
  7096. }
  7097.  
  7098. .game-1ipmAa:last-child {
  7099. border-radius: 0 0 var(--border-radius) var(--border-radius) !important;
  7100. }
  7101.  
  7102. .gameName-1RiWHm {
  7103. font-weight: 400;
  7104. color: #eee !important;
  7105. }
  7106.  
  7107. .gameNameLastPlayed-3LJo8n input.gameName-1RiWHm,
  7108. .gameNameLastPlayed-3LJo8n input.gameName-1RiWHm:focus {
  7109. margin: 0 0 2px -12px;
  7110. padding: 4px 12px !important;
  7111. border: none !important;
  7112. }
  7113.  
  7114. .gameNameInput-385LoS {
  7115. border-radius: 14px;
  7116. }
  7117.  
  7118. .gameNameInput-385LoS:hover {
  7119. background: var(--hover-color) !important;
  7120. }
  7121.  
  7122. .gameNameInput-385LoS:focus {
  7123. background: var(--select-color) !important;
  7124. }
  7125.  
  7126. .notDetected-33MY4s {
  7127. background: var(--card-color) !important;
  7128. border-radius: var(--border-radius) !important;
  7129. box-shadow: var(--shadow-1dp) !important;
  7130. }
  7131.  
  7132. .gameVerifiedIcon-2dGGa5 {
  7133. position: relative;
  7134. width: 24px;
  7135. height: 24px;
  7136. top: -2px;
  7137. left: -6px;
  7138. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTIgMUwzIDV2NmMwIDUuNTUgMy44NCAxMC43NCA5IDEyIDUuMTYtMS4yNiA5LTYuNDUgOS0xMlY1bC05LTR6bTcgMTBjMCA0LjUyLTIuOTggOC42OS03IDkuOTMtNC4wMi0xLjI0LTctNS40MS03LTkuOTNWNi4zbDctMy4xMSA3IDMuMTFWMTF6bS0xMS41OS41OUw2IDEzbDQgNCA4LTgtMS40MS0xLjQyTDEwIDE0LjE3eiIvPjwvc3ZnPg==);
  7139. transform: scale(0.75);
  7140. }
  7141.  
  7142. .game-1ipmAa .overlayStatusText-L2IACa,
  7143. .game-1ipmAa .overlayToggleIcon-2liB3r {
  7144. transition: 200ms ease all;
  7145. }
  7146.  
  7147. .game-1ipmAa .overlayStatusText-L2IACa,
  7148. .game-1ipmAa .overlayToggleIcon-2liB3r {
  7149. position: absolute;
  7150. }
  7151.  
  7152. .user-settings-games .overlay-warning-icon {
  7153. right: 116px;
  7154. }
  7155.  
  7156. .game-1ipmAa .overlayStatusText-L2IACa {
  7157. right: 40px;
  7158. }
  7159.  
  7160. .game-1ipmAa .overlayToggleIcon-2liB3r {
  7161. position: relative !important;
  7162. width: 27px !important;
  7163. top: 1px;
  7164. right: 0;
  7165. text-align: center;
  7166. }
  7167.  
  7168. .game-1ipmAa:hover .overlayStatusText-L2IACa,
  7169. .game-1ipmAa:hover .overlayToggleIcon-2liB3r {
  7170. transform: translateX(-42px) !important;
  7171. }
  7172.  
  7173. .lastPlayed-3bQ7Bo {
  7174. width: calc(100% - 160px);
  7175. }
  7176.  
  7177. .user-settings-games .now-playing .overlay-warning-icon {
  7178. right: 175px;
  7179. }
  7180.  
  7181. .game-1ipmAa .removeGame-2JFGPn {
  7182. width: 36px;
  7183. height: 36px;
  7184. top: 0;
  7185. right: -8px;
  7186. bottom: 0;
  7187. margin: auto 0;
  7188. background-color: transparent !important;
  7189. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNiAxOWMwIDEuMS45IDIgMiAyaDhjMS4xIDAgMi0uOSAyLTJWN0g2djEyek04IDloOHYxMEg4Vjl6bTcuNS01bC0xLTFoLTVsLTEgMUg1djJoMTRWNGgtMy41eiIvPjwvc3ZnPg==);
  7190. box-shadow: none !important;
  7191. transition: 200ms ease all;
  7192. }
  7193.  
  7194. .game-1ipmAa:hover .removeGame-2JFGPn {
  7195. right: 16px;
  7196. }
  7197.  
  7198. .connectedAccountVerifiedIcon-1Ms4J8 path,
  7199. .connectedAccountVerifiedIcon-3aZz_K path {
  7200. /*fill: #aaa !important;
  7201. d: path('M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm7 10c0 4.52-2.98 8.69-7 9.93-4.02-1.24-7-5.41-7-9.93V6.3l7-3.11 7 3.11V11zm-11.59.59L6 13l4 4 8-8-1.41-1.42L10 14.17z') !important;
  7202. transform: scale(0.675) !important;*/
  7203. }
  7204.  
  7205. /* USER SETTINGS -> ACTIVITY FEED */
  7206.  
  7207. .searchBox-3Y2Vi7 .inputWrapper-31_8H8:before,
  7208. .searchBox-3Y2Vi7 .inputWrapper-31_8H8:after {
  7209. display: none;
  7210. }
  7211.  
  7212. .container-3JkMqB .search-MFQ5bU .searchInput-wFaj8i {
  7213. font-weight: 500 !important;
  7214. }
  7215.  
  7216. .searchResultsContainer-1ma_dc {
  7217. padding: 8px 0;
  7218. background: var(--popout-alt) !important;
  7219. border-radius: var(--border-radius-big);
  7220. box-shadow: var(--shadow-3dp) !important;
  7221. }
  7222.  
  7223. .searchOption-8nCYo- {
  7224. margin: 0;
  7225. padding: 0 8px;
  7226. border-radius: 0;
  7227. }
  7228.  
  7229. .searchOption-8nCYo-.selected-1r_nkg {
  7230. background: var(--hover-color) !important;
  7231. }
  7232.  
  7233. .container-3JkMqB {
  7234. position: relative;
  7235. margin: 0 0 81px 0 !important;
  7236. }
  7237.  
  7238. .container-3JkMqB:after {
  7239. position: absolute;
  7240. content: "Games you follow";
  7241. width: calc(100% - 32px);
  7242. height: auto;
  7243. padding: 16px;
  7244. background: var(--card-color);
  7245. border-radius: var(--border-radius) var(--border-radius) 0 0;
  7246. border-bottom: 1px solid var(--card-border-color);
  7247. font-weight: 500;
  7248. font-size: 1em;
  7249. color: #dcddde;
  7250. }
  7251.  
  7252. .emptyApplications-3GTmw- {
  7253. background: var(--card-color) !important;
  7254. border: none;
  7255. box-shadow: var(--shadow-1dp);
  7256. }
  7257.  
  7258. .itemContainer-x9uSes {
  7259. padding: 16px;
  7260. background: var(--card-color);
  7261. box-shadow: var(--shadow-1dp);
  7262. }
  7263.  
  7264. .itemContainer-x9uSes:last-child {
  7265. border-radius: 0 0 var(--border-radius) var(--border-radius);
  7266. border-bottom: none;
  7267. }
  7268.  
  7269. .itemIcon-3gdJnE {
  7270. border-radius: 50%;
  7271. }
  7272.  
  7273. .itemName-3h65Iy {
  7274. font-size: 16px;
  7275. }
  7276.  
  7277. .vertical-V37hAW .description-3_Ncsb + .itemContainer-x9uSes {
  7278. border-radius: var(--border-radius) var(--border-radius) 0 0;
  7279. }
  7280.  
  7281. .divider-3TxbQG {
  7282. display: none;
  7283. }
  7284.  
  7285. .unfollowButton-2uoMXv {
  7286. color: #fff !important;
  7287. }
  7288.  
  7289. .emptyUsers--hiToV {
  7290. padding: 16px;
  7291. background: var(--card-color) !important;
  7292. border: none;
  7293. box-shadow: var(--shadow-1dp) !important;
  7294. }
  7295.  
  7296. /* USER SETTINGS -> GAME LIBRARY */
  7297.  
  7298. .wrapper-1-r22h {
  7299. margin-top: 32px;
  7300. }
  7301.  
  7302. .background-yZEZik {
  7303. stroke: rgba(255,255,255,0.075) !important;
  7304. }
  7305.  
  7306. .foreground-2aE44H {
  7307. stroke: var(--accent-color) !important;
  7308. }
  7309.  
  7310. /* USER SETTINGS -> KEYBINDS */
  7311.  
  7312. /*.row-2okwlC {
  7313. background: var(--card-color);
  7314. box-shadow: var(--shadow-1dp) !important;
  7315. }
  7316.  
  7317. .row-2okwlC:first-child {
  7318. margin: 16px 0 0 0;
  7319. border-radius: var(--border-radius) var(--border-radius) 0 0;
  7320. }
  7321.  
  7322. .row-2okwlC:last-child {
  7323. border-radius: 0 0 var(--border-radius) var(--border-radius);
  7324. }
  7325.  
  7326. .container-3mpa-y.recording-1Ne76k {
  7327. box-shadow: 0 0 6px rgba(63,81,181,0.4) !important;
  7328. }
  7329.  
  7330. .keybindGroup-JQs9x_ {
  7331. margin: 0;
  7332. padding: 16px;
  7333. }
  7334.  
  7335. .keybindGroup-JQs9x_ .removeKeybind-39dSFj {
  7336. top: 0;
  7337. bottom: 0;
  7338. right: 0;
  7339. margin: auto 0;
  7340. background-color: transparent !important;
  7341. }
  7342.  
  7343. .keybindGroup-JQs9x_:hover .removeKeybind-39dSFj {
  7344. transform: translateX(-16px);
  7345. }*/
  7346.  
  7347. .keybindGroup-JQs9x_ {
  7348. padding: 16px 0;
  7349. }
  7350.  
  7351. .ghostPill-2-KUPM {
  7352. padding: 0 16px;
  7353. border-radius: 18px;
  7354. line-height: 36px;
  7355. }
  7356.  
  7357. /* USER SETTINGS -> STREAMER MODE */
  7358.  
  7359. .title-3sZWYQ.size12-3R0845.marginTop40-i-78cZ {
  7360. margin-top: 32px;
  7361. }
  7362.  
  7363. /* USER SETTINGS -> LANGUAGE */
  7364.  
  7365. .title-3sZWYQ.height20-mO2eIN + .vertical-V37hAW div:not([class]) .title-3sZWYQ.h5-18_1nd.marginReset-236NPn {
  7366. margin: 0;
  7367. padding: 16px;
  7368. background: var(--card-color);
  7369. border-radius: var(--border-radius) var(--border-radius) 0 0;
  7370. border-bottom: 1px solid var(--card-border-color);
  7371. box-shadow: var(--shadow-1dp);
  7372. font-size: 1em;
  7373. color: #dcddde;
  7374. font-weight: 500;
  7375. }
  7376.  
  7377. .item-3eFBNF {
  7378. padding: 16px;
  7379. background: var(--card-color);
  7380. box-shadow: var(--shadow-1dp) !important;
  7381. }
  7382.  
  7383. .item-3eFBNF:last-child {
  7384. border-radius: 0 0 var(--border-radius) var(--border-radius);
  7385. }
  7386.  
  7387. .label-1ZuVT- {
  7388. transform: translateX(-8px);
  7389. }
  7390.  
  7391. .labelText-2kBs7x {
  7392. margin: 0 0 0 6px !important;
  7393. transform: translateX(-24px);
  7394. transition: 200ms var(--default-animation);
  7395. }
  7396.  
  7397. .item-3eFBNF:hover .label-1ZuVT- .labelText-2kBs7x,
  7398. .item-3eFBNF.selected-2DeaDa .label-1ZuVT- .labelText-2kBs7x {
  7399. transform: translateX(0);
  7400. }
  7401.  
  7402. .icon-4lJsMQ[src="/assets/e36c44f9a7dc47665d98d2f2736ee218.svg"] {
  7403. position: absolute !important;
  7404. top: 6px;
  7405. right: 0;
  7406. }
  7407.  
  7408. .formNotice-2_hHWR .horizontal-1ae9ci>.flexChild-faoVW3:last-child {
  7409. margin: 0;
  7410. }
  7411.  
  7412. .checked-3_4uQ9[style="flex: 1 1 auto; background-color: rgb(67, 181, 129); border-color: rgb(67, 181, 129);"],
  7413. .checked-3_4uQ9[style*="background-color: rgb(67, 181, 129);"],
  7414. .friend-2PO6ke .checked-3_4uQ9 {
  7415. background: var(--accent-color) !important;
  7416. }
  7417.  
  7418. .friend-2PO6ke .checked-3_4uQ9 svg polyline {
  7419. stroke: #fff !important;
  7420. }
  7421.  
  7422.  
  7423. /*
  7424. *
  7425. * LFG
  7426. *
  7427. */
  7428.  
  7429. .gameSelector-24sFfz,
  7430. .gameSelected-31teRt,
  7431. .gameDefault-2SBp6B {
  7432. border: none;
  7433. }
  7434.  
  7435. .gameSelector-24sFfz .gameDefault-2SBp6B,
  7436. .tabBar-PTjkZh .gameDefault-2SBp6B {
  7437. border: none !important;
  7438. }
  7439.  
  7440. .gameSelected-31teRt {
  7441. background: #33363b !important;
  7442. }
  7443.  
  7444. .top-2qoLb2 .itemSelected-3XxAMf {
  7445. border-bottom-color: transparent !important;
  7446. }
  7447.  
  7448. .pill-1nbD-Z {
  7449. height: auto;
  7450. padding: 0 16px;
  7451. }
  7452.  
  7453. .lfg-3xoFkI .scrollerWrap-2uBjct {
  7454.  
  7455. }
  7456.  
  7457. .card-11ynQk:hover {
  7458. border-bottom: 1px solid #2e3135 !important;
  7459. }
  7460.  
  7461. .card-11ynQk:before {
  7462. display: none !important;
  7463. }
  7464.  
  7465. .wrapperDefault-NeXRmD,
  7466. .wrapperFull-2_7g2- {
  7467. border: none !important;
  7468. }
  7469.  
  7470. .wrapperDefault-NeXRmD .count-25CzCS,
  7471. .wrapperDefault-NeXRmD .max-mvI_jT {
  7472. line-height: 2em !important;
  7473. }
  7474.  
  7475.  
  7476. /*
  7477. *
  7478. * GAME INVITE
  7479. *
  7480. */
  7481.  
  7482. .invite-CTGItT {
  7483.  
  7484. }
  7485.  
  7486.  
  7487. /*
  7488. *
  7489. * SERVER SETTINGS
  7490. *
  7491. */
  7492.  
  7493. .buttonWhiteOutlined-2KwPTg {
  7494. border: none !important;
  7495. }
  7496.  
  7497. .container-2YgzWd {
  7498. border: none !important;
  7499. }
  7500.  
  7501. .regionSelectModal-12e-57 {
  7502. border-radius: var(--border-radius-big) !important;
  7503. box-shadow: var(--shadow-3dp) !important;
  7504. }
  7505.  
  7506. .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3 {
  7507. background: var(--hover-color) !important;
  7508. border-radius: var(--border-radius) !important;
  7509. box-shadow: var(--shadow-1dp);
  7510. border: none !important;
  7511. transition: 200ms ease-in-out;
  7512. }
  7513.  
  7514. .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover {
  7515. background: var(--select-color) !important;
  7516. box-shadow: var(--shadow-3dp);
  7517. }
  7518.  
  7519. .searchBar-YMJBu9,
  7520. .searchBar-1MOL6S {
  7521. padding: 2px !important;
  7522. background: var(--hover-color) !important;
  7523. border-radius: 2px !important;
  7524. border-bottom: 0px solid var(--card-border-color) !important;
  7525. }
  7526.  
  7527. .searchBar-1MOL6S .input-3Xdcic,
  7528. .searchBar-1MOL6S .input-3Xdcic:focus {
  7529. border: none !important;
  7530. }
  7531.  
  7532. .popoutList-T9CKZQ {
  7533. padding: 8px 0 !important;
  7534. border-radius: var(--border-radius-big) !important;
  7535. box-shadow: var(--shadow-3dp) !important;
  7536. }
  7537.  
  7538. .popoutList-T9CKZQ .popoutListInput-1l9TUI {
  7539. width: auto !important;
  7540. height: 32px !important;
  7541. margin: 0 8px 8px !important;
  7542. padding: 0 !important;
  7543. line-height: 32px !important;
  7544. background: var(--hover-color) !important;
  7545. border-radius: 16px !important;
  7546. border-bottom: none !important;
  7547. }
  7548.  
  7549. .popoutList-T9CKZQ .popoutListInput-1l9TUI .inner-2P4tQO {
  7550. padding: 0;
  7551. }
  7552.  
  7553. .popoutList-T9CKZQ .popoutListInput-1l9TUI input {
  7554. height: 32px;
  7555. margin: 0;
  7556. }
  7557.  
  7558. .popoutList-T9CKZQ .iconLayout-3OgqU3 {
  7559. width: 32px !important;
  7560. height: 32px !important;
  7561. }
  7562.  
  7563. .popoutList-T9CKZQ .iconLayout-3OgqU3 .iconContainer-2wXvy1 {
  7564. width: 18px;
  7565. height: 18px;
  7566. top: 0;
  7567. right: 0;
  7568. left: 0;
  7569. bottom: 0;
  7570. margin: auto;
  7571. }
  7572.  
  7573. .popoutList-T9CKZQ .scrollerWrap-2lJEkd {
  7574. border-top: 1px solid var(--select-color);
  7575. }
  7576.  
  7577. .popoutList-T9CKZQ .selectableItem-1MP3MQ {
  7578. min-height: 36px !important;
  7579. height: auto !important;
  7580. margin: 0 !important;
  7581. padding: 0 8px !important;
  7582. border-radius: 0 !important;
  7583. }
  7584.  
  7585. .popoutList-T9CKZQ .selectableItem-1MP3MQ:first-child {
  7586. margin: 8px 0 0 0 !important;
  7587. }
  7588.  
  7589. .popoutList-T9CKZQ .selectableItem-1MP3MQ:hover {
  7590. background: var(--hover-color) !important;
  7591. }
  7592.  
  7593. .popoutList-T9CKZQ .selectableItem-1MP3MQ[style*="color: rgb(255, 255, 255); background: rgb(114, 137, 218);"] {
  7594. background: rgba(255,255,255,0.1) !important;
  7595. }
  7596.  
  7597. .popoutList-T9CKZQ .selectableItem-1MP3MQ .horizontal-1ae9ci {
  7598. margin: -1px 0 0 0;
  7599. }
  7600.  
  7601. .popoutList-T9CKZQ .selectableItem-1MP3MQ .small-5Os1Bb {
  7602. width: 26px;
  7603. height: 26px;
  7604. margin: 0;
  7605. }
  7606.  
  7607. .popoutList-T9CKZQ .selectableItem-1MP3MQ .userText-1WdPps {
  7608. margin: 0 0 0 8px;
  7609. }
  7610.  
  7611. .popoutList-T9CKZQ .divider-3573oO {
  7612. display: none;
  7613. }
  7614.  
  7615. /* SERVER SETTINGS -> NOTIFICATION AREA */
  7616.  
  7617. .noticeRegion-1YviSH {
  7618. max-width: 900px;
  7619. margin: 16px auto 0 auto;
  7620. padding: 0 36px 0 44px;
  7621. }
  7622.  
  7623. .container-2VW0UT {
  7624. background-color: var(--popout-color) !important;
  7625. border-radius: 0;
  7626. box-shadow: var(--shadow-1dp), 0px -6px 8px rgba(0,0,0,0.15) !important;
  7627. }
  7628.  
  7629. .container-2VW0UT .colorPrimary-3b3xI6,
  7630. .container-2VW0UT .colorGreen-29iAKY {
  7631. background: transparent !important;
  7632. box-shadow: none !important;
  7633. }
  7634.  
  7635. .container-2VW0UT .colorPrimary-3b3xI6:hover,
  7636. .container-2VW0UT .colorGreen-29iAKY:hover {
  7637. background: rgba(255,255,255,0.025) !important;
  7638. }
  7639.  
  7640. .container-2VW0UT .colorPrimary-3b3xI6:active,
  7641. .container-2VW0UT .colorGreen-29iAKY:active {
  7642. background: var(--hover-color) !important;
  7643. }
  7644.  
  7645. .container-2VW0UT .colorPrimary-3b3xI6 .contents-18-Yxp,
  7646. .container-2VW0UT .colorPrimary-3b3xI6 .contents-18-Yxp span,
  7647. .container-2VW0UT .colorGreen-29iAKY {
  7648. color: var(--accent-color) !important;
  7649. }
  7650.  
  7651. /* SERVER SETTINGS -> MODERATION */
  7652.  
  7653. .radioGroup-1GBvlr {
  7654. position: relative;
  7655. }
  7656.  
  7657. .radioGroup-1GBvlr .item-26Dhrx {
  7658. position: relative;
  7659. margin: 0 !important;
  7660. padding: 16px !important;
  7661. border-radius: 0 !important;
  7662. transition: 250ms ease all !important;
  7663. }
  7664.  
  7665. .radioGroup-1GBvlr .item-26Dhrx,
  7666. .radioGroup-1GBvlr .item-26Dhrx:first-child {
  7667. border-bottom: none !important;
  7668. }
  7669.  
  7670. .radioGroup-1GBvlr .item-26Dhrx:last-child {
  7671. border-bottom: none !important;
  7672. }
  7673.  
  7674. .radioGroup-1GBvlr .checkboxWrapper-SkhIWG {
  7675. position: absolute !important;
  7676. width: 24px;
  7677. height: 24px;
  7678. top: 0;
  7679. bottom: 0;
  7680. margin: auto 0;
  7681. }
  7682.  
  7683. .radioGroup-1GBvlr .checkboxWrapper-SkhIWG .inputDefault-3JxKJ2,
  7684. .radioGroup-1GBvlr .item-26Dhrx .checked-3_4uQ9 {
  7685. width: 24px !important;
  7686. height: 24px !important;
  7687. padding: 0 !important;
  7688. }
  7689.  
  7690. /*.radioGroup-1GBvlr .item-26Dhrx .checked-3_4uQ9 svg[name="Checkbox"] {
  7691. top: 0 !important;
  7692. right: 0 !important;
  7693. }*/
  7694.  
  7695. .radioGroup-1GBvlr .info-3LOr12 {
  7696. margin: 0 8px 0 42px !important;
  7697. }
  7698.  
  7699. /* SERVER SETTINGS -> AUDIT LOG */
  7700.  
  7701. .auditLog-3jNbM6 {
  7702. background: var(--card-color) !important;
  7703. border: none !important;
  7704. }
  7705.  
  7706. .headerClickable-2IVFo9 {
  7707. background: transparent !important;
  7708. }
  7709.  
  7710. .auditLog-3jNbM6 {
  7711. min-height: 72px !important;
  7712. margin: 0 !important;
  7713. border-radius: 0 !important;
  7714. border-bottom: none !important;
  7715. }
  7716.  
  7717. .customContainer-1RHXqt .customScroller-26gWhv > div[style*='flex: 1 1 auto; padding-bottom: 60px;'] > .auditLog-3jNbM6 {
  7718. border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
  7719. }
  7720.  
  7721. .customContainer-1RHXqt .customScroller-26gWhv > div[style*='flex: 1 1 auto; padding-bottom: 60px;'] > .auditLog-3jNbM6 ~ .auditLog-3jNbM6 {
  7722. border-radius: 0 !important;
  7723. }
  7724.  
  7725. .customContainer-1RHXqt .customScroller-26gWhv > div[style*='flex: 1 1 auto; padding-bottom: 60px;'] > .auditLog-3jNbM6 ~ .auditLog-3jNbM6:last-of-type {
  7726. border-radius: 0 0 var(--border-radius) var(--border-radius) !important;
  7727. }
  7728.  
  7729. .auditLog-3jNbM6:last-child {
  7730. border-bottom: none !important;
  7731. }
  7732.  
  7733. .auditLog-3jNbM6 .headerExpanded-CUEwZ5 {
  7734. min-height: 72px !important;
  7735. }
  7736.  
  7737. .auditLog-3jNbM6 .changeDetails-bk98pu {
  7738. margin: 0 46px 16px 46px;
  7739. padding: 16px !important;
  7740. background: var(--hover-color);
  7741. }
  7742.  
  7743. .detail-1BhUh9 {
  7744. margin: 0 0 8px 0;
  7745. /*margin: 0 40px 0 40px;
  7746. padding: 16px;
  7747. background: var(--hover-color);*/
  7748. }
  7749.  
  7750. .detail-1BhUh9:last-child {
  7751. margin: 0;
  7752. }
  7753.  
  7754. .icon-RTGJu3.targetMember-2iuwxX {
  7755. background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjYTVhNmE3IiBkPSJNOSAxMy43NWMtMi4zNCAwLTcgMS4xNy03IDMuNVYxOWgxNHYtMS43NWMwLTIuMzMtNC42Ni0zLjUtNy0zLjV6TTQuMzQgMTdjLjg0LS41OCAyLjg3LTEuMjUgNC42Ni0xLjI1czMuODIuNjcgNC42NiAxLjI1SDQuMzR6TTkgMTJjMS45MyAwIDMuNS0xLjU3IDMuNS0zLjVTMTAuOTMgNSA5IDUgNS41IDYuNTcgNS41IDguNSA3LjA3IDEyIDkgMTJ6bTAtNWMuODMgMCAxLjUuNjcgMS41IDEuNVM5LjgzIDEwIDkgMTBzLTEuNS0uNjctMS41LTEuNVM4LjE3IDcgOSA3em03LjA0IDYuODFjMS4xNi44NCAxLjk2IDEuOTYgMS45NiAzLjQ0VjE5aDR2LTEuNzVjMC0yLjAyLTMuNS0zLjE3LTUuOTYtMy40NHpNMTUgMTJjMS45MyAwIDMuNS0xLjU3IDMuNS0zLjVTMTYuOTMgNSAxNSA1Yy0uNTQgMC0xLjA0LjEzLTEuNS4zNS42My44OSAxIDEuOTggMSAzLjE1cy0uMzcgMi4yNi0xIDMuMTVjLjQ2LjIyLjk2LjM1IDEuNS4zNXoiLz48L3N2Zz4=) !important;
  7756. }
  7757.  
  7758. .icon-RTGJu3.targetMessage-2kBYMT {
  7759. background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjYTVhNmE3IiBkPSJNMjAgMkg0Yy0xLjEgMC0yIC45LTIgMnYxOGw0LTRoMTRjMS4xIDAgMi0uOSAyLTJWNGMwLTEuMS0uOS0yLTItMnptMCAxNEg2bC0yIDJWNGgxNnYxMnoiLz48L3N2Zz4=) !important;
  7760. }
  7761.  
  7762. .icon-RTGJu3.targetInvite-1RQBlr {
  7763. background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjYTVhNmE3IiBkPSJNMTUgMTJjMi4yMSAwIDQtMS43OSA0LTRzLTEuNzktNC00LTQtNCAxLjc5LTQgNCAxLjc5IDQgNCA0em0wLTZjMS4xIDAgMiAuOSAyIDJzLS45IDItMiAyLTItLjktMi0yIC45LTIgMi0yem0wIDhjLTIuNjcgMC04IDEuMzQtOCA0djJoMTZ2LTJjMC0yLjY2LTUuMzMtNC04LTR6bS02IDRjLjIyLS43MiAzLjMxLTIgNi0yIDIuNyAwIDUuOCAxLjI5IDYgMkg5em0tMy0zdi0zaDN2LTJINlY3SDR2M0gxdjJoM3YzeiIvPjwvc3ZnPg==) !important;
  7764. }
  7765.  
  7766. .icon-RTGJu3.targetChannel-TrRFlx {
  7767. background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICA8cGF0aCBmaWxsPSIjYTVhNmE3IiBkPSJNMywxM0gxNVYxMUgzTTMsNlY4SDIxVjZNMywxOEg5VjE2SDNWMThaIiAvPg0KPC9zdmc+) !important;
  7768. }
  7769.  
  7770. .icon-RTGJu3.targetRole-2MoUny {
  7771. background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjYTVhNmE3IiBkPSJNMTIuMzYgNmwuNCAySDE4djZoLTMuMzZsLS40LTJIN1Y2aDUuMzZNMTQgNEg1djE3aDJ2LTdoNS42bC40IDJoN1Y2aC01LjZMMTQgNHoiLz48L3N2Zz4=) !important;
  7772. }
  7773.  
  7774. .icon-RTGJu3.targetGuild-mDWfAV {
  7775. background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjYTVhNmE3IiBkPSJNMTEgN2gydjJoLTJ6bTAgNGgydjZoLTJ6bTEtOUM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptMCAxOGMtNC40MSAwLTgtMy41OS04LThzMy41OS04IDgtOCA4IDMuNTkgOCA4LTMuNTkgOC04IDh6Ii8+PC9zdmc+) !important;
  7776. }
  7777.  
  7778. .icon-RTGJu3.targetWebhook-1xS7Z7 {
  7779. background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICA8cGF0aCBmaWxsPSIjYTVhNmE3IiBkPSJNMTAuNDYsMTlDOSwyMS4wNyA2LjE1LDIxLjU5IDQuMDksMjAuMTVDMi4wNCwxOC43MSAxLjU2LDE1Ljg0IDMsMTMuNzVDMy44NywxMi41IDUuMjEsMTEuODMgNi41OCwxMS43N0w2LjYzLDEzLjJDNS43MiwxMy4yNyA0Ljg0LDEzLjc0IDQuMjcsMTQuNTZDMy4yNywxNiAzLjU4LDE3Ljk0IDQuOTUsMTguOTFDNi4zMywxOS44NyA4LjI2LDE5LjUgOS4yNiwxOC4wN0M5LjU3LDE3LjYyIDkuNzUsMTcuMTMgOS44MiwxNi42M1YxNS42MkwxNS40LDE1LjU4TDE1LjQ3LDE1LjQ3QzE2LDE0LjU1IDE3LjE1LDE0LjIzIDE4LjA1LDE0Ljc1QzE4Ljk1LDE1LjI3IDE5LjI2LDE2LjQzIDE4LjczLDE3LjM1QzE4LjIsMTguMjYgMTcuMDQsMTguNTggMTYuMTQsMTguMDZDMTUuNzMsMTcuODMgMTUuNDQsMTcuNDYgMTUuMzEsMTcuMDRMMTEuMjQsMTcuMDZDMTEuMTMsMTcuNzMgMTAuODcsMTguMzggMTAuNDYsMTlNMTcuNzQsMTEuODZDMjAuMjcsMTIuMTcgMjIuMDcsMTQuNDQgMjEuNzYsMTYuOTNDMjEuNDUsMTkuNDMgMTkuMTUsMjEuMiAxNi42MiwyMC44OUMxNS4xMywyMC43MSAxMy45LDE5Ljg2IDEzLjE5LDE4LjY4TDE0LjQzLDE3Ljk2QzE0LjkyLDE4LjczIDE1Ljc1LDE5LjI4IDE2Ljc1LDE5LjQxQzE4LjUsMTkuNjIgMjAuMDUsMTguNDMgMjAuMjYsMTYuNzZDMjAuNDcsMTUuMDkgMTkuMjMsMTMuNTYgMTcuNSwxMy4zNUMxNi45NiwxMy4yOSAxNi40NCwxMy4zNiAxNS45NywxMy41M0wxNS4xMiwxMy45N0wxMi41NCw5LjJIMTIuMzJDMTEuMjYsOS4xNiAxMC40NCw4LjI5IDEwLjQ3LDcuMjVDMTAuNSw2LjIxIDExLjQsNS40IDEyLjQ1LDUuNDRDMTMuNSw1LjUgMTQuMzMsNi4zNSAxNC4zLDcuMzlDMTQuMjgsNy44MyAxNC4xMSw4LjIzIDEzLjg0LDguNTRMMTUuNzQsMTIuMDVDMTYuMzYsMTEuODUgMTcuMDQsMTEuNzggMTcuNzQsMTEuODZNOC4yNSw5LjE0QzcuMjUsNi43OSA4LjMxLDQuMSAxMC42MiwzLjEyQzEyLjk0LDIuMTQgMTUuNjIsMy4yNSAxNi42Miw1LjZDMTcuMjEsNi45NyAxNy4wOSw4LjQ3IDE2LjQyLDkuNjdMMTUuMTgsOC45NUMxNS42LDguMTQgMTUuNjcsNy4xNSAxNS4yNyw2LjIyQzE0LjU5LDQuNjIgMTIuNzgsMy44NSAxMS4yMyw0LjVDOS42Nyw1LjE2IDguOTcsNyA5LjY1LDguNkM5LjkzLDkuMjYgMTAuNCw5Ljc3IDEwLjk3LDEwLjExTDExLjM2LDEwLjMyTDguMjksMTUuMzFDOC4zMiwxNS4zNiA4LjM2LDE1LjQyIDguMzksMTUuNUM4Ljg4LDE2LjQxIDguNTQsMTcuNTYgNy42MiwxOC4wNUM2LjcxLDE4LjU0IDUuNTYsMTguMTggNS4wNiwxNy4yNEM0LjU3LDE2LjMxIDQuOTEsMTUuMTYgNS44MywxNC42N0M2LjIyLDE0LjQ2IDYuNjUsMTQuNDEgNy4wNiwxNC41TDkuMzcsMTAuNzNDOC45LDEwLjMgOC41LDkuNzYgOC4yNSw5LjE0WiIgLz4NCjwvc3ZnPg==) !important;
  7780. }
  7781.  
  7782. .icon-RTGJu3.targetEmoji-3vhPhM {
  7783. background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICA8cGF0aCBmaWxsPSIjYTVhNmE3IiBkPSJNNS41LDJDMy41NiwyIDIsMy41NiAyLDUuNVYxOC41QzIsMjAuNDQgMy41NiwyMiA1LjUsMjJIMTZMMjIsMTZWNS41QzIyLDMuNTYgMjAuNDQsMiAxOC41LDJINS41TTUuNzUsNEgxOC4yNUExLjc1LDEuNzUgMCAwLDEgMjAsNS43NVYxNUgxOC41QzE2LjU2LDE1IDE1LDE2LjU2IDE1LDE4LjVWMjBINS43NUExLjc1LDEuNzUgMCAwLDEgNCwxOC4yNVY1Ljc1QTEuNzUsMS43NSAwIDAsMSA1Ljc1LDRNMTQuNDQsNi43N0MxNC4yOCw2Ljc3IDE0LjEyLDYuNzkgMTMuOTcsNi44M0MxMy4wMyw3LjA5IDEyLjUsOC4wNSAxMi43NCw5QzEyLjc5LDkuMTUgMTIuODYsOS4zIDEyLjk1LDkuNDRMMTYuMTgsOC41NkMxNi4xOCw4LjM5IDE2LjE2LDguMjIgMTYuMTIsOC4wNUMxNS45MSw3LjMgMTUuMjIsNi43NyAxNC40NCw2Ljc3TTguMTcsOC41QzgsOC41IDcuODUsOC41IDcuNyw4LjU1QzYuNzcsOC44MSA2LjIyLDkuNzcgNi40NywxMC43QzYuNSwxMC44NiA2LjU5LDExIDYuNjgsMTEuMTZMOS45MSwxMC4yOEM5LjkxLDEwLjExIDkuODksOS45NCA5Ljg1LDkuNzhDOS42NCw5IDguOTUsOC41IDguMTcsOC41TTE2LjcyLDExLjI2TDcuNTksMTMuNzdDOC45MSwxNS4zIDExLDE1Ljk0IDEyLjk1LDE1LjQxQzE0LjksMTQuODcgMTYuMzYsMTMuMjUgMTYuNzIsMTEuMjZaIiAvPg0KPC9zdmc+) !important;
  7784. }
  7785.  
  7786. .icon-RTGJu3:after {
  7787. position: absolute;
  7788. width: 10px;
  7789. height: 10px;
  7790. left: calc(100% - 10px);
  7791. border-radius: 50%;
  7792. }
  7793.  
  7794. .typeCreate-1kfBMl:after {
  7795. background: #43b581;
  7796. }
  7797.  
  7798. .typeUpdate-2bwuHy:after {
  7799. background: #faa61a;
  7800. }
  7801.  
  7802. .typeDelete-bTXOuk:after {
  7803. background: #f04747;
  7804. }
  7805.  
  7806. /* SERVER SETTINGS -> ROLES */
  7807.  
  7808. .sidebarScrollable-1qPI87 + .content-1rPSz4 {
  7809. max-width: 100%;
  7810. }
  7811.  
  7812. .dragged-mHQEE6 {
  7813. background: var(--hover-color);
  7814. border: none !important;
  7815. }
  7816.  
  7817. .colorPickerCustom-2CWBn2 {
  7818. border: none !important;
  7819. }
  7820.  
  7821. .saturation-1FDvtn > div,
  7822. .saturation-1FDvtn > div > div,
  7823. .hue-13HAGb > div > div {
  7824. border-radius: 0 !important;
  7825. }
  7826.  
  7827. .hue-13HAGb > div > div > div > div {
  7828. width: 16px !important;
  7829. margin: -4px 0 0 0 !important;
  7830. border-radius: 50% !important;
  7831. cursor: pointer;
  7832. }
  7833.  
  7834. /* SERVER SETTINGS -> EMOJI */
  7835.  
  7836. .marginBottom40-2vIwTv {
  7837. margin-bottom: 32px;
  7838. }
  7839.  
  7840. .title-3sZWYQ.h5-18_1nd.marginBottom20-32qID7 {
  7841. margin: 0 0 16px 0;
  7842. font-size: 16px;
  7843. text-transform: none;
  7844. font-weight: 400;
  7845. color: #ddd;
  7846. }
  7847.  
  7848. .title-3sZWYQ.h5-18_1nd.marginBottom20-32qID7 + .marginBottom40-2vIwTv {
  7849. margin-bottom: 16px;
  7850. }
  7851.  
  7852. .emojiRow-zIc7ZX .emojiAliasInput-1y-NBz .emojiInput-1aLNse {
  7853. height: 32px !important;
  7854. padding: 0 12px !important;
  7855. background: var(--hover-color) !important;
  7856. border-radius: 16px !important;
  7857. border-bottom: none !important;
  7858. opacity: 1;
  7859. color: transparent;
  7860. transition: 250ms ease all;
  7861. }
  7862.  
  7863. .emojiRow-zIc7ZX:hover .emojiAliasInput-1y-NBz .emojiInput-1aLNse,
  7864. .emojiRow-zIc7ZX .emojiAliasInput-1y-NBz .emojiInput-1aLNse:focus {
  7865. color: #fff;
  7866. background: var(--select-color) !important;
  7867. }
  7868.  
  7869. .emojiAliasPlaceholder-3H_iZA {
  7870. height: 32px;
  7871. line-height: 32px;
  7872. padding: 0;
  7873. left: 12px;
  7874. color: #555 !important;
  7875. }
  7876.  
  7877. .emojiAliasPlaceholder-3H_iZA:after,
  7878. .emojiAliasPlaceholder-3H_iZA:before {
  7879. opacity: 0.65;
  7880. }
  7881.  
  7882. .emojiRow-zIc7ZX {
  7883. box-shadow: none !important;
  7884. }
  7885.  
  7886. .emojiRow-zIc7ZX .emojiImage-1hZi2F + .positionRelative-3HNyhz {
  7887. margin: 0 4px 0 24px;
  7888. }
  7889.  
  7890. .emojiRow-zIc7ZX .xsmall-3afG_L {
  7891. width: 32px;
  7892. height: 32px;
  7893. }
  7894.  
  7895. .emojiRow-zIc7ZX .emojiRowText-2j4TNM {
  7896. display: inline-block;
  7897. top: 8px;
  7898. left: 42px;
  7899. }
  7900.  
  7901. /* SERVER SETTINGS -> WEBHOOKS */
  7902.  
  7903. .webhookRow-20TsIQ {
  7904. padding: 16px 0;
  7905. background: transparent !important;
  7906. border-radius: 0 !important;
  7907. box-shadow: none !important;
  7908. }
  7909.  
  7910. .webhookRow-20TsIQ div div:nth-child(3) {
  7911. position: relative;
  7912. right: 0;
  7913. transition: 200ms ease all;
  7914. }
  7915.  
  7916. .webhookRow-20TsIQ:hover div div:nth-child(3) {
  7917. right: 46px;
  7918. }
  7919.  
  7920. .copyInput-2rOSt7 {
  7921. background: var(--input-color) !important;
  7922. border-radius: var(--border-radius);
  7923. border: none !important;
  7924. }
  7925.  
  7926. .copyInput-2rOSt7 .button-38qaLQ {
  7927. margin: 4px;
  7928. padding: 0 !important;
  7929. width: 32px !important;
  7930. min-width: 32px !important;
  7931. height: 32px !important;
  7932. min-height: 32px !important;
  7933. }
  7934.  
  7935. .copyInput-2rOSt7 .button-38qaLQ .contents-18-Yxp {
  7936. display: none;
  7937. font-size: 0;
  7938. }
  7939.  
  7940. .copyInput-2rOSt7 .button-38qaLQ:after {
  7941. content: " ";
  7942. position: absolute;
  7943. width: 24px;
  7944. height: 24px;
  7945. top: 0;
  7946. left: 0;
  7947. right: 0;
  7948. bottom: 0;
  7949. margin: auto;
  7950. background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE5LDIxSDhWN0gxOU0xOSw1SDhBMiwyIDAgMCwwIDYsN1YyMUEyLDIgMCAwLDAgOCwyM0gxOUEyLDIgMCAwLDAgMjEsMjFWN0EyLDIgMCAwLDAgMTksNU0xNiwxSDRBMiwyIDAgMCwwIDIsM1YxN0g0VjNIMTZWMVoiIC8+PC9zdmc+);
  7951. background-position: 100%;
  7952. background-repeat: no-repeat;
  7953. }
  7954.  
  7955. /* SERVER SETTINGS -> SERVER BOOST STATUS */
  7956.  
  7957. .progress-LWvunf mask {
  7958. display: none;
  7959. }
  7960.  
  7961. .background-3xPPFc {
  7962. fill: var(--hover-color) !important;
  7963. }
  7964.  
  7965. .foreground-2EIns2 {
  7966. fill: var(--select-color) !important;
  7967. }
  7968.  
  7969. /* SERVER SETTINGS -> MEMBERS */
  7970.  
  7971. .customHeader-PhBRGa .searchBar-1MOL6S {
  7972. margin: 0 0 0 12px !important;
  7973. padding: 0 4px 0 8px !important;
  7974. border-radius: 14px !important;
  7975. }
  7976.  
  7977. .guild-settings-members-member {
  7978. box-shadow: none !important;
  7979. }
  7980.  
  7981. .emojiRow-zIc7ZX:after {
  7982. width: 42px;
  7983. }
  7984.  
  7985. .card-FDVird:hover.guild-settings-members-member:after,
  7986. .card-FDVird:hover.invite-settings-invite-row:after,
  7987. .card-FDVird:hover.guild-settings-banned-user:after {
  7988. background: var(--main-color);
  7989. }
  7990.  
  7991. .card-FDVird:before {
  7992. background: #26292e !important;
  7993. border-color: #26292e !important;
  7994. }
  7995.  
  7996. .guild-settings-members-member,
  7997. .guild-settings-members-member:hover,
  7998. .bannedUser-1IalTM,
  7999. .bannedUser-1IalTM:hover,
  8000. .member-1q7VfX,
  8001. .inviteSettingsInviteRow-3p2O-N {
  8002. border: none !important;
  8003. box-shadow: none !important;
  8004. }
  8005.  
  8006. .guild-settings-members-member .roleCircleButton-377y0l:after,
  8007. .guild-settings-members-member .actionButton-VzECiy:after {
  8008. top: 1px;
  8009. left: 34px;
  8010. z-index: 999;
  8011. }
  8012.  
  8013. .guild-settings-members-member .actionButton-VzECiy {
  8014. border-radius: 50% !important;
  8015. }
  8016.  
  8017. .guild-settings-members-member .avatar-1BXaQj {
  8018. position: relative !important;
  8019. }
  8020.  
  8021. .member-1q7VfX .nameTag-3wmDUk {
  8022. min-width: 220px;
  8023. max-width: 220px;
  8024. margin: 0 10px;
  8025. font-weight: 500;
  8026. }
  8027.  
  8028. .overflowRolesPopout-140n9i {
  8029. background: var(--popout-alt) !important;
  8030. border-radius: var(--border-radius-big) !important;
  8031. box-shadow: var(--shadow-3dp) !important;
  8032. }
  8033.  
  8034. .overflowRolesPopoutArrowWrapper-2Dx30g {
  8035. position: absolute;
  8036. width: 100%;
  8037. height: 12px;
  8038. left: 0;
  8039. right: 0;
  8040. margin: 0 auto;
  8041. pointer-events: none;
  8042. transform: rotate(0deg);
  8043. }
  8044.  
  8045. .popoutbottom .overflowRolesPopoutArrowWrapper-2Dx30g {
  8046. top: -5px;
  8047. }
  8048.  
  8049. .popouttop .overflowRolesPopoutArrowWrapper-2Dx30g {
  8050. bottom: -5px;
  8051. }
  8052.  
  8053. .overflowRolesPopoutArrow-2O66oH {
  8054. position: relative;
  8055. width: 8px;
  8056. height: 8px;
  8057. top: 3px;
  8058. margin: 0 auto;
  8059. box-shadow: none !important;
  8060. transform: rotate(45deg);
  8061. }
  8062.  
  8063. /* SERVER SETTINGS -> MEMBERS -> ADD ROLES */
  8064.  
  8065. .container-VSDcQc {
  8066. border-radius: var(--border-radius-big) !important;
  8067. box-shadow: var(--shadow-3dp);
  8068. }
  8069.  
  8070. .autocompleteShadow-iiGWFU {
  8071. box-shadow: none !important;
  8072. border-radius: var(--border-radius-big) !important;
  8073. }
  8074.  
  8075. .autocompleteHeaderBackground-30T70q {
  8076. background: transparent !important;
  8077. }
  8078.  
  8079. .positionTop-3e-X1p .header-2bNvm4,
  8080. .positionBottom-3oo9L9 .header-2bNvm4 {
  8081. padding: 0;
  8082. background: var(--popout-color) !important;
  8083. border-radius: var(--border-radius-big) var(--border-radius-big) 0 0 !important;
  8084. }
  8085.  
  8086. .positionTop-3e-X1p .sectionTag-pXyto9,
  8087. .positionBottom-3oo9L9 .sectionTag-pXyto9 {
  8088. border-radius: 0 0 var(--border-radius-big) var(--border-radius-big) !important;
  8089. }
  8090.  
  8091. .container-VSDcQc .headerText-3i6A8K {
  8092. margin: 0 0 0 8px;
  8093. }
  8094.  
  8095. .container-VSDcQc .input-1ppKdn {
  8096. width: calc(100% - 32px);
  8097. margin: -2px 0 0 4px;
  8098. }
  8099.  
  8100. .row-rrHHJU.selected-1pIgLL {
  8101. background: var(--hover-color) !important
  8102. }
  8103.  
  8104. .autocompleteArrow-Zxoy9H {
  8105. background: var(--popout-alt) !important;
  8106. }
  8107.  
  8108. /* SERVER SETTINGS -> INVITES */
  8109.  
  8110. .customHeader-PhBRGa .divider-3573oO + .flex-1xMQg5 {
  8111. margin: 16px auto 0 auto;
  8112. }
  8113.  
  8114. .card-11ynQk:before {
  8115. border: none !important;
  8116. }
  8117.  
  8118. .ui-standard-sidebar-view .custom-container .avatar-xsmall,
  8119. .guild-settings-banned-user .banned-user-avatar,
  8120. .inviteSettingsInviteRow-3p2O-N .avatar-xsmall {
  8121. position: absolute;
  8122. width: 40px !important;
  8123. height: 40px !important;
  8124. background-size: 40px 40px !important
  8125. }
  8126.  
  8127. .username-38XC76,
  8128. .channelName-13-Sm9,
  8129. .guild-settings-banned-user .username {
  8130. margin: 0 0 0 50px !important;
  8131. padding: 0;
  8132. }
  8133.  
  8134. .inviteSettingsInviteRow-3p2O-N .avatarXSmall-3WYd4d {
  8135. position: absolute;
  8136. width: 40px;
  8137. height: 40px;
  8138. top: 0;
  8139. bottom: 0;
  8140. margin: auto 0;
  8141. }
  8142.  
  8143. .inviteSettingsInviteRow-3p2O-N .code-2OPlX5 .ui-countdown {
  8144. transition: 200ms ease all !important;
  8145. }
  8146.  
  8147. .inviteSettingsInviteRow-3p2O-N:hover .code-2OPlX5 .ui-countdown {
  8148. opacity: 0 !important;
  8149. }
  8150.  
  8151. .emojiRow-zIc7ZX .emojiRemove-1k6MlJ,
  8152. .user-settings-games .game .remove-game,
  8153. .revokeInvite-28N8uj,
  8154. .removeWebhook-3PNViU {
  8155. width: 36px;
  8156. height: 36px;
  8157. top: 0;
  8158. right: -36px;
  8159. bottom: 0;
  8160. margin: auto 0;
  8161. background-color: transparent !important;
  8162. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNiAxOWMwIDEuMS45IDIgMiAyaDhjMS4xIDAgMi0uOSAyLTJWN0g2djEyek04IDloOHYxMEg4Vjl6bTcuNS01bC0xLTFoLTVsLTEgMUg1djJoMTRWNGgtMy41eiIvPjwvc3ZnPg==);
  8163. box-shadow: none !important;
  8164. transition: 200ms ease all;
  8165. }
  8166.  
  8167. .emojiRow-zIc7ZX:hover .emojiRemove-1k6MlJ,
  8168. .user-settings-games .game:hover .remove-game,
  8169. .inviteSettingsInviteRow-3p2O-N:hover .revokeInvite-28N8uj,
  8170. .webhookRow-20TsIQ:hover .removeWebhook-3PNViU {
  8171. right: 0;
  8172. }
  8173.  
  8174. .revokeInvite-28N8uj {
  8175. width: 36px;
  8176. height: 36px;
  8177. background-color: var(--main-color) !important;
  8178. box-shadow: none !important;
  8179. overflow: visible;
  8180. }
  8181.  
  8182. .revokeInvite-28N8uj:active {
  8183. transform: translateY(0) !important;
  8184. }
  8185.  
  8186. .invite-settings-invite-row:hover .revoke-invite {
  8187. border-radius: 50% !important;
  8188. background-color: transparent !important;
  8189. }
  8190.  
  8191. .code-2OPlX5 {
  8192. opacity: 1 !important;
  8193. }
  8194.  
  8195. /* SERVER SETTINGS -> BANS */
  8196.  
  8197. .bannedUser-1IalTM {
  8198. min-height: 72px !important;
  8199. }
  8200.  
  8201. .bannedUser-1IalTM:last-child {
  8202. box-shadow: none !important;
  8203. }
  8204.  
  8205. /* SERVER SETTINGS -> CHANNEL SETTINGS */
  8206.  
  8207. .group-2dAfBy {
  8208.  
  8209. }
  8210.  
  8211. .group-2dAfBy button {
  8212. border: none !important;
  8213. box-shadow: none !important;
  8214. }
  8215.  
  8216. .item-3T2z1R {
  8217.  
  8218. }
  8219.  
  8220.  
  8221. /*
  8222. *
  8223. * SERVER LIST
  8224. *
  8225. */
  8226.  
  8227. .guildsWrapper-5TJh6A {
  8228. background: var(--server-bg) !important;
  8229. border-radius: 0;
  8230. }
  8231.  
  8232. .wrapper-1Rf91z {
  8233. width: 70px;
  8234. background: var(--server-bg) !important;
  8235. border-radius: 0;
  8236. }
  8237.  
  8238. .wrapper-1Rf91z .scroller-2TZvBN {
  8239. padding: 0;
  8240. }
  8241.  
  8242. .wrapper-1Rf91z .scroller-2TZvBN div:not([class])[style='opacity: 1; height: 56px; transform: scale(1);'] {
  8243. height: 60px !important;
  8244. }
  8245.  
  8246. .guildsError-3cFMtY {
  8247. position: relative;
  8248. top: 5px;
  8249. margin: 0 auto;
  8250. background: var(--alert-color) !important;
  8251. }
  8252.  
  8253. /* SERVER LIST -> UNDREAD NOTIFICATIONS */
  8254.  
  8255. .unreadMentionsIndicatorBottom-BXS58x,
  8256. .unreadMentionsIndicatorTop-gA6RCh {
  8257. width: 70px;
  8258. padding: 0;
  8259. }
  8260.  
  8261. .unreadMentionsIndicatorBottom-BXS58x {
  8262. bottom: -16px;
  8263. }
  8264.  
  8265. .unreadMentionsIndicatorTop-gA6RCh .bar-30k2ka {
  8266. box-shadow: var(--shadow-1dp);
  8267. }
  8268.  
  8269. .unreadMentionsIndicatorBottom-BXS58x .bar-30k2ka {
  8270. box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.14), 0 -3px 1px -2px rgba(0, 0, 0, 0.2), 0 -1px 5px 0 rgba(0, 0, 0, 0.12);
  8271. }
  8272.  
  8273. .bar-30k2ka {
  8274. background: var(--alert-color);
  8275. border-radius: 0;
  8276. font-weight: 500;
  8277. transition: 250ms ease all;
  8278. }
  8279.  
  8280. /* SERVER LIST -> HOME/DMS */
  8281.  
  8282. .wrapper-2lTRaf {
  8283. border-radius: 50% !important;
  8284. }
  8285.  
  8286. .button-OhfaWu {
  8287. position: relative;
  8288. background-color: var(--accent-color) !important;
  8289. }
  8290.  
  8291. .button-OhfaWu:after {
  8292. position: absolute;
  8293. content: " ";
  8294. width: 100%;
  8295. height: 100%;
  8296. background-color: var(--accent-color);
  8297. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTEyIDUuNjlsNSA0LjVWMThoLTJ2LTZIOXY2SDd2LTcuODFsNS00LjVNMTIgM0wyIDEyaDN2OGg2di02aDJ2Nmg2di04aDNMMTIgM3oiLz48L3N2Zz4=);
  8298. background-repeat: no-repeat;
  8299. background-position: 50%;
  8300. background-size: 60%;
  8301. }
  8302.  
  8303. .homeIcon-tEMBK1 {
  8304. display: none;
  8305. }
  8306.  
  8307. .friendsOnline-2JkivW {
  8308. width: 70px !important;
  8309. height: 24px !important;
  8310. margin: 0 !important;
  8311. line-height: 24px !important;
  8312. }
  8313.  
  8314. .guildSeparator-3s64Iy {
  8315. position: relative;
  8316. width: 100%;
  8317. height: 1px;
  8318. margin: 0;
  8319. padding: 8px 0;
  8320. background: transparent;
  8321. }
  8322.  
  8323. .guildSeparator-3s64Iy:after {
  8324. position: absolute;
  8325. content: " ";
  8326. height: 1px;
  8327. top: 0;
  8328. left: 0;
  8329. right: 0;
  8330. bottom: 0;
  8331. margin: auto 0;
  8332. background: #333;
  8333. }
  8334.  
  8335. /* SERVER LIST -> SERVERS */
  8336.  
  8337. .listItem-2P_4kh {
  8338. position: relative;
  8339. width: 70px;
  8340. height: auto;
  8341. margin: 0;
  8342. }
  8343.  
  8344. .listItem-2P_4kh:first-child {
  8345. margin: 4px 0 0 0;
  8346. height: 60px;
  8347. }
  8348.  
  8349. .listItem-2P_4kh:last-child {
  8350. margin: 0 0 8px 0;
  8351. }
  8352.  
  8353. .listItem-2P_4kh:nth-of-type(2) {
  8354. height: auto;
  8355. }
  8356.  
  8357. .wrapper-1Rf91z .scroller-2TZvBN .listItem-2P_4kh:first-child .lowerBadge-29hYVK {
  8358. right: 0 !important;
  8359. bottom: 0 !important;
  8360. }
  8361.  
  8362. .blob-1PX1Gp,
  8363. .blobContainer-239gwq {
  8364. position: relative;
  8365. width: 70px;
  8366. height: 60px;
  8367. margin: 0;
  8368. top: 0;
  8369. left: 0;
  8370. transition: 250ms ease all;
  8371. z-index: 1;
  8372. }
  8373.  
  8374. .blob-1PX1Gp,
  8375. .blobContainer-239gwq,
  8376. .listItemWrapper-3X98Pc {
  8377. transform: translate(0) !important;
  8378. }
  8379.  
  8380. .wrapper-25eVIn {
  8381. width: 50px;
  8382. height: 50px;
  8383. }
  8384.  
  8385. .listItemWrapper-3X98Pc {
  8386. top: 0;
  8387. bottom: 0;
  8388. margin: auto 0;
  8389. }
  8390.  
  8391. .guild-1EfMGQ + .guild-1EfMGQ {
  8392. margin: 0;
  8393. }
  8394.  
  8395. .blobContainer-239gwq:hover {
  8396. background-color: var(--hover-color);
  8397. }
  8398.  
  8399. .container-2td-dC.selected-nT-gM3,
  8400. .container-1aNBdK.selected-nT-gM3 {
  8401. background-color: rgba(255,255,255,0.1);
  8402. }
  8403.  
  8404. .dragfix-1wSxtO {
  8405. width: 100%;
  8406. height: 100%;
  8407. }
  8408.  
  8409. .svg-1X37T1,
  8410. .blobContainer-239gwq .wrapper-25eVIn,
  8411. .circleButtonMask-2VNJsN,
  8412. .guildsError-b7zR5H {
  8413. position: absolute;
  8414. width: 50px !important;
  8415. height: 50px !important;
  8416. top: 0;
  8417. left: 0;
  8418. right: 0;
  8419. bottom: 0;
  8420. margin: auto;
  8421. border-radius: 50% !important;
  8422. transform: translate(0) !important;
  8423. }
  8424.  
  8425. .circleButtonMask-2VNJsN,
  8426. .guildsError-b7zR5H {
  8427. position: relative;
  8428. margin: 5px auto;
  8429. }
  8430.  
  8431. .guildsError-b7zR5H {
  8432. color: #fff !important;
  8433. }
  8434.  
  8435. .blobContainer-239gwq .wrapper-25eVIn foreignObject,
  8436. .wrapper-25eVIn mask {
  8437. mask: none;
  8438. }
  8439.  
  8440. .wrapper-25eVIn mask {
  8441. display: none;
  8442. }
  8443.  
  8444. .dragPlaceholder-D9-haY {
  8445. width: 50px !important;
  8446. height: 50px !important;
  8447. margin: 0 !important;
  8448. background: #2e2e34 !important;
  8449. border-radius: 50%;
  8450. border: none !important;
  8451. transition: 250ms ease all !important;
  8452. }
  8453.  
  8454. .container-2td-dC .guildIcon-CT-ZDq {
  8455. border-radius: 50%;
  8456. }
  8457.  
  8458. .wrapper-sa6paO {
  8459. width: 100%;
  8460. height: 100%;
  8461. }
  8462.  
  8463. .pill-2uzAFe .item-2hkk8m {
  8464. display: none;
  8465. }
  8466.  
  8467. .pill-1m5BUr,
  8468. .pill-2uzAFe {
  8469. transition: 200ms var(--default-animation);
  8470. }
  8471.  
  8472. .pill-1m5BUr.bd-hovered,
  8473. .pill-2uzAFe.bd-hovered {
  8474. background-color: var(--hover-color) !important;
  8475. }
  8476.  
  8477. .listItem-2P_4kh.bd-selected,
  8478. .pill-2uzAFe.bd-selected {
  8479. background-color: var(--select-color) !important;
  8480. }
  8481.  
  8482. .listItem-2P_4kh .pill-31IEus .item-2hkk8m {
  8483. opacity: 0 !important;
  8484. }
  8485.  
  8486. .listItem-2P_4kh.bd-unread .pill-31IEus .item-2hkk8m,
  8487. .listItem-2P_4kh.bd-unread .pill-1m5BUr .item-2hkk8m,
  8488.  
  8489. .listItem-2P_4kh .pill-1m5BUr.bd-unread .item-2hkk8m {
  8490. position: absolute;
  8491. width: 12px;
  8492. height: 12px !important;
  8493. top: 6px;
  8494. right: 10px;
  8495. margin: 0;
  8496. background: var(--notification-color);
  8497. opacity: 1 !important;
  8498. border-radius: 50%;
  8499. box-shadow: var(--shadow-1dp);
  8500. transform: translate(0) !important;
  8501. transition: 200ms var(--default-animation);
  8502. z-index: 2;
  8503. pointer-events: none;
  8504. }
  8505.  
  8506. .upperBadge-2XnnGB,
  8507. .lowerBadge-29hYVK {
  8508. position: absolute;
  8509. width: 24px;
  8510. height: 24px;
  8511. top: -4px;
  8512. left: -4px;
  8513. }
  8514.  
  8515. .lowerBadge-29hYVK {
  8516. width: auto;
  8517. height: 16px;
  8518. top: auto;
  8519. left: auto;
  8520. bottom: 0;
  8521. right: 0;
  8522. }
  8523.  
  8524. .wrapper-1Rf91z .scroller-2TZvBN div:not([class])[style*="opacity: 1"] .listItem-2P_4kh:first-child .lowerBadge-29hYVK {
  8525. right: 0 !important;
  8526. bottom: 0 !important;
  8527. }
  8528.  
  8529. .numberBadge-2s8kKX {
  8530. width: auto !important;
  8531. padding: 0 4px !important;
  8532. background: var(--alert-color) !important;
  8533. box-shadow: var(--shadow-1dp);
  8534. }
  8535.  
  8536. .placeholderMask-3K9THS {
  8537. margin: 6px 0;
  8538. }
  8539.  
  8540. .dragInner-_SHftW {
  8541. border-radius: 50%;
  8542. }
  8543.  
  8544. .textBadge-1iylP6 {
  8545. font-weight: 500;
  8546. }
  8547.  
  8548. .iconBadge-2NuvG9 {
  8549. width: 100%;
  8550. height: 100%;
  8551. background-color: var(--accent-color) !important;
  8552. border-radius: 50%;
  8553. animation: audio-flash 1.2s linear infinite;
  8554. }
  8555.  
  8556. .icon-3s6X1M {
  8557. transform: scale(0.75);
  8558. }
  8559.  
  8560. .icon-3s6X1M[name="Nova_Speaker"] path,
  8561. .icon-3pNFyS[name="Speaker"] path {
  8562. d: path('M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z');
  8563. }
  8564.  
  8565. .icon-3s6X1M[name="Nova_Camera"] path {
  8566. d: path('M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z');
  8567. }
  8568.  
  8569. /* SERVER LIST -> SERVERS -> NATIVE SERVER FOLDERS */
  8570.  
  8571. .wrapper-21YSNc {
  8572. width: 70px;
  8573. min-height: 60px;
  8574. margin: 0;
  8575. }
  8576.  
  8577. .wrapper-21YSNc .listItem-2P_4kh {
  8578. width: 50px;
  8579. height: 50px;
  8580. }
  8581.  
  8582. .expandedFolderBackground-2sPsd- {
  8583. width: 50px;
  8584. height: calc(100% - 3px);
  8585. left: 10px;
  8586. bottom: 0;
  8587. border-radius: 35px;
  8588. }
  8589.  
  8590. .wrapper-21YSNc .expandedFolderBackground-2sPsd- + .listItem-2P_4kh {
  8591. margin: 0 auto;
  8592. padding: 5px 0 0 0;
  8593. }
  8594.  
  8595. .wrapper-21YSNc .expandedFolderBackground-2sPsd-:not(.collapsed-1GMuSb) + .listItem-2P_4kh {
  8596. margin: 5px auto 0 auto;
  8597. }
  8598.  
  8599. .wrapper-21YSNc .expandedFolderBackground-2sPsd- + .listItem-2P_4kh .pill-31IEus .item-2hkk8m {
  8600. width: 12px;
  8601. height: 12px !important;
  8602. margin: 0;
  8603. top: 6px;
  8604. right: 0;
  8605. background: var(--notification-color);
  8606. border-radius: 50%;
  8607. box-shadow: var(--shadow-1dp);
  8608. z-index: 2;
  8609. transform: translate3d(0, 0, 0) !important;
  8610. transition: 250ms var(--default-animation);
  8611. }
  8612.  
  8613. .wrapper-21YSNc .expandedFolderBackground-2sPsd- + .listItem-2P_4kh .pill-31IEus .item-2hkk8m[style*='opacity: 0.7'] {
  8614. opacity: 1 !important;
  8615. }
  8616.  
  8617. .wrapper-21YSNc .expandedFolderBackground-2sPsd-:not(.collapsed-1GMuSb) + .listItem-2P_4kh .pill-31IEus .item-2hkk8m,
  8618. .wrapper-21YSNc .expandedFolderBackground-2sPsd-.hover-2ji_A7 + .listItem-2P_4kh .pill-31IEus .item-2hkk8m[style*='opacity: 0.7'] {
  8619. opacity: 0 !important;
  8620. }
  8621.  
  8622. .expandedGuilds-1JMD4M {
  8623. width: 50px;
  8624. margin: 0 auto 5px auto;
  8625. }
  8626.  
  8627. .expandedGuilds-1JMD4M .listItem-2P_4kh {
  8628. height: 56px;
  8629. margin: 0;
  8630. }
  8631.  
  8632. .expandedGuilds-1JMD4M .listItem-2P_4kh.bd-unread .pill-31IEus .item-2hkk8m {
  8633. top: 7px;
  8634. right: 3px;
  8635. }
  8636.  
  8637. .expandedGuilds-1JMD4M .listItem-2P_4kh:last-child,
  8638. .expandedGuilds-1JMD4M .listItem-2P_4kh:last-child .blobContainer-239gwq {
  8639. height: 53px;
  8640. border-radius: 0 0 35px 35px;
  8641. }
  8642.  
  8643. .expandedGuilds-1JMD4M .listItem-2P_4kh .blobContainer-239gwq {
  8644. height: 56px;
  8645. }
  8646.  
  8647. .expandedGuilds-1JMD4M .blobContainer-239gwq .wrapper-25eVIn,
  8648. .expandedGuilds-1JMD4M .svg-1X37T1 {
  8649. width: 44px !important;
  8650. height: 44px !important;
  8651. margin: auto;
  8652. }
  8653.  
  8654. .expandedFolderIconWrapper-1xLaU- svg path {
  8655. fill: var(--notification-color) !important;
  8656. }
  8657.  
  8658. /* SERVER LIST -> SERVER FOLDERS */
  8659.  
  8660. .blobContainer-239gwq .wrapper-1BJsBx {
  8661. background-color: var(--select-color);
  8662. }
  8663.  
  8664. .wrapper-1Rf91z.foldercontent {
  8665. box-shadow: inset 1px 0 0 var(--card-border-color);
  8666. }
  8667.  
  8668. .listItem-2P_4kh.folder.open {
  8669. background-color: var(--select-color);
  8670. overflow: visible;
  8671. }
  8672.  
  8673. .blobContainer-239gwq mask {
  8674. display: none;
  8675. }
  8676.  
  8677. .blobContainer-239gwq .lowerBadge-29hYVK.notifications {
  8678. right: 10px;
  8679. bottom: 8px;
  8680. }
  8681.  
  8682. .blobContainer-239gwq .upperBadge-2XnnGB.count {
  8683. width: auto !important;
  8684. top: auto !important;
  8685. left: 10px;
  8686. bottom: 0 !important;
  8687. }
  8688.  
  8689. .blobContainer-239gwq .upperBadge-2XnnGB.count .numberBadge-2s8kKX {
  8690. padding: 0 !important;
  8691. }
  8692.  
  8693. .blobContainer-239gwq .upperBadge-2XnnGB.audio-badge {
  8694. top: 1px;
  8695. left: 6px;
  8696. }
  8697.  
  8698. .container-2td-dC.folder .badge-3dItlm.folder.count {
  8699. top: auto;
  8700. left: 22px;
  8701. bottom: -2px;
  8702. background: #666 !important;
  8703. }
  8704.  
  8705. .platform-osx .wrapper-1Rf91z .listItem-2P_4kh:first-child {
  8706. margin: 4px 0 0 0;
  8707. }
  8708.  
  8709. /* SERVER LIST -> CREATE/JOIN SERVER & SERVER DISCOVERY */
  8710.  
  8711. .listItem-2P_4kh:nth-last-child(2) {
  8712. position: relative;
  8713. transition: 250ms ease all;
  8714. }
  8715.  
  8716. .listItem-2P_4kh:nth-last-child(2) .pill-3YxEhL {
  8717. display: none;
  8718. }
  8719.  
  8720. .listItem-2P_4kh:last-child .pill-3YxEhL {
  8721. display: none;
  8722. }
  8723.  
  8724. .circleIconButton-jET_ig {
  8725. background: var(--accent-color) !important;
  8726. color: #fff !important;
  8727. }
  8728.  
  8729. .circleIconButton-jET_ig:hover {
  8730. box-shadow: var(--shadow-3dp) !important;
  8731. }
  8732.  
  8733. /* SERVER LIST -> CREATE/JOIN SERVER MODAL */
  8734.  
  8735. .wrapper-2ZbzR9 {
  8736. height: 350px;
  8737. background: transparent !important;
  8738. border-radius: var(--border-radius-big);
  8739. box-shadow: var(--shadow-3dp) !important;
  8740. }
  8741.  
  8742. .wrapper-2ZbzR9 .content-2BXhLs .scroller-2FKFPG {
  8743. padding: 16px;
  8744. }
  8745.  
  8746. .header-3ZP1MY {
  8747. margin: 0 0 16px 0;
  8748. }
  8749.  
  8750. .slideBody-35BNbg {
  8751. padding: 16px 16px 0;
  8752. }
  8753.  
  8754. .slideBody-2nMrnU {
  8755. background-image: none !important;
  8756. }
  8757.  
  8758. .item-5R5nmE,
  8759. .item-5R5nmE .modal-3v8ziU {
  8760. border-radius: 0 !important;
  8761. }
  8762.  
  8763. .wrapper-2ZbzR9 .close-18n9bP {
  8764. position: absolute;
  8765. right: 12px;
  8766. }
  8767.  
  8768. .action-1lSjCi {
  8769. background: transparent !important;
  8770. border: none !important;
  8771. box-shadow: none !important;
  8772. overflow: visible;
  8773. }
  8774.  
  8775. .or-3THJsp {
  8776. width: 1px !important;
  8777. height: 100% !important;
  8778. top: 0 !important;
  8779. left: 50% !important;
  8780. background: #555 !important;
  8781. border-radius: 0 !important;
  8782. border: none !important;
  8783. font-size: 0;
  8784. }
  8785.  
  8786. .header-3ZP1MY,
  8787. .actionHeader-2CT5c7,
  8788. .title-2Dc-Cb,
  8789. .title-2CFvp_,
  8790. .action-1lSjCi:hover .actionHeader-2CT5c7,
  8791. .action-1lSjCi:hover .actionHeaderGreen-2hne1X {
  8792. color: #dcddde !important;
  8793. }
  8794.  
  8795. .wrapper-2ZbzR9 .button-38aScr {
  8796. margin: 0 auto;
  8797. }
  8798.  
  8799. .wrapper-2ZbzR9 .footer-30ewN8 .button-38aScr {
  8800. margin: 0;
  8801. }
  8802.  
  8803. .modal-3v8ziU .footer-30ewN8 .flex-1xMQg5 {
  8804. flex: 0 1 auto !important;
  8805. margin: 0 8px 0 0 !important;
  8806. }
  8807.  
  8808. .cancelButton-RGXhAE {
  8809. border-radius: var(--border-radius) !important;
  8810. color: #fff !important;
  8811. }
  8812.  
  8813. .cancelButton-RGXhAE:before {
  8814. display: none;
  8815. }
  8816.  
  8817. .avatar-uploader-inner {
  8818. border: none;
  8819. }
  8820.  
  8821. .regionSelect-3lf4eE .regionSelectInner-24f4Ce,
  8822. .regionSelect-3lf4eE button {
  8823. border: none;
  8824. }
  8825.  
  8826. .formWrapper-3fFVPj .flexChild-faoVW3 {
  8827. flex: 0 1 auto !important;
  8828. }
  8829.  
  8830. .formWrapper-3fFVPj .flexChild-faoVW3:first-child {
  8831. width: 75% !important;
  8832. }
  8833.  
  8834. .formWrapper-3fFVPj .flexChild-faoVW3:last-child {
  8835. margin: 0 0 0 16px !important;
  8836. }
  8837.  
  8838. .input-1mgnkM,
  8839. .input-UJ9Tr3 {
  8840. color: #ccc !important;
  8841. }
  8842.  
  8843. .avatarUploaderInner-3UNxY3 {
  8844. background-color: var(--accent-color);
  8845. border: none;
  8846. box-shadow: var(--shadow-3dp);
  8847. }
  8848.  
  8849. .avatarUploaderInner-3UNxY3:hover {
  8850. box-shadow: var(--shadow-3dp), inset 0 0 120px rgba(0,0,0,.75);
  8851. }
  8852.  
  8853. .description-QF3836,
  8854. .description-Bw8krY {
  8855. font-size: 1em;
  8856. font-weight: 400;
  8857. }
  8858.  
  8859. .helpText-h3r3wC {
  8860. margin: 12px 0 0 0;
  8861. }
  8862.  
  8863.  
  8864. /*
  8865. *
  8866. * CHANNELS LIST
  8867. *
  8868. */
  8869.  
  8870. .container-2Rl01u {
  8871. background-color: var(--main-color) !important;
  8872. transition: 300ms var(--default-animation) !important;
  8873. }
  8874.  
  8875. .pinnedBanner-31szAF,
  8876. .pinnedBanner-31szAF .header-2o-2hj:hover {
  8877. background: var(--main-color) !important;
  8878. }
  8879.  
  8880. .header-2o-2hj .flowerStar-1GeTsn[aria-label="Verified"] path,
  8881. .header-2o-2hj .flowerStar-1GeTsn[aria-label="Discord Partner"] path,
  8882. .guildBadge-3vRjwA .flowerStar-1GeTsn[aria-label="Verified"] path,
  8883. .title-OqQvkN .flowerStar-1GeTsn[aria-label="Verified"] path,
  8884. .guildBadge-3vRjwA .flowerStar-1GeTsn[aria-label="Discord Partner"] path,
  8885. .flowerStar-1GeTsn path {
  8886. d: path('M21,11C21,16.55 17.16,21.74 12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11M12,21C15.75,20 19,15.54 19,11.22V6.3L12,3.18L5,6.3V11.22C5,15.54 8.25,20 12,21Z') !important;
  8887. fill: #fff !important;
  8888. transform: scale(0.7) translate(0,-1px);
  8889. }
  8890.  
  8891. .iconTierNone-3xOaeG {
  8892. color: #fff !important;
  8893. }
  8894.  
  8895. .guildIconBadge-1PJHeq .flowerStar-1GeTsn[aria-label="Verified"] path,
  8896. .guildIconBadge-1PJHeq .flowerStar-1GeTsn[aria-label="Discord Partner"] path {
  8897. d: path('M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1Z') !important;
  8898. fill: #666 !important;
  8899. transform: scale(0.7) translate(0,-1px);
  8900. }
  8901.  
  8902. .header-2o-2hj .icon-1ihkOt[name="Verified"] path {
  8903.  
  8904. }
  8905.  
  8906. .name-IbjUBS {
  8907. text-transform: none;
  8908. font-size: 14px;
  8909. }
  8910.  
  8911. .containerDefault-3GGEv_,
  8912. .containerDragAfter-3TEhpe,
  8913. .containerDragBefore-3Dzc5x,
  8914. .containerUserOver-1Tcb7l {
  8915. padding: 24px 0 0 0;
  8916. }
  8917.  
  8918. .container-PNkimc .scrollerWrap-2lJEkd .scroller-2FKFPG {
  8919. padding: 0 8px 0 0;
  8920. }
  8921.  
  8922. .wrapper-2NJDcI {
  8923. top: 8px;
  8924. right: 0;
  8925. margin: 0 0 0 8px;
  8926. padding: 1px 8px;
  8927. border-radius: 9px;
  8928. }
  8929.  
  8930. .scroller-2v3d_F {
  8931. padding: 0 8px 20px 0;
  8932. }
  8933.  
  8934. .members-1998pB {
  8935. padding: 0 0 16px 8px;
  8936. }
  8937.  
  8938. .membersGroup-v9BXpm {
  8939. margin: 0 0 4px 0;
  8940. padding: 20px 8px 0 8px !important;
  8941. font-size: 14px;
  8942. text-transform: none;
  8943. }
  8944.  
  8945. .nameCollapsed-34uFWo,
  8946. .nameDefault-2DI02H,
  8947. .nameHovered-1gxhWH,
  8948. .nameHoveredCollapsed-2orEWB,
  8949. .nameMuted-1MCOt4,
  8950. .nameUnread-njOjIS {
  8951. font-weight: 700 !important;
  8952. }
  8953.  
  8954. .content-3at_AU,
  8955.  
  8956. .content-20Aix8,
  8957. .content-OzHfo4,
  8958. .member-3W1lQa,
  8959. .memberOnline-1CIh-0,
  8960. .memberOffline-2lN7gt {
  8961. width: 100%;
  8962. height: 40px;
  8963. margin: 0 !important;
  8964. padding: 0 16px;
  8965. border-radius: 0;
  8966. }
  8967.  
  8968. /*.memberOnline-1CIh-0,
  8969. .memberOffline-2lN7gt {
  8970. padding: 0 !important;
  8971. overflow: visible !important;
  8972. }*/
  8973.  
  8974. .content-3at_AU,
  8975.  
  8976. .content-20Aix8 {
  8977. height: 34px;
  8978. border-radius: 0 17px 17px 0;
  8979. }
  8980.  
  8981. .content-OzHfo4,
  8982. .member-3W1lQa {
  8983. padding: 0 16px;
  8984. border-radius: 20px 0 0 20px;
  8985. transition: 200ms ease all;
  8986. }
  8987.  
  8988. .content-3at_AU:hover,
  8989. .content-OzHfo4:hover,
  8990. .member-3W1lQa:hover {
  8991. background: var(--menu-item-hover) !important;
  8992. }
  8993.  
  8994. .containerDefault-1ZnADq.selected-37j_iU .content-3at_AU,
  8995. .member-3W1lQa.popout-open {
  8996. background: var(--menu-item-select) !important;
  8997. }
  8998.  
  8999. .icon-3BcwQu path {
  9000. display: none;
  9001. }
  9002.  
  9003. .icon-3BcwQu path[d="M21 4.27L19.73 3L3 19.73L4.27 21L8.46 16.82L9.69 15.58L11.35 13.92L14.99 10.28L21 4.27Z"] {
  9004. d: path('M10.8 4.9c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 3.91L15 10.6V5c0-1.66-1.34-3-3-3-1.54 0-2.79 1.16-2.96 2.65l1.76 1.76V4.9zM19 11h-1.7c0 .58-.1 1.13-.27 1.64l1.27 1.27c.44-.88.7-1.87.7-2.91zM4.41 2.86L3 4.27l6 6V11c0 1.66 1.34 3 3 3 .23 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.55-.9l4.2 4.2 1.41-1.41L4.41 2.86z') !important;
  9005. display: block;
  9006. }
  9007.  
  9008. .icon-3BcwQu path[d="M3.20101 23.6243L1.7868 22.2101L21.5858 2.41113L23 3.82535L3.20101 23.6243Z"] {
  9009. d: path('M4.34 2.93L2.93 4.34 7.29 8.7 7 9H3v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06c1.34-.3 2.57-.92 3.61-1.75l2.05 2.05 1.41-1.41L4.34 2.93zM10 15.17L7.83 13H5v-2h2.83l.88-.88L10 11.41v3.76zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zm-7-8l-1.88 1.88L12 7.76zm4.5 8c0-1.77-1.02-3.29-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24z') !important;
  9010. display: block;
  9011. }
  9012.  
  9013. .icon-1_QxNX[name="Speaker"] path,
  9014. .colorDefaultVoice-3wYlhb .background-2OVjk_ {
  9015. d: path('M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z') !important;
  9016. }
  9017.  
  9018. .wrapper-1ucjTd.modeLocked-SZJhTy .icon-1_QxNX path {
  9019. d: path('M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z') !important;
  9020. }
  9021.  
  9022. .icon-1_QxNX path[d="M15 12C15 12.0007 15 12.0013 15 12.002C15 12.553 14.551 13.002 14 13.002V15.002C15.654 15.002 17 13.657 17 12.002C17 12.0013 17 12.0007 17 12H15ZM19 12C19 12.0007 19 12.0013 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 12.0013 21 12.0007 21 12H19ZM10.293 3.29604C10.579 3.01004 11.009 2.92504 11.383 3.07904C11.757 3.23204 12 3.59904 12 4.00204V20.002C12 20.407 11.757 20.772 11.383 20.927C11.009 21.082 10.579 20.996 10.293 20.71L6 16.002H3C2.45 16.002 2 15.552 2 15.002V9.00204C2 8.45304 2.45 8.00204 3 8.00204H6L10.293 3.29604Z"] {
  9023. d: path('M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z') !important;
  9024. }
  9025.  
  9026. .icon-1_QxNX path[d="M21.025 5V4C21.025 2.88 20.05 2 19 2C17.95 2 17 2.88 17 4V5C16.4477 5 16 5.44772 16 6V9C16 9.55228 16.4477 10 17 10H19H21C21.5523 10 22 9.55228 22 9V5.975C22 5.43652 21.5635 5 21.025 5ZM20 5H18V4C18 3.42857 18.4667 3 19 3C19.5333 3 20 3.42857 20 4V5Z"],
  9027. .icon-1_QxNX path[d="M19.8914 3.80204L22.2438 8.55654C22.5726 9.22119 22.0891 9.99999 21.3475 10L16.6179 10C15.8745 10 15.391 9.21769 15.7235 8.55279L18.1007 3.79829C18.4701 3.05951 19.5251 3.06172 19.8914 3.80204ZM18.4998 5H19.4999V7.5H18.4999L18.4998 5ZM18.4998 8.49887C18.4998 8.77589 18.7238 9 18.9998 9C19.2759 9 19.4999 8.77589 19.4999 8.49887C19.4999 8.22224 19.2759 7.99773 18.9998 7.99773C18.7238 7.99773 18.4998 8.22224 18.4998 8.49887Z"] {
  9028. transform: translateX(-6px) scale(1.35);
  9029. fill: #ccc;
  9030. opacity: 1;
  9031. }
  9032.  
  9033. .memberOnline-1CIh-0.popout-open .content-OzHfo4 {
  9034. background: rgba(255,255,255,0.1) !important;
  9035. }
  9036.  
  9037. .iconItem-1-bXkn {
  9038. position: relative !important;
  9039. margin: 0 0 0 10px !important;
  9040. }
  9041.  
  9042. .iconItem-1-bXkn svg[name="Invite"] path,
  9043. .iconItem-1-bXkn svg[name="Gear"] path {
  9044. transform: scale(0.7);
  9045. }
  9046.  
  9047. .iconItem-1-bXkn svg[name="Invite"] path {
  9048. d: path('M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H9zm-3-3v-3h3v-2H6V7H4v3H1v2h3v3z') !important;
  9049. }
  9050.  
  9051. .iconItem-1-bXkn svg[name="Gear"] path {
  9052. d: path('M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z') !important;
  9053. }
  9054.  
  9055. .actionIcon-2Hi9ZG:active {
  9056. transform: translateY(0);
  9057. }
  9058.  
  9059. .verified-3uJH7V,
  9060. .verifiedIcon-2TCIsJ {
  9061. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTIgMUwzIDV2NmMwIDUuNTUgMy44NCAxMC43NCA5IDEyIDUuMTYtMS4yNiA5LTYuNDUgOS0xMlY1bC05LTR6bTcgMTBjMCA0LjUyLTIuOTggOC42OS03IDkuOTMtNC4wMi0xLjI0LTctNS40MS03LTkuOTNWNi4zbDctMy4xMSA3IDMuMTFWMTF6bS0xMS41OS41OUw2IDEzbDQgNCA4LTgtMS40MS0xLjQyTDEwIDE0LjE3eiIvPjwvc3ZnPg==);
  9062. background-repeat: no-repeat;
  9063. }
  9064.  
  9065. .verifiedIcon-2TCIsJ {
  9066. top: 0;
  9067. right: 0;
  9068. background-size: 100%;
  9069. border-radius: 50%;
  9070. }
  9071.  
  9072. .verified-3uJH7V g,
  9073. .verifiedIcon-2TCIsJ g {
  9074. display: none;
  9075. }
  9076.  
  9077. .icon-1792kv:active {
  9078. transform: none !important;
  9079. }
  9080.  
  9081. .avatarSpeaking-3MqCHL {
  9082. box-shadow: 0 0 0 2px var(--accent-color), inset 0 0 0 1.5px var(--main-color);
  9083. }
  9084.  
  9085. .addButton-1BORro {
  9086. box-shadow: none !important;
  9087. }
  9088.  
  9089. .addButtonIcon-3u-3Hu:active {
  9090. transform: translateX(0) !important;
  9091. }
  9092.  
  9093. .wrapper-232cHJ {
  9094. border-radius: 9px;
  9095. }
  9096.  
  9097. .containerDefault-1ZnADq .wrapper-232cHJ {
  9098. padding: 3px 6px !important;
  9099. background: var(--alert-color) !important;
  9100. transform: translate(6px, 0) !important;
  9101. }
  9102.  
  9103. .unreadTop-2mkLbX {
  9104. padding: 0 0 8px 0;
  9105. }
  9106.  
  9107. .unreadBottom-1px0d1 {
  9108. padding: 8px 0 0 0;
  9109. }
  9110.  
  9111. .unreadBar-17qm9c {
  9112. background: var(--alert-color);
  9113. border-radius: 0;
  9114. font-weight: 500;
  9115. transition: 250ms ease all;
  9116. }
  9117.  
  9118. .unreadTop-2mkLbX .unreadBar-17qm9c {
  9119. box-shadow: var(--shadow-1dp);
  9120. }
  9121.  
  9122. .unreadBottom-1px0d1 .unreadBar-17qm9c {
  9123. box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.14), 0 -3px 1px -2px rgba(0, 0, 0, 0.2), 0 -1px 5px 0 rgba(0, 0, 0, 0.12);
  9124. }
  9125.  
  9126. .containerUserOver-1U5YnL:after {
  9127. background: var(--accent-rgb) !important;
  9128. border-radius: var(--border-radius);
  9129. border: 2px solid var(--accent-rgb) !important;
  9130. }
  9131.  
  9132. .content-3xS9Lh {
  9133. border-radius: 15px;
  9134. }
  9135.  
  9136. .listDefault-2y5Z9D .avatarContainer-2inGBK {
  9137. margin: 3px 8px 3px 4px;
  9138. }
  9139.  
  9140.  
  9141. /*
  9142. *
  9143. * USER STATUS ICONS
  9144. *
  9145. */
  9146.  
  9147. /* USER STATUS ICONS -> MUTE */
  9148.  
  9149. .buttonIcon-onTTxP[name="Nova_Microphone"] path {
  9150. d: path('M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1-9c0-.55.45-1 1-1s1 .45 1 1v6c0 .55-.45 1-1 1s-1-.45-1-1V5zm6 6c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z') !important;
  9151. }
  9152.  
  9153. .buttonIcon-onTTxP[name="Nova_MicrophoneMute"] path {
  9154. d: path('M10.8 4.9c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 3.91L15 10.6V5c0-1.66-1.34-3-3-3-1.54 0-2.79 1.16-2.96 2.65l1.76 1.76V4.9zM19 11h-1.7c0 .58-.1 1.13-.27 1.64l1.27 1.27c.44-.88.7-1.87.7-2.91zM4.41 2.86L3 4.27l6 6V11c0 1.66 1.34 3 3 3 .23 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.55-.9l4.2 4.2 1.41-1.41L4.41 2.86') !important;
  9155. }
  9156.  
  9157. .buttonIcon-onTTxP[name="Nova_MicrophoneMute"] path {
  9158. display: none;
  9159. }
  9160.  
  9161. .buttonIcon-onTTxP[name="Nova_MicrophoneMute"] path:first-child {
  9162. display: block;
  9163. }
  9164.  
  9165. /* USER STATUS ICONS -> DEAFEN */
  9166.  
  9167. .buttonIcon-onTTxP[name="Nova_Headset"] path {
  9168. d: path('M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z') !important;
  9169. }
  9170.  
  9171. .buttonIcon-onTTxP[name="Nova_HeadsetDeafen"] path {
  9172. d: path('M4.34 2.93L2.93 4.34 7.29 8.7 7 9H3v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06c1.34-.3 2.57-.92 3.61-1.75l2.05 2.05 1.41-1.41L4.34 2.93zM10 15.17L7.83 13H5v-2h2.83l.88-.88L10 11.41v3.76zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zm-7-8l-1.88 1.88L12 7.76zm4.5 8c0-1.77-1.02-3.29-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24z') !important;
  9173. }
  9174.  
  9175. .buttonIcon-onTTxP[name="Nova_HeadsetDeafen"] path {
  9176. display: none;
  9177. }
  9178.  
  9179. .buttonIcon-onTTxP[name="Nova_HeadsetDeafen"] path:first-child {
  9180. display: block;
  9181. }
  9182.  
  9183. /* USER STATUS ICONS -> USER SETTINGS */
  9184.  
  9185. .buttonIcon-onTTxP[name="Gear"] path {
  9186. d: path('M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z') !important;
  9187. }
  9188.  
  9189.  
  9190. /*
  9191. *
  9192. * INVITE
  9193. *
  9194. */
  9195.  
  9196. .wrapper-O5i5-0 {
  9197.  
  9198. }
  9199.  
  9200. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .form-header header,
  9201. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .blurb-zsamaY,
  9202. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .clipboardInputInner-RLx2hK input,
  9203. .checkbox .checkbox-inner+span {
  9204. color: #aaa;
  9205. }
  9206.  
  9207. .clipboardInputInner-1EXMA3 {
  9208. background: var(--main-color);
  9209. border: none;
  9210. }
  9211.  
  9212. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .clipboardInputInner-RLx2hK input {
  9213. background: transparent;
  9214. }
  9215.  
  9216. .clipboardInputInner-1EXMA3 button {
  9217. border: none;
  9218. }
  9219.  
  9220. .clipboardInputInner-1EXMA3 button:first-of-type:before {
  9221. display: none;
  9222. }
  9223.  
  9224. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .checkbox .checkbox-inner span,
  9225. .wrapper-O5i5-0 .instantInviteModalAdvanced-3qJETM .checkbox .checkbox-inner span {
  9226. border-color: #56585b;
  9227. }
  9228.  
  9229. .form-deprecated .Select-control, .form.deprecated .Select-control,
  9230. .Select-menu-outer,
  9231. .Select-control {
  9232. background-color: var(--popout-alt) !important;
  9233. border: none;
  9234. }
  9235.  
  9236. .Select .scroller-fzNley::-webkit-scrollbar {
  9237. width: 4px !important;
  9238. }
  9239.  
  9240. body .Select-option {
  9241. background: var(--popout-alt) !important;
  9242. color: #aaa !important;
  9243. }
  9244.  
  9245. body .Select-option:hover {
  9246. background: var(--hover-color) !important;
  9247. }
  9248.  
  9249. .is-focused:not(.is-open) > .Select-control {
  9250. border: none !important;
  9251. }
  9252.  
  9253. .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label,
  9254. .has-value.Select--single > .Select-control .Select-value .Select-value-label {
  9255. color: #aaa;
  9256. }
  9257.  
  9258. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .form-actions .advanced-26tKjg {
  9259. position: relative;
  9260. }
  9261.  
  9262. .wrapper-O5i5-0 .instantInviteModalAdvanced-3qJETM .form-actions .btn-default {
  9263. border: none !important;
  9264. }
  9265.  
  9266. .clipboardInputInner-1EXMA3 {
  9267. height: 48px;
  9268. }
  9269.  
  9270. .clipboardInputInner-1EXMA3 .copy-3nFbq8 {
  9271. width: 36px !important;
  9272. height: 36px !important;
  9273. top: 6px;
  9274. right: 6px;
  9275. color: transparent !important;
  9276. }
  9277.  
  9278. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .clipboardInputInner-RLx2hK input {
  9279. width: 100%;
  9280. }
  9281.  
  9282. .content-18hQ5Y .guildIconImage-12ar3e {
  9283. border-radius: 50% !important;
  9284. }
  9285.  
  9286. .content-2JiOY5:before {
  9287. display: none;
  9288. }
  9289.  
  9290. .copyButton-3ElbuJ {
  9291. min-width: 36px !important;
  9292. max-width: 36px !important;
  9293. margin: 0 0 0 8px !important;
  9294. font-size: 0 !important;
  9295. }
  9296.  
  9297. .header-FNWxDI .search-bar {
  9298. background: transparent !important;
  9299. border-radius: 0 !important;
  9300. border: none !important;
  9301. box-shadow: none !important;
  9302. }
  9303.  
  9304. .search-bar .search-bar-inner {
  9305. background: transparent;
  9306. border-radius: 0;
  9307. border: none;
  9308. border-bottom: 2px solid var(--card-border-color) !important
  9309. }
  9310.  
  9311. .search-bar input {
  9312. padding: 7px 0;
  9313. font-size: 1em;
  9314. }
  9315.  
  9316. .inviteLargeIcon-HrAH61 {
  9317. background-color: transparent;
  9318. border-radius: 50%;
  9319. }
  9320.  
  9321. .verified-2-ja4L {
  9322. position: relative;
  9323. width: 24px;
  9324. height: 24px;
  9325. background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEwLDE3TDYsMTNMNy40MSwxMS41OUwxMCwxNC4xN0wxNi41OSw3LjU4TDE4LDlNMTIsMUwzLDVWMTFDMywxNi41NSA2Ljg0LDIxLjc0IDEyLDIzQzE3LjE2LDIxLjc0IDIxLDE2LjU1IDIxLDExVjVMMTIsMVoiIC8+PC9zdmc+);
  9326. }
  9327.  
  9328. .verified-2-ja4L path {
  9329. display: none;
  9330. }
  9331.  
  9332.  
  9333. /*
  9334. *
  9335. * SWITCHES AND CHECKBOXES
  9336. *
  9337. */
  9338.  
  9339. .switch-3wwwcV {
  9340. top: 5px;
  9341. }
  9342.  
  9343. .switch-3wwwcV,
  9344. .switch-3e3gef {
  9345. width: 36px !important;
  9346. height: 14px !important;
  9347. overflow: visible !important;
  9348. }
  9349.  
  9350. .switch-3wwwcV:after,
  9351. .switch-3e3gef .slider-3Z3pGX:before {
  9352. width: 20px;
  9353. height: 20px;
  9354. margin: 0;
  9355. top: -3px;
  9356. }
  9357.  
  9358. .switch-3wwwcV:active:after {
  9359. width: 20px !important;
  9360. }
  9361.  
  9362. .switch-3wwwcV.valueChecked-m-4IJZ:active:after {
  9363. width: 20px !important;
  9364. left: auto !important;
  9365. right: 16px !important;
  9366. }
  9367.  
  9368. .switch-3e3gef input:checked + .slider-3Z3pGX:before,
  9369. .switch-3wwwcV.valueChecked-m-4IJZ:after,
  9370. .checkbox .checkbox-inner input[type=checkbox]:checked+span {
  9371. background-color: var(--accent-color) !important;
  9372. }
  9373.  
  9374. input:checked+.slider-3Z3pGX,
  9375. .switch-3wwwcV.valueChecked-m-4IJZ,
  9376. .switch-3wwwcV.valueChecked-m-4IJZ[style="flex: 0 0 auto; background-color: rgb(67, 181, 129);"],
  9377. #bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch.checked {
  9378. background-color: var(--accent-rgb) !important;
  9379. transition: 250ms var(--default-animation) !important;
  9380. }
  9381.  
  9382. .switch-3wwwcV:after,
  9383. .switch-3e3gef .slider-3Z3pGX:before,
  9384. .switch-3wwwcV.valueUnchecked-2lU_20:after,
  9385. .switch-3wwwcV.valueChecked-m-4IJZ:after {
  9386. box-shadow: var(--shadow-1dp);
  9387. }
  9388.  
  9389. .slider-3Z3pGX {
  9390. border: none !important;
  9391. }
  9392.  
  9393. .checkbox-2tyjJg.valueUnchecked-2lU_20,
  9394. .themeDefault-3M0dJU.valueUnchecked-2lU_20,
  9395. .themeDefault-24hCdX {
  9396. background-color: rgba(65,65,65,0.65);
  9397. }
  9398.  
  9399. .switch-3wwwcV:after,
  9400. .switch-3e3gef .slider-3Z3pGX:before,
  9401. .switch-3wwwcV.valueUnchecked-2lU_20:after {
  9402. background-color: #777 !important;
  9403. }
  9404.  
  9405. .slider-3Z3pGX,
  9406. .connection-1fbD7X .valueUnchecked-2lU_20 {
  9407. background-color: rgba(50,50,50,0.4) !important;
  9408. border-color: transparent;
  9409. }
  9410.  
  9411. .connection-1fbD7X .valueChecked-m-4IJZ {
  9412. background-color: rgba(255,255,255,0.35) !important;
  9413. }
  9414.  
  9415. .connection-1fbD7X .valueUnchecked-2lU_20:after {
  9416. background-color: #aaa !important;
  9417. }
  9418.  
  9419. .connection-1fbD7X .valueChecked-m-4IJZ:after {
  9420. background-color: #fff !important;
  9421. }
  9422.  
  9423. .checked-3_4uQ9 {
  9424. border: 2px solid transparent !important;
  9425. }
  9426.  
  9427. .themeClear-1EjkE4.valueUnchecked-2lU_20.sizeDefault-2YlOZr {
  9428. box-shadow: none !important
  9429. }
  9430.  
  9431. .title-3sZWYQ.h5-18_1nd {
  9432. margin-bottom: 8px;
  9433. }
  9434.  
  9435. .faded-3bns_w {
  9436. color: #b9bbbe !important;
  9437. }
  9438.  
  9439. .type-3aEJ96.marginBottom20-32qID7 .title-3sZWYQ.h5-18_1nd {
  9440. margin: 16px 0 8px 0;
  9441. }
  9442.  
  9443. .modal-3v8ziU .switchItem-2hKKKK,
  9444. .modal-3v8ziU .switchItem-2hKKKK .flex-1xMQg5 {
  9445. padding: 0 !important;
  9446. }
  9447.  
  9448.  
  9449. /*
  9450. *
  9451. * SPINNER
  9452. *
  9453. */
  9454.  
  9455. /*
  9456. .spinner-2enMB9
  9457. .inner-1gJC7_
  9458. .wanderingCubesItem-WPXqao
  9459. */
  9460.  
  9461. ._3X2_kkZ9 ._35kyMuFV,
  9462. .spinner-wandering-cubes .spinner-item,
  9463. .spinner-2enMB9 .wanderingCubesItem-WPXqao {
  9464. display: none;
  9465. animation: none;
  9466. }
  9467.  
  9468. .spinner-wandering-cubes,
  9469. .spinner-3N25TF {
  9470. margin: 10px;
  9471. background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMjUgMjUgNTAgNTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiBjbGFzcz0ic3Bpbm5lciI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Bpbm5lcntwb3NpdGlvbjphYnNvbHV0ZTt3aWR0aDoxMDAlO2hlaWdodDoxMDAlO3RvcDowO2xlZnQ6MDtyaWdodDowO2JvdHRvbTowO21hcmdpbjphdXRvO2FuaW1hdGlvbjpyb3RhdGUgMS44cyBsaW5lYXIgaW5maW5pdGU7dHJhbnNmb3JtLW9yaWdpbjpjZW50ZXIgY2VudGVyO3N0cm9rZTojM2Y1MWI1fS5wYXRoe3N0cm9rZS1kYXNoYXJyYXk6MSwyMDA7c3Ryb2tlLWRhc2hvZmZzZXQ6MDthbmltYXRpb246ZGFzaCAxLjVzIGVhc2UtaW4tb3V0IGluZmluaXRlfUBrZXlmcmFtZXMgcm90YXRlezEwMCV7dHJhbnNmb3JtOnJvdGF0ZSgzNjBkZWcpfX1Aa2V5ZnJhbWVzIGRhc2h7MCV7c3Ryb2tlLWRhc2hhcnJheToxLDIwMDtzdHJva2UtZGFzaG9mZnNldDowfTUwJXtzdHJva2UtZGFzaGFycmF5Ojg5LDIwMDtzdHJva2UtZGFzaG9mZnNldDotMzVweH0xMDAle3N0cm9rZS1kYXNoYXJyYXk6ODksMjAwO3N0cm9rZS1kYXNob2Zmc2V0Oi0xMjRweH19PC9zdHlsZT48Y2lyY2xlIGNsYXNzPSJwYXRoIiBjeD0iNTAiIGN5PSI1MCIgcj0iMjAiIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjwvY2lyY2xlPjwvc3ZnPg==);
  9472. background-repeat: no-repeat !important;
  9473. background-position: 50% !important;
  9474. transform: scale(2.5);
  9475. }
  9476.  
  9477. /*
  9478. *
  9479. * TOOLTIPS
  9480. *
  9481. */
  9482.  
  9483. .tooltip-2QfLtc,
  9484. .downloadLink-1ywL9o:before,
  9485. .wrapper-129saQ a:before,
  9486. .newMessagesBar-mujexs button:last-child:before,
  9487. .bda-dark #bda-qem button:after,
  9488. #searchBarInner .checkbox:after,
  9489. .tipsy-inner,
  9490. .operations-36ENbA .anchor-3Z-8Bb:before,
  9491. .metadataDownload-1fk90V:before,
  9492. .bubble-3qRl2J/*,
  9493. .spoilerText-3p6IlD.hidden-HHr2R9:before*/ {
  9494. padding: 8px;
  9495. line-height: 14px;
  9496. background-color: rgba(97,97,97,0.9) !important;
  9497. border-radius: var(--border-radius);
  9498. box-shadow: 0px 5px 15px rgba(0,0,0,0.2)!important;
  9499. font-size: 10px;
  9500. font-weight: 500;
  9501. z-index: 100009 !important;
  9502. }
  9503.  
  9504. .downloadLink-1ywL9o:before,
  9505. .wrapper-129saQ a:before,
  9506. .newMessagesBar-mujexs button:last-child:before,
  9507. .bda-dark #bda-qem button:after,
  9508. #searchBarInner .checkbox:after,
  9509. .operations-36ENbA .anchor-3Z-8Bb:before,
  9510. .metadataDownload-1fk90V:before/*,
  9511. .spoilerText-3p6IlD.hidden-HHr2R9:before*/ {
  9512. position: absolute;
  9513. /*content: " ";*/
  9514. color: #d4d6d5;
  9515. pointer-events: none;
  9516. opacity: 0;
  9517. transition: 250ms ease all;
  9518. }
  9519.  
  9520. .downloadLink-1ywL9o:hover:before,
  9521. .wrapper-129saQ a:hover:before,
  9522. .newMessagesBar-mujexs button:last-child:hover:before,
  9523. .bda-dark #bda-qem button:hover:after,
  9524. #searchBarInner .checkbox:hover:after,
  9525. .operations-36ENbA .anchor-3Z-8Bb:hover:before,
  9526. .metadataDownload-1fk90V:hover:before/*,
  9527. .spoilerText-3p6IlD.hidden-HHr2R9:hover:before*/ {
  9528. opacity: 1;
  9529. }
  9530.  
  9531. .selectable-3iSmAf .statusOffline-jZXr_u:before {
  9532. display: none !important;
  9533. }
  9534.  
  9535. .tooltip-2QfLtc {
  9536. z-index: 99999999999999;
  9537. pointer-events: none;
  9538. animation: opacity 250ms ease;
  9539. }
  9540.  
  9541. .tooltipPointer-3ZfirK {
  9542. visibility: hidden;
  9543. }
  9544.  
  9545.  
  9546. /*
  9547. *
  9548. * MAIN CHAT AREA AND MESSAGES
  9549. *
  9550. */
  9551.  
  9552. .chat-3bRxxu .messages-3amgkR {
  9553. padding: 0 0 16px 0;
  9554. }
  9555.  
  9556. .chat-3bRxxu .messages-3amgkR .textArea-2Spzkt {
  9557. margin: 2px 40px 2px 0;
  9558. padding: 8px 76px 8px 8px;
  9559. background: #212426 !important;
  9560. }
  9561.  
  9562. .chat-3bRxxu .messages-3amgkR .inner-zqa7da {
  9563. background: transparent !important;
  9564. }
  9565.  
  9566. .chat-3bRxxu .messages-3amgkR .inner-zqa7da .autocomplete-1vrmpx {
  9567. width: calc(100% - 40px);
  9568. max-height: 45vh !important;
  9569. bottom: calc(100% - 4px);
  9570. background: #212426 !important;
  9571. border-bottom: none !important;
  9572. border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
  9573. }
  9574.  
  9575. .chat-3bRxxu .messages-3amgkR .emojiButton-2wRZts {
  9576. width: 36px;
  9577. height: 36px;
  9578. top: 4px;
  9579. right: 76px;
  9580. }
  9581.  
  9582. .hasMore-3e72_v {
  9583. margin: 16px 0 0 0;
  9584. }
  9585.  
  9586. .hasMore-3e72_v button {
  9587. border: none !important;
  9588. color: #fff;
  9589. font-size: 0.85em;
  9590. }
  9591.  
  9592. .chat-3bRxxu .avatar-large {
  9593. top: 2px;
  9594. }
  9595.  
  9596. .isMentioned-N-h9aa {
  9597. margin: 2px 0;
  9598. }
  9599.  
  9600. .isMentioned-N-h9aa,
  9601. .isMentioned-N-h9aa .mention,
  9602. .wrapper-3WhCwL {
  9603. padding: 0 2px !important;
  9604. background: var(--accent-rgb) !important;
  9605. color: #fff !important;
  9606. }
  9607.  
  9608. .markup-2BOw-j .mention {
  9609. padding: 0 2px;
  9610. background: var(--accent-rgb) !important;
  9611. border-radius: var(--border-radius);
  9612. font-weight: 700;
  9613. }
  9614.  
  9615. .isMentioned-N-h9aa .mention {
  9616. display: inline-block !important;
  9617. margin: 1px 0 0 0 !important;
  9618. background: rgba(255,255,255,0.15) !important;
  9619. border-radius: var(--border-radius) !important;
  9620. font-weight: 700 !important;
  9621. }
  9622.  
  9623. .containerCompact-3V0ioj .isMentioned-N-h9aa .mention {
  9624. margin: 1px 0 0 62px !important;
  9625. }
  9626.  
  9627. .isMentionedCozy-3isp7y:after {
  9628. display: none !important;
  9629. }
  9630.  
  9631. .buttonContainer-KtQ8wc {
  9632. position: relative;
  9633. height: 20px;
  9634. z-index: 2;
  9635. }
  9636.  
  9637. .buttonContainer-37UsAw > * {
  9638. visibility: visible;
  9639. opacity: 0;
  9640. transform: translateX(8px);
  9641. transition: 200ms var(--default-animation);
  9642. }
  9643.  
  9644. .buttonContainer-37UsAw > .popout-open,
  9645. .content-3dzVd8:hover .buttonContainer-37UsAw > * {
  9646. opacity: 1;
  9647. transform: translateX(0);
  9648. }
  9649.  
  9650. .container-1YxwTf {
  9651. overflow: visible;
  9652. }
  9653.  
  9654. .reactionBtn-2na4rd,
  9655. .buttonContainer-KtQ8wc .button-3Jq0g9 {
  9656. height: 100%;
  9657. }
  9658.  
  9659. .reactionBtn-2na4rd {
  9660. background-position: 100%;
  9661. }
  9662.  
  9663. /* MAIN CHAT AREA AND MESSAGES -> COZY */
  9664.  
  9665. .containerCozy-jafyvG {
  9666. padding: 12px 8px 8px 8px;
  9667. margin: 16px 26px 16px 80px;
  9668. background: var(--message-color);
  9669. border-radius: var(--border-radius);
  9670. border-bottom: none !important;
  9671. overflow: visible !important;
  9672. }
  9673.  
  9674. .containerCozy-jafyvG .divider-32i8lo {
  9675. display: none;
  9676. }
  9677.  
  9678. .containerCozy-B4noqO > * {
  9679. margin: 0;
  9680. }
  9681.  
  9682. .containerCozy-B4noqO.container-1e22Ot:not(:empty) {
  9683. margin: 0 0 4px 0 !important;
  9684. }
  9685.  
  9686. .containerCozy-B4noqO.container-1e22Ot:not(:empty) div[style*="width: 400px; height: 80px"] {
  9687. padding: 8px 0 0 0 !important;
  9688. }
  9689.  
  9690. .messageCozy-2JPAPA:not(:first-child) .headerCozy-2N9HOL {
  9691. display: none;
  9692. }
  9693.  
  9694. .headerCozy-2N9HOL {
  9695. position: relative;
  9696. height: auto;
  9697. margin: 0;
  9698. }
  9699.  
  9700. .headerCozy-2N9HOL:first-child {
  9701. position: relative;
  9702. }
  9703.  
  9704. .headerCozy-2N9HOL:first-child:before {
  9705. content: " ";
  9706. position: absolute;
  9707. width: 0;
  9708. height: 0;
  9709. top: -12px;
  9710. left: -14px;
  9711. margin: -6px 0 0 0;
  9712. border: 6px solid transparent;
  9713. border-color: transparent;
  9714. border-right-color: var(--message-color);
  9715. pointer-events: none;
  9716. transform: rotate(135deg);
  9717. }
  9718.  
  9719. .headerCozy-2N9HOL:first-child:after {
  9720. content: " ";
  9721. position: absolute;
  9722. width: 10px;
  9723. height: 10px;
  9724. top: -12px;
  9725. left: -8px;
  9726. background: var(--message-color);
  9727. pointer-events: none;
  9728. }
  9729.  
  9730. .avatar-17mtNa {
  9731. position: absolute;
  9732. top: -12px;
  9733. left: -88px;
  9734. }
  9735.  
  9736. .headerCozyMeta-rdohGq {
  9737. display: block;
  9738. width: 100%;
  9739. margin: 0;
  9740. padding: 0 0 4px 0;
  9741. }
  9742.  
  9743. .message-1PNnaP {
  9744. margin: 0;
  9745. }
  9746.  
  9747. .containerCozy-jafyvG .containerCozy-336-Cz {
  9748. position: relative;
  9749. padding: 1px 0;
  9750. }
  9751.  
  9752. .markup-2BOw-j {
  9753. color: #ddd !important;
  9754. }
  9755.  
  9756. .markup-2BOw-j strong {
  9757. line-height: 12px !important;
  9758. }
  9759.  
  9760. .contentCozy-3XX413 {
  9761. margin: 0;
  9762. padding: 0;
  9763. }
  9764.  
  9765. .reactions {
  9766. margin: 4px 0 0 -2px;
  9767. padding: 0;
  9768. }
  9769.  
  9770. .isLocalBot-38G0P0 {
  9771. padding: 0 !important;
  9772. background: transparent !important;
  9773. box-shadow: none !important;
  9774. }
  9775.  
  9776. .isLocalBot-38G0P0 .messageCozy-2JPAPA {
  9777. padding: 12px 8px;
  9778. background: var(--message-color) !important;
  9779. border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);
  9780. }
  9781.  
  9782. .localBotMessage-1cGMdw {
  9783. margin: 8px 0 0 0;
  9784. }
  9785.  
  9786. /* MAIN CHAT AREA AND MESSAGES -> COZY -> LINK CARDS */
  9787.  
  9788. .containerCozy-jafyvG .card-3EIh8J.interactive-IxbS32,
  9789. .newsCard-MOcsRn {
  9790. margin: 4px 0 0 0;
  9791. background: var(--card-color) !important;
  9792. border-radius: var(--border-radius);
  9793. box-shadow: none !important;
  9794. }
  9795.  
  9796. .containerCozy-jafyvG .card-3EIh8J.interactive-IxbS32:hover {
  9797. transform: translate(0);
  9798. }
  9799.  
  9800. .embedContentInner-FBnk7v {
  9801. margin: 0 16px 0 0;
  9802. }
  9803.  
  9804. /* MAIN CHAT AREA AND MESSAGES -> COZY -> GAME/APPLICATION CARD */
  9805.  
  9806. .applicationTile-1Goy1W {
  9807. background: var(--card-alt) !important;
  9808. border-radius: var(--border-radius) !important;
  9809. box-shadow: var(--shadow-1dp) !important;
  9810. }
  9811.  
  9812. /* MAIN CHAT AREA AND MESSAGES -> COZY -> REACTIONS */
  9813.  
  9814. .reactions-1xb2Ex {
  9815. margin: 8px 0 0 0;
  9816. }
  9817.  
  9818. .reaction-1ELvT8.reactionMe-23mbRf {
  9819. background: var(--accent-rgb) !important;
  9820. }
  9821.  
  9822. .reaction-1ELvT8.reactionMe-23mbRf:first-child {
  9823. margin: 2px 2px 2px 0;
  9824. }
  9825.  
  9826. /* MAIN CHAT AREA AND MESSAGES -> COMPACT */
  9827.  
  9828. .containerCompact-3V0ioj {
  9829. margin: 12px 20px;
  9830. padding: 10px 8px;
  9831. background: var(--message-color);
  9832. border-radius: var(--border-radius);
  9833. }
  9834.  
  9835. .latin24CompactTimeStamp-3m4PhB {
  9836. width: 56px;
  9837. top: -2px;
  9838. }
  9839.  
  9840. .messageEditorCompact-2PSR3v {
  9841. position: relative;
  9842. top: -16px;
  9843. margin: 0 8px -12px 61px;
  9844. background: var(--message-color);
  9845. }
  9846.  
  9847. .messageEditorCompact-2PSR3v .marginTop8-1DLZ1n {
  9848. margin: 0;
  9849. }
  9850.  
  9851. .messageEditorCompact-2PSR3v .operations-36ENbA {
  9852. top: 2px;
  9853. }
  9854.  
  9855. .containerCompact-3V0ioj .divider-32i8lo {
  9856. display: none;
  9857. }
  9858.  
  9859. .isCompact-1hsne1 {
  9860. margin: 0 0 0 62px;
  9861. text-indent: -62px
  9862. }
  9863.  
  9864. .containerCompact-3bB5aN:not(:empty) {
  9865. padding: 0 0 6px 62px;
  9866. }
  9867.  
  9868. .timestampVisibleOnHover-276OMc {
  9869. color: #999 !important;
  9870. opacity: 0;
  9871. transition: 250ms var(--default-animation);
  9872. }
  9873.  
  9874. .messageCompact-kQa7ES:hover .timestampCompactBase-26h38e {
  9875. opacity: 1;
  9876. }
  9877.  
  9878. /* MAIN CHAT AREA AND MESSAGES -> EDIT MESSAGE */
  9879.  
  9880. .edited-DL9ECl {
  9881. display: inline-block;
  9882. width: 14px;
  9883. height: 14px;
  9884. margin: 0 0 0 4px;
  9885. line-height: 24px;
  9886. background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjODg4ODg4IiBkPSJNMTQuMDYgOS4wMmwuOTIuOTJMNS45MiAxOUg1di0uOTJsOS4wNi05LjA2TTE3LjY2IDNjLS4yNSAwLS41MS4xLS43LjI5bC0xLjgzIDEuODMgMy43NSAzLjc1IDEuODMtMS44M2MuMzktLjM5LjM5LTEuMDIgMC0xLjQxbC0yLjM0LTIuMzRjLS4yLS4yLS40NS0uMjktLjcxLS4yOXptLTMuNiAzLjE5TDMgMTcuMjVWMjFoMy43NUwxNy44MSA5Ljk0bC0zLjc1LTMuNzV6Ii8+PC9zdmc+) no-repeat;
  9887. font-size: 0;
  9888. }
  9889.  
  9890. .contentCozy-3XX413 div:not([class]) {
  9891. position: relative;
  9892. margin: -6px 0 0 0;
  9893. }
  9894.  
  9895. .operations-36ENbA {
  9896. position: absolute;
  9897. width: 80px;
  9898. height: 36px;
  9899. top: 10px;
  9900. right: 0;
  9901. padding: 0 !important;
  9902. font-size: 0;
  9903. }
  9904.  
  9905. .operations-36ENbA .anchor-3Z-8Bb {
  9906. position: absolute;
  9907. width: 24px;
  9908. height: 24px;
  9909. top: 0;
  9910. bottom: 0;
  9911. margin: auto 0;
  9912. font-size: 0;
  9913. opacity: 0.4;
  9914. background-size: 100%;
  9915. background-position: 50%;
  9916. background-repeat: no-repeat;
  9917. transition: 250ms ease all;
  9918. }
  9919.  
  9920. .operations-36ENbA .anchor-3Z-8Bb:hover,
  9921. .operations-36ENbA .anchor-3Z-8Bb:nth-child(1):hover:after {
  9922. opacity: 1;
  9923. }
  9924.  
  9925. .operations-36ENbA .anchor-3Z-8Bb:nth-child(1) {
  9926. right: 8px;
  9927. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICA8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTksNi40MUwxNy41OSw1TDEyLDEwLjU5TDYuNDEsNUw1LDYuNDFMMTAuNTksMTJMNSwxNy41OUw2LjQxLDE5TDEyLDEzLjQxTDE3LjU5LDE5TDE5LDE3LjU5TDEzLjQxLDEyTDE5LDYuNDFaIiAvPg0KPC9zdmc+);
  9928. }
  9929.  
  9930. .operations-36ENbA .anchor-3Z-8Bb:nth-child(2) {
  9931. right: 48px;
  9932. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNC4wMSA2LjAzbDcuNTEgMy4yMi03LjUyLTEgLjAxLTIuMjJtNy41IDguNzJMNCAxNy45N3YtMi4yMmw3LjUxLTFNMi4wMSAzTDIgMTBsMTUgMi0xNSAyIC4wMSA3TDIzIDEyIDIuMDEgM3oiLz48L3N2Zz4=);
  9933. }
  9934.  
  9935. .message-group .edit-message.edit-first-message .edit-operation .anchor-3Z-8Bb:nth-child(2) {
  9936. top: 38px;
  9937. }
  9938.  
  9939. .chat-3bRxxu .messages-3amgkR .inner-zqa7da .pickerButtons-v-PPYK,
  9940. .chat-3bRxxu .messages-3amgkR .inner-zqa7da .buttons-205you {
  9941. position: absolute;
  9942. width: 36px;
  9943. height: 36px;
  9944. top: 2px;
  9945. right: 76px;
  9946. }
  9947.  
  9948. /* MAIN CHAT AREA AND MESSAGES -> EDIT MESSAGE -> COMPACT */
  9949.  
  9950. /* */
  9951.  
  9952. .operations-36ENbA .anchor-3Z-8Bb:nth-child(1):before {
  9953. content: "Cancel";
  9954. left: -12px;
  9955. bottom: 34px;
  9956. }
  9957.  
  9958. .operations-36ENbA .anchor-3Z-8Bb:nth-child(2):before {
  9959. content: "Save";
  9960. left: -7px;
  9961. bottom: 34px;
  9962. }
  9963.  
  9964. .message-group .invite-CTGItT,
  9965. .invite-18yqGF {
  9966. border: none !important;
  9967. }
  9968.  
  9969. .invite-18yqGF {
  9970. background: var(--main-color) !important;
  9971. }
  9972.  
  9973. .artwork-1vrmJ_ {
  9974. border-radius: 50%;
  9975. }
  9976.  
  9977. .divider-3gKybi {
  9978. position: relative;
  9979. width: calc(100% - 46px);
  9980. padding: 0;
  9981. background: transparent !important;
  9982. }
  9983.  
  9984. .divider-3gKybi > span {
  9985. padding: 2px 10px;
  9986. background: #2b2f33 !important;
  9987. border-radius: 14px;
  9988. color: #999 !important;
  9989. }
  9990.  
  9991. .divider-3gKybi.dividerRed-MKoLlr > span,
  9992. .divider-3gKybi:not(.red-1YQ4s7) span {
  9993. display: inline-block;
  9994. width: auto;
  9995. padding: 8px 12px 6px 12px !important;
  9996. line-height: 1em !important;
  9997. z-index: 2;
  9998. }
  9999.  
  10000. .dividerContent-2L12VI:before,
  10001. .dividerContent-2L12VI:after {
  10002. content: " ";
  10003. position: absolute;
  10004. width: calc(50% - 40px);
  10005. height: 1px;
  10006. top: 50%;
  10007. background: #2b2f33 !important;
  10008. border: none;
  10009. z-index: -1;
  10010. }
  10011.  
  10012. .divider-3gKybi.dividerRed-MKoLlr .dividerContent-2L12VI:before,
  10013. .divider-3gKybi.dividerRed-MKoLlr .dividerContent-2L12VI:after {
  10014. background: var(--accent-color) !important;
  10015. }
  10016.  
  10017. .dividerContent-2L12VI:before {
  10018. left: 0;
  10019. }
  10020.  
  10021. .dividerContent-2L12VI:after {
  10022. left: auto;
  10023. right: 0;
  10024. }
  10025.  
  10026. .embedPill-1Zntps {
  10027. border-radius: var(--border-radius) 0 0 var(--border-radius);
  10028. }
  10029.  
  10030. .embedInner-1-fpTo {
  10031. background: var(--code-color) !important;
  10032. border-radius: 0 var(--border-radius) var(--border-radius) 0 !important;
  10033. border: none !important;
  10034. }
  10035.  
  10036. .embed-IeVjo6 {
  10037. margin: 4px 0 0 0;
  10038. }
  10039.  
  10040. .embed-IeVjo6 + .embed-IeVjo6 {
  10041. margin: 8px 0 0 0;
  10042. }
  10043.  
  10044. .embedVideoActions-O6vR7W,
  10045. .wrapper-129saQ,
  10046. .embed-IeVjo6,
  10047. .attachment-33OFj0 {
  10048. background: rgba(0,0,0,0.5) !important;
  10049. border: none !important;
  10050. }
  10051.  
  10052. .attachment-33OFj0 a {
  10053. position: relative !important;
  10054. width: 27px !important;
  10055. height: 27px !important;
  10056. text-align: center !important;
  10057. }
  10058.  
  10059. .downloadButton-23tKQp {
  10060. color: #999;
  10061. transition: 250ms ease all;
  10062. }
  10063.  
  10064. .downloadButton-23tKQp:hover {
  10065. color: #eee;
  10066. }
  10067.  
  10068. .downloadButton-23tKQp {
  10069. position: relative !important;
  10070. margin: 0 !important;
  10071. top: 1px;
  10072. left: 0px !important;
  10073. }
  10074.  
  10075. .metadata-3WGS0M {
  10076. font-weight: 500;
  10077. }
  10078.  
  10079. .icon-1kp3fr[src="/assets/73d212e3701483c36a4660b28ac15b62.svg"],
  10080. .icon-1kp3fr[src="/assets/985ea67d2edab4424c62009886f12e44.svg"],
  10081. .icon-1kp3fr[src="/assets/a11e895b46cde503a094dd31641060a6.svg"],
  10082. .icon-1kp3fr[src="/assets/f167b4196f02faf2dc2e7eb266a24275.svg"] {
  10083. content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgIDxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNCwySDZBMiwyIDAgMCwwIDQsNFYyMEEyLDIgMCAwLDAgNiwyMkgxOEEyLDIgMCAwLDAgMjAsMjBWOEwxNCwyTTE4LDIwSDZWNEgxM1Y5SDE4VjIwWiIgLz4KPC9zdmc+) !important;
  10084. }
  10085.  
  10086. .small-1CUeBa,
  10087. .progressBar-3u8FBM.small-1CUeBa {
  10088. border-radius: 3px;
  10089. }
  10090.  
  10091. .progress-3Rbvu0[style="background-color: rgb(233, 231, 231);"] {
  10092. background: rgba(255,255,255,0.1) !important;
  10093. }
  10094.  
  10095. .embedVideoActionsInner-24mu2S,
  10096. .wrapper-129saQ {
  10097. width: 100%;
  10098. height: 100%;
  10099. }
  10100.  
  10101. .wrapper-129saQ {
  10102. background: transparent !important;
  10103. }
  10104.  
  10105. .wrapper-129saQ,
  10106. .embedVideoActionsInner-2reMo2 {
  10107. width: 100%;
  10108. height: 100%;
  10109. top: 0;
  10110. left: 0;
  10111. }
  10112.  
  10113. .wrapper-129saQ a {
  10114. position: absolute;
  10115. display: block;
  10116. width: 28px;
  10117. height: 28px;
  10118. top: 4px;
  10119. right: 0;
  10120. background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI4IDI4Ij4NCiAgIDxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNCwzVjVIMTcuNTlMNy43NiwxNC44M0w5LjE3LDE2LjI0TDE5LDYuNDFWMTBIMjFWM00xOSwxOUg1VjVIMTJWM0g1QzMuODksMyAzLDMuOSAzLDVWMTlBMiwyIDAgMCwwIDUsMjFIMTlBMiwyIDAgMCwwIDIxLDE5VjEySDE5VjE5WiIgLz4NCjwvc3ZnPg==);
  10121. background-repeat: no-repeat;
  10122. opacity: 0.75;
  10123. transition: 200ms ease all;
  10124. }
  10125.  
  10126. .wrapper-129saQ a:hover {
  10127. opacity: 1;
  10128. }
  10129.  
  10130. .wrapper-129saQ a:before {
  10131. content: "Open externally";
  10132. width: auto;
  10133. top: -2px;
  10134. left: -90px;
  10135. }
  10136.  
  10137. .iconWrapper-21idzA {
  10138. width: 100%;
  10139. }
  10140.  
  10141. .iconWrapper-21idzA:active {
  10142. transform: translateY(0);
  10143. }
  10144.  
  10145. .embedVideoPlay-1r-B3h,
  10146. .iconPlay-2kgvwV {
  10147. width: 100%;
  10148. height: 100%;
  10149. background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iNzIiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEwLDE2LjVWNy41TDE2LDEyTTEyLDJBMTAsMTAgMCAwLDAgMiwxMkExMCwxMCAwIDAsMCAxMiwyMkExMCwxMCAwIDAsMCAyMiwxMkExMCwxMCAwIDAsMCAxMiwyWiIgLz48L3N2Zz4=);
  10150. background-repeat: no-repeat;
  10151. background-size: 20%;
  10152. background-position: 50%;
  10153. border-radius: 0;
  10154. transition: 200ms ease;
  10155. }
  10156.  
  10157. .iconPlay-2kgvwV {
  10158. position: absolute;
  10159. top: 0;
  10160. left: 0;
  10161. right: 0;
  10162. bottom: 0;
  10163. margin: auto;
  10164. }
  10165.  
  10166. .iconPlay-2kgvwV polygon {
  10167. display: none;
  10168. }
  10169.  
  10170. .embedVideoPlay-1r-B3h:hover,
  10171. .iconPlay-2kgvwV:hover {
  10172. transform: scale(1.25);
  10173. }
  10174.  
  10175. .wrapper-129saQ .iconWrapper-21idzA[role="button"] {
  10176. position: absolute;
  10177. width: 100%;
  10178. height: 100%;
  10179. top: 0;
  10180. left: 0;
  10181. }
  10182.  
  10183. .wrapper-129saQ .anchor-3Z-8Bb {
  10184. width: 24px !important;
  10185. height: 24px !important;
  10186. top: 8px !important;
  10187. left: auto !important;
  10188. right: 8px !important;
  10189. }
  10190.  
  10191. .iconExternalMargins-2v2mzg {
  10192. display: none !important;
  10193. }
  10194.  
  10195. .embedVideoPopout-304geM {
  10196. position: absolute;
  10197. top: 8px;
  10198. right: 8px;
  10199. background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE0LDNWNUgxNy41OUw3Ljc2LDE0LjgzTDkuMTcsMTYuMjRMMTksNi40MVYxMEgyMVYzTTE5LDE5SDVWNUgxMlYzSDVDMy44OSwzIDMsMy45IDMsNVYxOUEyLDIgMCAwLDAgNSwyMUgxOUEyLDIgMCAwLDAgMjEsMTlWMTJIMTlWMTlaIiAvPjwvc3ZnPg==) !important;
  10200. }
  10201.  
  10202. .container-1e22Ot .imageWrapper-2p5ogY {
  10203. margin: 4px 0;
  10204. }
  10205.  
  10206. .container-1e22Ot .wrapper-Qvfyci .imageWrapper-2p5ogY {
  10207. margin: 0;
  10208. }
  10209.  
  10210. .gifTag-31zFY8 {
  10211. background: none;
  10212. }
  10213.  
  10214. .gifTag-31zFY8:after {
  10215. position: absolute;
  10216. content: "GIF";
  10217. top: 0;
  10218. left: -4px;
  10219. padding: 4px 8px;
  10220. background: rgba(0,0,0,0.5);
  10221. border-radius: 11px;
  10222. color: #fff;
  10223. font-weight: 400;
  10224. }
  10225.  
  10226. .content-2BXhLs .scroller-2FKFPG {
  10227. padding: 16px 12px;
  10228. }
  10229.  
  10230. .inner-1ilYF7 div:not([class]):first-child {
  10231. position: relative;
  10232. }
  10233.  
  10234. .downloadLink-1ywL9o:not(.anchor-3Z-8Bb) {
  10235. display: none;
  10236. }
  10237.  
  10238. .downloadLink-1ywL9o {
  10239. position: absolute;
  10240. width: 25px;
  10241. height: 25px;
  10242. right: -30px;
  10243. font-size: 0;
  10244. background-repeat: no-repeat;
  10245. background-position: center;
  10246. }
  10247.  
  10248. .downloadLink-1ywL9o:nth-of-type(1) {
  10249. top: 0;
  10250. background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4NCiAgIDxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNCwzVjVIMTcuNTlMNy43NiwxNC44M0w5LjE3LDE2LjI0TDE5LDYuNDFWMTBIMjFWM00xOSwxOUg1VjVIMTJWM0g1QzMuODksMyAzLDMuOSAzLDVWMTlBMiwyIDAgMCwwIDUsMjFIMTlBMiwyIDAgMCwwIDIxLDE5VjEySDE5VjE5WiIgLz4NCjwvc3ZnPg==);
  10251. }
  10252.  
  10253. .downloadLink-1ywL9o:nth-of-type(2) {
  10254. top: 30px;
  10255. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTksMjFIOFY3SDE5TTE5LDVIOEEyLDIgMCAwLDAgNiw3VjIxQTIsMiAwIDAsMCA4LDIzSDE5QTIsMiAwIDAsMCAyMSwyMVY3QTIsMiAwIDAsMCAxOSw1TTE2LDFINEEyLDIgMCAwLDAgMiwzVjE3SDRWM0gxNlYxWiIvPjwvc3ZnPg==);
  10256. }
  10257.  
  10258. .downloadLink-1ywL9o:before {
  10259. top: -2px;
  10260. }
  10261.  
  10262. .downloadLink-1ywL9o:nth-of-type(1):before {
  10263. content: "Open externally";
  10264. width: 74px;
  10265. right: -95px;
  10266. }
  10267.  
  10268. .downloadLink-1ywL9o:nth-of-type(2):before {
  10269. content: "Copy link";
  10270. right: -64px;
  10271. }
  10272.  
  10273. .markup-2BOw-j pre {
  10274. border-radius: var(--border-radius);
  10275. }
  10276.  
  10277. .markup-2BOw-j pre,
  10278. .markup-2BOw-j pre *,
  10279. .markup-2BOw-j pre code,
  10280. .markup-2BOw-j pre code *,
  10281. .markup-2BOw-j code.inline {
  10282. font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif !important;
  10283. }
  10284.  
  10285. .markup-2BOw-j code.inline,
  10286. .markup-2BOw-j pre,
  10287. .markup-2BOw-j pre code {
  10288. background: var(--code-color) !important;
  10289. border: none !important;
  10290. }
  10291.  
  10292. .markup-2BOw-j pre,
  10293. .markup-2BOw-j code.inline {
  10294. margin: 4px 0 !important;
  10295. }
  10296.  
  10297. .markup-2BOw-j code.inline {
  10298. display: inline-block !important;
  10299. }
  10300.  
  10301. .markup-2BOw-j .description-2XMjXn {
  10302. background: var(--message-alt) !important;
  10303. }
  10304.  
  10305. .spoilerText-3p6IlD,
  10306. .spoilerText-3p6IlD.hidden-HHr2R9 {
  10307. background-color: var(--code-color) !important;
  10308. }
  10309.  
  10310. /*.spoilerText-3p6IlD,
  10311. .spoilerText-3p6IlD.hidden-HHr2R9 {
  10312. background-color: var(--code-color) !important;
  10313. }
  10314.  
  10315. .spoilerText-3p6IlD {
  10316. display: block;
  10317. position: relative;
  10318. }
  10319.  
  10320. .spoilerText-3p6IlD.hidden-HHr2R9:before {
  10321. content: "Show spoiler?";
  10322. width: 65px;
  10323. top: -36px;
  10324. left: 0;
  10325. right: 0;
  10326. margin: 0 auto;
  10327. z-index: 2;
  10328. }
  10329.  
  10330. .spoilerText-3p6IlD.hidden-HHr2R9:after {
  10331. position: absolute;
  10332. content: "Spoiler";
  10333. width: 100%;
  10334. height: 19px;
  10335. top: 0;
  10336. left: 0;
  10337. right: 0;
  10338. bottom: 0;
  10339. margin: auto;
  10340. text-align: center;
  10341. color: #999;
  10342. text-shadow: 0 0 6px rgba(0,0,0,0.8);
  10343. font-weight: 500;
  10344. pointer-events: none;
  10345. }*/
  10346.  
  10347. .wrapper-35wsBm {
  10348. min-width: 400px;
  10349. max-width: 100%;
  10350. width: auto;
  10351. margin: 0;
  10352. padding: 8px 10px;
  10353. background: var(--code-color) !important;
  10354. border: none;
  10355. }
  10356.  
  10357. .wrapper-35wsBm + .wrapper-35wsBm,
  10358. .wrapper-35wsBm + .embed-IeVjo6 {
  10359. margin: 8px 0 0 0;
  10360. }
  10361.  
  10362. .embedSpotify-tvxDCr iframe {
  10363. border-radius: var(--border-radius) !important;
  10364. }
  10365.  
  10366. .guildInfo-1STtYi {
  10367. max-width: 100%;
  10368. }
  10369.  
  10370. .buttonPrimaryOutlinedDefault--H0hhk,
  10371. .buttonPrimaryOutlinedSubmitting-3m3eFx {
  10372. border: none !important;
  10373. }
  10374.  
  10375. .newMessagesBar-mujexs {
  10376. width: 100%;
  10377. left: 0;
  10378. border-radius: 0;
  10379. z-index: 3;
  10380. }
  10381.  
  10382. .newMessagesBar-mujexs:active {
  10383. padding: 0 !important;
  10384. }
  10385.  
  10386. .newMessagesBar-mujexs button:last-child {
  10387. width: 32px;
  10388. height: 26px;
  10389. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICA8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMC40MSwxMy40MUw2LDE5TDcuNDEsMTcuNThMMS44MywxMk0yMi4yNCw1LjU4TDExLjY2LDE2LjE3TDcuNSwxMkw2LjA3LDEzLjQxTDExLjY2LDE5TDIzLjY2LDdNMTgsN0wxNi41OSw1LjU4TDEwLjI0LDExLjkzTDExLjY2LDEzLjM0TDE4LDdaIiAvPg0KPC9zdmc+) !important;
  10390. background-position: 6px 3px;
  10391. background-repeat: no-repeat;
  10392. border-radius: 0 !important;
  10393. font-size: 0;
  10394. }
  10395.  
  10396. .newMessagesBar-mujexs button:last-child:before {
  10397. content: "Mark as read";
  10398. top: 30px;
  10399. right: 4px;
  10400. text-transform: none;
  10401. }
  10402.  
  10403. .jumpToPresentBar-9P20AM {
  10404. width: 56px;
  10405. height: 56px;
  10406. border-radius: 50%;
  10407. left: auto;
  10408. bottom: 20px;
  10409. background: var(--accent-color) !important;
  10410. }
  10411.  
  10412. .jumpToPresentBar-9P20AM:active {
  10413. margin: 0 !important;
  10414. }
  10415.  
  10416. .jumpToPresentBar-9P20AM:after {
  10417. content: " ";
  10418. position: absolute;
  10419. width: 56px;
  10420. height: 56px;
  10421. bottom: 0;
  10422. right: 0;
  10423. background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTcuNDEsOC41OEwxMiwxMy4xN0wxNi41OSw4LjU4TDE4LDEwTDEyLDE2TDYsMTBMNy40MSw4LjU4WiIgLz48L3N2Zz4=);
  10424. background-repeat: no-repeat;
  10425. background-size: 75%;
  10426. background-color: transparent;
  10427. background-position: 7px 7px;
  10428. border-radius: 50%;
  10429. }
  10430.  
  10431. .jumpToPresentBar-9P20AM button {
  10432. opacity: 0;
  10433. z-index: 2;
  10434. }
  10435.  
  10436. .jumpToPresentBar-9P20AM button:first-child {
  10437. width: 56px;
  10438. }
  10439.  
  10440. .jumpToPresentBar-9P20AM button:last-child {
  10441. display: none;
  10442. }
  10443.  
  10444. .container-3-pyIM,
  10445. .container-35XQWE {
  10446. padding: 0;
  10447. }
  10448.  
  10449. /* MAIN CHAT AREA AND MESSAGES -> MESSAGE ICONS */
  10450.  
  10451. .containerCompact-3V0ioj .icon-2Po-VO {
  10452.  
  10453. }
  10454.  
  10455. /* MAIN CHAT AREA AND MESSAGES -> MESSAGE ICONS -> PINNED MESSAGE */
  10456.  
  10457. .icon-2Po-VO[style='background-image: url("/assets/4e4e1d9c907a3dc53d68f34e868fcb12.svg");'] {
  10458. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2FhYWFhYSIgZD0iTTE2LDEyVjRIMTdWMkg3VjRIOFYxMkw2LDE0VjE2SDExLjJWMjJIMTIuOFYxNkgxOFYxNEwxNiwxMk04LjgsMTRMMTAsMTIuOFY0SDE0VjEyLjhMMTUuMiwxNEg4LjhaIiAvPjwvc3ZnPg==) !important;
  10459. transform: rotate(45deg) scale(1.25);
  10460. }
  10461.  
  10462. /* MAIN CHAT AREA AND MESSAGES -> MESSAGE ICONS -> CALL */
  10463.  
  10464. .icon-2Po-VO[style='background-image: url("/assets/c30220457097b064286a8759a9b6c4af.svg");'] {
  10465. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjNDNiNTgxIiBkPSJNMjAgMTUuNWMtMS4yNSAwLTIuNDUtLjItMy41Ny0uNTctLjEtLjAzLS4yMS0uMDUtLjMxLS4wNS0uMjYgMC0uNTEuMS0uNzEuMjlsLTIuMiAyLjJjLTIuODMtMS40NC01LjE1LTMuNzUtNi41OS02LjU5bDIuMi0yLjIxYy4yOC0uMjYuMzYtLjY1LjI1LTFDOC43IDYuNDUgOC41IDUuMjUgOC41IDRjMC0uNTUtLjQ1LTEtMS0xSDRjLS41NSAwLTEgLjQ1LTEgMSAwIDkuMzkgNy42MSAxNyAxNyAxNyAuNTUgMCAxLS40NSAxLTF2LTMuNWMwLS41NS0uNDUtMS0xLTF6TTUuMDMgNWgxLjVjLjA3Ljg4LjIyIDEuNzUuNDUgMi41OGwtMS4yIDEuMjFjLS40LTEuMjEtLjY2LTIuNDctLjc1LTMuNzl6TTE5IDE4Ljk3Yy0xLjMyLS4wOS0yLjYtLjM1LTMuOC0uNzZsMS4yLTEuMmMuODUuMjQgMS43Mi4zOSAyLjYuNDV2MS41MXpNMTggMTFsNS01LTUtNXYzaC00djRoNHoiLz48L3N2Zz4=) !important;
  10466. transform: scale(1.25);
  10467. }
  10468.  
  10469. /* MAIN CHAT AREA AND MESSAGES -> MESSAGE ICONS -> MISSED CALL */
  10470.  
  10471. .icon-2Po-VO[style='background-image: url("/assets/d80d1fdc43a3c42134a31a39581160ac.svg");'] {
  10472. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZjA0NzQ3IiBkPSJNMjAgMTUuNTFjLTEuMjQgMC0yLjQ1LS4yLTMuNTctLjU3LS4xLS4wNC0uMjEtLjA1LS4zMS0uMDUtLjI2IDAtLjUxLjEtLjcxLjI5bC0yLjIgMi4yYy0yLjgzLTEuNDUtNS4xNS0zLjc2LTYuNTktNi41OWwyLjItMi4yYy4yOC0uMjguMzYtLjY3LjI1LTEuMDJDOC43IDYuNDUgOC41IDUuMjUgOC41IDRjMC0uNTUtLjQ1LTEtMS0xSDRjLS41NSAwLTEgLjQ1LTEgMSAwIDkuMzkgNy42MSAxNyAxNyAxNyAuNTUgMCAxLS40NSAxLTF2LTMuNDljMC0uNTUtLjQ1LTEtMS0xek01LjAzIDVoMS41Yy4wNy44OS4yMiAxLjc2LjQ2IDIuNTlsLTEuMiAxLjJjLS40MS0xLjItLjY3LTIuNDctLjc2LTMuNzl6TTE5IDE4Ljk3Yy0xLjMyLS4wOS0yLjU5LS4zNS0zLjgtLjc1bDEuMTktMS4xOWMuODUuMjQgMS43Mi4zOSAyLjYuNDV2MS40OXpNMTggOWgtMi41OWw1LjAyLTUuMDItMS40MS0xLjQxTDE0IDcuNTlWNWgtMnY2aDZ6Ii8+PC9zdmc+) !important;
  10473. transform: scale(1.25);
  10474. }
  10475.  
  10476. /* MAIN CHAT AREA AND MESSAGES -> BLOCKED MESSAGES */
  10477.  
  10478. .messageGroupBlocked-3wrQQX {
  10479. margin: 8px 26px 8px 78px;
  10480. padding: 0 0 1px 0;
  10481. background: var(--message-color) !important;
  10482. border-radius: var(--border-radius);
  10483. border: none !important;
  10484. box-shadow: none !important;
  10485. }
  10486.  
  10487. .messageGroupBlocked-3wrQQX .messageGroupBlockedBtn-1PBBh- {
  10488. height: 36px;
  10489. padding: 0;
  10490. line-height: 36px;
  10491. background: var(--message-color) !important;
  10492. border-bottom: 1px solid transparent;
  10493. border-radius: var(--border-radius) !important;
  10494. text-transform: none;
  10495. }
  10496.  
  10497. .messageGroupBlocked-3wrQQX.revealed-1_RKsf .messageGroupBlockedBtn-1PBBh- {
  10498. height: 36px;
  10499. padding: 0;
  10500. line-height: 36px;
  10501. border-bottom: 1px solid #555;
  10502. border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
  10503. }
  10504.  
  10505. .messageGroupBlocked-3wrQQX .containerCozy-jafyvG,
  10506. .messageGroupBlocked-3wrQQX .headerCozy-2N9HOL:first-child:after {
  10507. background: var(--message-alt) !important;
  10508. }
  10509.  
  10510. .messageGroupBlocked-3wrQQX .containerCozy-jafyvG .headerCozy-2N9HOL:first-child:before {
  10511. border-right-color: var(--message-alt);
  10512. }
  10513.  
  10514.  
  10515. /*
  10516. *
  10517. * SERVER DISCOVERY
  10518. *
  10519. */
  10520.  
  10521. .pageWrapper-1PgVDX {
  10522. background-color: var(--main-color) !important;
  10523. }
  10524.  
  10525. .bg-AYqtMd {
  10526. -webkit-mask-image: linear-gradient(to top, transparent 0%, var(--main-color) 50%);
  10527. }
  10528.  
  10529. /* SERVER DISCOVERY -> SEARCH */
  10530.  
  10531. .searchBox-3Y2Vi7 {
  10532. height: 42px;
  10533. background: #fff !important;
  10534. border: none !important;
  10535. border-radius: 21px;
  10536. box-shadow: none !important;
  10537. }
  10538.  
  10539. .container-3JkMqB .search-MFQ5bU {
  10540. margin: 0 0 32px 0;
  10541. }
  10542.  
  10543. .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv {
  10544. padding: 8px 16px !important;
  10545. }
  10546.  
  10547. .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv,
  10548. .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv:focus {
  10549. border: none !important;
  10550. color: #333 !important;
  10551. font-weight: 500 !important;
  10552. font-size: 0.85em !important;
  10553. }
  10554.  
  10555. .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv::-webkit-input-placeholder {
  10556. color: #333 !important;
  10557. }
  10558.  
  10559. .searchBox-3Y2Vi7 .searchIcon-1a1-yA {
  10560. transform: scale(1);
  10561. }
  10562.  
  10563. .emptySearchResults-1ba__I {
  10564. background: linear-gradient(180deg, transparent, var(--main-color) 100%) !important;
  10565. }
  10566.  
  10567. /* SERVER DISCOVERY -> CARDS */
  10568.  
  10569. .outer-s4sY2_,
  10570. .card-3DjzTQ {
  10571. border-radius: var(--border-radius-big) !important;
  10572. }
  10573.  
  10574. .card-3DjzTQ,
  10575. .card-3DjzTQ.cardHovered-15wbb- {
  10576. background: var(--card-color) !important;
  10577. box-shadow: var(--shadow-1dp) !important;
  10578. }
  10579.  
  10580. .card-3DjzTQ:hover,
  10581. .card-3DjzTQ.cardHovered-15wbb- {
  10582. box-shadow: var(--shadow-3dp) !important
  10583. }
  10584.  
  10585. .card-3DjzTQ:hover,
  10586. .card-3DjzTQ.cardHovered-15wbb- {
  10587. transform: translate(0) !important;
  10588. }
  10589.  
  10590. .viewButton-3jDZqV {
  10591. transform: translate3d(0,0,0);
  10592. }
  10593.  
  10594. .avatar-22otdK {
  10595. border-radius: 50%;
  10596. }
  10597.  
  10598. .sectionHeader-1Hee-5 {
  10599. margin: 24px 0;
  10600. font-size: 18px;
  10601. font-weight: 400;
  10602. }
  10603.  
  10604. .sectionSeparator-2OWiNT {
  10605. display: none;
  10606. }
  10607.  
  10608. /* SERVER DISCOVERY -> PAGINATION */
  10609.  
  10610. .roundButton-2CW1Hh {
  10611. min-width: 36px;
  10612. height: 36px;
  10613. border-radius: 18px;
  10614. }
  10615.  
  10616. .activeButton-1BJAiN {
  10617. background: var(--accent-color) !important;
  10618. }
  10619.  
  10620. .pageButton-MknE-_ {
  10621. transition: 250ms var(--default-animation);
  10622. }
  10623.  
  10624. .pageButton-MknE-_.endButton-3wGL3C {
  10625. width: 36px !important;
  10626. padding: 0 !important;
  10627. background: var(--popout-alt) !important;
  10628. border-radius: 50% !important;
  10629. }
  10630.  
  10631. .pageButton-MknE-_.endButton-3wGL3C:disabled {
  10632. background: transparent !important;
  10633. opacity: 0.5;
  10634. }
  10635.  
  10636. .pageButton-MknE-_.endButton-3wGL3C:not([disabled]):hover {
  10637. box-shadow: var(--shadow-3dp) !important;
  10638. }
  10639.  
  10640. .pageButton-MknE-_.endButton-3wGL3C svg {
  10641. margin: 0 !important;
  10642. transform: translateX(-2px);
  10643. }
  10644.  
  10645. .pageButton-MknE-_.endButton-3wGL3C[rel="prev"] svg {
  10646. transform: translateX(-2px);
  10647. }
  10648.  
  10649. .pageButton-MknE-_.endButton-3wGL3C[rel="next"] svg {
  10650. transform: translateX(1px);
  10651. }
  10652.  
  10653. .pageButton-MknE-_.endButton-3wGL3C span {
  10654. display: none;
  10655. }
  10656.  
  10657.  
  10658. /*
  10659. *
  10660. * VIDEO PLAYER
  10661. *
  10662. */
  10663.  
  10664. .metadata-13NcHb {
  10665. background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.4) 67%,rgba(0,0,0,0.4) 100%);
  10666. z-index: 2;
  10667. pointer-events: none;
  10668. }
  10669.  
  10670. .metadata-13NcHb .anchor-3Z-8Bb {
  10671. pointer-events: all;
  10672. opacity: 1;
  10673. }
  10674.  
  10675. .metadataDownload-1fk90V {
  10676. position: relative;
  10677. height: 24px;
  10678. }
  10679.  
  10680. .metadataDownload-1fk90V:before {
  10681. content: "Download";
  10682. top: 19px;
  10683. right: 42px;
  10684. }
  10685.  
  10686. /*.playCenter-Fe8u3X .iconPlay-2kgvwV {
  10687. background-size: 35%;
  10688. }*/
  10689.  
  10690. .playCenter-Fe8u3X .iconWrapper-21idzA {
  10691. background: rgba(0,0,0,0.5);
  10692. transition: 250ms ease all;
  10693. }
  10694.  
  10695. .playCenter-Fe8u3X .iconWrapper-21idzA:hover {
  10696.  
  10697. }
  10698.  
  10699. /* VIDEO PLAYER -> CONTROLS */
  10700.  
  10701. .videoControls-2kcYic {
  10702. height: 60px;
  10703. bottom: 0;
  10704. padding: 0;
  10705. background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.4) 67%,rgba(0,0,0,0.4) 100%);
  10706. }
  10707.  
  10708. .durationTimeWrapper-OugPFt {
  10709. position: absolute;
  10710. top: 32px;
  10711. left: 72px;
  10712. }
  10713.  
  10714. .durationTimeDisplay-jww5fr, .durationTimeSeparator-2_xpJ7 {
  10715. font-size: 14px;
  10716. }
  10717.  
  10718. .mediaBarInteraction-37i2O4,
  10719. .mediaBarInteractionDragging-2QurIZ {
  10720. position: relative;
  10721. height: 24px;
  10722. top: 8px;
  10723. margin: 0 8px;
  10724. }
  10725.  
  10726. .mediaBarInteraction-37i2O4:hover .mediaBarWrapper-3D7r67,
  10727. .mediaBarInteractionDragging-2QurIZ:hover .mediaBarWrapper-3D7r67 {
  10728. box-shadow: none;
  10729. }
  10730.  
  10731. .videoVolumeWrapper-3syuC- {
  10732. left: 0;
  10733. }
  10734.  
  10735. .mediaBarWrapper-3D7r67 {
  10736. height: 4px;
  10737. }
  10738.  
  10739. .mediaBarProgress-1xaPtl,
  10740. .mediaBarProgress-1xaPtl:before,
  10741. .mediaBarProgress-1xaPtl:after,
  10742. .mediaBarGrabber-1FqnbN,
  10743. .mediaBarInteraction-37i2O4:hover .mediaBarGrabber-1FqnbN,
  10744. .mediaBarInteraction-37i2O4:active .mediaBarGrabber-1FqnbN {
  10745. background-color: var(--accent-color);
  10746. }
  10747.  
  10748. .mediaBarProgress-1xaPtl,
  10749. .mediaBarProgress-1xaPtl:before,
  10750. .mediaBarProgress-1xaPtl:after,
  10751. .mediaBarPreview-1jfyFs,
  10752. .mediaBarPreview-1jfyFs:after,
  10753. .mediaBarPreview-1jfyFs:before,
  10754. .mediaBarWrapper-3D7r67,
  10755. .mediaBarWrapper-3D7r67:after,
  10756. .mediaBarWrapper-3D7r67:before,
  10757. .buffer-26XPkd,
  10758. .buffer-26XPkd:after,
  10759. .buffer-26XPkd:before {
  10760. border-radius: 0;
  10761. }
  10762.  
  10763. .mediaBarInteractionVolume-3QZqYd {
  10764. top: -46px;
  10765. left: 2px;
  10766. margin: 0;
  10767. padding: 0 12px;
  10768. border-radius: 3px;
  10769. }
  10770.  
  10771. .mediaBarInteractionVolume-3QZqYd .mediaBarWrapper-3D7r67 {
  10772.  
  10773. }
  10774.  
  10775. .bubble-3qRl2J {
  10776. top: -34px;
  10777. padding: 8px 8px 0 8px;
  10778. line-height: 12px;
  10779. z-index: 1;
  10780. }
  10781.  
  10782. .bubble-3qRl2J:before {
  10783. display: none;
  10784. }
  10785.  
  10786. .controlIcon-3cRbti {
  10787. position: absolute;
  10788. top: 0;
  10789. opacity: 1;
  10790. }
  10791.  
  10792. .controlIcon-3cRbti:active {
  10793. transform: translateX(0);
  10794. }
  10795.  
  10796.  
  10797. .videoControls-2kcYic > div[role="button"]:not([class]):first-child {
  10798. position: absolute;
  10799. width: 32px;
  10800. height: 32px;
  10801. left: 4px;
  10802. bottom: 5px;
  10803. }
  10804.  
  10805. .videoControls-2kcYic > div[role="button"]:not([class]):first-child:after {
  10806. position: absolute;
  10807. content: " ";
  10808. width: 24px;
  10809. height: 24px;
  10810. top: 0;
  10811. left: 0;
  10812. right: 0;
  10813. bottom: 0;
  10814. margin: auto;
  10815. }
  10816.  
  10817. .wrapperPlaying-1pXOW5 .videoControls-2kcYic > div[role="button"]:not([class]):first-child:after {
  10818. background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNiAxOWg0VjVINnYxNHptOC0xNHYxNGg0VjVoLTR6Ii8+PC9zdmc+);
  10819. }
  10820.  
  10821. .wrapperPaused-19pWuK .videoControls-2kcYic > div[role="button"]:not([class]):first-child:after {
  10822. background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTAgOC42NEwxNS4yNyAxMiAxMCAxNS4zNlY4LjY0TTggNXYxNGwxMS03TDggNXoiLz48L3N2Zz4=);
  10823. }
  10824.  
  10825. .videoControls-2kcYic > div[role="button"]:not([class]):first-child svg {
  10826. display: none;
  10827. }
  10828.  
  10829. .controlIcon-3cRbti[name="Play"],
  10830. .controlIcon-3cRbti[name="Pause"],
  10831. .controlIcon-3cRbti[name="Replay"] {
  10832. /*left: 4px;*/
  10833. bottom: 0 !important;
  10834. }
  10835.  
  10836. .controlIcon-3cRbti[name="Speaker"],
  10837. .controlIcon-3cRbti[name="SpeakerOff"] {
  10838. left: 36px;
  10839. }
  10840.  
  10841. .controlIcon-3cRbti[name="FullScreen"] {
  10842. right: 4px;
  10843. }
  10844.  
  10845. .videoControls-2kcYic .flex-1O1GKY {
  10846. position: absolute;
  10847. display: block;
  10848. top: 33px;
  10849. left: 0;
  10850. }
  10851.  
  10852. /* VIDEO PLAYER -> CONTROLS -> ICONS */
  10853.  
  10854. .controlIcon-3cRbti[name="Speaker"] path {
  10855. d: path('M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z') !important;
  10856. }
  10857.  
  10858. .controlIcon-3cRbti[name="SpeakerOff"] path {
  10859. d: path('M4.34 2.93L2.93 4.34 7.29 8.7 7 9H3v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06c1.34-.3 2.57-.92 3.61-1.75l2.05 2.05 1.41-1.41L4.34 2.93zM10 15.17L7.83 13H5v-2h2.83l.88-.88L10 11.41v3.76zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zm-7-8l-1.88 1.88L12 7.76zm4.5 8c0-1.77-1.02-3.29-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24z') !important;
  10860. transform: scale(1);
  10861. }
  10862.  
  10863.  
  10864. /*
  10865. *
  10866. * AUDIO PLAYER
  10867. *
  10868. */
  10869.  
  10870. .wrapperAudio-1jDe0Q {
  10871. padding: 0;
  10872. background: rgba(0,0,0,0.5) !important;
  10873. border: none;
  10874. }
  10875.  
  10876. .audioMetadata-3zOuGv {
  10877. padding: 8px;
  10878. }
  10879.  
  10880. .audioMetadata-3zOuGv:before {
  10881. content: " ";
  10882. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgIDxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik00LDZIMlYyMEEyLDIgMCAwLDAgNCwyMkgxOFYyMEg0TTE4LDdIMTVWMTIuNUEyLjUsMi41IDAgMCwxIDEyLjUsMTVBMi41LDIuNSAwIDAsMSAxMCwxMi41QTIuNSwyLjUgMCAwLDEgMTIuNSwxMEMxMy4wNywxMCAxMy41OCwxMC4xOSAxNCwxMC41VjVIMThNMjAsMkg4QTIsMiAwIDAsMCA2LDRWMTZBMiwyIDAgMCwwIDgsMThIMjBBMiwyIDAgMCwwIDIyLDE2VjRBMiwyIDAgMCwwIDIwLDJaIiAvPgo8L3N2Zz4=);
  10883. background-repeat: no-repeat;
  10884. background-position: 50%;
  10885. }
  10886.  
  10887. .audioMetadata-3zOuGv .metadataContent-3c_ZXw {
  10888. padding: 0 8px;
  10889. }
  10890.  
  10891. .audioMetadata-3zOuGv .metadataName-14STf- {
  10892. display: inline-block;
  10893. }
  10894.  
  10895. .audioMetadata-3zOuGv .metadataDownload-1fk90V {
  10896. transform: translateY(8px);
  10897. }
  10898.  
  10899. .audioMetadata-3zOuGv .metadataDownload-1fk90V:before {
  10900. top: -3px;
  10901. right: 32px;
  10902. }
  10903.  
  10904. .audioControls-2HsaU6 {
  10905. position: relative;
  10906. height: 50px;
  10907. margin: 0;
  10908. background: rgba(0,0,0,0.25);
  10909. border-radius: 0;
  10910. }
  10911.  
  10912. .audioControls-2HsaU6 .mediaBarInteraction-37i2O4,
  10913. .audioControls-2HsaU6 .mediaBarInteractionDragging-2QurIZ {
  10914. height: 16px;
  10915. top: 4px;
  10916. border-radius: 0;
  10917. }
  10918.  
  10919. .audioControls-2HsaU6 .durationTimeWrapper-OugPFt {
  10920. top: 23px;
  10921. left: 36px;
  10922. }
  10923.  
  10924. .audioControls-2HsaU6 .controlIcon-3cRbti[name="Play"],
  10925. .audioControls-2HsaU6 .controlIcon-3cRbti[name="Pause"],
  10926. .audioControls-2HsaU6 .controlIcon-3cRbti[name="Replay"] {
  10927. top: -6px;
  10928. }
  10929.  
  10930. .audioControls-2HsaU6 .controlIcon-3cRbti[name="Speaker"],
  10931. .audioControls-2HsaU6 .controlIcon-3cRbti[name="SpeakerOff"] {
  10932. top: -3px;
  10933. left: -36px;
  10934. }
  10935.  
  10936. .audioVolumeWrapper-2t9juP {
  10937. transform: translate(0px, -52px);
  10938. }
  10939.  
  10940. .audioControls-2HsaU6 .vertical-1gJnJQ {
  10941. position: relative;
  10942. width: 96px;
  10943. height: 40px;
  10944. top: 0px;
  10945. left: 8px;
  10946. }
  10947.  
  10948. .audioControls-2HsaU6 .mediaBarInteractionVolume-3QZqYd {
  10949. top: -2px;
  10950. left: 0;
  10951. }
  10952.  
  10953.  
  10954. /*
  10955. *
  10956. * NSFW WARNING
  10957. *
  10958. */
  10959.  
  10960. .image-2LqJex {
  10961. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZjA0NzQ3IiBkPSJNMSAyMWgyMkwxMiAyIDEgMjF6bTMuNDctMkwxMiA1Ljk5IDE5LjUzIDE5SDQuNDd6TTExIDE2aDJ2MmgtMnptMC02aDJ2NGgtMnoiLz48L3N2Zz4=) !important;
  10962. }
  10963.  
  10964.  
  10965. /*
  10966. *
  10967. * CHAT FORM
  10968. *
  10969. */
  10970.  
  10971. .chat-3bRxxu form {
  10972. display: block !important;
  10973. position: relative !important;
  10974. margin: 0 !important;
  10975. padding: 0 !important;
  10976. bottom: 0 !important;
  10977. background: var(--input-color) !important;
  10978. }
  10979.  
  10980. .channelTextArea-rNsIhG {
  10981. margin: 0;
  10982. padding: 0;
  10983. background: var(--input-color) !important;
  10984. border: none !important;
  10985. }
  10986.  
  10987. .channelTextArea-os01xC .innerNoAutocomplete-kaUXJZ,
  10988. .channelTextArea-rNsIhG {
  10989. min-height: 68px !important;
  10990. }
  10991.  
  10992. .channelTextArea-rNsIhG .textArea-2Spzkt {
  10993. margin: 14px 0 !important;
  10994. padding: 10px 64px 10px 12px !important;
  10995. }
  10996.  
  10997. .channelTextArea-rNsIhG .textArea-2Spzkt.textAreaDisabled-2_o-kZ {
  10998. padding: 10px 640x 10px 12px !important;
  10999. }
  11000.  
  11001. .edit-message .textArea-2Spzkt {
  11002. padding: 8px 72px 8px 8px !important;
  11003. }
  11004.  
  11005. .edit-message .avatar-large {
  11006. opacity: 0;
  11007. visibility: hidden;
  11008. }
  11009.  
  11010. .inner-zqa7da {
  11011. background: var(--input-color) !important;
  11012. border-radius: 0;
  11013. }
  11014.  
  11015. .innerNoAutocomplete-kaUXJZ {
  11016. border-radius: 0;
  11017. }
  11018.  
  11019. .attachButton-1UjEWA {
  11020. width: 44px;
  11021. height: 50px;
  11022. margin: 8px 0 0 12px;
  11023. box-shadow: none !important;
  11024. cursor: pointer;
  11025. }
  11026.  
  11027. .attachButton-1UjEWA[name="PlusCirclePlay"] {
  11028. width: 24px;
  11029. height: 24px;
  11030. margin: 12px 0 0 12px;
  11031. }
  11032.  
  11033. .attachButtonPlus-rUdX-B {
  11034. d: path('M7.5,18A5.5,5.5 0 0,1 2,12.5A5.5,5.5 0 0,1 7.5,7H18A4,4 0 0,1 22,11A4,4 0 0,1 18,15H9.5A2.5,2.5 0 0,1 7,12.5A2.5,2.5 0 0,1 9.5,10H17V11.5H9.5A1,1 0 0,0 8.5,12.5A1,1 0 0,0 9.5,13.5H18A2.5,2.5 0 0,0 20.5,11A2.5,2.5 0 0,0 18,8.5H7.5A4,4 0 0,0 3.5,12.5A4,4 0 0,0 7.5,16.5H17V18H7.5Z') !important;
  11035. }
  11036.  
  11037. .attachButtonDivider-3Glu60 {
  11038. display: none !important;
  11039. }
  11040.  
  11041. .noArrow-3BYQ0Z.noShadow-321ZPm.popout-3sVMXz.popoutTopLeft-b5Eb3O.popouttop-left[style*="left: 310px;"] {
  11042. left: 320px !important;
  11043. margin: -8px 0 0 0 !important;
  11044. }
  11045.  
  11046. .emojiButton-2wRZts,
  11047. .pickerButtons-v-PPYK,
  11048. .channel-textarea-emoji {
  11049. width: 56px;
  11050. height: 100%;
  11051. box-shadow: none !important;
  11052. }
  11053.  
  11054. .emojiButton-2wRZts {
  11055. margin: -2px 0 0 0 !important;
  11056. }
  11057.  
  11058. .autocomplete-1vrmpx {
  11059. max-height: 69vh;
  11060. padding: 0 !important;
  11061. background: var(--input-color) !important;
  11062. border-radius: var(--border-radius-big) var(--border-radius-big) 0 0;
  11063. box-shadow: 0 -4px 10px -2px rgba(0,0,0,0.35), inset 0 -4px 10px -2px rgba(0,0,0,0.35);
  11064. overflow-y: auto !important;
  11065. }
  11066.  
  11067. .autocompleteRowVertical-q1K4ky {
  11068. padding: 0 !important;
  11069. }
  11070.  
  11071. .autocompleteRow-2OthDa,
  11072. .selector-2IcQBU {
  11073. border-radius: 0 !important;
  11074. }
  11075.  
  11076. .selector-2IcQBU {
  11077. padding: 8px 0 !important;
  11078. font-weight: 500 !important;
  11079. }
  11080.  
  11081. .autocompleteInner-zh20B_ .autocompleteRow-2OthDa:nth-child(1) .selector-2IcQBU,
  11082. .selector-2IcQBU.selectable-3dP3y- {
  11083. padding: 8px 16px !important;
  11084. }
  11085.  
  11086. /* CHAT FORM -> TYPING */
  11087.  
  11088. .typing-2GQL18 {
  11089. position: absolute !important;
  11090. width: 100% !important;
  11091. top: -26px;
  11092. left: 0;
  11093. padding: 0 8px;
  11094. background: rgba(55,55,60,0.85) !important;
  11095. transition: 200ms ease-in-out;
  11096. }
  11097.  
  11098. .typing-2GQL18:hover {
  11099. background: rgba(55,55,60,1) !important;
  11100. }
  11101.  
  11102. .typing-2GQL18 .cooldownWrapper-3joyFc {
  11103. position: relative;
  11104. right: 16px;
  11105. }
  11106.  
  11107. /* CHAT FORM -> SERVER DISCOVERY */
  11108.  
  11109. .wrapper-39oAo3 {
  11110. height: 68px;
  11111. margin: 0;
  11112. padding: 0;
  11113. background: transparent !important;
  11114. }
  11115.  
  11116. .content-c_0cLD {
  11117. margin: 0 0 0 16px;
  11118. }
  11119.  
  11120. .buttonContainer-3AU1Ij {
  11121. margin: 0 16px 0 0;
  11122. }
  11123.  
  11124.  
  11125. /*
  11126. *
  11127. * EMOJI AND GIF BUTTON/EMOJI PICKER AND GOOGLE TRANSLATE BUTTON
  11128. *
  11129. */
  11130.  
  11131. .buttons-205you {
  11132. padding: 0;
  11133. }
  11134.  
  11135. .channelTextArea-rNsIhG .buttons-205you {
  11136. padding: 0 8px 0 0;
  11137. }
  11138.  
  11139. .buttons-205you,
  11140. .pickerButtons-v-PPYK {
  11141. width: auto;
  11142. height: 68px;
  11143. top: 0;
  11144. right: 0;
  11145. }
  11146.  
  11147. .buttons-205you .buttonWrapper-1ZmCpA {
  11148. width: 42px;
  11149. }
  11150.  
  11151. .pickerButton-3JlQT1 {
  11152. width: 42px;
  11153. padding: 0;
  11154. }
  11155.  
  11156. .translate-button {
  11157. top: 0 !important;
  11158. right: 60px !important;
  11159. bottom: 0 !important;
  11160. margin: auto 0 !important;
  11161. padding: 0 8px;
  11162. }
  11163.  
  11164. .emojiPicker-3m1S-j {
  11165. animation: bottom-pop-out 400ms var(--default-animation);
  11166. }
  11167.  
  11168. body:active .emojiPicker-3m1S-j:not(:active) {
  11169. opacity: 0;
  11170. transition: 150ms ease all;
  11171. }
  11172.  
  11173. .emojiPicker-3m1S-j,
  11174. #bda-qem-twitch-container,
  11175. #bda-qem-favourite-container {
  11176. width: 347px !important;
  11177. height: 327px !important;
  11178. border: none;
  11179. }
  11180.  
  11181. .emojiPicker-3m1S-j .stickyHeader-1SS0JU {
  11182. width: calc(100% - 16px) !important;
  11183. }
  11184.  
  11185. .emojiPicker-3m1S-j .category-2U57w6 {
  11186. text-transform: none;
  11187. }
  11188.  
  11189. /* EMOJI PICKER -> CATEGORIES */
  11190.  
  11191. .emojiPicker-3m1S-j .categories-1feg4n {
  11192. height: 63px;
  11193. margin: 0 !important;
  11194. padding: 0 16px !important;
  11195. background: rgba(0,0,0,0.25) !important;
  11196. border-top: none !important;
  11197. }
  11198.  
  11199. .emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq {
  11200. border: none !important;
  11201. opacity: 0.4;
  11202. transition: 200ms ease all;
  11203. }
  11204.  
  11205. .emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.selected-39BZ4S {
  11206. opacity: 1;
  11207. }
  11208.  
  11209. .emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.recent-rdY7_c {
  11210. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTEuOTkgMkM2LjQ3IDIgMiA2LjQ4IDIgMTJzNC40NyAxMCA5Ljk5IDEwQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyUzE3LjUyIDIgMTEuOTkgMnpNMTIgMjBjLTQuNDIgMC04LTMuNTgtOC04czMuNTgtOCA4LTggOCAzLjU4IDggOC0zLjU4IDgtOCA4em0uNS0xM0gxMXY2bDUuMjUgMy4xNS43NS0xLjIzLTQuNS0yLjY3eiIvPjwvc3ZnPg==) !important;
  11211. }
  11212.  
  11213. .emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.custom-2TY7UZ {
  11214. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTEgMThoMnYtMmgtMnYyem0xLTE2QzYuNDggMiAyIDYuNDggMiAxMnM0LjQ4IDEwIDEwIDEwIDEwLTQuNDggMTAtMTBTMTcuNTIgMiAxMiAyem0wIDE4Yy00LjQxIDAtOC0zLjU5LTgtOHMzLjU5LTggOC04IDggMy41OSA4IDgtMy41OSA4LTggOHptMC0xNGMtMi4yMSAwLTQgMS43OS00IDRoMmMwLTEuMS45LTIgMi0yczIgLjkgMiAyYzAgMi0zIDEuNzUtMyA1aDJjMC0yLjI1IDMtMi41IDMtNSAwLTIuMjEtMS43OS00LTQtNHoiLz48L3N2Zz4=) !important;
  11215. }
  11216.  
  11217. .emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.people-2y6eof {
  11218. background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+DQogICAgPHBhdGggZD0iTTExLjk5IDJDNi40NyAyIDIgNi40OCAyIDEyczQuNDcgMTAgOS45OSAxMEMxNy41MiAyMiAyMiAxNy41MiAyMiAxMlMxNy41MiAyIDExLjk5IDJ6TTEyIDIwYy00LjQyIDAtOC0zLjU4LTgtOHMzLjU4LTggOC04IDggMy41OCA4IDgtMy41OCA4LTggOHptMy41LTljLjgzIDAgMS41LS42NyAxLjUtMS41UzE2LjMzIDggMTUuNSA4IDE0IDguNjcgMTQgOS41cy42NyAxLjUgMS41IDEuNXptLTcgMGMuODMgMCAxLjUtLjY3IDEuNS0xLjVTOS4zMyA4IDguNSA4IDcgOC42NyA3IDkuNSA3LjY3IDExIDguNSAxMXptMy41IDYuNWMyLjMzIDAgNC4zMS0xLjQ2IDUuMTEtMy41SDYuODljLjggMi4wNCAyLjc4IDMuNSA1LjExIDMuNXoiLz4NCjwvc3ZnPg==) !important;
  11219. }
  11220.  
  11221. .emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.nature-WkggKK {
  11222. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNOC42NiAxMy4wN2MuMTUgMCAuMjktLjAxLjQzLS4wM0M5LjU2IDE0LjE5IDEwLjY5IDE1IDEyIDE1czIuNDQtLjgxIDIuOTEtMS45NmMuMTQuMDIuMjkuMDMuNDMuMDMgMS43MyAwIDMuMTQtMS40MSAzLjE0LTMuMTQgMC0uNzEtLjI1LTEuMzktLjY3LTEuOTMuNDMtLjU0LjY3LTEuMjIuNjctMS45MyAwLTEuNzMtMS40MS0zLjE0LTMuMTQtMy4xNC0uMTUgMC0uMjkuMDEtLjQzLjAzQzE0LjQ0IDEuODEgMTMuMzEgMSAxMiAxcy0yLjQ0LjgxLTIuOTEgMS45NmMtLjE0LS4wMi0uMjktLjAzLS40My0uMDMtMS43MyAwLTMuMTQgMS40MS0zLjE0IDMuMTQgMCAuNzEuMjUgMS4zOS42NyAxLjkzLS40My41NC0uNjggMS4yMi0uNjggMS45MyAwIDEuNzMgMS40MSAzLjE0IDMuMTUgMy4xNHpNMTIgMTNjLS42MiAwLTEuMTItLjQ5LTEuMTQtMS4xbC4xMi0xLjA5Yy4zMi4xMi42Ni4xOSAxLjAyLjE5cy43MS0uMDcgMS4wMy0uMTlsLjExIDEuMDljLS4wMi42MS0uNTIgMS4xLTEuMTQgMS4xem0zLjM0LTEuOTNjLS4yNCAwLS40Ni0uMDctLjY0LS4ybC0uODEtLjU3Yy41NS0uNDUuOTQtMS4wOSAxLjA2LTEuODNsLjg4LjQyYy40LjE5LjY2LjU5LjY2IDEuMDMgMCAuNjQtLjUyIDEuMTUtMS4xNSAxLjE1em0tLjY1LTUuOTRjLjItLjEzLjQyLS4yLjY1LS4yLjYzIDAgMS4xNC41MSAxLjE0IDEuMTQgMCAuNDQtLjI1LjgzLS42NiAxLjAzbC0uODguNDJjLS4xMi0uNzQtLjUxLTEuMzgtMS4wNy0xLjgzbC44Mi0uNTZ6TTEyIDNjLjYyIDAgMS4xMi40OSAxLjE0IDEuMWwtLjExIDEuMDlDMTIuNzEgNS4wNyAxMi4zNiA1IDEyIDVzLS43LjA3LTEuMDIuMTlsLS4xMi0xLjA5Yy4wMi0uNjEuNTItMS4xIDEuMTQtMS4xek04LjY2IDQuOTNjLjI0IDAgLjQ2LjA3LjY0LjJsLjgxLjU2Yy0uNTUuNDUtLjk0IDEuMDktMS4wNiAxLjgzbC0uODgtLjQyYy0uNC0uMi0uNjYtLjU5LS42Ni0xLjAzIDAtLjYzLjUyLTEuMTQgMS4xNS0xLjE0ek04LjE3IDguOWwuODgtLjQyYy4xMi43NC41MSAxLjM4IDEuMDcgMS44M2wtLjgxLjU1Yy0uMi4xMy0uNDIuMi0uNjUuMi0uNjMgMC0xLjE0LS41MS0xLjE0LTEuMTQtLjAxLS40My4yNS0uODIuNjUtMS4wMnpNMTIgMjJjNC45NyAwIDktNC4wMyA5LTktNC45NyAwLTkgNC4wMy05IDl6bTIuNDQtMi40NGMuNzEtMS45IDIuMjItMy40MiA0LjEyLTQuMTItLjcxIDEuOS0yLjIyIDMuNDEtNC4xMiA0LjEyek0zIDEzYzAgNC45NyA0LjAzIDkgOSA5IDAtNC45Ny00LjAzLTktOS05em0yLjQ0IDIuNDRjMS45LjcxIDMuNDIgMi4yMiA0LjEyIDQuMTItMS45LS43MS0zLjQxLTIuMjItNC4xMi00LjEyeiIvPjwvc3ZnPg==) !important;
  11223. }
  11224.  
  11225. .emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.food-3vb4RY {
  11226. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTIgNmMxLjExIDAgMi0uOSAyLTIgMC0uMzgtLjEtLjczLS4yOS0xLjAzTDEyIDBsLTEuNzEgMi45N2MtLjE5LjMtLjI5LjY1LS4yOSAxLjAzIDAgMS4xLjkgMiAyIDJ6bTYgM2gtNVY3aC0ydjJINmMtMS42NiAwLTMgMS4zNC0zIDN2OWMwIC41NS40NSAxIDEgMWgxNmMuNTUgMCAxLS40NSAxLTF2LTljMC0xLjY2LTEuMzQtMy0zLTN6bTEgMTFINXYtM2MuOS0uMDEgMS43Ni0uMzcgMi40LTEuMDFsMS4wOS0xLjA3IDEuMDcgMS4wN2MxLjMxIDEuMzEgMy41OSAxLjMgNC44OSAwbDEuMDgtMS4wNyAxLjA3IDEuMDdjLjY0LjY0IDEuNSAxIDIuNCAxLjAxdjN6bTAtNC41Yy0uNTEtLjAxLS45OS0uMi0xLjM1LS41N2wtMi4xMy0yLjEzLTIuMTQgMi4xM2MtLjc0Ljc0LTIuMDMuNzQtMi43NyAwTDguNDggMTIuOGwtMi4xNCAyLjEzYy0uMzUuMzYtLjgzLjU2LTEuMzQuNTdWMTJjMC0uNTUuNDUtMSAxLTFoMTJjLjU1IDAgMSAuNDUgMSAxdjMuNXoiLz48L3N2Zz4=) !important;
  11227. }
  11228.  
  11229. .emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.activity-2oLAbd {
  11230. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICA8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMi4zNCwxNC42M0MyLjk0LDE0LjQxIDMuNTYsMTQuMyA0LjIyLDE0LjNDNS41NiwxNC4zIDYuNzMsMTQuNzIgNy43MywxNS41Nkw0LjU5LDE4LjdDMy41MywxNy41IDIuNzgsMTYuMTMgMi4zNCwxNC42M00xNS41Niw5LjhDMTcuNTMsMTEuMjcgMTkuNjYsMTEuNjMgMjEuOTQsMTAuODhDMjEuOTcsMTEuMDkgMjIsMTEuNDcgMjIsMTJDMjIsMTMuMDMgMjEuNzUsMTQuMTggMjEuMjgsMTUuNDVDMjAuODEsMTYuNzEgMjAuMjMsMTcuNzMgMTkuNTUsMTguNUwxMy4yMiwxMi4xOUwxNS41Niw5LjhNOC43NywxNi42NEM5LjgzLDE4LjE3IDEwLjA1LDE5Ljg0IDkuNDIsMjEuNjZDOCwyMS4yNSA2LjczLDIwLjYxIDUuNjcsMTkuNzNMOC43NywxNi42NE0xMi4xOSwxMy4yMkwxOC41LDE5LjU1QzE2LjMzLDIxLjQ1IDEzLjc4LDIyLjI1IDEwLjg4LDIxLjk0QzExLjA5LDIxLjI4IDExLjIsMjAuNTYgMTEuMiwxOS43OEMxMS4yLDE5LjE2IDExLjA2LDE4LjQzIDEwLjc4LDE3LjZDMTAuNSwxNi43NyAxMC4xNywxNi4wOSA5LjgsMTUuNTZMMTIuMTksMTMuMjJNOC44MSwxNC41QzcuODgsMTMuNjcgNi44LDEzLjE1IDUuNTgsMTIuOTFDNC4zNiwxMi42OCAzLjE5LDEyLjc1IDIuMDYsMTMuMTNDMi4wMywxMi45MSAyLDEyLjUzIDIsMTJDMiwxMC45NyAyLjI1LDkuODIgMi43Miw4LjU1QzMuMTksNy4yOSAzLjc3LDYuMjcgNC40NSw1LjVMMTEuMTEsMTIuMTlMOC44MSwxNC41TTE1LjU2LDcuNzNDMTQuMjIsNi4wOCAxMy45MSw0LjI4IDE0LjYzLDIuMzRDMTUuMjUsMi41IDE1Ljk2LDIuOCAxNi43NiwzLjI2QzE3LjU1LDMuNzEgMTguMiw0LjE2IDE4LjcsNC41OUwxNS41Niw3LjczTTIxLjY2LDkuMzhDMjEuMDYsOS41OSAyMC40NCw5LjcgMTkuNzgsOS43QzE4LjY5LDkuNyAxNy42NCw5LjM4IDE2LjY0LDguNzJMMTkuNzMsNS42N0MyMC42MSw2Ljc3IDIxLjI1LDggMjEuNjYsOS4zOE0xMi4xOSwxMS4xMUw1LjUsNC40NUM3LjY3LDIuNTUgMTAuMjIsMS43NSAxMy4xMywyLjA2QzEyLjkxLDIuNzIgMTIuOCwzLjQ0IDEyLjgsNC4yMkMxMi44LDQuOTQgMTIuOTYsNS43NSAxMy4yOSw2LjY2QzEzLjYyLDcuNTYgMTQsOC4yOCAxNC41LDguODFMMTIuMTksMTEuMTFaIiAvPg0KPC9zdmc+) !important;
  11231. }
  11232.  
  11233. .emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.travel-2FeozN {
  11234. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCAgZmlsbD0iI2ZmZmZmZiIgZD0iTTEyIDRINUMzLjM0IDQgMiA1LjM0IDIgN3Y4YzAgMS42NiAxLjM0IDMgMyAzbC0xIDF2MWgxbDItMmgydi01SDRWNmg5djJoMlY3YzAtMS42Ni0xLjM0LTMtMy0zek01IDE0Yy41NSAwIDEgLjQ1IDEgMXMtLjQ1IDEtMSAxLTEtLjQ1LTEtMSAuNDUtMSAxLTF6bTE1LjU3LTQuMzRjLS4xNC0uNC0uNTItLjY2LS45Ny0uNjZoLTcuMTljLS40NiAwLS44My4yNi0uOTguNjZsLTEuNDIgNC4xMXY1LjUxYzAgLjM4LjMxLjcyLjY5LjcyaC42MmMuMzggMCAuNjgtLjM4LjY4LS43NlYxOGg4djEuMjRjMCAuMzguMzEuNzYuNjkuNzZoLjYxYy4zOCAwIC42OS0uMzQuNjktLjcybC4wMS0xLjM3di00LjE0bC0xLjQzLTQuMTF6bS04LjE2LjM0aDcuMTlsMS4wMyAzaC05LjI1bDEuMDMtM3pNMTIgMTZjLS41NSAwLTEtLjQ1LTEtMXMuNDUtMSAxLTEgMSAuNDUgMSAxLS40NSAxLTEgMXptOCAwYy0uNTUgMC0xLS40NS0xLTFzLjQ1LTEgMS0xIDEgLjQ1IDEgMS0uNDUgMS0xIDF6Ii8+PC9zdmc+) !important;
  11235. }
  11236.  
  11237. .emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.objects-ktZjG4 {
  11238. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTIgMjJjMS4xIDAgMi0uOSAyLTJoLTRjMCAxLjEuOSAyIDIgMnptNi02di01YzAtMy4wNy0xLjYzLTUuNjQtNC41LTYuMzJWNGMwLS44My0uNjctMS41LTEuNS0xLjVzLTEuNS42Ny0xLjUgMS41di42OEM3LjY0IDUuMzYgNiA3LjkyIDYgMTF2NWwtMiAydjFoMTZ2LTFsLTItMnptLTIgMUg4di02YzAtMi40OCAxLjUxLTQuNSA0LTQuNXM0IDIuMDIgNCA0LjV2NnoiLz48L3N2Zz4=) !important;
  11239. }
  11240.  
  11241. .emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.symbols-3xtDtJ {
  11242. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTIuMSwxOC41NUwxMiwxOC42NUwxMS44OSwxOC41NUM3LjE0LDE0LjI0IDQsMTEuMzkgNCw4LjVDNCw2LjUgNS41LDUgNy41LDVDOS4wNCw1IDEwLjU0LDYgMTEuMDcsNy4zNkgxMi45M0MxMy40Niw2IDE0Ljk2LDUgMTYuNSw1QzE4LjUsNSAyMCw2LjUgMjAsOC41QzIwLDExLjM5IDE2Ljg2LDE0LjI0IDEyLjEsMTguNTVNMTYuNSwzQzE0Ljc2LDMgMTMuMDksMy44MSAxMiw1LjA4QzEwLjkxLDMuODEgOS4yNCwzIDcuNSwzQzQuNDIsMyAyLDUuNDEgMiw4LjVDMiwxMi4yNyA1LjQsMTUuMzYgMTAuNTUsMjAuMDNMMTIsMjEuMzVMMTMuNDUsMjAuMDNDMTguNiwxNS4zNiAyMiwxMi4yNyAyMiw4LjVDMjIsNS40MSAxOS41OCwzIDE2LjUsM1oiIC8+PC9zdmc+) !important;
  11243. }
  11244.  
  11245. .emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.flags-3peqg9 {
  11246. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTQgNmwtMS0ySDV2MTdoMnYtN2g1bDEgMmg3VjZoLTZ6bTQgOGgtNGwtMS0ySDdWNmg1bDEgMmg1djZ6Ii8+PC9zdmc+) !important;
  11247. }
  11248.  
  11249. /* EMOJI PICKER -> BETTERDISCORD EMOTES */
  11250.  
  11251. .bda-dark #bda-qem {
  11252. height: 36px !important;
  11253. border: none !important;
  11254. }
  11255.  
  11256. .bda-dark #bda-qem:not(:empty) ~ .emojiPicker-3m1S-j {
  11257. border-radius: 0 0 var(--border-radius-big) var(--border-radius-big) !important;
  11258. }
  11259.  
  11260. .bda-dark #bda-qem button {
  11261. position: relative !important;
  11262. background: transparent !important;
  11263. border-radius: 0;
  11264. box-shadow: none;
  11265. border: none;
  11266. }
  11267.  
  11268. .bda-dark #bda-qem #bda-qem-twitch,
  11269. .bda-dark #bda-qem #bda-qem-favourite,
  11270. .bda-dark #bda-qem #bda-qem-emojis {
  11271. width: 36px;
  11272. height: 36px;
  11273. background-position: 50% 50% !important;
  11274. background-repeat: no-repeat !important;
  11275. font-size: 0;
  11276. }
  11277.  
  11278. .bda-dark #bda-qem button:before {
  11279. position: absolute;
  11280. content: " ";
  11281. width: 36px;
  11282. height: 36px;
  11283. top: 0;
  11284. left: 0;
  11285. right: 0;
  11286. margin: 0 auto;
  11287. background-repeat: no-repeat;
  11288. background-position: 50% 50%;
  11289. opacity: 0.25;
  11290. transition: 250ms ease all;
  11291. }
  11292.  
  11293. .bda-dark #bda-qem button:hover:before {
  11294. opacity: 0.5;
  11295. }
  11296.  
  11297. .bda-dark #bda-qem button.active:before {
  11298. opacity: 1;
  11299. }
  11300.  
  11301. .bda-dark #bda-qem #bda-qem-twitch:before {
  11302. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICA8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNCwySDIyVjE0TDE3LDE5SDEzTDEwLDIySDdWMTlIMlY2TDQsMk0yMCwxM1Y0SDZWMTZIOVYxOUwxMiwxNkgxN0wyMCwxM00xNSw3SDE3VjEySDE1VjdNMTIsN1YxMkgxMFY3SDEyWiIgLz4NCjwvc3ZnPg==);
  11303. }
  11304.  
  11305. .bda-dark #bda-qem #bda-qem-favourite:before {
  11306. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMjIgOS4yNGwtNy4xOS0uNjJMMTIgMiA5LjE5IDguNjMgMiA5LjI0bDUuNDYgNC43M0w1LjgyIDIxIDEyIDE3LjI3IDE4LjE4IDIxbC0xLjYzLTcuMDNMMjIgOS4yNHpNMTIgMTUuNGwtMy43NiAyLjI3IDEtNC4yOC0zLjMyLTIuODggNC4zOC0uMzhMMTIgNi4xbDEuNzEgNC4wNCA0LjM4LjM4LTMuMzIgMi44OCAxIDQuMjhMMTIgMTUuNHoiLz48L3N2Zz4=);
  11307. }
  11308.  
  11309. .bda-dark #bda-qem #bda-qem-emojis:before {
  11310. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICA8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTIsMTcuNUMxNC4zMywxNy41IDE2LjMsMTYuMDQgMTcuMTEsMTRINi44OUM3LjY5LDE2LjA0IDkuNjcsMTcuNSAxMiwxNy41TTguNSwxMUExLjUsMS41IDAgMCwwIDEwLDkuNUExLjUsMS41IDAgMCwwIDguNSw4QTEuNSwxLjUgMCAwLDAgNyw5LjVBMS41LDEuNSAwIDAsMCA4LjUsMTFNMTUuNSwxMUExLjUsMS41IDAgMCwwIDE3LDkuNUExLjUsMS41IDAgMCwwIDE1LjUsOEExLjUsMS41IDAgMCwwIDE0LDkuNUExLjUsMS41IDAgMCwwIDE1LjUsMTFNMTIsMjBBOCw4IDAgMCwxIDQsMTJBOCw4IDAgMCwxIDEyLDRBOCw4IDAgMCwxIDIwLDEyQTgsOCAwIDAsMSAxMiwyME0xMiwyQzYuNDcsMiAyLDYuNSAyLDEyQTEwLDEwIDAgMCwwIDEyLDIyQTEwLDEwIDAgMCwwIDIyLDEyQTEwLDEwIDAgMCwwIDEyLDJaIiAvPg0KPC9zdmc+);
  11311. }
  11312.  
  11313. .bda-dark #bda-qem button:after {
  11314. top: -34px;
  11315. left: 0;
  11316. right: 0;
  11317. margin: 0 auto;
  11318. }
  11319.  
  11320. .bda-dark #bda-qem #bda-qem-twitch:after {
  11321. content: "Twitch emotes";
  11322. width: 68px;
  11323. }
  11324.  
  11325. .bda-dark #bda-qem #bda-qem-favourite:after {
  11326. content: "Favorite emotes";
  11327. width: 76px;
  11328. }
  11329.  
  11330. .bda-dark #bda-qem #bda-qem-emojis:after {
  11331. content: "Emojis";
  11332. width: 32px;
  11333. }
  11334.  
  11335. #bda-qem-emojis {
  11336. border-radius: 0 !important;
  11337. }
  11338.  
  11339. .bda-dark #bda-qem,
  11340. .emojiPicker-3m1S-j .header-1nkwgG {
  11341. border-bottom: 1px solid var(--card-border-color) !important;
  11342. }
  11343.  
  11344. .emojiPicker-3m1S-j .header-1nkwgG {
  11345. position: relative;
  11346. z-index: 99999;
  11347. }
  11348.  
  11349. .diversitySelector-O3ea2c .popout-2lja3I {
  11350. border: none;
  11351. }
  11352.  
  11353. .emojiPicker-3m1S-j .header-1nkwgG .search-bar {
  11354. z-index: -1;
  11355. }
  11356.  
  11357. .emojiPicker-3m1S-j .dimmer-3iH-5D {
  11358. top: 0;
  11359. background-color: rgba(0,0,0,0.5) !important;
  11360. border-radius: 0;
  11361. z-index: 999;
  11362. opacity: 0;
  11363. transition: 250ms ease all;
  11364. }
  11365.  
  11366. .emojiPicker-3m1S-j .dimmer-3iH-5D.visible-3k45bQ {
  11367. opacity: 1;
  11368. }
  11369.  
  11370. .diversitySelector-tmmMv0 .popout-2nUePc {
  11371.  
  11372. background: var(--popout-alt) !important;
  11373. border-radius: 15px;
  11374. border: none !important;
  11375. }
  11376.  
  11377. .diversitySelector-tmmMv0 .item-16cXuq:first-child {
  11378. border-radius: 15px 15px 0 0;
  11379. }
  11380.  
  11381. .diversitySelector-tmmMv0 .item-16cXuq:last-child {
  11382. border-radius: 0 0 15px 15px;
  11383. }
  11384.  
  11385. /* EMOJI PICKER -> SEARCH BAR */
  11386.  
  11387. .emojiPicker-3m1S-j .header-1nkwgG {
  11388. padding: 8px 0;
  11389. }
  11390.  
  11391. .emojiPicker-3m1S-j .header-1nkwgG .searchBar-2pWH0_ {
  11392. padding: 0;
  11393. background: transparent;
  11394. }
  11395.  
  11396. .emojiPicker-3m1S-j .header-1nkwgG .searchBar-2pWH0_ .inner-3ErfOT {
  11397. padding: 0 12px;
  11398. background: transparent !important;
  11399. border-radius: 18px !important;
  11400. border-bottom: none !important;
  11401. z-index: 1 !important;
  11402. }
  11403.  
  11404. .emojiPicker-3m1S-j .header-1nkwgG .searchBar-2pWH0_ .inner-3ErfOT input {
  11405. padding: 0 !important;
  11406. }
  11407.  
  11408. .emojiPicker-3m1S-j .header-1nkwgG .searchBar-2pWH0_ .inner-3ErfOT input,
  11409. .emojiPicker-3m1S-j .header-1nkwgG .searchBar-2pWH0_ .inner-3ErfOT input::-webkit-input-placeholder {
  11410. color: #eee;
  11411. }
  11412.  
  11413. .searchBarLight-1NxoDG .searchBarIcon-1J6sKG {
  11414. right: -8px;
  11415. }
  11416.  
  11417. .searchBarLight-1NxoDG .searchBarIcon-1J6sKG .icon-3cZ1F_.visible-3V0mGj {
  11418. opacity: 1;
  11419. }
  11420.  
  11421. .searchBarLight-1NxoDG .searchBarIcon-1J6sKG .icon-3cZ1F_.iconSearchBarEyeGlass-2n38zb {
  11422. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgIDxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik05LjUsM0E2LjUsNi41IDAgMCwxIDE2LDkuNUMxNiwxMS4xMSAxNS40MSwxMi41OSAxNC40NCwxMy43M0wxNC43MSwxNEgxNS41TDIwLjUsMTlMMTksMjAuNUwxNCwxNS41VjE0LjcxTDEzLjczLDE0LjQ0QzEyLjU5LDE1LjQxIDExLjExLDE2IDkuNSwxNkE2LjUsNi41IDAgMCwxIDMsOS41QTYuNSw2LjUgMCAwLDEgOS41LDNNOS41LDVDNyw1IDUsNyA1LDkuNUM1LDEyIDcsMTQgOS41LDE0QzEyLDE0IDE0LDEyIDE0LDkuNUMxNCw3IDEyLDUgOS41LDVaIiAvPgo8L3N2Zz4=);
  11423. background-position: 50%;
  11424. background-size: 100%;
  11425. }
  11426.  
  11427. .searchBarLight-1NxoDG .searchBarIcon-1J6sKG .icon-3cZ1F_.iconSearchBarClear-2DW-Kr {
  11428. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgIDxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xMiwyQzE3LjUzLDIgMjIsNi40NyAyMiwxMkMyMiwxNy41MyAxNy41MywyMiAxMiwyMkM2LjQ3LDIyIDIsMTcuNTMgMiwxMkMyLDYuNDcgNi40NywyIDEyLDJNMTUuNTksN0wxMiwxMC41OUw4LjQxLDdMNyw4LjQxTDEwLjU5LDEyTDcsMTUuNTlMOC40MSwxN0wxMiwxMy40MUwxNS41OSwxN0wxNywxNS41OUwxMy40MSwxMkwxNyw4LjQxTDE1LjU5LDdaIiAvPgo8L3N2Zz4=);
  11429. background-position: 50%;
  11430. background-size: 100%;
  11431. }
  11432.  
  11433. /*.emojiPicker-3m1S-j .search-bar.search-bar-light .search-bar-inner {
  11434. background: transparent !important;
  11435. border: none !important;
  11436. border-bottom: 2px solid #666 !important;
  11437. border-radius: 0 !important;
  11438. }
  11439.  
  11440. .emojiPicker-3m1S-j .search-bar {
  11441. border-radius: 2px !important;
  11442. }*/
  11443.  
  11444. .emojiPicker-3m1S-j .scroller-3vODG7 .emojiItem-109bjA.selected-39BZ4S {
  11445. background-color: rgba(255,255,255,0.1);
  11446. }
  11447.  
  11448. /* GIF PICKER */
  11449.  
  11450. .header-1TOWci {
  11451. padding: 16px;
  11452. box-shadow: none !important;
  11453. border-bottom: 1px solid var(--card-border-color);
  11454. }
  11455.  
  11456. .backButton-JyKGC1 {
  11457. height: 32px;
  11458. }
  11459.  
  11460. .header-1TOWci .searchBar--fTZYa {
  11461. height: 32px;
  11462. background: var(--hover-color) !important;
  11463. border-radius: 16px !important;
  11464. }
  11465.  
  11466. .header-1TOWci .searchBar--fTZYa .input-3Xdcic {
  11467. padding: 0 12px !important;
  11468. border: none !important;
  11469. font-size: 14px;
  11470. font-weight: 500;
  11471. }
  11472.  
  11473. .header-1TOWci .searchBar--fTZYa .iconContainer-2wXvy1 {
  11474. top: -2px;
  11475. left: -4px;
  11476. right: auto;
  11477. }
  11478.  
  11479. .result-3w1ZcL,
  11480. .result-3w1ZcL:after,
  11481. .gif-1TcNIB {
  11482. border-radius: var(--border-radius);
  11483. }
  11484.  
  11485. .result-3w1ZcL:hover {
  11486. box-shadow: none !important;
  11487. }
  11488.  
  11489. .focused-1En8bG:after,
  11490. .result-3w1ZcL:hover:after,
  11491. .result-3w1ZcL:hover:after {
  11492. box-shadow: inset 0 0 0 2px var(--accent-color), inset 0 0 0 3px #2f3136 !important;
  11493. }
  11494.  
  11495.  
  11496. /*
  11497. *
  11498. * MEMBERS LIST
  11499. *
  11500. */
  11501.  
  11502. .base-3dtUhz,
  11503. .channels-Ie2l6A {
  11504. border-radius: 0 !important;
  11505. }
  11506.  
  11507. .channels-Ie2l6A .scroller-2FKFPG [class*='container-'] {
  11508. padding: 0 8px 0 0 !important;
  11509. }
  11510.  
  11511. /*.channels-Ie2l6A .scroller-2FKFPG {
  11512. padding: 0 8px 0 0 !important;
  11513. }*/
  11514.  
  11515. .channel-members-loading .heading {
  11516. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNDAiIGhlaWdodD0iNTAiPjxwYXRoIGZpbGw9IiMxNjE3MWEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMGgyNDB2NTBIMFYwem0zMCAzNGMwLTMuMzE0IDIuNjktNiA2LjAwMy02aDUzLjk5NEM5My4zMTIgMjggOTYgMzAuNjkzIDk2IDM0YzAgMy4zMTQtMi42OSA2LTYuMDAzIDZIMzYuMDAzQzMyLjY4OCA0MCAzMCAzNy4zMDcgMzAgMzR6Ii8+PC9zdmc+) !important;
  11517. }
  11518.  
  11519. .channel-members-loading .member {
  11520. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNDAiIGhlaWdodD0iNDAiPjxwYXRoIGZpbGw9IiMxNjE3MWEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMGgyNDB2NDBIMFYwem0zMCAyMGMwLTguMjg0IDYuNzE0LTE1IDE1LTE1IDguMjg0IDAgMTUgNi43MTQgMTUgMTUgMCA4LjI4NC02LjcxNCAxNS0xNSAxNS04LjI4NCAwLTE1LTYuNzE0LTE1LTE1em00MCAwYzAtMi43NiAyLjIzLTUgNC45OTMtNWg5MC4wMTRjMi43NTcgMCA0Ljk5MyAyLjI0NCA0Ljk5MyA1IDAgMi43Ni0yLjIzIDUtNC45OTMgNUg3NC45OTNDNzIuMjM2IDI1IDcwIDIyLjc1NiA3MCAyMHoiLz48L3N2Zz4=) !important;
  11521. }
  11522.  
  11523. .channel-members-loading .background {
  11524. background-image: linear-gradient(90deg, #212225, rgba(35,35,35,0.7), #212225) !important;
  11525. }
  11526.  
  11527. .channel-members .member {
  11528. overflow: visible;
  11529. }
  11530.  
  11531. .channel-members .member:hover {
  11532. background: #26292e;
  11533. }
  11534.  
  11535. .channel-members .member.member-status-offline,
  11536. .memberOffline-2lN7gt {
  11537. filter: grayscale(100%) !important;
  11538. }
  11539.  
  11540. .channel-members .member.member-status-offline .member-inner,
  11541. .memberOffline-2lN7gt .content-OzHfo4 {
  11542. opacity: 0.35 !important;
  11543. }
  11544.  
  11545. .channel-members .avatar-small .status {
  11546. border-color: var(--main-color);
  11547. }
  11548.  
  11549. .ownerIcon-uZ6mE7 path {
  11550. fill: #aaa !important;
  11551. }
  11552.  
  11553. .mobileIndicator-329Gd6 {
  11554. color: #aaa !important;
  11555. }
  11556.  
  11557. .mobileIndicator-329Gd6 path{
  11558. d: path('M17 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14z');
  11559. }
  11560.  
  11561. .streaming-2_dnHe {
  11562. animation: streaming-flash 1.4s linear infinite;
  11563. }
  11564.  
  11565. /* MEMBERS LIST -> USER POPOUT */
  11566.  
  11567. .userPopout-3XzG_A {
  11568. position: relative !important;
  11569. width: 310px !important;
  11570. max-height: 90vh !important;
  11571. z-index: 99999999 !important;
  11572. }
  11573.  
  11574. .popout-3sVMXz.popoutTopLeft-b5Eb3O .emojiPicker-3g68GS,
  11575. .popout-3sVMXz.popout-top-left .emojiPicker-3g68GS {
  11576. margin: 0 0 0 40px !important;
  11577. }
  11578.  
  11579. .popoutLeft-3aViER.noArrow-2foL9g .userPopout-3XzG_A {
  11580. transform: translateX(-6%) translateY(0%) translateZ(0px) !important;
  11581. animation: show-user-status-right 350ms var(--default-animation);
  11582. }
  11583.  
  11584. .translate-2dAEQ6.animatorRight-3i_YPs .userPopout-3XzG_A {
  11585. transform: translateX(0%) translateY(0%) translateZ(0px) !important;
  11586. animation: show-user-status-left 350ms var(--default-animation);
  11587. }
  11588.  
  11589. body:active .userPopout-3XzG_A:not(:active) {
  11590. opacity: 0;
  11591. transition: 150ms ease all;
  11592. }
  11593.  
  11594. .headerNormal-1cioxU .avatarWrapperNormal-1wU7gX,
  11595. .headerNormal-1cioxU .headerText-3tKBWq {
  11596. z-index: 2;
  11597. }
  11598.  
  11599. .avatarHintInner-2PEhr7,
  11600. .avatarHintInner-Dco91E {
  11601. color: transparent;
  11602. }
  11603.  
  11604. .avatarHintInner-2PEhr7:after,
  11605. .avatarHintInner-Dco91E:after {
  11606. position: absolute;
  11607. content: " ";
  11608. width: 60px;
  11609. height: 60px;
  11610. top: 0;
  11611. left: 0;
  11612. right: 0;
  11613. bottom: 0;
  11614. margin: auto;
  11615. background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTIgNmMxLjEgMCAyIC45IDIgMnMtLjkgMi0yIDItMi0uOS0yLTIgLjktMiAyLTJtMCAxMGMyLjcgMCA1LjggMS4yOSA2IDJINmMuMjMtLjcyIDMuMzEtMiA2LTJtMC0xMkM5Ljc5IDQgOCA1Ljc5IDggOHMxLjc5IDQgNCA0IDQtMS43OSA0LTQtMS43OS00LTQtNHptMCAxMGMtMi42NyAwLTggMS4zNC04IDR2MmgxNnYtMmMwLTIuNjYtNS4zMy00LTgtNHoiLz48L3N2Zz4=) no-repeat;
  11616. z-index: 1;
  11617. }
  11618.  
  11619. .headerTop-1QGMLs {
  11620. position: relative !important;
  11621. height: 160px !important;
  11622. }
  11623.  
  11624. .body-3rkFrF,
  11625. .body-3ljq11,
  11626. .body-3iLsc4 {
  11627. position: relative !important;
  11628. max-height: 35vh !important;
  11629. overflow-y: scroll !important;
  11630. overflow-x: hidden !important;
  11631. }
  11632.  
  11633. @media(max-height: 720px) {
  11634. .body-3rkFrF,
  11635. .body-3ljq11,
  11636. .body-3iLsc4 {
  11637. max-height: 30vh !important;
  11638. }
  11639. }
  11640.  
  11641. @media(max-height: 615px) {
  11642. .body-3rkFrF,
  11643. .body-3ljq11,
  11644. .body-3iLsc4 {
  11645. max-height: 20vh !important;
  11646. }
  11647. }
  11648.  
  11649. .root-SR8cQa {
  11650. overflow-y: auto;
  11651. }
  11652.  
  11653. .root-SR8cQa .scroller-2FKFPG {
  11654. overflow: hidden !important;
  11655. }
  11656.  
  11657. .body-3ND3kc {
  11658. height: auto !important;
  11659. background: var(--popout-alt) !important;
  11660. }
  11661.  
  11662. .listRow-hutiT_:hover {
  11663. background: rgba(255,255,255,0.035) !important;
  11664. }
  11665.  
  11666. .avatar-verified {
  11667. filter: drop-shadow(0 0 3px rgba(0,0,0,0.75));
  11668. }
  11669.  
  11670. .avatar-verified path {
  11671. d: path('M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1Z') !important;
  11672. transform: scale(0.8);
  11673. }
  11674.  
  11675. .assetsSmallImage-3WEvRP[src="https://cdn.discordapp.com/app-assets/385061381344591872/385446737927733248.png?size=64"],
  11676. .assets-30Reyb .assetsSmallImageUserPopout-dXG26U[src="https://cdn.discordapp.com/app-assets/385061381344591872/385446737927733248.png?size=64"] {
  11677. content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iNzIiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEwLDE2LjVWNy41TDE2LDEyTTEyLDJBMTAsMTAgMCAwLDAgMiwxMkExMCwxMCAwIDAsMCAxMiwyMkExMCwxMCAwIDAsMCAyMiwxMkExMCwxMCAwIDAsMCAxMiwyWiIgLz48L3N2Zz4=) !important;
  11678. border: none !important;
  11679. }
  11680.  
  11681. .assetsSmallImage-3WEvRP[src="https://cdn.discordapp.com/app-assets/385061381344591872/385749346920169492.png?size=64"],
  11682. .assets-30Reyb .assetsSmallImageUserPopout-dXG26U[src="https://cdn.discordapp.com/app-assets/385061381344591872/385749346920169492.png?size=64"] {
  11683. content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE1LDE2SDEzVjhIMTVNMTEsMTZIOVY4SDExTTEyLDJBMTAsMTAgMCAwLDAgMiwxMkExMCwxMCAwIDAsMCAxMiwyMkExMCwxMCAwIDAsMCAyMiwxMkExMCwxMCAwIDAsMCAxMiwyWiIgLz48L3N2Zz4=) !important;
  11684. }
  11685.  
  11686. .assetsLargeMaskActivityFeed-o7F47L, .assetsLargeMaskProfile-2u315x {
  11687. mask: none !important;
  11688. }
  11689.  
  11690. .contentImagesProfile-11JToa,
  11691. .contentImagesUserPopout-3BH9C7 {
  11692. position: relative !important;
  11693. }
  11694.  
  11695. .timestamp-3IDuMO {
  11696. position: absolute;
  11697. top: 0;
  11698. right: 0;
  11699. }
  11700.  
  11701. .assetsGameIcon-14Ewum[src="/assets/a5eba102f5b5e413df2b65c73f288afa.svg"] {
  11702. content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE1LjA3LDExLjI1TDE0LjE3LDEyLjE3QzEzLjQ1LDEyLjg5IDEzLDEzLjUgMTMsMTVIMTFWMTQuNUMxMSwxMy4zOSAxMS40NSwxMi4zOSAxMi4xNywxMS42N0wxMy40MSwxMC40MUMxMy43OCwxMC4wNSAxNCw5LjU1IDE0LDlDMTQsNy44OSAxMy4xLDcgMTIsN0EyLDIgMCAwLDAgMTAsOUg4QTQsNCAwIDAsMSAxMiw1QTQsNCAwIDAsMSAxNiw5QzE2LDkuODggMTUuNjQsMTAuNjcgMTUuMDcsMTEuMjVNMTMsMTlIMTFWMTdIMTNNMTIsMkExMCwxMCAwIDAsMCAyLDEyQTEwLDEwIDAgMCwwIDEyLDIyQTEwLDEwIDAgMCwwIDIyLDEyQzIyLDYuNDcgMTcuNSwyIDEyLDJaIiAvPjwvc3ZnPg==) !important;
  11703. }
  11704.  
  11705. .gameIcon-_0rmMm[style='background-image: url("/assets/a5eba102f5b5e413df2b65c73f288afa.svg");'] {
  11706. background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE1LjA3LDExLjI1TDE0LjE3LDEyLjE3QzEzLjQ1LDEyLjg5IDEzLDEzLjUgMTMsMTVIMTFWMTQuNUMxMSwxMy4zOSAxMS40NSwxMi4zOSAxMi4xNywxMS42N0wxMy40MSwxMC40MUMxMy43OCwxMC4wNSAxNCw5LjU1IDE0LDlDMTQsNy44OSAxMy4xLDcgMTIsN0EyLDIgMCAwLDAgMTAsOUg4QTQsNCAwIDAsMSAxMiw1QTQsNCAwIDAsMSAxNiw5QzE2LDkuODggMTUuNjQsMTAuNjcgMTUuMDcsMTEuMjVNMTMsMTlIMTFWMTdIMTNNMTIsMkExMCwxMCAwIDAsMCAyLDEyQTEwLDEwIDAgMCwwIDEyLDIyQTEwLDEwIDAgMCwwIDIyLDEyQzIyLDYuNDcgMTcuNSwyIDEyLDJaIiAvPjwvc3ZnPg==) !important;
  11707. }
  11708.  
  11709. .userInfoSection-2acyCx {
  11710. margin: 0;
  11711. padding: 16px 16px 8px;
  11712. }
  11713.  
  11714. .userInfoSection-2acyCx:only-child {
  11715. padding: 16px;
  11716. }
  11717.  
  11718. .note-QfFU8y,
  11719. .note-3HfJZ5 {
  11720. position: relative;
  11721. margin: 0;
  11722. }
  11723.  
  11724. .note-3kmerW textarea,
  11725. .note-3HfJZ5 textarea {
  11726. min-height: 36px;
  11727. padding: 8px 0;
  11728. border-radius: 0;
  11729. border-bottom: 1px solid #444;
  11730. font-size: 15px;
  11731. font-weight: 400;
  11732. color: #ccc;
  11733. transition: 200ms ease border-bottom;
  11734. }
  11735.  
  11736. .note-3HfJZ5 {
  11737. height: auto;
  11738. }
  11739.  
  11740. .note-3HfJZ5 textarea {
  11741. max-height: 60px;
  11742. }
  11743.  
  11744. .note-3kmerW textarea:focus {
  11745. background: transparent !important;
  11746. }
  11747.  
  11748. .userInfoSection-2acyCx + .userInfoSection-2acyCx {
  11749. padding: 8px 16px 16px;
  11750. border: none;
  11751. }
  11752.  
  11753. .connectedAccount-36nQx7 {
  11754. width: 254px;
  11755. margin: 16px 0 0 0;
  11756. background: rgba(255,255,255,0.065) !important;
  11757. border-radius: var(--border-radius);
  11758. border: none !important;
  11759. box-shadow: var(--shadow-1dp);
  11760. }
  11761.  
  11762. .footer-1fjuF6 {
  11763. padding: 8px;
  11764. border-color: rgba(255,255,255,0.1) !important;
  11765. }
  11766.  
  11767. .quickMessage-1yeL4E {
  11768. padding: 0 12px !important;
  11769. line-height: 34px !important;
  11770. background: rgba(255,255,255,0.075) !important;
  11771. border: none !important;
  11772. border-radius: 17px !important;
  11773. }
  11774.  
  11775. .buttonSize-2Pmk-w {
  11776. height: 36px;
  11777. min-height: 36px;
  11778. }
  11779.  
  11780. .activity-11LB_k .actionsUserPopout-2xcO1O .lookOutlined-3sRXeN.colorWhite-rEQuAQ {
  11781. width: 100% !important;
  11782. }
  11783.  
  11784. .activity-1ythUs .lookOutlined-3sRXeN.colorWhite-rEQuAQ:disabled,
  11785. .activity-11LB_k .actionsUserPopout-2xcO1O .lookOutlined-3sRXeN.colorWhite-rEQuAQ:disabled {
  11786. background: var(--hover-color) !important;
  11787. border: none !important;
  11788. box-shadow: none !important;
  11789. color: #888 !important;
  11790. cursor: auto;
  11791. opacity: 1;
  11792. }
  11793.  
  11794. .topSectionSpotify-1lI0-P .activity-1ythUs .lookOutlined-3sRXeN.colorWhite-rEQuAQ:disabled {
  11795. background: #fff !important;
  11796. color: var(--spotify-color) !important;
  11797. opacity: 0.5;
  11798. }
  11799.  
  11800. .headerSpotify-zpWxgT .activity-11LB_k {
  11801. position: relative;
  11802. padding: 0 !important;
  11803. }
  11804.  
  11805. .headerSpotify-zpWxgT .headerTextNormal-2mGWX3 {
  11806. display: none !important;
  11807. }
  11808.  
  11809. .headerSpotify-zpWxgT .bodyNormal-2D39hT {
  11810. padding: 10px 10px 0 10px !important;
  11811. }
  11812.  
  11813. .headerSpotify-zpWxgT .contentImagesUserPopout-1vLdRA {
  11814. margin: 6px 0 0 10px;
  11815. }
  11816.  
  11817. .headerSpotify-zpWxgT .contentImagesUserPopout-1vLdRA .anchor-3Z-8Bb,
  11818. .activityProfile-2bJRaP .content-3JfFJh .anchor-3Z-8Bb {
  11819. color: #e0e0e0 !important;
  11820. }
  11821.  
  11822. .headerSpotify-zpWxgT .timeBarUserPopout-AWPFf2 {
  11823. position: absolute;
  11824. width: 100%;
  11825. top: 0;
  11826. margin: 0;
  11827. }
  11828.  
  11829. .headerSpotify-zpWxgT .timeBarUserPopout-AWPFf2 .flex-1xMQg5 {
  11830. position: absolute !important;
  11831. flex: 0 !important;
  11832. width: 80px !important;
  11833. top: -16px !important;
  11834. right: 2px !important;
  11835. opacity: 0;
  11836. transition: 200ms ease all;
  11837. }
  11838.  
  11839. .headerSpotify-zpWxgT:hover .timeBarUserPopout-AWPFf2 .flex-1xMQg5 {
  11840. opacity: 1;
  11841. }
  11842.  
  11843. .headerSpotify-zpWxgT .textLeft-3EZXG6,
  11844. .headerSpotify-zpWxgT .textRight-1XO5Ye {
  11845. width: 32px;
  11846. min-width: 32px;
  11847. }
  11848. .headerSpotify-zpWxgT .textLeft-3EZXG6 {
  11849. display: inline-block;
  11850. position: relative;
  11851. margin: 0 16px 0 0;
  11852. flex: 0 !important;
  11853. text-align: right;
  11854.  
  11855. }
  11856.  
  11857. .headerSpotify-zpWxgT .textLeft-3EZXG6:after {
  11858. position: absolute;
  11859. content: " / ";
  11860. left: 38px;
  11861. }
  11862.  
  11863. /*.headerSpotify-zpWxgT .textLeft-3EZXG6 {
  11864. flex: 0 !important;
  11865. margin: 0 16px 0 0;
  11866. }
  11867.  
  11868. .headerSpotify-zpWxgT .textLeft-3EZXG6:after {
  11869. position: absolute;
  11870. content: "/";
  11871. left: 30px;
  11872. }*/
  11873.  
  11874. .headerSpotify-zpWxgT .listeningActionsUserPopout-Ga2V_N {
  11875. padding: 0 10px 10px 10px;
  11876. }
  11877.  
  11878. .headerSpotify-zpWxgT .bar-3urHkF,
  11879. .headerSpotify-zpWxgT .barInner-3NDaY_ {
  11880. border-radius: 0;
  11881. }
  11882.  
  11883. .listenAlongIcon-2vb1HG {
  11884. color: var(--spotify-color);
  11885. }
  11886.  
  11887. .listenAlongIcon-2vb1HG path {
  11888. d: path('M5 15v-3h3v-2H5V7H3v3H0v2h3v3zm7-1.25c-2.34 0-7 1.17-7 3.5V19h14v-1.75c0-2.33-4.66-3.5-7-3.5zM7.34 17c.84-.58 2.87-1.25 4.66-1.25s3.82.67 4.66 1.25H7.34zM12 12c1.93 0 3.5-1.57 3.5-3.5S13.93 5 12 5 8.5 6.57 8.5 8.5 10.07 12 12 12zm0-5c.83 0 1.5.67 1.5 1.5S12.83 10 12 10s-1.5-.67-1.5-1.5S11.17 7 12 7zm5 5c1.93 0 3.5-1.57 3.5-3.5S18.93 5 17 5c-.24 0-.48.02-.71.07.76.94 1.21 2.13 1.21 3.43 0 1.3-.47 2.48-1.23 3.42.24.05.48.08.73.08zm2.32 2.02c1 .81 1.68 1.87 1.68 3.23V19h3v-1.75c0-1.69-2.44-2.76-4.68-3.23z') !important;
  11889. }
  11890.  
  11891. .tabBarContainer-1s1u-z,
  11892. .activity-1ythUs {
  11893. border: none !important;
  11894. }
  11895.  
  11896. .topSectionNormal-2-vo2m .tabBarContainer-1s1u-z {
  11897. background: rgba(0,0,0,0.1) !important;
  11898. border-top: none !important;
  11899. }
  11900.  
  11901. .headerPlaying-2eYqm9,
  11902. .headerPlaying-2Q7mBy,
  11903. .headerPlaying-j0WQBV {
  11904. background: var(--popout-color) !important;
  11905. }
  11906.  
  11907. .topSectionNormal-2-vo2m,
  11908. .topSectionPlaying-1J5E4n {
  11909. background: var(--popout-color) !important;
  11910. }
  11911.  
  11912. .listScroller-2_vlfo {
  11913. padding: 16px 0;
  11914. }
  11915.  
  11916. .headerNormal-T_seeN {
  11917. background: var(--popout-color) !important;
  11918. }
  11919.  
  11920. .headerTop-1QGMLs,
  11921. .headerTop-27AvhA,
  11922. .headerTop-3C2Zn0,
  11923. .header-2Lg0Oe,
  11924. .header-QKLPzZ,
  11925. .connectionHeader-2MDqhu {
  11926. background: rgba(0,0,0,0.15);
  11927. }
  11928.  
  11929. .activity-11LB_k,
  11930. .headerFill-adLl4x {
  11931. background: transparent !important;
  11932. }
  11933.  
  11934. .activity-11LB_k,
  11935. .body-3iLsc4 {
  11936. padding: 12px;
  11937. }
  11938.  
  11939. .lookOutlined-3sRXeN.colorWhite-rEQuAQ:disabled,
  11940. .lookOutlined-3sRXeN.colorWhite-rEQuAQ:disabled:hover {
  11941. background: #fff !important;
  11942. box-shadow: none !important;
  11943. }
  11944.  
  11945. .headerSpotify-zpWxgT .activity-11LB_k button,
  11946. .headerStreaming-2FjmGz .activity-11LB_k button {
  11947. width: 100% !important;
  11948. background: #fff !important;
  11949. box-shadow: var(--shadow-button) !important;
  11950. }
  11951.  
  11952. .headerSpotify-zpWxgT .activity-11LB_k button:hover,
  11953. .headerStreaming-2FjmGz .activity-11LB_k button:hover {
  11954. background: #fff !important;
  11955. box-shadow: var(--shadow-button-hover) !important;
  11956. }
  11957.  
  11958. .headerSpotify-zpWxgT .activity-11LB_k button:active,
  11959. .headerStreaming-2FjmGz .activity-11LB_k button:active {
  11960. background: #fff !important;
  11961. box-shadow: var(--shadow-button-active) !important;
  11962. }
  11963.  
  11964. .listeningActionsUserPopout-Ga2V_N .button-1Pkqso:first-child {
  11965. width: 100% !important;
  11966. min-width: 36px !important;
  11967. min-height: 36px !important;
  11968. padding: 0 !important;
  11969. }
  11970.  
  11971. .disabledButtonOverlay-2DA5FI {
  11972. min-width: 36px !important;
  11973. min-height: 36px !important;
  11974. }
  11975.  
  11976. .listeningActionsUserPopout-Ga2V_N .buttonSize-2Pmk-w:not(:first-child) {
  11977. min-width: 36px !important;
  11978. padding: 0 !important;
  11979. }
  11980.  
  11981. .topSectionSpotify-1lI0-P .listeningActionsProfile-1fYwru .sizeMedium-1AC_Sl:first-child {
  11982. padding: 0 !important;
  11983. }
  11984.  
  11985. .topSectionSpotify-1lI0-P .listeningActionsProfile-1fYwru .sizeMedium-1AC_Sl .sizeMedium-1AC_Sl,
  11986. .topSectionSpotify-1lI0-P .listeningActionsProfile-1fYwru .sizeMedium-1AC_Sl.lookOutlined-3sRXeN {
  11987. padding: 0 16px !important;
  11988. }
  11989.  
  11990. .listeningActionsUserPopout-Ga2V_N .button-1Pkqso:last-child button,
  11991. .topSectionSpotify-1lI0-P .listeningActionsProfile-1fYwru .button-1Pkqso:last-child button {
  11992. padding: 0 !important;
  11993. }
  11994.  
  11995. .listeningActionsProfile-1fYwru .button-1Pkqso:not(:first-child),
  11996. .listeningActionsUserPopout-Ga2V_N .button-1Pkqso:not(:first-child) {
  11997. min-width: 36px !important;
  11998. padding: 0 !important;
  11999. }
  12000.  
  12001. .headerSpotify-zpWxgT .activity-11LB_k button:active,
  12002. .headerStreaming-2FjmGz .activity-11LB_k button:active {
  12003. background: #fff !important;
  12004. box-shadow: var(--shadow-3dp) !important;
  12005. }
  12006.  
  12007. .headerSpotify-1fSJPO .activity-AFBUEw button.disabled-uc2Cqc,
  12008. .headerSpotify-26yUf5 .activity-3NviKQ button.disabled-uc2Cqc,
  12009. .headerStreaming-3F-wjT .activity-AFBUEw button.disabled-uc2Cqc,
  12010. .headerStreaming-lmgoma .activity-3NviKQ button.disabled-uc2Cqc {
  12011. box-shadow: none !important;
  12012. }
  12013.  
  12014. .headerSpotify-zpWxgT .activity-11LB_k button {
  12015. color: var(--spotify-color) !important;
  12016. }
  12017.  
  12018. .headerSpotify-zpWxgT .activity-11LB_k button use {
  12019. fill: var(--spotify-color);
  12020. }
  12021.  
  12022. .headerStreaming-2FjmGz .activity-11LB_k button {
  12023. color: var(--stream-color) !important;
  12024. }
  12025.  
  12026. .headerStreaming-2FjmGz .activity-11LB_k button use {
  12027. fill: var(--stream-color);
  12028. }
  12029.  
  12030. .topSectionSpotify-1lI0-P button,
  12031. .topSectionStreaming-1Tpf5X button,
  12032. .topSectionXbox-3fWLjS button,
  12033. .headerStreaming-lmgoma button {
  12034. background: #fff !important;
  12035. }
  12036.  
  12037. .topSectionSpotify-1lI0-P button {
  12038. color: var(--spotify-color) !important;
  12039. }
  12040.  
  12041. .topSectionSpotify-1lI0-P use {
  12042. fill: var(--spotify-color) !important;
  12043. }
  12044.  
  12045. .topSectionXbox-3fWLjS button {
  12046. color: var(--xbox-color) !important;
  12047. }
  12048.  
  12049. .topSectionSpotify-1lI0-P .assetsLargeImageProfile-3YXDex,
  12050. .headerSpotify-zpWxgT .assetsLargeImageUserPopout-3Pp8BK {
  12051. border-radius: 50%;
  12052. }
  12053.  
  12054. .topSectionStreaming-1Tpf5X button,
  12055. .headerStreaming-lmgoma button {
  12056. color: var(--stream-color) !important;
  12057. }
  12058.  
  12059. .topSectionStreaming-1Tpf5X use,
  12060. .headerStreaming-lmgoma use {
  12061. fill: var(--stream-color) !important;
  12062. }
  12063.  
  12064. .additionalActionsIcon-1FoUlE {
  12065. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEyLDE2QTIsMiAwIDAsMSAxNCwxOEEyLDIgMCAwLDEgMTIsMjBBMiwyIDAgMCwxIDEwLDE4QTIsMiAwIDAsMSAxMiwxNk0xMiwxMEEyLDIgMCAwLDEgMTQsMTJBMiwyIDAgMCwxIDEyLDE0QTIsMiAwIDAsMSAxMCwxMkEyLDIgMCAwLDEgMTIsMTBNMTIsNEEyLDIgMCAwLDEgMTQsNkEyLDIgMCAwLDEgMTIsOEEyLDIgMCAwLDEgMTAsNkEyLDIgMCAwLDEgMTIsNFoiIC8+PC9zdmc+) !important;
  12066. }
  12067.  
  12068. .buttonBrandInverted-VFL7Yc {
  12069. color: #fff;
  12070. }
  12071.  
  12072. /* MEMBERS LIST -> STATUS & MASK */
  12073.  
  12074. .maskProfile-1ObLFT,
  12075. .mask-3OgeRz {
  12076. -webkit-mask: none !important;
  12077. mask: none !important;
  12078. }
  12079.  
  12080. .status-2s6iDp,
  12081. .status-oxiHuE,
  12082. .avatarStatus-3Ay1VL,
  12083. .statusProfile-3ynqtt {
  12084. top: 0 !important;
  12085. border: none !important;
  12086. box-shadow: var(--shadow-2dp) !important;
  12087. }
  12088.  
  12089. .mask-1l8v16 foreignObject {
  12090. mask: none !important;
  12091. }
  12092.  
  12093. .avatar-VxgULZ {
  12094. border-radius: 50%;
  12095. }
  12096.  
  12097. .avatar-VxgULZ:before {
  12098. display: none;
  12099. }
  12100.  
  12101. .mask-1l8v16 {
  12102. position: relative;
  12103. }
  12104.  
  12105. .mask-1l8v16 .pointerEvents-2zdfdO,
  12106. .mask-1l8v16 .dots-3Bkt3k {
  12107. /*transform: translateY(-22px) !important;*/
  12108. z-index: 2;
  12109. box-shadow: var(--shadow-1dp) !important;
  12110. }
  12111.  
  12112. .topSectionSpotify-1lI0-P .content-3JfFJh {
  12113. position: inherit !important;
  12114. margin: 19px 8px 0 20px;
  12115. }
  12116.  
  12117. .topSectionSpotify-1lI0-P .listeningActionsProfile-1fYwru {
  12118. width: auto;
  12119. margin: 19px 0 0 0;
  12120. }
  12121.  
  12122. .topSectionSpotify-1lI0-P .listeningActionsProfile-1fYwru .disabledButtonWrapper-3wH6-b {
  12123. height: 36px !important;
  12124. padding: 0 !important;
  12125. }
  12126.  
  12127. .topSectionSpotify-1lI0-P .disabledButtonWrapper-3wH6-b:not(:first-child) .lookOutlined-3sRXeN.colorWhite-rEQuAQ {
  12128. min-width: 36px !important;
  12129. padding: 0 !important;
  12130. }
  12131.  
  12132. .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm {
  12133. position: absolute !important;
  12134. width: 100% !important;
  12135. top: 122px;
  12136. left: 0;
  12137. margin: 0 !important;
  12138. }
  12139.  
  12140. .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .bar-3urHkF,
  12141. .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .barInner-3NDaY_ {
  12142. border-radius: 0 !important;
  12143. }
  12144.  
  12145. .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .flex-1xMQg5 {
  12146. position: absolute !important;
  12147. flex: 0 !important;
  12148. width: 80px !important;
  12149. top: -18px !important;
  12150. right: 4px !important;
  12151. }
  12152.  
  12153. .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .textLeft-3EZXG6,
  12154. .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .textRight-1XO5Ye {
  12155. width: 32px;
  12156. min-width: 32px;
  12157. }
  12158.  
  12159. .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .textLeft-3EZXG6 {
  12160. display: inline-block;
  12161. position: relative;
  12162. margin: 0 16px 0 0;
  12163. flex: 0 !important;
  12164. text-align: right;
  12165.  
  12166. }
  12167.  
  12168. .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .textLeft-3EZXG6:after {
  12169. position: absolute;
  12170. content: " / ";
  12171. left: 38px;
  12172. }
  12173.  
  12174. .header-QKLPzZ {
  12175. padding: 16px;
  12176. }
  12177.  
  12178. .activity-1ythUs,
  12179. .topSectionSpotify-1lI0-P .activity-1ythUs {
  12180. padding: 16px 16px 0 16px;
  12181. }
  12182.  
  12183. .topSectionSpotify-1lI0-P .activity-1ythUs:only-child {
  12184. padding: 16px;
  12185. }
  12186.  
  12187. .tabBarContainer-1s1u-z {
  12188. padding: 0 0 0 16px;
  12189. }
  12190.  
  12191. .topSectionSpotify-1lI0-P .headerTextNormal-2mGWX3 {
  12192. display: none;
  12193. }
  12194.  
  12195. .xboxAssets-aGhVw8 {
  12196. flex: 0 1 auto;
  12197. }
  12198.  
  12199. /* MEMBERS LIST -> ROLES */
  12200.  
  12201. .guild-settings-members-member:hover {
  12202. border: none !important;
  12203. }
  12204.  
  12205. .root-uMQa_6 button {
  12206. border-radius: 16px !important;
  12207. }
  12208.  
  12209. .role-2irmRk {
  12210. position: relative;
  12211. min-width: 32px;
  12212. height: 32px;
  12213. padding: 0;
  12214. border-radius: 16px;
  12215. border: none;
  12216. background: var(--popout-color);
  12217. transition: 200ms ease;
  12218. }
  12219.  
  12220. .role-2irmRk button,
  12221. .roleCircle-3xAZ1j,
  12222. .roleCircleButton-377y0l {
  12223. width: 32px;
  12224. height: 32px;
  12225. margin: 0;
  12226. border-radius: 50% !important;
  12227. box-shadow: none !important;
  12228. cursor: auto;
  12229. }
  12230.  
  12231. .role-2irmRk button {
  12232. cursor: pointer;
  12233. }
  12234.  
  12235. .roleRemoveIcon-2-TeGW {
  12236. position: relative;
  12237. width: 24px;
  12238. height: 24px;
  12239. display: block;
  12240. transition: 200ms ease all;
  12241. transform: scale(0.25);
  12242. opacity: 0;
  12243. }
  12244.  
  12245. .roleCircleButton-377y0l {
  12246. position: relative;
  12247. overflow: visible;
  12248. }
  12249.  
  12250. .roleCircleButton-377y0l:after,
  12251. .actionButton-VzECiy:after {
  12252. position: absolute;
  12253. content: "Remove role";
  12254. width: 72px;
  12255. height: 30px;
  12256. top: 1px;
  12257. left: 36px;
  12258. right: 0;
  12259. margin: 0 auto;
  12260. line-height: 30px;
  12261. background-color: rgba(97,97,97,0.9) !important;
  12262. box-shadow: 0px 5px 15px rgba(0,0,0,0.2) !important;
  12263. color: #fff;
  12264. font-size: 0.75em;
  12265. border-radius: var(--border-radius);
  12266. pointer-events: none;
  12267. transition: 250ms ease all;
  12268. z-index: 3;
  12269. opacity: 0;
  12270. }
  12271.  
  12272. .actionButton-VzECiy:after {
  12273. content: "Add role";
  12274. width: 54px;
  12275. font-size: 0.9em;
  12276. }
  12277.  
  12278. .roleCircleButton-377y0l:hover:after,
  12279. .actionButton-VzECiy:hover:after {
  12280. opacity: 1;
  12281. }
  12282.  
  12283. .role-2irmRk:hover .roleRemoveIcon-2-TeGW {
  12284. transform: scale(1) rotate(90deg);
  12285. opacity: 1;
  12286. }
  12287.  
  12288. .roleName-32vpEy {
  12289. position: relative;
  12290. margin: 0 8px 0 4px;
  12291. z-index: 2;
  12292. }
  12293.  
  12294. .actionButton-VzECiy {
  12295. background: var(--popout-color) !important;
  12296. border-radius: 16px !important;
  12297. box-shadow: none !important;
  12298. }
  12299.  
  12300. .actionButton-VzECiy:before {
  12301. display: none !important;
  12302. }
  12303.  
  12304. .actionButton-VzECiy svg {
  12305. transition: 200ms ease all;
  12306. }
  12307.  
  12308. .actionButton-VzECiy.popout-open svg {
  12309. transform: rotate(45deg);
  12310. }
  12311.  
  12312. .member-perms .member-perm .perm-circle {
  12313. width: 30px !important;
  12314. height: 30px !important;
  12315. margin-right: 2px !important;
  12316. border-radius: 50% !important;
  12317. }
  12318. .member-perms .member-perm .name {
  12319. margin-right: 8px !important;
  12320. }
  12321.  
  12322. /* MEMBERS LIST -> ROLES -> ADD ROLE */
  12323.  
  12324. #autocomplete-popout .autocomplete-arrow-wrapper {
  12325. position: absolute;
  12326. left: 0;
  12327. right: 0;
  12328. bottom: -6px;
  12329. margin: 0 auto !important;
  12330. }
  12331.  
  12332. #autocomplete-popout .autocomplete-arrow {
  12333. background: #1a1c1e !important;
  12334. box-shadow: none !important;
  12335. }
  12336.  
  12337. /* MEMBERS LIST -> GAMEPLAY */
  12338.  
  12339. .background-cBzfUc {
  12340. border-top-left-radius: 0 !important;
  12341. border-top-right-radius: 2px !important;
  12342. }
  12343.  
  12344.  
  12345. /*
  12346. *
  12347. * VOICE CONNECTED
  12348. *
  12349. */
  12350.  
  12351. .container-1UB9sr,
  12352. .container-1giJp5 {
  12353. position: relative;
  12354. top: 0;
  12355. background: #111114;
  12356. border-bottom: none;
  12357. }
  12358.  
  12359. .wrapper-29NfPK .actions-2vadYq .center-1Vp33r {
  12360. height: 36px !important;
  12361. margin: 0;
  12362. padding: 4px 12px !important;
  12363. background: var(--main-color);
  12364. border-radius: 22px !important;
  12365. border: none;
  12366. box-shadow: var(--shadow-1dp);
  12367. }
  12368.  
  12369. .iconButtonDefault-2cKx7-.unavailable-1P8t7x {
  12370. cursor: auto;
  12371. }
  12372.  
  12373. .iconButtonDefault-2cKx7-.unavailable-1P8t7x:after {
  12374. display: none;
  12375. }
  12376.  
  12377. .button-s03oPN:hover:not(.disabled-1ZY10C) {
  12378. background: transparent !important;
  12379. }
  12380.  
  12381. .buttonIcon-onTTxP[name="Nova_CallLeave"] path {
  12382. d: path('M18.59 10.52c1.05.51 2.04 1.15 2.96 1.91l-1.07 1.07c-.58-.47-1.21-.89-1.88-1.27v-1.71m-13.2 0v1.7c-.65.37-1.28.79-1.87 1.27l-1.07-1.07c.91-.75 1.9-1.38 2.94-1.9M12 7C7.46 7 3.34 8.78.29 11.67c-.18.18-.29.43-.29.71s.11.53.29.7l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.1.7-.28.79-.73 1.68-1.36 2.66-1.85.33-.16.56-.51.56-.9v-3.1C8.85 9.25 10.4 9 12 9s3.15.25 4.59.73v3.1c0 .4.23.74.56.9.98.49 1.88 1.11 2.67 1.85.18.17.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71s-.11-.53-.29-.71C20.66 8.78 16.54 7 12 7z') !important;
  12383. }
  12384.  
  12385. /* VOICE CONNECTED -> RTC CONNECTION */
  12386.  
  12387. .container-2x5lvQ {
  12388. border-radius: var(--border-radius-big);
  12389. border: none;
  12390. box-shadow: var(--shadow-3dp) !important;
  12391. }
  12392.  
  12393. .container-2x5lvQ .header-2C89wJ {
  12394. background: var(--accent-color) !important;
  12395. border-radius: var(--border-radius-big) var(--border-radius-big) 0 0;
  12396. }
  12397.  
  12398. .container-2x5lvQ section {
  12399. background: var(--popout-alt) !important;
  12400. border-radius: 0 0 var(--border-radius-big) var(--border-radius-big);
  12401. color: #bbb;
  12402. }
  12403.  
  12404. .container-2x5lvQ section strong {
  12405. color: #efefef !important;
  12406. }
  12407.  
  12408. .translate-2dAEQ6.animatorTop-2Y7x2r {
  12409. transform: translateZ(0);
  12410. animation: bottom-pop-out 400ms var(--default-animation);
  12411. }
  12412.  
  12413. body:active .translate-2dAEQ6.animatorTop-2Y7x2r:not(:active) {
  12414. opacity: 0;
  12415. transition: 150ms ease all;
  12416. }
  12417.  
  12418.  
  12419. /*
  12420. *
  12421. * POPOUT MENU
  12422. *
  12423. */
  12424.  
  12425. .popout-3sVMXz header {
  12426. background-color: var(--accent-color) !important;
  12427. }
  12428.  
  12429. .container-3nXdBP hr {
  12430. border: 1px solid var(--card-border-color);
  12431. border-bottom: none;
  12432. }
  12433.  
  12434. .popout-3sVMXz.popoutTopRight-3BzFIE section:after,
  12435. .popout-3sVMXz.popoutTop-3uu9vG section:after,
  12436. .popout-3sVMXz.popout-top-right section:after,
  12437. .popout-3sVMXz.popout-top section:after {
  12438. border-top-color: var(--popout-alt);
  12439. }
  12440.  
  12441. .popout-3sVMXz.popoutBottom-1YbShG,
  12442. .popout-3sVMXz.popout-bottom {
  12443. height: auto !important;
  12444. }
  12445.  
  12446. .popoutLeft-30WmrD.noArrow-3BYQ0Z,
  12447. .popout-left.noArrow-3BYQ0Z {
  12448. transform: translateX(-101%) translateY(0%) translateZ(0px) !important;
  12449. }
  12450.  
  12451. .popout-2iWAc- {
  12452. /*box-shadow: var(--shadow-3dp);
  12453. border: none;*/
  12454. border-radius: 0 !important;
  12455. box-shadow: none !important;
  12456. }
  12457.  
  12458. .popoutBottom-2GAFPg.noArrow-2foL9g {
  12459. overflow: visible !important;
  12460. }
  12461.  
  12462. /* POPOUT MENU -> AUTOCOMPLETE */
  12463.  
  12464. #autocomplete-popout {
  12465. border-radius: var(--border-radius-big) !important;
  12466. border: none !important;
  12467. }
  12468.  
  12469. #autocomplete-popout header {
  12470. background: #1a1c1e !important;
  12471. }
  12472.  
  12473. #autocomplete-popout section {
  12474. background: var(--popout-color) !important;
  12475. }
  12476.  
  12477. #autocomplete-popout .autocomplete-arrow-wrapper {
  12478. left: 0 !important;
  12479. }
  12480.  
  12481. #autocomplete-popout .autocomplete-shadow {
  12482. box-shadow: var(--shadow-3dp) !important;
  12483. }
  12484.  
  12485. #autocomplete-popout h3 {
  12486. margin: 0 4px 0 24px;
  12487. }
  12488.  
  12489. #autocomplete-popout .autocomplete-scroller {
  12490. padding: 8px 0;
  12491. }
  12492.  
  12493. .scroller-2CvAgC {
  12494. padding: 0;
  12495. }
  12496.  
  12497. /* POPOUT MENU -> AUTOCOMPLETE -> TOP */
  12498.  
  12499. .popouttop #autocomplete-popout header {
  12500. margin: 0;
  12501. padding: 0;
  12502. border-radius: 0 0 var(--border-radius-big) var(--border-radius-big) !important;
  12503. }
  12504.  
  12505. .popouttop #autocomplete-popout .autocomplete-scroller {
  12506. border-radius: 0 0 var(--border-radius-big) var(--border-radius-big) !important;
  12507. }
  12508.  
  12509. .popouttop #autocomplete-popout section,
  12510. .popouttop #autocomplete-popout section .scrollerWrap-2lJEkd,
  12511. .popouttop #autocomplete-popout .autocomplete-scroller {
  12512. border-radius: var(--border-radius-big) var(--border-radius-big) 0 0 !important;
  12513. }
  12514.  
  12515. /* POPOUT MENU -> AUTOCOMPLETE -> BOTTOM */
  12516.  
  12517. .popoutbottom #autocomplete-popout header {
  12518. margin: 0;
  12519. padding: 0;
  12520. border-radius: var(--border-radius-big) var(--border-radius-big) 0 0 !important;
  12521. }
  12522.  
  12523. .popoutbottom #autocomplete-popout .autocomplete-scroller {
  12524. border-radius: var(--border-radius-big) var(--border-radius-big) 0 0 !important;
  12525. }
  12526.  
  12527. .popoutbottom #autocomplete-popout section,
  12528. .popoutbottom #autocomplete-popout section .scrollerWrap-2lJEkd,
  12529. .popoutbottom #autocomplete-popout .autocomplete-scroller {
  12530. border-radius: 0 0 var(--border-radius-big) var(--border-radius-big) !important;
  12531. }
  12532.  
  12533. /* POPOUT MENU -> SERVER OPTIONS */
  12534.  
  12535. .menu-Sp6bN1 {
  12536. padding: 8px 0;
  12537. }
  12538.  
  12539. .menu-Sp6bN1:not(.alt-3btY0e) {
  12540. box-shadow: var(--shadow-3dp) !important;
  12541. border: none !important;
  12542. animation: top-pop-out 400ms var(--default-animation);
  12543. }
  12544.  
  12545. body:active .menu-Sp6bN1:not(.alt-3btY0e):not(:active) {
  12546. opacity: 0;
  12547. transition: 150ms ease all;
  12548. }
  12549.  
  12550. .item-1GzJrl.invite-YM1l0n,
  12551. .item-1GzJrl:hover .invite-YM1l0n,
  12552. .item-1GzJrl.leave-2bjeRM,
  12553. .item-1GzJrl:hover {
  12554. color: #99aab5 !important;
  12555. }
  12556.  
  12557. /* POPOUT MENU -> SERVER OPTIONS -> INVITE */
  12558.  
  12559. .icon-2doZ3q[style='background-image: url("/assets/d4ff0d2af68cd1119f0d16ef79d1369c.svg");'] {
  12560. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PHBhdGggZmlsbD0iIzk5YWFiNSIgZD0iTTE1IDEyYzIuMjEgMCA0LTEuNzkgNC00cy0xLjc5LTQtNC00LTQgMS43OS00IDQgMS43OSA0IDQgNHptMC02YzEuMSAwIDIgLjkgMiAycy0uOSAyLTIgMi0yLS45LTItMiAuOS0yIDItMnptMCA4Yy0yLjY3IDAtOCAxLjM0LTggNHYyaDE2di0yYzAtMi42Ni01LjMzLTQtOC00em0tNiA0Yy4yMi0uNzIgMy4zMS0yIDYtMiAyLjcgMCA1LjggMS4yOSA2IDJIOXptLTMtM3YtM2gzdi0ySDZWN0g0djNIMXYyaDN2M3oiLz48L3N2Zz4=) !important;
  12561. }
  12562.  
  12563. /* POPOUT MENU -> SERVER OPTIONS -> SERVER SETTINGS */
  12564.  
  12565. .icon-2doZ3q[style='background-image: url("/assets/9a93097ab591379729c68f15a17b26af.svg");'] {
  12566. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PHBhdGggZmlsbD0iIzk5YWFiNSIgZD0iTTE5LjQzIDEyLjk4Yy4wNC0uMzIuMDctLjY0LjA3LS45OCAwLS4zNC0uMDMtLjY2LS4wNy0uOThsMi4xMS0xLjY1Yy4xOS0uMTUuMjQtLjQyLjEyLS42NGwtMi0zLjQ2Yy0uMDktLjE2LS4yNi0uMjUtLjQ0LS4yNS0uMDYgMC0uMTIuMDEtLjE3LjAzbC0yLjQ5IDFjLS41Mi0uNC0xLjA4LS43My0xLjY5LS45OGwtLjM4LTIuNjVDMTQuNDYgMi4xOCAxNC4yNSAyIDE0IDJoLTRjLS4yNSAwLS40Ni4xOC0uNDkuNDJsLS4zOCAyLjY1Yy0uNjEuMjUtMS4xNy41OS0xLjY5Ljk4bC0yLjQ5LTFjLS4wNi0uMDItLjEyLS4wMy0uMTgtLjAzLS4xNyAwLS4zNC4wOS0uNDMuMjVsLTIgMy40NmMtLjEzLjIyLS4wNy40OS4xMi42NGwyLjExIDEuNjVjLS4wNC4zMi0uMDcuNjUtLjA3Ljk4IDAgLjMzLjAzLjY2LjA3Ljk4bC0yLjExIDEuNjVjLS4xOS4xNS0uMjQuNDItLjEyLjY0bDIgMy40NmMuMDkuMTYuMjYuMjUuNDQuMjUuMDYgMCAuMTItLjAxLjE3LS4wM2wyLjQ5LTFjLjUyLjQgMS4wOC43MyAxLjY5Ljk4bC4zOCAyLjY1Yy4wMy4yNC4yNC40Mi40OS40Mmg0Yy4yNSAwIC40Ni0uMTguNDktLjQybC4zOC0yLjY1Yy42MS0uMjUgMS4xNy0uNTkgMS42OS0uOThsMi40OSAxYy4wNi4wMi4xMi4wMy4xOC4wMy4xNyAwIC4zNC0uMDkuNDMtLjI1bDItMy40NmMuMTItLjIyLjA3LS40OS0uMTItLjY0bC0yLjExLTEuNjV6bS0xLjk4LTEuNzFjLjA0LjMxLjA1LjUyLjA1LjczIDAgLjIxLS4wMi40My0uMDUuNzNsLS4xNCAxLjEzLjg5LjcgMS4wOC44NC0uNyAxLjIxLTEuMjctLjUxLTEuMDQtLjQyLS45LjY4Yy0uNDMuMzItLjg0LjU2LTEuMjUuNzNsLTEuMDYuNDMtLjE2IDEuMTMtLjIgMS4zNWgtMS40bC0uMTktMS4zNS0uMTYtMS4xMy0xLjA2LS40M2MtLjQzLS4xOC0uODMtLjQxLTEuMjMtLjcxbC0uOTEtLjctMS4wNi40My0xLjI3LjUxLS43LTEuMjEgMS4wOC0uODQuODktLjctLjE0LTEuMTNjLS4wMy0uMzEtLjA1LS41NC0uMDUtLjc0cy4wMi0uNDMuMDUtLjczbC4xNC0xLjEzLS44OS0uNy0xLjA4LS44NC43LTEuMjEgMS4yNy41MSAxLjA0LjQyLjktLjY4Yy40My0uMzIuODQtLjU2IDEuMjUtLjczbDEuMDYtLjQzLjE2LTEuMTMuMi0xLjM1aDEuMzlsLjE5IDEuMzUuMTYgMS4xMyAxLjA2LjQzYy40My4xOC44My40MSAxLjIzLjcxbC45MS43IDEuMDYtLjQzIDEuMjctLjUxLjcgMS4yMS0xLjA3Ljg1LS44OS43LjE0IDEuMTN6TTEyIDhjLTIuMjEgMC00IDEuNzktNCA0czEuNzkgNCA0IDQgNC0xLjc5IDQtNC0xLjc5LTQtNC00em0wIDZjLTEuMSAwLTItLjktMi0ycy45LTIgMi0yIDIgLjkgMiAyLS45IDItMiAyeiIvPjwvc3ZnPg==) !important;
  12567. }
  12568.  
  12569. /* POPOUT MENU -> SERVER OPTIONS -> CREATE CHANNEL */
  12570.  
  12571. .icon-2doZ3q[style='background-image: url("/assets/2fc862597335421b35a79aa9aaba4a86.svg");'] {
  12572. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PHBhdGggZmlsbD0iIzk5YWFiNSIgZD0iTTEzIDdoLTJ2NEg3djJoNHY0aDJ2LTRoNHYtMmgtNFY3em0tMS01QzYuNDggMiAyIDYuNDggMiAxMnM0LjQ4IDEwIDEwIDEwIDEwLTQuNDggMTAtMTBTMTcuNTIgMiAxMiAyem0wIDE4Yy00LjQxIDAtOC0zLjU5LTgtOHMzLjU5LTggOC04IDggMy41OSA4IDgtMy41OSA4LTggOHoiLz48L3N2Zz4=) !important;
  12573. }
  12574.  
  12575. /* POPOUT MENU -> SERVER OPTIONS -> CREATE CATEGORY */
  12576.  
  12577. .icon-2doZ3q[style='background-image: url("/assets/52bc30f8a2b1a51f808a785819ca00b5.svg");'] {
  12578. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PHBhdGggZmlsbD0iIzk5YWFiNSIgZD0iTTE0IDEwSDJ2MmgxMnYtMnptMC00SDJ2MmgxMlY2em00IDh2LTRoLTJ2NGgtNHYyaDR2NGgydi00aDR2LTJoLTR6TTIgMTZoOHYtMkgydjJ6Ii8+PC9zdmc+) !important;
  12579. }
  12580.  
  12581. /* POPOUT MENU -> SERVER OPTIONS -> NOTIFICATION SETTINGS */
  12582.  
  12583. .icon-2doZ3q[style='background-image: url("/assets/6a711bd91522e885413464a88a4e3c69.svg");'] {
  12584. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PHBhdGggZmlsbD0iIzk5YWFiNSIgZD0iTTEyIDIyYzEuMSAwIDItLjkgMi0yaC00YzAgMS4xLjkgMiAyIDJ6bTYtNnYtNWMwLTMuMDctMS42My01LjY0LTQuNS02LjMyVjRjMC0uODMtLjY3LTEuNS0xLjUtMS41cy0xLjUuNjctMS41IDEuNXYuNjhDNy42NCA1LjM2IDYgNy45MiA2IDExdjVsLTIgMnYxaDE2di0xbC0yLTJ6bS0yIDFIOHYtNmMwLTIuNDggMS41MS00LjUgNC00LjVzNCAyLjAyIDQgNC41djZ6Ii8+PC9zdmc+) !important;
  12585. }
  12586.  
  12587. .overridePlaceholder-14_rPI {
  12588. border: 1px solid var(--card-border-color) !important;
  12589. }
  12590.  
  12591. /* POPOUT MENU -> SERVER OPTIONS -> PRIVACY SETTINGS */
  12592.  
  12593. .icon-2doZ3q[style='background-image: url("/assets/6afcd5d6a8c9d467e27e1bb48755dce0.svg");'] {
  12594. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PHBhdGggZmlsbD0iIzk5YWFiNSIgZD0iTTEyIDFMMyA1djZjMCA1LjU1IDMuODQgMTAuNzQgOSAxMiA1LjE2LTEuMjYgOS02LjQ1IDktMTJWNWwtOS00em03IDEwYzAgNC41Mi0yLjk4IDguNjktNyA5LjkzLTQuMDItMS4yNC03LTUuNDEtNy05LjkzVjYuM2w3LTMuMTEgNyAzLjExVjExem0tMTEuNTkuNTlMNiAxM2w0IDQgOC04LTEuNDEtMS40MkwxMCAxNC4xN3oiLz48L3N2Zz4=) !important;
  12595. }
  12596.  
  12597. /* POPOUT MENU -> SERVER OPTIONS -> CHANGE NICKNAME */
  12598.  
  12599. .icon-2doZ3q[style='background-image: url("/assets/bc11a9099f5729962c095cb49d5042f6.svg");'] {
  12600. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PHBhdGggZmlsbD0iIzk5YWFiNSIgZD0iTTE0LjA2IDkuMDJsLjkyLjkyTDUuOTIgMTlINXYtLjkybDkuMDYtOS4wNk0xNy42NiAzYy0uMjUgMC0uNTEuMS0uNy4yOWwtMS44MyAxLjgzIDMuNzUgMy43NSAxLjgzLTEuODNjLjM5LS4zOS4zOS0xLjAyIDAtMS40MWwtMi4zNC0yLjM0Yy0uMi0uMi0uNDUtLjI5LS43MS0uMjl6bS0zLjYgMy4xOUwzIDE3LjI1VjIxaDMuNzVMMTcuODEgOS45NGwtMy43NS0zLjc1eiIvPjwvc3ZnPg==) !important;
  12601. }
  12602.  
  12603. /* POPOUT MENU -> SERVER OPTIONS -> HIDE MUTED CHANNELS */
  12604.  
  12605. .icon-2doZ3q[style='background-image: url("/assets/858df73648ac3877a22156da2e69a5fd.svg");'] {
  12606. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6bTAgMGgyNHYyNEgwVjB6bTAgMGgyNHYyNEgwVjB6bTAgMGgyNHYyNEgwVjB6Ii8+PHBhdGggZmlsbD0iIzk5YWFiNSIgZD0iTTEyIDZjMy43OSAwIDcuMTcgMi4xMyA4LjgyIDUuNS0uNTkgMS4yMi0xLjQyIDIuMjctMi40MSAzLjEybDEuNDEgMS40MWMxLjM5LTEuMjMgMi40OS0yLjc3IDMuMTgtNC41M0MyMS4yNyA3LjExIDE3IDQgMTIgNGMtMS4yNyAwLTIuNDkuMi0zLjY0LjU3bDEuNjUgMS42NUMxMC42NiA2LjA5IDExLjMyIDYgMTIgNnptLTEuMDcgMS4xNEwxMyA5LjIxYy41Ny4yNSAxLjAzLjcxIDEuMjggMS4yOGwyLjA3IDIuMDdjLjA4LS4zNC4xNC0uNy4xNC0xLjA3QzE2LjUgOS4wMSAxNC40OCA3IDEyIDdjLS4zNyAwLS43Mi4wNS0xLjA3LjE0ek0yLjAxIDMuODdsMi42OCAyLjY4QzMuMDYgNy44MyAxLjc3IDkuNTMgMSAxMS41IDIuNzMgMTUuODkgNyAxOSAxMiAxOWMxLjUyIDAgMi45OC0uMjkgNC4zMi0uODJsMy40MiAzLjQyIDEuNDEtMS40MUwzLjQyIDIuNDUgMi4wMSAzLjg3em03LjUgNy41bDIuNjEgMi42MWMtLjA0LjAxLS4wOC4wMi0uMTIuMDItMS4zOCAwLTIuNS0xLjEyLTIuNS0yLjUgMC0uMDUuMDEtLjA4LjAxLS4xM3ptLTMuNC0zLjRsMS43NSAxLjc1Yy0uMjMuNTUtLjM2IDEuMTUtLjM2IDEuNzggMCAyLjQ4IDIuMDIgNC41IDQuNSA0LjUuNjMgMCAxLjIzLS4xMyAxLjc3LS4zNmwuOTguOThjLS44OC4yNC0xLjguMzgtMi43NS4zOC0zLjc5IDAtNy4xNy0yLjEzLTguODItNS41LjctMS40MyAxLjcyLTIuNjEgMi45My0zLjUzeiIvPjwvc3ZnPg==) !important;
  12607. }
  12608.  
  12609. /* POPOUT MENU -> SERVER OPTIONS -> LEAVE SERVER */
  12610.  
  12611. .icon-2doZ3q[style='background-image: url("/assets/00de6b3cbb5c4dbcec817c91262f5f5b.svg");'] {
  12612. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PHBhdGggZmlsbD0iIzk5YWFiNSIgZD0iTTEwLjA5IDE1LjU5TDExLjUgMTdsNS01LTUtNS0xLjQxIDEuNDFMMTIuNjcgMTFIM3YyaDkuNjdsLTIuNTggMi41OXpNMTkgM0g1Yy0xLjExIDAtMiAuOS0yIDJ2NGgyVjVoMTR2MTRINXYtNEgzdjRjMCAxLjEuODkgMiAyIDJoMTRjMS4xIDAgMi0uOSAyLTJWNWMwLTEuMS0uOS0yLTItMnoiLz48L3N2Zz4=) !important;
  12613. }
  12614.  
  12615. @media(max-height: 500px) {
  12616. .menu-Sp6bN1:not(.alt-3btY0e) {
  12617. /*height: 320px !important;
  12618. overflow-y: scroll;*/
  12619. }
  12620. }
  12621.  
  12622. .separator-2zcjq8 {
  12623. margin: 8px 0;
  12624. border-bottom: 1px solid var(--card-border-color);
  12625. }
  12626.  
  12627. /* POPOUT MENU -> MASK */
  12628.  
  12629. .backdrop-2ohBEd {
  12630. z-index: 99999;
  12631. }
  12632.  
  12633. /* POPOUT MENU -> USER STATUS */
  12634.  
  12635. .popout-3sVMXz.popoutTop-3uu9vG,
  12636. .popout-3sVMXz.popoutTopLeft-b5Eb3O,
  12637.  
  12638. .popout-3sVMXz.popout-top,
  12639. .popout-3sVMXz.popout-top-left {
  12640. overflow: visible !important;
  12641. }
  12642.  
  12643. .container-iksrDt,
  12644. .container-2Thooq,
  12645. .container-3baos1 {
  12646. position: relative;
  12647. height: 68px !important;
  12648. top: 0;
  12649. margin: 0;
  12650. background: #181a1d !important;
  12651. }
  12652.  
  12653. .container-iksrDt .status,
  12654. .container-2Thooq .status {
  12655. top: 0;
  12656. border: none;
  12657. }
  12658.  
  12659. .container-3baos1 .avatar-SmRMf2:hover {
  12660. opacity: 1;
  12661. }
  12662.  
  12663. .container-3baos1 .nameTag-3uD-yy .size14-e6ZScH {
  12664. font-size: 13px;
  12665. }
  12666.  
  12667. /* POPOUT MENU -> AFK CHANNEL */
  12668.  
  12669. .modal-3v8ziU h2.title-3sZWYQ {
  12670. margin: 0;
  12671. padding: 0 0 16px 0;
  12672. text-align: left;
  12673. }
  12674.  
  12675. .modal-3v8ziU .body-Mj9Oxz {
  12676. text-align: left;
  12677. }
  12678.  
  12679. .minorAction-OVxOke {
  12680. width: auto;
  12681. margin: 0;
  12682. line-height: 36px;
  12683. }
  12684.  
  12685.  
  12686. /*
  12687. *
  12688. * VOICE AND VIDEO CHAT/SCREENSHARING
  12689. *
  12690. */
  12691.  
  12692. .content-1_NQ-_ {
  12693. padding: 0 16px 16px;
  12694. }
  12695.  
  12696. .wrapper-2h3Puq {
  12697. overflow: visible;
  12698. }
  12699.  
  12700. .video-1FfuMD {
  12701. background-color: var(--chat-color);
  12702. }
  12703.  
  12704. .headerBar-UHpsPw {
  12705. background: var(--main-color) !important;
  12706. }
  12707.  
  12708. .inCall-1-VdgE .title-3qD0b- {
  12709. /*background: linear-gradient(0deg, transparent, rgba(0,0,0,0.75)) !important;*/
  12710. background: transparent !important;
  12711. }
  12712.  
  12713. /*.titleCall-_b9o8P {
  12714. background: linear-gradient(0deg, transparent, rgba(0,0,0,0.8)) !important;
  12715. }*/
  12716.  
  12717. /*.titleCall-_b9o8P {
  12718. position: relative;
  12719. top: -48px;
  12720. transition: 300ms var(--default-animation);
  12721. }
  12722.  
  12723. .chat-3bRxxu:hover .titleCall-_b9o8P {
  12724. top: 0px;
  12725. }*/
  12726.  
  12727. .video-1FfuMD.normal-1jW0uq .videoTop-eOkSPq {
  12728. background: transparent !important;
  12729. }
  12730.  
  12731. .regionSelectPopout-p9-0_W {
  12732. padding: 8px 0;
  12733. background: var(--popout-alt) !important;
  12734. border-radius: var(--border-radius-big);
  12735. box-shadow: var(--shadow-3dp);
  12736. }
  12737.  
  12738. .quickSelectPopoutOption-opKBx9 {
  12739. padding: 8px 12px;
  12740. }
  12741.  
  12742. .check-2by_h9 {
  12743. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjM2Y1MWI1IiBkPSJNOSAxNi4yTDQuOCAxMmwtMS40IDEuNEw5IDE5IDIxIDdsLTEuNC0xLjRMOSAxNi4yeiIvPjwvc3ZnPg==) !important;
  12744. background-size: 115%;
  12745. background-position: 0;
  12746. background-repeat: no-repeat;
  12747. }
  12748.  
  12749. /* VOICE AND VIDEO CHAT/SCREENSHARING -> INCOMING CALL*/
  12750.  
  12751. .incomingCall-14zLcL {
  12752. border-radius: var(--border-radius-big);
  12753. box-shadow: var(--shadow-3dp) !important;
  12754. }
  12755.  
  12756. .incomingCallInner-2VmFiR {
  12757. background: var(--popout-alt) !important;
  12758. border-radius: var(--border-radius-big);
  12759. border: none !important;
  12760. }
  12761.  
  12762. .actionButtons-3P85gM .sizeMedium-1AC_Sl {
  12763. width: 100% !important;
  12764. }
  12765.  
  12766. .callAvatar-v-u4BM.voice-2D-tt_ .callAvatarStatus-3y6S04 {
  12767. background-color: #444;
  12768. }
  12769.  
  12770. .callAvatar-v-u4BM.voice-2D-tt_ .callAvatarStatus-3y6S04[name="Muted"] path {
  12771. d: path('M10.8 4.9c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 3.91L15 10.6V5c0-1.66-1.34-3-3-3-1.54 0-2.79 1.16-2.96 2.65l1.76 1.76V4.9zM19 11h-1.7c0 .58-.1 1.13-.27 1.64l1.27 1.27c.44-.88.7-1.87.7-2.91zM4.41 2.86L3 4.27l6 6V11c0 1.66 1.34 3 3 3 .23 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.55-.9l4.2 4.2 1.41-1.41L4.41 2.86z') !important;
  12772. }
  12773.  
  12774. /* VOICE AND VIDEO CHAT/SCREENSHARING -> ACTION BUTTONS */
  12775.  
  12776. .video-1FfuMD.noChat-3nt48u .videoBottom-2_HYXG {
  12777. position: relative;
  12778. bottom: 16px !important;
  12779. }
  12780.  
  12781. .wrapper-29NfPK .iconsWrapper-1RelE3 {
  12782. border-radius: 50%;
  12783. }
  12784.  
  12785. /* VOICE AND VIDEO CHAT/SCREENSHARING -> ACTION BUTTONS -> SCREENSHARING */
  12786.  
  12787. .wrapper-29NfPK .toggleButton-3XFSva[style='background-image: url("/assets/b0aeca4d2129dcbf73f05feb6bb6e61f.svg");'],
  12788. .wrapper-29NfPK .actionButton-3WMLvV[style='background-image: url("/assets/b0aeca4d2129dcbf73f05feb6bb6e61f.svg");'] {
  12789. background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMjAgMThjMS4xIDAgMS45OS0uOSAxLjk5LTJMMjIgNmMwLTEuMTEtLjktMi0yLTJINGMtMS4xMSAwLTIgLjg5LTIgMnYxMGMwIDEuMS44OSAyIDIgMkgwdjJoMjR2LTJoLTR6TTQgMTZWNmgxNnYxMC4wMUw0IDE2em05LTYuODdjLTMuODkuNTQtNS40NCAzLjItNiA1Ljg3IDEuMzktMS44NyAzLjIyLTIuNzIgNi0yLjcydjIuMTlsNC0zLjc0TDEzIDd2Mi4xM3oiLz48L3N2Zz4=') !important;
  12790. }
  12791.  
  12792. /* VOICE AND VIDEO CHAT/SCREENSHARING -> ACTION BUTTONS -> VIDEO CAM */
  12793.  
  12794. .wrapper-29NfPK .toggleButton-3XFSva[style='background-image: url("/assets/f67374a8fd6b116362596d65cc516747.svg");'],
  12795. .wrapper-29NfPK .actionButton-3WMLvV[style='background-image: url("/assets/f67374a8fd6b116362596d65cc516747.svg");'] {
  12796. background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTUgOHY4SDVWOGgxMG0xLTJINGMtLjU1IDAtMSAuNDUtMSAxdjEwYzAgLjU1LjQ1IDEgMSAxaDEyYy41NSAwIDEtLjQ1IDEtMXYtMy41bDQgNHYtMTFsLTQgNFY3YzAtLjU1LS40NS0xLTEtMXoiLz48L3N2Zz4=') !important;
  12797. }
  12798.  
  12799. /* VOICE AND VIDEO CHAT/SCREENSHARING -> ACTION BUTTONS -> MIC */
  12800.  
  12801. .wrapper-29NfPK .toggleButton-3XFSva[style='background-image: url("/assets/4bc527c257233fc69b94342d77bcb9ee.svg");'],
  12802. .wrapper-29NfPK .actionButton-3WMLvV[style='background-image: url("/assets/4bc527c257233fc69b94342d77bcb9ee.svg");'] {
  12803. background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTIgMTRjMS42NiAwIDMtMS4zNCAzLTNWNWMwLTEuNjYtMS4zNC0zLTMtM1M5IDMuMzQgOSA1djZjMCAxLjY2IDEuMzQgMyAzIDN6bS0xLTljMC0uNTUuNDUtMSAxLTFzMSAuNDUgMSAxdjZjMCAuNTUtLjQ1IDEtMSAxcy0xLS40NS0xLTFWNXptNiA2YzAgMi43Ni0yLjI0IDUtNSA1cy01LTIuMjQtNS01SDVjMCAzLjUzIDIuNjEgNi40MyA2IDYuOTJWMjFoMnYtMy4wOGMzLjM5LS40OSA2LTMuMzkgNi02LjkyaC0yeiIvPjwvc3ZnPg==') !important;
  12804. }
  12805.  
  12806. .wrapper-29NfPK .toggleButton-3XFSva[style='background-image: url("/assets/990826f372c3d1d1792e3f1df06609bb.svg");'],
  12807. .wrapper-29NfPK .actionButton-3WMLvV[style='background-image: url("/assets/990826f372c3d1d1792e3f1df06609bb.svg");'],
  12808. .wrapper-29NfPK .toggleButton-3XFSva[style='background-image: url("/assets/896770bf2d6ed0358ed0adefdbe96a24.svg");'],
  12809. .wrapper-29NfPK .actionButton-3WMLvV[style='background-image: url("/assets/896770bf2d6ed0358ed0adefdbe96a24.svg");'] {
  12810. background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTAuOCA0LjljMC0uNjYuNTQtMS4yIDEuMi0xLjJzMS4yLjU0IDEuMiAxLjJsLS4wMSAzLjkxTDE1IDEwLjZWNWMwLTEuNjYtMS4zNC0zLTMtMy0xLjU0IDAtMi43OSAxLjE2LTIuOTYgMi42NWwxLjc2IDEuNzZWNC45ek0xOSAxMWgtMS43YzAgLjU4LS4xIDEuMTMtLjI3IDEuNjRsMS4yNyAxLjI3Yy40NC0uODguNy0xLjg3LjctMi45MXpNNC40MSAyLjg2TDMgNC4yN2w2IDZWMTFjMCAxLjY2IDEuMzQgMyAzIDMgLjIzIDAgLjQ0LS4wMy42NS0uMDhsMS42NiAxLjY2Yy0uNzEuMzMtMS41LjUyLTIuMzEuNTItMi43NiAwLTUuMy0yLjEtNS4zLTUuMUg1YzAgMy40MSAyLjcyIDYuMjMgNiA2LjcyVjIxaDJ2LTMuMjhjLjkxLS4xMyAxLjc3LS40NSAyLjU1LS45bDQuMiA0LjIgMS40MS0xLjQxTDQuNDEgMi44NnoiLz48L3N2Zz4=') !important;
  12811. }
  12812.  
  12813. /* VOICE AND VIDEO CHAT/SCREENSHARING -> ACTION BUTTONS -> SETTINGS */
  12814.  
  12815. .wrapper-29NfPK .toggleButton-3XFSva[style='background-image: url("/assets/d47d2c5ce2dd7d5bdaee2ebd8fde61f2.svg");'],
  12816. .wrapper-29NfPK .actionButton-3WMLvV[style='background-image: url("/assets/d47d2c5ce2dd7d5bdaee2ebd8fde61f2.svg");'] {
  12817. background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTkuNDMgMTIuOThjLjA0LS4zMi4wNy0uNjQuMDctLjk4IDAtLjM0LS4wMy0uNjYtLjA3LS45OGwyLjExLTEuNjVjLjE5LS4xNS4yNC0uNDIuMTItLjY0bC0yLTMuNDZjLS4wOS0uMTYtLjI2LS4yNS0uNDQtLjI1LS4wNiAwLS4xMi4wMS0uMTcuMDNsLTIuNDkgMWMtLjUyLS40LTEuMDgtLjczLTEuNjktLjk4bC0uMzgtMi42NUMxNC40NiAyLjE4IDE0LjI1IDIgMTQgMmgtNGMtLjI1IDAtLjQ2LjE4LS40OS40MmwtLjM4IDIuNjVjLS42MS4yNS0xLjE3LjU5LTEuNjkuOThsLTIuNDktMWMtLjA2LS4wMi0uMTItLjAzLS4xOC0uMDMtLjE3IDAtLjM0LjA5LS40My4yNWwtMiAzLjQ2Yy0uMTMuMjItLjA3LjQ5LjEyLjY0bDIuMTEgMS42NWMtLjA0LjMyLS4wNy42NS0uMDcuOTggMCAuMzMuMDMuNjYuMDcuOThsLTIuMTEgMS42NWMtLjE5LjE1LS4yNC40Mi0uMTIuNjRsMiAzLjQ2Yy4wOS4xNi4yNi4yNS40NC4yNS4wNiAwIC4xMi0uMDEuMTctLjAzbDIuNDktMWMuNTIuNCAxLjA4LjczIDEuNjkuOThsLjM4IDIuNjVjLjAzLjI0LjI0LjQyLjQ5LjQyaDRjLjI1IDAgLjQ2LS4xOC40OS0uNDJsLjM4LTIuNjVjLjYxLS4yNSAxLjE3LS41OSAxLjY5LS45OGwyLjQ5IDFjLjA2LjAyLjEyLjAzLjE4LjAzLjE3IDAgLjM0LS4wOS40My0uMjVsMi0zLjQ2Yy4xMi0uMjIuMDctLjQ5LS4xMi0uNjRsLTIuMTEtMS42NXptLTEuOTgtMS43MWMuMDQuMzEuMDUuNTIuMDUuNzMgMCAuMjEtLjAyLjQzLS4wNS43M2wtLjE0IDEuMTMuODkuNyAxLjA4Ljg0LS43IDEuMjEtMS4yNy0uNTEtMS4wNC0uNDItLjkuNjhjLS40My4zMi0uODQuNTYtMS4yNS43M2wtMS4wNi40My0uMTYgMS4xMy0uMiAxLjM1aC0xLjRsLS4xOS0xLjM1LS4xNi0xLjEzLTEuMDYtLjQzYy0uNDMtLjE4LS44My0uNDEtMS4yMy0uNzFsLS45MS0uNy0xLjA2LjQzLTEuMjcuNTEtLjctMS4yMSAxLjA4LS44NC44OS0uNy0uMTQtMS4xM2MtLjAzLS4zMS0uMDUtLjU0LS4wNS0uNzRzLjAyLS40My4wNS0uNzNsLjE0LTEuMTMtLjg5LS43LTEuMDgtLjg0LjctMS4yMSAxLjI3LjUxIDEuMDQuNDIuOS0uNjhjLjQzLS4zMi44NC0uNTYgMS4yNS0uNzNsMS4wNi0uNDMuMTYtMS4xMy4yLTEuMzVoMS4zOWwuMTkgMS4zNS4xNiAxLjEzIDEuMDYuNDNjLjQzLjE4LjgzLjQxIDEuMjMuNzFsLjkxLjcgMS4wNi0uNDMgMS4yNy0uNTEuNyAxLjIxLTEuMDcuODUtLjg5LjcuMTQgMS4xM3pNMTIgOGMtMi4yMSAwLTQgMS43OS00IDRzMS43OSA0IDQgNCA0LTEuNzkgNC00LTEuNzktNC00LTR6bTAgNmMtMS4xIDAtMi0uOS0yLTJzLjktMiAyLTIgMiAuOSAyIDItLjkgMi0yIDJ6Ii8+PC9zdmc+') !important;
  12818. }
  12819.  
  12820. /* VOICE AND VIDEO CHAT/SCREENSHARING -> PIP */
  12821.  
  12822. .elevationHigh-3A9Xbf {
  12823. box-shadow: var(--shadow-3dp) !important;
  12824. }
  12825.  
  12826. .iconButtonWrapper-1ROgCd:first-child .iconButton-l-Ul_r path.iconButtonForeground-JKUp3t {
  12827. d: path('M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.11-.9-2-2-2H4c-1.11 0-2 .89-2 2v10c0 1.1.89 2 2 2H0v2h24v-2h-4zM4 16V6h16v10.01L4 16zm9-6.87c-3.89.54-5.44 3.2-6 5.87 1.39-1.87 3.22-2.72 6-2.72v2.19l4-3.74L13 7v2.13z') !important;
  12828. }
  12829.  
  12830. .iconButtonWrapper-1ROgCd:last-child .iconButton-l-Ul_r path.iconButtonForeground-JKUp3t {
  12831. d: path('M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z') !important;
  12832. }
  12833.  
  12834. .iconButtonWrapper-1ROgCd:last-child .iconButton-l-Ul_r rect {
  12835. d: path('M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z') !important;
  12836. }
  12837.  
  12838.  
  12839. .selectorButtonSelected-3ApyX9 {
  12840. background: var(--accent-color);
  12841. }
  12842.  
  12843. .group-2dAfBy svg[name="Nitro"] path {
  12844. fill: var(--accent-color) !important;
  12845. }
  12846.  
  12847. .modal-3v8ziU .group-2dAfBy {
  12848. background: #2f3136 !important;
  12849. }
  12850.  
  12851. .tiles-2aXG_k {
  12852. background-color: var(--popout-color) !important;
  12853. box-shadow: none !important;
  12854. }
  12855.  
  12856. .private-channel-call.full-screen .private-channel-call-actions .side,
  12857. .private-channel-call.no-chat .center,
  12858. .private-channel-call.no-chat .side,
  12859. .private-channel-call.normal .center,
  12860. .private-channel-call.normal .side,
  12861. .private-channel-call .icons-wrapper {
  12862. padding: 4px 12px;
  12863. background: var(--main-color);
  12864. border: none;
  12865. }
  12866.  
  12867. .pictureInPictureVideo-2w62Uz {
  12868. box-shadow: var(--shadow-1dp) !important;
  12869. }
  12870.  
  12871. .callAvatarOverlay-33Xeat .cameraIcon-HMaCvx path {
  12872. d: path('M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z') !important;
  12873. }
  12874.  
  12875. .callAvatar-v-u4BM.video-3GgX2M .callAvatarStatus-3y6S04 path {
  12876. d: path('M10.8 4.9c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 3.91L15 10.6V5c0-1.66-1.34-3-3-3-1.54 0-2.79 1.16-2.96 2.65l1.76 1.76V4.9zM19 11h-1.7c0 .58-.1 1.13-.27 1.64l1.27 1.27c.44-.88.7-1.87.7-2.91zM4.41 2.86L3 4.27l6 6V11c0 1.66 1.34 3 3 3 .23 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.55-.9l4.2 4.2 1.41-1.41L4.41 2.86z') !important;
  12877. }
  12878.  
  12879. .callAvatarBorder-1D_KaE.video-3GgX2M.selected-2esnyn:not(.speaking-oCqYMI):not(.soundsharing-102bS9),
  12880. .callAvatarBorder-1D_KaE,
  12881. .callAvatarWrapper-TICyxO.video-3GgX2M .ripple-16ZT2p,
  12882. .callAvatarBorder-1D_KaE.video-3GgX2M.speaking-oCqYMI,
  12883. .callAvatarBorder-1D_KaE.video-3GgX2M.soundsharing-102bS9,
  12884. .callAvatar-v-u4BM.video-3GgX2M .callAvatarVideo-YkbHae {
  12885. border-radius: 50% !important;
  12886. }
  12887.  
  12888. @keyframes outgoing-call-pulse-MDA9-S {
  12889. 0% {transform:scale3d(0.85,0.85,1);opacity:0.6}
  12890. 11.28% {transform:scale3d(1.3,1.3,1);opacity:0}
  12891. 12% {transform:scale3d(0.85,0.85,1)}
  12892. 13% {opacity:0.6}
  12893. 28.448%{transform:scale3d(0.85,0.85,1);opacity:0.6}
  12894. 39.728% {transform:scale3d(1.3,1.3,1);opacity:0}
  12895. 40% {transform:scale3d(0.85,0.85,1)}
  12896. 41% {opacity:0.6}
  12897. to {transform:scale3d(0.85,0.85,1);opacity:0.6}
  12898. }
  12899.  
  12900. .wrapper-29NfPK.fullScreen-3DKbL8 .actions-2vadYq .center-1Vp33r,
  12901. .wrapper-29NfPK.fullScreen-3DKbL8 .actions-2vadYq .side-kO0bwV,
  12902. .wrapper-29NfPK.noChat-2qlG4B .center-1Vp33r,
  12903. .wrapper-29NfPK.noChat-2qlG4B .side-kO0bwV,
  12904. .wrapper-29NfPK.normal-2GSW0u .center-1Vp33r,
  12905. .wrapper-29NfPK.normal-2GSW0u .side-kO0bwV {
  12906. border: none !important;
  12907. }
  12908.  
  12909. .callAvatar-v-u4BM.voice-2D-tt_ .callAvatarStatus-3y6S04 {
  12910. top: 0;
  12911. border: none;
  12912. }
  12913.  
  12914. .callAvatarBorder-1D_KaE.voice-2D-tt_.speaking-oCqYMI {
  12915. /*box-shadow: inset 0 0 0 3px #888;*/
  12916. box-shadow: 0 0 0 3px var(--accent-color);
  12917. }
  12918.  
  12919. .iconButtonStatic-2cPMA6[style='background-image: url("/assets/ea5bf2e8b48cfe21ea60588e1568aad6.svg");'] {
  12920. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICA8cGF0aCBmaWxsPSIjYTNhM2E0IiBkPSJNMy4yNywyTDIsMy4yN0w0LjczLDZINEExLDEgMCAwLDAgMyw3VjE3QTEsMSAwIDAsMCA0LDE4SDE2QzE2LjIsMTggMTYuMzksMTcuOTIgMTYuNTQsMTcuODJMMTkuNzMsMjFMMjEsMTkuNzNNMjEsNi41TDE3LDEwLjVWN0ExLDEgMCAwLDAgMTYsNkg5LjgyTDIxLDE3LjE4VjYuNVoiIC8+DQo8L3N2Zz4=) !important;
  12921. }
  12922.  
  12923. .iconButtonStatic-2cPMA6[style='background-image: url("/assets/990826f372c3d1d1792e3f1df06609bb.svg");'] {
  12924. top: 1px !important;
  12925. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICA8cGF0aCBmaWxsPSIjYTNhM2E0IiBkPSJNMTksMTFDMTksMTIuMTkgMTguNjYsMTMuMyAxOC4xLDE0LjI4TDE2Ljg3LDEzLjA1QzE3LjE0LDEyLjQzIDE3LjMsMTEuNzQgMTcuMywxMUgxOU0xNSwxMS4xNkw5LDUuMThWNUEzLDMgMCAwLDEgMTIsMkEzLDMgMCAwLDEgMTUsNVYxMUwxNSwxMS4xNk00LjI3LDNMMjEsMTkuNzNMMTkuNzMsMjFMMTUuNTQsMTYuODFDMTQuNzcsMTcuMjcgMTMuOTEsMTcuNTggMTMsMTcuNzJWMjFIMTFWMTcuNzJDNy43MiwxNy4yMyA1LDE0LjQxIDUsMTFINi43QzYuNywxNCA5LjI0LDE2LjEgMTIsMTYuMUMxMi44MSwxNi4xIDEzLjYsMTUuOTEgMTQuMzEsMTUuNThMMTIuNjUsMTMuOTJMMTIsMTRBMywzIDAgMCwxIDksMTFWMTAuMjhMMyw0LjI3TDQuMjcsM1oiIC8+DQo8L3N2Zz4=) !important;
  12926. }
  12927.  
  12928. .callAvatar-v-u4BM.video-3GgX2M:not(.disabled-29UbL1) {
  12929. border-radius: 50% !important;
  12930. overflow: visible;
  12931. }
  12932.  
  12933. .callAvatarBorder-1D_KaE.video-3GgX2M.selected-2esnyn:not(.speaking-oCqYMI):not(.soundsharing-102bS9) {
  12934. box-shadow: inset 0 0 0 2px var(--accent-color);
  12935. }
  12936.  
  12937. .callAvatar-v-u4BM.video-3GgX2M .callAvatarStatus-3y6S04 {
  12938. top: 0;
  12939. left: 0;
  12940. background: var(--accent-color);
  12941. box-shadow: var(--shadow-1dp);
  12942. }
  12943.  
  12944.  
  12945. /*
  12946. *
  12947. * POPOUTS
  12948. *
  12949. */
  12950.  
  12951. .popout-3sVMXz.popoutBottom-1YbShG,
  12952. .popout-3sVMXz.popoutBottomLeft-JehOp2,
  12953. .popout-3sVMXz.popoutBottomRight-2JrySt,
  12954. .popout-3sVMXz.popoutTop-3uu9vG,
  12955. .popout-3sVMXz.popoutTopLeft-b5Eb3O,
  12956. .popout-3sVMXz.popoutTopRight-3BzFIE,
  12957.  
  12958. .popout-3sVMXz.popout-bottom,
  12959. .popout-3sVMXz.popout-bottom-left,
  12960. .popout-3sVMXz.popout-bottom-right,
  12961. .popout-3sVMXz.popout-top
  12962. .popout-3sVMXz.popout-top-left,
  12963. .popout-3sVMXz.popout-top-right {
  12964. width: auto !important;
  12965. transition: 0ms ease !important;
  12966. }
  12967.  
  12968. .popout-3sVMXz.popoutTopLeft-b5Eb3O,
  12969. .popout-3sVMXz.popout-top-left {
  12970. z-index: 99 !important;
  12971. }
  12972.  
  12973. .popout-3sVMXz.popoutBottomRight-2JrySt.noShadow-321ZPm[style*="z-index: 1100;"] {
  12974. z-index: 9999999 !important;
  12975. }
  12976.  
  12977. .popout-3sVMXz.popoutBottom-1YbShG[style*="z-index: 1001; overflow: hidden; visibility: visible; left: 190px; top: 70px;"],
  12978. .popout-3sVMXz.popoutBottom-1YbShG[style*="z-index: 1001; overflow: hidden; visibility: visible; left: 194px; top: 70px;"],
  12979. .popout-3sVMXz.popout-bottom[style*="overflow: hidden; visibility: visible;"] {
  12980. width: 216px !important;
  12981. height: auto !important;
  12982. top: 84px !important;
  12983. left: 81px !important;
  12984. margin: 0;
  12985. box-shadow: var(--shadow-3dp) !important;
  12986. transform: none !important;
  12987. }
  12988.  
  12989. .popout-3sVMXz.popoutBottomLeft-JehOp2 {
  12990. /*top: 58px !important;*/
  12991. transform: translateX(-39%) !important;
  12992. }
  12993.  
  12994. /*.popout-3sVMXz.popoutBottom-1YbShG[style*="transform: translateX(-50%) translateY(0%) translateZ(0px);"] {
  12995. top: 58px !important;
  12996. transform: translateX(-74%) !important;
  12997. }
  12998.  
  12999. .popout-3sVMXz.popoutBottom-1YbShG[style*="top: 98.5px; transform: translateX(-50%) translateY(0%) translateZ(0px);"] {
  13000. top: 98.5px !important;
  13001. transform: translateX(-50%) !important;
  13002. }
  13003.  
  13004. .popout-3sVMXz.popoutBottom-1YbShG[style*="top: 213px; transform: translateX(-50%) translateY(0%) translateZ(0px);"] {
  13005. top: 213px !important;
  13006. transform: translateX(-50%) !important;
  13007. }*/
  13008.  
  13009. .popout-3sVMXz.popoutBottom-1YbShG[style*="z-index: 1001; overflow: hidden; visibility: visible; left: 190px; top: 157px;"] {
  13010. top: 160px !important;
  13011. left: 190px !important;
  13012. }
  13013.  
  13014. .popout-3sVMXz.popoutBottom-1YbShG[style*="overflow: hidden; visibility: visible;"] {
  13015. box-shadow: var(--shadow-3dp) !important;
  13016. }
  13017.  
  13018. .popout-3sVMXz.popoutBottom-1YbShG[style*="overflow: hidden; visibility: visible;"],
  13019. .popout-3sVMXz.popout-bottom[style*="overflow: hidden; visibility: visible;"],
  13020. .private-channel-recipients-invite,
  13021. .messagesPopoutWrap-1MQ1bW,
  13022. .popoutBottomRight-2Rno5S.noArrow-2foL9g .modal-yWgWj-,
  13023. .container-3ayLPN {
  13024. animation: top-pop-out 400ms var(--default-animation) !important;
  13025. }
  13026.  
  13027. body:active .messagesPopoutWrap-1MQ1bW:not(:active),
  13028. body:active .popoutBottomRight-2Rno5S.noArrow-2foL9g .modal-yWgWj-:not(:active) {
  13029. opacity: 0;
  13030. transition: 150ms ease all;
  13031. }
  13032.  
  13033. .regionSelectPopout-p9-0_W,
  13034. .guildSettingsAuditLogsUserFilterPopout-3Jg5NE {
  13035. animation: bottom-pop-out 400ms var(--default-animation) !important;
  13036. }
  13037.  
  13038. .autocomplete-1vrmpx {
  13039. animation: bottom-pop-out 350ms var(--default-animation) !important;
  13040. }
  13041.  
  13042. body:active .private-channel-recipients-invite:not(:active),
  13043. body:active #autocomplete-popout:not(:active),
  13044. body:active .container-3ayLPN:not(:active),
  13045. body:active .userPopout-3XzG_A:not(:active),
  13046. body:active .container-1WaXoH:not(:active),
  13047. body:active .container-3cGP6G:not(:active),
  13048. body:active .regionSelectPopout-p9-0_W:not(:active),
  13049. body:acitve .guildSettingsAuditLogsUserFilterPopout-3Jg5NE:not(:active),
  13050. body:active .autocomplete-1vrmpx:not(:active) {
  13051. opacity: 0;
  13052. transition: 150ms ease all;
  13053. }
  13054.  
  13055. /* POPOUTS -> EMOJI POPOUT MENUS */
  13056.  
  13057. .popoutTopRight-3BzFIE {
  13058. animation: emoji-open 250ms var(--default-animation);
  13059. }
  13060.  
  13061. body:active .popoutTopRight-3BzFIE:not(:active) {
  13062. animation: emoji-close 250ms var(--default-animation);
  13063. }
  13064.  
  13065. .popoutLeft-30WmrD.noArrow-3BYQ0Z:not(.noShadow-321ZPm) {
  13066. animation: emoji-open-alt 250ms var(--default-animation);
  13067. }
  13068.  
  13069. body:active .popoutLeft-30WmrD.noArrow-3BYQ0Z:not(.noShadow-321ZPm):not(:active) {
  13070. animation: emoji-close-alt 250ms var(--default-animation);
  13071. }
  13072.  
  13073. /* POPOUTS -> ATTACHMENT */
  13074.  
  13075. .attachPopout-1n-ZKM {
  13076. position: relative;
  13077. top: -2px;
  13078. left: -4px;
  13079. padding: 8px 0;
  13080. animation: bottom-pop-out 400ms var(--default-animation);
  13081. }
  13082.  
  13083. .attachPopoutRow-KrE-f6 {
  13084. border-radius: 0;
  13085. }
  13086.  
  13087. .attachPopoutRow-KrE-f6 svg[name="Upload"] path {
  13088. d: path('M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM19 18H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3zM8 13h2.55v3h2.9v-3H16l-4-4z') !important;
  13089. }
  13090.  
  13091. .attachPopoutRow-KrE-f6 svg[name="PersonPlay"] path {
  13092. d: path('M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H9zm-3-3v-3h3v-2H6V7H4v3H1v2h3v3z') !important;
  13093. }
  13094.  
  13095. /* POPOUTS -> OTHER POPOUTS */
  13096.  
  13097. body:active .attachPopout-1n-ZKM:not(:active) {
  13098. animation: close-popout-bottom 250ms var(--default-animation);
  13099. }
  13100.  
  13101. .popout-3sVMXz.popoutBottomRight-2JrySt {
  13102. animation: pinned-messages-open 400ms var(--default-animation);
  13103. }
  13104.  
  13105. body:active .popout-3sVMXz.popoutBottomRight-2JrySt:not(:active) {
  13106. animation: pinned-messages-close 400ms var(--default-animation);
  13107. }
  13108.  
  13109.  
  13110. .themed-popout .header {
  13111. box-shadow: var(--shadow-1dp) !important;
  13112. }
  13113.  
  13114.  
  13115. /*
  13116. *
  13117. * STATUS PICKER
  13118. *
  13119. */
  13120.  
  13121. .layerContainer-yqaFcK {
  13122. z-index: 1002;
  13123. }
  13124.  
  13125. .scale-3iLZhb.animatorTop-2Y7x2r {
  13126. transform: none !important;
  13127. }
  13128.  
  13129. .popout-2iWAc-.popoutTopLeft-3B0mFf.noArrow-2foL9g[style*='left: 80px;'] {
  13130. overflow: visible !important;
  13131. z-index: 99 !important;
  13132. }
  13133.  
  13134. .alt-3btY0e.menu-Sp6bN1 {
  13135. position: fixed;
  13136. width: 240px !important;
  13137. top: initial !important;
  13138. bottom: 68px !important;
  13139. left: 70px;
  13140. padding: 0;
  13141. border-radius: 0 !important;
  13142. box-shadow: none;
  13143. z-index: -1 !important;
  13144. animation: show-status 250ms var(--default-animation);
  13145. }
  13146.  
  13147. .container-2Thooq {
  13148. background: var(--status-picker-color) !important;
  13149. }
  13150.  
  13151. body:active .alt-3btY0e.menu-Sp6bN1:not(:active) {
  13152. transform: translateY(100%);
  13153. transition: 400ms var(--default-animation) !important;
  13154. }
  13155.  
  13156. .alt-3btY0e:active .item-1GzJrl .status-oxiHuE {
  13157. opacity: 0;
  13158. transition: all 100ms var(--default-animation);
  13159. }
  13160.  
  13161. body:active .alt-3btY0e.menu-Sp6bN1 .item-1GzJrl:not(:active) {
  13162. opacity: 0;
  13163. transition: 150ms ease all !important;
  13164. }
  13165.  
  13166. .alt-3btY0e.menu-Sp6bN1 .item-1GzJrl:active .status-oxiHuE {
  13167. opacity: 1;
  13168. transition: all 100ms var(--default-animation);
  13169. }
  13170.  
  13171. .alt-3btY0e.menu-Sp6bN1:active {
  13172. opacity: 0;
  13173. transform: translateY(100%);
  13174. transition: all 100ms ease 100ms;
  13175. }
  13176.  
  13177. .alt-3btY0e.menu-Sp6bN1 .separator-2zcjq8 {
  13178. display: none;
  13179. }
  13180.  
  13181. .alt-3btY0e.menu-Sp6bN1,
  13182. .listeningAlong-13-Udx {
  13183. background: #111114 !important;
  13184. }
  13185.  
  13186. .listeningAlong-13-Udx {
  13187. margin: 0 !important;
  13188. }
  13189.  
  13190. .alt-3btY0e.menu-Sp6bN1 .item-1GzJrl {
  13191. position: relative;
  13192. display: inline-block;
  13193. width: 60px;
  13194. height: 68px;
  13195. padding: 0;
  13196. vertical-align: top;
  13197. background: transparent;
  13198. overflow: hidden;
  13199. animation: status 300ms var(--default-animation) backwards;
  13200. }
  13201.  
  13202. .alt-3btY0e.menu-Sp6bN1 .item-1GzJrl:nth-child(1) {
  13203. animation-delay: 100ms !important;
  13204. }
  13205.  
  13206. .alt-3btY0e.menu-Sp6bN1 .item-1GzJrl:nth-child(3) {
  13207. animation-delay: 140ms !important;
  13208. }
  13209.  
  13210. .alt-3btY0e.menu-Sp6bN1 .item-1GzJrl:nth-child(4) {
  13211. animation-delay: 180ms !important;
  13212. }
  13213.  
  13214. .alt-3btY0e.menu-Sp6bN1 .item-1GzJrl:nth-child(5) {
  13215. animation-delay: 220ms !important;
  13216. }
  13217.  
  13218. .alt-3btY0e.menu-Sp6bN1 .item-1GzJrl:nth-child(7) {
  13219. width: 100%;
  13220. height: auto;
  13221. padding: 8px 16px;
  13222. background: rgba(255,255,255,0.02) !important;
  13223. animation-delay: 260ms !important;
  13224. text-align: center;
  13225. }
  13226.  
  13227. .customStatus-1KPfFb {
  13228. display: inline-block;
  13229. width: auto;
  13230. flex: 0 1 auto !important;
  13231. font-size: 14px;
  13232. }
  13233.  
  13234. .customStatusIcon-3v67m6 {
  13235. display: none;
  13236. }
  13237.  
  13238. .clearStatus-2hmUqc {
  13239. position: absolute;
  13240. top: 8px;
  13241. right: 16px;
  13242. }
  13243.  
  13244. .alt-3btY0e.menu-Sp6bN1 .item-1GzJrl:hover {
  13245. background: #111114 !important;
  13246. }
  13247.  
  13248. .alt-3btY0e.menu-Sp6bN1 .item-1GzJrl:nth-child(7):hover {
  13249. background: rgba(255,255,255,0.03) !important;
  13250. }
  13251.  
  13252. .alt-3btY0e.menu-Sp6bN1 .item-1GzJrl:hover .status-3Kz6VS {
  13253. transform: scale(2.25);
  13254. }
  13255.  
  13256. .alt-3btY0e.menu-Sp6bN1 .item-1GzJrl .status-3fQvEa,
  13257. .alt-3btY0e .item-1GzJrl .statusIconText-3b4TkH {
  13258. position: absolute;
  13259. width: 40px !important;
  13260. height: 40px !important;
  13261. top: 0 !important;
  13262. left: 0 !important;
  13263. right: 0 !important;
  13264. bottom: 0 !important;
  13265. margin: auto !important;
  13266. border-radius: 50%;
  13267. transform: scale(1);
  13268. transition: 300ms var(--default-animation);
  13269. }
  13270.  
  13271. .alt-3btY0e.menu-Sp6bN1 .status-3Kz6VS {
  13272. position: relative;
  13273. width: 40px;
  13274. height: 40px;
  13275. margin: 0;
  13276. transform: scale(1);
  13277. transition: 300ms var(--default-animation);
  13278. }
  13279.  
  13280. .alt-3btY0e.menu-Sp6bN1 .status-3Kz6VS .status-1AY8sU {
  13281. position: relative;
  13282. border-radius: 50%;
  13283. }
  13284.  
  13285. .alt-3btY0e .item-1GzJrl .statusIconText-3b4TkH .status-3Kz6VS + div:not([class]),
  13286. .alt-3btY0e.menu-Sp6bN1 .item-1GzJrl .helper-2c73HK {
  13287. display: none;
  13288. }
  13289.  
  13290. .alt-3btY0e.menu-Sp6bN1 .item-1GzJrl .status-3fQvEa.status-oxiHuE {
  13291. box-shadow: none !important;
  13292. }
  13293.  
  13294. .alt-3btY0e.menu-Sp6bN1 .status-3Kz6VS .status-1AY8sU:after {
  13295. content: " ";
  13296. display: block;
  13297. position: absolute;
  13298. width: 15px;
  13299. height: 15px;
  13300. top: 0;
  13301. left: 0;
  13302. right: 0;
  13303. bottom: 0;
  13304. margin: auto !important;
  13305. background-size: 100%;
  13306. background-position: center;
  13307. background-repeat: no-repeat;
  13308. opacity: 1;
  13309. visibility: hidden;
  13310. transition: 150ms var(--default-animation);
  13311. transform: translateX(-2.5px) translateY(-0.45px) scale(0.25);
  13312. }
  13313.  
  13314. .alt-3btY0e.menu-Sp6bN1 .item-1GzJrl:hover .status-3Kz6VS .status-1AY8sU:after {
  13315. opacity: 1;
  13316. visibility: visible;
  13317. transform: translateX(-2.5px) translateY(-0.45px) scale(0.25);
  13318. }
  13319.  
  13320. .alt-3btY0e.menu-Sp6bN1 .status-3Kz6VS .status-1AY8sU[style="background-color: rgb(67, 181, 129);"]:after {
  13321. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjMmYzMTM2IiBkPSJNMjEsN0w5LDE5TDMuNSwxMy41TDQuOTEsMTIuMDlMOSwxNi4xN0wxOS41OSw1LjU5TDIxLDdaIiAvPjwvc3ZnPg==);
  13322. }
  13323.  
  13324. .alt-3btY0e.menu-Sp6bN1 .status-3Kz6VS .status-1AY8sU[style="background-color: rgb(250, 166, 26);"]:after {
  13325. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjMmYzMTM2IiBkPSJNMTIsMjBBNyw3IDAgMCwxIDUsMTNBNyw3IDAgMCwxIDEyLDZBNyw3IDAgMCwxIDE5LDEzQTcsNyAwIDAsMSAxMiwyME0xMiw0QTksOSAwIDAsMCAzLDEzQTksOSAwIDAsMCAxMiwyMkE5LDkgMCAwLDAgMjEsMTNBOSw5IDAgMCwwIDEyLDRNMTIuNSw4SDExVjE0TDE1Ljc1LDE2Ljg1TDE2LjUsMTUuNjJMMTIuNSwxMy4yNVY4TTcuODgsMy4zOUw2LjYsMS44NkwyLDUuNzFMMy4yOSw3LjI0TDcuODgsMy4zOU0yMiw1LjcyTDE3LjQsMS44NkwxNi4xMSwzLjM5TDIwLjcxLDcuMjVMMjIsNS43MloiIC8+PC9zdmc+);
  13326. }
  13327.  
  13328. .alt-3btY0e.menu-Sp6bN1 .status-3Kz6VS .status-1AY8sU[style="background-color: rgb(240, 71, 71);"]:after {
  13329. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjMmYzMTM2IiBkPSJNMTksMTNINVYxMUgxOVYxM1oiIC8+PC9zdmc+);
  13330. }
  13331.  
  13332. .alt-3btY0e.menu-Sp6bN1 .status-3Kz6VS .status-1AY8sU[style="background-color: rgb(116, 127, 141);"]:after {
  13333. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHptMCAwaDI0djI0SDBWMHptMCAwaDI0djI0SDBWMHptMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjMmYzMTM2IiBkPSJNMTIgNmMzLjc5IDAgNy4xNyAyLjEzIDguODIgNS41LS41OSAxLjIyLTEuNDIgMi4yNy0yLjQxIDMuMTJsMS40MSAxLjQxYzEuMzktMS4yMyAyLjQ5LTIuNzcgMy4xOC00LjUzQzIxLjI3IDcuMTEgMTcgNCAxMiA0Yy0xLjI3IDAtMi40OS4yLTMuNjQuNTdsMS42NSAxLjY1QzEwLjY2IDYuMDkgMTEuMzIgNiAxMiA2em0tMS4wNyAxLjE0TDEzIDkuMjFjLjU3LjI1IDEuMDMuNzEgMS4yOCAxLjI4bDIuMDcgMi4wN2MuMDgtLjM0LjE0LS43LjE0LTEuMDdDMTYuNSA5LjAxIDE0LjQ4IDcgMTIgN2MtLjM3IDAtLjcyLjA1LTEuMDcuMTR6TTIuMDEgMy44N2wyLjY4IDIuNjhDMy4wNiA3LjgzIDEuNzcgOS41MyAxIDExLjUgMi43MyAxNS44OSA3IDE5IDEyIDE5YzEuNTIgMCAyLjk4LS4yOSA0LjMyLS44MmwzLjQyIDMuNDIgMS40MS0xLjQxTDMuNDIgMi40NSAyLjAxIDMuODd6bTcuNSA3LjVsMi42MSAyLjYxYy0uMDQuMDEtLjA4LjAyLS4xMi4wMi0xLjM4IDAtMi41LTEuMTItMi41LTIuNSAwLS4wNS4wMS0uMDguMDEtLjEzem0tMy40LTMuNGwxLjc1IDEuNzVjLS4yMy41NS0uMzYgMS4xNS0uMzYgMS43OCAwIDIuNDggMi4wMiA0LjUgNC41IDQuNS42MyAwIDEuMjMtLjEzIDEuNzctLjM2bC45OC45OGMtLjg4LjI0LTEuOC4zOC0yLjc1LjM4LTMuNzkgMC03LjE3LTIuMTMtOC44Mi01LjUuNy0xLjQzIDEuNzItMi42MSAyLjkzLTMuNTN6Ii8+PC9zdmc+);
  13334. }
  13335.  
  13336. .colorblindMode.theme-dark .online-2S838R,
  13337. .colorblindMode.theme-dark .idle-3DEnRT,
  13338. .colorblindMode.theme-dark .dnd-1_xrcq,
  13339. .colorblindMode.theme-dark .invisible-1kp8Z0 {
  13340. background-image: none;
  13341. }
  13342.  
  13343. .colorblindMode .alt-3btY0e.menu-Sp6bN1 .item-1GzJrl .status-3fQvEa.online-2S838R:after,
  13344. .colorblindMode .alt-3btY0e.menu-Sp6bN1 .item-1GzJrl .status-3fQvEa.idle-3DEnRT:after,
  13345. .colorblindMode .alt-3btY0e.menu-Sp6bN1 .item-1GzJrl .status-3fQvEa.dnd-1_xrcq:after,
  13346. .colorblindMode .alt-3btY0e.menu-Sp6bN1 .item-1GzJrl .status-3fQvEa.invisible-1kp8Z0:after {
  13347. visibility: visible;
  13348. opacity: 1 !important;
  13349. }
  13350.  
  13351.  
  13352. /*
  13353. *
  13354. * SMALL POPOUT/OPTION POPOUT
  13355. *
  13356. */
  13357.  
  13358. .popout-3sVMXz {
  13359. box-shadow: none !important;
  13360. }
  13361.  
  13362. .container-3cGP6G {
  13363. width: 128px;
  13364. padding: 8px 0;
  13365. border: none;
  13366. }
  13367.  
  13368. .container-3cGP6G .button-38aScr {
  13369. width: 100%;
  13370. margin: 0;
  13371. padding: 8px 12px;
  13372. text-align: left;
  13373. color: #aaa;
  13374. font-size: 0.8em;
  13375. font-weight: 500;
  13376. border-radius: 0 !important;
  13377. justify-content: flex-start;
  13378. transition: 200ms ease all;
  13379. }
  13380.  
  13381. .container-3cGP6G .button-38aScr:hover,
  13382. .item-2J1YMK:active {
  13383. background: var(--hover-color) !important;
  13384. color: #aaa;
  13385. }
  13386.  
  13387. .container-3cGP6G .button-38aScr .contents-18-Yxp {
  13388. font-size: 13px !important;
  13389. text-align: left !important;
  13390. }
  13391.  
  13392. .item-2J1YMK:active {
  13393. box-shadow: none !important;
  13394. }
  13395.  
  13396.  
  13397. /*
  13398. *
  13399. * PINNED MESSAGES
  13400. *
  13401. */
  13402.  
  13403. .iconBadge-qZ4Ksk {
  13404. width: 8px !important;
  13405. height: 8px !important;
  13406. top: -2px !important;
  13407. right: 4px !important;
  13408. background-color: var(--accent-color);
  13409. border-color: transparent !important;
  13410. box-shadow: var(--shadow-1dp);
  13411. }
  13412.  
  13413. .messagesPopoutWrap-1MQ1bW {
  13414. max-height: 85vh !important;
  13415. border: none !important;
  13416. }
  13417.  
  13418. /* PINNED MESSAGES -> HEADER */
  13419.  
  13420. .header-ykumBX {
  13421. background: transparent !important;
  13422. box-shadow: none !important;
  13423. border-bottom: 1px solid var(--card-border-color) !important;
  13424. }
  13425.  
  13426. /* PINNED MESSAGES -> MESSAGES */
  13427.  
  13428. .messageGroupWrapper-o-Zw7G {
  13429. padding: 8px 0 !important;
  13430. background: transparent !important;
  13431. border: none !important;
  13432. }
  13433.  
  13434. .messageGroupWrapper-o-Zw7G .containerCozy-jafyvG {
  13435. position: relative !important;
  13436. padding: 12px !important;
  13437. background: var(--message-alt) !important;
  13438. border-top-left-radius: 0 !important;
  13439. }
  13440.  
  13441. .messageGroupWrapper-o-Zw7G .contentCozy-3XX413 {
  13442. overflow: hidden;
  13443. }
  13444.  
  13445. .messageGroupWrapper-o-Zw7G .headerCozy-2N9HOL:first-child:before {
  13446. top: -12px;
  13447. left: -18px;
  13448. border-right-color: var(--message-alt);
  13449. }
  13450.  
  13451. .messageGroupWrapper-o-Zw7G .headerCozy-2N9HOL:first-child:after {
  13452. background: var(--message-alt);
  13453. }
  13454.  
  13455. .messageGroupWrapper-o-Zw7G .markup-2BOw-j pre code {
  13456. background: rgba(0,0,0,0.25) !important;
  13457. }
  13458.  
  13459. .messageGroupWrapper-o-Zw7G .embed-IeVjo6 {
  13460. background: transparent !important;
  13461. }
  13462.  
  13463. .messageGroupWrapper-o-Zw7G .embedInner-1-fpTo {
  13464. background: rgba(0,0,0,0.25) !important;
  13465. }
  13466.  
  13467. .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .message-group .message:before {
  13468. display: none !important;
  13469. opacity: 0 !important;
  13470. }
  13471.  
  13472. .messageGroupWrapper-o-Zw7G .actionButtons-1sUUug {
  13473. margin: 0;
  13474. background: transparent !important;
  13475. box-shadow: none !important;
  13476. z-index: 2;
  13477. }
  13478.  
  13479. .messageGroupWrapper-o-Zw7G .actionButtons-1sUUug .jumpButton-3DTcS_ {
  13480. background: rgba(255,255,255,0.1) !important;
  13481. color: #999 !important;
  13482. }
  13483.  
  13484. .messageGroupWrapper-o-Zw7G .actionButtons-1sUUug .jumpButton-3DTcS_:hover {
  13485. background: rgba(255,255,255,0.15) !important;
  13486. color: #aaa !important;
  13487. }
  13488.  
  13489. .themedPopout-1uUNjn .header .subtitle,
  13490. .themedPopout-1uUNjn .text {
  13491. color: #ccc !important;
  13492. }
  13493.  
  13494.  
  13495. /*
  13496. *
  13497. * SEARCH
  13498. *
  13499. */
  13500.  
  13501. .search-36MZv- {
  13502. margin: 0 8px 0 0;
  13503. }
  13504.  
  13505. .search-l1Wz-Q,
  13506. .search-2oPWTC {
  13507. padding: 4px 8px;
  13508. background: var(--hover-color);
  13509. border-radius: 16px;
  13510. }
  13511.  
  13512. .search-2oPWTC .searchBar-3dMhjb {
  13513. background-color: transparent !important;
  13514. transition: 300ms ease all;
  13515. }
  13516.  
  13517. .open-6_Y_aH .searchBar-3dMhjb {
  13518. width: 240px;
  13519. }
  13520.  
  13521. .searchFilter-2ESiM3,
  13522. .searchFilter-2ESiM3 + span[data-offset-key],
  13523. .searchAnswer-3Dz2-q span[data-offset-key] {
  13524. background: rgba(255,255,255,0.15) !important;
  13525. }
  13526.  
  13527. .searchAnswer-3Dz2-q {
  13528. background: transparent !important;
  13529. }
  13530.  
  13531. .searchFilter-2ESiM3 {
  13532. margin: 0;
  13533. padding: 0 4px 0 8px;
  13534. border-radius: 11px 0 0 11px;
  13535. }
  13536.  
  13537. .searchFilter-2ESiM3:only-child {
  13538. padding: 0 8px;
  13539. border-radius: 11px;
  13540. }
  13541.  
  13542. .searchFilter-2ESiM3:first-child {
  13543.  
  13544. }
  13545.  
  13546. .searchFilter-2ESiM3 + span[data-offset-key],
  13547. .searchAnswer-3Dz2-q span[data-offset-key] {
  13548. display: inline-block;
  13549. height: 20px;
  13550. margin: 0 2px 0 0;
  13551. padding: 0px 8px 0px 0;
  13552. border-radius: 0 11px 11px 0;
  13553. color: #fff;
  13554. }
  13555.  
  13556. .search .search-bar {
  13557. background: transparent !important;
  13558. border-bottom: 0px solid var(--card-border-color) !important;
  13559. border-radius: 0 !important;
  13560. }
  13561.  
  13562. .container-3ayLPN {
  13563. border: none !important;
  13564. }
  13565.  
  13566. .container-3ayLPN .option-96V44q {
  13567. margin: 0 !important;
  13568. padding: 0 20px !important;
  13569. border-radius: 0 !important
  13570. }
  13571.  
  13572. .plusIcon-v0BTrL {
  13573. right: 16px;
  13574. }
  13575.  
  13576. .container-3ayLPN .option-96V44q:after {
  13577. background: transparent !important;
  13578. }
  13579.  
  13580. .container-3ayLPN .option-96V44q:hover,
  13581. .container-3ayLPN .option-96V44q:active {
  13582. background: var(--hover-color) !important;
  13583. }
  13584.  
  13585. .container-3ayLPN .option-96V44q.selected-rZcOL-:after {
  13586. background: transparent !important;
  13587. }
  13588.  
  13589. .container-3ayLPN .searchOption-zQ-1l6 .filter-3Y_im- {
  13590. margin: -4px 2px -4px -4px;
  13591. padding: 4px;
  13592. }
  13593.  
  13594. .container-3ayLPN .searchOption-zQ-1l6 .filter-3Y_im-,
  13595. .container-3ayLPN .searchOption-zQ-1l6.selected-rZcOL- .filter-3Y_im- {
  13596. color: #fff;
  13597. }
  13598.  
  13599. .container-3ayLPN .resultsGroup-r_nuzN:before {
  13600. display: none !important;
  13601. }
  13602.  
  13603. .resultsGroup-r_nuzN .header-2N-gMV {
  13604. font-size: 14px;
  13605. text-transform: none;
  13606. }
  13607.  
  13608. .container-3ayLPN .search-query {
  13609. border: none;
  13610. }
  13611.  
  13612. .queryText-3xoOY7 {
  13613. font-weight: 400;
  13614. font-size: 14px;
  13615. text-transform: none;
  13616. }
  13617.  
  13618. .searchResultChannelCategory-1l0lSn {
  13619. font-size: 12px;
  13620. text-transform: none;
  13621. }
  13622.  
  13623. /* SEARCH -> CALENDAR */
  13624.  
  13625. .calendarPicker-2yf6Ci .react-datepicker {
  13626. background: var(--popout-alt) !important;
  13627. }
  13628.  
  13629. .calendarPicker-2yf6Ci .react-datepicker__header {
  13630. background: transparent !important;
  13631. }
  13632.  
  13633. .calendarPicker-2yf6Ci .react-datepicker__navigation {
  13634. width: 32px !important;
  13635. height: 32px !important;
  13636. border-radius: 50% !important;
  13637. border: none !important;
  13638. transition: 250ms var(--default-animation);
  13639. }
  13640.  
  13641. .calendarPicker-2yf6Ci .react-datepicker__navigation:hover {
  13642. background-color: var(--hover-color) !important;
  13643. }
  13644.  
  13645. .calendarPicker-2yf6Ci .react-datepicker__current-month {
  13646. line-height: 32px;
  13647. font-size: 14px;
  13648. text-transform: none;
  13649. }
  13650.  
  13651. .calendarPicker-2yf6Ci .react-datepicker__current-month,
  13652. .calendarPicker-2yf6Ci .react-datepicker__day,
  13653. .calendarPicker-2yf6Ci .react-datepicker__week .react-datepicker__day:last-of-type,
  13654. .calendarPicker-2yf6Ci .react-datepicker__week:last-of-type > .react-datepicker__day {
  13655. border: none;
  13656. }
  13657.  
  13658. .calendarPicker-2yf6Ci .react-datepicker__day {
  13659. width: 32px;
  13660. height: 32px;
  13661. margin: 4px;
  13662. line-height: 32px;
  13663. border-radius: 50% !important;
  13664. transition: 250ms var(--default-animation) background;
  13665. }
  13666.  
  13667. .calendarPicker-2yf6Ci .react-datepicker__day:not(.react-datepicker__day--disabled):hover {
  13668. background: var(--select-color) !important;
  13669. }
  13670.  
  13671. .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--disabled {
  13672. background: transparent !important;
  13673. }
  13674.  
  13675. .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected {
  13676. background: var(--accent-color);
  13677. }
  13678.  
  13679. .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:after {
  13680. display: none;
  13681. }
  13682.  
  13683. .calendarPicker-2yf6Ci .react-datepicker__day--outside-month {
  13684. height: 1px;
  13685. opacity: 0;
  13686. pointer-events: none;
  13687. }
  13688.  
  13689. .datePicker--XZbmJ .datePickerHint-3Q1Udw {
  13690. margin: 0;
  13691. padding: 8px;
  13692. border-top: 1px solid var(--card-border-color) !important;
  13693. }
  13694.  
  13695. .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z {
  13696. background: var(--accent-color) !important;
  13697. }
  13698.  
  13699. /* SEARCH -> RESULTS */
  13700.  
  13701. .searchResultsWrap-2DKFzt,
  13702. .searchHeader-1l-wpR {
  13703. background: var(--main-color) !important;
  13704. }
  13705.  
  13706. .searchHeader-1l-wpR {
  13707. box-shadow: none !important;
  13708. border-bottom: 1px solid var(--select-color);
  13709. }
  13710.  
  13711. .channelName-1QajIf {
  13712. background: var(--main-color) !important;
  13713. }
  13714.  
  13715. .totalResults-gxvzgw {
  13716. opacity: 1;
  13717. }
  13718.  
  13719. .searchHeader-1l-wpR .tab-2Ixsn0 {
  13720. color: #999 !important;
  13721. opacity: 1;
  13722. }
  13723.  
  13724. .searchHeader-1l-wpR .tab-2Ixsn0.selected-16te-P {
  13725. color: #fff !important;
  13726. }
  13727.  
  13728. .searchResult-3pzFAB {
  13729. margin: 0 0 12px 0;
  13730. }
  13731.  
  13732. .searchResult-3pzFAB:before,
  13733. .searchResult-3pzFAB:after {
  13734. background: transparent !important;
  13735. }
  13736.  
  13737. .searchResult-3pzFAB.expanded-v2Szsz .searchResultMessage-2VxO12 {
  13738. margin: 0 !important;
  13739. }
  13740.  
  13741. .searchResult-3pzFAB .hit-NLlWXA {
  13742. margin: 8px 0 !important;
  13743. background: transparent !important;
  13744. border: none !important;
  13745. box-shadow: none !important;
  13746. }
  13747.  
  13748. .searchResult-3pzFAB .containerCozy-jafyvG {
  13749. margin: 8px 26px 0 80px !important;
  13750. }
  13751.  
  13752. .searchResult-3pzFAB .contentCozy-3XX413 {
  13753. overflow: hidden !important;
  13754. }
  13755.  
  13756. .search-results-wrap .search-result .search-result-message.hit,
  13757. .searchResult-3pzFAB.expanded-v2Szsz {
  13758. border: none !important;
  13759. }
  13760.  
  13761. .search-results-wrap .search-result .search-result-message {
  13762. border-radius: 3px !important;
  13763. background: transparent !important;
  13764. border: none !important;
  13765. }
  13766.  
  13767. .search-results-wrap .search-result .search-result-message .message-group {
  13768. margin: 0 !important;
  13769. }
  13770.  
  13771. .searchResultMessage-2VxO12.hit-NLlWXA .actionButtons-14P9IC {
  13772. top: 14px;
  13773. right: 28px;
  13774. z-index: 2;
  13775. }
  13776.  
  13777. .jumpButton-Ia2hRJ,
  13778. .jumpButton-3DTcS_ {
  13779. padding: 4px 12px;
  13780. color: #eee !important;
  13781. }
  13782.  
  13783. .jumpButton-Ia2hRJ:hover {
  13784. background: #666;
  13785. }
  13786.  
  13787. .jumpButton-Ia2hRJ:active {
  13788. transform: translate(0) !important;
  13789. }
  13790.  
  13791. /* SEARCH -> SERVER MEMBERS */
  13792.  
  13793. .container-cMG81i,
  13794. .container-2XeR5Z {
  13795. min-height: 36px;
  13796. background: var(--hover-color) !important;
  13797. border-radius: 18px;
  13798. }
  13799.  
  13800. .container-cMG81i .inner-2P4tQO,
  13801. .container-2XeR5Z .inner-3ErfOT {
  13802. padding: 0;
  13803. }
  13804.  
  13805. .container-cMG81i .input-3Xdcic,
  13806. .container-2XeR5Z .input-1Rv96N {
  13807. height: 36px;
  13808. margin: 0;
  13809. padding: 0 12px !important;
  13810. border-bottom: none !important;
  13811. font-size: 15px;
  13812. font-weight: 500;
  13813. }
  13814.  
  13815. .container-2XeR5Z .input-1Rv96N:focus {
  13816. border-bottom: none !important;
  13817. }
  13818.  
  13819. .container-cMG81i .iconLayout-3OgqU3,
  13820. .container-2XeR5Z .iconLayout-1WxHy4 {
  13821. width: 32px;
  13822. height: 32px;
  13823. margin: 0 4px 0 0;
  13824. }
  13825.  
  13826. .container-cMG81i .iconLayout-3OgqU3 .iconContainer-2wXvy1,
  13827. .container-2XeR5Z .iconLayout-1WxHy4 .iconContainer-O4O2CN {
  13828. top: 0;
  13829. left: 0;
  13830. right: 0;
  13831. bottom: 0;
  13832. margin: auto;
  13833. }
  13834.  
  13835.  
  13836. /*
  13837. *
  13838. * RECENT MENTIONS
  13839. *
  13840. */
  13841.  
  13842. .themedPopout-25DgLi .header-SsaQ8X .title-23FrqZ {
  13843. color: #eee !important;
  13844. }
  13845.  
  13846. .tab-bar.TOP .tab-bar-item,
  13847. .tab-bar.TOP .tab-bar-item.selected {
  13848. border-bottom-color: transparent !important;
  13849. }
  13850.  
  13851. .tab-bar.TOP .tab-bar-item.selected {
  13852. color: #ccc !important;
  13853. }
  13854.  
  13855. .headerTabBarWrapper-27xBDe .tabBar-2UKwcE .tabBarItem-1Cg-MI {
  13856. margin: 0 24px 0 0 !important;
  13857. }
  13858.  
  13859. .top-28JiJ- .item-PXvHYJ {
  13860. border-bottom: none !important;
  13861. color: rgba(255,255,255,0.6) !important;
  13862. }
  13863.  
  13864. .top-28JiJ- .item-PXvHYJ[style*="color: rgb(255, 255, 255)"] {
  13865. color: rgba(255,255,255,1) !important;
  13866. }
  13867.  
  13868. .channelSeparator-1MxuvT {
  13869. margin: 16px 0 8px 0;
  13870. }
  13871.  
  13872. .channelSeparator-1MxuvT:first-of-type {
  13873. margin: 0 0 8px 0;
  13874. }
  13875.  
  13876.  
  13877. /*
  13878. *
  13879. * ANIMATIONS
  13880. *
  13881. */
  13882.  
  13883. @keyframes show-user-status-right {
  13884. from { transform: translateX(-9%) translateY(0%) translateZ(0px); opacity: 0; }
  13885. }
  13886.  
  13887. @keyframes show-user-status-left {
  13888. from { transform: translateX(3%) translateY(0%) translateZ(0px); opacity: 0; }
  13889. }
  13890.  
  13891. @keyframes top-pop-out {
  13892. from { transform: translate(0, -20px); opacity: 0; }
  13893. }
  13894.  
  13895. @keyframes bottom-pop-out {
  13896. from { transform: translate(0, 20px); opacity: 0; }
  13897. }
  13898.  
  13899. @keyframes close-popout-bottom {
  13900. to { transform: translate(0, 16px); opacity: 0; }
  13901. }
  13902.  
  13903. @keyframes pinned-messages-open {
  13904. from { transform: translate(-100%, -24px); opacity: 0; }
  13905. }
  13906.  
  13907. @keyframes pinned-messages-close {
  13908. to { transform: translate(-100%, -24px); opacity: 0; }
  13909. }
  13910.  
  13911. @keyframes show-status {
  13912. from { transform: translateY(100%) translateX(0%) translateZ(0px); }
  13913. }
  13914.  
  13915. @keyframes searchpopout {
  13916. 0% { transform:translateY(-10px); opacity: 0; }
  13917. }
  13918.  
  13919. @keyframes status {
  13920. from { transform: scale(0); opacity: 0 }
  13921. }
  13922.  
  13923. @keyframes opacity {
  13924. from { opacity: 0; }
  13925. }
  13926.  
  13927. @keyframes open-context-menu {
  13928. from { transform: scale(1,0.5); }
  13929. }
  13930.  
  13931. @keyframes scale {
  13932. from { transform: scale(0); }
  13933. }
  13934.  
  13935. @keyframes streaming-flash {
  13936. 0% { box-shadow: 0 0 0 0px rgba(89,54,149,0.4); }
  13937. 50% { box-shadow: 0 0 0 4px rgba(89,54,149,0.65); }
  13938. 100% { box-shadow: 0 0 0 8px rgba(89,54,149,0); }
  13939. }
  13940.  
  13941. @keyframes audio-flash {
  13942. 0% { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 0 0 0px rgba(63,81,181,0.4); }
  13943. 50% { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 0 0 6px rgba(63,81,181,0.65); }
  13944. 100% { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 0 0 12px rgba(63,81,181,0); }
  13945. }
  13946.  
  13947. @keyframes shadowPulse-AwLIHr {
  13948. 0% { box-shadow: 0 0 6px rgba(63,81,181,0.3); }
  13949. 50% { box-shadow: 0 0 10px rgba(63,81,181,0.6); }
  13950. to { box-shadow: 0 0 6px rgba(63,81,181,0.3); }
  13951. }
  13952.  
  13953. @keyframes emoji-open {
  13954. from { transform: translate(-100%, calc(24px - 100%)); opacity: 0; }
  13955. }
  13956.  
  13957. @keyframes emoji-close {
  13958. to { transform: translate(-100%, calc(-100% + 16px)); opacity: 0; }
  13959. }
  13960.  
  13961. @keyframes emoji-open-alt {
  13962. from { transform: translate(calc(-100% - 3px), 16px); opacity: 0; }
  13963. }
  13964.  
  13965. @keyframes emoji-close-alt {
  13966. to { transform: translate(calc(-100% - 3px), 16px); opacity: 0; }
  13967. }
  13968.  
  13969.  
  13970. /*
  13971. *
  13972. * SLIDER
  13973. *
  13974. */
  13975.  
  13976. .bar-2Qqk5Z {
  13977. height: 2px;
  13978. top: 16px;
  13979. background: var(--slider-background) !important;
  13980. }
  13981.  
  13982. .barFill-23-gu- {
  13983. background: var(--success-color) !important;
  13984. }
  13985.  
  13986. .grabber-3mFHz2 {
  13987. position: absolute !important;
  13988. width: 12px;
  13989. height: 12px;
  13990. top: 24px;
  13991. border-radius: 50%;
  13992. transition: transform 200ms ease, height 200ms ease, width 200ms ease;
  13993. box-shadow: none;
  13994. }
  13995.  
  13996. .grabber-3mFHz2:active,
  13997. .item-1Yvehc .mini-dmm9yo .grabber-3mFHz2:active {
  13998. width: 18px !important;
  13999. height: 18px !important;
  14000. transform: translate(-2.5px, -2.5px);
  14001. }
  14002.  
  14003. .bubble-3we2di {
  14004. position: absolute !important;
  14005. top: -36px;
  14006. left: -22px;
  14007. }
  14008.  
  14009. .item-1Yvehc .mini-dmm9yo .bar-2Qqk5Z {
  14010. height: 2px;
  14011. }
  14012.  
  14013. .item-1Yvehc .mini-dmm9yo .grabber-3mFHz2 {
  14014. width: 10px;
  14015. height: 10px;
  14016. top: 9px;
  14017. }
  14018.  
  14019. .item-1Yvehc .mini-dmm9yo .grabber-3mFHz2:active {
  14020. transform: translate(-3px, -3px);
  14021. }
  14022.  
  14023. .item-1Yvehc .mini-dmm9yo .bubble-3we2di {
  14024. top: -32px;
  14025. }
  14026.  
  14027.  
  14028. /*
  14029. *
  14030. * SEARCH PLUGIN
  14031. *
  14032. */
  14033.  
  14034. #searchBar {
  14035. position: absolute !important;
  14036. width: 100% !important;
  14037. top: 40px;
  14038. }
  14039.  
  14040. #searchBarInner {
  14041. position: relative;
  14042. width: 100%;
  14043. height: 48px !important;
  14044. padding: 0 !important;
  14045. background: var(--popout-color);
  14046. border-radius: 0 !important;
  14047. }
  14048.  
  14049. #searchBarInner.search-bar .search-bar-inner {
  14050. margin: 0 8px 0 12px !important;
  14051. padding: 0 !important;
  14052. border: none !important;
  14053. }
  14054.  
  14055. #searchBarInner.search-bar .search-bar-inner:after {
  14056. position: absolute;
  14057. content: " ";
  14058. width: 1px;
  14059. height: 100%;
  14060. background: #666;
  14061. right: -84px;
  14062. }
  14063.  
  14064. #searchBarInner #searchBarUp.btn,
  14065. #searchBarInner #searchBarDown.btn,
  14066. #searchBarInner #searchBarClose {
  14067. min-width: 36px !important;
  14068. max-width: 36px !important;
  14069. height: 36px !important;
  14070. margin: 0 !important;
  14071. background-position: 50%;
  14072. background-repeat: no-repeat;
  14073. border: none !important;
  14074. border-radius: 50% !important;
  14075. box-shadow: none !important;
  14076. font-size: 0 !important;
  14077. }
  14078.  
  14079. #searchBarInner #searchBarUp.btn:hover,
  14080. #searchBarInner #searchBarDown.btn:hover,
  14081. #searchBarInner #searchBarClose:hover {
  14082. background-color: rgba(255,255,255,0.1) !important;
  14083. }
  14084.  
  14085. #searchBarInner #searchBarUp.btn:active,
  14086. #searchBarInner #searchBarDown.btn:active,
  14087. #searchBarInner #searchBarClose:active {
  14088. background-color: rgba(255,255,255,0.2) !important;
  14089. }
  14090.  
  14091. #searchBarInner #searchBarDown.btn {
  14092. margin: 0 8px 0 0 !important;
  14093. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICA8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNy40MSw4LjU4TDEyLDEzLjE3TDE2LjU5LDguNThMMTgsMTBMMTIsMTZMNiwxMEw3LjQxLDguNThaIiAvPg0KPC9zdmc+);
  14094. }
  14095.  
  14096. #searchBarInner #searchBarUp.btn {
  14097. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICA8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNy40MSwxNS40MUwxMiwxMC44M0wxNi41OSwxNS40MUwxOCwxNEwxMiw4TDYsMTRMNy40MSwxNS40MVoiIC8+DQo8L3N2Zz4=);
  14098. }
  14099.  
  14100. #searchBarInner #searchBarClose {
  14101. margin: 0 8px 0 12px !important;
  14102. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICA8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTksNi40MUwxNy41OSw1TDEyLDEwLjU5TDYuNDEsNUw1LDYuNDFMMTAuNTksMTJMNSwxNy41OUw2LjQxLDE5TDEyLDEzLjQxTDE3LjU5LDE5TDE5LDE3LjU5TDEzLjQxLDEyTDE5LDYuNDFaIiAvPg0KPC9zdmc+);
  14103. background-size: 50% !important;
  14104. }
  14105.  
  14106. #searchBarInner .checkbox {
  14107. position: relative;
  14108. margin: 0 8px;
  14109. overflow: visible;
  14110. }
  14111.  
  14112. #searchBarInner .checkbox:after {
  14113. bottom: -36px;
  14114. }
  14115.  
  14116. #searchBarInner .checkbox:nth-child(4):after {
  14117. content: "Match case";
  14118. width: 52px;
  14119. left: -16px;
  14120. }
  14121.  
  14122. #searchBarInner .checkbox:nth-child(5):after {
  14123. content: "Names";
  14124. left: -2px;
  14125. }
  14126.  
  14127. #searchBarInner .checkbox:nth-child(6):after {
  14128. content: "Mentions";
  14129. width: 42px;
  14130. left: -6px;
  14131. }
  14132.  
  14133. #searchBarInner .checkbox:nth-child(7):after {
  14134. content: "Code";
  14135. left: 4px;
  14136. }
  14137.  
  14138. #searchBarInner .checkbox:nth-child(4) span:not(:empty),
  14139. #searchBarInner .checkbox:nth-child(5) span:not(:empty),
  14140. #searchBarInner .checkbox:nth-child(6) span:not(:empty),
  14141. #searchBarInner .checkbox:nth-child(7) span:not(:empty) {
  14142. position: relative;
  14143. width: 24px;
  14144. height: 24px;
  14145. margin: 0 0 0 4px;
  14146. background-position: 50%;
  14147. background-repeat: no-repeat;
  14148. font-size: 0;
  14149. }
  14150.  
  14151. #searchBarInner .checkbox:nth-child(4) span:not(:empty) {
  14152. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICA8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMC40MSwxMy40MUw2LDE5TDcuNDEsMTcuNThMMS44MywxMk0yMi4yNCw1LjU4TDExLjY2LDE2LjE3TDcuNSwxMkw2LjA3LDEzLjQxTDExLjY2LDE5TDIzLjY2LDdNMTgsN0wxNi41OSw1LjU4TDEwLjI0LDExLjkzTDExLjY2LDEzLjM0TDE4LDdaIiAvPg0KPC9zdmc+);
  14153. }
  14154.  
  14155. #searchBarInner .checkbox:nth-child(5) span:not(:empty) {
  14156. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICA8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTIsNEE0LDQgMCAwLDEgMTYsOEE0LDQgMCAwLDEgMTIsMTJBNCw0IDAgMCwxIDgsOEE0LDQgMCAwLDEgMTIsNE0xMiwxNEMxNi40MiwxNCAyMCwxNS43OSAyMCwxOFYyMEg0VjE4QzQsMTUuNzkgNy41OCwxNCAxMiwxNFoiIC8+DQo8L3N2Zz4=);
  14157. }
  14158.  
  14159. #searchBarInner .checkbox:nth-child(6) span:not(:empty) {
  14160. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICA8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTIsMTVDMTIuODEsMTUgMTMuNSwxNC43IDE0LjExLDE0LjExQzE0LjcsMTMuNSAxNSwxMi44MSAxNSwxMkMxNSwxMS4xOSAxNC43LDEwLjUgMTQuMTEsOS44OUMxMy41LDkuMyAxMi44MSw5IDEyLDlDMTEuMTksOSAxMC41LDkuMyA5Ljg5LDkuODlDOS4zLDEwLjUgOSwxMS4xOSA5LDEyQzksMTIuODEgOS4zLDEzLjUgOS44OSwxNC4xMUMxMC41LDE0LjcgMTEuMTksMTUgMTIsMTVNMTIsMkMxNC43NSwyIDE3LjEsMyAxOS4wNSw0Ljk1QzIxLDYuOSAyMiw5LjI1IDIyLDEyVjEzLjQ1QzIyLDE0LjQ1IDIxLjY1LDE1LjMgMjEsMTZDMjAuMywxNi42NyAxOS41LDE3IDE4LjUsMTdDMTcuMywxNyAxNi4zMSwxNi41IDE1LjU2LDE1LjVDMTQuNTYsMTYuNSAxMy4zOCwxNyAxMiwxN0MxMC42MywxNyA5LjQ1LDE2LjUgOC40NiwxNS41NEM3LjUsMTQuNTUgNywxMy4zOCA3LDEyQzcsMTAuNjMgNy41LDkuNDUgOC40Niw4LjQ2QzkuNDUsNy41IDEwLjYzLDcgMTIsN0MxMy4zOCw3IDE0LjU1LDcuNSAxNS41NCw4LjQ2QzE2LjUsOS40NSAxNywxMC42MyAxNywxMlYxMy40NUMxNywxMy44NiAxNy4xNiwxNC4yMiAxNy40NiwxNC41M0MxNy43NiwxNC44NCAxOC4xMSwxNSAxOC41LDE1QzE4LjkyLDE1IDE5LjI3LDE0Ljg0IDE5LjU3LDE0LjUzQzE5Ljg3LDE0LjIyIDIwLDEzLjg2IDIwLDEzLjQ1VjEyQzIwLDkuODEgMTkuMjMsNy45MyAxNy42NSw2LjM1QzE2LjA3LDQuNzcgMTQuMTksNCAxMiw0QzkuODEsNCA3LjkzLDQuNzcgNi4zNSw2LjM1QzQuNzcsNy45MyA0LDkuODEgNCwxMkM0LDE0LjE5IDQuNzcsMTYuMDcgNi4zNSwxNy42NUM3LjkzLDE5LjIzIDkuODEsMjAgMTIsMjBIMTdWMjJIMTJDOS4yNSwyMiA2LjksMjEgNC45NSwxOS4wNUMzLDE3LjEgMiwxNC43NSAyLDEyQzIsOS4yNSAzLDYuOSA0Ljk1LDQuOTVDNi45LDMgOS4yNSwyIDEyLDJaIiAvPg0KPC9zdmc+);
  14161. }
  14162.  
  14163. #searchBarInner .checkbox:nth-child(7) span:not(:empty) {
  14164. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICA8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTQuNiwxNi42TDE5LjIsMTJMMTQuNiw3LjRMMTYsNkwyMiwxMkwxNiwxOEwxNC42LDE2LjZNOS40LDE2LjZMNC44LDEyTDkuNCw3LjRMOCw2TDIsMTJMOCwxOEw5LjQsMTYuNloiIC8+DQo8L3N2Zz4=);
  14165. }
  14166.  
  14167.  
  14168. /*
  14169. *
  14170. * SCROLLBARS
  14171. *
  14172. */
  14173.  
  14174. .scroller-fzNley::-webkit-scrollbar-track {
  14175. border-radius: 0 !important;
  14176. }
  14177.  
  14178. .scroller-fzNley::-webkit-scrollbar-track,
  14179. .channels-3g2vYe .scroller-fzNley::-webkit-scrollbar-track,
  14180. .channel-members::-webkit-scrollbar-track,
  14181. .root-2sNHUF::-webkit-scrollbar-track,
  14182. .ui-standard-sidebar-view .sidebar-region .scroller-fzNley::-webkit-scrollbar-track,
  14183. .ui-standard-sidebar-view .content-region .scroller-fzNley::-webkit-scrollbar-track {
  14184. background: transparent !important;
  14185. }
  14186.  
  14187. .menu-Sp6bN1:not(.alt-3btY0e)::-webkit-scrollbar-track,
  14188. .root-SR8cQa::-webkit-scrollbar-track {
  14189. background: #2c2f33 !important;
  14190. }
  14191.  
  14192. .body-3rkFrF::-webkit-scrollbar,
  14193. .body-3ljq11::-webkit-scrollbar,
  14194. .root-2sNHUF::-webkit-scrollbar,
  14195. .menu-Sp6bN1:not(.alt-3btY0e)::-webkit-scrollbar,
  14196. .textArea-2Spzkt::-webkit-scrollbar {
  14197. width: 6px !important;
  14198. height: 6px !important;
  14199. }
  14200.  
  14201. .body-3rkFrF::-webkit-scrollbar-track,
  14202. .body-3ljq11::-webkit-scrollbar-track,
  14203. .menu-Sp6bN1:not(.alt-3btY0e)::-webkit-scrollbar-track,
  14204. .textArea-2Spzkt::-webkit-scrollbar-track {
  14205. margin: 0 !important;
  14206. }
  14207.  
  14208. ::-webkit-scrollbar {
  14209. position: absolute;
  14210. width: 6px !important;
  14211. height: 6px !important;
  14212. background: transparent;
  14213. }
  14214.  
  14215. .scrollerWrap-2lJEkd.themeHidden-2yP93k::-webkit-scrollbar,
  14216. .scrollerWrap-2lJEkd.themeHidden-2yP93k .scroller-2FKFPG::-webkit-scrollbar {
  14217. width: 0px !important;
  14218. }
  14219.  
  14220. ::-webkit-scrollbar-track {
  14221. background: rgba(0,0,0,0) !important;
  14222. }
  14223.  
  14224. ::-webkit-scrollbar-track-piece {
  14225. border: 0 solid transparent !important;
  14226. background-color: transparent !important;
  14227. margin: 0;
  14228. }
  14229.  
  14230. ::-webkit-scrollbar-thumb {
  14231. display: initial;
  14232. background-color: rgba(255,255,255,0.1) !important;
  14233. border: 0 solid transparent !important;
  14234. border-radius: 0 !important;
  14235. }
  14236.  
  14237. ::-webkit-scrollbar-thumb:hover {
  14238. background-color: rgba(255,255,255,0.125) !important;
  14239. }
  14240.  
  14241. ::-webkit-scrollbar-thumb:active {
  14242. display: initial;
  14243. background-color: rgba(255,255,255,0.15) !important;
  14244. }
  14245.  
  14246.  
  14247. /*
  14248. *
  14249. * BETTER DISCORD SETTINGS
  14250. *
  14251. */
  14252.  
  14253. .bd-plugin-container,
  14254. .bda-slist li {
  14255. padding: 16px !important;
  14256. }
  14257.  
  14258. .bda-slist li {
  14259. max-height: 500px;
  14260. }
  14261.  
  14262. .ui-standard-sidebar-view .bda-slist,
  14263. .ui-standard-sidebar-view .bda-slist li p,
  14264. .ui-standard-sidebar-view .bda-slist li span,
  14265. .ui-standard-sidebar-view .bda-slist .bda-description,
  14266. .bd-plugin-container .bd-plugin-info .bd-plugin-name,
  14267. .bda-slist .bda-name {
  14268. color: #aaa !important;
  14269. }
  14270.  
  14271. #bd-settingspane-container h2.ui-form-title {
  14272. margin: 0 0 18px 0;
  14273. }
  14274.  
  14275. #bd-settings-sidebar .ui-tab-bar-header {
  14276. text-transform: none;
  14277. }
  14278.  
  14279. #bd-settingspane-container .ui-switch-item + h2.ui-form-title {
  14280. margin: 48px 0 0 0;
  14281. }
  14282.  
  14283. .repo-controls {
  14284. margin: 0 0 16px 0 !important;
  14285. }
  14286.  
  14287. .bda-slist li:not(.pluginEntry):not(.themeEntry) .bda-name {
  14288. display: block !important;
  14289. max-height: 16px !important;
  14290. margin: 0 0 8px 0 !important;
  14291. font-size: 1em !important;
  14292. font-weight: 500 !important;
  14293. color: #fff !important;
  14294. }
  14295.  
  14296. .bda-slist .bda-header-title {
  14297. color: #aaa !important;
  14298. }
  14299.  
  14300. .bda-slist li:not(.pluginEntry):not(.themeEntry) {
  14301. min-height: 48px !important;
  14302. max-height: 480px !important;
  14303. margin: 0 0 8px 0 !important;
  14304. background: var(--card-color) !important;
  14305. }
  14306.  
  14307. .bda-slist li:last-child {
  14308. margin: 0 0 16px 0 !important;
  14309. }
  14310.  
  14311. .bda-slist li div:not(.bda-right):nth-of-type(2) {
  14312. margin: 0;
  14313. }
  14314.  
  14315. .bda-slist .pluginEntry,
  14316. .bda-slist .themeEntry {
  14317. margin: 0 0 16px 0 !important;
  14318. padding: 0 !important;
  14319. background: var(--card-alt) !important;
  14320. }
  14321.  
  14322. .bda-slist .pluginEntry .bda-header,
  14323. .bda-slist .pluginEntry .bda-description-wrap,
  14324. .bda-slist .themeEntry .bda-header,
  14325. .bda-slist .themeEntry .bda-description-wrap {
  14326. padding: 16px;
  14327. }
  14328.  
  14329. .bda-slist .pluginEntry .bda-footer,
  14330. .bda-slist .themeEntry .bda-footer {
  14331. padding: 8px;
  14332. }
  14333.  
  14334. .bda-slist .pluginEntry .bda-header .bda-name,
  14335. .bda-slist .themeEntry .bda-header .bda-name {
  14336. font-size: 1.25em;
  14337. }
  14338.  
  14339. .bda-slist .pluginEntry .bda-description,
  14340. .bda-slist .themeEntry .bda-description {
  14341.  
  14342. }
  14343.  
  14344. .bda-slist .pluginEntry .bda-description-wrap,
  14345. .bda-slist .themeEntry .bda-description-wrap {
  14346. max-height: 100px !important;
  14347. padding: 0;
  14348. }
  14349.  
  14350. .bda-slist .pluginEntry .bda-description,
  14351. .bda-slist .themeEntry .bda-description {
  14352. max-height: 100px !important;
  14353. margin: 0 !important;
  14354. padding: 16px !important;
  14355. }
  14356.  
  14357. .bda-slist .bda-footer button:disabled {
  14358. opacity: 1;
  14359. }
  14360.  
  14361. .scroller-2FKFPG {
  14362. overflow-y: auto !important;
  14363. }
  14364.  
  14365. .pluginrepo-modal .modal-3v8ziU,
  14366. .themerepo-modal .modal-3v8ziU {
  14367. max-height: 75vh !important;
  14368. top: 0;
  14369. bottom: 0;
  14370. margin: auto 0;
  14371. }
  14372.  
  14373. .pluginrepo-modal .standardSidebarView-3F1I7i,
  14374. .themerepo-modal .standardSidebarView-3F1I7i {
  14375. background: var(--popout-color) !important;
  14376. }
  14377.  
  14378. .pluginrepo-modal .content-2BXhLs,
  14379. .themerepo-modal .content-2BXhLs {
  14380. border-radius: 0 !important;
  14381. }
  14382.  
  14383. .pluginrepo-modal .close-18n9bP,
  14384. .themerepo-modal .close-18n9bP {
  14385. transform: scale(0.65);
  14386. }
  14387.  
  14388. .BDFDB-modal .tabBarContainer-1s1u-z {
  14389. margin: 0 !important;
  14390. background: transparent !important;
  14391. box-shadow: none !important;
  14392. border-bottom: 1px solid var(--select-color) !important;
  14393. }
  14394.  
  14395. .repo-controls .searchBar-1MOL6S,
  14396. .DevilBro-modal .tabBarContainer-1s1u-z .searchBar-1MOL6S {
  14397. height: 32px;
  14398. padding: 0 4px 0 8px !important;
  14399. background: var(--hover-color) !important;
  14400. border-radius: 16px !important;
  14401. border-bottom: 0px solid var(--card-border-color) !important;
  14402. }
  14403.  
  14404. .DevilBro-modal .tabBarContainer-1s1u-z .searchBar-1MOL6S {
  14405. margin: 0 12px 0 16px;
  14406. padding: 0;
  14407. }
  14408.  
  14409. .repo-controls .searchBarIcon-18QaPq,
  14410. .DevilBro-modal .tabBarContainer-1s1u-z .searchBarIcon-18QaPq {
  14411. width: 32px;
  14412. height: 32px;
  14413. margin: 0;
  14414. }
  14415.  
  14416. .repo-controls .searchBarIcon-18QaPq .icon-1S6UIr,
  14417. .DevilBro-modal .tabBarContainer-1s1u-z .searchBarIcon-18QaPq .icon-1S6UIr {
  14418. width: 18px;
  14419. height: 18px;
  14420. top: 0;
  14421. left: 0;
  14422. right: 0;
  14423. bottom: 0;
  14424. margin: auto;
  14425. }
  14426.  
  14427. .DevilBro-modal .header-2nhbou {
  14428. height: 40px;
  14429. padding: 10px 12px 0 12px !important;
  14430. border-radius: var(--border-radius-big) var(--border-radius-big) 0 0;
  14431. }
  14432.  
  14433. .DevilBro-modal .tabBarContainer-1s1u-z {
  14434. margin: 0;
  14435. padding: 0 12px;
  14436. box-shadow: var(--shadow-1dp) !important;
  14437. z-index: 2;
  14438. }
  14439.  
  14440. .DevilBro-modal .tabBar-2MuP6- {
  14441. height: 48px;
  14442. }
  14443.  
  14444. .DevilBro-modal .tabBarItem-1b8RUP {
  14445. margin: 0 20px 0 0;
  14446. }
  14447.  
  14448. .DevilBro-modal .tabBarItem-1b8RUP:last-child {
  14449. margin: 0;
  14450. }
  14451.  
  14452. .DevilBro-modal .header-2nhbou,
  14453. .DevilBro-modal .tabBarContainer-1s1u-z {
  14454. background: var(--popout-color) !important;
  14455. }
  14456.  
  14457. .DevilBro-modal .header-2nhbou .close-18n9bP {
  14458. width: 18px;
  14459. height: 18px;
  14460. padding: 8px;
  14461. }
  14462.  
  14463. /*.content-2BXhLs {
  14464. background: var(--popout-color) !important;
  14465. border-radius: var(--border-radius-big) !important;
  14466. }*/
  14467.  
  14468. .pluginrepo-modal .pluginEntry .favIcon,
  14469. .themerepo-modal .themeEntry .favIcon {
  14470. width: 24px !important;
  14471. height: 24px !important;
  14472. }
  14473.  
  14474. .pluginrepo-modal .pluginEntry .favIcon path,
  14475. .themerepo-modal .themeEntry .favIcon path {
  14476. d: path('M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z') !important;
  14477. }
  14478.  
  14479. .pluginrepo-modal .pluginEntry .favIcon:not(.favorized) path,
  14480. .themerepo-modal .themeEntry .favIcon:not(.favorized) path {
  14481. fill: #888 !important;
  14482. stroke: #888 !important;
  14483. }
  14484.  
  14485. .modal-3v8ziU .header-2nhbou.marginBottom20-32qID7 {
  14486. margin: 0 !important;
  14487. }
  14488.  
  14489. .pluginrepo-modal .tab-content .inner-3wn6Q5,
  14490. .pluginrepo-modal .tab-content.inner-3wn6Q5,
  14491. .themerepo-modal .tab-content .inner-3wn6Q5,
  14492. .themerepo-modal .tab-content.inner-3wn6Q5 {
  14493. padding: 16px 12px 0 20px;
  14494. }
  14495.  
  14496. .ui-standard-sidebar-view #bd-settingspane-container {
  14497. background: var(--main-color) !important;
  14498. }
  14499.  
  14500. #bd-settingspane-container .ui-switch-item {
  14501. padding: 8px 0;
  14502. border-bottom: 1px solid var(--card-border-color);
  14503. }
  14504.  
  14505. #bd-settingspane-container .ui-switch-item .ui-switch-wrapper {
  14506. top: 16px !important;
  14507. }
  14508.  
  14509. #bd-settingspane-container .bda-slist .ui-switch-item {
  14510. padding: 0 !important;
  14511. margin: 0 0 16px 0 !important;
  14512. }
  14513.  
  14514. #bd-settingspane-container .bda-slist .ui-switch-item.settings-open {
  14515. position: relative !important;
  14516. }
  14517.  
  14518. #bd-settingspane-container .bda-slist .ui-switch-item.settings-open div[style*="float: right"] svg {
  14519. position: absolute !important;
  14520. top: 16px !important;
  14521. right: 16px !important;
  14522. }
  14523.  
  14524. #bd-settingspane-container .bda-slist .ui-switch-item .ui-switch-wrapper {
  14525. top: 0 !important;
  14526. }
  14527.  
  14528. #bd-settingspane-container .bda-header {
  14529. padding: 16px !important;
  14530. }
  14531.  
  14532. #bd-settingspane-container .bda-header .bda-name {
  14533. font-size: 1.25em !important;
  14534. }
  14535.  
  14536. #bd-settingspane-container .bda-description-wrap {
  14537. padding: 8px 16px !important;
  14538. }
  14539.  
  14540. #bd-settingspane-container .bda-footer {
  14541. min-height: 54px !important;
  14542. padding: 8px !important;
  14543. }
  14544.  
  14545. #bd-settingspane-container .bda-footer .bda-links {
  14546. margin: 0 0 0 8px !important;
  14547. }
  14548.  
  14549. #bd-settingspane-container .bda-footer .bda-links a {
  14550. color: var(--accent-color) !important;
  14551. }
  14552.  
  14553. #bd-settingspane-container .ui-switch-item h3 {
  14554. color: #b9bbbe;
  14555. }
  14556.  
  14557. #bd-settingspane-container .ui-switch-item .style-description {
  14558. line-height: 16px;
  14559. color: #888;
  14560. border: none;
  14561. }
  14562.  
  14563. #bd-settingspane-container .ui-switch-item:last-child {
  14564. border-bottom: none;
  14565. }
  14566.  
  14567. #bd-settingspane-container input[type="checkbox"]:after {
  14568. background-color: rgba(65,65,65,0.65);
  14569. }
  14570.  
  14571. #bd-settingspane-container .bda-description {
  14572. min-height: 24px !important;
  14573. max-height: 150px !important;
  14574. margin: 0;
  14575. font-size: 16px !important;
  14576. color: #888 !important;
  14577. overflow-y: scroll;
  14578. }
  14579.  
  14580. #bd-settingspane-container .bda-header .trashIcon {
  14581. top: 24px !important;
  14582. right: 72px;
  14583. }
  14584.  
  14585. #bd-settingspane-container .bda-right .trashIcon,
  14586. #bd-settingspane-container .bda-header .trashIcon {
  14587. right: 60px !important;
  14588. }
  14589.  
  14590. #bd-settingspane-container .bda-header .trashIcon path,
  14591. .bda-footer .trashIcon path {
  14592. d: path('M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM8 9h8v10H8V9zm7.5-5l-1-1h-5l-1 1H5v2h14V4h-3.5z') !important;
  14593. fill: #a5a6a7;
  14594. transform: translate(-2px, -2px);
  14595. }
  14596.  
  14597. #bd-settingspane-container .bda-left {
  14598. width: calc(100% - 115px) !important;
  14599. }
  14600.  
  14601. #bd-settingspane-container .bda-right {
  14602. position: relative !important;
  14603. width: 100px !important;
  14604. height: 62px !important;
  14605. }
  14606.  
  14607. #bd-settingspane-container .bda-right button {
  14608. position: absolute;
  14609. right: -6px !important;
  14610. bottom: 0 !important;
  14611. }
  14612.  
  14613. #bd-settingspane-container .bda-right .ui-switch-wrapper {
  14614. position: absolute !important;
  14615. width: 36px !important;
  14616. height: 14px !important;
  14617. top: 3px;
  14618. right: 0;
  14619. background: transparent !important;
  14620. }
  14621.  
  14622. #bd-settingspane-container .bda-right .ui-switch-wrapper .ui-switch,
  14623. #bd-settingspane-container .bda-right .ui-switch-wrapper .ui-switch:before,
  14624. #bd-settingspane-container .bda-right .ui-switch-wrapper .ui-switch:after {
  14625. position: absolute;
  14626. content: " ";
  14627. transition: 200ms ease all;
  14628. }
  14629.  
  14630. #bd-settingspane-container .bda-right .ui-switch-wrapper .ui-switch {
  14631. width: 100%;
  14632. height: 100%;
  14633. top: 0;
  14634. background: transparent !important;
  14635. border-radius: 7.5px;
  14636. cursor: pointer;
  14637. }
  14638.  
  14639. #bd-settingspane-container .bda-right .ui-switch-wrapper .ui-switch:before {
  14640. width: 100%;
  14641. height: 100%;
  14642. background: rgba(65,65,65,0.65);
  14643. border-radius: 7.5px;
  14644. }
  14645.  
  14646. #bd-settingspane-container .bda-right .ui-switch-wrapper .ui-switch:after {
  14647. width: 20px;
  14648. height: 20px;
  14649. top: -3px;
  14650. background: #777;
  14651. border-radius: 50%;
  14652. transform: translateX(-1px);
  14653. }
  14654.  
  14655. #bd-settingspane-container .bda-right .ui-switch-wrapper input:checked + .ui-switch:before {
  14656. background: #1a3c57;
  14657. }
  14658.  
  14659. #bd-settingspane-container .bda-right .ui-switch-wrapper input:checked + .ui-switch:after {
  14660. background: var(--accent-color);
  14661. transform: translateX(17px);
  14662. }
  14663.  
  14664. #bd-settingspane-container .bda-right .ui-switch-wrapper input {
  14665. display: none;
  14666. }
  14667.  
  14668. #bd-settingspane-container .bda-slist .plugin-settings {
  14669. padding: 16px !important;
  14670. }
  14671.  
  14672. #bd-settingspane-container .bda-slist .plugin-settings button {
  14673. margin: 0 8px 0 0 !important;
  14674. font-size: 0.9em !important;
  14675. }
  14676.  
  14677. .ui-standard-sidebar-view .bda-slist li input {
  14678. padding: 6px 0;
  14679. background: transparent; !important;
  14680. border: none !important;
  14681. border-bottom: 2px solid var(--card-border-color) !important;
  14682. color: #aaa !important;
  14683. outline: none !important;
  14684. }
  14685.  
  14686. .repo-controls .searchWrapper #input-search {
  14687. padding: 4px 0 !important;
  14688. }
  14689.  
  14690. /* BETTER DISCORD SETTINGS -> SWITCHES */
  14691.  
  14692. #bd-settingspane-container .ui-switch-item .ui-switch-wrapper {
  14693. width: 38px;
  14694. height: 20px;
  14695. overflow: visible;
  14696. }
  14697.  
  14698. #bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch {
  14699. height: 14px;
  14700. top: 3px;
  14701. }
  14702.  
  14703. #bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch:before {
  14704. width: 20px;
  14705. height: 20px;
  14706. margin: 0;
  14707. top: -3px;
  14708. left: 0;
  14709. }
  14710.  
  14711. #bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch {
  14712. background-color: rgba(65,65,65,0.65);
  14713. }
  14714.  
  14715. #bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch:before {
  14716. background-color: #777;
  14717. }
  14718.  
  14719. #bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch.checked:before {
  14720. transform: translateX(18px);
  14721. }
  14722.  
  14723. /* BETTER DISCORD SETTINGS -> BUTTONS */
  14724.  
  14725. .ui-standard-sidebar-view .bda-slist li button,
  14726. .bda-slist .bda-footer button,
  14727. #bd-settingspane-container .bda-slist .plugin-settings button {
  14728. height: 36px !important;
  14729. margin: 0 !important;
  14730. padding: 0 16px !important;
  14731. line-height: 36px !important;
  14732. color: #fff !important;
  14733. font-size: 15px !important;
  14734. font-weight: 500 !important;
  14735. }
  14736.  
  14737. #bd-settingspane-container .bda-slist .plugin-settings button {
  14738. margin: 0 8px 0 0 !important;
  14739. font-size: 0.9em !important;
  14740. }
  14741.  
  14742. .ui-standard-sidebar-view .bda-slist .bda-footer .bda-settings-button {
  14743. font-size: 1.15em !important;
  14744. }
  14745.  
  14746. #bd-settingspane-container .bd-pfbtn,
  14747. #bd-settingspane-container .btn-enableall,
  14748. #bd-settingspane-container .btn-disableall {
  14749. padding: 0 8px;
  14750. background: transparent !important;
  14751. box-shadow: none !important;
  14752. font-weight: 500 !important;
  14753. }
  14754.  
  14755. #bd-settingspane-container .btn-enableall,
  14756. #bd-settingspane-container .btn-disableall {
  14757. padding: 0;
  14758. }
  14759.  
  14760. /* BETTER DISCORD SETTINGS -> CUSTOM CSS */
  14761.  
  14762. .editor-wrapper {
  14763. margin: 20px 0 0 0;
  14764. box-shadow: var(--shadow-1dp);
  14765. }
  14766.  
  14767. .ace_editor {
  14768. position: relative;
  14769. margin: 230px 0 0 0;
  14770. border-radius: var(--border-radius) var(--border-radius) 0 0;
  14771. overflow: visible;
  14772. }
  14773.  
  14774. .ace_editor:before {
  14775. position: absolute;
  14776. content: "To change the colors such as the accent, copy the code below into\A the custom CSS. More variables can be found on the theme's GitHub\A repo page. bit.ly/MaterialDiscord\A\A :root {\A\9--accent-color: #3f51b5 !important;\A\9--accent-color-hover: #4558c4 !important;\A\9--accent-color-active: #5262bc !important;\A\9--accent-rgb: rgba(39,147,230,0.3) !important;\A}";
  14777. display: block;
  14778. width: calc(100% - 32px);
  14779. top: -238px;
  14780. left: 0;
  14781. padding: 16px;
  14782. background: var(--card-color);
  14783. border-radius: var(--border-radius);
  14784. box-shadow: var(--shadow-1dp);
  14785. white-space: pre;
  14786. font-size: 16px;
  14787. color: #eee;
  14788. font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif !important;
  14789. }
  14790.  
  14791. .ace_gutter {
  14792. border-radius: var(--border-radius) 0 0 0;
  14793. }
  14794.  
  14795. .ace_scroller {
  14796. border-radius: 0 var(--border-radius) 0 0;
  14797. }
  14798.  
  14799. .ace_editor * {
  14800. font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif !important;
  14801. }
  14802.  
  14803. .ace_content {
  14804. background: var(--message-color) !important;
  14805. }
  14806.  
  14807. .ace_gutter,
  14808. .content-region #bd-customcss-attach-controls,
  14809. #bd-customcss-detach-container #bd-customcss-attach-controls,
  14810. .contentRegion-3nDuYy #bd-customcss-attach-controls {
  14811. background-color: var(--popout-color) !important;
  14812. }
  14813.  
  14814. .contentRegion-3nDuYy #bd-customcss-attach-controls {
  14815. height: auto;
  14816. margin: 0 0 48px 0;
  14817. padding: 16px;
  14818. border-radius: 0 0 var(--border-radius) var(--border-radius);
  14819. box-shadow: var(--shadow-1dp);
  14820. }
  14821.  
  14822. .ace-monokai .ace_gutter-active-line {
  14823. background: rgba(0,0,0,0.25) !important;
  14824. }
  14825.  
  14826. .ace-monokai .ace_marker-layer .ace_active-line {
  14827. background: transparent !important;
  14828. }
  14829.  
  14830. .ace-monokai .ace_marker-layer .ace_selection {
  14831. background: rgba(255,255,255,0.1) !important;
  14832. }
  14833.  
  14834. .content-region #bd-customcss-attach-controls,
  14835. #bd-customcss-detach-container #bd-customcss-attach-controls {
  14836. border: none !important;
  14837. }
  14838.  
  14839.  
  14840. .ui-standard-sidebar-view #bd-customcss-attach-controls button,
  14841. .bd-detached-css-editor #bd-customcss-attach-controls button,
  14842. .standardSidebarView-3F1I7i #bd-customcss-attach-controls button {
  14843. width: auto;
  14844. height: 36px;
  14845. margin: 6px 6px 0 0 !important;
  14846. padding: 0 16px !important;
  14847. background: var(--popout-alt) !important;
  14848. border-radius: var(--border-radius) !important;
  14849. border: none !important;
  14850. font-weight: normal;
  14851. }
  14852.  
  14853. .standardSidebarView-3F1I7i #bd-customcss-attach-controls button:hover {
  14854. background: #303438 !important;
  14855. }
  14856.  
  14857. .standardSidebarView-3F1I7i #bd-customcss-attach-controls button:active {
  14858. background: #393d42 !important;
  14859. }
  14860.  
  14861. .ace-monokai .ace_cursor {
  14862. color: #ffff00;
  14863. }
  14864.  
  14865. .ace-monokai .ace_marker-layer .ace_bracket {
  14866. border: none;
  14867. }
  14868.  
  14869. .ace-monokai .ace_marker-layer .ace_bracket:after {
  14870. position: absolute;
  14871. content: " ";
  14872. width: calc(100% + 1px);
  14873. height: 1px;
  14874. left: 0;
  14875. bottom: -2px;
  14876. background: #ffff00;
  14877. }
  14878.  
  14879. /* BETTER DISCORD SETTINGS -> MODAL */
  14880.  
  14881. .bd-modal-wrapper .header {
  14882. padding: 16px 12px;
  14883. box-shadow: none !important;
  14884. border-bottom: 1px solid var(--card-border-color) !important;
  14885. }
  14886.  
  14887. .bd-modal-wrapper .header,
  14888. .bd-modal-wrapper .tab-bar-container,
  14889. .bd-modal-wrapper .bd-modal-body {
  14890. background: var(--popout-color) !important;
  14891. }
  14892.  
  14893. .bd-modal-wrapper .tab-bar-container {
  14894. margin: 0;
  14895. box-shadow: none !important;
  14896. border-bottom: 1px solid var(--card-border-color);
  14897. }
  14898.  
  14899. .bd-modal-wrapper .footer {
  14900. padding: 8px;
  14901. border-top: 1px solid var(--card-border-color) !important;
  14902. }
  14903.  
  14904. .bd-modal-wrapper .table-header {
  14905. height: 42px;
  14906. margin: 0;
  14907. padding: 0 16px;
  14908. background: var(--hover-color);
  14909. border-bottom: none;
  14910. }
  14911.  
  14912. .bd-modal-wrapper .table-header .table-column {
  14913. line-height: 42px;
  14914. }
  14915.  
  14916.  
  14917. /*
  14918. *
  14919. * SUPPORTED PLUGINS
  14920. *
  14921. */
  14922.  
  14923. #permissions-modal-wrapper .modal-wrapper {
  14924. z-index: 10000;
  14925. }
  14926.  
  14927. /* SUPPORTED PLUGINS -> Citator */
  14928.  
  14929. .citar-btn {
  14930. background-color: var(--select-color);
  14931. border-radius: 10px;
  14932. opacity: 0.75;
  14933. }
  14934.  
  14935. .citar-btn:hover {
  14936. opacity: 1;
  14937. }
  14938.  
  14939. .quote-msg {
  14940. border-bottom: 1px solid var(--select-color);
  14941. }
  14942.  
  14943. .quote-msg .container-1YxwTf {
  14944. margin: 12px 16px 12px 80px;
  14945. background: var(--message-color-citator);
  14946. }
  14947.  
  14948. .quote-msg .containerCozy-jafyvG .containerCozy-336-Cz,
  14949. .quote-msg .containerCozy-B4noqO:not(:empty) {
  14950. margin: 0 -4px;
  14951. padding: 1px 32px 1px 4px;
  14952. transition: 200ms var(--default-animation);
  14953. }
  14954.  
  14955. .quote-msg .containerCozy-jafyvG .containerCozy-336-Cz:hover,
  14956. .quote-msg .containerCozy-B4noqO:not(:empty):hover {
  14957. background: var(--select-color);
  14958. border-radius: var(--border-radius);
  14959. }
  14960.  
  14961. .quote-msg .messageCozy-2JPAPA:not(:first-child) .headerCozy-2N9HOL {
  14962. display: block;
  14963. }
  14964.  
  14965. .quote-msg .headerCozy-2N9HOL:first-child:before {
  14966. border-right-color: var(--message-color-citator);
  14967. }
  14968.  
  14969. .quote-msg .headerCozy-2N9HOL:first-child:after {
  14970. background: var(--message-color-citator);
  14971. }
  14972.  
  14973. .quote-close,
  14974. .delete-msg-btn {
  14975. width: 24px;
  14976. height: 24px;
  14977. margin: 0;
  14978. background-size: 100%;
  14979. }
  14980.  
  14981. .quote-close:hover,
  14982. .delete-msg-btn:hover {
  14983. opacity: 1 !important;
  14984. }
  14985.  
  14986. .quote-close {
  14987. position: absolute;
  14988. top: 20px;
  14989. right: 24px;
  14990. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTkgNi40MUwxNy41OSA1IDEyIDEwLjU5IDYuNDEgNSA1IDYuNDEgMTAuNTkgMTIgNSAxNy41OSA2LjQxIDE5IDEyIDEzLjQxIDE3LjU5IDE5IDE5IDE3LjU5IDEzLjQxIDEyIDE5IDYuNDF6Ii8+PC9zdmc+) !important;
  14991. float: none;
  14992. z-index: 3;
  14993. }
  14994.  
  14995. .delete-msg-btn {
  14996. position: absolute;
  14997. top: -2px;
  14998. right: 4px;
  14999. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTYgOXYxMEg4VjloOG0tMS41LTZoLTVsLTEgMUg1djJoMTRWNGgtMy41bC0xLTF6TTE4IDdINnYxMmMwIDEuMS45IDIgMiAyaDhjMS4xIDAgMi0uOSAyLTJWN3oiLz48L3N2Zz4=) !important;
  15000. z-index: 2;
  15001. transition: 100ms ease all;
  15002. }
  15003.  
  15004. .quote-msg .buttonContainer-37UsAw > * {
  15005. display: none;
  15006. }
  15007.  
  15008. /* SUPPORTED PLUGINS -> PersonalPins */
  15009.  
  15010. .icon-22AiRD[name="Note"] {
  15011. transform: translate(0);
  15012. }
  15013.  
  15014. .icon-22AiRD[name="Note"] path {
  15015. display: none;
  15016. }
  15017.  
  15018. .icon-22AiRD[name="Note"] path:last-child {
  15019. display: block;
  15020. d: path('M19 3h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V9h14v10zM5 7V5h14v2H5zm2 4h10v2H7zm0 4h7v2H7z') !important;
  15021. }
  15022.  
  15023. .popout-personalpins-notes .header-3LXPrb .marginTop8-1DLZ1n {
  15024. margin: 0;
  15025. }
  15026.  
  15027. .popout-personalpins-notes .header-3LXPrb .title-23FrqZ {
  15028. margin: 0 16px 0 0;
  15029. }
  15030.  
  15031. /* SUPPORTED PLUGINS -> Google Translate */
  15032.  
  15033. .themedPopout-25DgLi:not(.messagesPopoutWrap-1MQ1bW) {
  15034. border-radius: var(--border-radius-big) !important;
  15035. border: none !important;
  15036. box-shadow: var(--shadow-3dp) !important;
  15037. }
  15038.  
  15039. /* SUPPORTED PLUGINS -> BetterFormattingRedux */
  15040.  
  15041. .bf-toolbar {
  15042. z-index: 2;
  15043. }
  15044.  
  15045. .bf-toolbar .bf-arrow {
  15046. transform: translate(4px, -28px);
  15047. }
  15048.  
  15049. .bf-toolbar.bf-visible .bf-arrow,
  15050. .bf-toolbar.bf-hover:hover .bf-arrow {
  15051. transform: translate(4px, -14px) rotate(-90deg) !important;
  15052. }
  15053.  
  15054. .chat-3bRxxu .messages-3amgkR .inner-zqa7da + .bf-toolbar {
  15055. right: 32px;
  15056. }
  15057.  
  15058. .chat-3bRxxu .messages-3amgkR .inner-zqa7da + .bf-toolbar .bf-arrow {
  15059. transform: translate(0);
  15060. }
  15061.  
  15062. .chat-3bRxxu .messages-3amgkR .inner-zqa7da + .bf-toolbar.bf-visible .bf-arrow,
  15063. .chat-3bRxxu .messages-3amgkR .inner-zqa7da + .bf-toolbar.bf-hover:hover .bf-arrow {
  15064. transform: translate(0) rotate(-90deg) !important;
  15065. }
  15066.  
  15067. .uploadModal-2ifh8j .inner-zqa7da + .bf-toolbar .bf-arrow {
  15068. transform: translate(0) rotate(0deg) !important;
  15069. }
  15070.  
  15071. .chat-3bRxxu .messages-3amgkR .inner-zqa7da + .bf-toolbar.bf-hover:hover .bf-arrow,
  15072. .uploadModal-2ifh8j .inner-zqa7da + .bf-toolbar.bf-hover:hover .bf-arrow {
  15073. transform: translate(0,-14px) rotate(-90deg) !important;
  15074. }
  15075.  
  15076. .bf-toolbar .format {
  15077. width: 27px;
  15078. margin: 0 4px;
  15079. text-align: center;
  15080. }
  15081.  
  15082. .bf-toolbar .format:hover {
  15083. background: transparent !important;
  15084. }
  15085.  
  15086. /* SUPPORTED PLUGINS -> ImageGallary */
  15087.  
  15088. .image-gallery .imageWrapper-2p5ogY.prev,
  15089. .image-gallery .imageWrapper-2p5ogY.next {
  15090. width: 56px !important;
  15091. height: 56px !important;
  15092. top: 0 !important;
  15093. bottom: 0 !important;
  15094. margin: auto 0;
  15095. background-color: var(--popout-alt);
  15096. background-repeat: no-repeat;
  15097. background-position: 50%;
  15098. border-radius: 50% !important;
  15099. cursor: pointer;
  15100. transition: 200ms var(--default-animation);
  15101. }
  15102.  
  15103. .image-gallery .imageWrapper-2p5ogY.prev {
  15104. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgIDxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yMCwxMVYxM0g4TDEzLjUsMTguNUwxMi4wOCwxOS45Mkw0LjE2LDEyTDEyLjA4LDQuMDhMMTMuNSw1LjVMOCwxMUgyMFoiIC8+Cjwvc3ZnPg==);
  15105. }
  15106.  
  15107. .image-gallery .imageWrapper-2p5ogY.next {
  15108. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgIDxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik00LDExVjEzSDE2TDEwLjUsMTguNUwxMS45MiwxOS45MkwxOS44NCwxMkwxMS45Miw0LjA4TDEwLjUsNS41TDE2LDExSDRaIiAvPgo8L3N2Zz4=);
  15109. }
  15110.  
  15111. .image-gallery .imageWrapper-2p5ogY.prev img,
  15112. .image-gallery .imageWrapper-2p5ogY.next img {
  15113. display: none !important;
  15114. }
  15115.  
  15116. /* SUPPORTED PLUGINS -> Plugin/Theme Repo */
  15117.  
  15118. .BDFDB-modal .modal-3v8ziU .inner-2Z5QZX {
  15119. padding: 16px 12px 0 20px !important;
  15120. }
  15121.  
  15122. /* SUPPORTED PLUGINS -> MemberCount */
  15123.  
  15124. #MemberCount {
  15125. width: calc(100% - 14px) !important;
  15126. height: auto !important;
  15127. margin: 0 !important;
  15128. padding: 1vh 0 !important;
  15129. line-height: 16px;
  15130. background: var(--main-color) !important;
  15131. color: #999 !important;
  15132. }
  15133.  
  15134.  
  15135. /*
  15136. *
  15137. * FONTS
  15138. *
  15139. */
  15140.  
  15141. /* FONTS -> PRODUCT SANS */
  15142.  
  15143. /* cyrillic */
  15144. @font-face {
  15145. font-family: 'Product Sans';
  15146. font-style: italic;
  15147. font-weight: 500;
  15148. src: local('Product Sans Medium Italic'), local('ProductSans-MediumItalic'), url(https://capnkitten.github.io/BetterDiscord/Material-Discord/files/fonts/ProductSans-MediumItalic-cyrillic.woff2) format('woff2');
  15149. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  15150. }
  15151.  
  15152. /* latin */
  15153. @font-face {
  15154. font-family: 'Product Sans';
  15155. font-style: italic;
  15156. font-weight: 500;
  15157. src: local('Product Sans Medium Italic'), local('ProductSans-MediumItalic'), url(https://capnkitten.github.io/BetterDiscord/Material-Discord/files/fonts/ProductSans-MediumItalic-latin.woff2) format('woff2');
  15158. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  15159. }
  15160.  
  15161. /* cyrillic */
  15162. @font-face {
  15163. font-family: 'Product Sans';
  15164. font-style: italic;
  15165. font-weight: 700;
  15166. src: local('Product Sans Bold Italic'), local('ProductSans-BoldItalic'), url(https://capnkitten.github.io/BetterDiscord/Material-Discord/files/fonts/ProductSans-BoldItalic-cyrillic.woff2) format('woff2');
  15167. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  15168. }
  15169.  
  15170. /* latin */
  15171. @font-face {
  15172. font-family: 'Product Sans';
  15173. font-style: italic;
  15174. font-weight: 700;
  15175. src: local('Product Sans Bold Italic'), local('ProductSans-BoldItalic'), url(https://capnkitten.github.io/BetterDiscord/Material-Discord/files/fonts/ProductSans-BoldItalic-latin.woff2) format('woff2');
  15176. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  15177. }
  15178.  
  15179. /* cyrillic */
  15180. @font-face {
  15181. font-family: 'Product Sans';
  15182. font-style: normal;
  15183. font-weight: 400;
  15184. src: local('Product Sans Regular'), local('ProductSans-Regular'), url(https://capnkitten.github.io/BetterDiscord/Material-Discord/files/fonts/ProductSans-Regular-cyrillic.woff2) format('woff2');
  15185. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  15186. }
  15187.  
  15188. /* latin */
  15189. @font-face {
  15190. font-family: 'Product Sans';
  15191. font-style: normal;
  15192. font-weight: 400;
  15193. src: local('Product Sans Regular'), local('ProductSans-Regular'), url(https://capnkitten.github.io/BetterDiscord/Material-Discord/files/fonts/ProductSans-Regular-latin.woff2) format('woff2');
  15194. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  15195. }
  15196.  
  15197. /* cyrillic */
  15198. @font-face {
  15199. font-family: 'Product Sans';
  15200. font-style: normal;
  15201. font-weight: 500;
  15202. src: local('Product Sans Medium'), local('ProductSans-Medium'), url(https://capnkitten.github.io/BetterDiscord/Material-Discord/files/fonts/ProductSans-Medium-cyrillic.woff2) format('woff2');
  15203. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  15204. }
  15205.  
  15206. /* latin */
  15207. @font-face {
  15208. font-family: 'Product Sans';
  15209. font-style: normal;
  15210. font-weight: 500;
  15211. src: local('Product Sans Medium'), local('ProductSans-Medium'), url(https://capnkitten.github.io/BetterDiscord/Material-Discord/files/fonts/ProductSans-Medium-latin.woff2) format('woff2');
  15212. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  15213. }
  15214.  
  15215. /* cyrillic */
  15216. @font-face {
  15217. font-family: 'Product Sans';
  15218. font-style: normal;
  15219. font-weight: 700;
  15220. src: local('Product Sans Bold'), local('ProductSans-Bold'), url(https://capnkitten.github.io/BetterDiscord/Material-Discord/files/fonts/ProductSans-Bold-cyrillic.woff2) format('woff2');
  15221. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  15222. }
  15223.  
  15224. /* latin */
  15225. @font-face {
  15226. font-family: 'Product Sans';
  15227. font-style: normal;
  15228. font-weight: 700;
  15229. src: local('Product Sans Bold'), local('ProductSans-Bold'), url(https://capnkitten.github.io/BetterDiscord/Material-Discord/files/fonts/ProductSans-Bold-latin.woff2) format('woff2');
  15230. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  15231. }
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!