API tools faq
paste
KittenPixel

E

KittenPixel
Dec 1st, 2023
29
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 261.79 KB | None | 0 0
raw download clone embed print report
  1. @import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css);
  2. @import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BlurpleRecolor/BlurpleRecolor.css);
  3.  
  4. :root {
  5. --transparencycolor: 0, 0, 0;
  6. --transparencyalpha: 0.15;
  7. --messagetransparency: 0.5;
  8. --guildchanneltransparency: 0.15;
  9. --chatinputtransparency: 0.0;
  10. --memberlisttransparency: 0.0;
  11. --accentcolor: 190, 78, 180;
  12.  
  13. --settingsicons: 1;
  14. --font: "gg sans", "Noto Sans";
  15. --textshadow: transparent;
  16.  
  17. --textbrightest: 255, 255, 255;
  18. --textbrighter: 222, 222, 222;
  19. --textbright: 200, 200, 200;
  20. --textdark: 160, 160, 160;
  21. --textdarker: 125, 125, 125;
  22. --textdarkest: 90, 90, 90;
  23.  
  24. --background: url(https://i.imgur.com/jUFcDa3.png);
  25. --backgroundposition: center;
  26. --backgroundsize: cover;
  27. --backgroundblur: 0;
  28.  
  29. --popout: var(--background);
  30. --popoutposition: var(--backgroundposition);
  31. --popoutsize: var(--backgroundsize);
  32. --popoutblur: var(--backgroundblur);
  33.  
  34. --backdrop: rgba(0, 0, 0, 0.85);
  35. --backdropposition: center;
  36. --backdropsize: cover;
  37. --backdropblur: 0;
  38.  
  39.  
  40. --transparencycolor_v: var(--transparencycolor_s, var(--transparencycolor));
  41. --transparencyalpha_v: var(--transparencyalpha_s, var(--transparencyalpha));
  42. --messagetransparency_v: var(--messagetransparency_s, var(--messagetransparency));
  43. --guildchanneltransparency_v: var(--guildchanneltransparency_s, var(--guildchanneltransparency));
  44. --chatinputtransparency_v: var(--chatinputtransparency_s, var(--chatinputtransparency));
  45. --memberlisttransparency_v: var(--memberlisttransparency_s, var(--memberlisttransparency));
  46. --accentcolor_v: var(--accentcolor_s, var(--accentcolor));
  47.  
  48. --font_v: var(--font_s, var(--font));
  49. --textshadow_v: var(--textshadow_s, var(--textshadow));
  50. --settingsicons_v: var(--settingsicons_s, var(--settingsicons));
  51.  
  52. --background_v: var(--background_s, var(--background));
  53. --backgroundposition_v: var(--backgroundposition_s, var(--backgroundposition));
  54. --backgroundsize_v: var(--backgroundsize_s, var(--backgroundsize));
  55. --backgroundblur_v: calc(1px * var(--backgroundblur_s, var(--backgroundblur)));
  56.  
  57. --popout_v: var(--popout_s, var(--popout));
  58. --popoutposition_v: var(--popoutposition_s, var(--popoutposition));
  59. --popoutsize_v: var(--popoutsize_s, var(--popoutsize));
  60. --popoutblur_v: calc(1px * var(--popoutblur_s, var(--popoutblur)));
  61.  
  62. --backdrop_v: var(--backdrop_s, var(--backdrop));
  63. --backdropposition_v: var(--backdropposition_s, var(--backdropposition));
  64. --backdropsize_v: var(--backdropsize_s, var(--backdropsize));
  65. --backdropblur_v: calc(1px * var(--backdropblur_s, var(--backdropblur)));
  66.  
  67. --textbrightest_v: var(--textbrightest_s, var(--textbrightest));
  68. --textbrighter_v: var(--textbrighter_s, var(--textbrighter));
  69. --textbright_v: var(--textbright_s, var(--textbright));
  70. --textdark_v: var(--textdark_s, var(--textdark));
  71. --textdarker_v: var(--textdarker_s, var(--textdarker));
  72. --textdarkest_v: var(--textdarkest_s, var(--textdarkest));
  73.  
  74.  
  75. --usechatbubbles: calc(var(--messagetransparency_v) / (var(--messagetransparency_v) + 0.00000000000000000000001));
  76.  
  77. --accentcolor2: var(--accentcolor_v);
  78. --mentioncolor: var(--accentcolor_v);
  79. --linkcolor: var(--accentcolor_v);
  80.  
  81. --successcolor: 59, 165, 92;
  82. --warningcolor: 250, 166, 26;
  83. --dangercolor: 237, 66, 69;
  84. }
  85.  
  86. .theme-light, .theme-dark, .theme-amoled {
  87. --text-positive: rgb(var(--successcolor));
  88. --text-warning: rgb(var(--warningcolor));
  89. --text-danger: rgb(var(--dangercolor));
  90. --info-positive-background: rgba(var(--successcolor),.1);
  91. --info-positive-foreground: rgb(var(--successcolor));
  92. --info-positive-text: #fff;
  93. --info-warning-background: rgba(var(--warningcolor),.1);
  94. --info-warning-foreground: rgb(var(--warningcolor));
  95. --info-warning-text: #fff;
  96. --info-danger-background: rgba(var(--dangercolor),.1);
  97. --info-danger-foreground: rgb(var(--dangercolor));
  98. --info-danger-text: #fff;
  99. --status-positive: rgb(var(--successcolor));
  100. --status-positive-background: rgb(var(--successcolor));
  101. --status-positive-text: #fff;
  102. --status-warning: rgb(var(--warningcolor));
  103. --status-warning-background: rgb(var(--warningcolor));
  104. --status-warning-text: #fff;
  105. --status-danger: rgb(var(--dangercolor));
  106. --status-danger-background: rgb(var(--dangercolor));
  107. --status-danger-text: #fff;
  108. --header-primary: rgb(var(--textbrightest_v));
  109. --header-secondary: rgb(var(--textbright_v));
  110. --text-normal: rgb(var(--textbrighter_v));
  111. --text-muted: rgb(var(--textdarker_v));
  112. --channels-default: rgb(var(--textdark_v));
  113. --channel-icon: rgb(var(--textdark_v));
  114. --interactive-normal: rgb(var(--textbright_v));
  115. --interactive-hover: rgb(var(--textbrighter_v));
  116. --interactive-active: rgb(var(--textbrightest_v));
  117. --interactive-muted: rgb(var(--textdarkest_v));
  118. --logo-primary: rgb(var(--textbrightest_v));
  119. --modal-background: rgba(var(--transparencycolor_v), .2);
  120. --modal-footer-background: rgba(var(--transparencycolor_v), .2);
  121. --home-background: transparent;
  122. --background-accent: rgba(var(--transparencycolor_v), .1);
  123. --background-primary: rgba(var(--transparencycolor_v), .2);
  124. --background-secondary: rgba(var(--transparencycolor_v), .3);
  125. --background-secondary-alt: rgba(var(--transparencycolor_v), .35);
  126. --background-tertiary: rgba(var(--transparencycolor_v), .4);
  127. --background-floating: rgba(var(--transparencycolor_v), .5);
  128. --background-mobile-primary: rgba(var(--transparencycolor_v), .2);
  129. --background-mobile-secondary: rgba(var(--transparencycolor_v), .3);
  130. --background-modifier-accent: rgba(var(--textbrightest_v),.1);
  131. --background-message-automod: rgba(var(--dangercolor),.05);
  132. --background-message-automod-hover: rgba(var(--dangercolor),.1);
  133. --channeltextarea-background: rgba(var(--transparencycolor_v), .3);
  134. --input-background: rgba(var(--transparencycolor_v), .1);
  135. --elevation-low: 0 1px 5px 0 rgba(var(--transparencycolor_v), .3);
  136. --elevation-high: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  137. --font-primary: var(--font_v) !important;
  138. --font-display: var(--font_v) !important;
  139. }
  140.  
  141. html {
  142. color: var(--header-primary);
  143. }
  144.  
  145.  
  146. /* ~~~~ 0. TABLE OF CONTENTS ~~~~ */
  147. /*
  148. 1. TRANSPARENCY
  149. 2. BACKGROUND
  150. 3. TITLEBAR
  151. 4. GUILDLIST
  152. 5. CHANNELLIST
  153. 1. GUILDHEADER
  154. 2. CHANNELS
  155. 3. DMCHANNELS
  156. 4. ACCOUNT/VOICE/GOLIVE
  157. 6. CHAT
  158. 1. CHANNELHEADER
  159. 2. MESSAGES
  160. 1. MESSAGE
  161. 2. EMBEDS
  162. 3. NITROGIFT
  163. 4. INVITE
  164. 3. TEXTAREA
  165. 4. AUTOCOMPLETEMENU
  166. 5. MEMBERLIST
  167. 6. SEARCHPAGE
  168. 7. CHAT SIDEBAR
  169. 8. CALL
  170. 9. UNAVAILABLESCREEN
  171. 7. PEOPLES
  172. 8. STORE/NITRO
  173. 9. LIBRARY
  174. 10. DISCOVERY/UNIHUB
  175. 11. USERSETTINGS
  176. 12. GUILDSETTINGS
  177. 13. MODALS
  178. 1. USERMODAL
  179. 2. GUILDADD/CREATION
  180. 3. UPLOADMODAL
  181. 4. KEYBOARDSHORTCUTSMODAL
  182. 5. QUICKSWITCHER
  183. 6. INVITEMODAL/GROUPCREATE
  184. 7. LOGINSCREEN
  185. 8. DOWNLOADAPPMODAL
  186. 9. GUILDBOOSTMODAL
  187. 10. REACTIONSMODAL
  188. 11. GUILDWELCOMEMODAL
  189. 12. GUILDRULESMODAL
  190. 13. GUILDFEEDBACKMODAL
  191. 14. SCREENSHAREMODAL
  192. 15. PHONEVERIFICATIONMODAL
  193. 16. NOTIFICATIONSMODAL
  194. 17. PODIUMSTARTMODAL
  195. 14. POPOUTS
  196. 1. CONTEXTMENU
  197. 2. USERPOPOUT
  198. 3. EMOJIPICKER
  199. 4. PINS/MENTIONS
  200. 5. SEARCHPOPOUT
  201. 6. COLORPICKER
  202. 7. ADDROLE
  203. 8. EVERYONEMENTION
  204. 9. CHANNELFOLLOW
  205. 10. CHANNELFOLLOWINFO
  206. 11. EMOJIINFO
  207. 12. STREAMPREVIEW
  208. 13. STREAMINFO
  209. 14. PUBLICGUILDANNOUNCEMENT
  210. 15. RTCSTATUSPOPOUT
  211. 16. PHONE-/EMAILVALIDATION
  212. 17. QUICKSELECTPOPOUT
  213. 18. WARNINGPOPOUT
  214. 19. ACTIVETHREADLISTPOPOUT
  215. 20. ROLEMEMBERSPOPOUT
  216. 21. FORUMFILTERPOPOUT
  217. 22. ACTIVITYSHAREPOPOUT
  218. 23. SOUNDBOARD
  219. 24. SERVERSURVEY
  220. 15. GENERAL
  221. 1. TEXT
  222. 2. BUTTONS
  223. 3. INPUTS
  224. 4. SEARCHBARS
  225. 5. TAGS
  226. 6. IMAGES
  227. 7. SCROLLBARS
  228. 8. NOTIFICATIONBAR
  229. 9. TOOLTIPS
  230. 16. BDSUPPORT
  231. 17. POWERCORDSUPPORT
  232. 18. PLUGINSUPPORT
  233. 1. BDFDB
  234. 2. DATEVIEWER
  235. 3. MEMBERCOUNT
  236. 4. LINENUMBERS
  237. 5. PERMISSIONVIEWER
  238. 6. DIRECTDOWNLOAD
  239. 7. BETTERFORMATINGREDUX
  240. 8. CHANNELHISTORY
  241. 9. CHANNELTABS
  242. 10. TYPINGINDICATOR
  243. 11. CHANNELDMS
  244. 19. UPDATENOTICE
  245. 20. WATERMARK
  246. */
  247.  
  248.  
  249. /* ~~~~ 1. TRANSPARENCY ~~~~ */
  250.  
  251. body, /* body */
  252. #app-mount .app_b1f720, /* app container */
  253. #app-mount .app_de4237, /* app inner */
  254. #app-mount .loading__30066, /* app i18n loading */
  255. #app-mount .wrapper__246a1, /* app errorscreen */
  256. #app-mount .bg__12180, /* app background */
  257. #app-mount .layer__2efaa, /* layer container */
  258. #app-mount .container_b2ce9c, /* layer container */
  259. #app-mount .container__590e2, /* channels inner */
  260. #app-mount .privateChannels__93473, /* dmchannels */
  261. #app-mount .directoryContainer_d3edd9, /* server app directory */
  262. #app-mount .panels__58331 > *, /* account/voice inner */
  263. #app-mount .chat__52833, /* chat container */
  264. #app-mount .chatContent__5dca8, /* chat channel */
  265. #app-mount .container_b181b6, /* chat forums */
  266. #app-mount .container__10dc7, /* chat search */
  267. #app-mount .container__7590f, /* chat search inner */
  268. #app-mount .container_def45c, /* chat thread sidebar */
  269. #app-mount .wrapper_b8c724, /* chat messages loading */
  270. #app-mount .noChannel__7bbff, /* nochannel */
  271. #app-mount .members__9f47b, /* members */
  272. #app-mount .members__9f47b > div, /* members content */
  273. #app-mount .content_c21a16, /* unavailable */
  274. #app-mount .container__5c7e7, /* peoples */
  275. #app-mount .container__0a6a9, /* peoples activity list */
  276. #app-mount .applicationStore_fc7d76, /* nitro */
  277. #app-mount .shop_b31ed2, /* shop */
  278. #app-mount .containerSidenav__2623a, /* family control */
  279. #app-mount .pageWrapper_fef757, /* guilddiscovery */
  280. #app-mount .pageContainer__1e84a, /* unihub */
  281. #app-mount .scrollerBase_dc3aa9, /* scroller */
  282. #app-mount .standardSidebarView__1129a, /* settings */
  283. #app-mount .contentRegion__0bec1 { /* settings content */
  284. background: transparent;
  285. }
  286.  
  287. #app-mount .scroller__00e7e { /* peoples activity scroller */
  288. border: none;
  289. }
  290.  
  291. #app-mount .sidebarRegion__60457, /* settings sidebar */
  292. #app-mount .sidebar__0OpfR { /* sidebarlist sidebar */
  293. background-color: rgba(var(--transparencycolor_v), calc(0.2 * (var(--transparencyalpha_v) / (var(--transparencyalpha_v) + 0.00000000000000000000001))));
  294. }
  295.  
  296. #app-mount { /* app-mount */
  297. background-color: rgba(var(--transparencycolor_v), var(--transparencyalpha_v));
  298. }
  299. #app-mount .wrapper_a7e7a8 { /* guilds container */
  300. background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 2));
  301. }
  302. #app-mount .sidebar_ded4b5 { /* channels container */
  303. background-color: rgba(var(--transparencycolor_v), var(--guildchanneltransparency_v));
  304. }
  305. #app-mount .panels__58331 { /* account/voice container */
  306. background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) / 1.5));
  307. }
  308. #app-mount .container__11d72.themed_b152d4 { /* channelheader container */
  309. background-color: rgba(var(--transparencycolor_v), var(--guildchanneltransparency_v));
  310. }
  311. #app-mount .chatHeaderBar__3e137 { /* channelheader sub header */
  312. background-color: rgba(var(--transparencycolor_v), var(--guildchanneltransparency_v));
  313. }
  314. #app-mount .membersWrap__90226 { /* members container */
  315. background-color: rgba(var(--transparencycolor_v), var(--memberlisttransparency_v));
  316. }
  317. #app-mount .nowPlayingColumn_f5023f { /* peoples now playing */
  318. background-color: rgba(var(--transparencycolor_v), var(--memberlisttransparency_v));
  319. }
  320.  
  321. #app-mount .image_dabcb8 { /* app errorscreen image */
  322. background-image: url(https://discord.com/assets/72eaa596042042be6259.svg);
  323. opacity: 0.6;
  324. }
  325.  
  326.  
  327. /* ~~~~ 2. BACKGROUND ~~~~ */
  328.  
  329. body::before,
  330. body::after {
  331. content: "";
  332. position: fixed;
  333. top: 0;
  334. left: 0;
  335. right: 0;
  336. bottom: 0;
  337. pointer-events: none;
  338. z-index: -1;
  339. }
  340. body::before {
  341. background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
  342. }
  343. body::after {
  344. backdrop-filter: blur(var(--backgroundblur_v));
  345. }
  346. .layer__2efaa {
  347. z-index: 1000;
  348. }
  349. .container__4bde3::before,
  350. .layer__2efaa ~ .layer__2efaa::before,
  351. .root__6d24f::before,
  352. .container__4bde3::after,
  353. .layer__2efaa ~ .layer__2efaa::after,
  354. .root__6d24f::after {
  355. content: "";
  356. position: absolute;
  357. top: 0;
  358. left: 0;
  359. right: 0;
  360. bottom: 0;
  361. pointer-events: none;
  362. z-index: -1;
  363. }
  364. .container__4bde3::before,
  365. .layer__2efaa ~ .layer__2efaa::before,
  366. .root__6d24f::before {
  367. background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
  368. background-attachment: fixed;
  369. }
  370. .container__4bde3::after,
  371. .layer__2efaa ~ .layer__2efaa::after,
  372. .root__6d24f::after {
  373. background-color: rgba(var(--transparencycolor_v), var(--transparencyalpha_v));
  374. backdrop-filter: blur(var(--backgroundblur_v));
  375. }
  376. .uploadArea__13687,
  377. .backdrop__3ff7b,
  378. .backdrop__7e89b {
  379. background: transparent !important;
  380. opacity: 1 !important;
  381. animation: none !important;
  382. }
  383. .uploadArea__13687::before,
  384. .backdrop__3ff7b::before,
  385. .backdrop__7e89b::before,
  386. .uploadArea__13687::after,
  387. .backdrop__3ff7b::after,
  388. .backdrop__7e89b::after {
  389. content: "";
  390. position: absolute;
  391. top: 0;
  392. left: 0;
  393. right: 0;
  394. bottom: 0;
  395. pointer-events: none;
  396. z-index: -2;
  397. }
  398. .uploadArea__13687::before,
  399. .backdrop__3ff7b::before,
  400. .backdrop__7e89b::before {
  401. background: var(--backdrop_v) var(--backdropposition_v)/var(--backdropsize_v);
  402. background-attachment: fixed;
  403. }
  404. .uploadArea__13687::after,
  405. .backdrop__3ff7b::after,
  406. .backdrop__7e89b::after {
  407. backdrop-filter: blur(var(--backdropblur_v));
  408. }
  409. .withLayer__1fe9d {
  410. z-index: -1;
  411. }
  412.  
  413.  
  414. /* ~~~~ 3. TITLEBAR ~~~~ */
  415.  
  416. .titleBar__01af6 {
  417. z-index: 5001;
  418. }
  419. .titleBar__01af6::after {
  420. content: "";
  421. pointer-events: none;
  422. position: absolute;
  423. z-index: -1;
  424. top: 0;
  425. left: 0;
  426. width: 100%;
  427. background-color: rgba(var(--transparencycolor_v), calc(0.1 + var(--guildchanneltransparency_v) * 2));
  428. }
  429. .titleBar__01af6:not(.typeMacOS__496b0)::after {
  430. height: 22px;
  431. }
  432. .titleBar__01af6.typeMacOS__496b0::after {
  433. height: 28px;
  434. width: calc(100% - 4px);
  435. margin: 2px;
  436. border-radius: 5px;
  437. }
  438. .titleBar__01af6.typeMacOS__496b0,
  439. .titleBar__01af6.typeMacOS__496b0 .macButtons__7b1bc {
  440. width: 72px;
  441. }
  442. .titleBar__01af6.typeMacOS__496b0.typeMacOSWithFrame_db4a7d .macButtons__7b1bc {
  443. margin-top: 0;
  444. margin-right: 0;
  445. }
  446. .platform-osx .wrapper_a7e7a8 {
  447. margin-top: 0;
  448. padding-top: 32px;
  449. }
  450. .platform-osx .standardSidebarView__1129a::before {
  451. left: 72px;
  452. }
  453. .winButtonMinMax__72f36:hover {
  454. background-color: rgba(var(--transparencycolor_v), .2);
  455. }
  456.  
  457.  
  458. /* ~~~~ 4. GUILDLIST ~~~~ */
  459.  
  460. #app-mount .childWrapper__01b9c { /* homebutton/acronym innerwrap */
  461. background-color: rgba(var(--transparencycolor_v), .3);
  462. color: var(--text-normal);
  463. font-weight: 500;
  464. }
  465. #app-mount .wrapper_d281dd:hover .childWrapper__01b9c,
  466. #app-mount .wrapper_d281dd.selected_f5ec8e .childWrapper__01b9c {
  467. background-color: var(--brand-experiment);
  468. text-shadow: 1px 1px var(--textshadow_v);
  469. }
  470. #app-mount .wrapper_d281dd rect[fill] {
  471. fill: rgba(var(--transparencycolor_v), .3);
  472. }
  473. #app-mount .noIcon__06e39 { /* acronym minicontainer */
  474. background-color: rgba(var(--transparencycolor_v), .3);
  475. }
  476.  
  477. #app-mount .circleIconButton_d8df29 { /* guildadd/discovery innerwrap */
  478. background-color: rgba(var(--transparencycolor_v), .3);
  479. }
  480. #app-mount .circleIconButton_d8df29.selected__5250e {
  481. background-color: var(--green-360);
  482. }
  483.  
  484. #app-mount .guildIconUnavailable_db5297, /* guilderror miniicon */
  485. #app-mount .guildsError__0aa84 { /* guilderror innerwrap */
  486. background-color: rgba(var(--dangercolor)),.3);
  487. }
  488.  
  489. #app-mount .dragInner_a23293 { /* dragplaceholder */
  490. background-color: rgba(var(--transparencycolor_v), .3);
  491. }
  492.  
  493. .wrapper_ed1dea { /* folder outerwrap */
  494. margin-bottom: 8px;
  495. }
  496. #app-mount .folder__17546 { /* folder iconwrap */
  497. background-color: rgba(var(--transparencycolor_v), .2);
  498. }
  499. #app-mount .folder__17546.hover__043de {
  500. background-color: rgba(var(--transparencycolor_v), .4);
  501. }
  502. #.expandedFolderBackground__1bec6 { /* folder background */
  503. background-color: rgba(var(--transparencycolor_v), .2);
  504. border-radius: 15px 15px 24px 24px;
  505. top: 0;
  506. bottom: 0;
  507. margin-bottom: 8px;
  508. transition: border-radius 3s ease, background-color 1s ease;
  509. }
  510. .expandedFolderBackground__1bec6.hover__043de {
  511. background-color: rgba(var(--transparencycolor_v), .4);
  512. }
  513.  
  514. .wrapper_a7e7a8 .wrapper_ed1dea [role="group"] { /* folder guildwrap */
  515. margin-bottom: -8px;
  516. }
  517. .wrapper_a7e7a8 .wrapper_ed1dea [role="group"] .listItem_fa7b36:last-child {
  518. margin-bottom: 0;
  519. }
  520.  
  521. .bar_edc096 { /* guild/channelbar inner */
  522. box-shadow: 0 2px 6px rgba(var(--transparencycolor_v), .24);
  523. }
  524. .bar_edc096:not(.mention__1afd3) {
  525. background-color: transparent;
  526. overflow: hidden;
  527. }
  528. .bar_edc096:not(.mention__1afd3)::before,
  529. .bar_edc096:not(.mention__1afd3)::after {
  530. content: "";
  531. position: absolute;
  532. top: 0;
  533. bottom: 0;
  534. right: 0;
  535. left: 0;
  536. pointer-events: none;
  537. z-index: -1;
  538. }
  539. .bar_edc096:not(.mention__1afd3)::before {
  540. background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
  541. background-attachment: fixed;
  542. }
  543. .bar_edc096:not(.mention__1afd3)::after {
  544. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.1));
  545. backdrop-filter: blur(var(--backgroundblur_v));
  546. }
  547. .sidebar_ded4b5 .bar_edc096:not(.mention__1afd3)::after {
  548. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + var(--guildchanneltransparency_v) * 0.85 + 0.1));
  549. }
  550. .wrapper_a7e7a8 .bar_edc096:not(.mention__1afd3)::after {
  551. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + var(--guildchanneltransparency_v) * 1.9 + 0.1));
  552. }
  553.  
  554.  
  555. /* ~~~~ 5. CHANNELLIST ~~~~ */
  556.  
  557. #app-mount .sidebar_ded4b5 { /* channels container */
  558. border-radius: 0;
  559. }
  560.  
  561. /* ---- 5.1. GUILDHEADER ---- */
  562.  
  563. .container__7c79d .animatedContainer__341f6 { /* banner wrap */
  564. background: none;
  565. box-shadow: none;
  566. }
  567. .bannerImage__39c51 { /* banner image */
  568. -webkit-mask: linear-gradient(rgba(0,0,0,0.9) 70%, rgba(0,0,0,0) 100%);
  569. }
  570. .bannerImage__39c51::before {
  571. display: none;
  572. }
  573.  
  574. .header__104ca, /* header inner */
  575. .searchBar_e4ea2a { /* header searchbar */
  576. box-shadow: 0 1px 0 rgba(var(--transparencycolor_v), .2), 0 1.5px 0 rgba(var(--transparencycolor_v), .05), 0 2px 0 rgba(var(--transparencycolor_v), .05);
  577. }
  578. .searchBar_e4ea2a .searchBarComponent__22760 { /* header searchbarinner */
  579. background-color: rgba(var(--transparencycolor_v), .2);
  580. }
  581. .clickable__2d589:not(.hasBanner_e78601) .header__104ca:hover,
  582. .selected__0b1ad:not(.hasBanner_e78601) .header__104ca {
  583. background-color: rgba(var(--transparencycolor_v), .2);
  584. }
  585.  
  586. /* ---- 5.2. CHANNELS ---- */
  587.  
  588. .wrapper__7bcde:hover .link__95dc0 { /* channel content */
  589. background-color: rgba(var(--transparencycolor_v), .2);
  590. }
  591. .wrapper__7bcde:hover .link__95dc0 [style*="color: var(--text-muted)"] {
  592. color: var(--header-secondary) !important;
  593. }
  594. .modeSelected__487d6 .link__95dc0,
  595. .modeSelected__487d6:hover .link__95dc0 {
  596. background-color: rgb(var(--accentcolor_v));
  597. text-shadow: 1px 1px var(--textshadow_v);
  598. }
  599. .modeSelected__487d6 .link__95dc0 [style*="color: var(--text-muted)"],
  600. .modeSelected__487d6:hover .link__95dc0 [style*="color: var(--text-muted)"] {
  601. color: var(--header-secondary) !important;
  602. }
  603. .modeSelected__487d6 .link__95dc0 svg,
  604. .modeSelected__487d6:hover .link__95dc0 svg {
  605. filter: drop-shadow(1px 1px var(--textshadow_v));
  606. }
  607.  
  608. .icon_eff5d4 { /* channel icon */
  609. color: var(--channels-default);
  610. }
  611. .modeMuted__0aeea .icon_eff5d4 {
  612. color: var(--interactive-muted);
  613. }
  614. .modeMuted__0aeea:hover .icon_eff5d4,
  615. .wrapper__7bcde:hover .icon_eff5d4 {
  616. color: var(--interactive-hover);
  617. }
  618. .modeConnected__1c02e .icon_eff5d4,
  619. .modeConnected__1c02e:hover .icon_eff5d4,
  620. .modeSelected__487d6 .icon_eff5d4,
  621. .modeSelected__487d6:hover .icon_eff5d4,
  622. .modeUnread_f74c03 .icon_eff5d4,
  623. .modeUnread_f74c03:hover .icon_eff5d4,
  624. .modeUnreadImportant_efb53e .icon_eff5d4,
  625. .modeUnreadImportant_efb53e:hover .icon_eff5d4,
  626. .notInteractive_a7d9fb.modeConnected__1c02e .icon_eff5d4,
  627. .notInteractive_a7d9fb.modeSelected__487d6 .icon_eff5d4 {
  628. color: var(--interactive-active);
  629. }
  630. .modeConnected__1c02e .subtitle_bba2b7, /* channel subtitle */
  631. .modeConnected__1c02e:hover .subtitle_bba2b7,
  632. .modeSelected__487d6 .subtitle_bba2b7,
  633. .modeSelected__487d6:hover .subtitle_bba2b7,
  634. .modeUnread_f74c03 .subtitle_bba2b7,
  635. .modeUnread_f74c03:hover .subtitle_bba2b7,
  636. .modeUnreadImportant_efb53e .subtitle_bba2b7,
  637. .modeUnreadImportant_efb53e:hover .subtitle_bba2b7,
  638. .notInteractive_a7d9fb.modeConnected__1c02e .subtitle_bba2b7,
  639. .notInteractive_a7d9fb.modeSelected__487d6 .subtitle_bba2b7 {
  640. color: var(--interactive-normal);
  641. }
  642. .spine__88e6d { /* channel thread spine */
  643. color: var(--channels-default);
  644. }
  645.  
  646. .wrapper__5848b { /* voicechat limit */
  647. background-color: rgba(var(--transparencycolor_v), .15);
  648. }
  649. .wrapper__5848b .users__65981 {
  650. background-color: transparent;
  651. }
  652. .wrapper__5848b .total_c01838 {
  653. background-color: rgba(var(--transparencycolor_v), .3);
  654. }
  655. .wrapper__5848b .total_c01838::after {
  656. border-right-color: rgba(var(--transparencycolor_v), .3);
  657. }
  658.  
  659. .listDefault__205d0 .clickable__137bc:hover .content_b60865 {
  660. background-color: rgba(var(--transparencycolor_v), .2);
  661. }
  662.  
  663. #app-mount .streamPreview__1846c {
  664. position: relative;
  665. background-color: transparent;
  666. color: var(--header-secondary);
  667. overflow: hidden;
  668. }
  669. .streamPreview__1846c::before,
  670. .streamPreview__1846c::after {
  671. content: "";
  672. position: absolute;
  673. top: 0;
  674. bottom: 0;
  675. right: 0;
  676. left: 0;
  677. width: unset;
  678. height: unset;
  679. border-radius: 5px;
  680. pointer-events: none;
  681. z-index: -1;
  682. }
  683. .streamPreview__1846c::before {
  684. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  685. background-attachment: fixed;
  686. }
  687. .streamPreview__1846c::after {
  688. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
  689. backdrop-filter: blur(var(--popoutblur_v));
  690. }
  691. #app-mount .previewContainer_bb1924 {
  692. background-color: transparent;
  693. }
  694. #app-mount .watchButton__0d283 {
  695. border-color: var(--header-secondary);
  696. color: var(--header-secondary);
  697. }
  698. #app-mount .watchButton__0d283:not([disabled]):hover {
  699. border-color: var(--header-primary);
  700. color: var(--header-primary);
  701. }
  702.  
  703. /* ---- 5.3. DMCHANNELS ---- */
  704.  
  705. .interactive__776ee:focus-within, /* dmchannel/page inner */
  706. .interactive__776ee:hover {
  707. background-color: rgba(var(--transparencycolor_v), .2);
  708. }
  709. .selected_d94cf9,
  710. .selected_d94cf9:focus-within,
  711. .selected_d94cf9:hover {
  712. background-color: rgb(var(--accentcolor_v));
  713. color: var(--header-primary);
  714. text-shadow: 1px 1px var(--textshadow_v);
  715. }
  716. .selected_d94cf9 svg:not(.svg_f5b652) {
  717. filter: drop-shadow(1px 1px var(--textshadow_v));
  718. }
  719.  
  720. .empty__086ba { /* loadingplaceholders */
  721. fill: rgba(var(--transparencycolor_v), .4);
  722. }
  723.  
  724. /* ---- 5.4. ACCOUNT/VOICE/GOLIVE ---- */
  725.  
  726. .panels__58331 > *, /* account/voice inner */
  727. .panels__58331 .wrapper__0ed4a > * { /* account/voice inner */
  728. background: none;
  729. border: none;
  730. }
  731. .panels__58331 > *:not(:empty) ~ *:not(:empty) {
  732. border-top: 1px solid rgba(var(--transparencycolor_v), .2);
  733. }
  734.  
  735. button.button__4f306.enabled__470f0 { /* account/voice panel button */
  736. opacity: 0.7;
  737. }
  738. button.button__4f306.enabled__470f0:hover {
  739. opacity: 1;
  740. background-color: rgb(var(--accentcolor_v));
  741. }
  742. .withTagAsButton_cc125f:hover,
  743. .withTagless__98b7d:hover {
  744. background-color: rgb(var(--accentcolor_v));
  745. }
  746. button.button__4f306.enabled__470f0:hover svg {
  747. filter: drop-shadow(1px 1px var(--textshadow_v));
  748. }
  749. .button__66e8c.buttonColor_a6eb73 {
  750. background-color: rgba(var(--transparencycolor_v), .3);
  751. }
  752. .button__66e8c.buttonColor_a6eb73:hover {
  753. background-color: rgb(var(--accentcolor_v));
  754. }
  755. .button__66e8c.buttonColor_a6eb73.buttonActive__407a7,
  756. .button__66e8c.buttonColor_a6eb73.buttonActive__407a7:hover {
  757. background-color: rgb(var(--accentcolor_v));
  758. text-shadow: 1px 1px var(--textshadow_v);
  759. }
  760. .button__66e8c.buttonColor_a6eb73.buttonActive__407a7 svg,
  761. .button__66e8c.buttonColor_a6eb73.buttonActive__407a7:hover svg {
  762. filter: drop-shadow(1px 1px var(--textshadow_v));
  763. }
  764.  
  765.  
  766. /* ~~~~ 6. CHAT ~~~~ */
  767.  
  768. .chat__52833.threadSidebarOpen_fa231d { /* chat threadsidebar open */
  769. border-radius: 0;
  770. }
  771. .editor_e77931 { /* chat editor */
  772. border: none;
  773. }
  774. #app-mount .background_e80d5a .container__92dc8,
  775. #app-mount .background_e80d5a .container_acafc1,
  776. #app-mount .background_e80d5a .container_f55cad,
  777. #app-mount .background_e80d5a .icon_f71c55,
  778. #app-mount .background_e80d5a .containerCard__30250,
  779. #app-mount .background_e80d5a .containerCard__30250:hover,
  780. #app-mount .background_e80d5a .interactiveCard_d5a839,
  781. #app-mount .background_e80d5a .emptyStateContainer__3c229,
  782. #app-mount .background_e80d5a .card_d4f6c7,
  783. #app-mount .container_b181b6 .mainCard__8a660,
  784. #app-mount .container_b181b6 .sidebarCard__44447,
  785. #app-mount .container__10dc7 .channelRow__96673 {
  786. background-color: var(--background-secondary);
  787. }
  788. @media (max-width: 1300px) {
  789. .container_acafc1,
  790. .container_f55cad {
  791. background: none !important;
  792. }
  793. }
  794. #app-mount .background_e80d5a .containerCard__30250 {
  795. border-color: var(--background-secondary);
  796. }
  797. #app-mount .background_e80d5a .container__16581:hover,
  798. #app-mount .container_b181b6 .pill_f055c3,
  799. #app-mount .container__10dc7 .channelRow__96673:hover {
  800. background: var(--background-tertiary);
  801. }
  802. .contentPreview_b317ee { /* forum list item */
  803. border-color: rgb(var(--transparencycolor_v));
  804. }
  805. #app-mount .textContentFooter__5a630 { /* forum list item footer */
  806. background: linear-gradient(0deg, rgba(var(--transparencycolor_v), .5), rgba(var(--transparencycolor_v), .1));
  807. }
  808. .container__8ee50 {
  809. border-color: var(--background-floating);
  810. }
  811. .divider_ffec75 { /* forum fat divider */
  812. background: var(--background-floating);
  813. }
  814. #app-mount .container_c24cbd.isOpen_d88bb6 { /* forum selected post */
  815. background-color: rgb(var(--accentcolor_v));
  816. text-shadow: 1px 1px var(--textshadow_v);
  817. }
  818. #app-mount .container_c24cbd.isOpen_d88bb6 .defaultColor__77578,
  819. #app-mount .container_c24cbd.isOpen_d88bb6 [style*="color: var(--header-secondary)"] {
  820. color: var(--header-primary) !important;
  821. }
  822. #app-mount .container_c24cbd.isOpen_d88bb6 .author__185be a,
  823. #app-mount .container_c24cbd.isOpen_d88bb6 [style*="color: var(--text-muted)"] {
  824. color: var(--header-secondary) !important;
  825. }
  826.  
  827. /* ---- 6.1. CHANNELHEADER ---- */
  828.  
  829. .container__11d72.themed_b152d4 { /* header themedcontainer */
  830. box-shadow: 0 1px 0 rgba(var(--transparencycolor_v), .2), 0 1.5px 0 rgba(var(--transparencycolor_v), .05), 0 2px 0 rgba(var(--transparencycolor_v), .05);
  831. }
  832.  
  833. .input__321f5:focus { /* header dmchannelinput */
  834. background-color: rgba(var(--transparencycolor_v), .2);
  835. }
  836. .input__321f5:focus,
  837. .outer_c57160:hover .input__321f5 {
  838. box-shadow: inset 0 0 0 1px rgba(var(--transparencycolor_v), .2);
  839. }
  840. .children__32014::after { /* header topicgradient */
  841. display: none;
  842. }
  843.  
  844. .akaBadge__7df41 { /* header aka */
  845. background-color: rgba(var(--transparencycolor_v), .3);
  846. }
  847.  
  848. .searchBar_e0c60b { /* header searchbar */
  849. background-color: rgba(var(--transparencycolor_v), .3);
  850. }
  851. #app-mount .public-DraftEditorPlaceholder-root {
  852. color: rgb(var(--textdarker_v));
  853. }
  854. #app-mount .public-DraftEditorPlaceholder-hasFocus {
  855. color: var(--header-secondary);
  856. }
  857. #app-mount .searchFilter__118cb,
  858. #app-mount .searchAnswer_b452e7 {
  859. background-color: rgb(var(--accentcolor_v));
  860. text-shadow: 1px 1px var(--textshadow_v);
  861. }
  862.  
  863. /* ---- 6.2. MESSAGES ---- */
  864.  
  865. .clickableAction_bef9b9:hover .action_c957d9, /* guidancechannel options */
  866. .row__70f4c:hover {
  867. background-color: rgba(var(--transparencycolor_v), .4);
  868. }
  869.  
  870. .emptyChannelIcon__1a1ba { /* welcomemessage empty channelicon */
  871. position: relative;
  872. background: rgba(var(--transparencycolor_v), .4);
  873. overflow: hidden;
  874. }
  875. .emptyChannelIcon__1a1ba::before {
  876. content: "";
  877. position: absolute;
  878. top: 0;
  879. right: 0;
  880. bottom: 0;
  881. left: 0;
  882. background: var(--header-primary);
  883. -webkit-mask: url(https://discord.com/assets/1b60cdb56c8c081495ac.svg) center no-repeat;
  884. }
  885.  
  886. .button_fb39e8:hover { /* welcomemessage edit channel */
  887. background-color: rgb(var(--accentcolor_v));
  888. color: var(--interactive-active);
  889. text-shadow: 1px 1px var(--textshadow_v);
  890. }
  891.  
  892. #app-mount .role__88585 { /* welcomemessage role */
  893. background: transparent;
  894. border-color: rgba(var(--textbrighter_v), .6);
  895. border-radius: 5px;
  896. height: 22px;
  897. padding: 0 5px;
  898. position: relative;
  899. }
  900. #app-mount .role__88585[style*="border-color: rgba(185, 187, 190, .6)"] {
  901. border-color: rgba(var(--textbrighter_v), .6) !important;
  902. }
  903. #app-mount .role__88585 .roleColor_dc66b5 { /* welcomemessage rolecircle */
  904. position: absolute;
  905. background-color: var(--text-normal);
  906. border-radius: 3px;
  907. opacity: 0.5;
  908. height: 100%;
  909. width: 100%;
  910. margin: 0;
  911. left: 0;
  912. top: 0;
  913. z-index: -1;
  914. }
  915. #app-mount .role__88585:hover .roleColor_dc66b5 {
  916. opacity: 0.8;
  917. }
  918. #app-mount .role__88585 .roleColor_dc66b5[style*="background-color: rgb(185, 187, 190)"] {
  919. background-color: var(--text-normal) !important;
  920. }
  921.  
  922. .divider_b9338f.hasContent_fea365 { /* divider hascontent */
  923. border-width: calc(1px * (1 - var(--usechatbubbles)));
  924. }
  925. .divider_b9338f.hasContent_fea365::before {
  926. content: "";
  927. position: absolute;
  928. top: -0.6rem;
  929. bottom: -0.6rem;
  930. right: -0.2rem;
  931. left: 0;
  932. background: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 0.5));
  933. border-radius: 5px;
  934. pointer-events: none;
  935. z-index: -1;
  936. }
  937. .content_d67847 { /* divider content */
  938. position: absolute;
  939. background-color: transparent;
  940. padding: 2px 8px;
  941. width: unset;
  942. }
  943. .content_d67847::before,
  944. .content_d67847::after {
  945. content: "";
  946. position: absolute;
  947. top: 0;
  948. bottom: 0;
  949. right: 0;
  950. left: 0;
  951. pointer-events: none;
  952. opacity: calc(1 - var(--usechatbubbles));
  953. z-index: -1;
  954. }
  955. .content_d67847::before {
  956. background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
  957. background-attachment: fixed;
  958. }
  959. .content_d67847::after {
  960. background-color: rgba(var(--transparencycolor_v), var(--transparencyalpha_v));
  961. backdrop-filter: blur(var(--backgroundblur_v));
  962. }
  963. .unreadPill__715fc { /* divider unreadpill */
  964. border-radius: calc(4px * var(--usechatbubbles)) 4px 4px calc(4px * var(--usechatbubbles));
  965. padding-left: calc(4px * var(--usechatbubbles) + 1px * (1 - var(--usechatbubbles)));
  966. }
  967. .unreadPillCap__96b8d { /* divider unreadpillcap */
  968. opacity: calc(1 - var(--usechatbubbles));
  969. }
  970.  
  971. .hasMore_b03f46:hover {
  972. background-color: rgba(var(--transparencycolor_v), .2);
  973. }
  974. .jumpToPresentBar__0ff7f { /* bar jumptopresent */
  975. bottom: -8px;
  976. background-color: transparent;
  977. border-bottom: 1px solid var(--background-modifier-accent);
  978. overflow: hidden;
  979. opacity: 1;
  980. }
  981. .jumpToPresentBar__0ff7f::before,
  982. .jumpToPresentBar__0ff7f::after {
  983. content: "";
  984. position: absolute;
  985. top: 0;
  986. bottom: 0;
  987. right: 0;
  988. left: 0;
  989. pointer-events: none;
  990. z-index: -1;
  991. }
  992. .jumpToPresentBar__0ff7f::before {
  993. background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
  994. background-attachment: fixed;
  995. }
  996. .jumpToPresentBar__0ff7f::after {
  997. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
  998. backdrop-filter: blur(var(--backgroundblur_v));
  999. }
  1000. .messagesWrapper_ea2b0b:has(.jumpToPresentBar__0ff7f) ~ .form__13a2c .channelTextArea__2e60f,
  1001. .messagesWrapper_ea2b0b:has(.jumpToPresentBar__0ff7f) ~ .form__13a2c .scrollableContainer__33e06 {
  1002. border-top-right-radius: 0;
  1003. border-top-left-radius: 0;
  1004. }
  1005.  
  1006. /* ==== 6.2.1. MESSAGE ==== */
  1007.  
  1008. #app-mount .message__04d9f { /* message confirm modal */
  1009. background-color: rgba(var(--transparencycolor_v), .2);
  1010. box-shadow: none;
  1011. }
  1012. .message__80c10, /* message container */
  1013. .messagesWrapper_ea2b0b .wrapper__09ecc, /* message upload placeholder */
  1014. .card_d4f6c7 .wrapper__09ecc, /* message home */
  1015. .wrapper__5c5cd, /* message loading */
  1016. .message_f3a9e4, /* message mention popout */
  1017. .message__41c2a, /* message inbox popout */
  1018. .message__04d9f .wrapper__09ecc, /* message settings preview */
  1019. .messageGroupCozy__2dedd, /* message pin popout */
  1020. .message_d8db25 .wrapper__09ecc { /* message searchpage */
  1021. background-color: rgba(var(--transparencycolor_v), var(--messagetransparency_v)) !important;
  1022. contain: unset;
  1023. }
  1024. .message_d8db25 .wrapper__09ecc { /* message searchpage */
  1025. background-color: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 0.8)) !important;
  1026. }
  1027. .message__80c10.selected_fd9051,
  1028. .mouse-mode .message__80c10:hover,
  1029. .mouse-mode.full-motion .message__80c10:hover,
  1030. .mouse-mode .wrapper__5c5cd:hover,
  1031. .mouse-mode.full-motion .wrapper__5c5cd:hover {
  1032. background-color: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 1.2 * var(--usechatbubbles) + 0.3 * (1 - var(--usechatbubbles)))) !important;
  1033. }
  1034. .messageListItem__6a4fb > .message__80c10.groupStart__56db5 {
  1035. border-top-right-radius: 5px;
  1036. border-top-left-radius: 5px;
  1037. }
  1038. .messageListItem__6a4fb:has(+ .messageListItem__6a4fb > .message__80c10.groupStart__56db5) > .message__80c10,
  1039. .messageListItem__6a4fb:has(+ :not(.messageListItem__6a4fb)) > .message__80c10 {
  1040. border-bottom-right-radius: 5px;
  1041. border-bottom-left-radius: 5px;
  1042. }
  1043. .messageListItem__6a4fb > .message__80c10.groupStart__56db5:before {
  1044. top: 2px;
  1045. border-top-left-radius: 5px;
  1046. }
  1047. .messageListItem__6a4fb:has(+ .messageListItem__6a4fb > .message__80c10.groupStart__56db5) > .message__80c10:before,
  1048. .messageListItem__6a4fb:has(+ :not(.messageListItem__6a4fb)) > .message__80c10:before {
  1049. bottom: 2px;
  1050. border-bottom-left-radius: 5px;
  1051. }
  1052. .backgroundFlash_e5b9ad .message__80c10 { /* message jump flash */
  1053. position: relative;
  1054. }
  1055. .backgroundFlash_e5b9ad .message__80c10::before {
  1056. content: "";
  1057. position: absolute;
  1058. background: var(--message-background-flash, transparent);
  1059. top: 0;
  1060. right: 0;
  1061. bottom: 0;
  1062. left: 0;
  1063. z-index: 1;
  1064. pointer-events: none;
  1065. }
  1066. .backgroundFlash_e5b9ad .cozyMessage__64ce7::before {
  1067. left: calc(-80px * var(--usechatbubbles));
  1068. }
  1069. .message__80c10.ephemeral_c26b64, /* message localbot */
  1070. .message__80c10.replying_d7b6ad, /* message replying */
  1071. .message__80c10.highlighted__5f454 { /* message highlighted */
  1072. background-image: linear-gradient(rgba(var(--accentcolor_v), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--accentcolor_v), calc(0.2 * (1 - var(--usechatbubbles)))));
  1073. }
  1074. .message__80c10.mentioned__58017 { /* message mentioned */
  1075. background-image: linear-gradient(rgba(var(--mentioncolor), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--accentcolor_v), calc(0.2 * (1 - var(--usechatbubbles)))));
  1076. }
  1077. .message__80c10.automodMessage__410f7 { /* message automodMessage */
  1078. background-image: linear-gradient(rgba(var(--dangercolor), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--dangercolor), calc(0.2 * (1 - var(--usechatbubbles)))));
  1079. }
  1080. .message__80c10.mentioned__58017:before,
  1081. .message__80c10.ephemeral_c26b64:before,
  1082. .message__80c10.automodMessage__410f7:before,
  1083. .message__80c10.replying_d7b6ad:before,
  1084. .message__80c10.highlighted__5f454:before {
  1085. }
  1086. .message__80c10.ephemeral_c26b64::before,
  1087. .message__80c10.replying_d7b6ad::before,
  1088. .message__80c10.highlighted__5f454::before {
  1089. background-color: rgb(var(--accentcolor_v));
  1090. }
  1091. .message__80c10.mentioned__58017::before {
  1092. background-color: rgb(var(--mentioncolor));
  1093. }
  1094. .message__80c10.automodMessage__410f7::before {
  1095. background-color: rgb(var(--dangercolor));
  1096. }
  1097. .message__80c10.mentioned__58017 .contents_f41bb2 .messageContent__21e69 {
  1098. border-radius: 3px;
  1099. background-color: rgba(var(--mentioncolor), calc(0.3 * var(--usechatbubbles)));
  1100. }
  1101. #app-mount .avatar__08316, /* message container avatar */
  1102. #app-mount .avatar_eb6eba { /* message loading avatar */
  1103. position: absolute;
  1104. top: 2px;
  1105. left: calc(-70px * var(--usechatbubbles) + 16px);
  1106. }
  1107. #app-mount .messageItemBody_e13b10.hasReply_febd50 .avatar__08316,
  1108. #app-mount .repliedMessage_e2bf4a ~ * .avatar__08316 {
  1109. top: 24px;
  1110. }
  1111. #app-mount .avatarDecoration__14b3c { /* message avatar decoration */
  1112. position: absolute;
  1113. top: 2px;
  1114. left: calc(-70px * var(--usechatbubbles) + 16px - (6.6666666px * var(--decoration-to-avatar-ratio)/2));
  1115. }
  1116. #app-mount .messageItemBody_e13b10.hasReply_febd50 .avatarDecoration__14b3c,
  1117. #app-mount .repliedMessage_e2bf4a ~ * .avatarDecoration__14b3c {
  1118. top: 24px;
  1119. }
  1120.  
  1121. #app-mount .replyBadge__3d01e { /* message reply badge */
  1122. background-color: rgba(var(--transparencycolor_v), .5);
  1123. }
  1124. #app-mount .spine_d081ec {
  1125. width: 0px;
  1126. top: 20px;
  1127. right: calc(1px * (-32 * var(--usechatbubbles) + -25 * (1 - var(--usechatbubbles))));
  1128. left: unset;
  1129. border: none;
  1130. }
  1131. #app-mount .compact__54ecc .spine_d081ec {
  1132. right: 0;
  1133. }
  1134. #app-mount .repliedMessage_e2bf4a::before, /* message reply spine */
  1135. #app-mount .repliedMessage_e2bf4a::after,
  1136. #app-mount .spine_d081ec::before, /* message command spine */
  1137. #app-mount .spine_d081ec::after {
  1138. --avatar-size: 38px;
  1139. --gutter: 16px;
  1140. --spine-width: 2px;
  1141. content: "";
  1142. display: block;
  1143. position: absolute;
  1144. -webkit-box-sizing: border-box;
  1145. box-sizing: border-box;
  1146. top: 50%;
  1147. right: unset;
  1148. bottom: 0;
  1149. left: calc(-1 * var(--avatar-size) - (6px * var(--usechatbubbles)));
  1150. width: calc(var(--avatar-size) - 4px);
  1151. margin: calc(-1 * var(--spine-width)/2) var(--reply-spacing) calc(.125rem - 4px) calc(-1 * var(--spine-width)/2);
  1152. border-right: 0 solid var(--background-accent);
  1153. border-left: var(--spine-width) solid var(--background-accent);
  1154. }
  1155. #app-mount .repliedMessage_e2bf4a::before,
  1156. #app-mount .repliedMessage_e2bf4a::after {
  1157. border-top: var(--spine-width) solid var(--background-accent);
  1158. border-bottom: 0 solid var(--background-accent);
  1159. border-top-left-radius: 6px;
  1160. }
  1161. #app-mount .spine_d081ec::before,
  1162. #app-mount .spine_d081ec::after {
  1163. border-top: 0 solid var(--background-accent);
  1164. border-bottom: var(--spine-width) solid var(--background-accent);
  1165. border-bottom-left-radius: 6px;
  1166. }
  1167. #app-mount .compact__54ecc .repliedMessage_e2bf4a::before,
  1168. #app-mount .compact__54ecc .repliedMessage_e2bf4a::after,
  1169. #app-mount .compact__54ecc .spine_d081ec::before,
  1170. #app-mount .compact__54ecc .spine_d081ec::after {
  1171. --avatar-size: 20px;
  1172. left: calc(-1 * var(--avatar-size));
  1173. }
  1174. #app-mount .repliedMessage_e2bf4a::before,
  1175. #app-mount .spine_d081ec::before {
  1176. border-color: rgba(var(--textbrighter_v), calc(0.3 * (1 - var(--usechatbubbles))));
  1177. }
  1178. #app-mount .repliedMessage_e2bf4a::after,
  1179. #app-mount .spine_d081ec::after {
  1180. border-color: rgba(var(--transparencycolor_v), calc(0.5 * var(--usechatbubbles)));
  1181. }
  1182. #app-mount .compact__54ecc .repliedMessage_e2bf4a::before,
  1183. #app-mount .compact__54ecc .spine_d081ec::before {
  1184. border-color: rgba(var(--textbrighter_v), .3);
  1185. }
  1186. #app-mount .compact__54ecc .repliedMessage_e2bf4a::after,
  1187. #app-mount .compact__54ecc .spine_d081ec::after {
  1188. border-color: transparent;
  1189. }
  1190.  
  1191. #app-mount .cozy_f5c119.hasThread__58ee2::before, /* message thread spine */
  1192. #app-mount .cozy_f5c119.hasThread__58ee2::after,
  1193. #app-mount .compact__54ecc.hasThread__58ee2::after {
  1194. --avatar-size: 38px;
  1195. --gutter: 16px;
  1196. --spine-width: 2px;
  1197. content: "";
  1198. display: block;
  1199. position: absolute;
  1200. top: 2rem;
  1201. bottom: 29px;
  1202. left: calc(var(--avatar-size) * (1 - var(--usechatbubbles)) - var(--avatar-size) * var(--usechatbubbles));
  1203. width: calc(var(--avatar-size) - 10px + (4px * var(--usechatbubbles)));
  1204. margin: calc(-1 * var(--spine-width)/2) var(--reply-spacing) calc(.125rem - 4px) calc(-1 * var(--spine-width)/2);
  1205. border-top: 0 solid var(--background-accent);
  1206. border-right: 0 solid var(--background-accent);
  1207. border-bottom: var(--spine-width) solid var(--background-accent);
  1208. border-left: var(--spine-width) solid var(--background-accent);
  1209. border-bottom-left-radius: 8px;
  1210. }
  1211. #app-mount .cozy_f5c119.hasThread__58ee2::before {
  1212. border-color: rgba(var(--textbrighter_v), calc(0.3 * (1 - var(--usechatbubbles))));
  1213. }
  1214. #app-mount .cozy_f5c119.hasThread__58ee2::after {
  1215. border-color: rgba(var(--transparencycolor_v), calc(0.5 * var(--usechatbubbles)));
  1216. }
  1217. #app-mount .message__80c10.mentioned__58017.hasThread__58ee2::before {
  1218. background-color: transparent;
  1219. }
  1220. #app-mount .compact__54ecc.hasThread__58ee2::after {
  1221. left: calc(var(--avatar-size) + 11px);
  1222. width: calc(var(--avatar-size) - 13px);
  1223. border-color: rgba(var(--textbrighter_v), .3);
  1224. }
  1225. #app-mount .compact__54ecc.hasThread__58ee2 .contents_f41bb2::before {
  1226. border-color: rgba(var(--textbrighter_v), .3);
  1227. }
  1228.  
  1229. .spine_d081ec {
  1230. border-color: rgba(var(--textbrighter_v), .3);
  1231. }
  1232. .hasThread__58ee2 .spine_d081ec {
  1233. display: none;
  1234. }
  1235.  
  1236. .cozy_f5c119 .header__39b23::after, /* message container header */
  1237. .cozy__32560 .header_c65767::after { /* message loading header */
  1238. content: "";
  1239. position: absolute;
  1240. top: 12px;
  1241. left: -32px;
  1242. border: 10px solid transparent;
  1243. border-right: 12px solid rgba(var(--transparencycolor_v), var(--messagetransparency_v));
  1244. }
  1245. .messageGroupWrapper_f8c6e9 .messageGroupCozy__2dedd .header__39b23::after {
  1246. top: 2px;
  1247. }
  1248. .message_d8db25 .wrapper__09ecc .header__39b23::after {
  1249. border-right-color: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 0.8));
  1250. }
  1251. .cozy_f5c119 .timestamp_cdbd93.alt__6c563 {
  1252. left: calc(-78px * var(--usechatbubbles));
  1253. }
  1254. .cozy_f5c119 .iconContainer_dfc268 {
  1255. background-color: rgba(var(--transparencycolor_v), var(--messagetransparency_v));
  1256. border-radius: 50%;
  1257. left: calc(1px * (-58 * var(--usechatbubbles) + -48 * (1 - var(--usechatbubbles))));
  1258. height: 25px !important;
  1259. width: 25px !important;
  1260. margin: unset;
  1261. margin-right: 1rem;
  1262. padding: 0;
  1263. }
  1264. .cozy_f5c119 .blockedSystemMessage_e58a4c .iconContainer_dfc268 {
  1265. background-color: transparent;
  1266. }
  1267. .cozy_f5c119 .iconContainer_dfc268::after {
  1268. content: "";
  1269. position: absolute;
  1270. top: 2px;
  1271. left: 26px;
  1272. border: 10px solid transparent;
  1273. border-right: 12px solid rgba(var(--transparencycolor_v), var(--messagetransparency_v));
  1274. }
  1275. .cozy_f5c119 .blockedSystemMessage_e58a4c .iconContainer_dfc268::after {
  1276. display: none;
  1277. }
  1278. .selected_fd9051.message__80c10.cozy_f5c119 .header__39b23::after,
  1279. .mouse-mode .message__80c10.cozy_f5c119:hover .header__39b23::after,
  1280. .mouse-mode.full-motion .message__80c10.cozy_f5c119:hover .header__39b23::after,
  1281. .mouse-mode .wrapper__5c5cd.cozy__32560:hover .header_c65767::after,
  1282. .mouse-mode.full-motion .wrapper__5c5cd.cozy__32560:hover .header_c65767::after,
  1283. .selected_fd9051.message__80c10.cozy_f5c119 .iconContainer_dfc268::after,
  1284. .mouse-mode .message__80c10.cozy_f5c119:hover .iconContainer_dfc268::after,
  1285. .mouse-mode.full-motion .message__80c10.cozy_f5c119:hover .iconContainer_dfc268::after {
  1286. border-right-color: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 1.2));
  1287. }
  1288. #app-mount .mentioned__58017.cozy_f5c119 .header__39b23::after {
  1289. border-right-color: rgba(var(--mentioncolor), calc(var(--messagetransparency_v) * 100000000000000000000000000000));
  1290. }
  1291. #app-mount .ephemeral_c26b64.cozy_f5c119 .header__39b23::after,
  1292. #app-mount .replying_d7b6ad.cozy_f5c119 .header__39b23::after,
  1293. #app-mount .highlighted__5f454.cozy_f5c119 .header__39b23::after {
  1294. border-right-color: rgba(var(--accentcolor_v), calc(var(--messagetransparency_v) * 100000000000000000000000000000));
  1295. }
  1296. #app-mount .automodMessage__410f7.cozy_f5c119 .header__39b23::after {
  1297. border-right-color: rgba(var(--dangercolor), calc(var(--messagetransparency_v) * 100000000000000000000000000000));
  1298. }
  1299. .message_f3a9e4,
  1300. .message__41c2a,
  1301. .zalgo__39311 .messageContent__21e69,
  1302. .zalgo__39311.cozy_f5c119 .header__39b23,
  1303. .wrapper__5c5cd,
  1304. .cozy__32560 .header_c65767 {
  1305. overflow: visible;
  1306. }
  1307. #app-mount .cozyMessage__64ce7, /* message container cozy */
  1308. #app-mount .messagesWrapper_ea2b0b .cozy_f5c119, /* message upload placeholder cozy */
  1309. #app-mount .card_d4f6c7 .cozy_f5c119, /* message home cozy */
  1310. #app-mount .cozy__32560 { /* message loading cozy */
  1311. margin-left: calc(80px * var(--usechatbubbles));
  1312. padding-left: calc(1px * (10 * var(--usechatbubbles) + 72 * (1 - var(--usechatbubbles))));
  1313. }
  1314. #app-mount .wrapper__09ecc[data-list-item-id*="Uploader"] {
  1315. margin-top: 1rem;
  1316. }
  1317. #app-mount .compact__26766 { /* message loading compact */
  1318. margin-top: .0625rem;
  1319. }
  1320. #app-mount .cozy_f5c119 .header__39b23,
  1321. #app-mount .cozy_f5c119 .messageContent__21e69,
  1322. #app-mount .cozy__32560 .header_c65767 {
  1323. margin-left: 0;
  1324. padding-left: 0;
  1325. }
  1326. .messageContainer_aa7d14 .wrapper__09ecc,
  1327. .messages_f7999e .wrapper__09ecc,
  1328. .message__04d9f .wrapper__09ecc,
  1329. .messageGroupWrapper_f8c6e9 .messageGroupCozy__2dedd,
  1330. .message_d8db25 .wrapper__09ecc {
  1331. border-radius: 5px;
  1332. margin-left: calc(60px * var(--usechatbubbles));
  1333. padding-left: calc(1px * (10 * var(--usechatbubbles) + 72 * (1 - var(--usechatbubbles))));
  1334. }
  1335. .messages_f7999e .wrapper__09ecc {
  1336. border-radius: 0;
  1337. }
  1338.  
  1339. .interactiveCard_d5a839.selected__715e8, .interactiveCard_d5a839:active, /* message home message */
  1340. .interactiveCard_d5a839:hover {
  1341. border-color: var(--background-secondary);
  1342. }
  1343. .feedItemHeader__653e4 {
  1344. border-color: var(--background-primary);
  1345. }
  1346. .interactiveCard_d5a839.selected__715e8, .interactiveCard_d5a839:active .feedItemHeader__653e4,
  1347. .interactiveCard_d5a839:hover .feedItemHeader__653e4 {
  1348. border-color: var(--background-secondary);
  1349. }
  1350.  
  1351. .wrapper__3d460 { /* message loading wrapper */
  1352. background: transparent;
  1353. }
  1354. .avatar_eb6eba { /* message loading avatar */
  1355. background: rgba(var(--transparencycolor_v), .4);
  1356. opacity: 1 !important;
  1357. }
  1358. .attachment__7a2d0, /* message loading attachment */
  1359. .blob__8d5bd { /* message loading blob */
  1360. background: rgb(var(--accentcolor_v));
  1361. }
  1362.  
  1363. .expanded_be53d7 { /* message expanded blocked */
  1364. background-color: rgba(var(--transparencycolor_v), .2);
  1365. border-radius: 5px 5px 0 5px;
  1366. margin-bottom: .5625rem;
  1367. }
  1368.  
  1369. #app-mount .reaction_fef95b { /* message reaction */
  1370. background-color: rgba(var(--transparencycolor_v), .3);
  1371. border: none;
  1372. }
  1373. #app-mount .reaction_fef95b:hover {
  1374. background-color: rgba(var(--transparencycolor_v), .4);
  1375. border: none;
  1376. }
  1377. #app-mount .reaction_fef95b.reactionMe__98f57 {
  1378. background-color: rgba(var(--accentcolor_v), .8);
  1379. border: none;
  1380. }
  1381. #app-mount .reaction_fef95b.reactionMe__98f57:hover {
  1382. background-color: rgb(var(--accentcolor_v));
  1383. border: none;
  1384. }
  1385. #app-mount .reaction_fef95b.reactionMe__98f57 .reactionCount_b49901 {
  1386. color: #FFF;
  1387. text-shadow: 1px 1px var(--textshadow_v);
  1388. }
  1389.  
  1390. .wrapper_c727b6 { /* message buttons */
  1391. position: relative;
  1392. background: transparent;
  1393. }
  1394. .wrapper_c727b6::before,
  1395. .wrapper_c727b6::after {
  1396. content: "";
  1397. position: absolute;
  1398. top: 0;
  1399. bottom: 0;
  1400. right: 0;
  1401. left: 0;
  1402. width: unset;
  1403. height: unset;
  1404. border-radius: 4px;
  1405. pointer-events: none;
  1406. z-index: -1;
  1407. }
  1408. .wrapper_c727b6::before {
  1409. background: var(--backgound) var(--backgoundposition)/var(--backgroundsize_v);
  1410. background-attachment: fixed;
  1411. }
  1412. .wrapper_c727b6::after {
  1413. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
  1414. backdrop-filter: blur(var(--backgroundblur_v));
  1415. }
  1416. .button_d553e5:hover,
  1417. .button_d553e5.selected__63428 {
  1418. background-color: rgb(var(--accentcolor_v));
  1419. }
  1420.  
  1421. .bumpBox_cfd81a { /* messageelement publish box */
  1422. background-color: rgba(var(--transparencycolor_v), .4);
  1423. }
  1424.  
  1425. .markup_a7e664 code { /* messageelement code */
  1426. background-color: transparent;
  1427. border-color: transparent;
  1428. }
  1429. .markup_a7e664 pre { /* messageelement pre */
  1430. background-color: rgba(var(--transparencycolor_v), .4);
  1431. border-color: rgba(var(--transparencycolor_v), .1);
  1432. }
  1433. .markup_a7e664 .inline, /* messageelement inline */
  1434. .after_inlineCode__2197d,
  1435. .before_inlineCode__37e14,
  1436. .inlineCode_d702a4 {
  1437. background-color: rgba(var(--transparencycolor_v), .4);
  1438. }
  1439.  
  1440. .textContainer__709ff { /* messageelement plain file text */
  1441. background-color: rgba(var(--transparencycolor_v), .4);
  1442. border-color: rgba(var(--transparencycolor_v), .1);
  1443. }
  1444. .footer__06f4b { /* messageelement plain file footer */
  1445. background-color: rgba(var(--transparencycolor_v), .4);
  1446. border-color: rgba(var(--transparencycolor_v), .1);
  1447. }
  1448. .languageSelector_a1c2f3 { /* messageelement plain file popout */
  1449. background-color: transparent;
  1450. border: 1px solid rgba(var(--transparencycolor_v), .3);
  1451. border-radius: 5px;
  1452. box-shadow: 0px 1px 5px 0px rgba(var(--transparencycolor_v), .3);
  1453. overflow: hidden;
  1454. }
  1455. .languageSelector_a1c2f3::before,
  1456. .languageSelector_a1c2f3::after {
  1457. content: "";
  1458. position: absolute;
  1459. top: 0;
  1460. bottom: 0;
  1461. right: 0;
  1462. left: 0;
  1463. width: unset;
  1464. height: unset;
  1465. border-radius: 5px;
  1466. pointer-events: none;
  1467. z-index: -1;
  1468. }
  1469. .languageSelector_a1c2f3::before {
  1470. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  1471. background-attachment: fixed;
  1472. }
  1473. .languageSelector_a1c2f3::after {
  1474. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
  1475. backdrop-filter: blur(var(--popoutblur_v));
  1476. }
  1477.  
  1478. #app-mount .spoilerContent__37bfa { /* messageelement spoiler */
  1479. background-color: rgba(var(--transparencycolor_v), .2);
  1480. }
  1481. #app-mount .spoilerContent__37bfa.hidden_f44e41 { /* messageelement hiddenspoiler */
  1482. background-color: rgba(var(--transparencycolor_v), .6);
  1483. }
  1484.  
  1485. .icon__8c32c[style*="/assets/7ed159b6acb6da5d9593.svg"] { /* systemmessage pinicon */
  1486. -webkit-mask: url(https://discord.com/assets/7ed159b6acb6da5d9593.svg) center/cover no-repeat;
  1487. background: var(--channels-default) !important;
  1488. }
  1489. .icon__8c32c[style*="/assets/a1d461025204711133ec.svg"] { /* systemmessage missedcall */
  1490. -webkit-mask: url(https://discord.com/assets/a1d461025204711133ec.svg) center/cover no-repeat;
  1491. background: var(--channels-default) !important;
  1492. }
  1493. .icon__8c32c[style*="/assets/7378a83d74ce97d83380.svg"] { /* systemmessage joingroupicon */
  1494. -webkit-mask: url(https://discord.com/assets/7378a83d74ce97d83380.svg) center/cover no-repeat;
  1495. background: rgb(var(--accentcolor_v)) !important;
  1496. }
  1497. .icon__8c32c[style*="/assets/9f3b9c1b6e5f77294951.svg"] { /* systemmessage recievecallicon */
  1498. -webkit-mask: url(https://discord.com/assets/9f3b9c1b6e5f77294951.svg) center/cover no-repeat;
  1499. background: rgb(var(--accentcolor_v)) !important;
  1500. }
  1501.  
  1502. /* ==== 6.2.2. EMBEDS ==== */
  1503.  
  1504. #app-mount .embedFull__8dc21 { /* embed wrapper */
  1505. background-color: rgba(var(--transparencycolor_v), .3);
  1506. border-left-color: rgb(var(--textdarkest_v));
  1507. }
  1508.  
  1509. #app-mount .attachment_f3cf2c { /* attachment container */
  1510. background-color: rgba(var(--transparencycolor_v), .3);
  1511. border-color: rgba(var(--transparencycolor_v), .1);
  1512. margin-left: 18px;
  1513. }
  1514. #app-mount .message__80c10 .attachment_f3cf2c {
  1515. margin-left: 0;
  1516. }
  1517. #app-mount .twitchSectionPlayButton__1b39d {
  1518. object-position: -999999px -999999px;
  1519. background: rgba(var(--transparencycolor_v), .4) url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M12.3333 10.002V22.002L22.3333 16.002L12.3333 10.002Z" fill="rgb(185,187,190)"/></svg>');
  1520. border-radius: 50%;
  1521. }
  1522. #app-mount .twitchSectionPlayButton__1b39d:hover {
  1523. background-color: rgba(var(--transparencycolor_v), .8);
  1524. }
  1525.  
  1526. #app-mount .wrapper__3a7a0 { /* attachment videowrapper */
  1527. background-color: rgba(var(--transparencycolor_v), .3);
  1528. }
  1529.  
  1530. /* ==== 6.2.3. NITROGIFT ==== */
  1531.  
  1532. #app-mount .tile_ebc93b { /* gift container */
  1533. background-color: rgba(var(--transparencycolor_v), .2);
  1534. box-shadow: 0 0 0 rgba(var(--transparencycolor_v), .15);
  1535. }
  1536. #app-mount .tile_ebc93b:hover {
  1537. background-color: rgba(var(--transparencycolor_v), .4);
  1538. }
  1539. #app-mount .title__701c1 { /* gift title */
  1540. color: var(--header-primary);
  1541. }
  1542. #app-mount .description__883d4 { /* gift description */
  1543. color: var(--header-primary);
  1544. }
  1545. #app-mount .tagline__3427c { /* gift tagline */
  1546. color: var(--header-secondary);
  1547. }
  1548.  
  1549. /* ==== 6.2.4. INVITE ==== */
  1550.  
  1551. #app-mount .wrapper_efe67f { /* invite container */
  1552. background-color: rgba(var(--transparencycolor_v), .3);
  1553. border-color: rgba(var(--transparencycolor_v), .1);
  1554. }
  1555. #app-mount .guildIconImage__93ae7 { /* invite icon */
  1556. background-color: rgba(var(--transparencycolor_v), .3);
  1557. }
  1558. #app-mount .guildIconExpired__1d51f { /* erroricon expiredguild */
  1559. background-color: rgba(var(--transparencycolor_v), .3);
  1560. background-image: url(https://discord.com/assets/baa5b6db50bb89d55668.svg);
  1561. opacity: 0.7;
  1562. }
  1563. #app-mount .guildName__060cb { /* invite name */
  1564. color: var(--header-primary);
  1565. }
  1566. #app-mount .guildDetail__0b882 { /* invite details */
  1567. color: var(--channels-default);
  1568. }
  1569.  
  1570. #app-mount .invite__2a93b { /* invite group invite */
  1571. background-color: rgba(var(--transparencycolor_v), .3);
  1572. border-color: rgba(var(--transparencycolor_v), .1);
  1573. }
  1574. #app-mount .artworkSpotifySessionEnded__8272a {
  1575. background-image: url(https://discord.com/assets/a7d6af4279f16c27ae9b.svg);
  1576. opacity: .5;
  1577. }
  1578. #app-mount .header__8b673 {
  1579. color: rgb(var(--textdarker_v));
  1580. }
  1581. #app-mount .name_b50cd9,
  1582. #app-mount .partyStatus__6a567 {
  1583. color: var(--header-primary);
  1584. }
  1585. #app-mount .moreUsers__1d9e9 {
  1586. background-color: rgba(var(--transparencycolor_v), .3);
  1587. color: var(--header-secondary);
  1588. }
  1589. #app-mount .partyMemberEmpty__94736 {
  1590. background-color: rgba(var(--transparencycolor_v), .3);
  1591. }
  1592. #app-mount .helpIcon_a58947 {
  1593. background-color: var(--header-primary);
  1594. }
  1595.  
  1596.  
  1597. /* ---- 6.3. TEXTAREA ---- */
  1598.  
  1599. .form__13a2c {
  1600. padding-top: 0;
  1601. margin-top: 0;
  1602. }
  1603. .form__13a2c { /* textarea form */
  1604. background: rgba(var(--transparencycolor_v), var(--chatinputtransparency_v));
  1605. margin-top: 0;
  1606. padding-top: 8px;
  1607. border-top-right-radius: calc(8px * (1 - (var(--memberlisttransparency_v) / (var(--memberlisttransparency_v) + 0.00000000000000000000001))));
  1608. border-top-left-radius: calc(8px * (1 - (var(--guildchanneltransparency_v) / (var(--guildchanneltransparency_v) + 0.00000000000000000000001))));
  1609. }
  1610. .threadSidebarOpen_fa231d .form__13a2c {
  1611. border-top-right-radius: 8px;
  1612. }
  1613. .form__13a2c::before {
  1614. display: none;
  1615. }
  1616.  
  1617. .channelTextArea__2e60f { /* textarea channeltextarea */
  1618. background-color: transparent;
  1619. border-top-color: var(--background-modifier-accent);
  1620. }
  1621.  
  1622. .attachedBars_da3c74 { /* textarea reply */
  1623. background: rgba(var(--transparencycolor_v), .3);
  1624. border: none;
  1625. border-bottom: 1px solid var(--background-modifier-accent);
  1626. }
  1627. .replyBar_b64d74,
  1628. .threadSuggestionBar_b633f7 {
  1629. background: transparent;
  1630. }
  1631.  
  1632. .scrollableContainer__33e06 { /* textarea container */
  1633. background-color: rgba(var(--transparencycolor_v), .3);
  1634. }
  1635.  
  1636. .sprite__294b3 { /* textarea emojibutton */
  1637. transform: none !important;
  1638. }
  1639.  
  1640. .wrapper_fbbb73 { /* textarea placeholder */
  1641. background-color: rgba(var(--transparencycolor_v), .3);
  1642. color: var(--text-normal);
  1643. }
  1644.  
  1645. .toolbar_c7b525 { /* textarea formattoolbar */
  1646. background-color: rgb(var(--accentcolor_v));
  1647. }
  1648. .toolbar_c7b525::before {
  1649. border-top-color: rgb(var(--accentcolor_v));
  1650. }
  1651. .divider__441cb { /* textarea formattoolbar divider */
  1652. border-left-color: hsla(0, 0%,100%, .1);
  1653. }
  1654. .active__05fbc, /* textarea buttonactive */
  1655. .hover_d0ebf2:hover { /* textarea buttonhover */
  1656. background-color: hsla(0, 0%, 100%, .2);
  1657. }
  1658. .icon__5a617 { /* textarea buttonicon */
  1659. color: #fff;
  1660. opacity: .7;
  1661. }
  1662. .active__05fbc .icon__5a617,
  1663. .hover_d0ebf2:hover .icon__5a617 {
  1664. color: #fff;
  1665. opacity: 1;
  1666. }
  1667.  
  1668. #app-mount .optionPill_f86b98 { /* textarea command query pill */
  1669. background-color: rgba(var(--transparencycolor_v), .5);
  1670. border-radius: 5px;
  1671. }
  1672. #app-mount .optionPillKey_e84f41 { /* textarea command query pill key */
  1673. background-color: transparent;
  1674. }
  1675.  
  1676. /* ---- 6.4. AUTOCOMPLETEMENU ---- */
  1677.  
  1678. #app-mount .autocomplete_df266d { /* autocomplete container */
  1679. background-color: transparent;
  1680. overflow: hidden;
  1681. }
  1682. #app-mount .autocomplete_df266d::before,
  1683. #app-mount .autocomplete_df266d::after {
  1684. content: "";
  1685. position: absolute;
  1686. top: 0;
  1687. bottom: 0;
  1688. right: 0;
  1689. left: 0;
  1690. width: unset;
  1691. height: unset;
  1692. border-radius: 5px;
  1693. pointer-events: none;
  1694. z-index: -1;
  1695. }
  1696. #app-mount .autocomplete_df266d::before {
  1697. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  1698. background-attachment: fixed;
  1699. }
  1700. #app-mount .autocomplete_df266d::after {
  1701. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
  1702. backdrop-filter: blur(var(--popoutblur_v));
  1703. }
  1704. .theme-brand .autocomplete_df266d {
  1705. background: rgb(var(--accentcolor_v)) linear-gradient(rgba(var(--transparencycolor_v), .2), rgba(var(--transparencycolor_v), .2)) !important;
  1706. }
  1707. .theme-brand .autocomplete_df266d::before,
  1708. .theme-brand .autocomplete_df266d::after {
  1709. display: none;
  1710. }
  1711. #app-mount .bar__8f42e { /* autocomplete command info */
  1712. background-color: transparent;
  1713. }
  1714. #app-mount .container_e84cda::after {
  1715. box-shadow: inset 0 -7px 12px -7px rgba(var(--transparencycolor_v), .3);
  1716. }
  1717. #app-mount .header__02652 { /* autocomplete header */
  1718. box-shadow: 0 1px 0 0 rgba(var(--transparencycolor_v), .2), 0 1px 2px 0 rgba(var(--transparencycolor_v), .2);
  1719. }
  1720.  
  1721. #app-mount .option__32fd1 { /* autocomplete option */
  1722. background-color: rgba(var(--transparencycolor_v), .5);
  1723. }
  1724. .clickable_f8437d[aria-selected=true] > .base__76a71, /* autocomplete rowselected */
  1725. .clickable_f8437d[aria-disabled=false] > .base__76a71:hover {
  1726. background-color: rgba(var(--transparencycolor_v), .3);
  1727. }
  1728.  
  1729. #app-mount .wrapper__4e8f1 { /* autocomplete categories */
  1730. background-color: transparent;
  1731. }
  1732. #app-mount .selected__608f1, /* autocomplete category selected */
  1733. #app-mount .selected__608f1:hover {
  1734. background-color: rgb(var(--accentcolor_v));
  1735. }
  1736. #app-mount .selected__608f1 svg {
  1737. filter: drop-shadow(1px 1px var(--textshadow_v));
  1738. }
  1739.  
  1740. #app-mount .searchSuggestion__1a6a7:hover { /* gifpicker suggestions */
  1741. text-shadow: 1px 1px var(--textshadow_v);
  1742. }
  1743.  
  1744. #app-mount .placeholder__1d2a8 { /* gifpicker result placeholder */
  1745. background-color: rgba(var(--transparencycolor_v), .3);
  1746. }
  1747.  
  1748. /* ---- 6.5. MEMBERLIST ---- */
  1749.  
  1750. .member_b44d5d { /* member */
  1751. background: transparent;
  1752. }
  1753. .avatar__991e2::before { /* emptyavatar */
  1754. background-color: rgba(var(--transparencycolor_v), .3);
  1755. }
  1756. .memberGroupsPlaceholder_d0ae46, /* loadingplaceholders */
  1757. .placeholderAvatar__21e48,
  1758. .placeholderUsername__7fd2c {
  1759. background-color: rgba(var(--transparencycolor_v), .4);
  1760. }
  1761.  
  1762. /* ---- 6.6. SEARCHPAGE ---- */
  1763.  
  1764. .searchResultsWrap__9f374 { /* searchpage container */
  1765. background-color: transparent;
  1766. }
  1767. .searchHeader__19d87, /* searchpage header */
  1768. .searchHeader__19d87 ~ .container_d91be8 { /* searchpage pagination (BSP) */
  1769. background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 0.8));
  1770. border-radius: 0 0 0 8px;
  1771. }
  1772. .searchResult_dcd237 { /* searchpage searchresult */
  1773. background-color: rgba(var(--transparencycolor_v), .2);
  1774. }
  1775. .button_f8244b { /* searchpage jumpbutton */
  1776. background-color: rgba(var(--transparencycolor_v), .4);
  1777. }
  1778. .button_f8244b:hover {
  1779. background-color: rgb(var(--accentcolor_v));
  1780. text-shadow: 1px 1px var(--textshadow_v);
  1781. }
  1782. .pageButton_bcd673:hover {
  1783. background-color: rgba(var(--transparencycolor_v), .4);
  1784. }
  1785. .activeButton__7a550 {
  1786. text-shadow: 1px 1px var(--textshadow_v);
  1787. }
  1788.  
  1789. /* ---- 6.7. CHAT SIDEBAR ---- */
  1790.  
  1791. .container_def45c { /* chat sidebar */
  1792. border-radius: 0;
  1793. }
  1794. .container_def45c.floating_f021e2::before,
  1795. .container_def45c.floating_f021e2::after {
  1796. content: "";
  1797. position: absolute;
  1798. top: 0;
  1799. bottom: 0;
  1800. right: 0;
  1801. left: 0;
  1802. width: unset;
  1803. height: unset;
  1804. pointer-events: none;
  1805. z-index: -1;
  1806. }
  1807. .container_def45c.floating_f021e2::before {
  1808. background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
  1809. background-attachment: fixed;
  1810. }
  1811. .container_def45c.floating_f021e2::after {
  1812. background-color: rgba(var(--transparencycolor_v), var(--transparencyalpha_v));
  1813. backdrop-filter: blur(var(--backgroundblur_v));
  1814. }
  1815. .chatTarget__0ea5e.notFloating__80043 ~ .container_def45c {
  1816. overflow: visible;
  1817. }
  1818. .chatTarget__0ea5e.notFloating__80043 ~ .container_def45c .container__11d72.themed_b152d4::before {
  1819. content: "";
  1820. position: absolute;
  1821. display: block;
  1822. top: 0;
  1823. bottom: 0;
  1824. left: -8px;
  1825. width: 8px;
  1826. background: inherit;
  1827. box-shadow: inherit;
  1828. pointer-events: none;
  1829. }
  1830. .chatTarget__0ea5e.notFloating__80043 ~ .container_def45c .container__11d72.themed_b152d4::after {
  1831. content: "";
  1832. position: absolute;
  1833. display: block;
  1834. top: 10px;
  1835. bottom: 10px;
  1836. left: -3.5px;
  1837. width: 1px;
  1838. background: var(--background-modifier-accent);
  1839. pointer-events: none;
  1840. }
  1841.  
  1842. /* ---- 6.8. CALL ---- */
  1843.  
  1844. #app-mount .wrapper_daf1cf {
  1845. z-index: 1002;
  1846. }
  1847. #app-mount .root__46d4f { /* popout inner */
  1848. background-color: transparent;
  1849. border: none;
  1850. }
  1851. .root__46d4f::before,
  1852. .root__46d4f::after {
  1853. content: "";
  1854. position: absolute;
  1855. top: 0;
  1856. bottom: 0;
  1857. right: 0;
  1858. left: 0;
  1859. width: unset;
  1860. height: unset;
  1861. pointer-events: none;
  1862. z-index: -1;
  1863. }
  1864. .root__46d4f::before {
  1865. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  1866. background-attachment: fixed;
  1867. }
  1868. .root__46d4f::after {
  1869. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
  1870. backdrop-filter: blur(var(--popoutblur_v));
  1871. }
  1872.  
  1873. #app-mount .wrapper_bd2abe { /* call voice wrapper */
  1874. background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 0.8));
  1875. }
  1876. #app-mount .callContainer_cbde45 { /* call voice wrapper inner */
  1877. background-color: rgba(var(--transparencycolor_v), calc((1 - (var(--guildchanneltransparency_v) * 0.8)) * 0.8));
  1878. }
  1879. #app-mount .root__3eef0 { /* call root */
  1880. color: var(--header-primary);
  1881. }
  1882. .videoWrapper_b42a4f { /* call video wrapper */
  1883. background-color: rgba(var(--transparencycolor_v), .3);
  1884. }
  1885. .video__79b68 { /* call video */
  1886. background-color: transparent;
  1887. }
  1888. .tile_a411a4, /* call user video voicechannel */
  1889. .tile_f5f57f { /* call user video dm */
  1890. background-color: rgba(var(--transparencycolor_v), .3);
  1891. }
  1892. .gradientContainer__9a5a6 { /* call gradientcontainer */
  1893. display: none;
  1894. }
  1895. .participantsButton__56586 { /* call participantsbutton */
  1896. background-color: rgba(0, 0, 0, .3);
  1897. }
  1898. .participantsButton__56586:hover {
  1899. background-color: rgba(0, 0, 0, .6);
  1900. }
  1901. .centerButton__3205b,
  1902. .colorable_c84c4c.primaryDark__6b700 {
  1903. background-color: rgba(var(--transparencycolor_v), .5);
  1904. }
  1905. .centerButton__3205b:hover,
  1906. .colorable_c84c4c.primaryDark__6b700:hover {
  1907. background-color: rgb(var(--accentcolor_v));
  1908. }
  1909. .button__13ec4 {
  1910. background-color: rgba(var(--transparencycolor_v), .4);
  1911. }
  1912. .button__13ec4:hover {
  1913. background-color: rgba(var(--transparencycolor_v), .6);
  1914. }
  1915. .controlButton_ab2899.colorable_c84c4c.red_a51ba8 {
  1916. background-color: rgba(var(--dangercolor)),.5);
  1917. }
  1918. .controlButton_ab2899.colorable_c84c4c.red_a51ba8:hover {
  1919. background-color: rgb(var(--dangercolor));
  1920. }
  1921. .regionSelectPopout__0127b {
  1922. width: 170px;
  1923. }
  1924.  
  1925. .container__3e5cc { /* call podium wrapper */
  1926. background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 0.8));
  1927. }
  1928. .callContainer_e8faeb { /* call podium inner */
  1929. background-color: transparent;
  1930. }
  1931. .scroller_d8c41e { /* call podium scroller */
  1932. background-color: transparent;
  1933. }
  1934. .rowContainer__3f2d1 { /* call podium row */
  1935. background-color: transparent;
  1936. }
  1937. .participants__5d231 { /* call podium participants */
  1938. background-color: transparent;
  1939. }
  1940. .tileContainer__88d69:hover { /* call podium participant */
  1941. background-color: rgb(var(--accentcolor_v));
  1942. }
  1943. .container__7b94f { /* call podium requests */
  1944. background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 0.3));
  1945. }
  1946. .headerContainer_bff52d { /* call podium requests header */
  1947. box-shadow: 0 1px 0 rgba(var(--transparencycolor_v), .2), 0 1.5px 0 rgba(var(--transparencycolor_v), .05), 0 2px 0 rgba(var(--transparencycolor_v), .05);
  1948. }
  1949.  
  1950. /* ---- 6.9. UNAVAILABLESCREEN ---- */
  1951.  
  1952. .category__758fd, /* loadingplaceholders */
  1953. .channelIcon_ad6049,
  1954. .channelName_f48c90 {
  1955. background: rgba(var(--transparencycolor_v), .4);
  1956. }
  1957. .splashImage_d708dc { /* screen image */
  1958. opacity: 0.7;
  1959. }
  1960.  
  1961.  
  1962. /* ~~~~ 7. PEOPLES ~~~~ */
  1963.  
  1964. .addFriendInputWrapper__4bf8e { /* peoples add friend */
  1965. background-color: rgba(var(--transparencycolor_v), .1);
  1966. border-color: rgba(var(--transparencycolor_v), .3);
  1967. }
  1968. .addFriendInputWrapper__4bf8e:hover:not(:focus-within) {
  1969. border-color: rgb(var(--transparencycolor_v));
  1970. }
  1971. .container_a308ae { /* peoples explore option */
  1972. border: none;
  1973. }
  1974. .container_a308ae:hover {
  1975. background-color: var(--background-floating);
  1976. }
  1977. .peopleListItem_d14722 .actionButton__23182 { /* peoples actionbutton */
  1978. background-color: rgba(var(--transparencycolor_v), .1);
  1979. }
  1980. .peopleListItem_d14722 .actionButton__23182:hover {
  1981. background-color: rgb(var(--accentcolor_v));
  1982. }
  1983. .peopleListItem_d14722 .actionButton__23182:hover svg{
  1984. filter: drop-shadow(1px 1px var(--textshadow_v));
  1985. }
  1986. .peopleListItem_d14722.active__6b8ff,
  1987. .peopleListItem_d14722:hover {
  1988. background-color: rgba(var(--transparencycolor_v), .3);
  1989. }
  1990. .peopleListItem_d14722.active__6b8ff .actionButton__23182,
  1991. .peopleListItem_d14722:hover .actionButton__23182 {
  1992. background-color: rgba(var(--transparencycolor_v), .3);
  1993. }
  1994. #app-mount .outer_a41cf3, /* playing card */
  1995. #app-mount .wrapper__6e669 { /* playing card */
  1996. background-color: rgba(var(--transparencycolor_v), .2);
  1997. border: unset;
  1998. }
  1999. #app-mount .outer_a41cf3.active__76f42,
  2000. #app-mount .outer_a41cf3.interactive__01cfa:hover,
  2001. #app-mount .outer_a41cf3.active__76f42,
  2002. #app-mount .outer_a41cf3.interactive__01cfa:hover {
  2003. background-color: rgba(var(--transparencycolor_v), .4);
  2004. }
  2005. #app-mount .inset__0bfb3 { /* playing card inner */
  2006. background-color: rgba(var(--transparencycolor_v), .2);
  2007. }
  2008. .emptyCard_f82dde { /* playing empty card */
  2009. background-color: rgba(var(--transparencycolor_v), .2);
  2010. }
  2011. #app-mount .partyMemberOverflow_d12297 {
  2012. background: rgba(var(--transparencycolor_v), .5);
  2013. }
  2014. #app-mount .partyMemberBackground__8fdc5,
  2015. #app-mount .partyMemberUnknown__573ec {
  2016. background-color: rgba(var(--transparencycolor_v), .5);
  2017. }
  2018. #app-mount .partyMemberUnknownIcon__7bfe8 {
  2019. color: var(--channels-default);
  2020. }
  2021. #app-mount .popout_c6d10c { /* playing popout */
  2022. background-color: transparent;
  2023. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 8px 16px 0 rgba(var(--transparencycolor_v), .3);
  2024. overflow: hidden;
  2025. }
  2026. .popout_c6d10c::before,
  2027. .popout_c6d10c::after {
  2028. content: "";
  2029. position: absolute;
  2030. top: 0;
  2031. bottom: 0;
  2032. right: 0;
  2033. left: 0;
  2034. width: unset;
  2035. height: unset;
  2036. pointer-events: none;
  2037. z-index: -1;
  2038. }
  2039. .popout_c6d10c::before {
  2040. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  2041. background-attachment: fixed;
  2042. }
  2043. .popout_c6d10c::after {
  2044. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.3));
  2045. backdrop-filter: blur(var(--popoutblur_v));
  2046. }
  2047. .memberListItem__4000d:not(.popoutDisabled__5e7e3):hover {
  2048. background-color: rgba(var(--transparencycolor_v), .2);
  2049. }
  2050.  
  2051.  
  2052. /* ~~~~ 7. STORE/NITRO ~~~~ */
  2053.  
  2054. #app-mount .loading__053e3 { /* loading */
  2055. background: transparent;
  2056. }
  2057.  
  2058. .marketingHeader_c8e5cd { /* marketingheader */
  2059. background-color: rgba(var(--transparencycolor_v), .3);
  2060. }
  2061.  
  2062. .detailsBlock__1191c { /* billing details */
  2063. background-color: rgba(var(--transparencycolor_v), .3);
  2064. }
  2065.  
  2066. #app-mount .categoryHeader__46769, /* categoryheader */
  2067. #app-mount .premiumApplicationsHeader_e2dd83 {
  2068. border-color: var(--background-modifier-accent);
  2069. color: var(--header-primary);
  2070. }
  2071.  
  2072. #app-mount .tier1Banner__86229 { /* tier1banner container */
  2073. background-color: rgba(var(--transparencycolor_v), .3);
  2074. color: #fff;
  2075. }
  2076.  
  2077. .smallCarousel_cb7c79 {
  2078. background-color: rgba(var(--transparencycolor_v), .3);
  2079. border-radius: 5px;
  2080. }
  2081. #app-mount .item_d7f2df { /* gamepreview previewitem */
  2082. background-color: rgba(var(--transparencycolor_v), .3);
  2083. }
  2084. .arrow_f5c530 { /* gamepreview prev/nextarrow (big) */
  2085. background-color: rgba(var(--transparencycolor_v), .3);
  2086. }
  2087. #app-mount .themedPagination_c56fb8 .arrow_fe649b { /* gamepreview prev/nextarrow (small) */
  2088. color: var(--header-primary);
  2089. }
  2090. #app-mount .themedPagination_c56fb8 .dot__6356c { /* gamepreview itemdot (small) */
  2091. background-color: var(--header-primary);
  2092. }
  2093.  
  2094. #app-mount .root__3d5e9 { /* gameinfo sectioncontainer */
  2095. background-color: rgba(var(--transparencycolor_v), .2);
  2096. }
  2097. #app-mount .header_c26642 { /* gameinfo sectionheader */
  2098. color: var(--header-primary);
  2099. }
  2100. #app-mount .section__51057 { /* gameinfo subsection */
  2101. border-bottom-color: var(--background-modifier-accent);
  2102. }
  2103. #app-mount .playerOverflow__58b26 {
  2104. background-color: rgba(var(--transparencycolor_v), .3);
  2105. color: var(--header-secondary);
  2106. }
  2107. #app-mount .description__6dac8 { /* gameinfo subsectiondescription */
  2108. color: var(--header-secondary);
  2109. }
  2110. #app-mount .description__6dac8 strong,
  2111. #app-mount .username_c20f20 { /* gameinfo subsectionusername */
  2112. color: var(--header-primary);
  2113. }
  2114. #app-mount .smallHeader__9766b { /* gameinfo subsectionheader */
  2115. color: var(--header-secondary);
  2116. }
  2117. #app-mount .text__07fd0 { /* gameinfo subsectiontext */
  2118. color: var(--header-primary);
  2119. }
  2120. #app-mount .iconCircle__4c74f {
  2121. background-color: rgba(var(--transparencycolor_v), .3);
  2122. }
  2123. #app-mount .circle_d78580 {
  2124. color: var(--header-primary);
  2125. }
  2126.  
  2127. #app-mount .blurb__7d206 { /* section description */
  2128. color: var(--text-normal);
  2129. }
  2130. #app-mount .description__671fd { /* section subdescription */
  2131. color: var(--header-secondary);
  2132. }
  2133.  
  2134. #app-mount .requirements_fd3915 { /* requirements */
  2135. color: var(--text-normal);
  2136. }
  2137. #app-mount .requirementKey_dd27af { /* requirements key */
  2138. color: rgb(var(--textdarker_v));
  2139. }
  2140. #app-mount .content__45a6a { /* requirements rating */
  2141. color: rgb(var(--textdarker_v));
  2142. }
  2143.  
  2144. #app-mount .bodySection_ae0d90 { /* sidebar section */
  2145. background-color: rgba(var(--transparencycolor_v), .2);
  2146. border-top-color: var(--background-modifier-accent);
  2147. }
  2148. #app-mount .actionText__1ae94 { /* sidebar header */
  2149. color: var(--text-normal);
  2150. }
  2151. #app-mount .purchaseUnitOperatingSystem_b02a69 { /* sidebar OSicon */
  2152. color: rgb(var(--textdarkest_v));
  2153. }
  2154. #app-mount .price_f6c36e, /* sidebar price */
  2155. #app-mount .listingPrice__4b50b {
  2156. color: var(--header-primary);
  2157. }
  2158. #app-mount .title_a81dd3 { /* sidebar subtitle */
  2159. color: var(--header-primary);
  2160. }
  2161. #app-mount .skuNormal__1aa9d { /* sidebar pricerow */
  2162. border-bottom-color: var(--background-modifier-accent);
  2163. }
  2164. #app-mount .name__71fd4 { /* sidebar pricename */
  2165. color: var(--header-secondary);
  2166. }
  2167. #app-mount .sku_e2d34f:hover .name__71fd4 {
  2168. color: var(--header-primary);
  2169. }
  2170. #app-mount .price_afc9b2 { /* sidebar priceamount */
  2171. background-color: rgba(var(--transparencycolor_v), .3);
  2172. color: var(--header-primary);
  2173. }
  2174. #app-mount .label__8394d { /* sidebar label */
  2175. color: rgb(var(--textdarker_v));
  2176. }
  2177. #app-mount .info__087e0 { /* sidebar labelinfo */
  2178. color: var(--header-primary);
  2179. }
  2180.  
  2181. #app-mount .content__8af7f { /* invitecard container */
  2182. background-color: rgba(var(--transparencycolor_v), .2);
  2183. }
  2184. #app-mount .name_d69e36 { /* invitecard guildname */
  2185. color: var(--header-secondary);
  2186. }
  2187. #app-mount .memberInfo_a41c1a { /* invitecard memberinfo */
  2188. color: rgb(var(--textdarker_v));
  2189. }
  2190.  
  2191. .premiumSubscriptionAccountCredit__6bab4 { /* abonnements abocard */
  2192. background-color: rgba(var(--transparencycolor_v), .4);
  2193. }
  2194.  
  2195. #app-mount .row__80d34 { /* features row */
  2196. background-color: rgba(var(--transparencycolor_v), .2);
  2197. color: var(--header-secondary);
  2198. }
  2199. #app-mount .featureIcon__67ee4 { /* features featureicon */
  2200. color: var(--header-secondary);
  2201. }
  2202.  
  2203.  
  2204. /* ~~~~ 9. LIBRARY ~~~~ */
  2205.  
  2206. .header_b5ab54 { /* library table header */
  2207. background-color: transparent;
  2208. border-bottom-color: var(--background-modifier-accent);
  2209. position: relative;
  2210. }
  2211. .header_b5ab54::before,
  2212. .header_b5ab54::after {
  2213. content: "";
  2214. position: absolute;
  2215. top: 0;
  2216. bottom: 0;
  2217. right: 0;
  2218. left: 0;
  2219. width: unset;
  2220. height: unset;
  2221. pointer-events: none;
  2222. z-index: -1;
  2223. }
  2224. .header_b5ab54::before {
  2225. background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
  2226. background-attachment: fixed;
  2227. }
  2228. .header_b5ab54::after {
  2229. background-color: rgba(var(--transparencycolor_v), .4);
  2230. backdrop-filter: blur(var(--backgroundblur_v));
  2231. }
  2232.  
  2233. #app-mount .headerCellSorted__41374 {
  2234. color: var(--header-primary);
  2235. }
  2236.  
  2237. .rowWrapperActive_f989dd {
  2238. background-color: rgba(var(--transparencycolor_v), .2);
  2239. }
  2240. .rowWrapper__2d725 + .rowWrapper__2d725 .row_f3cc85 {
  2241. border-top-color: var(--background-modifier-accent);
  2242. }
  2243.  
  2244. #app-mount .rate__087a0 {
  2245. color: var(--text-muted);
  2246. }
  2247. #app-mount .background__0a6fb { /* library usagebar */
  2248. stroke: rgb(var(--transparencycolor_v), .5);
  2249. }
  2250. #app-mount .usageInfo_a68f86 { /* gamelibrary usageinfo */
  2251. color: var(--header-secondary);
  2252. }
  2253.  
  2254. #app-mount .installationPath_fa3a82 { /* library game row path */
  2255. box-shadow: 0 1px 0 0 var(--background-accent);
  2256. }
  2257. #app-mount .rowTitle_ec0ae0 { /* library game row title */
  2258. color: var(--text-normal);
  2259. }
  2260. #app-mount .rowBody__737e5 { /* library game row body */
  2261. color: var(--text-muted);
  2262. }
  2263. #app-mount .defaultLocationCheckbox__39884 { /* library location checkbox */
  2264. color: var(--header-primary);
  2265. }
  2266. #app-mount .defaultIndicator__2a4ea { /* library location indicator */
  2267. background-color: rgba(var(--transparencycolor_v), .5);
  2268. color: var(--header-primary);
  2269. }
  2270.  
  2271. #app-mount .applicationName__77e6b { /* library application name */
  2272. color: var(--header-primary);
  2273. }
  2274. #app-mount .applicationSubText_ea8d9c { /* library application subtext */
  2275. color: var(--text-muted);
  2276. }
  2277.  
  2278.  
  2279. /* ~~~~ 10. DISCOVERY/UNIHUB ~~~~ */
  2280.  
  2281. #app-mount .pageWrapper_fef757, /* guilddiscovery container */
  2282. #app-mount .pageContainer__1e84a { /* unihub container */
  2283. color: var(--header-primary);
  2284. }
  2285. #app-mount .pageWrapper_fef757 .searchBox__88a98, /* guilddiscovery searchbox */
  2286. #app-mount .pageContainer__1e84a .searchBox_bf114a { /* unihub searchbox */
  2287. background-color: #fff;
  2288. }
  2289. #app-mount .card__86773, /* guilddiscovery card */
  2290. #app-mount .card__73022 { /* unihub card */
  2291. background-color: rgba(var(--transparencycolor_v), .3);
  2292. }
  2293. #app-mount .iconMask__1aff7, /* guilddiscovery iconmask */
  2294. #app-mount .iconMask_f7f012 { /* unihub iconmask */
  2295. background-color: rgba(var(--transparencycolor_v), .2);
  2296. }
  2297. #app-mount .card__86773:hover,
  2298. #app-mount .iconMask__1aff7:hover,
  2299. #app-mount .card__73022:hover,
  2300. #app-mount .iconMask_f7f012:hover {
  2301. background-color: rgba(var(--transparencycolor_v), .4);
  2302. }
  2303. #app-mount .cardPlaceholder__6e28f { /* guildcard placeholder */
  2304. background-color: rgba(var(--transparencycolor_v), .2);
  2305. }
  2306. #app-mount .loading_e7a19f { /* guildcard loading */
  2307. background-color: rgba(var(--transparencycolor_v), .5);
  2308. }
  2309. .footerImage_b0b86b {
  2310. opacity: .5;
  2311. }
  2312. .actionButtonsContainer__16c43 { /* guildcard action button */
  2313. position: relative;
  2314. background: transparent;
  2315. }
  2316. .actionButtonsContainer__16c43::before,
  2317. .actionButtonsContainer__16c43::after {
  2318. content: "";
  2319. position: absolute;
  2320. top: 0;
  2321. bottom: 0;
  2322. right: 0;
  2323. left: 0;
  2324. width: unset;
  2325. height: unset;
  2326. border-radius: 4px;
  2327. pointer-events: none;
  2328. }
  2329. .actionButtonsContainer__16c43::before {
  2330. background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
  2331. background-attachment: fixed;
  2332. }
  2333. .actionButtonsContainer__16c43::after {
  2334. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
  2335. backdrop-filter: blur(var(--backgroundblur_v));
  2336. }
  2337. .spinner__97e4c { /* guildcard loading spinner */
  2338. background: transparent;
  2339. transform: none;
  2340. top: calc(50% - 24px);
  2341. left: calc(50% - 24px);
  2342. }
  2343. .spinner__97e4c::before,
  2344. .spinner__97e4c::after {
  2345. content: "";
  2346. position: absolute;
  2347. top: 0;
  2348. bottom: 0;
  2349. right: 0;
  2350. left: 0;
  2351. width: unset;
  2352. height: unset;
  2353. border-radius: 8px;
  2354. pointer-events: none;
  2355. }
  2356. .spinner__97e4c::before {
  2357. background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
  2358. background-attachment: fixed;
  2359. }
  2360. .spinner__97e4c::after {
  2361. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.4));
  2362. backdrop-filter: blur(var(--backgroundblur_v));
  2363. }
  2364.  
  2365. #app-mount .addEntryCard_d9422a { /* add entry card */
  2366. background-color: rgba(var(--transparencycolor_v),.2);
  2367. border-color: var(--interactive-normal);
  2368. }
  2369. #app-mount .addEntryCard_d9422a:hover {
  2370. background-color: rgba(var(--transparencycolor_v),.4);
  2371. border-color: var(--interactive-active);
  2372. }
  2373.  
  2374. .emptyContainer_a4bd05 { /* search no results */
  2375. background-color: rgba(var(--transparencycolor_v), .4);
  2376. }
  2377. .placeholder__278ac { /* search placeholder */
  2378. background-color: rgba(var(--transparencycolor_v), .4);
  2379. }
  2380.  
  2381.  
  2382. /* ~~~~ 11. USERSETTINGS ~~~~ */
  2383.  
  2384. #app-mount .side_b4b3f6 .themed_b957e8.item__48dda:active:not(.disabled__85bca), /* sideitems */
  2385. #app-mount .topPill__0cdf1 .themed_b957e8.item__48dda:active:not(.disabled__85bca), /* tabitems */
  2386. #app-mount .side_b4b3f6 .themed_b957e8.item__48dda:hover:not(.disabled__85bca), /* sideitems */
  2387. #app-mount .topPill__0cdf1 .themed_b957e8.item__48dda:hover:not(.disabled__85bca) { /* tabitems */
  2388. background-color: rgba(var(--transparencycolor_v), .2);
  2389. }
  2390. #app-mount .side_b4b3f6 .themed_b957e8.selected__5711d.item__48dda,
  2391. #app-mount .topPill__0cdf1 .themed_b957e8.selected__5711d.item__48dda,
  2392. #app-mount .side_b4b3f6 .themed_b957e8.selected__5711d.item__48dda:active,
  2393. #app-mount .topPill__0cdf1 .themed_b957e8.selected__5711d.item__48dda:active,
  2394. #app-mount .side_b4b3f6 .themed_b957e8.selected__5711d.item__48dda:hover,
  2395. #app-mount .topPill__0cdf1 .themed_b957e8.selected__5711d.item__48dda:hover {
  2396. background-color: rgb(var(--accentcolor_v));
  2397. color: #fff;
  2398. text-shadow: 1px 1px var(--textshadow_v);
  2399. }
  2400. .sidebar__9e3e2:has(.socialLinks_c1fc99) .side_b4b3f6 .item__48dda::after {
  2401. filter: drop-shadow(1px 1px var(--textshadow_v));
  2402. }
  2403.  
  2404. .bd-social-link[title="BD" i] .bd-social-logo,
  2405. .bd-social-link[title="BetterDiscord" i] .bd-social-logo,
  2406. .bd-social-link[title="BBD" i] .bd-social-logo,
  2407. .bd-social-link[title="BandagedBD" i] .bd-social-logo {
  2408. background: var(--interactive-normal);
  2409. -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/settingsicons/betterdiscord.svg) center/contain no-repeat;
  2410. opacity: 1;
  2411. transition: background .15s ease;
  2412. }
  2413. .bd-social-link[title="BD" i]:hover .bd-social-logo,
  2414. .bd-social-link[title="BetterDiscord" i]:hover .bd-social-logo,
  2415. .bd-social-link[title="BBD" i]:hover .bd-social-logo,
  2416. .bd-social-link[title="BandagedBD" i]:hover .bd-social-logo {
  2417. background: var(--interactive-active);
  2418. }
  2419. .bd-social-link[title="BD" i] .bd-social-logo > *,
  2420. .bd-social-link[title="BetterDiscord" i] .bd-social-logo > *,
  2421. .bd-social-link[title="BBD" i] .bd-social-logo > *,
  2422. .bd-social-link[title="BandagedBD" i] .bd-social-logo > * {
  2423. display: none;
  2424. }
  2425.  
  2426. #app-mount .streamerModeEnabledImage_a0d94f {
  2427. background-image: url(https://discord.com/assets/c133c9df9ee4552c188a.svg);
  2428. opacity: .5;
  2429. }
  2430.  
  2431. .contentRegion__0bec1 div[role="tabpanel"] { /* tabpanel */
  2432. width: 100%;
  2433. }
  2434. .toolsContainer_f5d55d { /* closebutton wrapper */
  2435. margin-right: 37px;
  2436. }
  2437. #app-mount .closeButton__34341 { /* closebutton button */
  2438. border-color: var(--channels-default);
  2439. }
  2440. #app-mount .closeButton__34341 path[fill] {
  2441. fill: var(--channels-default);
  2442. }
  2443. #app-mount .closeButton__34341:hover {
  2444. background-color: rgba(var(--accentcolor_v), .2);
  2445. border-color: var(--header-secondary);
  2446. }
  2447. #app-mount .closeButton__34341:hover path[fill] {
  2448. fill: var(--header-secondary);
  2449. }
  2450. #app-mount .closeButton__34341:active {
  2451. border-color: var(--text-normal);
  2452. }
  2453. #app-mount .closeButton__34341:active path[fill] {
  2454. fill: var(--text-normal);
  2455. }
  2456. #app-mount .keybind__57645 { /* closebutton keybind */
  2457. color: var(--channels-default);
  2458. }
  2459.  
  2460. #app-mount .closeButtonBold__30e2a { /* closebutton button bold */
  2461. border-color: var(--header-secondary);
  2462. }
  2463. #app-mount .closeButtonBold__30e2a path[fill] {
  2464. fill: var(--header-secondary);
  2465. }
  2466. #app-mount .closeButtonBold__30e2a:hover {
  2467. background-color: rgba(var(--accentcolor_v), .4);
  2468. border-color: var(--text-normal);
  2469. }
  2470. #app-mount .closeButtonBold__30e2a:hover path[fill] {
  2471. fill: var(--text-normal);
  2472. }
  2473. #app-mount .closeButtonBold__30e2a:active {
  2474. border-color: var(--header-primary);
  2475. }
  2476. #app-mount .closeButtonBold__30e2a:active path[fill] {
  2477. fill: var(--header-primary);
  2478. }
  2479. #app-mount .keybind__57645 { /* closebutton keybind bold */
  2480. color: var(--header-secondary);
  2481. }
  2482.  
  2483. .cardPrimary_cb7a0e,
  2484. .cardPrimaryEditable__25559 { /* settingsitems card */
  2485. border-color: rgba(var(--transparencycolor_v), .1);
  2486. }
  2487. .cardPrimary_cb7a0e {
  2488. background-color: rgba(var(--transparencycolor_v), .2);
  2489. }
  2490. .cardPrimaryEditable__25559 {
  2491. background-color: rgba(var(--transparencycolor_v), .1);
  2492. }
  2493. .cardPrimaryOutline__9df8a {
  2494. border-color: rgba(var(--transparencycolor_v), .2);
  2495. }
  2496.  
  2497. .accountProfileCard__22589 { /* accountsettings container */
  2498. background: transparent;
  2499. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  2500. }
  2501. .accountProfileCard__22589::before,
  2502. .accountProfileCard__22589::after {
  2503. content: "";
  2504. position: absolute;
  2505. top: 0;
  2506. bottom: 0;
  2507. right: 0;
  2508. left: 0;
  2509. width: unset;
  2510. height: unset;
  2511. border-radius: 5px;
  2512. pointer-events: none;
  2513. z-index: -1;
  2514. }
  2515. .accountProfileCard__22589::before {
  2516. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  2517. background-attachment: fixed;
  2518. }
  2519. .accountProfileCard__22589::after {
  2520. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
  2521. backdrop-filter: blur(var(--popoutblur_v));
  2522. }
  2523. .accountProfileCard__22589 .avatar__6c108 { /* accountsettings container avatar */
  2524. background-color: transparent;
  2525. border-color: transparent;
  2526. }
  2527. .questionMark__8d22a svg { /* accountsettings questionmark */
  2528. filter: drop-shadow(1px 1px var(--textshadow_v));
  2529. }
  2530. #app-mount .background_b61fcc { /* accountsettings container */
  2531. background-color: rgba(var(--transparencycolor_v), .2);
  2532. }
  2533. #app-mount .fieldList_aab0de { /* accountsettings settings */
  2534. background-color: transparent;
  2535. }
  2536.  
  2537. .connectContainer__8050b { /* connections container */
  2538. background-color: rgba(var(--transparencycolor_v), .4);
  2539. }
  2540. .accountButtonInner__80e3a { /* connections connectioninner */
  2541. background-color: rgba(var(--transparencycolor_v), .2);
  2542. }
  2543. .accountButtonInner__80e3a:hover {
  2544. background-color: rgb(var(--accentcolor_v));
  2545. }
  2546. .connection_fff5f6 { /* connections connection */
  2547. background-color: rgba(var(--transparencycolor_v), .3);
  2548. }
  2549. .connectionHeader__3c82d { /* connections connection header */
  2550. background-color: rgba(var(--transparencycolor_v), .2);
  2551. }
  2552.  
  2553. .guildHeader__30707 { /* boostsettings suggestioncard */
  2554. background-color: rgba(var(--transparencycolor_v), .5);
  2555. }
  2556. .guildSubscriptionSlot_b76fc6 { /* boostsettings suggestioncard */
  2557. background-color: rgba(var(--transparencycolor_v), .3);
  2558. }
  2559. .cardWrapper_bc8d2a { /* boostsettings suggestioncard */
  2560. background-color: rgba(var(--transparencycolor_v), .2);
  2561. }
  2562. .cardWrapper_bc8d2a:hover {
  2563. background-color: rgba(var(--transparencycolor_v), .4);
  2564. }
  2565. .cardWrapper_bc8d2a .card__11580, /* boostsettings suggestioncard inner */
  2566. .cardWrapper_bc8d2a .card__11580:hover {
  2567. background-color: transparent;
  2568. }
  2569. #app-mount .gemIndicatorContainer_b03ca0 { /* boostsettings suggestioncard circle */
  2570. background-color: transparent;
  2571. }
  2572. #app-mount .summaryInfo_b57acb { /* boostsettings past transactions summary */
  2573. color: var(--header-primary);
  2574. }
  2575. #app-mount .payment__7d702 { /* boostsettings past transactions payment */
  2576. background-color: transparent;
  2577. color: var(--header-secondary);
  2578. }
  2579. #app-mount .hoverablePayment__3ea24:hover {
  2580. background-color: rgba(var(--transparencycolor_v), .2);
  2581. }
  2582. #app-mount .paymentHeader__50c05 { /* boostsettings past transactions header */
  2583. color: var(--header-primary);
  2584. border-color: var(--background-modifier-accent);
  2585. }
  2586. #app-mount .expandedInfo__47bad { /* boostsettings past transactions expandedinfo */
  2587. background-color: rgba(var(--transparencycolor_v), .2);
  2588. }
  2589. #app-mount .paymentText_deeaf4 { /* boostsettings past transactions paymenttext */
  2590. color: var(--header-secondary);
  2591. }
  2592. #app-mount .giftIcon__9d0ce { /* boostsettings past transactions gifticon */
  2593. color: var(--header-primary);
  2594. }
  2595. #app-mount .guildHeaderBackground__04920 {
  2596. background-image: url(https://discord.com/assets/467602d632b5f9c1ce4b.svg);
  2597. opacity: .75;
  2598. }
  2599. #app-mount .emptyGuilds-1cEt2M {
  2600. background-image: url(https://discord.com/assets/33de08d0b379a019874a.svg);
  2601. opacity: .75;
  2602. }
  2603.  
  2604. #app-mount .paymentPane__9cf01 { /* boostsettings past transactions */
  2605. background-color: rgba(var(--transparencycolor_v), .3);
  2606. color: var(--header-primary);
  2607. }
  2608. #app-mount .paginator_e620d3 { /* boostsettings past transactions paginator */
  2609. background: rgba(var(--transparencycolor_v), .3);
  2610. color: var(--text-muted);
  2611. }
  2612. #app-mount .bottomDivider_a59d97 { /* boostsettings past transactions divider */
  2613. border-bottom-color: rgba(var(--transparencycolor_v), .3);
  2614. }
  2615. #app-mount .tab_b317f5 { /* boostsettings past transactions tab */
  2616. color: var(--text-muted);
  2617. }
  2618. #app-mount .externalRowHeader_d353ca { /* boostsettings past transactions extenal row */
  2619. color: var(--header-secondary);
  2620. }
  2621.  
  2622. #app-mount .emptyStateImage__3e0a5 { /* giftinventory no gifts */
  2623. background: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg);
  2624. opacity: 0.6;
  2625. }
  2626.  
  2627. #app-mount .codeRedemptionRedirect_bc7f36 { /* payment coderedem */
  2628. background-color: rgba(var(--transparencycolor_v), .2);
  2629. border-color: rgba(var(--transparencycolor_v), .1);
  2630. color: var(--header-primary);
  2631. }
  2632.  
  2633. .membershipDialogHouse1__24868 { /* hypesquad membershipdialogs */
  2634. background-color: rgba(156, 132, 239, .8);
  2635. }
  2636. .membershipDialogHouse2_e343cb {
  2637. background-color: rgba(244, 123, 103, .8);
  2638. }
  2639. .membershipDialogHouse3_d0cf09 {
  2640. background-color: rgba(69, 221, 192, .8);
  2641. }
  2642. .videoWrapper__7b3e0 {
  2643. background-color: rgba(var(--transparencycolor_v), .4);
  2644. }
  2645.  
  2646. .container__6d33c { /* voicesettings voicebarcontainer */
  2647. -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/voice_level_bar.svg);
  2648. }
  2649. .notches__065e9 {
  2650. background: transparent !important;
  2651. }
  2652. #app-mount .progress__2cc1d { /* voicesettings voicebar */
  2653. background-color: rgba(var(--transparencycolor_v), .3);
  2654. }
  2655. .icon__596c8[src="/assets/6762ed8abdaef6a7f6fc.png"],
  2656. .icon__596c8[src="/assets/5af9f85713084d6867a6.png"] {
  2657. -webkit-mask: url(https://discord.com/assets/6762ed8abdaef6a7f6fc.png) center/contain no-repeat;
  2658. background-color: var(--header-primary);
  2659. object-position: -999999px -999999px;
  2660. }
  2661. .icon__596c8[src="/assets/ea67b1321e3d4154e476.png"],
  2662. .icon__596c8[src="/assets/12c09c71eb271a47bcab.png"] {
  2663. -webkit-mask: url(https://discord.com/assets/ea67b1321e3d4154e476.png) center/contain no-repeat;
  2664. background-color: var(--header-primary);
  2665. object-position: -999999px -999999px;
  2666. }
  2667. .cameraWrapper__1ee6d { /* voicesettings video */
  2668. background-color: rgba(var(--transparencycolor_v), .2);
  2669. border-color: rgba(var(--transparencycolor_v), .1);
  2670. }
  2671. .backgroundOptionInner__1477f { /* voicesettings background option */
  2672. background-color: rgba(var(--transparencycolor_v), .4);
  2673. }
  2674.  
  2675. .option_a0c054 { /* overlay option */
  2676. background-color: rgba(var(--transparencycolor_v), .4);
  2677. }
  2678. .option_a0c054:hover,
  2679. .option_a0c054.selected_ea51d6 {
  2680. box-shadow: 0 2px 0 rgba(var(--transparencycolor_v), .3);
  2681. }
  2682. .disabled_ab18dc {
  2683. color: rgba(var(--transparencycolor_v), .4);
  2684. }
  2685.  
  2686. #app-mount .row__7a44a { /* hotkeys row */
  2687. box-shadow: inset 0 -1px 0 var(--background-modifier-accent);
  2688. }
  2689.  
  2690. #app-mount .card_dc88cd::before { /* settingscard backdrop */
  2691. background-color: rgba(var(--transparencycolor_v), .2);
  2692. border-color: rgba(var(--transparencycolor_v), .1);
  2693. }
  2694. #app-mount .button__71a0f { /* settingscard removebutton */
  2695. background-color: rgba(var(--transparencycolor_v), .3);
  2696. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .6), 0 1px 5px 0 rgba(var(--transparencycolor_v), .3);
  2697. }
  2698. #app-mount .button__71a0f:hover {
  2699. background-color: rgba(var(--transparencycolor_v), .7);
  2700. }
  2701.  
  2702. #app-mount .game__19f4b { /* games card */
  2703. box-shadow: 0 1px 0 0 var(--background-modifier-accent);
  2704. }
  2705. #app-mount .gameNameInput_e25dd8:focus,
  2706. #app-mount .gameNameInput_e25dd8:hover {
  2707. background-color: rgba(var(--transparencycolor_v), .3);
  2708. border-color: rgba(var(--transparencycolor_v), .1);
  2709. }
  2710. #app-mount .gameName_aeeab5 { /* games gamename */
  2711. color: var(--header-primary);
  2712. }
  2713. #app-mount .lastPlayed_accc56, /* games lastplayed */
  2714. #app-mount .overlayStatusText__61367 { /* games overlaystatustext */
  2715. color: var(--text-muted);
  2716. }
  2717. #app-mount .toggleIconOn_ca5bbe .fill__80e66 { /* games overlaystatusicon */
  2718. fill: var(--text-muted);
  2719. }
  2720. #app-mount .nowPlayingAdd__7caf1 { /* games descriptionhint */
  2721. color: var(--header-secondary);
  2722. }
  2723. #app-mount .nowPlaying__353c3 .gameName_aeeab5 {
  2724. color: #fff;
  2725. }
  2726. #app-mount .nowPlaying__353c3 .lastPlayed_accc56,
  2727. #app-mount .nowPlaying__353c3 .overlayStatusText__61367 {
  2728. color: #b4e1cd;
  2729. }
  2730. #app-mount .nowPlaying__353c3 .toggleIconOff_b79a58 .fill__80e66,
  2731. #app-mount .nowPlaying__353c3 .toggleIconOn_ca5bbe .fill__80e66 {
  2732. fill: #b4e1cd;
  2733. }
  2734. #app-mount .notDetected__2a0c9 { /* games nogame */
  2735. background-color: rgba(var(--transparencycolor_v), .3);
  2736. }
  2737. #app-mount .notDetected__2a0c9 .lastPlayed_accc56 {
  2738. color: var(--header-secondary);
  2739. }
  2740.  
  2741. #app-mount .addGamePopout_e4ca8f { /* games add game popout */
  2742. background-color: transparent;
  2743. }
  2744. .addGamePopout_e4ca8f::before,
  2745. .addGamePopout_e4ca8f::after {
  2746. content: "";
  2747. position: absolute;
  2748. top: 0;
  2749. bottom: 0;
  2750. right: 0;
  2751. left: 0;
  2752. width: unset;
  2753. height: unset;
  2754. pointer-events: none;
  2755. z-index: -1;
  2756. }
  2757. .addGamePopout_e4ca8f::before {
  2758. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  2759. background-attachment: fixed;
  2760. }
  2761. .addGamePopout_e4ca8f::after {
  2762. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.15));
  2763. backdrop-filter: blur(var(--popoutblur_v));
  2764. }
  2765. #app-mount .addGamePopout_e4ca8f .cancelButton_b97995 {
  2766. color: var(--header-primary);
  2767. }
  2768.  
  2769. .preview_f42b5d { /* appearance preview */
  2770. background-color: rgba(var(--transparencycolor_v), .2);
  2771. border-color: rgba(var(--transparencycolor_v), .2);
  2772. }
  2773.  
  2774.  
  2775. /* ~~~~ 12. GUILDSETTINGS ~~~~ */
  2776.  
  2777. .container__467eb { /* settings confirmnotice */
  2778. position: relative;
  2779. backdrop-filter: blur(var(--backgroundblur_v));
  2780. }
  2781. .container__467eb[style*="background-color: rgba(248, 249, 249"],
  2782. .container__467eb[style*="background-color: rgba(32, 34, 37"] {
  2783. background-color: rgba(var(--transparencycolor_v), .7) !important;
  2784. }
  2785. .container__467eb[style*="background-color: rgba(248, 249, 249"] .message__13e98,
  2786. .container__467eb[style*="background-color: rgba(32, 34, 37"] .message__13e98 {
  2787. color: var(--header-primary) !important;
  2788. }
  2789. .container__467eb[style*="background-color: rgba(248, 249, 249"] .resetButton__7ae69 span[style],
  2790. .container__467eb[style*="background-color: rgba(32, 34, 37"] .resetButton__7ae69 span[style] {
  2791. color: var(--header-primary) !important;
  2792. }
  2793. .container__467eb::before {
  2794. content: "";
  2795. position: absolute;
  2796. top: 0;
  2797. bottom: 0;
  2798. right: 0;
  2799. left: 0;
  2800. background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
  2801. background-attachment: fixed;
  2802. pointer-events: none;
  2803. z-index: -1;
  2804. }
  2805.  
  2806. .roles__2b5cf { /* rolesettings intro roles */
  2807. z-index: 2;
  2808. }
  2809. .profileCard__03b33 { /* rolesettings intro profile */
  2810. position: relative;
  2811. z-index: 1;
  2812. }
  2813. .profileCard__03b33::before,
  2814. .profileCard__03b33::after {
  2815. content: "";
  2816. position: absolute;
  2817. top: 0;
  2818. bottom: 0;
  2819. right: 0;
  2820. left: 0;
  2821. width: unset;
  2822. height: unset;
  2823. pointer-events: none;
  2824. z-index: -1;
  2825. }
  2826. .profileCard__03b33::before {
  2827. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  2828. background-attachment: fixed;
  2829. }
  2830. .profileCard__03b33::after {
  2831. backdrop-filter: blur(var(--popoutblur_v));
  2832. }
  2833. .sidebar_bdf6b7 { /* rolesettings sidebar */
  2834. background-color: rgba(var(--transparencycolor_v), .1);
  2835. border: none;
  2836. }
  2837. .container_d5f6d0 { /* rolesettings everyone role */
  2838. background-color: rgba(var(--transparencycolor_v), .2);
  2839. }
  2840. .container_d5f6d0:hover {
  2841. background-color: rgba(var(--transparencycolor_v), .4);
  2842. }
  2843. .settingCard__00567 { /* rolesettings setting card */
  2844. background-color: rgba(var(--transparencycolor_v), .2);
  2845. }
  2846. .settingCard__00567.active__898cd { /* rolesettings setting card active */
  2847. background-color: rgba(var(--transparencycolor_v), .3);
  2848. }
  2849. .cardFolder__34393 { /* rolesettings setting card body */
  2850. background-color: transparent;
  2851. }
  2852. .group__6ae8b { /* rolesettings permissions group */
  2853. border-color: rgb(var(--transparencycolor_v), .4);
  2854. }
  2855. .item_f48d11 { /* rolesettings permissions item */
  2856. background: rgb(var(--transparencycolor_v), .2);
  2857. }
  2858. .item_f48d11:hover {
  2859. background: rgb(var(--transparencycolor_v), .4);
  2860. }
  2861. .passthrough__7cd54.selected__47401 { /* rolesettings permissions passthrough selected */
  2862. background: rgb(var(--accentcolor_v));
  2863. }
  2864. .icon__4c736 { /* rolesettings everyone role icon */
  2865. background-color: rgba(var(--transparencycolor_v), .4);
  2866. }
  2867. .titleContainer_e558ff, /* rolesettings roles list header */
  2868. .header__63c59 { /* rolesettings perms list header */
  2869. background-color: transparent;
  2870. }
  2871. .titleElevated__6a163,
  2872. .stickyHeaderElevated__89bcf {
  2873. box-shadow: none;
  2874. }
  2875. .header__63c59::before,
  2876. .header__63c59::after {
  2877. content: "";
  2878. position: absolute;
  2879. top: 0;
  2880. bottom: 0;
  2881. right: 0;
  2882. left: 0;
  2883. pointer-events: none;
  2884. z-index: -1;
  2885. }
  2886. .header__63c59::before {
  2887. background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
  2888. background-attachment: fixed;
  2889. }
  2890. .header__63c59::after {
  2891. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v)));
  2892. backdrop-filter: blur(var(--backgroundblur_v));
  2893. }
  2894. .roleRow_c357d5:hover:not(.roleRowDisableHover__9fe35) { /* rolesettings role row */
  2895. background-color: rgba(var(--transparencycolor_v), .2);
  2896. }
  2897. .roleRow_c357d5:hover:not(.roleRowDisableHover__9fe35) .circleButton__29ce2 {
  2898. background-color: rgba(var(--transparencycolor_v), .2);
  2899. }
  2900. .roleRow_c357d5:hover:not(.roleRowDisableHover__9fe35) .circleButton__29ce2:hover {
  2901. background-color: rgb(var(--accentcolor_v));
  2902. }
  2903. .roleRow_c357d5:before,
  2904. .roleRow_c357d5:last-child:after {
  2905. background-color: var(--background-modifier-accent);
  2906. }
  2907. .memberRow__91c35:hover { /* rolesettings member row */
  2908. background-color: rgba(var(--transparencycolor_v), .2);
  2909. }
  2910. #app-mount .colorPickerSwatch__87597.noColor_bf5131 { /* rolesettings colorswatch nocolor */
  2911. border-color: rgba(var(--textbrightest_v), .3);
  2912. }
  2913. #app-mount .colorPickerSwatch__87597.noColor_bf5131 .colorPickerDropperFg__72d34 {
  2914. fill: var(--header-primary);
  2915. }
  2916. #app-mount .colorPickerSwatch__87597.noColor_bf5131 polyline {
  2917. stroke: var(--header-primary);
  2918. }
  2919. .previewContainer_d2b616 { /* rolesettings preview */
  2920. border: none;
  2921. }
  2922. #app-mount .dragged__76dd2 { /* rolesettings dragged */
  2923. -webkit-mask: url(https://discord.com/assets/038a865e09c25dc13e30.svg) center/contain no-repeat;
  2924. background: var(--background-tertiary);
  2925. }
  2926. .messageContainer__18275 { /* rolesettings preview message */
  2927. background-color: rgba(var(--transparencycolor_v), .2);
  2928. }
  2929. .theme-light .messageContainer__18275 {
  2930. display: none;
  2931. }
  2932. .addMemberRow_d14116.selectedRow__754b4 { /* rolesettings add member row */
  2933. background-color: rgba(var(--transparencycolor_v), .2);
  2934. }
  2935.  
  2936. #app-mount .emojiRow__4661c:hover .emojiAliasPlaceholderContent_ea7491, /* emojisettings alias */
  2937. #app-mount .emojiRow__4661c:focus-within .emojiAliasPlaceholderContent_ea7491 {
  2938. visibility: hidden !important;
  2939. color: transparent !important;
  2940. }
  2941. #app-mount .emojiAliasInput_dd55f7 .emojiInput__4fe54 { /* emojisettings nameinput */
  2942. background-color: rgba(var(--transparencycolor_v), .1);
  2943. }
  2944.  
  2945. #app-mount .auditLog__6c805 { /* auditlogs logitem */
  2946. border-color: rgba(var(--transparencycolor_v), .1);
  2947. color: var(--text-muted);
  2948. }
  2949. #app-mount .headerClickable_c4d7a9, /* auditlogs loginner */
  2950. #app-mount .headerDefault__3e003 {
  2951. background-color: rgba(var(--transparencycolor_v), .2);
  2952. color: var(--header-secondary);
  2953. }
  2954. #app-mount .headerExpanded__03c29 {
  2955. background-color: rgba(var(--transparencycolor_v), .3);
  2956. color: var(--header-secondary);
  2957. }
  2958. #app-mount .divider__1505d { /* auditlogs loginnerdivider */
  2959. background-color: var(--background-modifier-accent);
  2960. }
  2961. #app-mount .changeDetails_ecd760 { /* auditlogs logdetails */
  2962. background-color: rgba(var(--transparencycolor_v), .2);
  2963. }
  2964. #app-mount .userHook_b1bf70 { /* auditlogs userhook */
  2965. color: var(--header-primary);
  2966. }
  2967. #app-mount .auditLog__6c805 strong { /* auditlogs targets */
  2968. color: var(--header-primary);
  2969. }
  2970. #app-mount .timestamp__2f935 { /* auditlogs timestamp */
  2971. color: var(--text-muted);
  2972. }
  2973. #app-mount .expandForeground_c53c75 { /* auditlogs expandarrow */
  2974. stroke: var(--header-secondary);
  2975. }
  2976. .themeOverrideLight__48338.icon__99140, /* auditlogs logicon */
  2977. .themeOverrideDark_e29cce.icon__99140,
  2978. #app-mount .icon__99140 {
  2979. background: none !important;
  2980. }
  2981. .icon__99140::before {
  2982. content: "";
  2983. position: absolute;
  2984. top: 0;
  2985. left: 0;
  2986. right: 0;
  2987. bottom: 0;
  2988. background: var(--header-primary);
  2989. }
  2990. .icon__99140.applicationCommand__0aaef::before {
  2991. -webkit-mask: url(https://discord.com/assets/295610bf2d3ec357b4bb.svg);
  2992. }
  2993. .icon__99140.autoModerationBlockMessage__473dc::before {
  2994. -webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg);
  2995. }
  2996. .icon__99140.autoModerationRule__66a81::before {
  2997. -webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg);
  2998. }
  2999. .icon__99140.targetAll__6358b::before {
  3000. -webkit-mask: url(https://discord.com/assets/cda90da758440b5e2cbc.svg);
  3001. }
  3002. .icon__99140.targetBan__28b70::before {
  3003. -webkit-mask: url(https://discord.com/assets/559f43e29d80d719b397.svg);
  3004. }
  3005. .icon__99140.targetChannel__62934::before {
  3006. -webkit-mask: url(https://discord.com/assets/fd8bb90a4678f63f6a50.svg);
  3007. }
  3008. .icon__99140.targetEmoji__499cd::before {
  3009. -webkit-mask: url(https://discord.com/assets/b734b6798a8b89611ee7.svg);
  3010. }
  3011. .icon__99140.targetGuild__170a1::before {
  3012. -webkit-mask: url(https://discord.com/assets/30039d24e09f9ae53597.svg);
  3013. }
  3014. .icon__99140.targetGuildHome__8d852::before {
  3015. -webkit-mask: url(https://discord.com/assets/bde25f93c922e02f8459.svg);
  3016. }
  3017. .icon__99140.targetGuildScheduledEvent_eefa31::before {
  3018. -webkit-mask: url(https://discord.com/assets/119b4083c9d4fce05f2d.svg);
  3019. }
  3020. .icon__99140.targetIntegration_f4a496::before {
  3021. -webkit-mask: url(https://discord.com/assets/a82903ac1478ed97b6d4.svg);
  3022. }
  3023. .icon__99140.targetInvite__46153::before {
  3024. -webkit-mask: url(https://discord.com/assets/5cc5c2e0ad18a7c383d8.svg);
  3025. }
  3026. .icon__99140.targetMember__27dad::before {
  3027. -webkit-mask: url(https://discord.com/assets/c53abf7172caf6e94497.svg);
  3028. }
  3029. .icon__99140.targetMemberRole__7fd6d::before {
  3030. -webkit-mask: url(https://discord.com/assets/63a73b3d5daccfd7a8fc.svg);
  3031. }
  3032. .icon__99140.targetMessage__0ca53::before {
  3033. -webkit-mask: url(https://discord.com/assets/f88edd51273b2e14999a.svg);
  3034. }
  3035. .icon__99140.targetPermission_a619b3::before {
  3036. -webkit-mask: url(https://discord.com/assets/93b984f7ed0c42796562.svg);
  3037. }
  3038. .icon__99140.targetRole_f0db36::before {
  3039. -webkit-mask: url(https://discord.com/assets/842d46ac28c4cc831849.svg);
  3040. }
  3041. .icon__99140.targetStageInstance_f9d669::before {
  3042. -webkit-mask: url(https://discord.com/assets/f39f5d92d79071dcd992.svg);
  3043. }
  3044. .icon__99140.targetSticker__18d72::before {
  3045. -webkit-mask: url(https://discord.com/assets/0020113abbe97807c0be.svg);
  3046. }
  3047. .icon__99140.targetVanityUrl_d8b24a::before {
  3048. -webkit-mask: url(https://discord.com/assets/9ecac67adfc57255096c.svg);
  3049. }
  3050. .icon__99140.targetWebhook__5177a::before {
  3051. -webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg);
  3052. }
  3053. .icon__99140.targetWidget_aaaf18::before {
  3054. -webkit-mask: url(https://discord.com/assets/fb3b404502ba18187ace.svg);
  3055. }
  3056. .icon__99140.thread_a2b0da::before {
  3057. -webkit-mask: url(https://discord.com/assets/6960c3e51b7f0dcefcc0.svg);
  3058. }
  3059.  
  3060. #app-mount .card_fd0d59 { /* integrationsettings card */
  3061. border-color: rgba(var(--transparencycolor_v), .1)
  3062. }
  3063. #app-mount .card__05cf8 { /* integrationsettings webhook card */
  3064. border-color: rgba(var(--transparencycolor_v), .1)
  3065. }
  3066. #app-mount .card__39d1a { /* integrationsettings apps card */
  3067. border-color: rgba(var(--transparencycolor_v), .1)
  3068. }
  3069. #app-mount .card__78185 { /* integrationsettings follows card */
  3070. border-color: rgba(var(--transparencycolor_v), .1)
  3071. }
  3072. #app-mount .iconWrapper__8fbb1 { /* integrationsettings icon */
  3073. background-color: rgba(var(--transparencycolor_v), .4);
  3074. }
  3075.  
  3076. .guildDetails_fc2c63 { /* communitysettings intro details */
  3077. background-color: rgba(var(--transparencycolor_v), .4);
  3078. }
  3079. .featureCard__0a441 { /* communitysettings intro featurecard */
  3080. background-color: rgba(var(--transparencycolor_v), .3);
  3081. }
  3082. .featureIcon__48a2c { /* communitysettings intro featureicon */
  3083. background-color: rgba(var(--transparencycolor_v), .3);
  3084. }
  3085.  
  3086. .upsellContainer__978df { /* communitysettings general upsellcontainer */
  3087. background-color: rgba(var(--transparencycolor_v), .2);
  3088. }
  3089. .upsellFooter__63475 { /* communitysettings general upsellfooter */
  3090. background-color: rgba(var(--transparencycolor_v), .2);
  3091. }
  3092.  
  3093. .developerPortalCtaWrapper__21172 { /* communitysettings analytics info */
  3094. background-color: rgba(var(--transparencycolor_v), .3);
  3095. }
  3096. .analyticsCard_a976ba { /* communitysettings analytics card */
  3097. background-color: rgba(var(--transparencycolor_v), .3);
  3098. }
  3099.  
  3100. #app-mount .card__81c50 { /* communitysettings discovery card */
  3101. background-color: rgba(var(--transparencycolor_v), .3);
  3102. }
  3103. #app-mount .iconMask_c8b196 { /* communitysettings discovery icon */
  3104. background-color: rgba(var(--transparencycolor_v), .2);
  3105. }
  3106. .splashImage_bfd001[src="/assets/467602d632b5f9c1ce4b.svg"],
  3107. .splashImage_bfd001[src="/assets/d4d9f2bff23beec65b1f.svg"] {
  3108. background: url(https://discord.com/assets/467602d632b5f9c1ce4b.svg) center/cover no-repeat;
  3109. opacity: .75;
  3110. object-position: -999999px -999999px;
  3111. }
  3112. .container__0d7bc { /* communitysettings discovery checklist */
  3113. background-color: rgba(var(--transparencycolor_v), .3);
  3114. }
  3115. .header_d08072 { /* communitysettings discovery checklist header */
  3116. background-color: rgba(var(--transparencycolor_v), .3);
  3117. }
  3118.  
  3119. .descriptionBox_cca0c3 { /* templatesettings descriptionbox */
  3120. background-color: rgba(var(--transparencycolor_v), .3);
  3121. }
  3122.  
  3123. #app-mount .tierHeaderLocked__4d099 { /* boostsettings tierheaderlocked */
  3124. background-color: rgba(var(--transparencycolor_v), .4);
  3125. color: var(--header-secondary);
  3126. }
  3127. #app-mount .tierHeaderUnlocked_cc60fa { /* boostsettings tierheaderunlocked */
  3128. background-color: rgba(var(--transparencycolor_v), .5);
  3129. }
  3130. #app-mount .tierCloseClose_b6b875 { /* boostsettings tiercloseclose */
  3131. color: var(--header-primary);
  3132. }
  3133. #app-mount .tierBody__615a1 { /* boostsettings tierbody */
  3134. background-color: rgba(var(--transparencycolor_v), .3);
  3135. color: var(--header-secondary);
  3136. }
  3137. #app-mount .tierInProgress_f08e8b { /* boostsettings tiermilestone */
  3138. background-color: rgba(var(--transparencycolor_v), .3);
  3139. }
  3140. #app-mount .background__3dd67 { /* boostsettings tierbar (settings) */
  3141. color: rgba(var(--transparencycolor_v), .3);
  3142. }
  3143.  
  3144. #app-mount .member__55269 { /* membersettings membercard */
  3145. box-shadow: 0 1px 0 0 var(--background-modifier-accent);
  3146. }
  3147. #app-mount .member__55269 .name__7635a { /* membersettings membercardname */
  3148. color: var(--header-primary);
  3149. }
  3150. #app-mount .member__55269 .tag__1a537 { /* membersettings membercardtag */
  3151. color: var(--text-muted);
  3152. }
  3153. #app-mount .member__55269 .roleWrapper__0f174 { /* membersettings rolewrapper */
  3154. color: rgba(var(--textbrightest_v),.8);
  3155. }
  3156. #app-mount .actionButton__81eaa { /* membersettings addrolebutton */
  3157. border-color: var(--header-secondary);
  3158. color: var(--header-secondary);
  3159. }
  3160. #app-mount .member__55269 .overflowIconFg__2b31c { /* membersettings 3-dot icon */
  3161. fill: var(--header-primary);
  3162. }
  3163. #app-mount .member__55269 .ownerHelpIcon__021a4 { /* membersettings help icon */
  3164. color: var(--header-primary);
  3165. }
  3166.  
  3167. #app-mount .overflowRolesPopout__88ab9, /* membersettings roleoverflow popout */
  3168. #app-mount .overflowRolesPopoutArrow_f3db31 {
  3169. background-color: transparent;
  3170. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .2), 0 2px 10px 0 rgba(var(--transparencycolor_v), .2);
  3171. border: none;
  3172. border-radius: 3px;
  3173. overflow: hidden;
  3174. }
  3175. .overflowRolesPopout__88ab9::before,
  3176. .overflowRolesPopoutArrow_f3db31::before,
  3177. .overflowRolesPopout__88ab9::after,
  3178. .overflowRolesPopoutArrow_f3db31::after {
  3179. content: "";
  3180. position: absolute;
  3181. top: 0;
  3182. bottom: 0;
  3183. right: 0;
  3184. left: 0;
  3185. width: unset;
  3186. height: unset;
  3187. pointer-events: none;
  3188. z-index: -1;
  3189. }
  3190. .overflowRolesPopout__88ab9::before,
  3191. .overflowRolesPopoutArrow_f3db31::before {
  3192. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  3193. background-attachment: fixed;
  3194. }
  3195. .overflowRolesPopout__88ab9::after,
  3196. .overflowRolesPopoutArrow_f3db31::after {
  3197. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.1));
  3198. backdrop-filter: blur(var(--popoutblur_v));
  3199. }
  3200. .overflowRolesPopoutHeaderIcon__07f88 path {
  3201. fill: var(--header-secondary);
  3202. }
  3203. .overflowRolesPopoutHeaderText_dabff2 {
  3204. color: var(--header-secondary);
  3205. }
  3206.  
  3207. #app-mount .to_d0a2ea { /* membersettings transfer to */
  3208. background-color: rgba(var(--transparencycolor_v), .3);
  3209. box-shadow: 0 0 0 4px rgba(var(--transparencycolor_v), .3);
  3210. }
  3211. #app-mount .fromToWrapper__2c6f3 {
  3212. background: transparent;
  3213. }
  3214. #app-mount .fromToWrapper__2c6f3::before {
  3215. content: "";
  3216. position: absolute;
  3217. top: 0;
  3218. right: 0;
  3219. bottom: 0;
  3220. left: 0;
  3221. -webkit-mask: url(https://discord.com/assets/a2e6c7df5d20d1aeaacb.svg) 50% 0 no-repeat;
  3222. background: var(--header-primary);
  3223. }
  3224.  
  3225. #app-mount .inviteSettingsInviteRow__0d747 { /* invitesettings invitecard */
  3226. box-shadow: 0 1px 0 0 var(--background-modifier-accent);
  3227. }
  3228.  
  3229. #app-mount .bannedUser__38b44 { /* bansettings bancard */
  3230. background-color: transparent;
  3231. box-shadow: 0 1px 0 0 var(--background-modifier-accent);
  3232. }
  3233. #app-mount .bannedUser__38b44:hover {
  3234. background-color: rgba(var(--transparencycolor_v), .3);
  3235. }
  3236.  
  3237.  
  3238. /* ~~~~ 13. MODALS ~~~~ */
  3239.  
  3240. .layer_ad604d:nth-child(1),
  3241. .withLayer__1fe9d:nth-child(1) {
  3242. z-index: 1002;
  3243. }
  3244. .layer_ad604d:nth-child(2),
  3245. .withLayer__1fe9d:nth-child(2) {
  3246. z-index: 1003;
  3247. }
  3248. .layer_ad604d:nth-child(3),
  3249. .withLayer__1fe9d:nth-child(3) {
  3250. z-index: 1004;
  3251. }
  3252. .layer_ad604d:nth-child(4),
  3253. .withLayer__1fe9d:nth-child(4) {
  3254. z-index: 1005;
  3255. }
  3256. .layer_ad604d:nth-child(5),
  3257. .withLayer__1fe9d:nth-child(5) {
  3258. z-index: 1006;
  3259. }
  3260. .layer_ad604d:nth-child(6),
  3261. .withLayer__1fe9d:nth-child(6) {
  3262. z-index: 1007;
  3263. }
  3264. .layer_ad604d:nth-child(7),
  3265. .withLayer__1fe9d:nth-child(7) {
  3266. z-index: 1008;
  3267. }
  3268. .layer_ad604d:nth-child(8),
  3269. .withLayer__1fe9d:nth-child(8) {
  3270. z-index: 1009;
  3271. }
  3272. .layer_ad604d:nth-child(9),
  3273. .withLayer__1fe9d:nth-child(9) {
  3274. z-index: 1010;
  3275. }
  3276. .layer_ec16dd {
  3277. z-index: 1011;
  3278. }
  3279.  
  3280. #app-mount .root_a28985:not(.noBackground_ebd8f7), /* modal container (foldersettings) */
  3281. #app-mount .modal__060da { /* modal container */
  3282. background-color: transparent;
  3283. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  3284. position: relative;
  3285. border-radius: 5px;
  3286. transform: unset !important;
  3287. }
  3288. #app-mount .rootWithShadow__073a7:not(.noShadow__49254) {
  3289. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  3290. }
  3291. .root_a28985 > *,
  3292. .modal__060da > * {
  3293. z-index: 1;
  3294. }
  3295. .root_a28985::before,
  3296. .modal__060da::before,
  3297. .root_a28985::after,
  3298. .modal__060da::after {
  3299. content: "";
  3300. position: absolute;
  3301. top: 0;
  3302. bottom: 0;
  3303. right: 0;
  3304. left: 0;
  3305. width: unset;
  3306. height: unset;
  3307. border-radius: 5px;
  3308. pointer-events: none;
  3309. z-index: -1;
  3310. }
  3311. .root_a28985::before,
  3312. .modal__060da::before {
  3313. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  3314. background-attachment: fixed;
  3315. }
  3316. .root_a28985::after,
  3317. .modal__060da::after {
  3318. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
  3319. backdrop-filter: blur(var(--popoutblur_v));
  3320. }
  3321. .root_a28985 .modal__060da::before,
  3322. .root_a28985.noBackground_ebd8f7::before,
  3323. .modal_d2e7a7::before,
  3324. .root_a28985 .modal__060da::after,
  3325. .root_a28985.noBackground_ebd8f7::after,
  3326. .modal_d2e7a7::after {
  3327. display: none;
  3328. }
  3329. #app-mount .zoomedCarouselModalRoot__1e2da {
  3330. background: transparent !important;
  3331. }
  3332. #app-mount .modalTextContainer_ddfc28 { /* modal text file */
  3333. background-color: rgba(var(--transparencycolor_v), .5);
  3334. border: none;
  3335. }
  3336. #app-mount .footer__89240,
  3337. #app-mount .footer__09373 { /* modal footer */
  3338. background-color: rgba(var(--transparencycolor_v), .2);
  3339. z-index: 0;
  3340. }
  3341. #app-mount .footerSeparator__57d95 {
  3342. box-shadow: none;
  3343. }
  3344.  
  3345. .tabBarContainer__63f55 { /* modal tabbarcontainer */
  3346. border-top-color: rgba(var(--transparencycolor_v), .3);
  3347. }
  3348. #app-mount .modal_6GHvdM .tabBarContainer__63f55 {
  3349. background: rgba(var(--transparencycolor_v), .2);
  3350. box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor_v), .1);
  3351. }
  3352.  
  3353. #app-mount .content_ab56e9 + .videoContainer_a9d080 {
  3354. box-sizing: border-box;
  3355. height: 100%;
  3356. }
  3357. #app-mount .testimonialContainer__3e4a3 path[fill="#2B2D31"] {
  3358. fill: var(--background-secondary);
  3359. }
  3360. #app-mount .testimonialContainer__3e4a3 .quotes__35cf8 {
  3361. color: var(--header-secondary);
  3362. }
  3363.  
  3364. #app-mount .separator_ff09cd {
  3365. box-shadow: 0 1px 0 0 rgba(var(--transparencycolor_v),.3), 0 1px 2px 0 rgba(var(--transparencycolor_v),.3);
  3366. }
  3367. #app-mount .divider__1464c {
  3368. border-color: var(--background-modifier-accent);
  3369. }
  3370.  
  3371. #app-mount .message__3ad07 {
  3372. color: var(--header-secondary);
  3373. }
  3374. #app-mount .secondaryButton_e0812e {
  3375. color: var(--header-primary);
  3376. }
  3377. #app-mount .imageUpgrade__02fcc {
  3378. background-image: url(https://discord.com/assets/7e81dd54960672eabe78.svg);
  3379. }
  3380. #app-mount .imageCancel_e3036f {
  3381. background: url(https://discord.com/assets/d12b5c285831f85c5eee.svg);
  3382. }
  3383. #app-mount .imageUnclaimed__3f7ec {
  3384. background-image: url(https://discord.com/assets/41675689ca055858e137.svg);
  3385. opacity: .5;
  3386. }
  3387. #app-mount .imageUnverified__6dc24 {
  3388. background-image: url(https://discord.com/assets/f0cba42b6a6d3b2de4fd.svg);
  3389. opacity: .5;
  3390. }
  3391.  
  3392. #app-mount .divider__17151 {
  3393. border-color: var(--background-modifier-accent);
  3394. }
  3395. #app-mount .backButtonColor_ceeab9 {
  3396. color: var(--header-primary);
  3397. }
  3398. #app-mount .checkboxLabel__56eeb {
  3399. color: var(--header-secondary);
  3400. }
  3401.  
  3402. /* ---- 13.1. USERMODAL ----- */
  3403.  
  3404. .listRow__60937:hover {
  3405. background-color: rgba(var(--transparencycolor_v), .2);
  3406. }
  3407. .emptyIcon__655a1 { /* body emptypic */
  3408. opacity: .5;
  3409. }
  3410. .profileColors__2e2f0 .mask__1979f circle {
  3411. fill: transparent;
  3412. }
  3413.  
  3414. /* ---- 13.2. GUILDADD/CREATION ----- */
  3415.  
  3416. .container__73245, /* create modal item */
  3417. .guildRow_b1c31c { /* hub modal item */
  3418. background-color: rgb(var(--transparencycolor_v), .2);
  3419. border: none;
  3420. }
  3421. .container__73245:hover,
  3422. .guildRow_b1c31c:hover {
  3423. background-color: rgb(var(--transparencycolor_v), .4);
  3424. }
  3425. .text__43e5f, /* create modal text */
  3426. .guildName_e8fc4b { /* hub modal text */
  3427. color: var(--header-secondary);
  3428. }
  3429. .container__73245:hover .text__43e5f,
  3430. .guildRow_b1c31c:hover .guildName_e8fc4b {
  3431. color: var(--header-primary);
  3432. }
  3433. .arrow__5e540, /* create modal arrow */
  3434. .guildName_e8fc4b ~ img { /* hub modal arrow */
  3435. object-position: -999999px -999999px;
  3436. -webkit-mask: url(https://discord.com/assets/ebd4163d89c2d849ec54.svg) center/cover no-repeat;
  3437. background: var(--header-secondary);
  3438. }
  3439. .container__73245:hover .arrow__5e540,
  3440. .guildRow_b1c31c:hover .guildName_e8fc4b ~ img {
  3441. background: var(--header-primary);
  3442. }
  3443. .input__0c269 { /* modal invite input */
  3444. background: transparent;
  3445. }
  3446. .inputInner__2e566 { /* modal invite input inner */
  3447. border: 1px solid var(--deprecated-text-input-border);
  3448. }
  3449.  
  3450. /* ---- 13.3. UPLOADMODAL ---- */
  3451.  
  3452. #app-mount .uploadModal_eae2a0 { /* modal container */
  3453. background-color: transparent;
  3454. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  3455. position: relative;
  3456. border-radius: 10px;
  3457. }
  3458. .uploadModal_eae2a0::before,
  3459. .uploadModal_eae2a0::after {
  3460. content: "";
  3461. position: absolute;
  3462. top: 0;
  3463. bottom: 0;
  3464. right: 0;
  3465. left: 0;
  3466. width: unset;
  3467. height: unset;
  3468. border-radius: 10px;
  3469. pointer-events: none;
  3470. z-index: -1;
  3471. }
  3472. .uploadModal_eae2a0::before {
  3473. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  3474. background-attachment: fixed;
  3475. }
  3476. .uploadModal_eae2a0::after {
  3477. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
  3478. backdrop-filter: blur(var(--popoutblur_v));
  3479. }
  3480.  
  3481. .uploadModalIn_c0ca4b .uploadDropModal__73a36 {
  3482. width: unset;
  3483. }
  3484. .uploadModalIn_c0ca4b .uploadDropModal__73a36 .inner__7afe9 .title__73a49,
  3485. .uploadModalIn_c0ca4b .uploadDropModal__73a36 .inner__7afe9 .instructions__9e259 {
  3486. text-shadow: 1px 1px var(--textshadow_v);
  3487. }
  3488. .uploadModal_eae2a0 .inner__7afe9 { /* modal channeltextarea */
  3489. background-color: rgba(var(--transparencycolor_v), .3);
  3490. }
  3491. .uploadModal_eae2a0 .footer_ceda43 { /* modal footer */
  3492. background-color: rgba(var(--transparencycolor_v), .2);
  3493. box-shadow: none;
  3494. }
  3495. .uploadModal_eae2a0 .inner__7afe9 .file_f309f6 .icon__25b13.image__00ac0 {
  3496. box-shadow: 0 2px 8px rgba(var(--transparencycolor_v), .4);
  3497. }
  3498.  
  3499. /* ---- 13.4. KEYBOARDSHORTCUTSMODAL ---- */
  3500.  
  3501. #app-mount .keyboardShortcutsModal__74c71 { /* modal container */
  3502. background-color: transparent;
  3503. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  3504. position: relative;
  3505. overflow: hidden;
  3506. }
  3507. .keyboardShortcutsModal__74c71::before,
  3508. .keyboardShortcutsModal__74c71::after {
  3509. content: "";
  3510. position: absolute;
  3511. top: 0;
  3512. bottom: 0;
  3513. right: 0;
  3514. left: 0;
  3515. width: unset;
  3516. height: unset;
  3517. pointer-events: none;
  3518. z-index: -1;
  3519. }
  3520. .keyboardShortcutsModal__74c71::before {
  3521. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  3522. background-attachment: fixed;
  3523. }
  3524. .keyboardShortcutsModal__74c71::after {
  3525. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
  3526. backdrop-filter: blur(var(--popoutblur_v));
  3527. }
  3528. #app-mount .modalTitle_cf2de1 { /* modal title */
  3529. color: var(--header-primary);
  3530. }
  3531. #app-mount .modalSubtitle__40325 { /* modal subtitle */
  3532. border-color: var(--background-modifier-accent);
  3533. color: var(--text-normal);
  3534. }
  3535. #app-mount .keyboardShortcutList__1f357 .keybindGroup_bd18f5 .keybindDescription__74fa6 {
  3536. color: var(--header-secondary);
  3537. }
  3538. #app-mount .combo__57290 {
  3539. color: var(--header-primary);
  3540. }
  3541. #app-mount .combo__57290 .key__06fe6 {
  3542. background-color: var(--text-muted);
  3543. border: 1px solid rgba(0, 0, 0, .4);
  3544. box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .4);
  3545. color: var(--header-primary);
  3546. }
  3547. #app-mount .combo__57290 .key__06fe6:active {
  3548. box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .6);
  3549. border: 1px solid rgb(0, 0, 0);
  3550. color: var(--header-secondary);
  3551. }
  3552.  
  3553. /* ---- 13.5. QUICKSWITCHER ---- */
  3554.  
  3555. #app-mount .quickswitcher_a3d29a { /* modal container */
  3556. background-color: transparent;
  3557. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  3558. position: relative;
  3559. overflow: hidden;
  3560. flex: 1 1 auto;
  3561. }
  3562. .quickswitcher_a3d29a::before,
  3563. .quickswitcher_a3d29a::after {
  3564. content: "";
  3565. position: absolute;
  3566. top: 0;
  3567. bottom: 0;
  3568. right: 0;
  3569. left: 0;
  3570. width: unset;
  3571. height: unset;
  3572. pointer-events: none;
  3573. z-index: -1;
  3574. }
  3575. .quickswitcher_a3d29a::before {
  3576. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  3577. background-attachment: fixed;
  3578. }
  3579. .quickswitcher_a3d29a::after {
  3580. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
  3581. backdrop-filter: blur(var(--popoutblur_v));
  3582. }
  3583. #app-mount .emptyState_afda24 {
  3584. background: transparent;
  3585. }
  3586. #app-mount .emptyState_afda24::before {
  3587. content: "";
  3588. position: absolute;
  3589. top: 0;
  3590. right: 0;
  3591. bottom: 0;
  3592. left: 0;
  3593. background: url(https://discord.com/assets/c586aac99de98cfb010d.svg) center/100px no-repeat;
  3594. opacity: .5;
  3595. }
  3596. .root_a28985 .quickswitcher_a3d29a::before,
  3597. .root_a28985 .quickswitcher_a3d29a::after {
  3598. display: none;
  3599. }
  3600. .scroller__52ae7 {
  3601. background-color: transparent;
  3602. }
  3603. #app-mount .input__848cd { /* modal input */
  3604. background-color: rgba(var(--transparencycolor_v), .4);
  3605. box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  3606. }
  3607. #app-mount .result__25f11[aria-selected=true] { /* modal resultselected */
  3608. background-color: rgba(var(--transparencycolor_v), .2);
  3609. }
  3610.  
  3611. /* ---- 13.6. INVITEMODAL/GROUPCREATE ---- */
  3612.  
  3613. #app-mount .contentWrapper__85d37 { /* modal guildinvitemodal */
  3614. background-color: transparent;
  3615. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  3616. position: relative;
  3617. overflow: hidden;
  3618. }
  3619. .contentWrapper__85d37::before,
  3620. .contentWrapper__85d37::after {
  3621. content: "";
  3622. position: absolute;
  3623. top: 0;
  3624. bottom: 0;
  3625. right: 0;
  3626. left: 0;
  3627. width: unset;
  3628. height: unset;
  3629. pointer-events: none;
  3630. z-index: -1;
  3631. }
  3632. .contentWrapper__85d37::before {
  3633. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  3634. background-attachment: fixed;
  3635. }
  3636. .contentWrapper__85d37::after {
  3637. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
  3638. backdrop-filter: blur(var(--popoutblur_v));
  3639. }
  3640.  
  3641. #app-mount .friendSelected_f0db37, /* modal groupdmrow */
  3642. #app-mount .inviteRow_a25947:hover { /* modal guildrow */
  3643. background-color: rgba(var(--transparencycolor_v), .2);
  3644. }
  3645. #app-mount .friend__05c43, /* modal groupdmrow */
  3646. #app-mount .inviteRowName_bc8b23 { /* modal username */
  3647. color: var(--header-secondary);
  3648. }
  3649. #app-mount .friendSelected_f0db37,
  3650. #app-mount .inviteRow_a25947:hover .inviteRowName_bc8b23 {
  3651. color: var(--header-primary);
  3652. }
  3653. #app-mount .checkBoxLabel__29660,
  3654. #app-mount .footerText__614f3,
  3655. #app-mount .subtitle__593cd,
  3656. #app-mount .subText__9988c {
  3657. color: var(--header-secondary);
  3658. }
  3659. .tag__69d9d { /* modal added user */
  3660. background-color: rgb(var(--accentcolor_v));
  3661. color: #fff;
  3662. text-shadow: 1px 1px var(--textshadow_v);
  3663. }
  3664. .pill_c0440d {
  3665. background-color: rgba(var(--transparencycolor_v), .5);
  3666. }
  3667. #app-mount .notFriends__778a1 .errorStateIcon__7edd8 {
  3668. background-image: url(https://discord.com/assets/07aa1f325ebe8b8af5cb.svg);
  3669. opacity: 0.6;
  3670. }
  3671. #app-mount .noFriends_a7f7ca .errorStateIcon__7edd8 {
  3672. background-image: url(https://discord.com/assets/adfe130868d2bcf467b5.svg);
  3673. opacity: 0.6;
  3674. }
  3675. #app-mount .partyFull_c6b62b .errorStateIcon__7edd8 {
  3676. background-image: url(https://discord.com/assets/53d74eda11a4185c1acd.svg);
  3677. opacity: 0.6;
  3678. }
  3679. #app-mount .noResults_c69767 .errorStateIcon__7edd8 {
  3680. background-image: url(https://discord.com/assets/c8718df1382ba878f1fc.svg);
  3681. opacity: 0.6;
  3682. }
  3683.  
  3684. /* ---- 13.7. LOGINSCREEN ---- */
  3685.  
  3686. #app-mount .wrapper_eebc2d { /* login wrapper */
  3687. background: transparent;
  3688. }
  3689. .wrapper_eebc2d::before, /* login winbuttonshadow */
  3690. .wrapper_eebc2d .rightSplit__46a42, /* login background */
  3691. .wrapper_eebc2d .canvas_c398ff { /* login movingshadow */
  3692. display: none;
  3693. }
  3694. #app-mount .authBox__7196a { /* login modal body */
  3695. background-color: transparent;
  3696. box-shadow: none;
  3697. color: var(--text-muted);
  3698. position: relative;
  3699. overflow: hidden;
  3700. }
  3701. #app-mount .authBox__7196a.authBoxExpanded_e57789 { /* login modal body expanded */
  3702. background-color: rgba(var(--transparencycolor_v), .5);
  3703. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  3704. }
  3705. #app-mount .navRow_bb8efc { /* modal modal footer */
  3706. background-color: rgba(var(--transparencycolor_v), .2);
  3707. }
  3708.  
  3709. /* ---- 13.8. DOWNLOADAPPMODAL ---- */
  3710.  
  3711. #app-mount .downloadApps__30ed7 { /* modal container */
  3712. background-color: transparent;
  3713. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  3714. position: relative;
  3715. overflow: hidden;
  3716. }
  3717. .downloadApps__30ed7::before,
  3718. .downloadApps__30ed7::after {
  3719. content: "";
  3720. position: absolute;
  3721. top: 0;
  3722. bottom: 0;
  3723. right: 0;
  3724. left: 0;
  3725. width: unset;
  3726. height: unset;
  3727. pointer-events: none;
  3728. z-index: -1;
  3729. }
  3730. .downloadApps__30ed7::before {
  3731. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  3732. background-attachment: fixed;
  3733. }
  3734. .downloadApps__30ed7::after {
  3735. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
  3736. backdrop-filter: blur(var(--popoutblur_v));
  3737. }
  3738. .downloadApps__30ed7 .header__01af9 {
  3739. color: var(--text-normal);
  3740. }
  3741. .downloadApps__30ed7 .footer__49ae9 {
  3742. color: var(--text-muted);
  3743. }
  3744. .downloadApps__30ed7 .platforms__86929 .platform__97f9e {
  3745. border-color: var(--header-secondary);
  3746. }
  3747. .downloadApps__30ed7 .platforms__86929 .platform__97f9e p {
  3748. color: var(--header-secondary);
  3749. }
  3750. .downloadApps__30ed7 .platforms__86929 .platform__97f9e .downloadButton__87489 {
  3751. background-color: var(--header-secondary);
  3752. }
  3753. .downloadApps__30ed7 .platforms__86929 .platform__97f9e.active__8f9aa .downloadButton__87489 {
  3754. text-shadow: 1px 1px var(--textshadow_v);
  3755. }
  3756.  
  3757. /* ---- 13.9. GUILDBOOSTMODAL ---- */
  3758.  
  3759. #app-mount .subscriberCount__53026 { /* modal subcount */
  3760. color: var(--header-secondary);
  3761. }
  3762. #app-mount .subscriberCount__53026 strong {
  3763. color: var(--text-normal);
  3764. }
  3765. #app-mount .moreSubscribers_a13ebc { /* modal suboverflow */
  3766. background-color: rgba(var(--transparencycolor_v), .3);
  3767. color: var(--header-primary)
  3768. }
  3769.  
  3770. #app-mount .subscribersPopout__1da1e { /* subpopout container */
  3771. background-color: transparent;
  3772. box-shadow: 0 2px 10px rgba(var(--transparencycolor_v), .2);
  3773. overflow: hidden;
  3774. }
  3775. .subscribersPopout__1da1e::before,
  3776. .subscribersPopout__1da1e::after {
  3777. content: "";
  3778. position: absolute;
  3779. top: 0;
  3780. bottom: 0;
  3781. right: 0;
  3782. left: 0;
  3783. width: unset;
  3784. height: unset;
  3785. pointer-events: none;
  3786. z-index: -1;
  3787. }
  3788. .subscribersPopout__1da1e::before {
  3789. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  3790. background-attachment: fixed;
  3791. }
  3792. .subscribersPopout__1da1e::after {
  3793. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.35));
  3794. backdrop-filter: blur(var(--popoutblur_v));
  3795. }
  3796. #app-mount .subscribersPopoutUser_a790de { /* subpopout users */
  3797. color: var(--header-secondary);
  3798. }
  3799.  
  3800. #app-mount .iconWrapper__9caa9 { /* prebuy popout amount icon wrapper */
  3801. background: rgba(var(--transparencycolor_v), .3);
  3802. }
  3803. .icon_ae3492:hover { /* prebuy popout amount icon */
  3804. background: rgb(var(--accentcolor_v));
  3805. }
  3806.  
  3807. /* ---- 13.10. REACTIONSMODAL ---- */
  3808.  
  3809. #app-mount .scroller__5fda0 { /* modal sidebar */
  3810. background-color: rgba(var(--transparencycolor_v), .4);
  3811. }
  3812. #app-mount .reactors__20ab0 { /* modal list */
  3813. background-color: rgba(var(--transparencycolor_v), .2);
  3814. }
  3815. #app-mount .reactionDefault__792ef:hover { /* modal reaction */
  3816. background-color: rgba(var(--transparencycolor_v), .2);
  3817. }
  3818. #app-mount .reactionSelected__249a7 {
  3819. background-color: rgba(var(--transparencycolor_v), .4);
  3820. }
  3821. #app-mount .remove__6bd0e { /* modal remove */
  3822. color: var(--interactive-normal);
  3823. }
  3824. #app-mount .remove__6bd0e:hover {
  3825. background-color: rgba(var(--transparencycolor_v), .4);
  3826. color: var(--interactive-hover);
  3827. }
  3828. #app-mount .discriminator__18879 { /* modal discriminator */
  3829. color: var(--text-muted);
  3830. }
  3831.  
  3832. /* ---- 13.11. GUILDWELCOMEMODAL ---- */
  3833.  
  3834. .optionContainer__5d0b1 { /* modal option */
  3835. background-color: rgba(var(--transparencycolor_v), .2);
  3836. }
  3837. .optionContainer__5d0b1:hover {
  3838. background-color: rgba(var(--transparencycolor_v), .4);
  3839. }
  3840.  
  3841. /* ---- 13.12. GUILDRULESMODAL ---- */
  3842.  
  3843. .guildSidebar__8763f { /* modal sidebar */
  3844. background-color: rgba(var(--transparencycolor_v), .4);
  3845. }
  3846. .footer__2f589 { /* modal footer */
  3847. background: transparent;
  3848. }
  3849. .modal_b38209 { /* modal inner */
  3850. background-color: rgba(var(--transparencycolor_v), .2);
  3851. }
  3852.  
  3853. /* ---- 13.13. GUILDFEEDBACKMODAL ---- */
  3854.  
  3855. .root_b4f834 { /* modal items */
  3856. background-color: transparent;
  3857. border-radius: 0;
  3858. }
  3859. .option_f70eea { /* modal item */
  3860. background-color: rgb(var(--transparencycolor_v), .2);
  3861. border: none;
  3862. border-radius: 8px;
  3863. margin-bottom: 8px;
  3864. }
  3865. .option_f70eea:hover {
  3866. background-color: rgb(var(--transparencycolor_v), .4);
  3867. }
  3868.  
  3869. /* ---- 13.14. SCREENSHAREMODAL ---- */
  3870.  
  3871. #app-mount .sourceThumbnail__21c87 { /* modal preview tiles */
  3872. background-color: rgba(var(--transparencycolor_v), .4);
  3873. box-shadow: 0 2px 5px rgba(var(--transparencycolor_v), .2), 0 0 0 1px rgba(var(--transparencycolor_v), .6);
  3874. }
  3875. .card__7756d {
  3876. background-color: rgba(var(--transparencycolor_v), .2);
  3877. border-color: rgba(var(--transparencycolor_v), .4);
  3878. }
  3879. #app-mount .item__126a6 {
  3880. border-color: rgba(var(--transparencycolor_v), .4);
  3881. }
  3882. .selectorButton_c6ae93:not(.selectorButtonSelected_fbe8fc) {
  3883. background-color: rgba(var(--transparencycolor_v), .2);
  3884. }
  3885.  
  3886. /* ---- 13.15. PHONEVERIFICATIONMODAL ---- */
  3887.  
  3888. .phoneField__65729 {
  3889. background-color: rgba(var(--transparencycolor_v), .2);
  3890. }
  3891. .phoneField__65729 .inputField__3008c {
  3892. background-color: transparent;
  3893. }
  3894. .phoneFieldPopout__3e064 {
  3895. position: absolute !important;
  3896. }
  3897.  
  3898. /* ---- 13.16. NOTIFICATIONSMODAL ---- */
  3899.  
  3900. #app-mount .channelName_a1ccf5 {
  3901. color: var(--header-primary);
  3902. }
  3903. #app-mount .guildName_b9dc9e,
  3904. #app-mount .override_f2098b,
  3905. #app-mount .overrideHighlight__6a2f1 {
  3906. color: var(--header-secondary);
  3907. }
  3908. #app-mount .override_f2098b:hover {
  3909. background-color: rgba(var(--backgroundtertiary),.1);
  3910. }
  3911. #app-mount .overrideHighlight__6a2f1,
  3912. #app-mount .overrideHighlight__6a2f1:hover {
  3913. background-color: rgba(var(--backgroundtertiary),.3);
  3914. }
  3915. #app-mount .checkboxContainer__5a761::before {
  3916. background-color: rgba(var(--backgroundtertiary),.6);
  3917. }
  3918. #app-mount .overridePlaceholder__46353 {
  3919. border: 1px dashed var(--background-floating);
  3920. }
  3921.  
  3922. /* ---- 13.17. PODIUMSTARTMODAL ---- */
  3923.  
  3924. #app-mount .iconContainer__466ce {
  3925. background-color: rgba(var(--transparencycolor_v), .5);
  3926. }
  3927.  
  3928.  
  3929. /* ~~~~ 14. POPOUTS ~~~~ */
  3930.  
  3931. .layer_ec16dd:nth-child(1) {
  3932. z-index: 1012;
  3933. }
  3934. .layer_ec16dd:nth-child(2) {
  3935. z-index: 1013;
  3936. }
  3937. .layer_ec16dd:nth-child(3) {
  3938. z-index: 1014;
  3939. }
  3940. .layer_ec16dd:nth-child(4) {
  3941. z-index: 1015;
  3942. }
  3943. .layer_ec16dd:nth-child(5) {
  3944. z-index: 1016;
  3945. }
  3946. .layer_ec16dd:nth-child(6) {
  3947. z-index: 1017;
  3948. }
  3949. .layer_ec16dd:nth-child(7) {
  3950. z-index: 1018;
  3951. }
  3952. .layer_ec16dd:nth-child(8) {
  3953. z-index: 1019;
  3954. }
  3955. .layer_ec16dd:nth-child(9) {
  3956. z-index: 1020;
  3957. }
  3958.  
  3959. .translate_c2f6c4 {
  3960. transform: unset !important;
  3961. }
  3962.  
  3963. #app-mount .loadingPopout__5f0e8, /* loading popout */
  3964. #app-mount .container__8261a, /* browser popout */
  3965. #app-mount .themedPopout_1TrfdI { /* themed popout */
  3966. background-color: transparent;
  3967. border: none;
  3968. border-radius: 5px;
  3969. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  3970. color: var(--header-primary);
  3971. position: relative;
  3972. }
  3973. .loadingPopout__5f0e8::before,
  3974. .container__8261a::before,
  3975. .themedPopout_1TrfdI::before,
  3976. .loadingPopout__5f0e8::after,
  3977. .container__8261a::after,
  3978. .themedPopout_1TrfdI::after {
  3979. content: "";
  3980. position: absolute;
  3981. top: 0;
  3982. bottom: 0;
  3983. right: 0;
  3984. left: 0;
  3985. width: unset;
  3986. height: unset;
  3987. border-radius: 5px;
  3988. pointer-events: none;
  3989. z-index: -1;
  3990. }
  3991. .loadingPopout__5f0e8::before,
  3992. .container__8261a::before,
  3993. .themedPopout_1TrfdI::before {
  3994. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  3995. background-attachment: fixed;
  3996. }
  3997. .loadingPopout__5f0e8::after,
  3998. .container__8261a::after,
  3999. .themedPopout_1TrfdI::after {
  4000. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
  4001. backdrop-filter: blur(var(--popoutblur_v));
  4002. }
  4003. #app-mount .divider__17151 { /* popout divider */
  4004. border-color: var(--background-modifier-accent);
  4005. }
  4006.  
  4007. /* ---- 14.1. CONTEXTMENU ---- */
  4008.  
  4009. .menu_dc52c6, /* contextmenu fixed */
  4010. .submenu_acf564 { /* contextmenu submenu */
  4011. background: transparent;
  4012. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  4013. }
  4014. .menu_dc52c6::before,
  4015. .submenu_acf564::before,
  4016. .menu_dc52c6::after,
  4017. .submenu_acf564::after {
  4018. content: "";
  4019. position: absolute;
  4020. top: 0;
  4021. bottom: 0;
  4022. right: 0;
  4023. left: 0;
  4024. width: unset;
  4025. height: unset;
  4026. border-radius: 4px;
  4027. pointer-events: none;
  4028. z-index: -1;
  4029. }
  4030. .menu_dc52c6::before,
  4031. .submenu_acf564::before {
  4032. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  4033. background-attachment: fixed;
  4034. }
  4035. .menu_dc52c6::after,
  4036. .submenu_acf564::after {
  4037. background: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.3));
  4038. backdrop-filter: blur(var(--popoutblur_v));
  4039. }
  4040. .submenu_acf564 {
  4041. position: relative;
  4042. }
  4043. .item__183e8.colorDefault__0b482.focused__27621,
  4044. .item__183e8.colorDefault__0b482:hover:not(.hideInteraction__2790e) {
  4045. background-color: rgba(var(--accentcolor_v), .2) !important;
  4046. }
  4047. .item__183e8.colorDanger_eec36d.focused__27621,
  4048. .item__183e8.colorDanger_eec36d:hover:not(.hideInteraction__2790e) {
  4049. background-color: rgba(var(--dangercolor), .2) !important;
  4050. }
  4051. .item__183e8.colorSuccess__6b952.focused__27621,
  4052. .item__183e8.colorSuccess__6b952:hover:not(.hideInteraction__2790e) {
  4053. background-color: rgba(var(--successcolor), .2) !important;
  4054. }
  4055. .item__183e8.colorBrand__471df.focused__27621,
  4056. .item__183e8.colorBrand__471df:hover:not(.hideInteraction__2790e) {
  4057. background-color: rgba(var(--accentcolor_v), .2) !important;
  4058. }
  4059. .item__183e8.colorPremium__548bd.focused__27621,
  4060. .item__183e8.colorPremium__548bd:hover:not(.hideInteraction__2790e) {
  4061. background-color: rgba(var(--accentcolor2_v), .2) !important;
  4062. }
  4063. .item__183e8.colorPremiumGradient__45b85.focused__27621,
  4064. .item__183e8.colorPremiumGradient__45b85:hover:not(.hideInteraction__2790e) {
  4065. background: linear-gradient(90deg, rgba(var(--accentcolor2_v), .2), rgba(var(--accentcolor_v), .2)) !important;
  4066. }
  4067. #app-mount .item__183e8 .checkbox__45366 { /* contextmenu checkbox */
  4068. color: rgb(var(--accentcolor_v));
  4069. }
  4070. #app-mount .item__183e8.colorDanger_eec36d .checkbox__45366 {
  4071. color: rgb(var(--dangercolor));
  4072. }
  4073. #app-mount .item__183e8.colorSuccess__6b952 .checkbox__45366 {
  4074. color: rgb(var(--successcolor));
  4075. }
  4076. #app-mount .item__183e8.colorPremium__548bd .checkbox__45366 {
  4077. color: rgb(var(--accentcolor2_v));
  4078. }
  4079. #app-mount .item__183e8 .check__8d1bd { /* contextmenu checkmark */
  4080. color: #fff;
  4081. stroke: var(--textshadow_v);
  4082. }
  4083. .button__3ecb4 { /* contextmenu quick reaction button */
  4084. background-color: rgba(var(--transparencycolor_v), .3);
  4085. }
  4086. .button__3ecb4:hover {
  4087. background-color: rgb(var(--accentcolor_v));
  4088. }
  4089.  
  4090. /* ---- 14.2. USERPOPOUT ---- */
  4091.  
  4092. .userPopoutOuter_d739b2 { /* popout container */
  4093. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  4094. }
  4095. .userProfileOuterUnthemed__48723 { /* popout container */
  4096. background: transparent;
  4097. }
  4098. .userProfileOuterUnthemed__48723::before,
  4099. .userProfileOuterUnthemed__48723::after {
  4100. content: "";
  4101. position: absolute;
  4102. top: 0;
  4103. bottom: 0;
  4104. right: 0;
  4105. left: 0;
  4106. width: unset;
  4107. height: unset;
  4108. border-radius: 5px;
  4109. pointer-events: none;
  4110. z-index: -1;
  4111. }
  4112. .userProfileOuterUnthemed__48723::before {
  4113. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  4114. background-attachment: fixed;
  4115. }
  4116. .userProfileOuterUnthemed__48723::after {
  4117. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
  4118. backdrop-filter: blur(var(--popoutblur_v));
  4119. }
  4120. .accountProfilePopoutWrapper_af829a .overlayBackground__86b78 {
  4121. display: block !important;
  4122. }
  4123. .profileColors__2e2f0 { /* popout profilecolors */
  4124. --profile-body-background-color: rgba(0,0,0,.4) !important;
  4125. --profile-body-divider-color: var(--background-modifier-accent) !important;
  4126. --profile-body-divider-opacity: 1 !important;
  4127. }
  4128. #app-mount .userProfileOuterThemed__6eb84 ::-webkit-scrollbar-thumb {
  4129. background-color: var(--profile-gradient-secondary-color) !important;
  4130. }
  4131. .userProfileInnerThemed_f7ead7::after {
  4132. content: "";
  4133. position: absolute;
  4134. display: block;
  4135. background: var(--profile-gradient-primary-color);
  4136. top: 4px;
  4137. right: 4px;
  4138. left: 4px;
  4139. height: 60px;
  4140. z-index: 1;
  4141. }
  4142. .userProfileInnerThemed_f7ead7::before {
  4143. z-index: 2;
  4144. }
  4145. .userProfileInnerThemed_f7ead7 > * {
  4146. z-index: 3;
  4147. }
  4148. .userProfileInnerThemedWithBanner_d5f991::after {
  4149. height: 120px;
  4150. }
  4151. .userProfileInner__8065b { /* popout inner */
  4152. border-radius: 4px;
  4153. }
  4154. .userPopoutOuter_d739b2 .wrapper_edb6e0, /* popout avatar */
  4155. .userPopoutOuter_d739b2 .avatarWrapper { /* popout status everywhere */
  4156. background-color: transparent;
  4157. border-color: transparent;
  4158. box-sizing: content-box;
  4159. }
  4160.  
  4161. .root_a99273 { /* body roles */
  4162. max-height: 100px;
  4163. overflow-x: hidden;
  4164. overflow-y: scroll;
  4165. }
  4166. #app-mount .root_a99273::-webkit-scrollbar {
  4167. width: 4px;
  4168. }
  4169. #app-mount .role__631a3 { /* body role */
  4170. border-color: rgba(var(--textbrighter_v), .6);
  4171. border-radius: 5px;
  4172. padding: 0 5px;
  4173. position: relative;
  4174. }
  4175. #app-mount .role__631a3[style*="border-color: rgba(185, 187, 190, .6)"] {
  4176. border-color: rgba(var(--textbrighter_v), .6) !important;
  4177. }
  4178. #app-mount .rolePillBorder__00c58:not(.actionButton__81eaa) {
  4179. border-width: 0;
  4180. }
  4181. #app-mount .role__631a3 .roleName_d19d33 { /* body rolename */
  4182. position: relative;
  4183. color: rgb(var(--textbrightest_v));
  4184. height: 20px;
  4185. line-height: 20px;
  4186. margin: 0;
  4187. font-weight: normal;
  4188. z-index: 1000;
  4189. pointer-events: none;
  4190. }
  4191. #app-mount .role__631a3 .roleRemoveButton__737f2 {
  4192. position: absolute;
  4193. top: 0;
  4194. right: 0;
  4195. bottom: 0;
  4196. left: 0;
  4197. }
  4198. #app-mount .role__631a3 .roleCircle_bae511 { /* body rolecircle */
  4199. position: absolute;
  4200. background-color: rgb(var(--textbrighter_v));
  4201. border-radius: 3px;
  4202. opacity: 0.3;
  4203. height: 100%;
  4204. width: 100%;
  4205. margin: 0;
  4206. left: 0;
  4207. top: 0;
  4208. }
  4209. #app-mount .role__631a3 .roleCircle_bae511[style*="background-color: rgb(185, 187, 190)"] {
  4210. background-color: rgb(var(--textbrighter_v)) !important;
  4211. }
  4212. #app-mount .role__631a3 .roleCircle_bae511:not(:only-child):hover {
  4213. opacity: 1;
  4214. z-index: 2000;
  4215. cursor: pointer;
  4216. }
  4217. #app-mount .role__631a3 .roleRemoveIcon__7f63d {
  4218. z-index: 2001;
  4219. pointer-events: none;
  4220. }
  4221. #app-mount .role__631a3 .roleIcon__7599e {
  4222. z-index: 1;
  4223. }
  4224.  
  4225. .textarea_c5a7a3:focus { /* body note */
  4226. background-color: rgba(var(--transparencycolor_v), .2);
  4227. }
  4228.  
  4229. #app-mount .wumpusTooltip_b5c0ea {
  4230. background-color: rgb(var(--accentcolor_v));
  4231. color: #fff;
  4232. text-shadow: 1px 1px var(--textshadow_v);
  4233. }
  4234. #app-mount .wumpusTooltip_b5c0ea::after {
  4235. border-color: transparent rgb(var(--accentcolor_v)) transparent transparent;
  4236. }
  4237.  
  4238. /* ---- 14.3. EMOJIPICKER ---- */
  4239.  
  4240. .contentWrapper__321ed, /* picker expression wrapper */
  4241. .emojiPicker_b65ce9, /* picker inner */
  4242. .diversitySelectorOptions__846c5 { /* picker diversityselector */
  4243. background: transparent;
  4244. box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  4245. border: none;
  4246. overflow: hidden;
  4247. }
  4248. .contentWrapper__321ed::before,
  4249. .emojiPicker_b65ce9::before,
  4250. .diversitySelectorOptions__846c5::before,
  4251. .contentWrapper__321ed::after,
  4252. .emojiPicker_b65ce9::after,
  4253. .diversitySelectorOptions__846c5::after {
  4254. content: "";
  4255. position: absolute;
  4256. top: 0;
  4257. bottom: 0;
  4258. right: 0;
  4259. left: 0;
  4260. width: unset;
  4261. height: unset;
  4262. pointer-events: none;
  4263. z-index: -1;
  4264. }
  4265. .contentWrapper__321ed::before,
  4266. .emojiPicker_b65ce9::before,
  4267. .diversitySelectorOptions__846c5::before {
  4268. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  4269. background-attachment: fixed;
  4270. }
  4271. .contentWrapper__321ed::after,
  4272. .emojiPicker_b65ce9::after,
  4273. .diversitySelectorOptions__846c5::after {
  4274. background: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
  4275. backdrop-filter: blur(var(--popoutblur_v));
  4276. }
  4277. .diversitySelectorOptions__846c5::before,
  4278. .diversitySelectorOptions__846c5::after {
  4279. border-radius: 5px;
  4280. }
  4281.  
  4282. .diversityEmojiItem__6505f:hover { /* picker diversityemoji */
  4283. background-color: rgb(var(--accentcolor_v));
  4284. }
  4285.  
  4286. .navButtonActive__735cb { /* picker navbuttonactive */
  4287. background-color: rgb(var(--accentcolor_v));
  4288. color: #fff;
  4289. text-shadow: 1px 1px var(--textshadow_v);
  4290. }
  4291.  
  4292. .wrapper__4f229 { /* picker sidebar */
  4293. background-color: rgba(var(--transparencycolor_v), .2);
  4294. }
  4295.  
  4296. .guildIcon__4d796 { /* picker guildicon */
  4297. background-color: rgba(var(--transparencycolor_v), .2);
  4298. }
  4299.  
  4300. .categoryItemDefaultCategory__67fe7:first-child,
  4301. .categoryItemDefaultCategory__67fe7:first-child + .categoryItemDefaultCategory__67fe7 {
  4302. margin-bottom: 8px;
  4303. }
  4304. .categoryItemDefaultCategory__67fe7:hover, /* picker categoryitem */
  4305. .stickerCategory__4891e:hover { /* picker stickercategoryitem */
  4306. background-color: rgba(var(--transparencycolor_v), .3);
  4307. }
  4308. .categoryItemDefaultCategorySelected__8245a, /* picker categoryitem selected */
  4309. .categoryItemDefaultCategorySelected__8245a:hover {
  4310. background-color: rgb(var(--accentcolor_v));
  4311. }
  4312. .categoryItemDefaultCategorySelected__8245a svg, /* picker categoryitem selected */
  4313. .categoryItemDefaultCategorySelected__8245a:hover svg {
  4314. filter: drop-shadow(1px 1px var(--textshadow_v));
  4315. }
  4316.  
  4317. .unicodeShortcut__1dd6b { /* picker unicodeemojis shortcut */
  4318. background-color: transparent;
  4319. border: none;
  4320. overflow: hidden;
  4321. z-index: 100;
  4322. }
  4323. .unicodeShortcut__1dd6b::before,
  4324. .unicodeShortcut__1dd6b::after {
  4325. content: "";
  4326. position: absolute;
  4327. top: 0;
  4328. bottom: 0;
  4329. right: 0;
  4330. left: 0;
  4331. width: unset;
  4332. height: unset;
  4333. pointer-events: none;
  4334. z-index: -1;
  4335. }
  4336. .unicodeShortcut__1dd6b::before {
  4337. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  4338. background-attachment: fixed;
  4339. }
  4340. .unicodeShortcut__1dd6b::after {
  4341. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.35));
  4342. backdrop-filter: blur(var(--popoutblur_v));
  4343. }
  4344.  
  4345. .inspector__993e1 { /* picker emojiinfowrapper */
  4346. background-color: rgba(var(--transparencycolor_v), .2);
  4347. }
  4348.  
  4349. #app-mount .wrapper__7a35f { /* picker categoryheader */
  4350. background: transparent;
  4351. position: static;
  4352. }
  4353.  
  4354. #app-mount .imageLoading__37d01 { /* picker emoji loading */
  4355. background: rgba(var(--transparencycolor_v), .3);
  4356. border-radius: 10px;
  4357. }
  4358. .emojiItem_b15dee.emojiItemSelected__1a09a { /* picker emoji selected */
  4359. background-color: rgb(var(--accentcolor_v));
  4360. }
  4361. .emojiItemDisabled__36cbf { /* picker emoji disabled */
  4362. filter: none;
  4363. cursor: no-drop;
  4364. }
  4365. .emojiItemDisabled__36cbf > * {
  4366. filter: grayscale(1);
  4367. }
  4368.  
  4369. .premiumPromo__2d678 { /* picker premium warning */
  4370. background-color: transparent;
  4371. opacity: 1;
  4372. }
  4373. .premiumPromo__2d678::before,
  4374. .premiumPromo__2d678::after {
  4375. content: "";
  4376. position: absolute;
  4377. top: 0;
  4378. bottom: 0;
  4379. right: 0;
  4380. left: 0;
  4381. width: unset;
  4382. height: unset;
  4383. opacity: 0.9;
  4384. pointer-events: none;
  4385. z-index: -1;
  4386. }
  4387. .premiumPromo__2d678::before {
  4388. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  4389. background-attachment: fixed;
  4390. }
  4391. .premiumPromo__2d678::after {
  4392. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.29));
  4393. backdrop-filter: blur(var(--popoutblur_v));
  4394. }
  4395. .premiumPromoClose__11b8f {
  4396. -webkit-mask: url(https://discord.com/assets/411dfecce0d7da63ea2b.svg) 50% 50% no-repeat;
  4397. background: var(--interactive-normal);
  4398. }
  4399. .premiumPromoClose__11b8f:hover {
  4400. background: var(--interactive-hover);
  4401. }
  4402. .premiumPromoClose__11b8f:active {
  4403. background: var(--interactive-active);
  4404. }
  4405. #app-mount .categoryItemDefaultCategorySelected__8245a .categoryIcon__7d3fc,
  4406. #app-mount .categoryItemDefaultCategorySelected__8245a:hover .categoryIcon__7d3fc {
  4407. color: var(--interactive-active);
  4408. }
  4409.  
  4410. #app-mount .focused__036ed, /* gifpicker result */
  4411. #app-mount .result_e1fc74:hover {
  4412. box-shadow: 0 11px 22px 1px rgba(var(--transparencycolor_v), .3);
  4413. }
  4414. #app-mount .placeholder__1d2a8 {
  4415. background: rgba(var(--textdarkest_v),.6);
  4416. }
  4417. #app-mount .endContainer__0c909::after {
  4418. background-image: url(https://discord.com/assets/6836d88af9197cbd4cbb.svg);
  4419. opacity: 0.6;
  4420. }
  4421. #app-mount .endText__2c9a4 {
  4422. color: var(--header-secondary);
  4423. }
  4424. #app-mount .emptyHintCard_f3e81a {
  4425. background-color: rgba(var(--transparencycolor_v), .2);
  4426. color: var(--header-secondary);
  4427. }
  4428. #app-mount .backButton__6a1f0 { /* gifpicker backbutton */
  4429. color: var(--interactive-normal);
  4430. }
  4431. #app-mount .backButton__6a1f0:hover {
  4432. color: var(--interactive-hover);
  4433. }
  4434. #app-mount .backButton__6a1f0:active {
  4435. color: var(--interactive-active);
  4436. }
  4437.  
  4438.  
  4439. /* ---- 14.4. PINS/MENTIONS ---- */
  4440.  
  4441. .messagesPopoutWrap_b3b384, /* popout wrapper */
  4442. .container__20de0 { /* popout wrapper (inbox) */
  4443. background-color: transparent;
  4444. box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  4445. border: none;
  4446. overflow: hidden;
  4447. }
  4448. .messagesPopoutWrap_b3b384 > *,
  4449. .container__20de0 > * {
  4450. z-index: 1000;
  4451. }
  4452. .messagesPopoutWrap_b3b384::before,
  4453. .container__20de0::before,
  4454. .messagesPopoutWrap_b3b384::after,
  4455. .container__20de0::after {
  4456. content: "";
  4457. position: absolute;
  4458. top: 0;
  4459. bottom: 0;
  4460. right: 0;
  4461. left: 0;
  4462. width: unset;
  4463. height: unset;
  4464. pointer-events: none;
  4465. z-index: -1;
  4466. }
  4467. .messagesPopoutWrap_b3b384::before,
  4468. .container__20de0::before {
  4469. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  4470. background-attachment: fixed;
  4471. }
  4472. .messagesPopoutWrap_b3b384::after,
  4473. .container__20de0::after {
  4474. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
  4475. backdrop-filter: blur(var(--popoutblur_v));
  4476. }
  4477. #app-mount .messagesPopout__22763 { /* popout innerwrap */
  4478. background-color: transparent;
  4479. }
  4480.  
  4481. .header_f5cc88 { /* popout header */
  4482. background-color: rgba(var(--transparencycolor_v), .2);
  4483. box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor_v), .2);
  4484. }
  4485.  
  4486. .footer_a3029c { /* popout footer */
  4487. background-color: rgba(var(--transparencycolor_v), .2);
  4488. }
  4489.  
  4490. .messageGroupWrapper_f8c6e9 {
  4491. background-color: transparent;
  4492. border: none;
  4493. overflow: visible;
  4494. padding: 11px 10px 10px 10px;
  4495. }
  4496. .messageGroupWrapper_f8c6e9 + .messageGroupWrapper_f8c6e9::before {
  4497. content: "";
  4498. border-top: 1px solid var(--background-modifier-accent);
  4499. position: absolute;
  4500. top: -3px;
  4501. left: 0;
  4502. width: 100%;
  4503. }
  4504. .actionButtons__0ac05 { /* popout actionbuttonscontainer */
  4505. top: 4px;
  4506. right: 14px;
  4507. }
  4508. .jumpButton_da1ebb, /* popout jumpbutton (mentions) */
  4509. .jumpButton__0329d { /* popout jumpbutton (pins) */
  4510. background-color: rgba(var(--transparencycolor_v), .4);
  4511. }
  4512. .jumpButton_da1ebb:hover,
  4513. .jumpButton__0329d:hover {
  4514. background-color: rgb(var(--accentcolor_v));
  4515. }
  4516. .jumpButton_da1ebb + .jumpButton_da1ebb,
  4517. .jumpButton__0329d + .jumpButton__0329d {
  4518. margin-left: 2px;
  4519. }
  4520.  
  4521. .image__0a0fc { /* popout emptyimage */
  4522. opacity: 0.6;
  4523. }
  4524. .image__0a0fc[style*='url("/assets/9e2f412156e2ac1f14e9.svg")'] {
  4525. background-image: url(https://discord.com/assets/64df6f04b850029d2e78.svg) !important;
  4526. }
  4527.  
  4528. #app-mount .header__28ebb .tabBar__2aa8e .tab_a8a066.active__7e7af { /* popout active tab */
  4529. background-color: rgb(var(--accentcolor_v));
  4530. }
  4531. .secondary_c96c46, /* popout header button */
  4532. .tertiary_bc0225, /* popout message button */
  4533. .collapseButton_b18eab { /* popout collapse button */
  4534. background-color: rgba(var(--transparencycolor_v), .2);
  4535. }
  4536. .secondary_c96c46:hover,
  4537. .tertiary_bc0225:hover,
  4538. .collapseButton_b18eab:hover {
  4539. background-color: rgba(var(--transparencycolor_v), .4);
  4540. }
  4541. .collapseButton_b18eab {
  4542. position: static;
  4543. margin-left: 12px;
  4544. border-radius: 32px;
  4545. box-sizing: border-box;
  4546. cursor: pointer;
  4547. flex-shrink: 0;
  4548. height: 32px;
  4549. min-height: 32px;
  4550. width: 32px;
  4551. min-width: 32px;
  4552. padding: 8px;
  4553. transform: unset !important;
  4554. }
  4555. .collapseButton_b18eab.collapsed__8da7d svg {
  4556. transform: rotate(-90deg);
  4557. }
  4558.  
  4559. .channelHeader__5d30c { /* popout channelheader */
  4560. background-color: rgba(var(--transparencycolor_v), .4);
  4561. padding-right: 16px;
  4562. border-radius: 5px 5px 0 0;
  4563. position: static;
  4564. }
  4565. .channelHeader__5d30c:only-child {
  4566. border-radius: 0;
  4567. }
  4568. .messageContainer_aa7d14, /* popout messagecontainer */
  4569. .messages_f7999e { /* popout messagecontainer (inbox) */
  4570. background-color: rgba(var(--transparencycolor_v), .2);
  4571. border-radius: 0;
  4572. }
  4573. .messageContainer_aa7d14:last-child,
  4574. .messages_f7999e:last-child {
  4575. border-radius: 0 0 5px 5px;
  4576. }
  4577.  
  4578. .tutorial__7b875 { /* popout tutorial (inbox) */
  4579. background-color: rgba(var(--transparencycolor_v), .4);
  4580. }
  4581. .tutorialIcon__5c63f { /* popout tutorial (inbox) */
  4582. background-color: rgba(var(--transparencycolor_v), .4);
  4583. }
  4584.  
  4585. /* ---- 14.5. SEARCHPOPOUT ---- */
  4586.  
  4587. #app-mount .container_d6dad3 { /* popout wrapper */
  4588. background-color: transparent;
  4589. box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  4590. border: none;
  4591. overflow: hidden;
  4592. position: relative;
  4593. }
  4594. .container_d6dad3::before,
  4595. .container_d6dad3::after {
  4596. content: "";
  4597. position: absolute;
  4598. top: 0;
  4599. bottom: 0;
  4600. right: 0;
  4601. left: 0;
  4602. width: unset;
  4603. height: unset;
  4604. pointer-events: none;
  4605. z-index: -1;
  4606. }
  4607. .container_d6dad3::before {
  4608. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  4609. background-attachment: fixed;
  4610. }
  4611. .container_d6dad3::after {
  4612. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
  4613. backdrop-filter: blur(var(--popoutblur_v));
  4614. }
  4615. #app-mount .queryContainer_c359fe {
  4616. border-bottom-color: var(--background-modifier-accent);
  4617. color: var(--header-secondary);
  4618. }
  4619. #app-mount .queryContainer_c359fe strong {
  4620. color: var(--header-primary);
  4621. }
  4622. #app-mount .focused_f9cf2c {
  4623. background-color: rgba(var(--transparencycolor_v), .2);
  4624. }
  4625. #app-mount .resultsGroup_ea9b64::before {
  4626. border-top-color: var(--background-modifier-accent);
  4627. }
  4628. #app-mount .resultsGroup_ea9b64 .header_b24bd1,
  4629. #app-mount .resultsGroup_ea9b64 .plusIcon__36244,
  4630. #app-mount .resultsGroup_ea9b64 .searchClearHistory_cd1df2,
  4631. #app-mount .resultsGroup_ea9b64 .searchLearnMore_bf7b8e a {
  4632. color: var(--text-normal);
  4633. }
  4634. #app-mount .resultsGroup_ea9b64 .header_b24bd1,
  4635. #app-mount .resultsGroup_ea9b64 .plusIcon__36244 {
  4636. color: var(--text-normal);
  4637. }
  4638. #app-mount .option_b5597b::after {
  4639. display: none;
  4640. }
  4641. #app-mount .option_b5597b:hover,
  4642. #app-mount .option_b5597b[aria-selected=true] {
  4643. background-color: rgba(var(--transparencycolor_v), .2);
  4644. }
  4645. #app-mount .option_b5597b:hover::before,
  4646. #app-mount .option_b5597b[aria-selected=true]::before {
  4647. background-color: rgb(var(--accentcolor_v));
  4648. border-radius: 3px;
  4649. width: 34px;
  4650. }
  4651. #app-mount .option_b5597b:hover .plusIcon__36244,
  4652. #app-mount .option_b5597b[aria-selected=true] .plusIcon__36244 {
  4653. color: white;
  4654. opacity: 1;
  4655. }
  4656. #app-mount .option_b5597b .answer__9ff92,
  4657. #app-mount .option_b5597b .nonText_cbb69b,
  4658. #app-mount .option_b5597b strong {
  4659. color: var(--text-normal);
  4660. }
  4661. #app-mount .option_b5597b .filter_bd5fe7 {
  4662. color: var(--text-muted);
  4663. }
  4664. #app-mount .option_b5597b.user__97b4c .displayedNick_df9a16 {
  4665. color: var(--text-normal);
  4666. }
  4667. #app-mount .option_b5597b.user__97b4c .displayUsername_aea59a {
  4668. color: var(--interactive-muted);
  4669. }
  4670. #app-mount .searchOption__41bc5 .filter_bd5fe7 {
  4671. color: var(--text-normal);
  4672. }
  4673. #app-mount .searchOption__41bc5 .answer__9ff92 {
  4674. color: var(--text-muted);
  4675. }
  4676. #app-mount .searchResultChannelCategory__7ebb5,
  4677. #app-mount .searchResultChannelIcon__95142 {
  4678. color: var(--text-muted);
  4679. }
  4680.  
  4681. #app-mount .calendarPicker__5c474 .react-datepicker {
  4682. background: transparent;
  4683. }
  4684. #app-mount .calendarPicker__5c474 .react-datepicker__day:not(.react-datepicker__day--outside-month) {
  4685. border-color: rgba(var(--transparencycolor_v), .5);
  4686. }
  4687. #app-mount .calendarPicker__5c474 .react-datepicker__day--outside-month {
  4688. background: rgba(var(--transparencycolor_v), .5);
  4689. border-color: transparent;
  4690. }
  4691. #app-mount .calendarPicker__5c474 .react-datepicker__header,
  4692. #app-mount .calendarPicker__5c474 .react-datepicker__month-container,
  4693. #app-mount .calendarPicker__5c474 .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) {
  4694. background: rgba(var(--transparencycolor_v), .2);
  4695. }
  4696. #app-mount .calendarPicker__5c474 .react-datepicker__header {
  4697. padding-bottom: 5px;
  4698. }
  4699. #app-mount .calendarPicker__5c474 .react-datepicker__navigation {
  4700. background: transparent;
  4701. border-color: rgba(var(--textbrightest_v), .5);
  4702. top: 30px;
  4703. }
  4704. #app-mount .calendarPicker__5c474 .react-datepicker__navigation::before {
  4705. content: "";
  4706. position: absolute;
  4707. top: 0;
  4708. right: 0;
  4709. bottom: 0;
  4710. left: 0;
  4711. -webkit-mask: url(https://discord.com/assets/f03e2d8e19438cceaad7.svg) center/6px 12px no-repeat;
  4712. background-color: rgb(var(--textbrightest_v));
  4713. }
  4714. #app-mount .calendarPicker__5c474 .react-datepicker__navigation--previous {
  4715. left: 30px;
  4716. }
  4717. #app-mount .calendarPicker__5c474 .react-datepicker__navigation--next {
  4718. right: 30px;
  4719. }
  4720. #app-mount .calendarPicker__5c474 .react-datepicker__current-month {
  4721. border-color: transparent;
  4722. padding: 10px 0;
  4723. }
  4724. #app-mount .calendarPicker__5c474 .react-datepicker__current-month,
  4725. #app-mount .calendarPicker__5c474 .react-datepicker__day-name,
  4726. #app-mount .calendarPicker__5c474 .react-datepicker__day:not(.react-datepicker__day--disabled):hover,
  4727. #app-mount .calendarPicker__5c474 .react-datepicker__day:not(.react-datepicker__day--disabled):not(.react-datepicker__day--outside-month),
  4728. #app-mount .calendarPicker__5c474 .datePickerHint__7cc9b .hint__460f1,
  4729. #app-mount .calendarPicker__5c474 .datePickerHint__7cc9b .hintValue_c2ce1f {
  4730. color: var(--header-primary);
  4731. }
  4732. #app-mount .calendarPicker__5c474 .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) {
  4733. color: var(--header-secondary);
  4734. }
  4735. #app-mount .calendarPicker__5c474 .react-datepicker__day--outside-month {
  4736. color: var(--text-muted);
  4737. cursor: no-drop;
  4738. }
  4739. #app-mount .datePicker__94673 .datePickerHint__7cc9b {
  4740. margin: 0;
  4741. padding: 20px;
  4742. display: flex;
  4743. justify-content: center;
  4744. border-top-color: var(--background-modifier-accent);
  4745. }
  4746. #app-mount .datePicker__94673 .datePickerHint__7cc9b .hint__460f1 {
  4747. color: var(--text-normal);
  4748. }
  4749. #app-mount .datePicker__94673 .datePickerHint__7cc9b .hintValue_c2ce1f {
  4750. color: var(--header-primary);
  4751. }
  4752. #app-mount .datePicker__94673 .datePickerHint__7cc9b .hintValue_c2ce1f:hover {
  4753. text-shadow: 1px 1px var(--textshadow_v);
  4754. }
  4755.  
  4756. /* ---- 14.6. COLORPICKER ---- */
  4757.  
  4758. #app-mount .customColorPicker__3cb6a { /* popout wrapper */
  4759. background-color: transparent;
  4760. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  4761. border: none;
  4762. border-radius: 3px;
  4763. overflow: hidden;
  4764. }
  4765. .customColorPicker__3cb6a::before,
  4766. .customColorPicker__3cb6a::after {
  4767. content: "";
  4768. position: absolute;
  4769. top: 0;
  4770. bottom: 0;
  4771. right: 0;
  4772. left: 0;
  4773. width: unset;
  4774. height: unset;
  4775. border-radius: 5px;
  4776. pointer-events: none;
  4777. z-index: -1;
  4778. }
  4779. .customColorPicker__3cb6a::before {
  4780. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  4781. background-attachment: fixed;
  4782. }
  4783. .customColorPicker__3cb6a::after {
  4784. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.35));
  4785. backdrop-filter: blur(var(--popoutblur_v));
  4786. }
  4787.  
  4788. /* ---- 14.7. ADDROLE ---- */
  4789.  
  4790. #app-mount .container_d27846, /* popout userpopout */
  4791. #app-mount .container_e84cda { /* popout channelsettings */
  4792. background-color: transparent;
  4793. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  4794. border: none;
  4795. border-radius: 3px;
  4796. overflow: hidden;
  4797. width: 300px;
  4798. }
  4799. .container_d27846::before,
  4800. .container_d27846::after,
  4801. .container_e84cda::before,
  4802. .container_e84cda::after {
  4803. content: "";
  4804. position: absolute;
  4805. top: 0;
  4806. bottom: 0;
  4807. right: 0;
  4808. left: 0;
  4809. width: unset;
  4810. height: unset;
  4811. pointer-events: none;
  4812. z-index: -1;
  4813. }
  4814. .container_d27846::before,
  4815. .container_e84cda::before {
  4816. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  4817. background-attachment: fixed;
  4818. }
  4819. .container_d27846::after,
  4820. .container_e84cda::after {
  4821. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.1));
  4822. backdrop-filter: blur(var(--popoutblur_v));
  4823. }
  4824. .focused__2b1b2,
  4825. .item__287de:focus:not(.disabled__1c6ff),
  4826. .item__287de:hover:not(.disabled__1c6ff),
  4827. .row__3fe26.selected__75860 .rowInner_feb94d,
  4828. .row__3fe26:focus .rowInner_feb94d,
  4829. .row__3fe26:hover .rowInner_feb94d {
  4830. background: rgba(var(--transparencycolor_v), .4);
  4831. }
  4832. #app-mount .container_e84cda .header__02652 {
  4833. background: rgba(var(--transparencycolor_v), .2);
  4834. }
  4835. #app-mount .container_e84cda .input_e396c0 {
  4836. color: var(--header-primary);
  4837. }
  4838. #app-mount .container_e84cda .sectionTag_b0df68 {
  4839. background: transparent;
  4840. }
  4841. .autocompleteShadow__902d2,
  4842. .autocompleteArrowWrapper_b172c6,
  4843. .autocompleteHeaderBackground__4e6c3 {
  4844. display: none;
  4845. }
  4846.  
  4847.  
  4848. /* ---- 14.8. EVERYONEMENTION ---- */
  4849.  
  4850. .contentWarningPopout__7d8c2 .animation__14012 {
  4851. opacity: 0.6;
  4852. }
  4853. #app-mount .footer__36118 {
  4854. background-color: rgba(var(--transparencycolor_v), .2);
  4855. color: var(--text-muted);
  4856. }
  4857.  
  4858. /* ---- 14.9. CHANNELFOLLOW ---- */
  4859.  
  4860. #app-mount .header__4ef99 {
  4861. background: rgba(var(--transparencycolor_v), .3);
  4862. }
  4863. #app-mount .separator__925e8 {
  4864. box-shadow: 0 1px 0 0 rgba(var(--transparencycolor_v), .3), 0 1px 2px 0 rgba(var(--transparencycolor_v), .3);
  4865. }
  4866. .channelContainer_c4b275 {
  4867. background-color: rgba(var(--transparencycolor_v), .3);
  4868. }
  4869. .channel_c9e1c9 {
  4870. background-color: rgba(var(--transparencycolor_v), .3);
  4871. }
  4872. .channelContainer_c4b275 .channel_c9e1c9 {
  4873. background-color: transparent;
  4874. }
  4875.  
  4876. /* ---- 14.10. CHANNELFOLLOWINFO ---- */
  4877.  
  4878. #app-mount .guildPopout_ea4d8c { /* popout wrapper */
  4879. background-color: transparent;
  4880. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  4881. border: none;
  4882. border-radius: 3px;
  4883. overflow: hidden;
  4884. position: relative;
  4885. }
  4886. .guildPopout_ea4d8c::before,
  4887. .guildPopout_ea4d8c::after {
  4888. content: "";
  4889. position: absolute;
  4890. top: 0;
  4891. bottom: 0;
  4892. right: 0;
  4893. left: 0;
  4894. width: unset;
  4895. height: unset;
  4896. pointer-events: none;
  4897. z-index: -1;
  4898. }
  4899. .guildPopout_ea4d8c::before {
  4900. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  4901. background-attachment: fixed;
  4902. }
  4903. .guildPopout_ea4d8c::after {
  4904. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.1));
  4905. backdrop-filter: blur(var(--popoutblur_v));
  4906. }
  4907.  
  4908. /* ---- 14.11. EMOJIINFO ---- */
  4909.  
  4910. #app-mount .popoutContainer__7b9a3 { /* popout wrapper */
  4911. background-color: transparent;
  4912. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  4913. border: none;
  4914. border-radius: 3px;
  4915. overflow: hidden;
  4916. position: relative;
  4917. }
  4918. .popoutContainer__7b9a3::before,
  4919. .popoutContainer__7b9a3::after {
  4920. content: "";
  4921. position: absolute;
  4922. top: 0;
  4923. bottom: 0;
  4924. right: 0;
  4925. left: 0;
  4926. width: unset;
  4927. height: unset;
  4928. pointer-events: none;
  4929. z-index: -1;
  4930. }
  4931. .popoutContainer__7b9a3::before {
  4932. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  4933. background-attachment: fixed;
  4934. }
  4935. .popoutContainer__7b9a3::after {
  4936. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
  4937. backdrop-filter: blur(var(--popoutblur_v));
  4938. }
  4939.  
  4940. .emojiSection_a65b54 { /* popout emojisection */
  4941. background-color: transparent;
  4942. }
  4943.  
  4944. .guildSection_ebda04 { /* popout emojisection */
  4945. background-color: rgba(var(--transparencycolor_v), .2);
  4946. }
  4947.  
  4948. /* ---- 14.12. STREAMPREVIEW ---- */
  4949.  
  4950. #app-mount .streamPreview__1846c { /* popout wrapper */
  4951. background-color: transparent;
  4952. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  4953. border: none;
  4954. border-radius: 3px;
  4955. overflow: hidden;
  4956. position: relative;
  4957. }
  4958. .streamPreview__1846c::before,
  4959. .streamPreview__1846c::after {
  4960. content: "";
  4961. position: absolute;
  4962. top: 0;
  4963. bottom: 0;
  4964. right: 0;
  4965. left: 0;
  4966. width: unset;
  4967. height: unset;
  4968. pointer-events: none;
  4969. z-index: -1;
  4970. }
  4971. .streamPreview__1846c::before {
  4972. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  4973. background-attachment: fixed;
  4974. }
  4975. .streamPreview__1846c::after {
  4976. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
  4977. backdrop-filter: blur(var(--popoutblur_v));
  4978. }
  4979.  
  4980. #app-mount .previewContainer_bb1924 { /* popout preview */
  4981. background-color: rgba(var(--transparencycolor_v), .2);
  4982. }
  4983.  
  4984. /* ---- 14.13. STREAMINFO ---- */
  4985.  
  4986. #app-mount .container__56cd1 { /* modal container */
  4987. background-color: transparent;
  4988. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  4989. position: relative;
  4990. overflow: visible !important;
  4991. }
  4992. .container__56cd1::before,
  4993. .container__56cd1::after {
  4994. content: "";
  4995. position: absolute;
  4996. top: 0;
  4997. bottom: 0;
  4998. right: 0;
  4999. left: 0;
  5000. width: unset;
  5001. height: unset;
  5002. pointer-events: none;
  5003. z-index: -1;
  5004. }
  5005. .container__56cd1::before {
  5006. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  5007. background-attachment: fixed;
  5008. }
  5009. .container__56cd1::after {
  5010. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
  5011. backdrop-filter: blur(var(--popoutblur_v));
  5012. }
  5013.  
  5014. /* ---- 14.14. PUBLICGUILDANNOUNCEMENT ---- */
  5015.  
  5016. #app-mount .popout__8e314 { /* popout wrapper */
  5017. background-color: transparent;
  5018. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  5019. border: none;
  5020. border-radius: 3px;
  5021. overflow: hidden;
  5022. position: relative;
  5023. }
  5024. .popout__8e314::before,
  5025. .popout__8e314::after {
  5026. content: "";
  5027. position: absolute;
  5028. top: 0;
  5029. bottom: 0;
  5030. right: 0;
  5031. left: 0;
  5032. width: unset;
  5033. height: unset;
  5034. pointer-events: none;
  5035. z-index: -1;
  5036. }
  5037. .popout__8e314::before {
  5038. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  5039. background-attachment: fixed;
  5040. }
  5041. .popout__8e314::after {
  5042. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
  5043. backdrop-filter: blur(var(--popoutblur_v));
  5044. }
  5045.  
  5046. /* ---- 14.15. RTCSTATUSPOPOUT ---- */
  5047.  
  5048. #app-mount .container__0810b { /* RTCpopout */
  5049. background-color: transparent;
  5050. border: none;
  5051. border-radius: 5px;
  5052. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  5053. color: var(--header-primary);
  5054. position: relative;
  5055. width: 290px;
  5056. }
  5057. .container__0810b::before,
  5058. .container__0810b::after {
  5059. content: "";
  5060. position: absolute;
  5061. top: 0;
  5062. bottom: 0;
  5063. right: 0;
  5064. left: 0;
  5065. width: unset;
  5066. height: unset;
  5067. border-radius: 5px;
  5068. pointer-events: none;
  5069. z-index: -1;
  5070. }
  5071. .container__0810b::before {
  5072. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  5073. background-attachment: fixed;
  5074. }
  5075. .container__0810b::after {
  5076. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
  5077. backdrop-filter: blur(var(--popoutblur_v));
  5078. }
  5079. #app-mount .container__0810b canvas {
  5080. background-color: rgb(var(--transparencycolor_v));
  5081. padding: 5px;
  5082. border-radius: 5px;
  5083. }
  5084. #app-mount .container__0810b section {
  5085. background-color: transparent;
  5086. }
  5087. #app-mount .container__0810b section p {
  5088. color: var(--header-primary);
  5089. }
  5090. #app-mount .container__0810b section strong {
  5091. color: var(--header-primary);
  5092. }
  5093. #app-mount .debugButton__0c12a {
  5094. color: var(--header-secondary);
  5095. }
  5096. #app-mount .krispLogo__461a0 {
  5097. -webkit-mask: url(https://discord.com/assets/ea67b1321e3d4154e476.svg) center/contain no-repeat;
  5098. background-color: var(--header-primary);
  5099. }
  5100.  
  5101. /* ---- 14.16. PHONE-/EMAILVALIDATION ---- */
  5102.  
  5103. #app-mount .input_d5a597 {
  5104. background-color: rgba(var(--transparencycolor_v), .2);
  5105. color: var(--header-primary);
  5106. }
  5107. #app-mount .phoneFieldPopout__3e064 .countryName_eb9b14 {
  5108. color: var(--header-secondary);
  5109. }
  5110. #app-mount .phoneFieldPopout__3e064 .countryCode__14e5a {
  5111. color: var(--header-primary);
  5112. }
  5113. #app-mount .activityInviteEducationArrow_a24987 {
  5114. -webkit-mask: url(https://discord.com/assets/6f222b93b4b971e68613.svg) center/contain no-repeat;
  5115. background: var(--header-primary);
  5116. }
  5117.  
  5118. #app-mount .emailVerificationModal_e48dfa .title__78b45 {
  5119. color: var(--header-primary);
  5120. }
  5121. #app-mount .emailVerificationModal_e48dfa .body_b7d0a4 {
  5122. color: var(--text-muted);
  5123. }
  5124.  
  5125. #app-mount .verification__82f71 .title__31b19 {
  5126. color: var(--header-primary);
  5127. }
  5128. #app-mount .verification__82f71 .body_cb675e,
  5129. #app-mount .verification__82f71 .footer__38343 {
  5130. color: var(--header-secondary);
  5131. }
  5132. #app-mount .verificationBlock_c45d0e {
  5133. background-color: rgba(var(--transparencycolor_v), .1);
  5134. border: 1px solid rgba(var(--transparencycolor_v), .3);
  5135. }
  5136. #app-mount .verificationBlock_c45d0e:hover {
  5137. background-color: rgba(var(--transparencycolor_v), .2);
  5138. border-color: rgb(var(--transparencycolor_v));
  5139. }
  5140. #app-mount .verification__82f71 .image__54a8d {
  5141. background-image: url(https://discord.com/assets/8f8162ee689b2d85996c.svg);
  5142. opacity: .5;
  5143. }
  5144. #app-mount .verificationBlock_c45d0e .image__54a8d.email__44f2f {
  5145. background-image: url(https://discord.com/assets/9e9722bd5c8ec20fd746.svg);
  5146. opacity: .5;
  5147. }
  5148. #app-mount .verificationBlock_c45d0e .image__54a8d.phone__0b460 {
  5149. background-image: url(https://discord.com/assets/e9802d8cbd4efea22c7f.svg);
  5150. opacity: .5;
  5151. }
  5152. #app-mount .verificationBlock_c45d0e .body_cb675e {
  5153. color: var(--header-secondary);
  5154. }
  5155.  
  5156. /* ---- 14.17. QUICKSELECTPOPOUT ---- */
  5157.  
  5158. #app-mount .quickSelectPopout_c0cf80, /* quickselect */
  5159. #app-mount .popoutList_db80c1 { /* listpopout */
  5160. background-color: transparent;
  5161. border: none;
  5162. border-radius: 5px;
  5163. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  5164. color: var(--header-primary);
  5165. position: relative;
  5166. }
  5167. .quickSelectPopout_c0cf80::before,
  5168. .popoutList_db80c1::before,
  5169. .quickSelectPopout_c0cf80::after,
  5170. .popoutList_db80c1::after {
  5171. content: "";
  5172. position: absolute;
  5173. top: 0;
  5174. bottom: 0;
  5175. right: 0;
  5176. left: 0;
  5177. width: unset;
  5178. height: unset;
  5179. border-radius: 5px;
  5180. pointer-events: none;
  5181. z-index: -1;
  5182. }
  5183. .quickSelectPopout_c0cf80::before,
  5184. .popoutList_db80c1::before {
  5185. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  5186. background-attachment: fixed;
  5187. }
  5188. .quickSelectPopout_c0cf80::after,
  5189. .popoutList_db80c1::after {
  5190. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
  5191. backdrop-filter: blur(var(--popoutblur_v));
  5192. }
  5193. #app-mount .selectableItem__166c5 {
  5194. color: var(--header-primary);
  5195. }
  5196. #app-mount .selectableItem__166c5:hover {
  5197. background-color: rgba(var(--transparencycolor_v), .2);
  5198. }
  5199. #app-mount .quickSelectPopoutOption__39224:hover {
  5200. background-color: rgba(var(--transparencycolor_v), .2);
  5201. }
  5202. #app-mount .quickSelectPopoutOption__39224.selected_b17ff5 {
  5203. background-color: rgba(var(--transparencycolor_v), .4);
  5204. }
  5205. #app-mount .popoutListEmpty_b9719c {
  5206. color: var(--header-primary);
  5207. }
  5208. #app-mount .quickSelectArrow__9853b {
  5209. -webkit-mask: url(https://discord.com/assets/c4643b70509c385fcc83.svg) 50% no-repeat;
  5210. background: var(--interactive-normal);
  5211. }
  5212.  
  5213. /* ---- 14.18. WARNINGPOPOUT ---- */
  5214.  
  5215. #app-mount .contentWarningPopout__7d8c2 { /* popout */
  5216. background-color: transparent;
  5217. border: none;
  5218. border-radius: 5px;
  5219. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  5220. position: relative;
  5221. }
  5222. .contentWarningPopout__7d8c2::before,
  5223. .contentWarningPopout__7d8c2::after {
  5224. content: "";
  5225. position: absolute;
  5226. top: 0;
  5227. bottom: 0;
  5228. right: 0;
  5229. left: 0;
  5230. width: unset;
  5231. height: unset;
  5232. border-radius: 5px;
  5233. pointer-events: none;
  5234. z-index: -1;
  5235. }
  5236. .contentWarningPopout__7d8c2::before {
  5237. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  5238. background-attachment: fixed;
  5239. }
  5240. .contentWarningPopout__7d8c2::after {
  5241. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
  5242. backdrop-filter: blur(var(--popoutblur_v));
  5243. }
  5244. #app-mount .body_fa303f {
  5245. color: var(--header-secondary);
  5246. }
  5247. #app-mount .header_bee9c9 {
  5248. color: var(--header-primary);
  5249. }
  5250.  
  5251. /* ---- 14.19. ACTIVETHREADLISTPOPOUT ---- */
  5252.  
  5253. #app-mount .popout__24e32 { /* popout */
  5254. background-color: transparent;
  5255. border: none;
  5256. border-radius: 5px;
  5257. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  5258. position: relative;
  5259. }
  5260. .popout__24e32::before,
  5261. .popout__24e32::after {
  5262. content: "";
  5263. position: absolute;
  5264. top: 0;
  5265. bottom: 0;
  5266. right: 0;
  5267. left: 0;
  5268. width: unset;
  5269. height: unset;
  5270. border-radius: 5px;
  5271. pointer-events: none;
  5272. z-index: -1;
  5273. }
  5274. .popout__24e32::before {
  5275. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  5276. background-attachment: fixed;
  5277. }
  5278. .popout__24e32::after {
  5279. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
  5280. backdrop-filter: blur(var(--popoutblur_v));
  5281. }
  5282.  
  5283. /* ---- 14.20. ROLEMEMBERSPOPOUT ---- */
  5284.  
  5285. #app-mount .rolePopout__73806 { /* popout */
  5286. background-color: transparent;
  5287. border: none;
  5288. border-radius: 5px;
  5289. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  5290. position: relative;
  5291. }
  5292. .rolePopout__73806::before,
  5293. .rolePopout__73806::after {
  5294. content: "";
  5295. position: absolute;
  5296. top: 0;
  5297. bottom: 0;
  5298. right: 0;
  5299. left: 0;
  5300. width: unset;
  5301. height: unset;
  5302. border-radius: 5px;
  5303. pointer-events: none;
  5304. z-index: -1;
  5305. }
  5306. .rolePopout__73806::before {
  5307. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  5308. background-attachment: fixed;
  5309. }
  5310. .rolePopout__73806::after {
  5311. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
  5312. backdrop-filter: blur(var(--popoutblur_v));
  5313. }
  5314.  
  5315. /* ---- 14.21. FORUMFILTERPOPOUT ---- */
  5316.  
  5317. #app-mount .container_ae7412 { /* popout */
  5318. background-color: transparent;
  5319. border: none;
  5320. border-radius: 5px;
  5321. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  5322. position: relative;
  5323. }
  5324. .container_ae7412::before,
  5325. .container_ae7412::after {
  5326. content: "";
  5327. position: absolute;
  5328. top: 0;
  5329. bottom: 0;
  5330. right: 0;
  5331. left: 0;
  5332. width: unset;
  5333. height: unset;
  5334. border-radius: 5px;
  5335. pointer-events: none;
  5336. z-index: -1;
  5337. }
  5338. .container_ae7412::before {
  5339. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  5340. background-attachment: fixed;
  5341. }
  5342. .container_ae7412::after {
  5343. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
  5344. backdrop-filter: blur(var(--popoutblur_v));
  5345. }
  5346.  
  5347. /* ---- 14.22. ACTIVITYSHAREPOPOUT ---- */
  5348.  
  5349. #app-mount .container_c344de { /* popout */
  5350. background-color: transparent;
  5351. border: none;
  5352. border-radius: 5px;
  5353. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  5354. position: relative;
  5355. }
  5356. .container_c344de::before,
  5357. .container_c344de::after {
  5358. content: "";
  5359. position: absolute;
  5360. top: 0;
  5361. bottom: 0;
  5362. right: 0;
  5363. left: 0;
  5364. width: unset;
  5365. height: unset;
  5366. border-radius: 5px;
  5367. pointer-events: none;
  5368. z-index: -1;
  5369. }
  5370. .container_c344de::before {
  5371. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  5372. background-attachment: fixed;
  5373. }
  5374. .container_c344de::after {
  5375. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
  5376. backdrop-filter: blur(var(--popoutblur_v));
  5377. }
  5378.  
  5379. /* ---- 14.23. SOUNDBOARD ---- */
  5380.  
  5381. #app-mount .picker__6dca7 { /* popout */
  5382. background-color: transparent;
  5383. border: none;
  5384. border-radius: 5px;
  5385. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  5386. position: relative;
  5387. }
  5388. .picker__6dca7::before,
  5389. .picker__6dca7::after {
  5390. content: "";
  5391. position: absolute;
  5392. top: 0;
  5393. bottom: 0;
  5394. right: 0;
  5395. left: 0;
  5396. width: unset;
  5397. height: unset;
  5398. border-radius: 5px;
  5399. pointer-events: none;
  5400. z-index: -1;
  5401. }
  5402. .picker__6dca7::before {
  5403. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  5404. background-attachment: fixed;
  5405. }
  5406. .picker__6dca7::after {
  5407. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
  5408. backdrop-filter: blur(var(--popoutblur_v));
  5409. }
  5410.  
  5411. /* ---- 14.24. SERVERSURVEY ---- */
  5412.  
  5413. .main__58b77 .prompt__671aa {
  5414. background: rgba(var(--transparencycolor_v), .3);
  5415. }
  5416. .main__58b77 .prompt__671aa .sizeMedium_c6fa98 {
  5417. width: unset;
  5418. }
  5419. .optionButtonWrapper__4072c:hover,
  5420. .optionButtonWrapper__4072c.selected__90dd8 {
  5421. border-color: rgb(var(--accentcolor_v));
  5422. }
  5423.  
  5424. /* ~~~~ 15. GENERAL ~~~~ */
  5425.  
  5426. .highlight {
  5427. background: rgba(var(--accentcolor_v), .3);
  5428. }
  5429.  
  5430. .clickable__17ccb:hover .layout_bb8e67 {
  5431. background-color: rgba(var(--transparencycolor_v), .2);
  5432. }
  5433. .clickable__17ccb:active .layout_bb8e67 {
  5434. background: rgb(var(--accentcolor_v));
  5435. }
  5436. .clickable__17ccb:active .layout_bb8e67,
  5437. .selected__9800b .layout_bb8e67,
  5438. .selected__9800b:hover .layout_bb8e67,
  5439. .selected__9800b:active .layout_bb8e67 {
  5440. background-color: rgb(var(--accentcolor_v));
  5441. text-shadow: 1px 1px var(--textshadow_v);
  5442. }
  5443. .clickable__17ccb .icon_fcc53a {
  5444. color: inherit;
  5445. }
  5446. .clickable__17ccb:active .layout_bb8e67 svg,
  5447. .clickable__17ccb.selected__9800b .layout_bb8e67 svg {
  5448. filter: drop-shadow(1px 1px var(--textshadow_v));
  5449. }
  5450. .clickable__17ccb:active .premiumIcon_ab5d78,
  5451. .clickable__17ccb.selected__9800b .premiumIcon_ab5d78 {
  5452. color: var(--header-primary) !important;
  5453. }
  5454.  
  5455. #app-mount .elevationLow__75cba, #app-mount .elevationLow__2b6de, .lightElevationLow__6c965{
  5456. box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor_v), .3);
  5457. }
  5458. #app-mount .elevationHigh__80ea8, #app-mount .elevationHigh__312fd, .lightElevationHigh__1513c {
  5459. box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  5460. }
  5461. #app-mount .elevationBorderLow__610e6, #app-mount .elevationBorderLow__1fa50, .lightElevationBorderLow_c9bfa0 {
  5462. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 1px 5px 0 rgba(var(--transparencycolor_v), .3);
  5463. }
  5464. #app-mount .elevationBorderHigh_f9a758, #app-mount .elevationBorderHigh__39dae, .lightElevationBorderHigh_a30b06, .darkElevationBorderHigh__63ac9 {
  5465. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  5466. }
  5467.  
  5468. #app-mount .breadcrumbWrapper__34bfa { /* breadcrumbs wrapper */
  5469. color: rgba(var(--textbrightest_v),.3);
  5470. }
  5471. #app-mount .activeBreadcrumb__7e753 { /* breadcrumbs active */
  5472. color: rgba(var(--textbrightest_v),.6);
  5473. }
  5474.  
  5475. /* ---- 15.1. TEXT ---- */
  5476.  
  5477. #app-mount h1.title__10613,
  5478. #app-mount h2.title__10613 {
  5479. color: var(--header-primary);
  5480. }
  5481. #app-mount h3.title__10613 {
  5482. color: var(--text-normal);
  5483. }
  5484. #app-mount h4.title__10613,
  5485. #app-mount h5.title__10613,
  5486. #app-mount h6.title__10613 {
  5487. color: var(--header-secondary);
  5488. }
  5489.  
  5490. #app-mount .text__1c14c,
  5491. #app-mount .title__627cf {
  5492. color: var(--text-muted);
  5493. }
  5494.  
  5495. #app-mount .title__10613 {
  5496. color: var(--header-secondary);
  5497. }
  5498.  
  5499. #app-mount .markdown_e76780 {
  5500. color: var(--text-normal);
  5501. }
  5502. #app-mount .markdown_e76780 th {
  5503. background-color: var(--background-tertiary);
  5504. border-color: var(--interactive-muted);
  5505. color: var(--header-primary);
  5506. }
  5507. #app-mount .markdown_e76780 td {
  5508. border-color: var(--interactive-muted);
  5509. }
  5510. #app-mount .markdown_e76780 tr {
  5511. border-color: var(--interactive-muted);
  5512. color: var(--header-secondary);
  5513. }
  5514. #app-mount .markdown_e76780 tr:nth-child(2n) {
  5515. background-color: var(--background-secondary);
  5516. }
  5517. #app-mount .markdown_e76780 .blockquote__6da42 {
  5518. border-left-color: var(--interactive-muted);
  5519. }
  5520. #app-mount .markdown_e76780 code {
  5521. background-color: var(--background-secondary);
  5522. }
  5523. #app-mount .markdown_e76780 .codeInline__96ffa {
  5524. color: var(--text-normal);
  5525. }
  5526.  
  5527. /* ---- 15.2. BUTTONS ---- */
  5528.  
  5529. .btn__51085.btnPrimary_e2a8df,
  5530. .lookFilled__19298.hoverBrand__98583.hasHover__3ab8c:hover,
  5531. .lookFilled__19298.hoverBrandNew_be3663.hasHover__3ab8c:hover,
  5532. .lookFilled__19298.colorBrand_b2253e:not(.buttonColor_a6eb73):not([style*="background-color"]),
  5533. .lookFilled__19298.colorBrandNew_fd170a:not(.buttonColor_a6eb73):not([style*="background-color"]) {
  5534. text-shadow: 1px 1px var(--textshadow_v);
  5535. }
  5536. .lookFilled__19298.hoverBrand__98583.hasHover__3ab8c:hover svg,
  5537. .lookFilled__19298.hoverBrandNew_be3663.hasHover__3ab8c:hover svg,
  5538. .lookFilled__19298.colorBrand_b2253e:not(.buttonColor_a6eb73):not([style*="background-color"]) svg,
  5539. .lookFilled__19298.colorBrandNew_fd170a:not(.buttonColor_a6eb73):not([style*="background-color"]) svg {
  5540. filter: drop-shadow(1px 1px var(--textshadow_v));
  5541. }
  5542.  
  5543. #app-mount .lookInverted_ee4261.colorPrimary__6ed40 .spinnerItem_c07231 {
  5544. background-color: rgb(var(--textdarkest_v));
  5545. }
  5546. #app-mount .lookOutlined__46d54.colorPrimary__6ed40 .spinnerItem_c07231,
  5547. #app-mount .lookLink__93965.colorPrimary__6ed40 .spinnerItem_c07231 {
  5548. background-color: rgb(var(--textdarkest_v));
  5549. }
  5550.  
  5551. #app-mount .lookFilled__19298.colorPrimary__6ed40:hover,
  5552. #app-mount .lookFilled__19298.hoverPrimary__3e6c3.hasHover__3ab8c:hover {
  5553. background-color: rgba(var(--transparencycolor_v), .4);
  5554. }
  5555. #app-mount .lookFilled__19298.colorPrimary__6ed40:active,
  5556. #app-mount .lookFilled__19298.hoverPrimary__3e6c3.hasHover__3ab8c:active {
  5557. background-color: rgba(var(--transparencycolor_v), .6);
  5558. }
  5559. #app-mount .lookFilled__19298.colorPrimary__6ed40,
  5560. #app-mount .lookFilled__19298.colorPrimary__6ed40:disabled {
  5561. background-color: rgba(var(--transparencycolor_v), .2);
  5562. color: #FFF;
  5563. }
  5564.  
  5565. #app-mount .lookInverted_ee4261.colorPrimary__6ed40:hover,
  5566. #app-mount .lookInverted_ee4261.hoverPrimary__3e6c3.hasHover__3ab8c:hover {
  5567. background-image: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
  5568. }
  5569. #app-mount .lookInverted_ee4261.colorPrimary__6ed40:active,
  5570. #app-mount .lookInverted_ee4261.hoverPrimary__3e6c3.hasHover__3ab8c:active {
  5571. background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
  5572. }
  5573. #app-mount .lookInverted_ee4261.colorPrimary__6ed40,
  5574. #app-mount .lookInverted_ee4261.colorPrimary__6ed40:disabled {
  5575. background-color: #FFF;
  5576. color: rgba(var(--textdarkest_v));
  5577. }
  5578.  
  5579. #app-mount .lookOutlined__46d54.colorPrimary__6ed40:hover,
  5580. #app-mount .lookOutlined__46d54.hoverPrimary__3e6c3.hasHover__3ab8c:hover {
  5581. background-color: rgba(var(--textdarkest_v), .05);
  5582. border-color: rgba(var(--textdarkest_v), .6);
  5583. }
  5584. #app-mount .lookOutlined__46d54.colorPrimary__6ed40:active,
  5585. #app-mount .lookOutlined__46d54.hoverPrimary__3e6c3.hasHover__3ab8c:active {
  5586. background-color: rgba(var(--textdarkest_v), .1);
  5587. border-color: rgb(var(--textdarkest_v));
  5588. }
  5589. #app-mount .lookOutlined__46d54.colorPrimary__6ed40,
  5590. #app-mount .lookOutlined__46d54.colorPrimary__6ed40:disabled {
  5591. border-color: rgba(var(--textdarkest_v), .1);
  5592. color: rgb(var(--textdarkest_v));
  5593. }
  5594.  
  5595. #app-mount .lookLink__93965.colorPrimary__6ed40 {
  5596. color: rgb(var(--textdarkest_v));
  5597. }
  5598. #app-mount .lookLink__93965.colorPrimary__6ed40:hover .contents_fb6220,
  5599. #app-mount .lookLink__93965.hoverPrimary__3e6c3.hasHover__3ab8c:hover .contents_fb6220 {
  5600. --button--underline-color: rgb(var(--textdarkest_v));
  5601. color: rgb(var(--textdarkest_v));
  5602. }
  5603.  
  5604. #app-mount .borderPrimary__60ecd {
  5605. border-color: rgb(var(--textdarkest_v)) !important;
  5606. }
  5607.  
  5608. #app-mount .lookInverted_ee4261.colorTransparent__4c280 .spinnerItem_c07231 {
  5609. background-color: rgba(var(--textbrightest_v),.1);
  5610. }
  5611. #app-mount .lookFilled__19298.colorTransparent__4c280 .spinnerItem_c07231,
  5612. #app-mount .lookOutlined__46d54.colorTransparent__4c280 .spinnerItem_c07231,
  5613. #app-mount .lookLink__93965.colorTransparent__4c280 .spinnerItem_c07231 {
  5614. background-color: rgb(var(--textbrightest_v));
  5615. }
  5616.  
  5617. #app-mount .lookFilled__19298.colorTransparent__4c280:hover,
  5618. #app-mount .lookFilled__19298.hoverTransparent_a4eefd.hasHover__3ab8c:hover {
  5619. background-color: rgba(var(--textbrightest_v),.05);
  5620. }
  5621. #app-mount .lookFilled__19298.colorTransparent__4c280:active,
  5622. #app-mount .lookFilled__19298.hoverTransparent_a4eefd.hasHover__3ab8c:active {
  5623. background-color: rgba(var(--textbrightest_v),.01);
  5624. }
  5625. #app-mount .lookFilled__19298.colorTransparent__4c280,
  5626. #app-mount .lookFilled__19298.colorTransparent__4c280:disabled {
  5627. background-color: rgba(var(--textbrightest_v),.1);
  5628. color: rgb(var(--textbrightest_v));
  5629. }
  5630.  
  5631. #app-mount .lookInverted_ee4261.colorTransparent__4c280:hover,
  5632. #app-mount .lookInverted_ee4261.hoverTransparent_a4eefd.hasHover__3ab8c:hover {
  5633. background-color: rgba(var(--textbrightest_v),.05);
  5634. }
  5635. #app-mount .lookInverted_ee4261.colorTransparent__4c280:active,
  5636. #app-mount .lookInverted_ee4261.hoverTransparent_a4eefd.hasHover__3ab8c:active {
  5637. background-color: rgba(var(--textbrightest_v),.1);
  5638. }
  5639. #app-mount .lookInverted_ee4261.colorTransparent__4c280,
  5640. #app-mount .lookInverted_ee4261.colorTransparent__4c280:disabled {
  5641. background-color: rgb(var(--textbrightest_v));
  5642. color: rgba(var(--textbrightest_v),.1);
  5643. }
  5644.  
  5645. #app-mount .lookOutlined__46d54.hoverTransparent_a4eefd.hasHover__3ab8c:hover {
  5646. background-color: rgba(var(--textbrighter_v),.1);
  5647. border-color: rgb(var(--textbrightest_v));
  5648. }
  5649. #app-mount .lookOutlined__46d54.hoverTransparent_a4eefd.hasHover__3ab8c:active {
  5650. background-color: rgba(var(--textbrightest_v),.1);
  5651. border-color: rgb(var(--textbrightest_v));
  5652. }
  5653. #app-mount .lookOutlined__46d54.colorTransparent__4c280,
  5654. #app-mount .lookOutlined__46d54.colorTransparent__4c280:disabled {
  5655. background-color: transparent;
  5656. color: rgb(var(--textbright_v));
  5657. }
  5658.  
  5659. #app-mount .lookLink__93965.colorTransparent__4c280 {
  5660. color: rgb(var(--textbright_v));
  5661. }
  5662. #app-mount .lookLink__93965.colorTransparent__4c280:hover .contents_fb6220,
  5663. #app-mount .lookLink__93965.hoverTransparent_a4eefd.hasHover__3ab8c:hover .contents_fb6220 {
  5664. --button--underline-color: rgb(var(--textbright_v));
  5665. color: rgb(var(--textbright_v));
  5666. }
  5667.  
  5668. #app-mount .borderTransparent__2cdc8 {
  5669. border-color: rgb(var(--textbrightest_v)) !important;
  5670. }
  5671.  
  5672. /* ---- 15.3. INPUTS ---- */
  5673.  
  5674. input.input_d266e7 { /* valueinput bordered */
  5675. background-color: rgba(var(--transparencycolor_v), .1);
  5676. }
  5677. input.input_d266e7:hover:not(:focus) {
  5678. border-color: rgb(var(--transparencycolor_v));
  5679. }
  5680.  
  5681. #app-mount .prefixInput__38dcc {
  5682. background-color: rgba(0,0,0,.1);
  5683. border-color: rgba(0,0,0,.3);
  5684. }
  5685. #app-mount .prefixInput__38dcc:hover {
  5686. border-color: rgba(0,0,0,.6);
  5687. }
  5688. #app-mount .prefixInputInput_b11731 {
  5689. color: var(--header-primary);
  5690. }
  5691. #app-mount .prefixInputInput_b11731::-webkit-input-placeholder,
  5692. #app-mount .prefixInputInput_b11731::-moz-placeholder,
  5693. #app-mount .prefixInputInput_b11731:-ms-input-placeholder,
  5694. #app-mount .prefixInputInput_b11731::placeholder {
  5695. color: var(--text-muted);
  5696. }
  5697. #app-mount .prefixInputPrefix__7a021 {
  5698. color: var(--text-muted);
  5699. }
  5700.  
  5701. #app-mount .maxLength_f4921c {
  5702. color: var(--text-muted);
  5703. }
  5704.  
  5705. #app-mount .copyInput_c1c679 {
  5706. background-color: var(--deprecated-text-input-bg);
  5707. }
  5708. #app-mount .copyInputDefault__8ac9f {
  5709. border-color: var(--deprecated-text-input-border);
  5710. }
  5711. #app-mount .hiddenMessage__19ef2,
  5712. #app-mount .inputDefault__0d65a {
  5713. color: var(--header-primary);
  5714. }
  5715. #app-mount .hiddenMessage__19ef2::placeholder,
  5716. #app-mount .inputDefault__0d65a::placeholder {
  5717. color: rgba(var(--textbrightest_v),.3);
  5718. }
  5719.  
  5720. .container__871ba { /* checkboxswitch */
  5721. background-color: rgba(var(--transparencycolor_v), .3) !important;
  5722. }
  5723. .container__871ba rect[fill] {
  5724. fill: var(--header-primary) !important;
  5725. }
  5726. .container__871ba path[fill] {
  5727. fill: rgb(var(--transparencycolor_v)) !important;
  5728. }
  5729.  
  5730. #app-mount .item_b7fb7e { /* radiogroup container */
  5731. background-color: rgba(var(--transparencycolor_v), .2);
  5732. }
  5733. #app-mount .item_b7fb7e:hover {
  5734. background-color: rgba(var(--transparencycolor_v), .4);
  5735. }
  5736. #app-mount .item_b7fb7e[aria-checked=true] .radioBar__40e1b {
  5737. background: rgb(var(--accentcolor_v));
  5738. }
  5739. #app-mount .item_b7fb7e[aria-checked=true] .radioBar__40e1b .radioIconForeground__99b9b {
  5740. color: var(--header-primary);
  5741. }
  5742. #app-mount .item_b7fb7e .radioBar__40e1b[style*="--radio-bar-accent-color"] {
  5743. background: var(--radio-bar-accent-color);
  5744. border: unset;
  5745. color: var(--header-primary);
  5746. }
  5747. #app-mount .item_b7fb7e[aria-checked=false]:hover .radioBar__40e1b[style*="--radio-bar-accent-color"] {
  5748. background: var(--radio-bar-accent-color) linear-gradient(to right, rgba(255, 255, 255, .2), rgba(255, 255, 255, .2));
  5749. }
  5750.  
  5751. #app-mount .checkboxContainer__5a761::before { /* checkbox container */
  5752. background-color: rgba(var(--textdarker_v), .3);
  5753. }
  5754. #app-mount .checkboxMute__6e269::before {
  5755. background-color: rgba(var(--transparencycolor_v), .2);
  5756. }
  5757. #app-mount .checkbox_c7f690 { /* checkbox inner */
  5758. border-color: rgb(var(--textdark_v));
  5759. }
  5760. #app-mount .checkbox_c7f690.checked__24ad6 { /* checkbox checked */
  5761. background-color: rgb(var(--textbrightest_v));
  5762. border-color: rgb(var(--textbrightest_v));
  5763. }
  5764. #app-mount .checkbox_c7f690.checked__24ad6.round__67d8d { /* checkbox roundchecked */
  5765. background-color: rgb(var(--accentcolor_v)) !important;
  5766. border-color: rgb(var(--accentcolor_v)) !important;
  5767. }
  5768. #app-mount .checkbox_c7f690.checked__24ad6.round__67d8d svg {
  5769. filter: drop-shadow(1px 1px var(--textshadow_v));
  5770. }
  5771. #app-mount .checkbox_c7f690.checked__24ad6.round__67d8d path[fill] {
  5772. fill: #fff;
  5773. }
  5774.  
  5775. #app-mount .bar_e58961 { /* slider backgroundbar */
  5776. background-color: rgba(var(--transparencycolor_v), .3);
  5777. }
  5778. .grabber_d2868c { /* slider grabber */
  5779. background-color: var(--header-primary);
  5780. border-color: var(--header-primary);
  5781. box-shadow: 0 3px 1px 0 rgba(var(--transparencycolor_v), .05), 0 2px 2px 0 rgba(var(--transparencycolor_v), .1), 0 3px 3px 0 rgba(var(--transparencycolor_v), .05);
  5782. }
  5783. #app-mount .markValue_e7a6e4 { /* slider markvalue */
  5784. color: var(--text-muted);
  5785. }
  5786. #app-mount .defaultValue__4f02f .markValue_e7a6e4 {
  5787. color: #43b581;
  5788. }
  5789. #app-mount .markDash_dc3ae9 {
  5790. background: transparent;
  5791. color: rgba(var(--transparencycolor_v), .3);
  5792. }
  5793. #app-mount .defaultValue__4f02f .markDash_dc3ae9 {
  5794. color: #43b581;
  5795. }
  5796. #app-mount .markDash_dc3ae9::before,
  5797. #app-mount .markDash_dc3ae9::after {
  5798. content: "";
  5799. position: absolute;
  5800. background: currentColor;
  5801. height: 8px;
  5802. width: 2px;
  5803. }
  5804. #app-mount .markDash_dc3ae9::before {
  5805. top: 14px;
  5806. }
  5807. #app-mount .markDash_dc3ae9::after {
  5808. top: 30px;
  5809. }
  5810. #app-mount .bubble_f48089 { /* slider bubble */
  5811. background-color: rgb(var(--accentcolor_v));
  5812. color: #fff;
  5813. text-shadow: 1px 1px var(--textshadow_v);
  5814. }
  5815. #app-mount .bubble_f48089::before {
  5816. border-top-color: rgb(var(--accentcolor_v));
  5817. }
  5818.  
  5819. #app-mount .container__0c807 { /* hotkeyinput container */
  5820. background-color: rgba(var(--transparencycolor_v), .1);
  5821. border-color: rgba(var(--transparencycolor_v), .3);
  5822. }
  5823. #app-mount .editIcon__29477 { /* hotkeyinput editicon */
  5824. -webkit-mask: url(https://discord.com/assets/c87be216431a35927431.svg) center/cover no-repeat;
  5825. background: var(--header-primary);
  5826. }
  5827. #app-mount .container_e61cfb .button__0982c {
  5828. background-color: rgba(var(--transparencycolor_v),.3) !important;
  5829. color: var(--header-primary) !important;
  5830. }
  5831. #app-mount .container_e61cfb.recording__97366 .button__0982c {
  5832. background-color: rgba(var(--dangercolor),.1) !important;
  5833. color: rgb(var(--dangercolor)) !important;
  5834. }
  5835.  
  5836. .select__55f87 [class*="css-"][class*="-container"] { /* select container */
  5837. background-color: transparent;
  5838. }
  5839. .lookFilled__3dba3.select__0eb48,
  5840. .select__55f87 [class*="css-"][class*="-control"] {
  5841. background-color: rgba(var(--transparencycolor_v), .1);
  5842. border-color: rgba(var(--transparencycolor_v), .3);
  5843. color: var(--text-normal);
  5844. }
  5845. .lookFilled__3dba3.select__0eb48:hover {
  5846. border-color: rgb(var(--transparencycolor_v));
  5847. }
  5848. .lookFilled__3dba3.select__0eb48:hover.open_cd27aa,
  5849. .lookFilled__3dba3.open_cd27aa {
  5850. border-color: rgb(var(--transparencycolor_v)) rgb(var(--transparencycolor_v)) rgba(var(--transparencycolor_v), .3);
  5851. }
  5852. .lookFilled__3dba3.select__0eb48 .searchInput_e1c8d3 {
  5853. background: transparent;
  5854. }
  5855. .select__55f87 [class*="css-"][class*="-control"]:hover,
  5856. .select__55f87 [class*="css-"][class*="-control"]:not(:last-child) {
  5857. border-color: var(--deprecated-text-input-border-hover);
  5858. }
  5859. .select__55f87.languageSelector__4961a [class*="css-"][class*="-control"] {
  5860. background-color: rgba(var(--transparencycolor_v), .3);
  5861. }
  5862. .select__55f87 [class*="css-"][class*="-singleValue"],
  5863. .select__55f87 [class*="css-"][class*="-placeholder"],
  5864. .select__55f87 [class*="css-"][class*="-indicatorContainer"] {
  5865. color: var(--text-normal);
  5866. }
  5867. .option_be8b2e,
  5868. .css-1gfjib6-option,
  5869. .css-1yz4bi9-option,
  5870. .css-ru8b0x-option,
  5871. .css-1yz4bi9-option {
  5872. background-color: rgba(var(--transparencycolor_v), .1);
  5873. color: var(--interactive-normal);
  5874. }
  5875. .option_be8b2e:hover,
  5876. .css-pkcurw-option,
  5877. .css-rzbxvl-option,
  5878. .css-1qxn4c5-option,
  5879. .css-rzbxvl-option {
  5880. background-color: rgba(var(--transparencycolor_v), .3);
  5881. color: var(--interactive-hover);
  5882. }
  5883. .option_be8b2e[aria-selected=true]:not(.option_be8b2e.multi__8d15f),
  5884. .css-1gxgi19-option,
  5885. .css-1ba14n5-option,
  5886. .css-6qzljd-option,
  5887. .css-1ba14n5-option {
  5888. background-color: rgba(var(--transparencycolor_v), .5);
  5889. color: var(--interactive-active);
  5890. }
  5891. .popout_a6e77f::-webkit-scrollbar {
  5892. display: none;
  5893. }
  5894. .popout_a6e77f,
  5895. .select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"] {
  5896. background-color: transparent;
  5897. border: 1px solid rgba(var(--transparencycolor_v), .3);
  5898. box-shadow: 0px 1px 5px 0px rgba(var(--transparencycolor_v), .3);
  5899. overflow: hidden;
  5900. }
  5901. .popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e {
  5902. position: relative;
  5903. }
  5904. .popout_a6e77f::before,
  5905. .popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::before,
  5906. .popout_a6e77f.scrollerBase_dc3aa9 .content__23cab::before,
  5907. .select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before,
  5908. .popout_a6e77f::after,
  5909. .popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::after,
  5910. .popout_a6e77f.scrollerBase_dc3aa9 .content__23cab::after,
  5911. .select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::after {
  5912. content: "";
  5913. position: absolute;
  5914. top: 0;
  5915. bottom: 0;
  5916. right: 0;
  5917. left: 0;
  5918. width: unset;
  5919. height: unset;
  5920. pointer-events: none;
  5921. z-index: -1;
  5922. }
  5923. .popout_a6e77f::before,
  5924. .popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::before,
  5925. .popout_a6e77f.scrollerBase_dc3aa9 .content__23cab::before,
  5926. .select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before {
  5927. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  5928. background-attachment: fixed;
  5929. }
  5930. .popout_a6e77f::after,
  5931. .popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::after,
  5932. .popout_a6e77f.scrollerBase_dc3aa9 .content__23cab::after,
  5933. .select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::after {
  5934. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
  5935. backdrop-filter: blur(var(--popoutblur_v));
  5936. }
  5937. .popout_a6e77f.scrollerBase_dc3aa9::before,
  5938. .popout_a6e77f.scrollerBase_dc3aa9::after {
  5939. display: none;
  5940. }
  5941.  
  5942. /* ---- 15.4. SEARCHBARS ---- */
  5943.  
  5944. .container_e4c233, /* searchbar inner */
  5945. .container__7712a {
  5946. background-color: rgba(var(--transparencycolor_v), .3);
  5947. }
  5948. #app-mount .searchBox_a63854 .searchBoxInput__73c9c::placeholder {
  5949. color: var(--text-muted);
  5950. }
  5951. #app-mount .searchIcon_e60ea8 {
  5952. color: var(--text-muted);
  5953. }
  5954. #app-mount .filterLabel__3412d {
  5955. color: var(--header-secondary);
  5956. }
  5957. #app-mount .searchBox_a63854 {
  5958. background-color: rgba(var(--transparencycolor_v), .3);
  5959. box-shadow: 0 2px 5px 0 rgba(var(--transparencycolor_v), .2);
  5960. }
  5961.  
  5962. /* ---- 15.5. TAGS ---- */
  5963.  
  5964. .botTagRegular_c89c9a:not([style]) { /* bottag regular */
  5965. text-shadow: 1px 1px var(--textshadow_v);
  5966. }
  5967. .botTagRegular_c89c9a:not([style]) svg {
  5968. filter: drop-shadow(1px 1px var(--textshadow_v));
  5969. }
  5970.  
  5971. .base__92a12[style*="var(--bdfdb-blurple)"], /* numberbadge */
  5972. .base__92a12[style*="background-color: rgb(88, 101, 242)"],
  5973. .base__92a12[style*="background-color: rgb(114, 137, 218)"] {
  5974. text-shadow: 1px 1px var(--textshadow_v);
  5975. }
  5976.  
  5977. .iconBadge__2abac { /* iconbadge */
  5978. background-color: rgba(var(--transparencycolor_v), .3);
  5979. }
  5980.  
  5981. /* ---- 15.6. IMAGES ---- */
  5982.  
  5983. #app-mount .image__0cdbe {
  5984. background-image: url(https://discord.com/assets/5420f8fd9d89897c6448.svg);
  5985. opacity: .75;
  5986. }
  5987.  
  5988. #app-mount .invalidPoop__03aa3 {
  5989. background-color: rgba(var(--transparencycolor_v), .3);
  5990. background-image: url(https://discord.com/assets/baa5b6db50bb89d55668.svg);
  5991. opacity: .5;
  5992. }
  5993.  
  5994. #app-mount .sadImage_e4e5ab {
  5995. background-image: url(https://discord.com/assets/746284e4cfc7cd6c5e15.svg);
  5996. opacity: .5;
  5997. }
  5998.  
  5999. #app-mount .cancelImage__688be {
  6000. background: url(https://discord.com/assets/d12b5c285831f85c5eee.svg);
  6001. opacity: .75;
  6002. }
  6003.  
  6004. #app-mount .emptyWumpus__67af4 {
  6005. background: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg);
  6006. opacity: .5;
  6007. }
  6008.  
  6009. #app-mount .authenticationRequiredImage__92ba7 {
  6010. background-image: url(https://discord.com/assets/ac36a2fad758d64ffbfb.svg);
  6011. opacity: .5;
  6012. }
  6013. #app-mount .authenticationSuccessImage_b1a74c {
  6014. background-image: url(https://discord.com/assets/22a55a08151860da8500.svg);
  6015. opacity: .5;
  6016. }
  6017. #app-mount .authenticationFailImage-3DXXvB {
  6018. background-image: url(https://discord.com/assets/5fc4852a2acb3abf0a64.svg);
  6019. opacity: .5;
  6020. }
  6021.  
  6022. #app-mount .conflictUploadArt_c68c28 {
  6023. background-image: url(https://discord.com/assets/27f92332674f9dacc1e9.svg);
  6024. opacity: .5;
  6025. }
  6026. #app-mount .conflictDownloadArt__87c31 {
  6027. background-image: url(https://discord.com/assets/f6bc645aead00959a690.svg);
  6028. opacity: .5;
  6029. }
  6030. #app-mount .errorArt__7d1bf {
  6031. background-image: url(https://discord.com/assets/c00cfaed1382bf7f33d4.svg);
  6032. opacity: .5;
  6033. }
  6034.  
  6035. #app-mount .searchIndexBackground__14e66 {
  6036. background-image: url(https://discord.com/assets/1876c6a6db747137a124.svg);
  6037. opacity: .5;
  6038. }
  6039. #app-mount .resultsBlockedImage_e4bcd7 {
  6040. background-image: url(https://discord.com/assets/83720a1a3ec0963a1f71.svg);
  6041. opacity: .5;
  6042. }
  6043. #app-mount .noResultsImage__08760 {
  6044. background-image: url(https://discord.com/assets/45cd76fed34c8e398cc8.svg);
  6045. opacity: .5;
  6046. }
  6047. #app-mount .noResultsImage__08760.alt__77d89 {
  6048. background-image: url(https://discord.com/assets/99d35a435f00582ddf41.svg);
  6049. opacity: .5;
  6050. }
  6051. #app-mount .errorImage__416df {
  6052. background-image: url(https://discord.com/assets/8eeb59bba0a61cbffc41.svg);
  6053. opacity: .5;
  6054. }
  6055.  
  6056. #app-mount .emptyStateImage__3e0a5 {
  6057. background: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg);
  6058. opacity: .5;
  6059. }
  6060.  
  6061. #app-mount .wrapper__246a1 { /* crash screen background */
  6062. background-image: url(https://discord.com/assets/14223d22c9628be36fc0.svg);
  6063. }
  6064. #app-mount .image_dabcb8 { /* crash screen center image */
  6065. background-image: url(https://discord.com/assets/72eaa596042042be6259.svg);
  6066. opacity: .5;
  6067. }
  6068.  
  6069. #app-mount .gameIcon__90c32 {
  6070. background-color: rgba(var(--textbrightest_v), .1);
  6071. color: var(--header-primary);
  6072. }
  6073.  
  6074. #app-mount .noResults_c99c73 {
  6075. background-image: url(https://discord.com/assets/c586aac99de98cfb010d.svg);
  6076. opacity: .5;
  6077. }
  6078.  
  6079. #app-mount .art_ba4492 {
  6080. background-image: url(https://discord.com/assets/1a8d1cce8efe66c22c6d.svg);
  6081. opacity: .5;
  6082. }
  6083.  
  6084. #app-mount .art__773bf {
  6085. background-image: url(https://discord.com/assets/29306de8953471954035.svg);
  6086. opacity: .5;
  6087. }
  6088.  
  6089. #app-mount .imageUnverified_fc0bf0 {
  6090. background-image: url(https://discord.com/assets/f0cba42b6a6d3b2de4fd.svg);
  6091. opacity: .5;
  6092. }
  6093.  
  6094. #app-mount .imageUpgrade__02fcc {
  6095. background-image: url(https://discord.com/assets/7e81dd54960672eabe78.svg);
  6096. }
  6097. #app-mount .imageCancel_e3036f {
  6098. background-image: url(https://discord.com/assets/d12b5c285831f85c5eee.svg);
  6099. }
  6100. #app-mount .imageUnclaimed__3f7ec {
  6101. background-image: url(https://discord.com/assets/41675689ca055858e137.svg);
  6102. opacity: .5;
  6103. }
  6104. #app-mount .imageUnverified__6dc24 {
  6105. background-image: url(https://discord.com/assets/f0cba42b6a6d3b2de4fd.svg);
  6106. opacity: .5;
  6107. }
  6108.  
  6109. #app-mount .emptyPreviewImage__86ba2 {
  6110. background-image: url(https://discord.com/assets/3a354aac283f909d403d.svg);
  6111. opacity: .5;
  6112. }
  6113.  
  6114. .fullArt_a1e55d,
  6115. .fullArt_cba315 {
  6116. opacity: .5;
  6117. }
  6118.  
  6119. .image__0a0fc {
  6120. opacity: .5;
  6121. }
  6122. .image__0a0fc[style*='url("/assets/9e2f412156e2ac1f14e9.svg")'] {
  6123. background-image: url(https://discord.com/assets/64df6f04b850029d2e78.svg) !important;
  6124. }
  6125.  
  6126. .image__98a59 {
  6127. opacity: .5;
  6128. }
  6129. .image__98a59[style*='url("/assets/d6dfb89ab06b62044dbb.svg")'] {
  6130. background-image: url(https://discord.com/assets/8eeb59bba0a61cbffc41.svg) !important;
  6131. }
  6132. .image__98a59[style*='url("/assets/75081bdaad2d359c1469.svg")'] {
  6133. background-image: url(https://discord.com/assets/45cd76fed34c8e398cc8.svg) !important;
  6134. }
  6135.  
  6136. .image__98a59[style*='url("/assets/0629e34902ae58f8e4ca.svg")'] {
  6137. background-image: url(https://discord.com/assets/24aa06be5457e66bdd64.svg) !important;
  6138. }
  6139. .image__98a59[style*='url("/assets/5741692705ba077f4190.svg")'] {
  6140. background-image: url(https://discord.com/assets/bca918618b884a382ab5.svg) !important;
  6141. }
  6142. .image__98a59[style*='url("/assets/a72746e7108167af95c8.svg")'] {
  6143. background-image: url(https://discord.com/assets/01864c39871ce619d855.svg) !important;
  6144. }
  6145. .image__98a59[style*='url("/assets/ee4637f8627629dd0da5.svg")'] {
  6146. background-image: url(https://discord.com/assets/532f1d4582d881960783.svg) !important;
  6147. }
  6148.  
  6149. .image__98a59[style*='url("/assets/c8be48745cf680093019.svg")'] {
  6150. background-image: url(https://discord.com/assets/295da3fc92e2adb1b852.svg) !important;
  6151. }
  6152. .image__98a59[style*='url("/assets/5e3480eff150b1cb323e.svg")'] {
  6153. background-image: url(https://discord.com/assets/cf8f9096a9322f2ae0d7.svg) !important;
  6154. }
  6155. .emptyStateImage__36649 {
  6156. opacity: .5;
  6157. }
  6158. .emptyStateImage__36649[src='/assets/39e3f389716400ced39a.svg'] {
  6159. background-image: url(https://discord.com/assets/1bb2be01aece015602f7.svg);
  6160. object-position: -999999px -999999px;
  6161. }
  6162. .image__98a59[style*='url("/assets/c65431f185feb7b00749.svg")'] {
  6163. background-image: url(https://discord.com/assets/cdc3f4f6fbf3a0f0766f.svg) !important;
  6164. }
  6165. .image__98a59[style*='url("/assets/a1b0a14d2f22c155a2b3.svg")'] {
  6166. background-image: url(https://discord.com/assets/c7c4065874955761be3b.svg) !important;
  6167. }
  6168.  
  6169. img[src='/assets/73984240bd99493de947.svg'] {
  6170. background-image: url(https://discord.com/assets/c1875fc8a42a61903ba1.svg);
  6171. opacity: .5;
  6172. object-position: -999999px -999999px;
  6173. }
  6174.  
  6175. img[src='/assets/387a7c504c96b992872d.svg'] {
  6176. background-image: url(https://discord.com/assets/1964f50ca0220e98dc32.svg);
  6177. opacity: .5;
  6178. object-position: -999999px -999999px;
  6179. }
  6180.  
  6181. #app-mount .footerImage__21e33 {
  6182. background-image: url(https://discord.com/assets/a4bee30fe0b5a0f5b3c7.svg);
  6183. opacity: .5;
  6184. }
  6185.  
  6186. #app-mount .imageError__77b3e {
  6187. opacity: .5;
  6188. }
  6189.  
  6190. #app-mount .emptyImage__66bed {
  6191. background-image: url(https://discord.com/assets/1766a563ac224f0a403d.svg);
  6192. opacity: .5;
  6193. }
  6194.  
  6195. #app-mount .missingEntitlementImage_c06466 {
  6196. background-image: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg);
  6197. opacity: .5;
  6198. }
  6199.  
  6200. #app-mount .image__81490 {
  6201. background-image: url(https://discord.com/assets/a7d6af4279f16c27ae9b.svg);
  6202. opacity: .5;
  6203. }
  6204.  
  6205. #app-mount .image__25781 {
  6206. background-image: url(https://discord.com/assets/9e9722bd5c8ec20fd746.svg);
  6207. opacity: .5;
  6208. }
  6209.  
  6210. #app-mount .image__1990e {
  6211. background-image: url(https://discord.com/assets/c8718df1382ba878f1fc.svg);
  6212. opacity: .5;
  6213. }
  6214.  
  6215. #app-mount .image__88b66 {
  6216. background-image: url(https://discord.com/assets/1766a563ac224f0a403d.svg);
  6217. opacity: .5;
  6218. }
  6219.  
  6220. /* ---- 15.7. SCROLLBARS ---- */
  6221.  
  6222. ::-webkit-scrollbar,
  6223. #app-mount ::-webkit-scrollbar {
  6224. width: 8px;
  6225. height: 8px;
  6226. }
  6227. #app-mount .scroller-3vODG7::-webkit-scrollbar {
  6228. width: 6px;
  6229. height: 6px;
  6230. }
  6231. #app-mount .scroller__447fe::-webkit-scrollbar,
  6232. #app-mount .scrollbar_d66c5e::-webkit-scrollbar,
  6233. #app-mount .scroller-2PSBSf::-webkit-scrollbar {
  6234. width: 4px;
  6235. height: 4px;
  6236. }
  6237. ::-webkit-scrollbar,
  6238. ::-webkit-scrollbar-track,
  6239. ::-webkit-scrollbar-track-piece,
  6240. #app-mount ::-webkit-scrollbar,
  6241. #app-mount ::-webkit-scrollbar-track,
  6242. #app-mount ::-webkit-scrollbar-track-piece {
  6243. border-color: transparent !important;
  6244. background: transparent !important;
  6245. }
  6246. ::-webkit-scrollbar-thumb,
  6247. #app-mount ::-webkit-scrollbar-thumb {
  6248. border-radius: 10px;
  6249. border: none;
  6250. background-color: rgb(var(--accentcolor_v)) !important;
  6251. }
  6252. .none__51a8f::-webkit-scrollbar-corner,
  6253. .none__51a8f::-webkit-scrollbar-thumb,
  6254. .none__51a8f::-webkit-scrollbar-track,
  6255. .none__51a8f::-webkit-scrollbar {
  6256. display: none;
  6257. }
  6258.  
  6259. /* ---- 15.8. NOTIFICATIONBAR ---- */
  6260.  
  6261. .base__3e6af .notice__5fd4c powercord-announcement {
  6262. border-radius: 0;
  6263. }
  6264. #app-mount .notice-2FJMB4 {
  6265. box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor_v), .3);
  6266. }
  6267. #app-mount .notice__99c03 {
  6268. background-color: rgba(var(--transparencycolor_v), .6);
  6269. }
  6270.  
  6271. /* ---- 15.9. TOOLTIPS ---- */
  6272.  
  6273. #app-mount .guildNameText__16f3c {
  6274. color: #fff;
  6275. }
  6276. #app-mount .muteText_dc1e9a {
  6277. color: #bbb;
  6278. }
  6279. #app-mount .tooltipPrimary_e5c00d,
  6280. #app-mount .tooltipGrey_a35fcf,
  6281. #app-mount .tooltipBlack__90eaa {
  6282. background-color: rgb(var(--accentcolor_v));
  6283. color: #fff;
  6284. text-shadow: 1px 1px var(--textshadow_v);
  6285. }
  6286. #app-mount .tooltipPrimary_e5c00d .note_e4Jh6_,
  6287. #app-mount .tooltipGrey_a35fcf .note_e4Jh6_,
  6288. #app-mount .tooltipBlack__90eaa .note_e4Jh6_ {
  6289. color: #bbb;
  6290. }
  6291. #app-mount .tooltipPrimary_e5c00d a,
  6292. #app-mount .tooltipGrey_a35fcf a,
  6293. #app-mount .tooltipBlack__90eaa a {
  6294. filter: brightness(50%);
  6295. }
  6296. #app-mount .tooltipPrimary_e5c00d .tooltipPointer_a79354,
  6297. #app-mount .tooltipGrey_a35fcf .tooltipPointer_a79354,
  6298. #app-mount .tooltipBlack__90eaa .tooltipPointer_a79354 {
  6299. border-top-color: rgb(var(--accentcolor_v));
  6300. }
  6301. .emptyUser_dba665 {
  6302. background: rgba(var(--transparencycolor_v), .5);
  6303. }
  6304. .moreUsers_cd5dfc {
  6305. background: rgba(var(--transparencycolor_v), .5);
  6306. }
  6307.  
  6308.  
  6309. /* ~~~~ 16. BDSUPPORT ~~~~ */
  6310.  
  6311. html .bd-toast {
  6312. background-color: rgb(var(--accentcolor_v));
  6313. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  6314. color: #fff;
  6315. text-shadow: 1px 1px var(--textshadow_v);
  6316. }
  6317. html .bd-toast.icon {
  6318. background-image: none !important;
  6319. }
  6320. html .bd-toast.icon::before {
  6321. content: "";
  6322. position: absolute;
  6323. top: 0;
  6324. right: 0;
  6325. bottom: 0;
  6326. left: 0;
  6327. background: #fff !important;
  6328. -webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg"><path fill="black" d=""/></svg>') center/cover no-repeat;
  6329. }
  6330. html .bd-toast.toast-danger.icon::before,
  6331. html .bd-toast.toast-error.icon::before {
  6332. -webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="black" d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/></svg>') 6px 50%/20px 20px no-repeat;
  6333. }
  6334. html .bd-toast.toast-info.icon::before {
  6335. -webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="black" d="M 12 2 C 6.48 2 2 6.48 2 12 s 4.48 10 10 10 10-4.48 10-10 S 17.52 2 12 2 z m 1 15 h -2 v -6 h 2 v 6 z m 0-8 h -2 V 7 h 2 v 2 z"/></svg>') 6px 50%/20px 20px no-repeat;
  6336. }
  6337. html .bd-toast.toast-success.icon::before {
  6338. -webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="black" d="M 12 2 C 6.48 2 2 6.48 2 12 s 4.48 10 10 10 10-4.48 10-10 S 17.52 2 12 2 z m -2 15 l -5-5 1.41-1.41 L 10 14.17 l 7.59-7.59 L 19 8 l -9 9 z"/></svg>') 6px 50%/20px 20px no-repeat;
  6339. }
  6340. html .bd-toast.toast-warning.icon::before,
  6341. html .bd-toast.toast-warn.icon::before {
  6342. -webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="black" d="M 1 21 h 22 L 12 2 1 21 z m 12-3 h -2 v -2 h 2 v 2 z m 0-4 h -2 v -4 h 2 v 4 z"/></svg>') 6px 50%/20px 20px no-repeat;
  6343. }
  6344.  
  6345. #app-mount .fav {
  6346. background: var(--interactive-active);
  6347. width: 16px;
  6348. height: 16px;
  6349. padding: 0;
  6350. -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/fav_star_empty.svg) center/contain no-repeat;
  6351. }
  6352. #app-mount .fav:hover,
  6353. #app-mount .fav.active {
  6354. background: #faa61a;
  6355. }
  6356. #app-mount .fav.active {
  6357. -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/fav_star.svg) center/contain no-repeat;
  6358. }
  6359.  
  6360. #app-mount .bd-tab-item:hover {
  6361. background-color: rgba(var(--transparencycolor_v), .3);
  6362. }
  6363. #app-mount .bd-tab-item.selected {
  6364. background-color: rgb(var(--accentcolor_v));
  6365. color: #fff;
  6366. text-shadow: 1px 1px var(--textshadow_v);
  6367. }
  6368.  
  6369. #app-mount .bd-server-card { /* pubslayer guildcard */
  6370. background-color: rgba(var(--transparencycolor_v), .3);
  6371. }
  6372. #app-mount .bd-server-icon { /* pubslayer guildicon */
  6373. background-color: rgba(var(--transparencycolor_v), .2);
  6374. border-color: transparent;
  6375. }
  6376. #app-mount .bd-server-card:hover,
  6377. #app-mount .bd-server-icon:hover {
  6378. background-color: rgba(var(--transparencycolor_v), .4);
  6379. }
  6380.  
  6381. .bd-switch-body { /* bd switch */
  6382. --switch-color: rgb(var(--transparencycolor_v));
  6383. background-color: rgba(var(--transparencycolor_v), .3);
  6384. }
  6385.  
  6386. .bd-slider-label { /* bd slider label */
  6387. background-color: rgb(var(--accentcolor_v));
  6388. color: var(--header-primary);
  6389. text-shadow: 1px 1px var(--textshadow_v);
  6390. }
  6391. .bd-slider-input { /* bd slider input */
  6392. background-color: rgba(var(--transparencycolor_v), .3);
  6393. }
  6394. .bd-slider-input[type="range"]::-webkit-slider-thumb {
  6395. background-color: var(--header-primary);
  6396. border-color: var(--header-primary);
  6397. box-shadow: 0 3px 1px 0 rgba(var(--transparencycolor_v), .05), 0 2px 2px 0 rgba(var(--transparencycolor_v), .1), 0 3px 3px 0 rgba(var(--transparencycolor_v), .05);
  6398.  
  6399. }
  6400. .bd-select {
  6401. background-color: rgba(var(--transparencycolor_v), .1);
  6402. border-color: rgba(var(--transparencycolor_v), .3);
  6403. color: var(--text-normal);
  6404. border: 1px solid transparent;
  6405. padding: 8px 8px 8px 12px;
  6406. cursor: pointer;
  6407. box-sizing: border-box;
  6408. display: grid;
  6409. grid-template-columns: 1fr auto;
  6410. align-items: center;
  6411. border-radius: 4px;
  6412. }
  6413. .bd-select .bd-select-options { /* bd select popout */
  6414. background-color: transparent;
  6415. border: none;
  6416. border-radius: 4px;
  6417. box-shadow: rgba(var(--transparencycolor_v), .3) 0px 2px 5px 0px;
  6418. box-sizing: border-box;
  6419. padding: 6px 8px;
  6420. }
  6421. .bd-select .bd-select-options::before,
  6422. .bd-select .bd-select-options::after {
  6423. content: "";
  6424. position: absolute;
  6425. top: 0;
  6426. bottom: 0;
  6427. right: 0;
  6428. left: 0;
  6429. width: unset;
  6430. height: unset;
  6431. border-radius: 4px;
  6432. pointer-events: none;
  6433. z-index: -1;
  6434. }
  6435. .bd-select .bd-select-options::before {
  6436. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  6437. background-attachment: fixed;
  6438. }
  6439. .bd-select .bd-select-options::after {
  6440. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.3));
  6441. backdrop-filter: blur(var(--popoutblur_v));
  6442. }
  6443. .bd-select .bd-select-option { /* bd select popout option */
  6444. display: flex;
  6445. align-items: center;
  6446. min-height: 32px;
  6447. border-radius: 2px;
  6448. box-sizing: border-box;
  6449. color: var(--interactive-normal);
  6450. font-size: 14px;
  6451. font-weight: 500;
  6452. line-height: 18px;
  6453. margin-top: 2px;
  6454. margin-bottom: 2px;
  6455. padding: 0 8px;
  6456. }
  6457. .bd-select .bd-select-option:hover {
  6458. background-color: rgba(var(--transparencycolor_v), .2);
  6459. color: var(--interactive-hover);
  6460. }
  6461. .bd-select .bd-select-option.selected {
  6462. background-color: rgba(var(--transparencycolor_v), .3);
  6463. color: var(--interactive-active);
  6464. }
  6465.  
  6466. .bd-pfbtn { /* addonlist folder button */
  6467. text-shadow: 1px 1px var(--textshadow_v);
  6468. }
  6469.  
  6470. .bd-server-tag { /* addonlist public list tag */
  6471. text-shadow: 1px 1px var(--textshadow_v);
  6472. }
  6473.  
  6474.  
  6475. .bd-error-modal-content {
  6476. padding: 0 10px 16px 10px;
  6477. }
  6478. #app-mount .bd-addon-error {
  6479. background-color: rgba(var(--transparencycolor_v), 0.2);
  6480. border-color: rgba(var(--transparencycolor_v), 0.2);
  6481. }
  6482. #app-mount .bd-addon-error.expanded,
  6483. #app-mount .bd-addon-error:hover {
  6484. background-color: rgba(var(--transparencycolor_v), 0.3);
  6485. }
  6486.  
  6487. .bd-addon-views .bd-view-button:not(.selected):hover {
  6488. background: rgba(var(--transparencycolor_v), .3);
  6489. }
  6490. .bd-addon-views .bd-view-button:not(.selected):active {
  6491. background: rgba(var(--accentcolor_v), .7);
  6492. }
  6493. .bd-addon-views .bd-view-button.selected svg {
  6494. filter: drop-shadow(1px 1px var(--textshadow_v));
  6495. }
  6496.  
  6497. .bd-button {
  6498. text-shadow: 1px 1px var(--textshadow_v);
  6499. }
  6500. .bd-button svg {
  6501. filter: drop-shadow(1px 1px var(--textshadow_v));
  6502. }
  6503. .bd-button.bd-button-danger svg {
  6504. filter: unset;
  6505. }
  6506.  
  6507. .floating-window.resizable { /* customcss editor detached */
  6508. background: rgb(var(--transparencycolor_v));
  6509. }
  6510. html .monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight {
  6511. background: rgb(var(--accentcolor_v));
  6512. }
  6513.  
  6514.  
  6515. /* ~~~~ 17. POWERCORDSUPPORT ~~~~ */
  6516.  
  6517. html .powercord-toast {
  6518. background-color: transparent;
  6519. border: none;
  6520. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  6521. overflow: hidden;
  6522. }
  6523. html .powercord-toast::before,
  6524. html .powercord-toast::after {
  6525. content: "";
  6526. position: absolute;
  6527. top: 0;
  6528. bottom: 0;
  6529. right: 0;
  6530. left: 0;
  6531. width: unset;
  6532. height: unset;
  6533. border-radius: 5px;
  6534. pointer-events: none;
  6535. z-index: -1;
  6536. }
  6537. html .powercord-toast::before {
  6538. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  6539. background-attachment: fixed;
  6540. }
  6541. html .powercord-toast::after {
  6542. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
  6543. backdrop-filter: blur(var(--popoutblur_v));
  6544. }
  6545. html .powercord-toast .header {
  6546. background-color: rgba(var(--transparencycolor_v), .2);
  6547. box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor_v), .2);
  6548. color: var(--header-primary);
  6549. }
  6550. html .powercord-toast .contents .inner {
  6551. background-color: rgba(var(--transparencycolor_v), .2);
  6552. border: none;
  6553. color: var(--header-secondary);
  6554. }
  6555.  
  6556.  
  6557. /* ~~~~ 18. PLUGINSUPPORT ~~~~ */
  6558.  
  6559. /* ---- 18.1. BDFDB ---- */
  6560.  
  6561. html .colorDefault_XdNdIp .bg_8df5St {
  6562. background: transparent;
  6563. opacity: 1;
  6564. }
  6565. html .colorDefault_XdNdIp .bg_8df5St::before,
  6566. html .colorDefault_XdNdIp .bg_8df5St::after {
  6567. content: "";
  6568. position: absolute;
  6569. top: 0;
  6570. bottom: 0;
  6571. right: 0;
  6572. left: 0;
  6573. pointer-events: none;
  6574. z-index: -1;
  6575. }
  6576. html .colorDefault_XdNdIp .bg_8df5St::before {
  6577. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  6578. background-attachment: fixed;
  6579. }
  6580. html .colorDefault_XdNdIp .bg_8df5St::after {
  6581. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
  6582. backdrop-filter: blur(var(--popoutblur_v));
  6583. }
  6584.  
  6585. /* ---- 18.2. DATEVIEWER ---- */
  6586.  
  6587. #app-mount #dv-mount {
  6588. background: transparent;
  6589. z-index: 1;
  6590. }
  6591. #app-mount #dv-mount::before,
  6592. #app-mount #dv-mount::after {
  6593. content: "";
  6594. position: absolute;
  6595. top: 0;
  6596. bottom: 0;
  6597. right: 0;
  6598. left: 0;
  6599. pointer-events: none;
  6600. z-index: -1;
  6601. }
  6602. #app-mount #dv-mount::before {
  6603. background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
  6604. background-attachment: fixed;
  6605. }
  6606. #app-mount #dv-mount::after {
  6607. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + var(--memberlisttransparency_v) * 0.85));
  6608. backdrop-filter: blur(var(--backgroundblur_v));
  6609. }
  6610. #app-mount #dv-main {
  6611. border-top-color: rgba(var(--transparencycolor_v), .2);
  6612. color: var(--header-primary);
  6613. }
  6614. #app-mount #dv-main .dv-date {
  6615. color: var(--header-secondary);
  6616. opacity: 1;
  6617. }
  6618.  
  6619. /* ---- 18.3. MEMBERCOUNT ---- */
  6620.  
  6621. #app-mount #MemberCount {
  6622. background-color: transparent;
  6623. width: calc(100% - 8px);
  6624. margin: 0;
  6625. line-height: 0;
  6626. height: 30px;
  6627. }
  6628. #MemberCount::before,
  6629. #MemberCount::after {
  6630. content: "";
  6631. position: absolute;
  6632. top: 0;
  6633. bottom: 0;
  6634. right: 0;
  6635. left: 0;
  6636. pointer-events: none;
  6637. z-index: -1;
  6638. }
  6639. #MemberCount::before {
  6640. background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
  6641. background-attachment: fixed;
  6642. }
  6643. #MemberCount::after {
  6644. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + var(--memberlisttransparency_v) * 0.85));
  6645. backdrop-filter: blur(var(--backgroundblur_v));
  6646. }
  6647.  
  6648. /* ---- 18.4. LINENUMBERS ---- */
  6649.  
  6650. .hljs ol li {
  6651. border-left-color: var(--background-modifier-accent);
  6652. }
  6653. .hljs ol li::before {
  6654. color: rgb(var(--textdarker_v));
  6655. }
  6656.  
  6657. /* ---- 18.5. PERMISSIONVIEWER ---- */
  6658.  
  6659. html #permissions-modal-wrapper { /* modal wrapper */
  6660. z-index: 1001;
  6661. }
  6662. html #permissions-modal-wrapper #permissions-modal { /* modal container */
  6663. background-color: transparent;
  6664. border: none;
  6665. box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
  6666. position: relative;
  6667. overflow: hidden;
  6668. }
  6669. html #permissions-modal-wrapper #permissions-modal::before,
  6670. html #permissions-modal-wrapper #permissions-modal::after {
  6671. content: "";
  6672. position: absolute;
  6673. top: 0;
  6674. bottom: 0;
  6675. right: 0;
  6676. left: 0;
  6677. width: unset;
  6678. height: unset;
  6679. pointer-events: none;
  6680. z-index: -1;
  6681. }
  6682. html #permissions-modal-wrapper #permissions-modal::before {
  6683. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  6684. background-attachment: fixed;
  6685. }
  6686. html #permissions-modal-wrapper #permissions-modal::after {
  6687. background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
  6688. backdrop-filter: blur(var(--popoutblur_v));
  6689. }
  6690. html #permissions-modal-wrapper .header {
  6691. background-color: rgba(var(--transparencycolor_v), .2);
  6692. box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor_v), .2);
  6693. color: var(--header-primary);
  6694. }
  6695. html #permissions-modal-wrapper .modal-body {
  6696. background-color: transparent;
  6697. }
  6698. html #permissions-modal-wrapper .scroller-title {
  6699. border-bottom: 1px solid rgba(var(--transparencycolor_v), .3);
  6700. }
  6701. html #permissions-modal-wrapper .role-side {
  6702. background-color: rgba(var(--transparencycolor_v), .1);
  6703. }
  6704. html #permissions-modal-wrapper .role-item {
  6705. color: var(--text-normal);
  6706. }
  6707. html #permissions-modal-wrapper .role-item:hover {
  6708. background-color: rgba(var(--transparencycolor_v), .1);
  6709. }
  6710. html #permissions-modal-wrapper .role-item.selected {
  6711. background-color: rgba(var(--transparencycolor_v), .2);
  6712. }
  6713. html #permissions-modal-wrapper .perm-side {
  6714. background-color: transparent;
  6715. }
  6716. html #permissions-modal-wrapper .perm-item {
  6717. box-shadow: inset 0 -1px 0 var(--background-modifier-accent);
  6718. }
  6719. html #permissions-modal-wrapper .perm-name {
  6720. color: var(--header-secondary);
  6721. }
  6722.  
  6723. /* ---- 18.6. DIRECTDOWNLOAD ---- */
  6724.  
  6725. #files_directDownload .file {
  6726. background-color: rgba(var(--transparencycolor_v), .4);
  6727. border-color: rgba(var(--accentcolor_v), .2);
  6728. border-radius: 6px 6px 0 0;
  6729. }
  6730. #files_directDownload .file svg {
  6731. fill: var(--interactive-active);
  6732. opacity: 0.5;
  6733. }
  6734. #files_directDownload .file svg:hover {
  6735. opacity: 1;
  6736. }
  6737. #files_directDownload .file span {
  6738. color: var(--header-primary);
  6739. }
  6740. #files_directDownload .file .progress-bar {
  6741. background-color: rgb(var(--accentcolor_v));
  6742. }
  6743.  
  6744. /* ---- 18.7. BETTERFORMATINGREDUX ---- */
  6745.  
  6746. .innerDisabled-2mc-iF ~ .bf-toolbar {
  6747. display: none;
  6748. }
  6749. .bf-arrow {
  6750. -webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="black" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/></svg>') center/contain no-repeat;
  6751. background: var(--interactive-active) !important;
  6752. }
  6753. .bf-toolbar {
  6754. background: transparent;
  6755. overflow: hidden;
  6756. transform: none;
  6757. top: -50px;
  6758. }
  6759. .bf-toolbar::after {
  6760. content: "";
  6761. display: block;
  6762. position: absolute;
  6763. width: 100%;
  6764. height: calc(100% - 15px);
  6765. pointer-events: none;
  6766. left: 0px;
  6767. top: 5px;
  6768. background-color: rgba(var(--transparencycolor_v), .5);
  6769. border-radius: 3px;
  6770. transform: translate(0, 55px);
  6771. transition: all 200ms ease;
  6772. z-index: 200;
  6773. }
  6774. .bf-toolbar.bf-visible::after,
  6775. .bf-toolbar.bf-hover:hover::after {
  6776. transform: translate(0, 0);
  6777. transition: all 200ms cubic-bezier(0,0,0,1);
  6778. }
  6779. .bf-toolbar::before {
  6780. background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
  6781. background-attachment: fixed;
  6782. filter: blur(var(--popoutblur_v));
  6783. z-index: 100;
  6784. }
  6785. .theme-brand .bf-toolbar::after {
  6786. background: rgb(var(--accentcolor_v)) linear-gradient(rgba(var(--transparencycolor_v), .2), rgba(var(--transparencycolor_v), .2)) !important;
  6787. }
  6788. .theme-brand .bf-toolbar::before {
  6789. display: none;
  6790. }
  6791. .bf-toolbar > * {
  6792. z-index: 300;
  6793. }
  6794. .bf-toolbar .format {
  6795. color: var(--text-normal);
  6796. }
  6797. .bf-toolbar .format:hover {
  6798. background-color: rgb(var(--accentcolor_v));
  6799. color: #fff;
  6800. }
  6801.  
  6802. /* ---- 18.8 CHANNELHISTORY ---- */
  6803.  
  6804. .channelHistoryButtons {
  6805. top: 4px;
  6806. left: 310px;
  6807. }
  6808.  
  6809. /* ---- 18.9 CHANNELTABS ---- */
  6810.  
  6811. html #channelTabs-container {
  6812. background: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 2));
  6813. }
  6814. html #channelTabs-settingsMenu,
  6815. html .channelTabs-tabNav > div,
  6816. html .channelTabs-tab,
  6817. html .channelTabs-fav {
  6818. cursor: pointer;
  6819. }
  6820. html .channelTabs-tab:not(.channelTabs-selected):hover,
  6821. html .channelTabs-fav:hover {
  6822. background: rgba(var(--transparencycolor_v), 0.2);
  6823. }
  6824. html #channelTabs-settingsMenu:hover,
  6825. html .channelTabs-tabContainer .channelTabs-tabNav > div:hover,
  6826. html .channelTabs-tab.channelTabs-selected,
  6827. html .channelTabs-tabContainer .channelTabs-newTab:hover {
  6828. background: rgb(var(--accentcolor_v));
  6829. }
  6830. html #channelTabs-settingsMenu:hover [fill]:not([fill="none"]),
  6831. html .channelTabs-tabContainer .channelTabs-tabNav > div:hover [fill]:not([fill="none"]),
  6832. html .channelTabs-tabContainer .channelTabs-newTab:hover [fill]:not([fill="none"]) {
  6833. fill: var(--header-primary);
  6834. }
  6835. html .channelTabs-tabContainer .channelTabs-tabNav > .channelTabs-tabNavClose:hover {
  6836. background: rgb(var(--dangercolor));
  6837. }
  6838.  
  6839. /* ---- 18.10 TYPINGINDICATOR ---- */
  6840.  
  6841. html .typingindicator-guild,
  6842. html .typingindicator-dms,
  6843. html .typingindicator-folder {
  6844. background: rgb(var(--transparencycolor_v), .2);
  6845. border: 4px solid rgb(var(--transparencycolor_v), .2);
  6846. box-shadow: unset;
  6847. right: 8px;
  6848. bottom: -5px;
  6849. padding: 2px 0;
  6850. }
  6851.  
  6852. /* ---- 18.11 CHANNELDMS ---- */
  6853.  
  6854. .ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header {
  6855. background-color: rgba(var(--transparencycolor_v), var(--memberlisttransparency_v));
  6856. }
  6857.  
  6858.  
  6859. /* ~~~~ 19. UPDATENOTICE ~~~~ */
  6860.  
  6861. html:only-child > head + body div.app_b1f720 > div.app_de4237::before {
  6862. content: "Your Version of BasicBackground by DevilBro is outdated. Please download the newest Version: https://mwittrien.github.io/downloader/?theme=BasicBackground" !important;
  6863. display: var(--version1_0_5, block) !important;
  6864. background-color: #4a90e2 !important;
  6865. box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor_v), .3) !important;
  6866. color: var(--header-primary) !important;
  6867. flex-grow: 0 !important;
  6868. flex-shrink: 0 !important;
  6869. font-size: 14px !important;
  6870. font-weight: 500 !important;
  6871. height: 36px !important;
  6872. line-height: 36px !important;
  6873. opacity: 1 !important;
  6874. padding-left: 4px !important;
  6875. padding-right: 28px !important;
  6876. position: relative !important;
  6877. text-align: center !important;
  6878. visibility: unset !important;
  6879. white-space: pre !important;
  6880. top: 0 !important;
  6881. left: 0 !important;
  6882. bottom: unset !important;
  6883. right: unset !important;
  6884. max-width: unset !important;
  6885. min-width: unset !important;
  6886. max-height: unset !important;
  6887. min-height: unset !important;
  6888. transform: unset !important;
  6889. animation: unset !important;
  6890. z-index: 101 !important;
  6891. pointer-events: none !important;
  6892. }
  6893.  
  6894.  
  6895. /* ~~~~ 20. WATERMARK ~~~~ */
  6896.  
  6897. html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178 {
  6898. display: block !important;
  6899. position: absolute !important;
  6900. max-width: unset !important;
  6901. min-width: unset !important;
  6902. width: 55px !important;
  6903. max-height: unset !important;
  6904. min-height: unset !important;
  6905. height: 16px !important;
  6906. margin: 0 !important;
  6907. padding: 3px 9px 3px !important;
  6908. top: 0 !important;
  6909. left: 0 !important;
  6910. bottom: unset !important;
  6911. right: unset !important;
  6912. opacity: 1 !important;
  6913. visibility: visible !important;
  6914. transform: unset !important;
  6915. animation: unset !important;
  6916. }
  6917. html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178[style*="display: none"] {
  6918. display: none !important;
  6919. }
  6920. html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178 > * {
  6921. display: none !important;
  6922. }
  6923. html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178::before {
  6924. content: "" !important;
  6925. background: rgb(125,125,125) !important;
  6926. -webkit-mask: url('data:image/svg+xml; utf8, <svg width="55" height="19" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M3.57642276,0.141304348 L0,0.141304348 L0,4.22826087 L2.38069106,6.40217391 L2.38069106,2.43478261 L3.66260163,2.43478261 C4.47052846,2.43478261 4.86910569,2.83695652 4.86910569,3.4673913 L4.86910569,6.5 C4.86910569,7.13043478 4.49207317,7.55434783 3.66260163,7.55434783 L0,7.55434783 L0,9.85869565 L3.57642276,9.85869565 C5.49390244,9.86956522 7.29288618,8.90217391 7.29288618,6.66304348 L7.29288618,3.39130435 C7.29288618,1.13043478 5.49390244,0.141304348 3.57642276,0.141304348 Z M22.3310976,6.67391304 L22.3310976,3.32608696 C22.3310976,2.11956522 24.4640244,1.83695652 25.1103659,3.05434783 L27.0817073,2.23913043 C26.3168699,0.510869565 24.8949187,0 23.7207317,0 C21.803252,0 19.9073171,1.13043478 19.9073171,3.32608696 L19.9073171,6.67391304 C19.9073171,8.88043478 21.803252,10 23.6776423,10 C24.8841463,10 26.3276423,9.39130435 27.1247967,7.81521739 L25.0134146,6.82608696 C24.4963415,8.17391304 22.3310976,7.84782609 22.3310976,6.67391304 Z M15.8030488,3.7826087 C15.0597561,3.61956522 14.5642276,3.34782609 14.5319106,2.88043478 C14.575,1.75 16.2878049,1.7173913 17.2896341,2.79347826 L18.8731707,1.55434783 C17.8821138,0.326086957 16.7617886,0 15.598374,0 C13.8424797,0 12.1404472,1 12.1404472,2.91304348 C12.1404472,4.77173913 13.5408537,5.76086957 15.0813008,6 C15.8676829,6.10869565 16.7402439,6.42391304 16.7186992,6.97826087 C16.654065,8.02173913 14.5426829,7.9673913 13.5839431,6.7826087 L12.0650407,8.23913043 C12.9591463,9.40217391 14.1764228,10 15.3182927,10 C17.074187,10 19.0239837,8.9673913 19.0993902,7.08695652 C19.2071138,4.69565217 17.5050813,4.09782609 15.8030488,3.7826087 Z M8.59634146,9.85869565 L11.0093496,9.85869565 L11.0093496,0.141304348 L8.59634146,0.141304348 L8.59634146,9.85869565 Z M49.2835366,0.141304348 L45.7071138,0.141304348 L45.7071138,4.22826087 L48.0878049,6.40217391 L48.0878049,2.43478261 L49.3589431,2.43478261 C50.1668699,2.43478261 50.5654472,2.83695652 50.5654472,3.4673913 L50.5654472,6.5 C50.5654472,7.13043478 50.1884146,7.55434783 49.3589431,7.55434783 L45.6963415,7.55434783 L45.6963415,9.85869565 L49.2727642,9.85869565 C51.1902439,9.86956522 52.9892276,8.90217391 52.9892276,6.66304348 L52.9892276,3.39130435 C53,1.13043478 51.2010163,0.141304348 49.2835366,0.141304348 Z M31.7353659,0 C29.753252,0 27.7819106,1.09782609 27.7819106,3.33695652 L27.7819106,6.66304348 C27.7819106,8.89130435 29.7640244,10 31.7569106,10 C33.7390244,10 35.7103659,8.89130435 35.7103659,6.66304348 L35.7103659,3.33695652 C35.7103659,1.10869565 33.7174797,0 31.7353659,0 Z M33.2865854,6.66304348 C33.2865854,7.35869565 32.5109756,7.7173913 31.7461382,7.7173913 C30.9705285,7.7173913 30.1949187,7.36956522 30.1949187,6.66304348 L30.1949187,3.33695652 C30.1949187,2.61956522 30.9489837,2.23913043 31.7030488,2.23913043 C32.4894309,2.23913043 33.2865854,2.58695652 33.2865854,3.33695652 L33.2865854,6.66304348 Z M44.3605691,3.33695652 C44.3067073,1.05434783 42.7770325,0.141304348 40.8056911,0.141304348 L36.9815041,0.141304348 L36.9815041,9.86956522 L39.4268293,9.86956522 L39.4268293,6.77173913 L39.8577236,6.77173913 L42.0768293,9.85869565 L45.0930894,9.85869565 L42.4861789,6.52173913 C43.6495935,6.15217391 44.3605691,5.14130435 44.3605691,3.33695652 Z M40.8487805,4.65217391 L39.4268293,4.65217391 L39.4268293,2.43478261 L40.8487805,2.43478261 C42.3784553,2.43478261 42.3784553,4.65217391 40.8487805,4.65217391 Z" transform="translate(1 3)"></path></svg>') center/contain no-repeat !important;
  6927. width: 55px !important;
  6928. height: 19px !important;
  6929. display: inline !important;
  6930. position: absolute !important;
  6931. top: unset !important;
  6932. left: unset !important;
  6933. bottom: unset !important;
  6934. right: unset !important;
  6935. opacity: 1 !important;
  6936. padding: 0 !important;
  6937. margin: 0 !important;
  6938. visibility: visible !important;
  6939. transform: unset !important;
  6940. animation: unset !important;
  6941. }
  6942. html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178::after {
  6943. content: "" !important;
  6944. background: rgb(125,125,125) !important;
  6945. -webkit-mask: url('data:image/svg+xml; utf8, <svg width="242" height="19" version="1.1" xmlns="http://www.w3.org/2000/svg"><path stroke="none" fill="black" fill-rule="evenodd" transform="scale(0.6, 0.6) translate(5,4)" d="M58.488 0.690 C 54.786 0.948,52.503 3.334,52.961 6.466 C 53.321 8.926,55.135 10.509,58.186 11.025 C 60.205 11.366,61.177 12.097,60.818 13.004 C 60.260 14.412,57.255 14.154,55.679 12.564 L 55.440 12.323 55.340 12.411 C 55.125 12.602,52.767 14.824,52.768 14.836 C 52.768 14.843,52.842 14.938,52.932 15.047 C 55.188 17.761,58.434 18.568,61.663 17.218 C 63.879 16.291,65.049 14.673,65.056 12.523 C 65.066 9.499,63.520 7.999,59.581 7.209 C 57.730 6.838,56.956 6.245,57.139 5.336 C 57.409 3.990,59.424 3.729,61.092 4.823 C 61.328 4.978,61.513 5.126,61.754 5.350 L 61.902 5.489 63.269 4.436 C 64.021 3.857,64.640 3.372,64.645 3.357 C 64.668 3.286,63.905 2.499,63.488 2.164 C 62.141 1.082,60.367 0.559,58.488 0.690 M79.453 0.691 C 76.162 0.865,73.785 2.780,73.354 5.604 C 73.306 5.919,73.281 11.980,73.325 12.570 C 73.506 14.979,75.020 16.759,77.535 17.519 C 80.709 18.479,83.881 17.374,85.557 14.725 C 85.782 14.369,85.916 14.116,85.893 14.093 C 85.872 14.073,82.327 12.430,82.254 12.406 C 82.224 12.397,82.198 12.429,82.144 12.544 C 81.882 13.103,81.353 13.555,80.730 13.752 C 79.382 14.177,77.866 13.572,77.593 12.501 C 77.539 12.288,77.540 6.228,77.595 6.015 C 78.042 4.261,81.252 4.104,82.289 5.785 C 82.338 5.865,82.385 5.930,82.393 5.930 C 82.409 5.930,85.820 4.554,85.837 4.541 C 85.856 4.526,85.497 3.838,85.340 3.588 C 84.071 1.573,82.003 0.555,79.453 0.691 M122.233 0.698 C 118.928 0.954,116.621 2.860,116.252 5.640 C 116.198 6.046,116.207 12.646,116.263 13.000 C 116.678 15.665,118.768 17.446,121.919 17.818 C 124.720 18.149,127.505 16.687,128.743 14.235 L 128.815 14.092 128.669 14.026 C 128.589 13.989,127.762 13.608,126.832 13.177 C 125.902 12.747,125.135 12.395,125.129 12.395 C 125.122 12.395,125.079 12.471,125.032 12.564 C 124.149 14.321,121.136 14.341,120.519 12.593 L 120.453 12.407 120.447 9.350 C 120.442 6.713,120.445 6.267,120.476 6.106 C 120.814 4.288,124.035 4.054,125.172 5.764 C 125.233 5.855,125.288 5.930,125.294 5.930 C 125.318 5.930,128.710 4.554,128.727 4.537 C 128.750 4.515,128.506 4.030,128.302 3.691 C 127.042 1.592,124.822 0.498,122.233 0.698 M150.163 0.690 C 146.674 0.881,144.259 2.928,144.024 5.893 C 143.992 6.292,143.992 12.111,144.024 12.535 C 144.229 15.291,146.239 17.273,149.317 17.756 C 152.815 18.304,156.021 16.678,156.902 13.907 C 157.157 13.104,157.167 12.980,157.179 10.250 L 157.190 7.907 153.816 7.907 L 150.442 7.907 150.442 9.686 L 150.442 11.465 151.770 11.465 L 153.098 11.465 153.088 11.948 C 153.069 12.840,152.771 13.335,152.028 13.707 C 150.559 14.443,148.672 13.843,148.297 12.522 L 148.244 12.337 148.244 9.221 L 148.244 6.105 148.296 5.922 C 148.641 4.708,150.215 4.096,151.595 4.640 C 152.111 4.844,152.607 5.305,152.816 5.777 C 152.852 5.859,152.875 5.885,152.903 5.877 C 152.970 5.857,156.383 4.277,156.404 4.256 C 156.456 4.205,156.028 3.438,155.709 3.012 C 154.517 1.418,152.475 0.563,150.163 0.690 M180.081 0.700 C 176.707 0.925,174.383 2.695,173.857 5.442 C 173.796 5.758,173.758 12.153,173.814 12.721 C 174.112 15.773,176.906 17.847,180.721 17.847 C 184.496 17.847,187.238 15.831,187.594 12.794 C 187.645 12.357,187.645 6.177,187.593 5.740 C 187.221 2.553,184.063 0.434,180.081 0.700 M390.026 0.701 C 386.623 0.917,384.214 2.823,383.799 5.628 C 383.750 5.958,383.722 11.716,383.765 12.444 C 383.954 15.593,386.593 17.735,390.430 17.853 C 394.202 17.969,397.090 15.976,397.551 12.938 C 397.616 12.508,397.615 6.017,397.550 5.593 C 397.065 2.452,393.986 0.450,390.026 0.701 M249.326 4.333 C 249.326 7.601,249.328 7.786,249.366 7.797 C 249.389 7.803,250.338 8.626,251.477 9.625 C 252.615 10.624,253.554 11.442,253.564 11.442 C 253.574 11.442,253.581 9.871,253.581 7.952 L 253.581 4.462 254.948 4.471 C 256.262 4.479,256.321 4.481,256.495 4.530 C 257.918 4.924,257.953 6.870,256.547 7.343 L 256.360 7.405 255.366 7.414 L 254.372 7.422 254.372 8.954 L 254.372 10.486 255.413 10.494 C 256.589 10.503,256.592 10.504,257.000 10.704 C 258.198 11.291,258.196 13.081,256.998 13.659 C 256.517 13.891,256.654 13.884,252.716 13.884 L 249.326 13.884 249.326 15.744 L 249.326 17.605 252.831 17.604 C 256.414 17.604,256.877 17.595,257.522 17.512 C 260.168 17.172,261.703 15.747,262.103 13.259 C 262.394 11.447,261.566 9.707,259.993 8.829 C 259.761 8.699,259.762 8.700,259.877 8.639 C 260.813 8.141,261.456 6.960,261.452 5.744 C 261.445 3.299,259.914 1.508,257.419 1.024 C 256.765 0.897,256.875 0.901,252.959 0.890 L 249.326 0.881 249.326 4.333 M317.842 0.913 C 317.848 0.929,319.202 4.691,320.851 9.273 L 323.849 17.604 325.791 17.604 L 327.733 17.605 330.739 9.259 C 332.392 4.669,333.744 0.907,333.744 0.899 C 333.744 0.891,332.721 0.884,331.471 0.884 L 329.198 0.884 327.877 4.983 L 326.556 9.081 326.185 11.012 C 325.982 12.073,325.815 12.955,325.814 12.971 C 325.814 12.987,325.801 13.000,325.785 13.000 C 325.765 13.000,325.639 12.389,325.380 11.025 L 325.004 9.049 323.695 4.966 L 322.385 0.884 320.109 0.884 C 318.298 0.884,317.834 0.890,317.842 0.913 M354.349 4.333 C 354.349 7.601,354.351 7.786,354.390 7.797 C 354.412 7.803,355.362 8.626,356.500 9.625 C 357.638 10.624,358.578 11.442,358.587 11.442 C 358.597 11.442,358.605 9.871,358.605 7.952 L 358.605 4.462 359.971 4.471 C 361.286 4.479,361.344 4.481,361.519 4.530 C 362.941 4.924,362.976 6.870,361.570 7.343 L 361.384 7.405 360.390 7.414 L 359.395 7.422 359.395 8.954 L 359.395 10.486 360.436 10.494 C 361.613 10.503,361.615 10.504,362.023 10.704 C 363.221 11.291,363.220 13.081,362.021 13.659 C 361.541 13.891,361.678 13.884,357.739 13.884 L 354.349 13.884 354.349 15.744 L 354.349 17.605 357.855 17.604 C 361.438 17.604,361.900 17.595,362.546 17.512 C 365.191 17.172,366.726 15.747,367.126 13.259 C 367.418 11.447,366.589 9.707,365.017 8.829 C 364.784 8.699,364.785 8.700,364.900 8.639 C 365.836 8.141,366.479 6.960,366.475 5.744 C 366.468 3.299,364.938 1.508,362.442 1.024 C 361.788 0.897,361.898 0.901,357.983 0.890 L 354.349 0.881 354.349 4.333 M24.186 4.356 C 24.186 7.624,24.188 7.809,24.227 7.820 C 24.249 7.827,25.199 8.649,26.337 9.648 C 27.476 10.647,28.415 11.465,28.424 11.465 C 28.434 11.465,28.442 9.895,28.442 7.975 L 28.442 4.485 29.808 4.494 C 31.123 4.502,31.181 4.505,31.356 4.553 C 32.778 4.947,32.813 6.893,31.407 7.366 L 31.221 7.429 30.227 7.437 L 29.233 7.445 29.233 8.977 L 29.233 10.509 30.273 10.517 C 31.450 10.527,31.452 10.527,31.860 10.727 C 33.058 11.314,33.057 13.104,31.858 13.682 C 31.378 13.914,31.515 13.907,27.576 13.907 L 24.186 13.907 24.186 15.767 L 24.186 17.628 27.692 17.627 C 31.275 17.627,31.737 17.618,32.383 17.535 C 35.028 17.195,36.564 15.770,36.964 13.282 C 37.255 11.471,36.426 9.731,34.854 8.852 C 34.621 8.722,34.622 8.724,34.738 8.662 C 35.674 8.165,36.316 6.984,36.312 5.767 C 36.305 3.322,34.775 1.531,32.279 1.047 C 31.625 0.921,31.735 0.924,27.820 0.914 L 24.186 0.904 24.186 4.356 M42.922 0.925 C 42.916 0.934,41.608 4.678,40.015 9.244 C 38.423 13.811,37.113 17.565,37.104 17.587 C 37.089 17.626,37.206 17.628,39.368 17.628 C 41.519 17.628,41.649 17.626,41.660 17.587 C 41.667 17.565,41.898 16.817,42.173 15.925 C 42.449 15.034,42.674 14.298,42.674 14.292 C 42.674 14.285,43.673 14.279,44.894 14.279 L 47.114 14.279 47.346 14.994 C 47.474 15.388,47.718 16.141,47.888 16.669 L 48.198 17.628 50.473 17.628 C 52.284 17.628,52.747 17.622,52.739 17.599 C 52.734 17.583,51.390 13.821,49.754 9.238 L 46.779 0.907 44.856 0.907 C 43.798 0.907,42.928 0.915,42.922 0.925 M66.860 9.267 L 66.860 17.628 68.977 17.628 L 71.093 17.628 71.093 9.267 L 71.093 0.907 68.977 0.907 L 66.860 0.907 66.860 9.267 M103.247 9.239 C 101.649 13.821,100.337 17.583,100.331 17.599 C 100.323 17.622,100.786 17.628,102.598 17.628 L 104.875 17.628 105.348 16.099 C 105.609 15.258,105.841 14.504,105.865 14.424 L 105.909 14.279 108.128 14.279 L 110.346 14.279 110.448 14.599 C 110.504 14.775,110.747 15.528,110.989 16.273 L 111.427 17.628 113.704 17.628 C 115.516 17.628,115.980 17.622,115.971 17.599 C 115.965 17.583,114.622 13.821,112.986 9.239 L 110.012 0.908 108.081 0.908 L 106.151 0.908 103.247 9.239 M130.326 9.267 L 130.326 17.628 132.453 17.628 L 134.581 17.628 134.581 14.740 L 134.581 11.851 134.644 11.761 C 134.696 11.686,134.711 11.676,134.731 11.705 C 134.745 11.723,135.703 13.064,136.860 14.683 L 138.965 17.627 141.648 17.627 C 144.025 17.628,144.329 17.624,144.317 17.593 C 144.308 17.568,137.994 9.268,137.789 9.011 C 137.778 8.996,139.071 7.397,141.060 4.969 C 142.869 2.759,144.349 0.941,144.349 0.929 C 144.349 0.915,143.342 0.907,141.715 0.908 L 139.081 0.909 136.837 3.975 L 134.593 7.041 134.587 3.974 L 134.581 0.907 132.453 0.907 L 130.326 0.907 130.326 9.267 M159.116 9.266 L 159.116 17.628 161.256 17.628 L 163.395 17.628 163.395 14.977 L 163.395 12.326 163.762 12.326 L 164.129 12.326 166.058 14.976 L 167.988 17.626 170.625 17.627 C 172.875 17.628,173.259 17.623,173.248 17.595 C 173.241 17.577,172.224 16.288,170.987 14.730 C 169.750 13.172,168.747 11.894,168.759 11.890 C 170.569 11.276,171.641 9.837,171.917 7.651 C 172.346 4.246,170.890 1.873,167.930 1.154 C 166.981 0.924,166.973 0.924,162.785 0.913 L 159.116 0.904 159.116 9.266 M189.767 6.704 C 189.767 12.984,189.763 12.742,189.893 13.354 C 190.564 16.526,194.059 18.450,197.907 17.766 C 200.535 17.299,202.429 15.647,202.943 13.372 C 203.088 12.729,203.079 13.167,203.087 6.750 L 203.094 0.907 200.955 0.907 L 198.815 0.907 198.808 6.599 C 198.801 11.986,198.798 12.299,198.759 12.453 C 198.236 14.492,194.735 14.570,194.112 12.558 L 194.058 12.384 194.052 6.645 L 194.046 0.907 191.907 0.907 L 189.767 0.907 189.767 6.704 M205.558 9.267 L 205.558 17.628 207.674 17.628 L 209.791 17.628 209.790 14.238 L 209.790 10.849 209.526 9.285 C 209.175 7.205,209.135 7.199,210.080 9.366 L 210.797 11.012 212.694 14.320 L 214.591 17.628 216.726 17.628 L 218.860 17.628 218.860 9.267 L 218.860 0.907 216.756 0.907 L 214.651 0.907 214.651 4.682 C 214.651 7.186,214.659 8.500,214.675 8.587 C 214.747 8.973,215.111 11.338,215.102 11.354 C 215.060 11.421,214.969 11.226,214.320 9.692 L 213.610 8.012 211.600 4.465 L 209.590 0.919 207.574 0.913 L 205.558 0.907 205.558 9.267 M221.488 4.334 C 221.488 7.579,221.491 7.763,221.529 7.774 C 221.551 7.780,222.501 8.603,223.640 9.602 C 224.778 10.601,225.717 11.418,225.727 11.418 C 225.736 11.419,225.744 9.948,225.744 8.150 L 225.744 4.881 227.087 4.889 L 228.430 4.897 228.663 4.960 C 229.357 5.146,229.767 5.539,229.922 6.163 C 229.963 6.328,229.965 6.490,229.965 9.244 L 229.965 12.151 229.913 12.349 C 229.704 13.139,229.110 13.560,228.105 13.628 C 227.923 13.641,226.390 13.651,224.634 13.651 L 221.488 13.651 221.488 15.640 L 221.488 17.628 224.738 17.628 C 228.530 17.628,228.747 17.619,229.628 17.442 C 232.189 16.927,233.789 15.382,234.170 13.058 C 234.229 12.694,234.263 6.624,234.209 5.965 C 233.966 2.989,231.727 1.114,228.198 0.930 C 227.951 0.918,226.369 0.907,224.622 0.907 L 221.488 0.907 221.488 4.334 M261.518 0.936 C 261.525 0.952,262.834 3.230,264.428 5.997 L 267.326 11.030 267.326 14.329 L 267.326 17.628 269.453 17.628 L 271.581 17.628 271.581 14.331 L 271.581 11.034 274.491 6.000 C 276.091 3.232,277.406 0.953,277.412 0.937 C 277.421 0.913,276.956 0.907,274.937 0.907 L 272.450 0.907 270.952 3.953 C 270.128 5.629,269.448 7.000,269.442 6.999 C 269.435 6.999,268.756 5.628,267.932 3.953 L 266.435 0.907 263.971 0.907 C 262.009 0.907,261.509 0.913,261.518 0.936 M290.535 4.334 C 290.535 7.579,290.537 7.763,290.576 7.774 C 290.598 7.780,291.548 8.603,292.686 9.602 C 293.824 10.601,294.764 11.418,294.773 11.418 C 294.783 11.419,294.791 9.948,294.791 8.150 L 294.791 4.881 296.134 4.889 L 297.477 4.897 297.709 4.960 C 298.403 5.146,298.814 5.539,298.968 6.163 C 299.009 6.328,299.012 6.490,299.012 9.244 L 299.012 12.151 298.959 12.349 C 298.751 13.139,298.157 13.560,297.151 13.628 C 296.970 13.641,295.436 13.651,293.680 13.651 L 290.535 13.651 290.535 15.640 L 290.535 17.628 293.785 17.628 C 297.577 17.628,297.794 17.619,298.674 17.442 C 301.235 16.927,302.836 15.382,303.216 13.058 C 303.276 12.694,303.310 6.624,303.256 5.965 C 303.013 2.989,300.774 1.114,297.244 0.930 C 296.998 0.918,295.416 0.907,293.669 0.907 L 290.535 0.907 290.535 4.334 M305.512 9.267 L 305.512 17.628 311.337 17.628 L 317.163 17.628 317.163 15.616 L 317.163 13.605 313.488 13.605 L 309.814 13.605 309.814 12.372 L 309.814 11.140 313.186 11.140 L 316.558 11.140 316.558 9.302 L 316.558 7.465 313.186 7.465 L 309.814 7.465 309.814 6.186 L 309.814 4.907 313.488 4.907 L 317.163 4.907 317.163 2.907 L 317.163 0.907 311.337 0.907 L 305.512 0.907 305.512 9.267 M334.814 9.267 L 334.814 17.628 336.942 17.628 L 339.070 17.628 339.070 9.267 L 339.070 0.907 336.942 0.907 L 334.814 0.907 334.814 9.267 M341.674 9.267 L 341.674 17.628 347.198 17.628 L 352.721 17.628 352.721 15.523 L 352.721 13.419 349.326 13.419 L 345.930 13.419 345.930 7.163 L 345.930 0.907 343.802 0.907 L 341.674 0.907 341.674 9.267 M369.070 9.267 L 369.070 17.628 371.221 17.628 L 373.372 17.628 373.372 14.977 L 373.372 12.326 373.738 12.327 L 374.105 12.328 376.034 14.978 L 377.963 17.628 380.598 17.628 C 382.047 17.628,383.232 17.620,383.232 17.610 C 383.232 17.601,382.367 16.505,381.311 15.174 C 380.254 13.844,379.235 12.561,379.047 12.324 L 378.704 11.891 378.916 11.815 C 380.927 11.094,382.015 9.124,381.947 6.327 C 381.871 3.234,380.093 1.352,376.892 0.978 C 376.397 0.920,375.607 0.908,372.424 0.907 L 369.070 0.907 369.070 9.267 M87.395 4.380 C 87.395 7.647,87.398 7.832,87.436 7.843 C 87.458 7.850,88.408 8.672,89.547 9.672 C 90.685 10.671,91.624 11.488,91.634 11.488 C 91.643 11.488,91.651 9.918,91.651 7.998 L 91.651 4.508 93.017 4.517 C 94.332 4.526,94.391 4.528,94.565 4.576 C 95.987 4.971,96.023 6.916,94.616 7.389 L 94.430 7.452 93.436 7.460 L 92.442 7.468 92.442 9.000 L 92.442 10.532 93.483 10.541 C 94.659 10.550,94.662 10.550,95.070 10.750 C 96.268 11.337,96.266 13.127,95.067 13.706 C 94.587 13.937,94.724 13.930,90.785 13.930 L 87.395 13.930 87.395 15.791 L 87.395 17.651 90.901 17.651 C 94.484 17.650,94.947 17.641,95.592 17.558 C 98.238 17.219,99.773 15.793,100.173 13.306 C 100.464 11.494,99.636 9.754,98.063 8.875 C 97.831 8.745,97.832 8.747,97.947 8.686 C 98.883 8.188,99.526 7.007,99.522 5.791 C 99.514 3.345,97.984 1.554,95.488 1.071 C 94.834 0.944,94.944 0.947,91.029 0.937 L 87.395 0.927 87.395 4.380 M181.387 4.605 C 182.483 4.791,183.204 5.337,183.359 6.098 C 183.414 6.371,183.414 12.174,183.358 12.426 C 182.924 14.391,178.570 14.432,178.069 12.475 C 178.004 12.220,177.997 6.370,178.061 6.086 C 178.311 4.984,179.776 4.331,181.387 4.605 M391.352 4.603 C 392.415 4.786,393.110 5.288,393.318 6.023 C 393.384 6.258,393.384 12.254,393.318 12.488 C 392.775 14.411,388.490 14.392,388.036 12.464 C 387.983 12.238,387.982 6.267,388.035 6.057 C 388.309 4.975,389.775 4.332,391.352 4.603 M166.461 4.949 C 168.323 5.517,168.296 8.092,166.423 8.599 L 166.198 8.660 164.797 8.669 L 163.395 8.678 163.395 6.780 L 163.395 4.881 164.843 4.889 C 166.263 4.897,166.294 4.898,166.461 4.949 M376.423 4.947 C 378.081 5.414,378.313 7.706,376.779 8.453 C 376.357 8.659,376.206 8.674,374.634 8.674 L 373.372 8.674 373.372 6.778 L 373.372 4.882 374.808 4.889 C 376.199 4.896,376.250 4.898,376.423 4.947 M44.953 5.669 C 44.953 5.679,45.210 6.770,45.523 8.093 C 45.837 9.416,46.093 10.501,46.093 10.505 C 46.093 10.509,45.538 10.512,44.859 10.512 C 43.881 10.512,43.626 10.506,43.635 10.483 C 43.641 10.467,43.916 9.373,44.247 8.052 C 44.823 5.756,44.851 5.651,44.901 5.651 C 44.930 5.651,44.953 5.659,44.953 5.669 M108.742 8.052 C 109.054 9.373,109.314 10.467,109.320 10.483 C 109.328 10.506,109.073 10.512,108.093 10.512 C 107.113 10.512,106.858 10.506,106.865 10.483 C 106.871 10.467,107.147 9.373,107.478 8.052 C 108.029 5.862,108.085 5.651,108.128 5.651 C 108.171 5.651,108.222 5.849,108.742 8.052 M5.419 9.453 L 5.419 11.465 9.105 11.465 L 12.791 11.465 12.791 9.453 L 12.791 7.442 9.105 7.442 L 5.419 7.442 5.419 9.453"></path></svg>') center/contain no-repeat !important;
  6946. width: 242px !important;
  6947. height: 19px !important;
  6948. display: inline !important;
  6949. position: absolute !important;
  6950. top: unset !important;
  6951. left: 64px !important;
  6952. bottom: unset !important;
  6953. right: unset !important;
  6954. opacity: 0.1 !important;
  6955. padding: 0 !important;
  6956. margin: 0 !important;
  6957. visibility: visible !important;
  6958. transform: unset !important;
  6959. animation: unset !important;
  6960. transition: opacity .15s ease !important;
  6961. }
  6962. html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6:hover > div.wordmark__0d178::after {
  6963. opacity: 1 !important;
  6964. }
  6965.  
  6966. html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a::after {
  6967. content: url('data:image/svg+xml; utf8, <svg width="400" height="18" version="1.1" xmlns="http://www.w3.org/2000/svg"><path stroke="none" fill="rgb(255, 255, 255)" fill-rule="evenodd" d="M58.488 0.690 C 54.786 0.948,52.503 3.334,52.961 6.466 C 53.321 8.926,55.135 10.509,58.186 11.025 C 60.205 11.366,61.177 12.097,60.818 13.004 C 60.260 14.412,57.255 14.154,55.679 12.564 L 55.440 12.323 55.340 12.411 C 55.125 12.602,52.767 14.824,52.768 14.836 C 52.768 14.843,52.842 14.938,52.932 15.047 C 55.188 17.761,58.434 18.568,61.663 17.218 C 63.879 16.291,65.049 14.673,65.056 12.523 C 65.066 9.499,63.520 7.999,59.581 7.209 C 57.730 6.838,56.956 6.245,57.139 5.336 C 57.409 3.990,59.424 3.729,61.092 4.823 C 61.328 4.978,61.513 5.126,61.754 5.350 L 61.902 5.489 63.269 4.436 C 64.021 3.857,64.640 3.372,64.645 3.357 C 64.668 3.286,63.905 2.499,63.488 2.164 C 62.141 1.082,60.367 0.559,58.488 0.690 M79.453 0.691 C 76.162 0.865,73.785 2.780,73.354 5.604 C 73.306 5.919,73.281 11.980,73.325 12.570 C 73.506 14.979,75.020 16.759,77.535 17.519 C 80.709 18.479,83.881 17.374,85.557 14.725 C 85.782 14.369,85.916 14.116,85.893 14.093 C 85.872 14.073,82.327 12.430,82.254 12.406 C 82.224 12.397,82.198 12.429,82.144 12.544 C 81.882 13.103,81.353 13.555,80.730 13.752 C 79.382 14.177,77.866 13.572,77.593 12.501 C 77.539 12.288,77.540 6.228,77.595 6.015 C 78.042 4.261,81.252 4.104,82.289 5.785 C 82.338 5.865,82.385 5.930,82.393 5.930 C 82.409 5.930,85.820 4.554,85.837 4.541 C 85.856 4.526,85.497 3.838,85.340 3.588 C 84.071 1.573,82.003 0.555,79.453 0.691 M122.233 0.698 C 118.928 0.954,116.621 2.860,116.252 5.640 C 116.198 6.046,116.207 12.646,116.263 13.000 C 116.678 15.665,118.768 17.446,121.919 17.818 C 124.720 18.149,127.505 16.687,128.743 14.235 L 128.815 14.092 128.669 14.026 C 128.589 13.989,127.762 13.608,126.832 13.177 C 125.902 12.747,125.135 12.395,125.129 12.395 C 125.122 12.395,125.079 12.471,125.032 12.564 C 124.149 14.321,121.136 14.341,120.519 12.593 L 120.453 12.407 120.447 9.350 C 120.442 6.713,120.445 6.267,120.476 6.106 C 120.814 4.288,124.035 4.054,125.172 5.764 C 125.233 5.855,125.288 5.930,125.294 5.930 C 125.318 5.930,128.710 4.554,128.727 4.537 C 128.750 4.515,128.506 4.030,128.302 3.691 C 127.042 1.592,124.822 0.498,122.233 0.698 M150.163 0.690 C 146.674 0.881,144.259 2.928,144.024 5.893 C 143.992 6.292,143.992 12.111,144.024 12.535 C 144.229 15.291,146.239 17.273,149.317 17.756 C 152.815 18.304,156.021 16.678,156.902 13.907 C 157.157 13.104,157.167 12.980,157.179 10.250 L 157.190 7.907 153.816 7.907 L 150.442 7.907 150.442 9.686 L 150.442 11.465 151.770 11.465 L 153.098 11.465 153.088 11.948 C 153.069 12.840,152.771 13.335,152.028 13.707 C 150.559 14.443,148.672 13.843,148.297 12.522 L 148.244 12.337 148.244 9.221 L 148.244 6.105 148.296 5.922 C 148.641 4.708,150.215 4.096,151.595 4.640 C 152.111 4.844,152.607 5.305,152.816 5.777 C 152.852 5.859,152.875 5.885,152.903 5.877 C 152.970 5.857,156.383 4.277,156.404 4.256 C 156.456 4.205,156.028 3.438,155.709 3.012 C 154.517 1.418,152.475 0.563,150.163 0.690 M180.081 0.700 C 176.707 0.925,174.383 2.695,173.857 5.442 C 173.796 5.758,173.758 12.153,173.814 12.721 C 174.112 15.773,176.906 17.847,180.721 17.847 C 184.496 17.847,187.238 15.831,187.594 12.794 C 187.645 12.357,187.645 6.177,187.593 5.740 C 187.221 2.553,184.063 0.434,180.081 0.700 M390.026 0.701 C 386.623 0.917,384.214 2.823,383.799 5.628 C 383.750 5.958,383.722 11.716,383.765 12.444 C 383.954 15.593,386.593 17.735,390.430 17.853 C 394.202 17.969,397.090 15.976,397.551 12.938 C 397.616 12.508,397.615 6.017,397.550 5.593 C 397.065 2.452,393.986 0.450,390.026 0.701 M249.326 4.333 C 249.326 7.601,249.328 7.786,249.366 7.797 C 249.389 7.803,250.338 8.626,251.477 9.625 C 252.615 10.624,253.554 11.442,253.564 11.442 C 253.574 11.442,253.581 9.871,253.581 7.952 L 253.581 4.462 254.948 4.471 C 256.262 4.479,256.321 4.481,256.495 4.530 C 257.918 4.924,257.953 6.870,256.547 7.343 L 256.360 7.405 255.366 7.414 L 254.372 7.422 254.372 8.954 L 254.372 10.486 255.413 10.494 C 256.589 10.503,256.592 10.504,257.000 10.704 C 258.198 11.291,258.196 13.081,256.998 13.659 C 256.517 13.891,256.654 13.884,252.716 13.884 L 249.326 13.884 249.326 15.744 L 249.326 17.605 252.831 17.604 C 256.414 17.604,256.877 17.595,257.522 17.512 C 260.168 17.172,261.703 15.747,262.103 13.259 C 262.394 11.447,261.566 9.707,259.993 8.829 C 259.761 8.699,259.762 8.700,259.877 8.639 C 260.813 8.141,261.456 6.960,261.452 5.744 C 261.445 3.299,259.914 1.508,257.419 1.024 C 256.765 0.897,256.875 0.901,252.959 0.890 L 249.326 0.881 249.326 4.333 M317.842 0.913 C 317.848 0.929,319.202 4.691,320.851 9.273 L 323.849 17.604 325.791 17.604 L 327.733 17.605 330.739 9.259 C 332.392 4.669,333.744 0.907,333.744 0.899 C 333.744 0.891,332.721 0.884,331.471 0.884 L 329.198 0.884 327.877 4.983 L 326.556 9.081 326.185 11.012 C 325.982 12.073,325.815 12.955,325.814 12.971 C 325.814 12.987,325.801 13.000,325.785 13.000 C 325.765 13.000,325.639 12.389,325.380 11.025 L 325.004 9.049 323.695 4.966 L 322.385 0.884 320.109 0.884 C 318.298 0.884,317.834 0.890,317.842 0.913 M354.349 4.333 C 354.349 7.601,354.351 7.786,354.390 7.797 C 354.412 7.803,355.362 8.626,356.500 9.625 C 357.638 10.624,358.578 11.442,358.587 11.442 C 358.597 11.442,358.605 9.871,358.605 7.952 L 358.605 4.462 359.971 4.471 C 361.286 4.479,361.344 4.481,361.519 4.530 C 362.941 4.924,362.976 6.870,361.570 7.343 L 361.384 7.405 360.390 7.414 L 359.395 7.422 359.395 8.954 L 359.395 10.486 360.436 10.494 C 361.613 10.503,361.615 10.504,362.023 10.704 C 363.221 11.291,363.220 13.081,362.021 13.659 C 361.541 13.891,361.678 13.884,357.739 13.884 L 354.349 13.884 354.349 15.744 L 354.349 17.605 357.855 17.604 C 361.438 17.604,361.900 17.595,362.546 17.512 C 365.191 17.172,366.726 15.747,367.126 13.259 C 367.418 11.447,366.589 9.707,365.017 8.829 C 364.784 8.699,364.785 8.700,364.900 8.639 C 365.836 8.141,366.479 6.960,366.475 5.744 C 366.468 3.299,364.938 1.508,362.442 1.024 C 361.788 0.897,361.898 0.901,357.983 0.890 L 354.349 0.881 354.349 4.333 M24.186 4.356 C 24.186 7.624,24.188 7.809,24.227 7.820 C 24.249 7.827,25.199 8.649,26.337 9.648 C 27.476 10.647,28.415 11.465,28.424 11.465 C 28.434 11.465,28.442 9.895,28.442 7.975 L 28.442 4.485 29.808 4.494 C 31.123 4.502,31.181 4.505,31.356 4.553 C 32.778 4.947,32.813 6.893,31.407 7.366 L 31.221 7.429 30.227 7.437 L 29.233 7.445 29.233 8.977 L 29.233 10.509 30.273 10.517 C 31.450 10.527,31.452 10.527,31.860 10.727 C 33.058 11.314,33.057 13.104,31.858 13.682 C 31.378 13.914,31.515 13.907,27.576 13.907 L 24.186 13.907 24.186 15.767 L 24.186 17.628 27.692 17.627 C 31.275 17.627,31.737 17.618,32.383 17.535 C 35.028 17.195,36.564 15.770,36.964 13.282 C 37.255 11.471,36.426 9.731,34.854 8.852 C 34.621 8.722,34.622 8.724,34.738 8.662 C 35.674 8.165,36.316 6.984,36.312 5.767 C 36.305 3.322,34.775 1.531,32.279 1.047 C 31.625 0.921,31.735 0.924,27.820 0.914 L 24.186 0.904 24.186 4.356 M42.922 0.925 C 42.916 0.934,41.608 4.678,40.015 9.244 C 38.423 13.811,37.113 17.565,37.104 17.587 C 37.089 17.626,37.206 17.628,39.368 17.628 C 41.519 17.628,41.649 17.626,41.660 17.587 C 41.667 17.565,41.898 16.817,42.173 15.925 C 42.449 15.034,42.674 14.298,42.674 14.292 C 42.674 14.285,43.673 14.279,44.894 14.279 L 47.114 14.279 47.346 14.994 C 47.474 15.388,47.718 16.141,47.888 16.669 L 48.198 17.628 50.473 17.628 C 52.284 17.628,52.747 17.622,52.739 17.599 C 52.734 17.583,51.390 13.821,49.754 9.238 L 46.779 0.907 44.856 0.907 C 43.798 0.907,42.928 0.915,42.922 0.925 M66.860 9.267 L 66.860 17.628 68.977 17.628 L 71.093 17.628 71.093 9.267 L 71.093 0.907 68.977 0.907 L 66.860 0.907 66.860 9.267 M103.247 9.239 C 101.649 13.821,100.337 17.583,100.331 17.599 C 100.323 17.622,100.786 17.628,102.598 17.628 L 104.875 17.628 105.348 16.099 C 105.609 15.258,105.841 14.504,105.865 14.424 L 105.909 14.279 108.128 14.279 L 110.346 14.279 110.448 14.599 C 110.504 14.775,110.747 15.528,110.989 16.273 L 111.427 17.628 113.704 17.628 C 115.516 17.628,115.980 17.622,115.971 17.599 C 115.965 17.583,114.622 13.821,112.986 9.239 L 110.012 0.908 108.081 0.908 L 106.151 0.908 103.247 9.239 M130.326 9.267 L 130.326 17.628 132.453 17.628 L 134.581 17.628 134.581 14.740 L 134.581 11.851 134.644 11.761 C 134.696 11.686,134.711 11.676,134.731 11.705 C 134.745 11.723,135.703 13.064,136.860 14.683 L 138.965 17.627 141.648 17.627 C 144.025 17.628,144.329 17.624,144.317 17.593 C 144.308 17.568,137.994 9.268,137.789 9.011 C 137.778 8.996,139.071 7.397,141.060 4.969 C 142.869 2.759,144.349 0.941,144.349 0.929 C 144.349 0.915,143.342 0.907,141.715 0.908 L 139.081 0.909 136.837 3.975 L 134.593 7.041 134.587 3.974 L 134.581 0.907 132.453 0.907 L 130.326 0.907 130.326 9.267 M159.116 9.266 L 159.116 17.628 161.256 17.628 L 163.395 17.628 163.395 14.977 L 163.395 12.326 163.762 12.326 L 164.129 12.326 166.058 14.976 L 167.988 17.626 170.625 17.627 C 172.875 17.628,173.259 17.623,173.248 17.595 C 173.241 17.577,172.224 16.288,170.987 14.730 C 169.750 13.172,168.747 11.894,168.759 11.890 C 170.569 11.276,171.641 9.837,171.917 7.651 C 172.346 4.246,170.890 1.873,167.930 1.154 C 166.981 0.924,166.973 0.924,162.785 0.913 L 159.116 0.904 159.116 9.266 M189.767 6.704 C 189.767 12.984,189.763 12.742,189.893 13.354 C 190.564 16.526,194.059 18.450,197.907 17.766 C 200.535 17.299,202.429 15.647,202.943 13.372 C 203.088 12.729,203.079 13.167,203.087 6.750 L 203.094 0.907 200.955 0.907 L 198.815 0.907 198.808 6.599 C 198.801 11.986,198.798 12.299,198.759 12.453 C 198.236 14.492,194.735 14.570,194.112 12.558 L 194.058 12.384 194.052 6.645 L 194.046 0.907 191.907 0.907 L 189.767 0.907 189.767 6.704 M205.558 9.267 L 205.558 17.628 207.674 17.628 L 209.791 17.628 209.790 14.238 L 209.790 10.849 209.526 9.285 C 209.175 7.205,209.135 7.199,210.080 9.366 L 210.797 11.012 212.694 14.320 L 214.591 17.628 216.726 17.628 L 218.860 17.628 218.860 9.267 L 218.860 0.907 216.756 0.907 L 214.651 0.907 214.651 4.682 C 214.651 7.186,214.659 8.500,214.675 8.587 C 214.747 8.973,215.111 11.338,215.102 11.354 C 215.060 11.421,214.969 11.226,214.320 9.692 L 213.610 8.012 211.600 4.465 L 209.590 0.919 207.574 0.913 L 205.558 0.907 205.558 9.267 M221.488 4.334 C 221.488 7.579,221.491 7.763,221.529 7.774 C 221.551 7.780,222.501 8.603,223.640 9.602 C 224.778 10.601,225.717 11.418,225.727 11.418 C 225.736 11.419,225.744 9.948,225.744 8.150 L 225.744 4.881 227.087 4.889 L 228.430 4.897 228.663 4.960 C 229.357 5.146,229.767 5.539,229.922 6.163 C 229.963 6.328,229.965 6.490,229.965 9.244 L 229.965 12.151 229.913 12.349 C 229.704 13.139,229.110 13.560,228.105 13.628 C 227.923 13.641,226.390 13.651,224.634 13.651 L 221.488 13.651 221.488 15.640 L 221.488 17.628 224.738 17.628 C 228.530 17.628,228.747 17.619,229.628 17.442 C 232.189 16.927,233.789 15.382,234.170 13.058 C 234.229 12.694,234.263 6.624,234.209 5.965 C 233.966 2.989,231.727 1.114,228.198 0.930 C 227.951 0.918,226.369 0.907,224.622 0.907 L 221.488 0.907 221.488 4.334 M261.518 0.936 C 261.525 0.952,262.834 3.230,264.428 5.997 L 267.326 11.030 267.326 14.329 L 267.326 17.628 269.453 17.628 L 271.581 17.628 271.581 14.331 L 271.581 11.034 274.491 6.000 C 276.091 3.232,277.406 0.953,277.412 0.937 C 277.421 0.913,276.956 0.907,274.937 0.907 L 272.450 0.907 270.952 3.953 C 270.128 5.629,269.448 7.000,269.442 6.999 C 269.435 6.999,268.756 5.628,267.932 3.953 L 266.435 0.907 263.971 0.907 C 262.009 0.907,261.509 0.913,261.518 0.936 M290.535 4.334 C 290.535 7.579,290.537 7.763,290.576 7.774 C 290.598 7.780,291.548 8.603,292.686 9.602 C 293.824 10.601,294.764 11.418,294.773 11.418 C 294.783 11.419,294.791 9.948,294.791 8.150 L 294.791 4.881 296.134 4.889 L 297.477 4.897 297.709 4.960 C 298.403 5.146,298.814 5.539,298.968 6.163 C 299.009 6.328,299.012 6.490,299.012 9.244 L 299.012 12.151 298.959 12.349 C 298.751 13.139,298.157 13.560,297.151 13.628 C 296.970 13.641,295.436 13.651,293.680 13.651 L 290.535 13.651 290.535 15.640 L 290.535 17.628 293.785 17.628 C 297.577 17.628,297.794 17.619,298.674 17.442 C 301.235 16.927,302.836 15.382,303.216 13.058 C 303.276 12.694,303.310 6.624,303.256 5.965 C 303.013 2.989,300.774 1.114,297.244 0.930 C 296.998 0.918,295.416 0.907,293.669 0.907 L 290.535 0.907 290.535 4.334 M305.512 9.267 L 305.512 17.628 311.337 17.628 L 317.163 17.628 317.163 15.616 L 317.163 13.605 313.488 13.605 L 309.814 13.605 309.814 12.372 L 309.814 11.140 313.186 11.140 L 316.558 11.140 316.558 9.302 L 316.558 7.465 313.186 7.465 L 309.814 7.465 309.814 6.186 L 309.814 4.907 313.488 4.907 L 317.163 4.907 317.163 2.907 L 317.163 0.907 311.337 0.907 L 305.512 0.907 305.512 9.267 M334.814 9.267 L 334.814 17.628 336.942 17.628 L 339.070 17.628 339.070 9.267 L 339.070 0.907 336.942 0.907 L 334.814 0.907 334.814 9.267 M341.674 9.267 L 341.674 17.628 347.198 17.628 L 352.721 17.628 352.721 15.523 L 352.721 13.419 349.326 13.419 L 345.930 13.419 345.930 7.163 L 345.930 0.907 343.802 0.907 L 341.674 0.907 341.674 9.267 M369.070 9.267 L 369.070 17.628 371.221 17.628 L 373.372 17.628 373.372 14.977 L 373.372 12.326 373.738 12.327 L 374.105 12.328 376.034 14.978 L 377.963 17.628 380.598 17.628 C 382.047 17.628,383.232 17.620,383.232 17.610 C 383.232 17.601,382.367 16.505,381.311 15.174 C 380.254 13.844,379.235 12.561,379.047 12.324 L 378.704 11.891 378.916 11.815 C 380.927 11.094,382.015 9.124,381.947 6.327 C 381.871 3.234,380.093 1.352,376.892 0.978 C 376.397 0.920,375.607 0.908,372.424 0.907 L 369.070 0.907 369.070 9.267 M87.395 4.380 C 87.395 7.647,87.398 7.832,87.436 7.843 C 87.458 7.850,88.408 8.672,89.547 9.672 C 90.685 10.671,91.624 11.488,91.634 11.488 C 91.643 11.488,91.651 9.918,91.651 7.998 L 91.651 4.508 93.017 4.517 C 94.332 4.526,94.391 4.528,94.565 4.576 C 95.987 4.971,96.023 6.916,94.616 7.389 L 94.430 7.452 93.436 7.460 L 92.442 7.468 92.442 9.000 L 92.442 10.532 93.483 10.541 C 94.659 10.550,94.662 10.550,95.070 10.750 C 96.268 11.337,96.266 13.127,95.067 13.706 C 94.587 13.937,94.724 13.930,90.785 13.930 L 87.395 13.930 87.395 15.791 L 87.395 17.651 90.901 17.651 C 94.484 17.650,94.947 17.641,95.592 17.558 C 98.238 17.219,99.773 15.793,100.173 13.306 C 100.464 11.494,99.636 9.754,98.063 8.875 C 97.831 8.745,97.832 8.747,97.947 8.686 C 98.883 8.188,99.526 7.007,99.522 5.791 C 99.514 3.345,97.984 1.554,95.488 1.071 C 94.834 0.944,94.944 0.947,91.029 0.937 L 87.395 0.927 87.395 4.380 M181.387 4.605 C 182.483 4.791,183.204 5.337,183.359 6.098 C 183.414 6.371,183.414 12.174,183.358 12.426 C 182.924 14.391,178.570 14.432,178.069 12.475 C 178.004 12.220,177.997 6.370,178.061 6.086 C 178.311 4.984,179.776 4.331,181.387 4.605 M391.352 4.603 C 392.415 4.786,393.110 5.288,393.318 6.023 C 393.384 6.258,393.384 12.254,393.318 12.488 C 392.775 14.411,388.490 14.392,388.036 12.464 C 387.983 12.238,387.982 6.267,388.035 6.057 C 388.309 4.975,389.775 4.332,391.352 4.603 M166.461 4.949 C 168.323 5.517,168.296 8.092,166.423 8.599 L 166.198 8.660 164.797 8.669 L 163.395 8.678 163.395 6.780 L 163.395 4.881 164.843 4.889 C 166.263 4.897,166.294 4.898,166.461 4.949 M376.423 4.947 C 378.081 5.414,378.313 7.706,376.779 8.453 C 376.357 8.659,376.206 8.674,374.634 8.674 L 373.372 8.674 373.372 6.778 L 373.372 4.882 374.808 4.889 C 376.199 4.896,376.250 4.898,376.423 4.947 M44.953 5.669 C 44.953 5.679,45.210 6.770,45.523 8.093 C 45.837 9.416,46.093 10.501,46.093 10.505 C 46.093 10.509,45.538 10.512,44.859 10.512 C 43.881 10.512,43.626 10.506,43.635 10.483 C 43.641 10.467,43.916 9.373,44.247 8.052 C 44.823 5.756,44.851 5.651,44.901 5.651 C 44.930 5.651,44.953 5.659,44.953 5.669 M108.742 8.052 C 109.054 9.373,109.314 10.467,109.320 10.483 C 109.328 10.506,109.073 10.512,108.093 10.512 C 107.113 10.512,106.858 10.506,106.865 10.483 C 106.871 10.467,107.147 9.373,107.478 8.052 C 108.029 5.862,108.085 5.651,108.128 5.651 C 108.171 5.651,108.222 5.849,108.742 8.052"></path></svg>') !important;
  6968. display: inline !important;
  6969. position: absolute !important;
  6970. left: unset !important;
  6971. bottom: 7px !important;
  6972. top: unset !important;
  6973. right: 15px !important;
  6974. opacity: 0.3 !important;
  6975. padding: 0 !important;
  6976. margin: 0 !important;
  6977. visibility: visible !important;
  6978. transform: unset !important;
  6979. animation: unset !important;
  6980. pointer-events: none !important;
  6981. z-index: -1 !important;
  6982. }
  6983. html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1 {
  6984. position: relative !important;
  6985. }
  6986. html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1::after {
  6987. content: "BasicBackground by" !important;
  6988. font-size: 12px !important;
  6989. color: var(--text-muted) !important;
  6990. cursor: pointer !important;
  6991. display: inline !important;
  6992. opacity: 1 !important;
  6993. padding: 0 !important;
  6994. margin: 0 !important;
  6995. cursor: text !important;
  6996. visibility: visible !important;
  6997. position: relative !important;
  6998. top: unset !important;
  6999. left: unset !important;
  7000. bottom: unset !important;
  7001. right: unset !important;
  7002. transform: unset !important;
  7003. animation: unset !important;
  7004. }
  7005. html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1::before {
  7006. content: "DevilBro" !important;
  7007. font-size: 12px !important;
  7008. font-weight: 600 !important;
  7009. color: rgb(var(--accentcolor_v)) !important;
  7010. display: inline !important;
  7011. opacity: 1 !important;
  7012. padding: 0 !important;
  7013. margin: 0 !important;
  7014. cursor: pointer !important;
  7015. visibility: visible !important;
  7016. position: absolute !important;
  7017. top: unset !important;
  7018. left: 117px !important;
  7019. bottom: 8px !important;
  7020. right: unset !important;
  7021. transform: unset !important;
  7022. animation: unset !important;
  7023. }
Advertisement
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!