API tools faq
paste
Advertisement
CallMeWolf

Untitled

CallMeWolf
Apr 10th, 2021
487
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 305.31 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. @import url(https://discord-custom-covers.github.io/usrbg/dist/usrbg.css);
  4.  
  5. :root {
  6. --dtransparencycolor: 0,0,0;
  7. --dtransparencyalpha: 0.15;
  8. --dmessagetransparency: 0.5;
  9. --dguildchanneltransparency: 0.15;
  10. --dmemberlisttransparency: 0.0;
  11. --daccentcolor: 190,78,180;
  12.  
  13. --dfont: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;
  14. --dtextshadow: transparent;
  15.  
  16. --dbackground: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/_res/background.jpg);
  17. --dbackgroundsize: cover;
  18. --dbackgroundposition: center;
  19. --dblur: unset;
  20. --dbackdrop: rgba(0,0,0,0.85);
  21.  
  22. --vtransparencycolor: var(--transparencycolor, var(--dtransparencycolor));
  23. --vtransparencyalpha: var(--transparencyalpha, var(--dtransparencyalpha));
  24. --vmessagetransparency: var(--messagetransparency, var(--dmessagetransparency));
  25. --vusechatbubbles: calc(var(--vmessagetransparency) / (var(--vmessagetransparency) + 0.00000000000000000000001));
  26. --vguildchanneltransparency: var(--guildchanneltransparency, var(--dguildchanneltransparency));
  27. --vmemberlisttransparency: var(--memberlisttransparency, var(--dmemberlisttransparency));
  28. --vaccentcolor2: var(--vaccentcolor);
  29. --vlinkcolor: var(--vaccentcolor);
  30.  
  31. --vfont: var(--font, var(--dfont));
  32. --vtextshadow: var(--textshadow, var(--dtextshadow));
  33.  
  34. --vbackground: var(--background, var(--dbackground));
  35. --vbackgroundposition: var(--backgroundposition, var(--dbackgroundposition));
  36. --vbackgroundsize: var(--backgroundsize, var(--dbackgroundsize));
  37. --vbackgroundblur: var(--backgroundblur, var(--dblur));
  38.  
  39. --vpopout: var(--popout, var(--vbackground));
  40. --vpopoutposition: var(--backgroundposition, var(--vbackgroundposition));
  41. --vpopoutsize: var(--popoutsize, var(--vbackgroundsize));
  42. --vpopoutblur: var(--popoutblur, var(--vbackgroundblur));
  43.  
  44. --vbackdrop: var(--backdrop, var(--dbackdrop));
  45. --vbackdropposition: var(--backgroundposition, var(--vbackgroundposition));
  46. --vbackdropsize: var(--backdropsize, var(--vbackgroundsize));
  47. --vbackdropblur: var(--backdropblur, var(--vbackgroundblur));
  48.  
  49. --fontwhite1: 255,255,255;
  50. --fontwhite2: 210,210,210;
  51. --fontwhite3: 170,170,170;
  52. --fontwhite4: 120,120,120;
  53. }
  54.  
  55. .theme-light, .theme-dark {
  56. --header-primary: rgb(var(--fontwhite1));
  57. --header-secondary: rgb(var(--fontwhite2));
  58. --text-normal: rgb(var(--fontwhite2));
  59. --text-muted: rgb(var(--fontwhite4));
  60. --text-link: rgb(var(--vaccentcolor));
  61. --channels-default: rgb(var(--fontwhite4));
  62. --interactive-normal: rgb(var(--fontwhite3));
  63. --interactive-hover: rgb(var(--fontwhite2));
  64. --interactive-active: rgb(var(--fontwhite1));
  65. --interactive-muted: rgb(var(--fontwhite4));
  66. --elevation-low: 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3);
  67. --elevation-high: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  68. --logo-primary: rgb(var(--fontwhite1));
  69. }
  70.  
  71.  
  72. /* ~~~~ 0. TABLE OF CONTENTS ~~~~ */
  73. /*
  74. 1. TRANSPARENCY
  75. 2. BACKGROUND
  76. 3. TITLEBAR
  77. 4. GUILDLIST
  78. 5. CHANNELLIST
  79. 1. GUILDHEADER
  80. 2. CHANNELS
  81. 3. DMCHANNELS
  82. 4. ACCOUNT/VOICE/GOLIVE
  83. 6. CHAT
  84. 1. CHANNELHEADER
  85. 2. MESSAGES
  86. 1. MESSAGE
  87. 2. EMBEDS
  88. 3. NITROGIFT
  89. 4. INVITE
  90. 3. TEXTAREA
  91. 4. AUTOCOMPLETEMENU
  92. 5. MEMBERLIST
  93. 6. SEARCHPAGE
  94. 7. CALL
  95. 8. UNAVAILABLESCREEN
  96. 7. PEOPLES
  97. 8. STORE/NITRO
  98. 9. LIBRARY
  99. 10. DISCOVERY
  100. 11. USERSETTINGS
  101. 12. GUILDSETTINGS
  102. 13. MODALS
  103. 1. USERMODAL
  104. 2. GUILDADD/CREATION
  105. 3. REGIONSELECTMODAL
  106. 4. UPLOADMODAL
  107. 5. KEYBOARDSHORTCUTSMODAL
  108. 6. QUICKSWITCHER
  109. 7. INVITEMODAL/GROUPCREATE
  110. 8. LOGINSCREEN
  111. 9. TERMACCEPTMODAL
  112. 10. DOWNLOADAPPMODAL
  113. 11. GUILDBOOSTMODAL
  114. 12. REACTIONSMODAL
  115. 13. GUILDTEMPLATEMODAL
  116. 14. GUILDWELCOMEMODAL
  117. 15. GUILDRULESMODAL
  118. 16. GUILDFEEDBACKMODAL
  119. 17. SCREENSHAREMODAL
  120. 18. PHONEVERIFICATIONMODAL
  121. 14. POPOUTS
  122. 1. CONTEXTMENU
  123. 2. USERPOPOUT
  124. 3. EMOJIPICKER
  125. 4. PINS/MENTIONS
  126. 5. SEARCHPOPOUT
  127. 6. COLORPICKER
  128. 7. ADDROLE
  129. 8. EVERYONEMENTION
  130. 9. CHANNELFOLLOW
  131. 10. CHANNELFOLLOWINFO
  132. 11. EMOJIINFO
  133. 12. STREAMPREVIEW
  134. 13. STREAMINFO
  135. 14. PUBLICGUILDANNOUNCEMENT
  136. 15. GENERAL
  137. 1. TEXT
  138. 2. BUTTONS
  139. 3. INPUTS
  140. 4. SEARCHBARS
  141. 5. TAGS
  142. 6. ICONS
  143. 7. SCROLLBARS
  144. 8. NOTIFICATIONBAR
  145. 9. TOOLTIPS
  146. 16. BDSUPPORT
  147. 17. POWERCORDSUPPORT
  148. 18. PLUGINSUPPORT
  149. 1. BDFDB
  150. 2. DATEVIEWER
  151. 3. SERVERFOLDERS
  152. 4. MEMBERCOUNT
  153. 5. CHARCOUNTER
  154. 6. LINENUMBERS
  155. 7. PERMISSIONVIEWER
  156. 8. DIRECTDOWNLOAD
  157. 9. BETTERFORMATINGREDUX
  158. 10. PLUGIN/THEMEREPO
  159. 11. CHANNELHISTORY
  160. 12. CHANNELTABS
  161. 13. TYPINGINDICATOR
  162. 19. UPDATENOTICE
  163. 20. WATERMARK
  164. */
  165.  
  166.  
  167. /* ~~~~ 1. TRANSPARENCY ~~~~ */
  168.  
  169. body, /* body */
  170. #app-mount .app-1q1i1E, /* app container */
  171. #app-mount .app-2rEoOp, /* app inner */
  172. #app-mount .container-16j22k, /* app loadingscreen */
  173. #app-mount .loading-Ags1CY, /* app i18n loading */
  174. #app-mount .wrapper-1prNyd, /* app errorscreen */
  175. #app-mount .bg-h5JY_x, /* app background */
  176. #app-mount .layer-3QrUeG, /* layer container */
  177. #app-mount .container-3w7J-x, /* channels inner */
  178. #app-mount .privateChannels-1nO12o, /* dmchannels */
  179. #app-mount .panels-j1Uci_ > *, /* account/voice inner */
  180. #app-mount .chat-3bRxxu, /* chat container */
  181. #app-mount .wrapper-3vR61M, /* chat messages loading */
  182. #app-mount .noChannel-Z1DQK7, /* nochannel */
  183. #app-mount .members-1998pB, /* members */
  184. #app-mount .members-1998pB > div, /* members content */
  185. #app-mount .content-MLh4nU, /* unavailable */
  186. #app-mount .container-1D34oG, /* peoples */
  187. #app-mount .applicationStore-1pNvnv, /* nitro */
  188. #app-mount .pageWrapper-1PgVDX, /* guilddiscovery */
  189. #app-mount .scrollerBase-289Jih, /* scroller */
  190. #app-mount .scroller-2FKFPG, /* scroller old */
  191. #app-mount .standardSidebarView-3F1I7i, /* settings */
  192. #app-mount .contentRegion-3nDuYy { /* settings content */
  193. background: transparent;
  194. }
  195.  
  196. #app-mount .sidebarRegion-VFTUkN { /* settings sidebar */
  197. background-color: rgba(var(--vtransparencycolor), 0.2);
  198. }
  199. #app-mount .sidebar-_0OpfR { /* sidebarlist sidebar */
  200. background-color: rgba(var(--vtransparencycolor), 0.2);
  201. }
  202.  
  203. #app-mount { /* app-mount */
  204. background-color: rgba(var(--vtransparencycolor), var(--vtransparencyalpha));
  205. }
  206. #app-mount .wrapper-3NnKdC { /* guilds container */
  207. background-color: rgba(var(--vtransparencycolor), calc(var(--vguildchanneltransparency) * 2));
  208. }
  209. #app-mount .sidebar-2K8pFh { /* channels container */
  210. background-color: rgba(var(--vtransparencycolor), var(--vguildchanneltransparency));
  211. }
  212. #app-mount .panels-j1Uci_ { /* account/voice container */
  213. background-color: rgba(var(--vtransparencycolor), calc(var(--vguildchanneltransparency) / 1.5));
  214. }
  215. #app-mount .container-1r6BKw.themed-ANHk51 { /* channelheader container */
  216. background-color: rgba(var(--vtransparencycolor), var(--vguildchanneltransparency));
  217. }
  218. #app-mount .membersWrap-2h-GB4 { /* members container */
  219. background-color: rgba(var(--vtransparencycolor), var(--vmemberlisttransparency));
  220. }
  221. #app-mount .tabBar-fg4VK9 { /* members tabbar */
  222. background-color: rgba(var(--vtransparencycolor), var(--vmemberlisttransparency));
  223. }
  224. #app-mount .nowPlayingColumn-2sl4cE { /* peoples now playing */
  225. background-color: rgba(var(--vtransparencycolor), var(--vmemberlisttransparency));
  226. }
  227.  
  228. #app-mount .image-3zK3Wt { /* app errorscreen image */
  229. background-image: url(https://discord.com/assets/e9baf4b505eb54129f832556ea16538e.svg);
  230. opacity: 0.6;
  231. }
  232.  
  233.  
  234. /* ~~~~ 2. BACKGROUND ~~~~ */
  235.  
  236. body::before {
  237. content: "";
  238. top: 0;
  239. left: 0;
  240. right: 0;
  241. bottom: 0;
  242. position: fixed;
  243. background: var(--vbackground) var(--vbackgroundposition)/var(--vbackgroundsize);
  244. filter: blur(var(--vbackgroundblur));
  245. }
  246. #ace_settingsmenu_container,
  247. .uploadArea-3QgLtW,
  248. .backdrop-29yll0,
  249. .backdrop-1wrmKB {
  250. background: var(--vbackdrop) var(--vbackdropposition)/var(--vbackdropsize) !important;
  251. filter: blur(var(--vbackdropblur));
  252. opacity: 1;
  253. animation: none;
  254. }
  255. .withLayer-RoELSG {
  256. z-index: -1;
  257. }
  258.  
  259.  
  260. /* ~~~~ 3. TITLEBAR ~~~~ */
  261.  
  262. .titleBar-AC4pGV {
  263. z-index: 5001;
  264. }
  265. .titleBar-AC4pGV::after {
  266. content: "";
  267. pointer-events: none;
  268. position: absolute;
  269. z-index: -1;
  270. top: 0;
  271. left: 0;
  272. width: 100%;
  273. background-color: rgba(var(--vtransparencycolor), calc(0.1 + var(--vguildchanneltransparency) * 2));
  274. }
  275. .titleBar-AC4pGV:not(.typeMacOS-3EmCyP)::after {
  276. height: 22px;
  277. }
  278. .titleBar-AC4pGV.typeMacOS-3EmCyP::after {
  279. height: 28px;
  280. width: calc(100% - 4px);
  281. margin: 2px;
  282. border-radius: 5px;
  283. }
  284. .titleBar-AC4pGV.typeMacOS-3EmCyP,
  285. .titleBar-AC4pGV.typeMacOS-3EmCyP .macButtons-2MuSAC {
  286. width: 72px;
  287. }
  288. .titleBar-AC4pGV.typeMacOS-3EmCyP.typeMacOSWithFrame-3R_i5S .macButtons-2MuSAC {
  289. margin-top: 0;
  290. margin-right: 0;
  291. }
  292. .platform-osx .wrapper-3NnKdC {
  293. margin-top: 0;
  294. padding-top: 32px;
  295. }
  296. .platform-osx .standardSidebarView-3F1I7i::before {
  297. left: 72px;
  298. }
  299. .winButton-iRh8-Z {
  300. color: rgb(var(--fontwhite3));
  301. }
  302. .winButtonMinMax-PBQ2gm:hover {
  303. background-color: rgba(var(--vtransparencycolor), 0.2);
  304. }
  305. .winButtonClose-1HsbF-:hover,
  306. .winButtonMinMax-PBQ2gm:hover {
  307. color: rgb(var(--fontwhite1));
  308. }
  309.  
  310.  
  311. /* ~~~~ 4. GUILDLIST ~~~~ */
  312.  
  313. .childWrapper-anI2G9, /* homebutton/acronym innerwrap */
  314. #bd-pub-button { /* publicbutton innerwrap */
  315. background-color: rgba(var(--vtransparencycolor), 0.3);
  316. color: rgb(var(--fontwhite2));
  317. font-weight: 500;
  318. }
  319. .wrapper-1BJsBx:hover .childWrapper-anI2G9,
  320. .wrapper-1BJsBx.selected-bZ3Lue .childWrapper-anI2G9,
  321. #bd-pub-button:hover {
  322. color: rgb(var(--fontwhite1));
  323. text-shadow: 1px 1px var(--vtextshadow);
  324. }
  325. .noIcon-1a_FrS { /* acronym minicontainer */
  326. background-color: rgba(var(--vtransparencycolor), 0.3);
  327. color: rgb(var(--fontwhite2));
  328. }
  329.  
  330. .circleIconButton-1QV--U { /* guildadd/discovery innerwrap */
  331. background-color: rgba(var(--vtransparencycolor), 0.3);
  332. }
  333. .circleIconButton-1QV--U.selected-1JjBPm {
  334. color: rgb(var(--fontwhite1));
  335. }
  336.  
  337. .guildIconUnavailable-3IYARS, /* guilderror miniicon */
  338. .guildsError-g6NwOI { /* guilderror innerwrap */
  339. background-color: rgba(240, 71, 71, 0.3);
  340. }
  341.  
  342. .dragInner-Oq_toX { /* dragplaceholder */
  343. background-color: rgba(var(--vtransparencycolor), 0.3);
  344. }
  345.  
  346. .guildSeparator-33mFX6 { /* guildseparator */
  347. background-color: rgba(var(--fontwhite1), 0.2);
  348. }
  349.  
  350. .item-2hkk8m { /* unread/selectedpill */
  351. background-color: rgb(var(--fontwhite1));
  352. }
  353.  
  354. .wrapper-3Njo_c { /* folder outerwrap */
  355. margin-bottom: 8px;
  356. }
  357. .folder-1hbNCn { /* folder iconwrap */
  358. background-color: rgba(var(--vtransparencycolor), 0.2);
  359. }
  360. .folder-1hbNCn.hover-qTxTR_ {
  361. background-color: rgba(var(--vtransparencycolor), 0.4);
  362. }
  363. .expandedFolderBackground-1cujaW { /* folder background */
  364. background-color: rgba(var(--vtransparencycolor), 0.2);
  365. border-radius: 15px 15px 24px 24px;
  366. top: 0;
  367. bottom: 0;
  368. margin-bottom: 8px;
  369. transition: border-radius 3s ease, background-color 1s ease;
  370. }
  371. .expandedFolderBackground-1cujaW.hover-qTxTR_ {
  372. background-color: rgba(var(--vtransparencycolor), 0.4);
  373. }
  374.  
  375. .wrapper-3NnKdC .wrapper-3Njo_c [role="group"] { /* folder guildwrap */
  376. margin-bottom: -8px;
  377. }
  378. .wrapper-3NnKdC .wrapper-3Njo_c [role="group"] .listItem-GuPuDH:last-child {
  379. margin-bottom: 0;
  380. }
  381.  
  382. .bar-30k2ka { /* guild/channelbar inner */
  383. box-shadow: 0 2px 6px rgba(var(--vtransparencycolor), 0.24);
  384. color: rgb(var(--fontwhite1));
  385. }
  386. .bar-30k2ka:not(.mention-1f5kbO) {
  387. background-color: transparent;
  388. overflow: hidden;
  389. }
  390. .bar-30k2ka:not(.mention-1f5kbO)::before {
  391. content: "";
  392. position: absolute;
  393. top: 0;
  394. bottom: 0;
  395. right: 0;
  396. left: 0;
  397. background: var(--vbackground) var(--vbackgroundposition)/var(--vbackgroundsize);
  398. background-attachment: fixed;
  399. filter: blur(var(--vbackgroundblur));
  400. pointer-events: none;
  401. z-index: -1;
  402. }
  403. .bar-30k2ka:not(.mention-1f5kbO)::after {
  404. content: "";
  405. position: absolute;
  406. top: 0;
  407. bottom: 0;
  408. right: 0;
  409. left: 0;
  410. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.1));
  411. pointer-events: none;
  412. z-index: -1;
  413. }
  414. .sidebar-2K8pFh .bar-30k2ka:not(.mention-1f5kbO)::after {
  415. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + var(--vguildchanneltransparency) * 0.85 + 0.1));
  416. }
  417. .wrapper-3NnKdC .bar-30k2ka:not(.mention-1f5kbO)::after {
  418. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + var(--vguildchanneltransparency) * 1.9 + 0.1));
  419. }
  420.  
  421.  
  422. /* ~~~~ 5. CHANNELLIST ~~~~ */
  423.  
  424. #app-mount .sidebar-2K8pFh { /* channels container */
  425. border-radius: 0;
  426. }
  427.  
  428. /* ---- 5.1. GUILDHEADER ---- */
  429.  
  430. .container-1taM1r .animatedContainer-1NSq4T { /* banner wrap */
  431. background: none;
  432. box-shadow: none;
  433. }
  434. .bannerImage-1jOskm { /* banner image */
  435. -webkit-mask: linear-gradient(rgba(0,0,0,0.9) 70%, rgba(0,0,0,0) 100%);
  436. }
  437. .bannerImage-1jOskm::before {
  438. display: none;
  439. }
  440.  
  441. .header-2V-4Sw, /* header inner */
  442. .searchBar-6Kv8R2 { /* header searchbar */
  443. box-shadow: 0 1px 0 rgba(var(--vtransparencycolor), 0.2), 0 1.5px 0 rgba(var(--vtransparencycolor), 0.05), 0 2px 0 rgba(var(--vtransparencycolor), 0.05);
  444. }
  445. .searchBar-6Kv8R2 .searchBarComponent-32dTOx { /* header searchbarinner */
  446. background-color: rgba(var(--vtransparencycolor), 0.2);
  447. color: rgb(var(--fontwhite3));
  448. }
  449. .header-2V-4Sw,
  450. .bannerVisible-2ZE_qG .header-2V-4Sw {
  451. color: rgb(var(--fontwhite1));
  452. }
  453. .clickable-25tGDB:not(.hasBanner-2SrLR3) .header-2V-4Sw:hover,
  454. .selected-31Nl7x:not(.hasBanner-2SrLR3) .header-2V-4Sw {
  455. background-color: rgba(var(--vtransparencycolor), 0.2);
  456. }
  457.  
  458. .channelNotice-1-XFjC { /* notice container */
  459. box-shadow: inset 0 -1px 0 rgba(var(--fontwhite4), 0.3);
  460. }
  461. .channelNotice-1-XFjC.invite-OjTXrW,
  462. .channelNotice-1-XFjC.guildMFAWarning-3GEzs8,
  463. .channelNotice-1-XFjC.maxMembersCount-3E4zND,
  464. .channelNotice-3DDmsB,
  465. #app-mount .channelNotice-3hkOiI {
  466. background: transparent;
  467. }
  468. .channelNotice-1-XFjC.invite-OjTXrW::before {
  469. opacity: 0.6;
  470. background: url(https://discord.com/assets/bf625d222187f542b9d7179109422e2c.svg) center 20px no-repeat;
  471. }
  472. .channelNotice-1-XFjC.guildMFAWarning-3GEzs8::before {
  473. opacity: 0.6;
  474. background: url(https://discord.com/assets/916a384814e3bbd2a84e2a1b352a17c3.svg) center 20px no-repeat;
  475. }
  476. .channelNotice-1-XFjC.quickswitcher-35bYg4::before {
  477. opacity: 0.6;
  478. }
  479. .channelNotice-1-XFjC.maxMembersCount-3E4zND::before {
  480. opacity: 0.6;
  481. background: url(https://discord.com/assets/01f60394adffda20dc7270a1e3c727df.svg) center 16px no-repeat;
  482. }
  483. .channelNotice-3DDmsB::before {
  484. opacity: 0.6;
  485. background: url(https://discord.com/assets/1858873f28bdc62dfb3a1f4b67d459bf.svg) center top 20px/153px no-repeat;
  486. }
  487. #app-mount .channelNotice-3hkOiI::before {
  488. opacity: 0.6;
  489. background: url(https://discord.com/assets/7065587bd42fd829925bf6aa4b36f5e2.svg) center top 22px/220px no-repeat;
  490. }
  491. .close-relY5R { /* notice close */
  492. color: rgb(var(--fontwhite3));
  493. }
  494. .close-relY5R:hover {
  495. color: rgb(var(--fontwhite1));
  496. }
  497. .message-3SOT5P { /* notice text */
  498. color: rgb(var(--fontwhite2));
  499. }
  500.  
  501.  
  502. /* ---- 5.2. CHANNELS ---- */
  503.  
  504. .wrapper-PY0fhH { /* category wrapper */
  505. color: rgb(var(--fontwhite3));
  506. }
  507. .wrapper-PY0fhH.muted-2JBAyG {
  508. color: rgb(var(--fontwhite4));
  509. }
  510. .wrapper-PY0fhH.muted-2JBAyG:hover,
  511. .wrapper-PY0fhH:hover {
  512. color: rgb(var(--fontwhite1));
  513. }
  514. .wrapper-PY0fhH.muted-2JBAyG:hover .icon-2yIBmh, /* category icon */
  515. .wrapper-PY0fhH:hover .icon-2yIBmh {
  516. color: rgb(var(--fontwhite1));
  517. }
  518. .wrapper-PY0fhH .name-3l27Hl { /* category name */
  519. color: rgb(var(--fontwhite3));
  520. }
  521. .wrapper-PY0fhH.muted-2JBAyG .name-3l27Hl {
  522. color: rgb(var(--fontwhite4));
  523. }
  524. .wrapper-PY0fhH.muted-2JBAyG:hover .name-3l27Hl,
  525. .wrapper-PY0fhH:hover .name-3l27Hl {
  526. color: rgb(var(--fontwhite1));
  527. }
  528. .addButtonIcon-2CbG1X { /* category addbutton */
  529. opacity: 0.5;
  530. }
  531. .addButtonIcon-2CbG1X:hover {
  532. color: rgb(var(--fontwhite1));
  533. opacity: 1;
  534. }
  535.  
  536. .wrapper-2jXpOf:hover .content-1x5b-n { /* channel content */
  537. background-color: rgba(var(--vtransparencycolor), 0.2);
  538. }
  539. .modeSelected-346R90 .content-1x5b-n,
  540. .modeSelected-346R90:hover .content-1x5b-n {
  541. background-color: rgb(var(--vaccentcolor));
  542. text-shadow: 1px 1px var(--vtextshadow);
  543. }
  544. .modeSelected-346R90 .content-1x5b-n svg,
  545. .modeSelected-346R90:hover .content-1x5b-n svg {
  546. filter: drop-shadow(1px 1px var(--vtextshadow));
  547. }
  548. .icon-1DeIlz { /* channel icon */
  549. color: rgb(var(--fontwhite3));
  550. }
  551. .modeMuted-onO3r- .icon-1DeIlz {
  552. color: rgb(var(--fontwhite4));
  553. }
  554. .modeConnected-3IsKId .icon-1DeIlz,
  555. .modeConnected-3IsKId:hover .icon-1DeIlz,
  556. .modeSelected-346R90 .icon-1DeIlz,
  557. .modeSelected-346R90:hover .icon-1DeIlz,
  558. .modeUnread-1qO3K1 .icon-1DeIlz,
  559. .modeUnread-1qO3K1:hover .icon-1DeIlz,
  560. .notInteractive-1X92pj.modeConnected-3IsKId .icon-1DeIlz,
  561. .notInteractive-1X92pj.modeSelected-346R90 .icon-1DeIlz,
  562. .wrapper-2jXpOf:hover .icon-1DeIlz {
  563. color: rgb(var(--fontwhite1));
  564. }
  565. .name-23GUGE { /* channel name */
  566. color: rgb(var(--fontwhite3));
  567. }
  568. .modeMuted-onO3r- .name-23GUGE {
  569. color: rgb(var(--fontwhite4));
  570. }
  571. .modeConnected-3IsKId .name-23GUGE,
  572. .modeConnected-3IsKId:hover .name-23GUGE,
  573. .modeSelected-346R90 .name-23GUGE,
  574. .modeSelected-346R90:hover .name-23GUGE,
  575. .modeUnread-1qO3K1 .name-23GUGE,
  576. .modeUnread-1qO3K1:hover .name-23GUGE,
  577. .notInteractive-1X92pj.modeConnected-3IsKId .name-23GUGE,
  578. .notInteractive-1X92pj.modeSelected-346R90 .name-23GUGE,
  579. .wrapper-2jXpOf:hover .name-23GUGE {
  580. color: rgb(var(--fontwhite1));
  581. }
  582. .modeSelected-346R90 .actionIcon-PgcMM2,
  583. .modeSelected-346R90:hover .actionIcon-PgcMM2,
  584. .wrapper-2jXpOf:hover .actionIcon-PgcMM2 {
  585. color: rgb(var(--fontwhite1));
  586. }
  587. .actionIcon-PgcMM2 {
  588. opacity: 0.5;
  589. }
  590. .actionIcon-PgcMM2:hover {
  591. opacity: 1.0;
  592. }
  593. .unread-2lAfLh {
  594. background-color: rgb(var(--fontwhite1));
  595. }
  596.  
  597. #app-mount .channelIcon-2xPHJh { /* channelselect icon */
  598. color: rgb(var(--fontwhite3));
  599. }
  600. #app-mount .selected-2rGcKN .channelIcon-2xPHJh {
  601. color: rgb(var(--fontwhite1));
  602. }
  603.  
  604. .icon-2IuuZd, /* voicechat icon */
  605. .username-3KYl0N { /* voicechat username */
  606. color: rgb(var(--fontwhite3));
  607. }
  608. .listDefault-3ir5aS .clickable-1lCRLF:hover .username-3KYl0N {
  609. color: rgb(var(--fontwhite2));
  610. }
  611. .listDefault-3ir5aS .clickable-1lCRLF.selected-3t3Csj .username-3KYl0N,
  612. .listDefault-3ir5aS .clickable-1lCRLF:hover .usernameSpeaking-RmltQx,
  613. .usernameSpeaking-RmltQx {
  614. color: rgb(var(--fontwhite1));
  615. }
  616. .wrapper-2tAnRe { /* voicechat limit */
  617. background-color: rgba(var(--vtransparencycolor), 0.15);
  618. color: rgb(var(--fontwhite3));
  619. }
  620. .modeConnected-3IsKId .wrapper-2tAnRe {
  621. color: rgb(var(--fontwhite1));
  622. }
  623. .wrapper-2tAnRe .users-3kndPl {
  624. background-color: transparent;
  625. }
  626. .wrapper-2tAnRe .total-i6us2n {
  627. background-color: rgba(var(--vtransparencycolor), 0.3);
  628. }
  629. .wrapper-2tAnRe .total-i6us2n::after {
  630. border-right-color: rgba(var(--vtransparencycolor), 0.3);
  631. }
  632.  
  633. .listDefault-3ir5aS .clickable-1lCRLF:hover .content-1Wq3SX {
  634. background-color: rgba(var(--vtransparencycolor), 0.2);
  635. }
  636.  
  637.  
  638. /* ---- 5.3. DMCHANNELS ---- */
  639.  
  640. .channel-2QD9_O { /* dmchannel/page container */
  641. color: rgb(var(--fontwhite3));
  642. }
  643. .clickable-1JJAn8.channel-2QD9_O:hover {
  644. color: rgb(var(--fontwhite2));
  645. }
  646. .clickable-1JJAn8.channel-2QD9_O:active,
  647. .selected-aXhQR6.channel-2QD9_O {
  648. color: rgb(var(--fontwhite1));
  649. }
  650. .channel-2QD9_O:hover .layout-2DM8Md { /* dmchannel/page inner */
  651. background-color: rgba(var(--vtransparencycolor), 0.2);
  652. }
  653. .selected-aXhQR6.channel-2QD9_O .layout-2DM8Md {
  654. background-color: rgb(var(--vaccentcolor));
  655. text-shadow: 1px 1px var(--vtextshadow);
  656. }
  657. .selected-aXhQR6.channel-2QD9_O .layout-2DM8Md svg:not(.svg-2V3M55) {
  658. filter: drop-shadow(1px 1px var(--vtextshadow));
  659. }
  660. .channel-2QD9_O .linkButtonIcon-Mlm5d6 {
  661. color: rgb(var(--fontwhite2));
  662. }
  663. .channel-2QD9_O .name-uJV0GL {
  664. color: rgb(var(--fontwhite2));
  665. }
  666. .channel-2QD9_O .subtext-1RtU34 {
  667. color: rgb(var(--fontwhite3));
  668. }
  669. .channel-2QD9_O:hover .linkButtonIcon-Mlm5d6,
  670. .channel-2QD9_O.selected-aXhQR6 .linkButtonIcon-Mlm5d6 {
  671. color: rgb(var(--fontwhite1));
  672. }
  673. .channel-2QD9_O:hover .name-uJV0GL,
  674. .channel-2QD9_O.selected-aXhQR6 .name-uJV0GL {
  675. color: rgb(var(--fontwhite1));
  676. }
  677. .channel-2QD9_O:hover .subtext-1RtU34,
  678. .channel-2QD9_O.selected-aXhQR6 .subtext-1RtU34 {
  679. color: rgb(var(--fontwhite2));
  680. }
  681.  
  682. .header-zu8eWb {
  683. color: rgb(var(--fontwhite2));
  684. }
  685.  
  686. .empty-388osJ { /* loadingplaceholders */
  687. fill: rgba(var(--vtransparencycolor), 0.4);
  688. }
  689.  
  690. /* ---- 5.4. ACCOUNT/VOICE/GOLIVE ---- */
  691.  
  692. .panels-j1Uci_ > * { /* account/voice inner */
  693. border: none;
  694. }
  695. .panels-j1Uci_ > * + * {
  696. border-top: 1px solid rgba(var(--vtransparencycolor), 0.2);
  697. }
  698.  
  699. .title-eS5yk3 { /* account/voice title */
  700. color: rgb(var(--fontwhite1));
  701. }
  702. .subtext-3CDbHg { /* account/voice subtext */
  703. color: rgb(var(--fontwhite3));
  704. }
  705. .button-14-BFJ {
  706. color: rgb(var(--fontwhite3));
  707. }
  708. .button-14-BFJ.enabled-2cQ-u7, /* account/voice buttons */
  709. .button-14-BFJ.enabled-2cQ-u7:hover {
  710. color: rgb(var(--fontwhite1));
  711. }
  712. .button-14-BFJ.enabled-2cQ-u7 {
  713. opacity: 0.7;
  714. }
  715. .button-14-BFJ.enabled-2cQ-u7:hover {
  716. opacity: 1;
  717. background-color: rgb(var(--vaccentcolor));
  718. }
  719. .button-14-BFJ.enabled-2cQ-u7:hover svg {
  720. filter: drop-shadow(1px 1px var(--vtextshadow));
  721. }
  722. .button-1YfofB.buttonColor-7qQbGO {
  723. background-color: rgba(var(--vtransparencycolor), 0.2);
  724. }
  725. .button-1YfofB.buttonColor-7qQbGO:hover {
  726. background-color: rgba(var(--vtransparencycolor), 0.4);
  727. }
  728. .button-1YfofB.buttonColor-7qQbGO.buttonActive-3FrkXp,
  729. .button-1YfofB.buttonColor-7qQbGO.buttonActive-3FrkXp:hover {
  730. background-color: rgb(var(--vaccentcolor));
  731. text-shadow: 1px 1px var(--vtextshadow);
  732. }
  733. .button-1YfofB.buttonColor-7qQbGO.buttonActive-3FrkXp svg,
  734. .button-1YfofB.buttonColor-7qQbGO.buttonActive-3FrkXp:hover svg {
  735. filter: drop-shadow(1px 1px var(--vtextshadow));
  736. }
  737.  
  738.  
  739. /* ~~~~ 6. CHAT ~~~~ */
  740.  
  741. /* ---- 6.1. CHANNELHEADER ---- */
  742.  
  743. .container-1r6BKw { /* header container */
  744. color: rgb(var(--fontwhite1));
  745. }
  746. .container-1r6BKw.themed-ANHk51 { /* header themedcontainer */
  747. box-shadow: 0 1px 0 rgba(var(--vtransparencycolor), 0.2),0 1.5px 0 rgba(var(--vtransparencycolor), 0.05),0 2px 0 rgba(var(--vtransparencycolor), 0.05);
  748. }
  749.  
  750. .title-29uC1r { /* header title */
  751. color: rgb(var(--fontwhite1));
  752. }
  753. .input-2A_zIr { /* header dmchannelinput */
  754. color: rgb(var(--fontwhite1));
  755. }
  756. .input-2A_zIr:focus { /* header dmchannelinput */
  757. background-color: rgba(var(--vtransparencycolor), 0.2);
  758. }
  759. .input-2A_zIr:focus,
  760. .outer-o9SjPm:hover .input-2A_zIr {
  761. box-shadow: inset 0 0 0 1px rgba(var(--vtransparencycolor), 0.2);
  762. }
  763. .topic-TCb_qw { /* header topic */
  764. color: rgb(var(--fontwhite2));
  765. }
  766. .children-19S4PO::after { /* header topicgradient */
  767. display: none;
  768. }
  769.  
  770. .akaBadge-1M-1Gw { /* header aka */
  771. background-color: rgba(var(--vtransparencycolor), 0.3);
  772. }
  773.  
  774. .icon-22AiRD { /* header typeicon */
  775. color: rgb(var(--fontwhite1));
  776. }
  777. .clickable-3rdHwn .icon-22AiRD, /* header actionicon */
  778. #app-mount .link-2T7oYD { /* header linkicon */
  779. color: rgb(var(--fontwhite3));
  780. opacity: 1;
  781. }
  782. .clickable-3rdHwn:hover .icon-22AiRD,
  783. #app-mount .link-2T7oYD:hover {
  784. color: rgb(var(--fontwhite2));
  785. }
  786. .clickable-3rdHwn:active .icon-22AiRD,
  787. .clickable-3rdHwn.selected-1GqIat .icon-22AiRD,
  788. #app-mount .link-2T7oYD:active {
  789. color: rgb(var(--fontwhite1));
  790. }
  791.  
  792. .badge-2qGa_k::after { /* header iconbadge red dot */
  793. border: none;
  794. }
  795.  
  796. .divider-3FBTu8 { /* header divider */
  797. background-color: rgba(var(--fontwhite1), 0.1);
  798. }
  799.  
  800. .searchBar-3dMhjb { /* header searchbar */
  801. background-color: rgba(var(--vtransparencycolor), 0.3);
  802. color: rgb(var(--fontwhite1));
  803. }
  804. .search-2oPWTC .DraftEditor-root .public-DraftEditorPlaceholder-root {
  805. color: rgb(var(--fontwhite3));
  806. }
  807. #app-mount .searchFilter-2ESiM3,
  808. #app-mount .searchAnswer-3Dz2-q {
  809. background-color: rgb(var(--vaccentcolor));
  810. color: rgb(var(--fontwhite1));
  811. }
  812.  
  813. /* ---- 6.2. MESSAGES ---- */
  814.  
  815. .emptyChannelIcon-cc932w { /* welcomemessage empty channelicon */
  816. background-color: rgba(var(--vtransparencycolor), 0.4);
  817. }
  818. .card-1yV8cG { /* welcomemessage first steps card */
  819. background-color: rgba(var(--vtransparencycolor), 0.3);
  820. }
  821. .card-1yV8cG:hover {
  822. background-color: rgba(var(--vtransparencycolor), 0.5);
  823. }
  824.  
  825. .button-18p_f6:hover { /* welcomemessage edit channel */
  826. background-color: rgb(var(--vaccentcolor));
  827. color: rgb(var(--fontwhite1));
  828. }
  829.  
  830. #app-mount .role-1P70N6 { /* welcomemessage role */
  831. background: transparent;
  832. border-color: rgba(var(--fontwhite3), 0.6);
  833. border-radius: 5px;
  834. olor: rgb(var(--fontwhite1));
  835. height: 22px;
  836. padding: 0 5px;
  837. position: relative;
  838. }
  839. #app-mount .role-1P70N6[style*="border-color: rgba(185, 187, 190, 0.6)"] {
  840. border-color: rgba(var(--fontwhite3), 0.6) !important;
  841. }
  842. #app-mount .role-1P70N6 .roleColor-fHISxl { /* welcomemessage rolecircle */
  843. position: absolute;
  844. background-color: rgb(var(--fontwhite3));
  845. border-radius: 3px;
  846. opacity: 0.5;
  847. height: 100%;
  848. width: 100%;
  849. margin: 0;
  850. left: 0;
  851. top: 0;
  852. z-index: -1;
  853. }
  854. #app-mount .role-1P70N6:hover .roleColor-fHISxl {
  855. opacity: 0.8;
  856. }
  857. #app-mount .role-1P70N6 .roleColor-fHISxl[style*="background-color: rgb(185, 187, 190)"] {
  858. background-color: rgb(var(--fontwhite3)) !important;
  859. }
  860.  
  861. .divider-JfaTT5:not(.isUnread-3Ef-o9) { /* divider time */
  862. border-color: rgba(var(--fontwhite1), 0.2);
  863. }
  864. .divider-JfaTT5.hasContent-1cNJDh { /* divider hascontent */
  865. border-color: transparent;
  866. }
  867. .unreadPill-2HyYtt { /* divider unreadPill */
  868. color: rgb(var(--fontwhite1));
  869. }
  870. .content-1o0f9g { /* divider content */
  871. background-color: rgba(var(--vtransparencycolor), 0.2);
  872. color: rgb(var(--fontwhite3));
  873. width: 100%;
  874. text-align: center;
  875. }
  876.  
  877. .hasMore-3POVhk { /* bar hasmore */
  878. box-shadow: inset 0 0 0 1px rgba(var(--fontwhite1), 0.1);
  879. }
  880. .hasMore-3POVhk:hover {
  881. background-color: rgba(var(--vtransparencycolor), 0.2);
  882. }
  883. .jumpToPresentBar-G1R9s6 { /* bar jumptopresent */
  884. background-color: transparent;
  885. overflow: hidden;
  886. opacity: 1;
  887. }
  888. .jumpToPresentBar-G1R9s6::before {
  889. content: "";
  890. position: absolute;
  891. top: 0;
  892. bottom: 0;
  893. right: 0;
  894. left: 0;
  895. background: var(--vbackground) var(--vbackgroundposition)/var(--vbackgroundsize);
  896. background-attachment: fixed;
  897. filter: blur(var(--vbackgroundblur));
  898. pointer-events: none;
  899. z-index: -1;
  900. }
  901. .jumpToPresentBar-G1R9s6::after {
  902. content: "";
  903. position: absolute;
  904. top: 0;
  905. bottom: 0;
  906. right: 0;
  907. left: 0;
  908. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  909. pointer-events: none;
  910. z-index: -1;
  911. }
  912. .barButtonBase-3UKlW2 { /* bar text */
  913. color: rgb(var(--fontwhite1));
  914. }
  915.  
  916. /* ==== 6.2.1. MESSAGE ==== */
  917.  
  918. #app-mount .message-2qRu38 { /* message confirm modal */
  919. background-color: rgba(var(--vtransparencycolor), 0.2);
  920. box-shadow: none;
  921. }
  922. .message-2qnXI6, /* message container */
  923. .wrapper-1F5TKx, /* message loading */
  924. .message-2DieIs, /* message mention popout */
  925. .message-2g38UB, /* message inbox popout */
  926. .message-2qRu38 .wrapper-2a6GCs, /* message settings preview */
  927. .messageGroupCozy-2iY6cT, /* message pin popout */
  928. .message-1Ng5AR .wrapper-2a6GCs { /* message searchpage */
  929. background-color: rgba(var(--vtransparencycolor), var(--vmessagetransparency)) !important;
  930. contain: unset;
  931. }
  932. .message-1Ng5AR .wrapper-2a6GCs { /* message searchpage */
  933. background-color: rgba(var(--vtransparencycolor), calc(var(--vmessagetransparency) * 0.8)) !important;
  934. }
  935. .message-2qnXI6.selected-2P5D_Z,
  936. .mouse-mode .message-2qnXI6:hover,
  937. .mouse-mode.full-motion .message-2qnXI6:hover,
  938. .mouse-mode .wrapper-1F5TKx:hover,
  939. .mouse-mode.full-motion .wrapper-1F5TKx:hover {
  940. background-color: rgba(var(--vtransparencycolor), calc(var(--vmessagetransparency) * 1.2 * var(--vusechatbubbles) + 0.3 * (1 - var(--vusechatbubbles)))) !important;
  941. }
  942. .message-2qnXI6.ephemeral-1PsL1r, /* message localbot */
  943. .message-2qnXI6.replying-1x3H0T { /* message replying */
  944. background-image: linear-gradient(rgba(var(--vaccentcolor), calc(0.1 * (1 - var(--vusechatbubbles)))), rgba(var(--vaccentcolor), calc(0.2 * (1 - var(--vusechatbubbles)))));
  945. }
  946. .message-2qnXI6.mentioned-xhSam7 { /* message mentioned */
  947. background-image: linear-gradient(rgba(var(--vaccentcolor), calc(0.2 * (1 - var(--vusechatbubbles)))), rgba(var(--vaccentcolor), calc(0.2 * (1 - var(--vusechatbubbles)))));
  948. }
  949. .message-2qnXI6.ephemeral-1PsL1r::before,
  950. .message-2qnXI6.replying-1x3H0T::before,
  951. .message-2qnXI6.mentioned-xhSam7::before {
  952. background-color: rgb(var(--vaccentcolor));
  953. }
  954. .message-2qnXI6.mentioned-xhSam7 .markup-2BOw-j:not(.slateTextArea-1Mkdgw) {
  955. border-radius: 3px;
  956. background-color: rgba(var(--vaccentcolor), calc(0.3 * var(--vusechatbubbles)));
  957. }
  958. #app-mount .avatar-1BDn8e, /* message container avatar */
  959. #app-mount .avatar-2daVqv { /* message loading avatar */
  960. position: absolute;
  961. top: 2px;
  962. left: calc(-70px * var(--vusechatbubbles) + 16px);
  963. }
  964. #app-mount .repliedMessage-VokQwo ~ * .avatar-1BDn8e {
  965. top: 24px;
  966. }
  967. .container-3FojY8 .avatar-1BDn8e {
  968. left: calc(-10px * var(--vusechatbubbles));
  969. }
  970.  
  971. #app-mount .replyBadge-r1su3o { /* message reply badge */
  972. background-color: rgba(var(--vtransparencycolor), 0.5);
  973. }
  974. #app-mount .spine-1UneWn {
  975. width: 0px;
  976. top: 20px;
  977. right: calc(1px * (-32 * var(--vusechatbubbles) + -25 * (1 - var(--vusechatbubbles))));
  978. left: unset;
  979. border: none;
  980. }
  981. #app-mount .compact-T3H92H .spine-1UneWn {
  982. right: 0;
  983. }
  984. #app-mount .repliedMessage-VokQwo::before, /* message reply spine */
  985. #app-mount .repliedMessage-VokQwo::after,
  986. #app-mount .spine-1UneWn::before, /* message command spine */
  987. #app-mount .spine-1UneWn::after {
  988. --avatar-size: 40px;
  989. --gutter: 16px;
  990. --spine-width: 2px;
  991. content: "";
  992. display: block;
  993. position: absolute;
  994. -webkit-box-sizing: border-box;
  995. box-sizing: border-box;
  996. top: 50%;
  997. right: unset;
  998. bottom: 0;
  999. left: calc(-1*var(--avatar-size) - (6px*var(--vusechatbubbles)));
  1000. width: calc(var(--avatar-size) - 4px);
  1001. margin: calc(-1*var(--spine-width)/2) var(--reply-spacing) calc(.125rem - 4px) calc(-1*var(--spine-width)/2);
  1002. border-right: 0 solid var(--background-accent);
  1003. border-left: var(--spine-width) solid var(--background-accent);
  1004. }
  1005. #app-mount .repliedMessage-VokQwo::before,
  1006. #app-mount .repliedMessage-VokQwo::after {
  1007. border-top: var(--spine-width) solid var(--background-accent);
  1008. border-bottom: 0 solid var(--background-accent);
  1009. border-top-left-radius: 6px;
  1010. }
  1011. #app-mount .spine-1UneWn::before,
  1012. #app-mount .spine-1UneWn::after {
  1013. border-top: 0 solid var(--background-accent);
  1014. border-bottom: var(--spine-width) solid var(--background-accent);
  1015. border-bottom-left-radius: 6px;
  1016. }
  1017. #app-mount .compact-T3H92H .repliedMessage-VokQwo::before,
  1018. #app-mount .compact-T3H92H .repliedMessage-VokQwo::after,
  1019. #app-mount .compact-T3H92H .spine-1UneWn::before,
  1020. #app-mount .compact-T3H92H .spine-1UneWn::after {
  1021. --avatar-size: 20px;
  1022. left: calc(-1*var(--avatar-size));
  1023. }
  1024. #app-mount .repliedMessage-VokQwo::before,
  1025. #app-mount .spine-1UneWn::before {
  1026. border-color: rgba(var(--vtransparencycolor), calc(0.5 * var(--vusechatbubbles)));
  1027. }
  1028. #app-mount .repliedMessage-VokQwo::after,
  1029. #app-mount .spine-1UneWn::after {
  1030. border-color: rgba(var(--fontwhite2), calc(0.5 * (1 - var(--vusechatbubbles))));
  1031. }
  1032. #app-mount .compact-T3H92H .repliedMessage-VokQwo::before,
  1033. #app-mount .compact-T3H92H .spine-1UneWn::before {
  1034. border-color: transparent;
  1035. }
  1036. #app-mount .compact-T3H92H .repliedMessage-VokQwo::after,
  1037. #app-mount .compact-T3H92H .spine-1UneWn::after {
  1038. border-color: rgba(var(--fontwhite2), 0.3);
  1039. }
  1040.  
  1041. .cozy-3I4Ja9.content-2Kddbs { /* message command content */
  1042. background-color: rgba(var(--vtransparencycolor), 0.3);
  1043. }
  1044.  
  1045. .cozy-3raOZG .header-23xsNx::after, /* message container header */
  1046. .cozy-12kSNU .header-1oLBbW::after { /* message loading header */
  1047. content: "";
  1048. position: absolute;
  1049. top: 12px;
  1050. left: -32px;
  1051. border: 10px solid transparent;
  1052. border-right: 12px solid rgba(var(--vtransparencycolor), var(--vmessagetransparency));
  1053. }
  1054. .cozy-3raOZG .container-3FojY8 .header-23xsNx::after {
  1055. left: 40px;
  1056. }
  1057. .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT .header-23xsNx::after {
  1058. top: 2px;
  1059. }
  1060. .message-1Ng5AR .wrapper-2a6GCs .header-23xsNx::after {
  1061. border-right-color: rgba(var(--vtransparencycolor), calc(var(--vmessagetransparency) * 0.8));
  1062. }
  1063. .cozy-3raOZG .timestamp-3ZCmNB.alt-1uNpEt {
  1064. left: calc(-78px * var(--vusechatbubbles));
  1065. }
  1066. .cozy-3raOZG .iconContainer-3GkGRf {
  1067. background-color: rgba(var(--vtransparencycolor), var(--vmessagetransparency));
  1068. border-radius: 50%;
  1069. left: calc(1px * (-58 * var(--vusechatbubbles) + -48 * (1 - var(--vusechatbubbles))));
  1070. height: 25px;
  1071. width: 25px;
  1072. margin: unset;
  1073. margin-right: 1rem;
  1074. padding: 0;
  1075. }
  1076. .cozy-3raOZG .blockedSystemMessage-2Rk1ek .iconContainer-3GkGRf {
  1077. background-color: transparent;
  1078. }
  1079. .cozy-3raOZG .iconContainer-3GkGRf::after {
  1080. content: "";
  1081. position: absolute;
  1082. top: 2px;
  1083. left: 26px;
  1084. border: 10px solid transparent;
  1085. border-right: 12px solid rgba(var(--vtransparencycolor), var(--vmessagetransparency));
  1086. }
  1087. .cozy-3raOZG .blockedSystemMessage-2Rk1ek .iconContainer-3GkGRf::after {
  1088. display: none;
  1089. }
  1090. .selected-2P5D_Z.message-2qnXI6.cozy-3raOZG .header-23xsNx::after,
  1091. .mouse-mode .message-2qnXI6.cozy-3raOZG:hover .header-23xsNx::after,
  1092. .mouse-mode.full-motion .message-2qnXI6.cozy-3raOZG:hover .header-23xsNx::after,
  1093. .mouse-mode .wrapper-1F5TKx.cozy-12kSNU:hover .header-1oLBbW::after,
  1094. .mouse-mode.full-motion .wrapper-1F5TKx.cozy-12kSNU:hover .header-1oLBbW::after,
  1095. .selected-2P5D_Z.message-2qnXI6.cozy-3raOZG .iconContainer-3GkGRf::after,
  1096. .mouse-mode .message-2qnXI6.cozy-3raOZG:hover .iconContainer-3GkGRf::after,
  1097. .mouse-mode.full-motion .message-2qnXI6.cozy-3raOZG:hover .iconContainer-3GkGRf::after {
  1098. border-right-color: rgba(var(--vtransparencycolor), calc(var(--vmessagetransparency) * 1.2));
  1099. }
  1100. #app-mount .ephemeral-1PsL1r.cozy-3raOZG .header-23xsNx::after,
  1101. #app-mount .replying-1x3H0T.cozy-3raOZG .header-23xsNx::after,
  1102. #app-mount .mentioned-xhSam7.cozy-3raOZG .header-23xsNx::after {
  1103. border-right-color: rgba(var(--vaccentcolor), calc(var(--vmessagetransparency) * 100000000000000000000000000000));
  1104. }
  1105. .message-2DieIs,
  1106. .message-2g38UB,
  1107. .zalgo-jN1Ica .messageContent-2qWWxC,
  1108. .zalgo-jN1Ica.cozy-3raOZG .header-23xsNx,
  1109. .wrapper-1F5TKx,
  1110. .cozy-12kSNU .header-1oLBbW {
  1111. overflow: visible;
  1112. }
  1113. .container-3FojY8 {
  1114. padding: 0;
  1115. overflow: visible;
  1116. }
  1117. #app-mount .cozyMessage-3V1Y8y, /* message container cozy */
  1118. #app-mount .cozy-12kSNU { /* message loading cozy */
  1119. margin-left: calc(80px * var(--vusechatbubbles));
  1120. padding-left: calc(1px * (10 * var(--vusechatbubbles) + 72 * (1 - var(--vusechatbubbles))));
  1121. }
  1122. #app-mount .compact-3Dy1Ya { /* message loading compact */
  1123. margin-top: .0625rem;
  1124. }
  1125. #app-mount .cozy-3raOZG .header-23xsNx,
  1126. #app-mount .cozy-3raOZG .messageContent-2qWWxC,
  1127. #app-mount .cozy-12kSNU .header-1oLBbW {
  1128. margin-left: 0;
  1129. padding-left: 0;
  1130. }
  1131. .messageContainer-gbhlwo .wrapper-2a6GCs,
  1132. .messages-3G3erD .wrapper-2a6GCs,
  1133. .message-2qRu38 .wrapper-2a6GCs,
  1134. .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT,
  1135. .message-1Ng5AR .wrapper-2a6GCs {
  1136. border-radius: 5px;
  1137. margin-left: calc(60px * var(--vusechatbubbles));
  1138. padding-left: calc(1px * (10 * var(--vusechatbubbles) + 72 * (1 - var(--vusechatbubbles))));
  1139. }
  1140. .messages-3G3erD .wrapper-2a6GCs {
  1141. border-radius: 0;
  1142. }
  1143.  
  1144. .avatar-2daVqv { /* message loading avatar */
  1145. background: rgba(var(--vtransparencycolor), 0.4);
  1146. opacity: 1 !important;
  1147. }
  1148. .attachment-2p5mHK, /* message loading attachment */
  1149. .blob-2w7iIK { /* message loading blob */
  1150. background: rgb(var(--vaccentcolor));
  1151. }
  1152.  
  1153. .expanded-13sWhZ { /* message expanded blocked */
  1154. background-color: rgba(var(--vtransparencycolor), 0.2);
  1155. border-radius: 5px 5px 0 5px;
  1156. margin-bottom: .5625rem;
  1157. }
  1158.  
  1159. .edited-DL9ECl { /* message editedtag */
  1160. color: rgb(var(--fontwhite3));
  1161. }
  1162.  
  1163. .timestampCozy-1HNQR2, /* message timestamp */
  1164. .timestampCompact-29LLPQ,
  1165. .timestamp-1E3uAL {
  1166. color: rgb(var(--fontwhite3));
  1167. }
  1168.  
  1169. .reaction-1hd86g { /* message reaction */
  1170. background-color: rgba(var(--vtransparencycolor), 0.3);
  1171. }
  1172. .reactionCount-2mvXRV { /* message reactioncount */
  1173. color: rgb(var(--fontwhite4));
  1174. }
  1175. .reaction-1hd86g:hover .reactionCount-2mvXRV {
  1176. color: rgb(var(--fontwhite2));
  1177. }
  1178.  
  1179. .wrapper-2aW0bm { /* message buttons */
  1180. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
  1181. position: relative;
  1182. }
  1183. .wrapper-2aW0bm::before {
  1184. content: "";
  1185. position: absolute;
  1186. top: 0;
  1187. bottom: 0;
  1188. right: 0;
  1189. left: 0;
  1190. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  1191. background-attachment: fixed;
  1192. filter: blur(var(--vpopoutblur));
  1193. width: unset;
  1194. height: unset;
  1195. border-radius: 4px;
  1196. pointer-events: none;
  1197. z-index: -1;
  1198. }
  1199. .separator-42rNt0 { /* message buttonsseparator */
  1200. border-left-color: rgba(var(--fontwhite1), 0.1);
  1201. }
  1202. .button-1ZiXG9:hover { /* message button */
  1203. background-color: rgba(var(--vtransparencycolor), 0.2);
  1204. }
  1205. .button-1ZiXG9.selected-LCBEAU {
  1206. background-color: rgba(var(--vtransparencycolor), 0.4);
  1207. }
  1208.  
  1209. #app-mount .ephemeralMessage-1fEWtQ, /* message localbotoperations */
  1210. #app-mount .operations-36ENbA { /* message editoperations */
  1211. color: rgb(var(--fontwhite3));
  1212. }
  1213.  
  1214. .bumpBox-1r5p3c { /* messageelement publish box */
  1215. background-color: rgba(var(--vtransparencycolor), 0.4);
  1216. }
  1217.  
  1218. .markup-2BOw-j { /* message markup */
  1219. color: rgb(var(--fontwhite2));
  1220. }
  1221. .markup-2BOw-j code { /* messageelement code */
  1222. background-color: transparent;
  1223. border-color: transparent;
  1224. }
  1225. .markup-2BOw-j pre { /* messageelement pre */
  1226. background-color: rgba(var(--vtransparencycolor), 0.4);
  1227. border-color: rgba(var(--vtransparencycolor), 0.1);
  1228. }
  1229. .markup-2BOw-j .inline, /* messageelement inline */
  1230. .after_inlineCode-1KfVgj,
  1231. .before_inlineCode-1G9rTK,
  1232. .inlineCode-2ngu6Y {
  1233. background-color: rgba(var(--vtransparencycolor), 0.4);
  1234. }
  1235. .markup-2BOw-j .hljs { /* messageelement hljs */
  1236. color: rgb(var(--fontwhite2));
  1237. }
  1238. .blockquoteDivider-2hH8H6 { /* messageelement quotedivider */
  1239. background-color: rgb(var(--fontwhite4));
  1240. }
  1241.  
  1242. .textContainer-C0szpm { /* messageelement plain file text */
  1243. background-color: rgba(var(--vtransparencycolor), 0.4);
  1244. border-color: rgba(var(--vtransparencycolor), 0.1);
  1245. }
  1246. .footer-2yA7Ep { /* messageelement plain file footer */
  1247. background-color: rgba(var(--vtransparencycolor), 0.4);
  1248. border-color: rgba(var(--vtransparencycolor), 0.1);
  1249. }
  1250. .languageSelector-2LVJrh { /* messageelement plain file popout */
  1251. background-color: transparent;
  1252. border: 1px solid rgba(var(--vtransparencycolor), 0.3);
  1253. border-radius: 5px;
  1254. box-shadow: 0px 1px 5px 0px rgba(var(--vtransparencycolor), 0.3);
  1255. overflow: hidden;
  1256. }
  1257. .languageSelector-2LVJrh::before {
  1258. content: "";
  1259. position: absolute;
  1260. top: 0;
  1261. bottom: 0;
  1262. right: 0;
  1263. left: 0;
  1264. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  1265. background-attachment: fixed;
  1266. filter: blur(var(--vpopoutblur));
  1267. border-radius: 5px;
  1268. width: unset;
  1269. height: unset;
  1270. pointer-events: none;
  1271. z-index: -1;
  1272. }
  1273. .languageSelector-2LVJrh::after {
  1274. content: "";
  1275. position: absolute;
  1276. top: 0;
  1277. bottom: 0;
  1278. right: 0;
  1279. left: 0;
  1280. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
  1281. border-radius: 5px;
  1282. width: unset;
  1283. height: unset;
  1284. border-radius: 5px;
  1285. pointer-events: none;
  1286. z-index: -1;
  1287. }
  1288.  
  1289. #app-mount .spoilerText-3p6IlD { /* messageelement spoiler */
  1290. background-color: rgba(var(--vtransparencycolor), 0.2);
  1291. }
  1292. #app-mount .spoilerText-3p6IlD.hidden-HHr2R9 { /* messageelement hiddenspoiler */
  1293. background-color: rgba(var(--vtransparencycolor), 0.5);
  1294. }
  1295.  
  1296. .container-3-pyIM { /* systemmessage content */
  1297. color: rgb(var(--fontwhite3));
  1298. }
  1299. .icon-2Po-VO[style*="/assets/5da4cdab01d4d89c593c48c62ae0d937.svg"] { /* systemmessage pinicon */
  1300. -webkit-mask: url(https://discord.com/assets/5da4cdab01d4d89c593c48c62ae0d937.svg) center/cover no-repeat;
  1301. background: rgb(var(--fontwhite3)) !important;
  1302. }
  1303. .icon-2Po-VO[style*="/assets/d80d1fdc43a3c42134a31a39581160ac.svg"] { /* systemmessage missedcall */
  1304. -webkit-mask: url(https://discord.com/assets/d80d1fdc43a3c42134a31a39581160ac.svg) center/cover no-repeat;
  1305. background: rgb(var(--fontwhite3)) !important;
  1306. }
  1307. .icon-2Po-VO[style*="/assets/b8029fe196b8f1382e90bbe81dab50dc.svg"] { /* systemmessage joincallicon */
  1308. -webkit-mask: url(https://discord.com/assets/b8029fe196b8f1382e90bbe81dab50dc.svg) center/cover no-repeat;
  1309. background: rgb(var(--vaccentcolor)) !important;
  1310. }
  1311. .icon-2Po-VO[style*="/assets/c30220457097b064286a8759a9b6c4af.svg"] { /* systemmessage recievecallicon */
  1312. -webkit-mask: url(https://discord.com/assets/c30220457097b064286a8759a9b6c4af.svg) center/cover no-repeat;
  1313. background: rgb(var(--vaccentcolor)) !important;
  1314. }
  1315.  
  1316. /* ==== 6.2.2. EMBEDS ==== */
  1317.  
  1318. #app-mount .embedFull-2tM8-- { /* embed wrapper */
  1319. background-color: rgba(var(--vtransparencycolor), 0.3);
  1320. border-left-color: rgb(var(--fontwhite4));
  1321. }
  1322. #app-mount .embedAuthorName-3mnTWj, /* embed author */
  1323. #app-mount .embedFieldName-NFrena, /* embed fieldname */
  1324. #app-mount .embedTitle-3OXDkz { /* embed title */
  1325. color: rgb(var(--fontwhite1)) !important;
  1326. }
  1327. #app-mount .embedDescription-1Cuq9a, /* embed description */
  1328. #app-mount .embedFieldValue-nELq2s { /* embed fieldvalue */
  1329. color: rgb(var(--fontwhite3));
  1330. }
  1331. #app-mount .embedProvider-3k5pfl { /* embed provider */
  1332. color: rgb(var(--fontwhite3)) !important;
  1333. }
  1334. #app-mount .embedFooterText-28V_Wb { /* embed footer */
  1335. color: rgb(var(--fontwhite4));
  1336. }
  1337.  
  1338. #app-mount .attachment-33OFj0 { /* attachment container */
  1339. background-color: rgba(var(--vtransparencycolor), 0.3);
  1340. border-color: rgba(var(--vtransparencycolor), 0.1);
  1341. margin-left: 18px;
  1342. }
  1343. #app-mount .message-2qnXI6 .attachment-33OFj0 {
  1344. margin-left: 0;
  1345. }
  1346. #app-mount .filename-3eBB_v { /* attachment filename */
  1347. color: rgb(var(--fontwhite1));
  1348. }
  1349. #app-mount .size-1Arx_I { /* attachment sizesize */
  1350. color: rgb(var(--fontwhite4));
  1351. }
  1352. #app-mount .metadata-3WGS0M { /* attachment metadata */
  1353. color: rgb(var(--fontwhite4));
  1354. }
  1355. #app-mount .cancelButton-3hVEV6, /* attachment cancelbutton */
  1356. #app-mount .downloadButton-23tKQp { /* attachment downloadbutton */
  1357. color: rgb(var(--fontwhite4));
  1358. }
  1359. #app-mount .cancelButton-3hVEV6:hover,
  1360. #app-mount .downloadButton-23tKQp:hover {
  1361. color: rgb(var(--fontwhite3));
  1362. }
  1363. #app-mount .cancelButton-3hVEV6:active,
  1364. #app-mount .downloadButton-23tKQp:active {
  1365. color: rgb(var(--fontwhite2));
  1366. }
  1367. #app-mount .twitchSectionPlayButton-2RamGG {
  1368. object-position: -999999px -999999px;
  1369. background: rgba(var(--vtransparencycolor), 0.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>');
  1370. border-radius: 50%;
  1371. }
  1372. #app-mount .twitchSectionPlayButton-2RamGG:hover {
  1373. background-color: rgba(var(--vtransparencycolor), 0.8);
  1374. }
  1375.  
  1376. #app-mount .wrapper-2TxpI8 { /* attachment videowrapper */
  1377. background-color: rgba(var(--vtransparencycolor), 0.3);
  1378. }
  1379.  
  1380. #app-mount .embedSuppressButton-1FonMn { /* attachment closebutton */
  1381. color: rgb(var(--fontwhite3));
  1382. }
  1383. #app-mount .embedSuppressButton-1FonMn:hover {
  1384. color: rgb(var(--fontwhite3));
  1385. }
  1386.  
  1387. /* ==== 6.2.3. NITROGIFT ==== */
  1388.  
  1389. #app-mount .tile-2OwFgW { /* gift container */
  1390. background-color: rgba(var(--vtransparencycolor), 0.3);
  1391. box-shadow: 0 0 0 rgba(var(--vtransparencycolor), 0.15);
  1392. }
  1393. #app-mount .title-1rUb9I { /* gift title */
  1394. color: rgb(var(--fontwhite2));
  1395. }
  1396. #app-mount .tagline-2nvxi0 { /* gift tagline */
  1397. color: rgb(var(--fontwhite4));
  1398. }
  1399.  
  1400. /* ==== 6.2.4. INVITE ==== */
  1401.  
  1402. #app-mount .wrapper-35wsBm { /* invite container */
  1403. background-color: rgba(var(--vtransparencycolor), 0.3);
  1404. border-color: rgba(var(--vtransparencycolor), 0.1);
  1405. }
  1406. #app-mount .guildIconImage-3qTk45 { /* invite icon */
  1407. background-color: rgba(var(--vtransparencycolor), 0.3);
  1408. }
  1409. #app-mount .guildName-2hvnt_ { /* invite name */
  1410. color: rgb(var(--fontwhite1));
  1411. }
  1412. #app-mount .guildDetail-1nRKNE { /* invite details */
  1413. color: rgb(var(--fontwhite4));
  1414. }
  1415.  
  1416. #app-mount .invite-18yqGF { /* invite group invite */
  1417. background-color: rgba(var(--vtransparencycolor), 0.3);
  1418. border-color: rgba(var(--vtransparencycolor), 0.1);
  1419. }
  1420. #app-mount .header-Hg_qNF {
  1421. color: rgb(var(--fontwhite3));
  1422. }
  1423. #app-mount .name-GG2Mcs,
  1424. #app-mount .partyStatus-6AjDud {
  1425. color: rgb(var(--fontwhite1));
  1426. }
  1427. #app-mount .moreUsers-1sZP3U {
  1428. background-color: rgba(var(--vtransparencycolor), 0.3);
  1429. color: rgb(var(--fontwhite3));
  1430. }
  1431. #app-mount .partyMemberEmpty-2iyh5g {
  1432. background-color: rgba(var(--vtransparencycolor), 0.3);
  1433. }
  1434.  
  1435.  
  1436. /* ---- 6.3. TEXTAREA ---- */
  1437.  
  1438. .form-2fGMdU { /* textarea form */
  1439. padding-top: 0;
  1440. margin-top: 0;
  1441. }
  1442. .form-2fGMdU::before {
  1443. display: none;
  1444. }
  1445.  
  1446. .channelTextArea-rNsIhG { /* textarea channeltextarea */
  1447. background-color: transparent;
  1448. border-top-color: rgba(var(--fontwhite1), 0.1);
  1449. }
  1450.  
  1451. .container-2fRDfG { /* textarea reply */
  1452. background: rgba(var(--vtransparencycolor), 0.3);
  1453. border: none;
  1454. border-bottom: 1px solid rgba(var(--fontwhite1), 0.1);
  1455. }
  1456.  
  1457. .scrollableContainer-2NUZem { /* textarea container */
  1458. background-color: rgba(var(--vtransparencycolor), 0.3);
  1459. }
  1460.  
  1461. .attachButtonPlus-jWVFah { /* textarea attachbuttoninner */
  1462. fill: rgb(var(--fontwhite3));
  1463. }
  1464. .attachButton-2WznTc:hover .attachButtonPlus-jWVFah {
  1465. fill: rgb(var(--fontwhite2));
  1466. }
  1467. .attachButton-2WznTc:active .attachButtonPlus-jWVFah {
  1468. fill: rgb(var(--fontwhite1));
  1469. }
  1470. .attachWrapper-2TRKBi { /* textarea attachdivider */
  1471. border-color: rgb(var(--fontwhite3));
  1472. }
  1473.  
  1474. #app-mount .textArea-12jD-V { /* textarea textarea */
  1475. color: rgb(var(--fontwhite1));
  1476. }
  1477. #app-mount .textArea-12jD-V::placeholder {
  1478. color: rgb(var(--fontwhite4));
  1479. }
  1480. .placeholder-37qJjk,
  1481. .slateTextArea-1Mkdgw .hljs-comment,
  1482. .slateTextArea-1Mkdgw .hljs-quote {
  1483. color: rgb(var(--fontwhite4));
  1484. }
  1485.  
  1486. .button-3AYNKb { /* textarea buttons */
  1487. color: rgb(var(--fontwhite3));
  1488. }
  1489. .button-3AYNKb:hover,
  1490. .buttonWrapper-1ZmCpA:hover .icon-3D60ES {
  1491. color: rgb(var(--fontwhite2));
  1492. }
  1493. .active-23Nm0T .icon-3D60ES,
  1494. .active-23Nm0T:hover .icon-3D60ES {
  1495. color: rgb(var(--fontwhite1));
  1496. }
  1497. .sprite-2iCowe { /* textarea emojibutton */
  1498. transform: none !important;
  1499. }
  1500.  
  1501. .base-gE7OpD { /* textarea typingusers */
  1502. color: rgb(var(--fontwhite1));
  1503. }
  1504.  
  1505. .wrapper-39oAo3 { /* textarea placeholder */
  1506. background-color: rgba(var(--vtransparencycolor), 0.3);
  1507. color: rgb(var(--fontwhite2));
  1508. }
  1509.  
  1510. .toolbar-2bjZV7 { /* textarea formattoolbar */
  1511. background-color: rgb(var(--vaccentcolor));
  1512. }
  1513. .toolbar-2bjZV7::before {
  1514. border-top-color: rgb(var(--vaccentcolor));
  1515. }
  1516. .divider-24xeUg { /* textarea formattoolbardivider */
  1517. border-left-color: rgba(var(--fontwhite1), 0.1);
  1518. }
  1519. .active-2HPddW, /* textarea buttonactive */
  1520. .hover-28QbSq:hover { /* textarea buttonhover */
  1521. background-color: rgba(var(--fontwhite1), 0.2);
  1522. }
  1523. .icon-KgGMGo { /* textarea buttonicon */
  1524. color: rgb(var(--fontwhite2));
  1525. }
  1526. .active-2HPddW .icon-KgGMGo,
  1527. .hover-28QbSq:hover .icon-KgGMGo {
  1528. color: rgb(var(--fontwhite1));
  1529. }
  1530.  
  1531. #app-mount .pill-2pQByF { /* textarea command query pill */
  1532. background-color: rgba(var(--vtransparencycolor), 0.5);
  1533. border-radius: 5px;
  1534. }
  1535.  
  1536. /* ---- 6.4. AUTOCOMPLETEMENU ---- */
  1537.  
  1538. #app-mount .autocomplete-1vrmpx { /* autocomplete container */
  1539. background-color: transparent;
  1540. overflow: hidden;
  1541. }
  1542. #app-mount .autocomplete-1vrmpx::before {
  1543. content: "";
  1544. position: absolute;
  1545. top: 0;
  1546. bottom: 0;
  1547. right: 0;
  1548. left: 0;
  1549. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  1550. background-attachment: fixed;
  1551. filter: blur(var(--vpopoutblur));
  1552. width: unset;
  1553. height: unset;
  1554. pointer-events: none;
  1555. z-index: -1;
  1556. }
  1557. #app-mount .autocomplete-1vrmpx::after {
  1558. content: "";
  1559. position: absolute;
  1560. top: 0;
  1561. bottom: 0;
  1562. right: 0;
  1563. left: 0;
  1564. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
  1565. width: unset;
  1566. height: unset;
  1567. border-radius: 5px;
  1568. pointer-events: none;
  1569. z-index: -1;
  1570. }
  1571. .theme-brand .autocomplete-1vrmpx {
  1572. background: rgb(var(--vaccentcolor)) linear-gradient(rgba(var(--vtransparencycolor), 0.2), rgba(var(--vtransparencycolor), 0.2)) !important;
  1573. }
  1574. .theme-brand .autocomplete-1vrmpx::before,
  1575. .theme-brand .autocomplete-1vrmpx::after {
  1576. display: none;
  1577. }
  1578. #app-mount .bar-AokMp3 { /* autocomplete command info */
  1579. background-color: transparent;
  1580. }
  1581. #app-mount .container-3ISnnM::after {
  1582. box-shadow: inset 0 -7px 12px -7px rgba(var(--vtransparencycolor), 0.3);
  1583. }
  1584. #app-mount .header-1TOWci { /* autocomplete header */
  1585. box-shadow: 0 1px 0 0 rgba(var(--vtransparencycolor), 0.2), 0 1px 2px 0 rgba(var(--vtransparencycolor), 0.2);
  1586. }
  1587. #app-mount .divider-23swzi::after { /* autocomplete divider */
  1588. background-color: rgba(var(--fontwhite4), 0.3);
  1589. }
  1590. #app-mount .selected-1Tbx07 { /* autocomplete rowselected */
  1591. background-color: rgba(var(--vtransparencycolor), 0.3);
  1592. }
  1593. #app-mount .option-1B5ZV8 { /* autocomplete option */
  1594. background-color: rgba(var(--vtransparencycolor), 0.5);
  1595. }
  1596.  
  1597. #app-mount .wrapper-uf3cnO { /* autocomplete categories */
  1598. background-color: transparent;
  1599. }
  1600. #app-mount .selected-3xBBKs, /* autocomplete category selected */
  1601. #app-mount .selected-3xBBKs:hover {
  1602. background-color: rgb(var(--vaccentcolor));
  1603. }
  1604.  
  1605. #app-mount .searchSuggestion-2K8OBX:hover { /* gifpicker suggestions */
  1606. color: rgb(var(--fontwhite1));
  1607. }
  1608.  
  1609. #app-mount .placeholder-1kJjXI { /* gifpicker result placeholder */
  1610. background-color: rgba(var(--vtransparencycolor), 0.3);
  1611. }
  1612.  
  1613.  
  1614. /* ---- 6.5. MEMBERLIST ---- */
  1615.  
  1616. .member-3-YXUe { /* member container */
  1617. color: rgb(var(--fontwhite3));
  1618. }
  1619. .clickable-1JJAn8.member-3-YXUe:hover {
  1620. color: rgb(var(--fontwhite2));
  1621. }
  1622. .clickable-1JJAn8.member-3-YXUe:active,
  1623. .selected-aXhQR6.member-3-YXUe {
  1624. color: rgb(var(--fontwhite1));
  1625. }
  1626. .member-3-YXUe:hover .layout-2DM8Md { /* member inner */
  1627. background-color: rgba(var(--vtransparencycolor), 0.2);
  1628. }
  1629. .selected-aXhQR6.member-3-YXUe .layout-2DM8Md {
  1630. background-color: rgb(var(--vaccentcolor));
  1631. text-shadow: 1px 1px var(--vtextshadow);
  1632. }
  1633. .selected-aXhQR6.member-3-YXUe .layout-2DM8Md svg:not(.svg-2V3M55) {
  1634. filter: drop-shadow(1px 1px var(--vtextshadow));
  1635. }
  1636. .member-3-YXUe .name-uJV0GL {
  1637. color: rgb(var(--fontwhite2));
  1638. }
  1639. .member-3-YXUe .activity-2Gy-9S {
  1640. color: rgb(var(--fontwhite3));
  1641. }
  1642. .member-3-YXUe:hover .linkButtonIcon-Mlm5d6,
  1643. .member-3-YXUe.selected-aXhQR6 .linkButtonIcon-Mlm5d6 {
  1644. color: rgb(var(--fontwhite1));
  1645. }
  1646. .member-3-YXUe:hover .name-uJV0GL,
  1647. .member-3-YXUe.selected-aXhQR6 .name-uJV0GL {
  1648. color: rgb(var(--fontwhite1));
  1649. }
  1650. .member-3-YXUe:hover .activity-2Gy-9S,
  1651. .member-3-YXUe.selected-aXhQR6 .activity-2Gy-9S {
  1652. color: rgb(var(--fontwhite2));
  1653. }
  1654. .member-3-YXUe.selected-aXhQR6 .premiumIcon-2IFPOX {
  1655. color: rgb(var(--fontwhite1)) !important;
  1656. }
  1657.  
  1658. .membersGroup-v9BXpm { /* roleheader */
  1659. color: rgb(var(--fontwhite2));
  1660. }
  1661.  
  1662. .avatar-VxgULZ::before { /* emptyavatar */
  1663. background-color: rgba(var(--vtransparencycolor), 0.3);
  1664. }
  1665.  
  1666. .memberGroupsPlaceholder-3mwPub, /* loadingplaceholders */
  1667. .placeholderAvatar-damqh6,
  1668. .placeholderUsername-2B_OA9 {
  1669. background-color: rgba(var(--vtransparencycolor), 0.4);
  1670. }
  1671.  
  1672. /* ---- 6.6. SEARCHPAGE ---- */
  1673.  
  1674. .searchResultsWrap-3-pOjs { /* searchpage container */
  1675. background-color: transparent;
  1676. }
  1677. .searchHeader-2XoQg7 { /* searchpage header */
  1678. background-color: rgba(var(--vtransparencycolor), calc(var(--vguildchanneltransparency) * 0.8));
  1679. border-radius: 0 0 0 8px;
  1680. }
  1681. #app-mount .tab-2j5AEF.selected-2LAck8 { /* searchpage selected tab */
  1682. background-color: rgb(var(--vaccentcolor));
  1683. text-shadow: 1px 1px var(--vtextshadow);
  1684. }
  1685. .channelName-1JRO3C { /* searchpage channelname */
  1686. background-color: transparent;
  1687. }
  1688. .searchResult-9tQ1uo { /* searchpage searchresult */
  1689. background-color: rgba(var(--vtransparencycolor), 0.2);
  1690. }
  1691. .button-11zvza { /* searchpage jumpbutton */
  1692. background-color: rgba(var(--vtransparencycolor), 0.4);
  1693. }
  1694. .button-11zvza:hover {
  1695. background-color: rgb(var(--vaccentcolor));
  1696. text-shadow: 1px 1px var(--vtextshadow);
  1697. }
  1698. .pageButton-2ruNwd:hover {
  1699. background-color: rgba(var(--vtransparencycolor), 0.4);
  1700. }
  1701. #app-mount .activeButton-rvKcqq,
  1702. #app-mount .activeButton-rvKcqq:hover {
  1703. color: rgb(var(--fontwhite1));
  1704. text-shadow: 1px 1px var(--vtextshadow);
  1705. }
  1706.  
  1707. /* ---- 6.7. CALL ---- */
  1708.  
  1709. #app-mount .incomingCallInner-2VmFiR,
  1710. #app-mount .root-3JVdIJ { /* popout inner */
  1711. background-color: transparent;
  1712. border: none;
  1713. }
  1714. .incomingCallInner-2VmFiR::before,
  1715. .root-3JVdIJ::before {
  1716. content: "";
  1717. position: absolute;
  1718. top: 0;
  1719. bottom: 0;
  1720. right: 0;
  1721. left: 0;
  1722. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  1723. background-attachment: fixed;
  1724. filter: blur(var(--vpopoutblur));
  1725. width: unset;
  1726. height: unset;
  1727. pointer-events: none;
  1728. z-index: -1;
  1729. }
  1730. .incomingCallInner-2VmFiR::after,
  1731. .root-3JVdIJ::after {
  1732. content: "";
  1733. position: absolute;
  1734. top: 0;
  1735. bottom: 0;
  1736. right: 0;
  1737. left: 0;
  1738. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
  1739. width: unset;
  1740. height: unset;
  1741. pointer-events: none;
  1742. z-index: -1;
  1743. }
  1744. #app-mount .members-2BNiuX { /* popout members */
  1745. color: rgb(var(--fontwhite1));
  1746. }
  1747. #app-mount .subtitle-1H8FPn { /* popout subtitle */
  1748. color: rgb(var(--fontwhite3));
  1749. }
  1750.  
  1751. #app-mount .wrapper-2qzCYF { /* call wrapper */
  1752. background-color: rgba(var(--vtransparencycolor), calc(var(--vguildchanneltransparency) * 0.8));
  1753. }
  1754. #app-mount .root-217Brm { /* call root */
  1755. color: rgb(var(--fontwhite1));
  1756. }
  1757. .videoWrapper-2v09vt { /* call video wrapper */
  1758. background-color: rgba(var(--vtransparencycolor), 0.3);
  1759. }
  1760. .video-1FfuMD { /* call video */
  1761. background-color: transparent;
  1762. }
  1763. .tile-2naSqK, /* call user video voicechannel */
  1764. .tile-2gi3tr { /* call user video dm */
  1765. background-color: rgba(var(--vtransparencycolor), 0.3);
  1766. }
  1767. .gradientContainer-10lXLB { /* call gradientcontainer */
  1768. display: none;
  1769. }
  1770. .participantsButton-KYW-IW { /* call participantsbutton */
  1771. background-color: rgba(0, 0, 0, 0.3);
  1772. }
  1773. .participantsButton-KYW-IW:hover {
  1774. background-color: rgba(0, 0, 0, 0.6);
  1775. }
  1776. .centerButton-3CaNcJ,
  1777. .colorable-1bkp8v.primaryDark-3mSFDl {
  1778. background-color: rgba(var(--vtransparencycolor), 0.5);
  1779. }
  1780. .centerButton-3CaNcJ:hover,
  1781. .colorable-1bkp8v.primaryDark-3mSFDl:hover {
  1782. background-color: rgb(var(--vaccentcolor));
  1783. }
  1784. .button-3HqqDX {
  1785. background-color: rgba(var(--vtransparencycolor), 0.4);
  1786. color: rgb(var(--fontwhite1));
  1787. }
  1788. .button-3HqqDX:hover {
  1789. background-color: rgba(var(--vtransparencycolor), 0.6);
  1790. }
  1791. .controlButton-2MhVEL.leaveButton-2YnTyt {
  1792. background-color: rgba(240, 71, 71, 0.5);
  1793. }
  1794. .controlButton-2MhVEL.leaveButton-2YnTyt:hover {
  1795. background-color: rgb(240, 71, 71);
  1796. }
  1797. .regionSelectPopout-p9-0_W {
  1798. width: 170px;
  1799. }
  1800.  
  1801. /* ---- 6.8. UNAVAILABLESCREEN ---- */
  1802.  
  1803. .category-2haXBH, /* loadingplaceholders */
  1804. .channelIcon-1TvDoP,
  1805. .channelName-2wrHHc {
  1806. background: rgba(var(--vtransparencycolor), 0.4);
  1807. }
  1808. .splashImage-13vBzp { /* screen image */
  1809. opacity: 0.7;
  1810. }
  1811. .splashHeader-ehL7gZ { /* screen headertext */
  1812. color: rgb(var(--fontwhite1));
  1813. }
  1814.  
  1815.  
  1816. /* ~~~~ 7. PEOPLES ~~~~ */
  1817.  
  1818. .wrapper-1cBijl { /* friendsadd inputcontainer */
  1819. background-color: rgba(var(--vtransparencycolor), 0.1);
  1820. border-color: rgba(var(--vtransparencycolor), 0.3);
  1821. }
  1822. .wrapper-1cBijl:hover {
  1823. border-color: rgb(var(--vtransparencycolor));
  1824. }
  1825. .wrapper-1cBijl .addFriendInput-4bcerK {
  1826. color: rgb(var(--fontwhite1));
  1827. }
  1828. .wrapper-1cBijl .addFriendInput-4bcerK::placeholder,
  1829. .addFriendHint-3Y70FX {
  1830. color: rgb(var(--fontwhite4));
  1831. }
  1832.  
  1833. .tableHeaderText-2io-_N, /* tableheader text */
  1834. .onlineStatusGroupTitle-6ObdV6 { /* groupheader */
  1835. color: rgb(var(--fontwhite2));
  1836. }
  1837.  
  1838. .tableHeader-2Ctu7Y { /* tablerheader border */
  1839. border-top-color: rgba(var(--fontwhite4), 0.5);
  1840. }
  1841. .peopleListItem-2nzedh { /* peoples row */
  1842. border-top-color: rgba(var(--fontwhite1), 0.1);
  1843. }
  1844. .peopleListItem-2nzedh .username-31C1TQ { /* peoples username */
  1845. color: rgb(var(--fontwhite2));
  1846. }
  1847. .peopleListItem-2nzedh .discriminator-22Okc1 { /* peoples discriminator */
  1848. color: rgb(var(--fontwhite4));
  1849. }
  1850. .peopleListItem-2nzedh .subtext-24R4-w { /* peoples subtext */
  1851. color: rgb(var(--fontwhite3));
  1852. }
  1853. .peopleListItem-2nzedh .actionButton-uPB8Fs { /* peoples actionbutton */
  1854. background-color: rgba(var(--vtransparencycolor), 0.1);
  1855. color: rgb(var(--fontwhite3));
  1856. }
  1857. .peopleListItem-2nzedh:hover {
  1858. background-color: rgba(var(--vtransparencycolor), 0.3);
  1859. }
  1860. .peopleListItem-2nzedh:hover .username-31C1TQ {
  1861. color: rgb(var(--fontwhite1));
  1862. }
  1863. .peopleListItem-2nzedh:hover .discriminator-22Okc1 {
  1864. color: rgb(var(--fontwhite3));
  1865. }
  1866. .peopleListItem-2nzedh:hover .subtext-24R4-w {
  1867. color: rgb(var(--fontwhite2));
  1868. }
  1869. .peopleListItem-2nzedh:hover .actionButton-uPB8Fs {
  1870. background-color: rgba(var(--vtransparencycolor), 0.3);
  1871. color: rgb(var(--fontwhite2));
  1872. }
  1873. .peopleListItem-2nzedh .actionButton-uPB8Fs:hover {
  1874. background-color: rgb(var(--vaccentcolor));
  1875. color: rgb(var(--fontwhite1));
  1876. }
  1877. .header-13Cw0- { /* playing header */
  1878. color: rgb(var(--fontwhite2));
  1879. }
  1880. #app-mount .outer-1AjyKL { /* playing card */
  1881. background-color: rgba(var(--vtransparencycolor), 0.2);
  1882. }
  1883. #app-mount .outer-1AjyKL.active-1xchHY,
  1884. #app-mount .outer-1AjyKL.interactive-3B9GmY:hover {
  1885. background-color: rgba(var(--vtransparencycolor), 0.4);
  1886. }
  1887. #app-mount .inset-3sAvek { /* playing card inner */
  1888. background-color: rgba(var(--vtransparencycolor), 0.2);
  1889. }
  1890. .emptyCard-1RJw8n { /* playing empty card */
  1891. background-color: rgba(var(--vtransparencycolor), 0.2);
  1892. }
  1893. #app-mount .partyMemberOverflow-lXnzvu {
  1894. background: rgba(var(--vtransparencycolor), 0.5);
  1895. }
  1896. #app-mount .partyMemberBackground-3XOgDv,
  1897. #app-mount .partyMemberUnknown-fwK2DC {
  1898. background-color: rgba(var(--vtransparencycolor), 0.5);
  1899. }
  1900. #app-mount .partyMemberUnknownIcon-1eDbV6 {
  1901. color: color: rgb(var(--fontwhite4));
  1902. }
  1903. #app-mount .popout-38lTFE { /* playing popout */
  1904. background-color: transparent;
  1905. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 8px 16px 0 rgba(var(--vtransparencycolor), 0.3);
  1906. overflow: hidden;
  1907. }
  1908. .popout-38lTFE::before {
  1909. content: "";
  1910. position: absolute;
  1911. top: 0;
  1912. bottom: 0;
  1913. right: 0;
  1914. left: 0;
  1915. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  1916. background-attachment: fixed;
  1917. filter: blur(var(--vpopoutblur));
  1918. width: unset;
  1919. height: unset;
  1920. pointer-events: none;
  1921. z-index: -1;
  1922. }
  1923. .popout-38lTFE::after {
  1924. content: "";
  1925. position: absolute;
  1926. top: 0;
  1927. bottom: 0;
  1928. right: 0;
  1929. left: 0;
  1930. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.3));
  1931. width: unset;
  1932. height: unset;
  1933. pointer-events: none;
  1934. z-index: -1;
  1935. }
  1936. #app-mount .memberListItem-31QoHj:not(.popoutDisabled-2RK7MF):hover,
  1937. #app-mount .enabled-1t_Gxm:hover {
  1938. background-color: rgba(var(--vtransparencycolor), 0.2);
  1939. }
  1940.  
  1941.  
  1942. /* ~~~~ 7. STORE/NITRO ~~~~ */
  1943.  
  1944. .gridItemBadge-1Se-Pu {
  1945. text-shadow: 1px 1px var(--vtextshadow);
  1946. }
  1947. .gridItemHeading-3D4Rb2 {
  1948. color: rgb(var(--fontwhite1));
  1949. }
  1950. .gridItemSubheading-FIneEP {
  1951. color: rgb(var(--fontwhite1));
  1952. }
  1953.  
  1954. .marketingHeader-2Iq7qk { /* marketingheader */
  1955. background-color: rgba(var(--vtransparencycolor), 0.3);
  1956. }
  1957.  
  1958. .detailsBlock-FoDTGA { /* billing details */
  1959. background-color: rgba(var(--vtransparencycolor), 0.3);
  1960. }
  1961.  
  1962. .sectionHeader-127c3L { /* header */
  1963. color: rgb(var(--fontwhite1));
  1964. }
  1965. .tier2PlanName-2TttcQ { /* header svgtitle */
  1966. color: rgb(var(--fontwhite1));
  1967. }
  1968. #app-mount .title-2a5mvx { /* header title */
  1969. color: rgb(var(--fontwhite1));
  1970. }
  1971. #app-mount .subtitle-UfhpvR, /* header subtitle */
  1972. #app-mount .subtitleRepositioned-11uB9- {
  1973. color: rgb(var(--fontwhite2));
  1974. }
  1975. .yearlyButtonDiscount-2K7GZZ {
  1976. border-color: rgba(var(--fontwhite1), 0.3);
  1977. }
  1978.  
  1979. .subsectionHeader-1SVMaW { /* subsection header */
  1980. color: rgb(var(--fontwhite1));
  1981. }
  1982. .blurb-1H7VPv { /* subsection description */
  1983. color: rgb(var(--fontwhite2));
  1984. }
  1985. .title-3IUNJ6 { /* subsection featuretitle */
  1986. color: rgb(var(--fontwhite1));
  1987. }
  1988. .description-yMw5z0 { /* subsection featuredescription */
  1989. color: rgb(var(--fontwhite2));
  1990. }
  1991. .guildMoreFeatures-svfRvH { /* subsection footer */
  1992. color: rgb(var(--fontwhite1));
  1993. }
  1994.  
  1995. #app-mount .categoryHeader-1D7Tqy, /* categoryheader */
  1996. #app-mount .premiumApplicationsHeader-Zmkm5e {
  1997. color: rgb(var(--fontwhite1));
  1998. border-color: rgba(var(--fontwhite4), 0.3);
  1999. }
  2000.  
  2001. .gradientOverlay-298TBM { /* cardscroller gradient */
  2002. display: none;
  2003. }
  2004. .scrollerButton-1Vm5_P { /* cardscroller button */
  2005. background-color: rgba(var(--vtransparencycolor), 0.3);
  2006. color: rgb(var(--fontwhite1));
  2007. }
  2008.  
  2009. #app-mount .tile-QA_yMc { /* gamecard container */
  2010. background-color: rgba(var(--vtransparencycolor), 0.3);
  2011. box-shadow: 0 0 0 rgba(var(--vtransparencycolor), 0.15);
  2012. }
  2013. #app-mount .description-2oYgWO { /* gamecard description */
  2014. color: rgb(var(--fontwhite1));
  2015. }
  2016. #app-mount .tagline-EIH5-W, /* gamecard tagline */
  2017. #app-mount .title-2XwaXv { /* gamecard title */
  2018. color: rgb(var(--fontwhite2));
  2019. }
  2020. #app-mount .perkTag-2O4dx4 { /* gamecard perktag */
  2021. border-radius: 4px;
  2022. color: rgb(var(--fontwhite1));
  2023. }
  2024.  
  2025. #app-mount .tier1Banner-1BTgv0 { /* tier1banner container */
  2026. background-color: rgba(var(--vtransparencycolor), 0.3);
  2027. color: rgb(var(--fontwhite1));
  2028. }
  2029. .headerIcon-3bqya6 { /* tier1banner svgtitle */
  2030. color: rgb(var(--fontwhite1));
  2031. }
  2032.  
  2033. .carouselButtonsContainer-Rba2-D { /* gamepreview container */
  2034. color: rgb(var(--fontwhite1));
  2035. }
  2036. .smallCarousel-2e0IQc {
  2037. background-color: rgba(var(--vtransparencycolor), 0.3);
  2038. border-radius: 5px;
  2039. }
  2040. #app-mount .item-3V15ea { /* gamepreview previewitem */
  2041. background-color: rgba(var(--vtransparencycolor), 0.3);
  2042. }
  2043. .arrow-3jRqK8 { /* gamepreview prev/nextarrow (big) */
  2044. background-color: rgba(var(--vtransparencycolor), 0.3);
  2045. }
  2046. .arrow-vOpU7R { /* gamepreview prev/nextarrow (small) */
  2047. color: rgb(var(--fontwhite1));
  2048. }
  2049. .dot-2Q_mMZ { /* gamepreview itemdot (small) */
  2050. background-color: rgb(var(--fontwhite1));
  2051. }
  2052.  
  2053. #app-mount .root-1bFE0x { /* gameinfo sectioncontainer */
  2054. background-color: rgba(var(--vtransparencycolor), 0.2);
  2055. }
  2056. #app-mount .header-3HFF3R { /* gameinfo sectionheader */
  2057. color: rgb(var(--fontwhite1));
  2058. }
  2059. #app-mount .section-7tu4tu { /* gameinfo subsection */
  2060. border-bottom-color: rgba(var(--fontwhite4), 0.3);
  2061. }
  2062. #app-mount .playerOverflow-2Hf77M {
  2063. background-color: rgba(var(--vtransparencycolor), 0.3);
  2064. color: rgb(var(--fontwhite2));
  2065. }
  2066. #app-mount .description-2Ifi6N { /* gameinfo subsectiondescription */
  2067. color: rgb(var(--fontwhite3));
  2068. }
  2069. #app-mount .description-2Ifi6N strong,
  2070. #app-mount .username-2gp_Xw { /* gameinfo subsectionusername */
  2071. color: rgb(var(--fontwhite1));
  2072. }
  2073. #app-mount .smallHeader-2h-9-U { /* gameinfo subsectionheader */
  2074. color: rgb(var(--fontwhite3));
  2075. }
  2076. #app-mount .text-1Z3P6i { /* gameinfo subsectiontext */
  2077. color: rgb(var(--fontwhite1));
  2078. }
  2079. #app-mount .iconCircle-1dlYo0 {
  2080. background-color: rgba(var(--vtransparencycolor), 0.3);
  2081. }
  2082. #app-mount .circle-1nK_79 {
  2083. color: rgb(var(--fontwhite1));
  2084. }
  2085.  
  2086. #app-mount .divider-21LyPb { /* section divider */
  2087. border-color: rgba(var(--fontwhite4), 0.3);
  2088. }
  2089. #app-mount .blurb-1iBKJy { /* section description */
  2090. color: rgb(var(--fontwhite1));
  2091. }
  2092. #app-mount .description-1AwRKJ, /* section subdescription */
  2093. #app-mount .markdown-11q6EU {
  2094. color: rgb(var(--fontwhite3));
  2095. }
  2096.  
  2097. #app-mount .tile-PuWjfs { /* perkcard container */
  2098. background-color: rgba(var(--vtransparencycolor), 0.3);
  2099. box-shadow: 0 0 0 rgba(var(--vtransparencycolor), 0.15);
  2100. }
  2101. .tile-PuWjfs div.splashPlaceholder-1ev-9c { /* perkcard imagecontainer */
  2102. background-color: transparent;
  2103. position: relative;
  2104. z-index: 5;
  2105. }
  2106. .tile-PuWjfs div.splashPlaceholder-1ev-9c::before {
  2107. content: "";
  2108. position: absolute;
  2109. top: 0;
  2110. bottom: 0;
  2111. right: 0;
  2112. left: 0;
  2113. background: var(--vbackground) var(--vbackgroundposition)/var(--vbackgroundsize);
  2114. background-attachment: fixed;
  2115. filter: blur(var(--vbackgroundblur));
  2116. pointer-events: none;
  2117. z-index: -1;
  2118. }
  2119. .tile-PuWjfs div.splashPlaceholder-1ev-9c::after {
  2120. content: "";
  2121. position: absolute;
  2122. top: 0;
  2123. bottom: 0;
  2124. right: 0;
  2125. left: 0;
  2126. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  2127. pointer-events: none;
  2128. z-index: -1;
  2129. }
  2130. .tile-PuWjfs img.splashPlaceholder-1ev-9c { /* perkcard image */
  2131. -webkit-mask: linear-gradient(rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
  2132. }
  2133. .tile-PuWjfs .description-2h6giI { /* perkcard imagecontainer */
  2134. color: rgb(var(--fontwhite1));
  2135. z-index: 6;
  2136. }
  2137. #app-mount .mediaFade-2NVPtV { /* perkcard fade */
  2138. background: transparent;
  2139. }
  2140. #app-mount .item-2yFVoY { /* newscard container */
  2141. background-color: rgba(var(--vtransparencycolor), 0.3);
  2142. box-shadow: 0 0 0 rgba(var(--vtransparencycolor), 0.15);
  2143. }
  2144. #app-mount .collapsedTimestamp-2gjDIM, /* newscard timestamp */
  2145. #app-mount .openTimestamp-sTgPmn {
  2146. color: rgb(var(--fontwhite3));
  2147. }
  2148. #app-mount .title-i-qCkH { /* newscard title */
  2149. color: rgb(var(--fontwhite1));
  2150. }
  2151. #app-mount .openDescription-2XUOH3 { /* newscard description */
  2152. color: rgb(var(--fontwhite3));
  2153. }
  2154.  
  2155. #app-mount .requirements-dEriwm { /* requirements */
  2156. color: rgb(var(--fontwhite2));
  2157. }
  2158. #app-mount .requirementKey-14DT2D { /* requirements key */
  2159. color: rgb(var(--fontwhite4));
  2160. }
  2161. #app-mount .content-1zhNsr { /* requirements rating */
  2162. color: rgb(var(--fontwhite4));
  2163. }
  2164. #app-mount .content-3FEARf { /* requirements copyright */
  2165. color: rgb(var(--fontwhite4));
  2166. }
  2167.  
  2168. #app-mount .bodySection-jqkkIP { /* sidebar section */
  2169. background-color: rgba(var(--vtransparencycolor), 0.2);
  2170. border-top-color: rgba(var(--fontwhite4), 0.3);
  2171. }
  2172. #app-mount .actionText-3EKWER { /* sidebar header */
  2173. color: rgb(var(--fontwhite2));
  2174. }
  2175. #app-mount .purchaseUnitOperatingSystem-cnbJPz { /* sidebar OSicon */
  2176. color: rgb(var(--fontwhite2));
  2177. }
  2178. #app-mount .price-4PDWNj, /* sidebar price */
  2179. #app-mount .listingPrice-2GiDSc {
  2180. color: rgb(var(--fontwhite1));
  2181. }
  2182. #app-mount .title-2xCQKy { /* sidebar subtitle */
  2183. color: rgb(var(--fontwhite1));
  2184. }
  2185. #app-mount .skuNormal-3h1es- { /* sidebar pricerow */
  2186. border-bottom-color: rgba(var(--fontwhite4), 0.4);
  2187. }
  2188. #app-mount .name-u2zgy7 { /* sidebar pricename */
  2189. color: rgb(var(--fontwhite3));
  2190. }
  2191. #app-mount .price-NUANu6 { /* sidebar priceamount */
  2192. background-color: rgba(var(--vtransparencycolor), 0.3);
  2193. color: rgb(var(--fontwhite1));
  2194. }
  2195. #app-mount .label-13UUcd { /* sidebar label */
  2196. color: rgb(var(--fontwhite4));
  2197. }
  2198. #app-mount .info-1Emy1X { /* sidebar labelinfo */
  2199. color: rgb(var(--fontwhite1));
  2200. }
  2201.  
  2202. #app-mount .content-35aVm0 { /* invitecard container */
  2203. background-color: rgba(var(--vtransparencycolor), 0.2);
  2204. }
  2205. #app-mount .name-3TBxUq { /* invitecard guildname */
  2206. color: rgb(var(--fontwhite3));
  2207. }
  2208. #app-mount .memberInfo-1TAaKC { /* invitecard memberinfo */
  2209. color: rgb(var(--fontwhite4));
  2210. }
  2211.  
  2212. #app-mount .row-1bU71H { /* features row */
  2213. background-color: rgba(var(--vtransparencycolor), 0.2);
  2214. color: rgb(var(--fontwhite3));
  2215. }
  2216. #app-mount .featureIcon-1f78KU { /* features featureicon */
  2217. color: rgb(var(--fontwhite3));
  2218. }
  2219. #app-mount .feature-2w65J5 { /* features feature */
  2220. background-color: rgba(var(--vtransparencycolor), 0.4);
  2221. }
  2222. .featureImage-2L9kA0 { /* features image */
  2223. opacity: 0.7;
  2224. }
  2225. .banner-WELp4M { /* features xbox promo */
  2226. background-color: rgba(var(--vtransparencycolor), 0.4);
  2227. }
  2228.  
  2229.  
  2230. /* ~~~~ 9. LIBRARY ~~~~ */
  2231.  
  2232. .header-39GIC8 { /* library table header */
  2233. background-color: transparent;
  2234. border-bottom-color: rgba(var(--fontwhite4), 0.5);
  2235. color: rgb(var(--fontwhite3));
  2236. position: relative;
  2237. }
  2238. .header-39GIC8::before {
  2239. content: "";
  2240. position: absolute;
  2241. top: 0;
  2242. bottom: 0;
  2243. right: 0;
  2244. left: 0;
  2245. background: var(--vbackground) var(--vbackgroundposition)/var(--vbackgroundsize);
  2246. background-attachment: fixed;
  2247. filter: blur(var(--vbackgroundblur));
  2248. width: unset;
  2249. height: unset;
  2250. pointer-events: none;
  2251. z-index: -1;
  2252. }
  2253. .header-39GIC8::after {
  2254. content: "";
  2255. position: absolute;
  2256. top: 0;
  2257. bottom: 0;
  2258. right: 0;
  2259. left: 0;
  2260. background-color: rgba(var(--vtransparencycolor), 0.4);
  2261. width: unset;
  2262. height: unset;
  2263. pointer-events: none;
  2264. z-index: -1;
  2265. }
  2266. .headerCell-3L6rFG { /* library table headercell */
  2267. border-left-color: rgba(var(--fontwhite4), 0.3);
  2268. }
  2269. .clickable-VxMZ3b {
  2270. color: rgb(var(--fontwhite2));
  2271. }
  2272. .clickable-VxMZ3b:hover {
  2273. color: rgb(var(--fontwhite1));
  2274. }
  2275. .lastPlayedCell-2arbtc,
  2276. .platformCell-XyBBs6 {
  2277. color: rgb(var(--fontwhite3));
  2278. }
  2279. .headerCellSorted-3a5AzJ,
  2280. .headerCellSorted-3a5AzJ:hover {
  2281. color: rgb(var(--fontwhite1));
  2282. }
  2283. .row-ZLfFhY { /* library table row */
  2284. color: rgb(var(--fontwhite3));
  2285. }
  2286. .rowWrapperActive-2L7i9f {
  2287. background-color: rgba(var(--vtransparencycolor), 0.2);
  2288. }
  2289. .rowWrapper-2fB6P0 + .rowWrapper-2fB6P0 .row-ZLfFhY {
  2290. border-top-color: rgba(var(--fontwhite4), 0.3);
  2291. }
  2292. .nameCellText-1mpqtF { /* library table namecell */
  2293. color: rgb(var(--fontwhite2));
  2294. }
  2295. .row-ZLfFhY:hover .nameCellText-1mpqtF {
  2296. color: rgb(var(--fontwhite1));
  2297. }
  2298. .textCell-1aBIUP { /* library table textcell */
  2299. color: rgb(var(--fontwhite4));
  2300. }
  2301. .row-ZLfFhY:hover .textCell-1aBIUP {
  2302. color: rgb(var(--fontwhite3));
  2303. }
  2304. .icon-1IKq3C { /* library table icon */
  2305. color: rgb(var(--fontwhite4));
  2306. }
  2307. .row-ZLfFhY:hover .icon-1IKq3C {
  2308. color: rgb(var(--fontwhite3));
  2309. }
  2310. .emptyWumpus-12J3jI { /* library no games */
  2311. opacity: 0.6;
  2312. }
  2313.  
  2314.  
  2315. /* ~~~~ 10. DISCOVERY ~~~~ */
  2316.  
  2317. .categoryItem-3zFJns { /* categoryitem container */
  2318. color: rgb(var(--fontwhite3));
  2319. }
  2320. .clickable-1JJAn8.categoryItem-3zFJns:hover {
  2321. color: rgb(var(--fontwhite2));
  2322. }
  2323. .clickable-1JJAn8.categoryItem-3zFJns:active,
  2324. .selected-aXhQR6.categoryItem-3zFJns {
  2325. color: rgb(var(--fontwhite1));
  2326. }
  2327. .categoryItem-3zFJns:hover .layout-2DM8Md { /* categoryitem inner */
  2328. background-color: rgba(var(--vtransparencycolor), 0.2);
  2329. }
  2330. .selected-aXhQR6.categoryItem-3zFJns .layout-2DM8Md {
  2331. background-color: rgb(var(--vaccentcolor));
  2332. text-shadow: 1px 1px var(--vtextshadow);
  2333. }
  2334. .selected-aXhQR6.categoryItem-3zFJns .layout-2DM8Md svg:not(.svg-2V3M55) {
  2335. filter: drop-shadow(1px 1px var(--vtextshadow));
  2336. }
  2337. .categoryItem-3zFJns .name-uJV0GL {
  2338. color: rgb(var(--fontwhite2));
  2339. }
  2340. .categoryItem-3zFJns:hover .name-uJV0GL,
  2341. .categoryItem-3zFJns.selected-aXhQR6 .name-uJV0GL {
  2342. color: rgb(var(--fontwhite1));
  2343. }
  2344.  
  2345. #app-mount .pageWrapper-1PgVDX { /* guilddiscovery container */
  2346. color: rgb(var(--fontwhite1));
  2347. }
  2348. .select-2TCrqx.languageSelector-1R8fPE [class*="css-"][class*="-control"] {
  2349. background-color: rgba(var(--vtransparencycolor), 0.3);
  2350. }
  2351. .container-RHl2Ju { /* guilddiscovery news container */
  2352. background-color: rgba(var(--vtransparencycolor), 0.3);
  2353. }
  2354. #app-mount .sectionSeparator-2OWiNT { /* guilddiscovery separator */
  2355. border-top-color: rgba(var(--fontwhite4), 0.3);
  2356. }
  2357. /* guilddiscovery pagebutton */
  2358. #app-mount .pageButton-MknE-_:not(.activeButton-1BJAiN):hover {
  2359. background-color: rgba(var(--vtransparencycolor), 0.3);
  2360. color: rgb(var(--fontwhite1));
  2361. }
  2362. #app-mount .activeButton-1BJAiN,
  2363. #app-mount .activeButton-1BJAiN:hover { /* guilddiscovery pagebuttonactive */
  2364. color: rgb(var(--fontwhite1));
  2365. }
  2366.  
  2367. #app-mount .card-3DjzTQ { /* guildcard container */
  2368. background-color: rgba(var(--vtransparencycolor), 0.3);
  2369. }
  2370. #app-mount .iconMask-3b8GzQ { /* guildcard iconmask */
  2371. background-color: rgba(var(--vtransparencycolor), 0.2);
  2372. }
  2373. #app-mount .card-3DjzTQ:hover,
  2374. #app-mount .iconMask-3b8GzQ:hover {
  2375. background-color: rgba(var(--vtransparencycolor), 0.4);
  2376. }
  2377. #app-mount .cardPlaceholder-1zrbbe { /* guildcard placeholder */
  2378. background-color: rgba(var(--vtransparencycolor), 0.2);
  2379. }
  2380. #app-mount .loading-17PYl_ { /* guildcard loading */
  2381. background-color: rgba(var(--vtransparencycolor), 0.5);
  2382. }
  2383. #app-mount .guildName-1yURO5 { /* guildcard guildname */
  2384. color: rgb(var(--fontwhite1));
  2385. }
  2386. #app-mount .description-2QALGo { /* guildcard description */
  2387. color: rgb(var(--fontwhite3));
  2388. }
  2389.  
  2390. .search-1iTphC .searchBox-2_mAlO .searchBoxInput-K6mkng { /* search searchinput */
  2391. color: rgb(var(--fontwhite1));
  2392. }
  2393. .search-1iTphC .searchBox-2_mAlO .cta-BiH9zX { /* search searchtip */
  2394. color: rgb(var(--fontwhite3));
  2395. }
  2396. .categoryPill-34fszg .categoryLabel-2G3r2V { /* search categorypill */
  2397. color: rgb(var(--fontwhite3));
  2398. }
  2399. .emojiContainer-1u-_sQ { /* search emojicontainer */
  2400. background-color: rgba(var(--vtransparencycolor), 0.3);
  2401. }
  2402. .emptyContainer-1_gwCl { /* search no results */
  2403. background-color: rgba(var(--vtransparencycolor), 0.4);
  2404. }
  2405. .placeholder-2erB-x { /* search placeholder */
  2406. background-color: rgba(var(--vtransparencycolor), 0.4);
  2407. }
  2408.  
  2409.  
  2410. /* ~~~~ 11. USERSETTINGS ~~~~ */
  2411.  
  2412. .themed-OHr7kt.item-PXvHYJ { /* sidebar item */
  2413. color: rgb(var(--fontwhite3));
  2414. }
  2415. .item-PXvHYJ[style^="color: rgb(255, 255, 255)"],
  2416. .item-PXvHYJ[style*=" color: rgb(255, 255, 255)"] {
  2417. color: rgb(var(--fontwhite1)) !important;
  2418. }
  2419. .item-PXvHYJ[style*="background-color: rgb(114, 137, 218)"] {
  2420. text-shadow: 1px 1px var(--vtextshadow);
  2421. }
  2422. .themed-OHr7kt.item-PXvHYJ:hover {
  2423. color: rgb(var(--fontwhite2));
  2424. }
  2425. .side-8zPYf6 .themed-OHr7kt.item-PXvHYJ:hover:not(.disabled-1Hwwfb), /* sideitems */
  2426. .topPill-30KHOu .themed-OHr7kt.item-PXvHYJ:hover:not(.disabled-1Hwwfb) { /* tabitems */
  2427. background-color: rgba(var(--vtransparencycolor), 0.2);
  2428. }
  2429. .side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ,
  2430. .topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ,
  2431. .side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ:hover,
  2432. .topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ:hover {
  2433. background-color: rgb(var(--vaccentcolor));
  2434. color: rgb(var(--fontwhite1));
  2435. text-shadow: 1px 1px var(--vtextshadow);
  2436. }
  2437.  
  2438. .header-2RyJ0Y { /* sidebar sideitemheader */
  2439. color: rgb(var(--fontwhite3));
  2440. }
  2441. .separator-gCa7yv { /* sidebar sideitemseparator */
  2442. background-color: rgba(var(--fontwhite4), 0.3);
  2443. }
  2444. #app-mount .foreground-26ym5y { /* sidebar sideitemlink */
  2445. fill: rgb(var(--fontwhite3));
  2446. }
  2447. #app-mount .link-1IoFq-:hover .foreground-26ym5y {
  2448. fill: rgb(var(--fontwhite1));
  2449. }
  2450.  
  2451. .bd-social-link[title="BD" i] .bd-social-logo,
  2452. .bd-social-link[title="BetterDiscord" i] .bd-social-logo,
  2453. .bd-social-link[title="BBD" i] .bd-social-logo,
  2454. .bd-social-link[title="BandagedBD" i] .bd-social-logo {
  2455. background: rgb(var(--fontwhite3));
  2456. -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/settingsicons/betterdiscord.svg) center/contain no-repeat;
  2457. opacity: 1;
  2458. transition: background .15s ease;
  2459. }
  2460. .bd-social-link[title="BD" i]:hover .bd-social-logo,
  2461. .bd-social-link[title="BetterDiscord" i]:hover .bd-social-logo,
  2462. .bd-social-link[title="BBD" i]:hover .bd-social-logo,
  2463. .bd-social-link[title="BandagedBD" i]:hover .bd-social-logo {
  2464. background: rgb(var(--fontwhite1));
  2465. }
  2466. .bd-social-link[title="BD" i] .bd-social-logo > *,
  2467. .bd-social-link[title="BetterDiscord" i] .bd-social-logo > *,
  2468. .bd-social-link[title="BBD" i] .bd-social-logo > *,
  2469. .bd-social-link[title="BandagedBD" i] .bd-social-logo > * {
  2470. display: none;
  2471. }
  2472.  
  2473. #app-mount .closeButton-1tv5uR { /* closebutton item */
  2474. border-color: rgb(var(--fontwhite4));
  2475. }
  2476. #app-mount .closeButton-1tv5uR path.fill {
  2477. fill: rgb(var(--fontwhite4));
  2478. }
  2479. #app-mount .closeButton-1tv5uR:hover {
  2480. background-color: rgba(var(--vaccentcolor), 0.2);
  2481. border-color: rgb(var(--vaccentcolor));
  2482. }
  2483. #app-mount .closeButton-1tv5uR:hover path.fill {
  2484. fill: rgb(var(--vaccentcolor));
  2485. }
  2486. #app-mount .keybind-KpFkfr { /* closebutton keybind */
  2487. color: rgb(var(--fontwhite4));
  2488. }
  2489.  
  2490. .cardPrimary-1Hv-to, .cardPrimaryEditable-3KtE4g { /* settingsitems card */
  2491. border-color: rgba(var(--vtransparencycolor), 0.1);
  2492. }
  2493. .cardPrimary-1Hv-to {
  2494. background-color: rgba(var(--vtransparencycolor), 0.2);
  2495. }
  2496. .cardPrimaryEditable-3KtE4g {
  2497. background-color: rgba(var(--vtransparencycolor), 0.1);
  2498. }
  2499. .cardPrimaryOutline-29Ujqw {
  2500. border-color: rgba(var(--vtransparencycolor), 0.2);
  2501. }
  2502. #app-mount .card-2qG0dv {
  2503. color: rgb(var(--fontwhite1));
  2504. }
  2505.  
  2506. .title-31JmR4 { /* settingsitems settingstitle */
  2507. color: rgb(var(--fontwhite1));
  2508. }
  2509. .divider-3573oO { /* settingsitems settingstitle */
  2510. border-color: rgba(var(--fontwhite1), 0.1);
  2511. }
  2512.  
  2513. #app-mount .userSettingsAccount-2eMFVR .viewBody-2Qz-jg { /* accountsettings info */
  2514. color: rgb(var(--fontwhite3));
  2515. }
  2516. .questionMark-CWEQZn .icon-3a_Jgd, /* accountsettings questionmark */
  2517. .questionMark-3qBhGj .icon-3OA7an { /* accountsettings questionmark new */
  2518. color: rgb(var(--fontwhite1));
  2519. }
  2520. #app-mount .avatarUploader-3XDtmn .removeButton-1hcZyG { /* accountsettings removeavatar */
  2521. color: rgb(var(--fontwhite3));
  2522. }
  2523. #app-mount .userSettingsSecurity-3IYeMF .codeCheckbox-1T0TTy {
  2524. color: rgb(var(--fontwhite2));
  2525. }
  2526. #app-mount .background-1QDuV2 { /* accountsettings container */
  2527. background-color: rgba(var(--vtransparencycolor), 0.2);
  2528. }
  2529. #app-mount .fieldList-21DyL8 { /* accountsettings settings */
  2530. background-color: rgba(var(--vtransparencycolor), 0.4);
  2531. }
  2532.  
  2533. .accountList-33MS45 { /* connections container */
  2534. background-color: rgba(var(--vtransparencycolor), 0.4);
  2535. }
  2536. .accountBtn-2Nozo3 .accountBtnInner-sj5jLs { /* connections connectioninner */
  2537. background-color: rgba(var(--vtransparencycolor), 0.2);
  2538. }
  2539. .accountBtn-2Nozo3 .accountBtnInner-sj5jLs:hover {
  2540. background-color: rgb(var(--vaccentcolor));
  2541. }
  2542. .connection-1fbD7X { /* connections connection */
  2543. background-color: rgba(var(--vtransparencycolor), 0.3);
  2544. }
  2545. .connectionHeader-2MDqhu { /* connections connection header */
  2546. background-color: rgba(var(--vtransparencycolor), 0.2);
  2547. }
  2548. .connectionHeader-2MDqhu .connectionAccountValue-3VdBGs {
  2549. color: rgb(var(--fontwhite1));
  2550. }
  2551. .connectionHeader-2MDqhu .description-3_Ncsb {
  2552. color: rgb(var(--fontwhite2)) !important;
  2553. opacity: 1;
  2554. }
  2555. .subEnabledTitle-2ElRo_ {
  2556. color: rgb(var(--fontwhite1));
  2557. }
  2558.  
  2559. #app-mount .codeRedemptionRedirect-1wVR4b { /* payment coderedem */
  2560. background-color: rgba(var(--vtransparencycolor), 0.2);
  2561. border-color: rgba(var(--vtransparencycolor), 0.1);
  2562. color: rgb(var(--fontwhite1));
  2563. }
  2564.  
  2565. .emptyStateImage-2MrSNs { /* giftinventory no gifts */
  2566. opacity: 0.6;
  2567. }
  2568.  
  2569. .guildHeader-3nh5RK { /* boostsettings suggestioncard */
  2570. background-color: rgba(var(--vtransparencycolor), 0.5);
  2571. }
  2572. .guildSubscriptionSlots-JPXXvN { /* boostsettings suggestioncard */
  2573. background-color: rgba(var(--vtransparencycolor), 0.3);
  2574. }
  2575. .cardWrapper-2Min21 { /* boostsettings suggestioncard */
  2576. background-color: rgba(var(--vtransparencycolor), 0.2);
  2577. }
  2578. .cardWrapper-2Min21:hover {
  2579. background-color: rgba(var(--vtransparencycolor), 0.4);
  2580. }
  2581. .cardWrapper-2Min21 .card-3AyPWq, /* boostsettings suggestioncard inner */
  2582. .cardWrapper-2Min21 .card-3AyPWq:hover {
  2583. background-color: transparent;
  2584. }
  2585. #app-mount .gemIndicatorContainer-2jdECl { /* boostsettings suggestioncard circle */
  2586. background-color: transparent;
  2587. }
  2588. #app-mount .paymentPane-3bwJ6A { /* boostsettings past transations */
  2589. background-color: rgba(var(--vtransparencycolor), 0.3);
  2590. color: rgb(var(--fontwhite1));
  2591. }
  2592. #app-mount .summaryInfo-2QFKUg { /* boostsettings past transations summary */
  2593. color: rgb(var(--fontwhite1));
  2594. }
  2595. #app-mount .paymentHeader-3QlZQi { /* boostsettings past transations header */
  2596. border-color: rgba(var(--fontwhite3), 0.5);
  2597. color: rgb(var(--fontwhite3));
  2598. }
  2599. #app-mount .payment-xT17Mq { /* boostsettings past transations payment */
  2600. background-color: transparent;
  2601. color: rgb(var(--fontwhite2));
  2602. }
  2603. #app-mount .hoverablePayment-Yc6mK7:hover {
  2604. background-color: rgba(var(--vtransparencycolor), 0.2);
  2605. }
  2606. #app-mount .paymentText-2vaF7U { /* boostsettings past transations paymenttext */
  2607. color: rgb(var(--fontwhite3));
  2608. }
  2609. #app-mount .expandedInfo-3kfShd { /* boostsettings past transations expandedinfo */
  2610. background-color: rgba(var(--vtransparencycolor), 0.2);
  2611. }
  2612. #app-mount .giftIcon-3DRGI6 { /* boostsettings past transations gifticon */
  2613. color: rgb(var(--fontwhite1));
  2614. }
  2615. #app-mount .paginator-166-09 { /* boostsettings past transations paginator */
  2616. background: rgba(var(--vtransparencycolor), 0.3);
  2617. }
  2618. #app-mount .bottomDivider-1K9Gao { /* boostsettings past transations divider */
  2619. border-bottom-color: rgba(var(--fontwhite3), 0.5);
  2620. }
  2621. #app-mount .tab-1kx2RU { /* boostsettings past transations tab */
  2622. color: rgb(var(--fontwhite3));
  2623. }
  2624. #app-mount .appleRowHeader-241O5v { /* boostsettings past transations applerowheader */
  2625. color: rgb(var(--fontwhite2));
  2626. }
  2627. #app-mount .appleRowBody-2B5tp2 { /* boostsettings past transations applerowbody */
  2628. color: rgb(var(--fontwhite3));
  2629. }
  2630.  
  2631. .introHeader-4MPach { /* hypesquad header */
  2632. color: rgb(var(--fontwhite1));
  2633. }
  2634. .introBlurb-3gFgTQ { /* hypesquad description */
  2635. color: rgb(var(--fontwhite2));
  2636. }
  2637. .title-PMZpEi { /* hypesquad perktitle */
  2638. color: rgb(var(--fontwhite1));
  2639. }
  2640. .description-1W0DiL { /* hypesquad description */
  2641. color: rgb(var(--fontwhite2));
  2642. }
  2643. .attendeeCTA-3ZZQWt { /* hypesquad attendeeCTA */
  2644. color: rgb(var(--fontwhite2));
  2645. }
  2646. .membershipDialogHouse1-3KhKE- { /* hypesquad membershipdialogs */
  2647. background-color: rgba(156, 132, 239, 0.8);
  2648. }
  2649. .membershipDialogHouse2-35h9SY {
  2650. background-color: rgba(244, 123, 103, 0.8);
  2651. }
  2652. .membershipDialogHouse3-15OBIQ {
  2653. background-color: rgba(69, 221, 192, 0.8);
  2654. }
  2655. .videoWrapper-3YdgHH {
  2656. background-color: rgba(var(--vtransparencycolor), 0.4);
  2657. }
  2658.  
  2659. .container-3PXSwK { /* voicesettings voicebarcontainer */
  2660. -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/voice_level_bar.svg);
  2661. }
  2662. .notches-1sAcEM {
  2663. background: transparent !important;
  2664. }
  2665. #app-mount .progress-1IcQ3A { /* voicesettings voicebar */
  2666. background-color: rgba(var(--vtransparencycolor), 0.3);
  2667. }
  2668. .userSettingsVoice-iwdUCU .media-engine-video { /* voicesettings video */
  2669. background: transparent;
  2670. }
  2671. #app-mount .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC {
  2672. background-color: rgba(var(--vtransparencycolor), 0.2);
  2673. border-color: rgba(var(--vtransparencycolor), 0.1);
  2674. }
  2675.  
  2676. .option-n0icdO { /* overlay option */
  2677. background-color: rgba(var(--vtransparencycolor), 0.4);
  2678. }
  2679. .option-n0icdO:hover,
  2680. .option-n0icdO.selected-mKYnfr {
  2681. box-shadow: 0 2px 0 rgba(var(--vtransparencycolor), 0.3);
  2682. }
  2683. .disabled-3I9jyo {
  2684. color: rgba(var(--vtransparencycolor), 0.4);
  2685. }
  2686.  
  2687. .notificationsSound-27jFSh { /* notifications row */
  2688. color: rgb(var(--fontwhite2));
  2689. box-shadow: inset 0 -1px 0 0 rgba(var(--fontwhite4), 0.2);
  2690. }
  2691.  
  2692. #app-mount .row-2okwlC { /* hotkeys row */
  2693. color: rgb(var(--fontwhite2));
  2694. box-shadow: inset 0 -1px 0 rgba(var(--fontwhite4), 0.3);
  2695. }
  2696.  
  2697. #app-mount .card-FDVird::before { /* settingscard backdrop */
  2698. background-color: rgba(var(--vtransparencycolor), 0.2);
  2699. border-color: rgba(var(--vtransparencycolor), 0.1);
  2700. }
  2701. #app-mount .button-2CgfFz { /* settingscard removebutton */
  2702. background-color: rgba(var(--vtransparencycolor), 0.3);
  2703. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.6), 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3);
  2704. }
  2705. #app-mount .button-2CgfFz:hover {
  2706. background-color: rgba(var(--vtransparencycolor), 0.7);
  2707. }
  2708.  
  2709. #app-mount .game-1ipmAa { /* games card */
  2710. box-shadow: 0 1px 0 0 rgba(var(--fontwhite4), 0.3);
  2711. }
  2712. #app-mount .notDetected-33MY4s { /* games nogame */
  2713. background-color: rgba(var(--vtransparencycolor), 0.3);
  2714. }
  2715. #app-mount .nowPlayingAdd-1Kdmh_ { /* games descriptionhint */
  2716. color: rgb(var(--fontwhite3));
  2717. }
  2718. #app-mount .gameName-1RiWHm { /* games gamename */
  2719. color: rgb(var(--fontwhite1));
  2720. }
  2721. #app-mount .lastPlayed-3bQ7Bo, /* games lastplayed */
  2722. #app-mount .overlayStatusText-L2IACa { /* games overlaystatustext */
  2723. color: rgb(var(--fontwhite3));
  2724. }
  2725. #app-mount .overlayToggleIconOn-3UNmty .fill-1ugeBG { /* games overlaystatusicon */
  2726. fill: rgb(var(--fontwhite3));
  2727. }
  2728. #app-mount .nowPlaying-284llR .lastPlayed-3bQ7Bo,
  2729. #app-mount .nowPlaying-284llR .overlayStatusText-L2IACa {
  2730. color: rgb(var(--fontwhite2));
  2731. }
  2732. #app-mount .nowPlaying-284llR .overlayToggleIconOff-1kT42w .fill-1ugeBG,
  2733. #app-mount .nowPlaying-284llR .overlayToggleIconOn-3UNmty .fill-1ugeBG {
  2734. fill: rgb(var(--fontwhite2));
  2735. }
  2736. #app-mount .gameNameInput-385LoS:focus,
  2737. #app-mount .gameNameInput-385LoS:hover {
  2738. background-color: rgba(var(--vtransparencycolor), 0.3);
  2739. border-color: rgba(var(--vtransparencycolor), 0.1);
  2740. }
  2741. #app-mount .text-GwUZgS,
  2742. #app-mount .title-2BxgL2 {
  2743. color: rgb(var(--fontwhite4));
  2744. }
  2745.  
  2746. #app-mount .installationPath-24giJj { /* gamelibrary path */
  2747. box-shadow: 0 1px 0 0 rgba(var(--fontwhite4), 0.3);
  2748. }
  2749. #app-mount .usageInfo-2WQAwr { /* gamelibrary usageinfo */
  2750. color: rgb(var(--fontwhite2));
  2751. }
  2752. #app-mount .background-yZEZik { /* gamelibrary usagebar */
  2753. stroke: rgb(var(--vtransparencycolor), 0.5);
  2754. }
  2755. #app-mount .rowTitle-3xCiqy { /* gamelibrary rowtitle */
  2756. color: rgb(var(--fontwhite3));
  2757. }
  2758. #app-mount .defaultIndicator-2X8Auf { /* gamelibrary rowtag */
  2759. background-color: rgba(var(--vtransparencycolor), 0.5);
  2760. color: rgb(var(--fontwhite1));
  2761. }
  2762. #app-mount .rowBody-10yI-R { /* gamelibrary rowdescription */
  2763. color: rgb(var(--fontwhite3));
  2764. }
  2765.  
  2766. .preview-2nSL_2 { /* appearance preview */
  2767. background-color: rgba(var(--vtransparencycolor), 0.2);
  2768. border-color: rgba(var(--vtransparencycolor), 0.2);
  2769. }
  2770.  
  2771. #app-mount .item-3eFBNF { /* languagesettings row */
  2772. border-radius: 5px;
  2773. box-shadow: 0 1px 0 0 rgba(var(--fontwhite4), 0.3);
  2774. }
  2775. .item-3eFBNF:hover {
  2776. background-color: rgba(var(--vtransparencycolor), 0.2);
  2777. }
  2778. .item-3eFBNF.selected-2DeaDa {
  2779. background-color: rgba(var(--vtransparencycolor), 0.4);
  2780. }
  2781.  
  2782. #app-mount .experimentDate-2ymg99 { /* experiments date */
  2783. color: rgb(var(--fontwhite3));
  2784. }
  2785.  
  2786.  
  2787. /* ~~~~ 12. GUILDSETTINGS ~~~~ */
  2788.  
  2789. .container-2VW0UT { /* settings confirmnotice */
  2790. position: relative;
  2791. }
  2792. .container-2VW0UT[style*="background-color: rgba(248, 249, 249"],
  2793. .container-2VW0UT[style*="background-color: rgba(32, 34, 37"] {
  2794. background-color: rgba(var(--vtransparencycolor), 0.7) !important;
  2795. }
  2796. .container-2VW0UT::before {
  2797. content: "";
  2798. position: absolute;
  2799. top: 0;
  2800. bottom: 0;
  2801. right: 0;
  2802. left: 0;
  2803. background: var(--vbackground) var(--vbackgroundposition)/var(--vbackgroundsize);
  2804. background-attachment: fixed;
  2805. filter: blur(var(--vbackgroundblur));
  2806. pointer-events: none;
  2807. z-index: -1;
  2808. }
  2809.  
  2810. .addRoleIcon-3YjErH { /* rolesettings addrolebutton */
  2811. -webkit-mask: url(https://discord.com/assets/cef02719c12d8aaf38894c16dca7fbe6.svg);
  2812. background: rgb(var(--fontwhite3));
  2813. object-position: -999999px -999999px;
  2814. }
  2815. .group-1WdBVp { /* rolesettings permissions group */
  2816. border-color: rgb(var(--vtransparencycolor), 0.4);
  2817. }
  2818. .item-1yAxl1 { /* rolesettings permissions item */
  2819. background: rgb(var(--vtransparencycolor), 0.2);
  2820. }
  2821. .passthrough-1c2ewQ.selected-2YhbGh { /* rolesettings permissions passthrough selected */
  2822. background: rgb(var(--vtransparencycolor), 0.4);
  2823. color: rgb(var(--fontwhite1));
  2824. }
  2825.  
  2826. .sidebar-dLM-kh { /* rolesettings sidebar */
  2827. background-color: rgba(var(--vtransparencycolor), 0.1);
  2828. border: none;
  2829. }
  2830. .container-_phMUq { /* rolesettings everyone role */
  2831. background-color: rgba(var(--vtransparencycolor), 0.2);
  2832. }
  2833. .container-_phMUq:hover {
  2834. background-color: rgba(var(--vtransparencycolor), 0.4);
  2835. }
  2836. .icon-3_8HGa { /* rolesettings everyone role icon */
  2837. background-color: rgba(var(--vtransparencycolor), 0.4);
  2838. }
  2839. .titleContainer-2CXtJo, /* rolesettings role list header */
  2840. .header-2mZ9Ov { /* rolesettings perms list header */
  2841. background-color: transparent;
  2842. }
  2843. .titleElevated-c_kdi7,
  2844. .stickyHeaderElevated-I6QUOA {
  2845. box-shadow: none;
  2846. }
  2847. .titleContainer-2CXtJo::after,
  2848. .titleContainer-2CXtJo::before,
  2849. .header-2mZ9Ov::after,
  2850. .header-2mZ9Ov::before {
  2851. content: "";
  2852. position: absolute;
  2853. top: 0;
  2854. bottom: 0;
  2855. right: 0;
  2856. left: 0;
  2857. pointer-events: none;
  2858. z-index: -1;
  2859. }
  2860. .titleContainer-2CXtJo::after,
  2861. .header-2mZ9Ov::after {
  2862. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha)));
  2863. }
  2864. .sidebar-dLM-kh .titleContainer-2CXtJo::after,
  2865. .sidebar-dLM-kh .header-2mZ9Ov::after {
  2866. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.1))
  2867. }
  2868. .titleContainer-2CXtJo::before,
  2869. .header-2mZ9Ov::before {
  2870. background: var(--vbackground) var(--vbackgroundposition)/var(--vbackgroundsize);
  2871. background-attachment: fixed;
  2872. filter: blur(var(--vbackgroundblur));
  2873. }
  2874. .roleDot-ZwSovK { /* rolesettings role dot */
  2875. border: none;
  2876. }
  2877. .roleRow-30TwGe:hover:not(.roleRowDisableHover-1HiqqT) { /* rolesettings role row */
  2878. background-color: rgba(var(--vtransparencycolor), 0.2);
  2879. }
  2880. .roleRow-30TwGe:hover:not(.roleRowDisableHover-1HiqqT) .circleButton-3RB01i {
  2881. background-color: rgba(var(--vtransparencycolor), 0.2);
  2882. }
  2883. .roleRow-30TwGe:hover:not(.roleRowDisableHover-1HiqqT) .circleButton-3RB01i:hover {
  2884. background-color: rgb(var(--vaccentcolor));
  2885. }
  2886. .roleRow-30TwGe:before,
  2887. .roleRow-30TwGe:last-child:after {
  2888. background-color: rgba(var(--fontwhite4), 0.3);
  2889. }
  2890. .memberRow-1wwtfV:hover { /* rolesettings member row */
  2891. background-color: rgba(var(--vtransparencycolor), 0.2);
  2892. }
  2893. #app-mount .colorPickerSwatch-5GX3Ve.noColor-1pdBDm { /* rolesettings colorswatch nocolor */
  2894. border-color: rgba(var(--fontwhite1), 0.3);
  2895. }
  2896. #app-mount .colorPickerSwatch-5GX3Ve.noColor-1pdBDm .colorPickerDropperFg-3jYKWI {
  2897. fill: rgb(var(--fontwhite1));
  2898. }
  2899. #app-mount .colorPickerSwatch-5GX3Ve.noColor-1pdBDm polyline {
  2900. stroke: rgb(var(--fontwhite1));
  2901. }
  2902. .previewContainer-1KQDJS { /* rolesettings preview */
  2903. border: none;
  2904. }
  2905. .messageContainer-1DiFnQ { /* rolesettings preview message */
  2906. background-color: rgba(var(--vtransparencycolor), 0.2);
  2907. }
  2908. .theme-light .messageContainer-1DiFnQ {
  2909. display: none;
  2910. }
  2911. .addMemberRow-3-w-9X.selectedRow-1QP7qb { /* rolesettings add member row */
  2912. background-color: rgba(var(--vtransparencycolor), 0.2);
  2913. }
  2914.  
  2915. #app-mount .emojiAliasInput-1y-NBz .emojiInput-1aLNse { /* emojisettings nameinput */
  2916. background-color: rgba(var(--vtransparencycolor), 0.1);
  2917. }
  2918.  
  2919. #app-mount .selectableItem-1MP3MQ { /* auditlogs popoutitem */
  2920. color: rgb(var(--fontwhite2));
  2921. }
  2922. #app-mount .selectableItem-1MP3MQ:hover {
  2923. background-color: rgba(var(--vtransparencycolor), 0.2);
  2924. }
  2925. #app-mount .selectableItem-1MP3MQ[style*=" color: rgb(255, 255, 255)"] {
  2926. color: rgb(var(--fontwhite1)) !important;
  2927. }
  2928. #app-mount .selectableItem-1MP3MQ polyline[stroke="#ffffff"] {
  2929. stroke: rgb(var(--fontwhite1));
  2930. }
  2931.  
  2932. #app-mount .auditLog-3jNbM6 { /* auditlogs logitem */
  2933. border-color: rgba(var(--vtransparencycolor), 0.1);
  2934. color: rgb(var(--fontwhite4));
  2935. }
  2936. #app-mount .headerClickable-2IVFo9, /* auditlogs loginner */
  2937. #app-mount .headerDefault-1wrJcN {
  2938. background-color: rgba(var(--vtransparencycolor), 0.2);
  2939. color: rgb(var(--fontwhite3));
  2940. }
  2941. #app-mount .headerExpanded-CUEwZ5 {
  2942. background-color: rgba(var(--vtransparencycolor), 0.3);
  2943. color: rgb(var(--fontwhite2));
  2944. }
  2945. #app-mount .divider-1pnAR2 { /* auditlogs loginnerdivider */
  2946. background-color: rgba(var(--fontwhite4), 0.3);
  2947. }
  2948. #app-mount .changeDetails-bk98pu { /* auditlogs logdetails */
  2949. background-color: rgba(var(--vtransparencycolor), 0.2);
  2950. }
  2951. #app-mount .userHook-3AdCBF { /* auditlogs userhook */
  2952. color: rgb(var(--fontwhite1));
  2953. }
  2954. #app-mount .auditLog-3jNbM6 strong { /* auditlogs targets */
  2955. color: rgb(var(--fontwhite1));
  2956. }
  2957. #app-mount .timestamp-1mruiI { /* auditlogs timestamp */
  2958. color: rgb(var(--fontwhite4));
  2959. }
  2960. #app-mount .expandForeground-1nZ4VR { /* auditlogs expandarrow */
  2961. stroke: rgb(var(--fontwhite2));
  2962. }
  2963. .themeOverrideLight-3bx_5B.icon-RTGJu3, /* auditlogs logicon */
  2964. .themeOverrideDark-1u5Vo0.icon-RTGJu3,
  2965. #app-mount .icon-RTGJu3 {
  2966. background: none !important;
  2967. }
  2968. .icon-RTGJu3::before {
  2969. content: "";
  2970. position: absolute;
  2971. top: 0;
  2972. left: 0;
  2973. right: 0;
  2974. bottom: 0;
  2975. background: rgb(var(--fontwhite1));
  2976. }
  2977. .icon-RTGJu3.targetAll-13V3n6::before {
  2978. -webkit-mask: url(https://discord.com/assets/fc3f5f9be1a4db14b02336b7cb02e6ce.svg);
  2979. }
  2980. .icon-RTGJu3.targetBan-3mbIPL::before {
  2981. -webkit-mask: url(https://discord.com/assets/edb23a53ea40ac60f212ebae66e5c5c7.svg);
  2982. }
  2983. .icon-RTGJu3.targetChannel-TrRFlx::before {
  2984. -webkit-mask: url(https://discord.com/assets/343c9ff4c775c66a7d4af1f8691c34e0.svg);
  2985. }
  2986. .icon-RTGJu3.targetGuild-mDWfAV::before {
  2987. -webkit-mask: url(https://discord.com/assets/30af96a386520760ad107c5b77ba002a.svg);
  2988. }
  2989. .icon-RTGJu3.targetEmoji-3vhPhM::before {
  2990. -webkit-mask: url(https://discord.com/assets/7a9bf92329dad473ef0383ae75367215.svg);
  2991. }
  2992. .icon-RTGJu3.targetInvite-1RQBlr::before {
  2993. -webkit-mask: url(https://discord.com/assets/4b33371531a1a89f99296a73fc9ef588.svg);
  2994. }
  2995. .icon-RTGJu3.targetMemberRole-jowY3I::before {
  2996. -webkit-mask: url(https://discord.com/assets/a9098042cb36b955c5021259f1d48f91.svg);
  2997. }
  2998. .icon-RTGJu3.targetMember-2iuwxX::before {
  2999. -webkit-mask: url(https://discord.com/assets/af043346e036ef7b1aac1cf42cd1e699.svg);
  3000. }
  3001. .icon-RTGJu3.targetPermission-ZRUN5n::before {
  3002. -webkit-mask: url(https://discord.com/assets/2a37995eb832bae805190a93ba043857.svg);
  3003. }
  3004. .icon-RTGJu3.targetRole-2MoUny::before {
  3005. -webkit-mask: url(https://discord.com/assets/0176a91b4c44ed05c05af68784e78da8.svg);
  3006. }
  3007. .icon-RTGJu3.targetVanityUrl-3OpsYX::before {
  3008. -webkit-mask: url(https://discord.com/assets/84215a5fec3d9de9960a225143238d74.svg);
  3009. }
  3010. .icon-RTGJu3.targetWebhook-1xS7Z7::before {
  3011. -webkit-mask: url(https://discord.com/assets/a6975850d800aa86162b4aa5f18c41ac.svg);
  3012. }
  3013. .icon-RTGJu3.targetWidget-3hFVSM::before {
  3014. -webkit-mask: url(https://discord.com/assets/4ac0e382cc7b8aa0cb1d6d074b0e8ba5.svg);
  3015. }
  3016. .icon-RTGJu3.targetMessage-2kBYMT::before {
  3017. -webkit-mask: url(https://discord.com/assets/8c85e30795486caa8caacd829703459d.svg);
  3018. }
  3019. .icon-RTGJu3.targetIntegration-3rnyMN::before {
  3020. -webkit-mask: url(https://discord.com/assets/da8463a04b4a289801d2516f50eb4c19.svg);
  3021. }
  3022.  
  3023. #app-mount .card-o7rAq- { /* integrationsettings card */
  3024. border-color: rgba(var(--vtransparencycolor), 0.1)
  3025. }
  3026. #app-mount .card-3IImnr { /* integrationsettings webhook card */
  3027. border-color: rgba(var(--vtransparencycolor), 0.1)
  3028. }
  3029. #app-mount .card-1o0mns { /* integrationsettings apps card */
  3030. border-color: rgba(var(--vtransparencycolor), 0.1)
  3031. }
  3032. #app-mount .card-11DMwv { /* integrationsettings follows card */
  3033. border-color: rgba(var(--vtransparencycolor), 0.1)
  3034. }
  3035. .iconWrapper-lS1uig { /* integrationsettings icon */
  3036. background-color: rgba(var(--vtransparencycolor), 0.4);
  3037. }
  3038. #app-mount .footerImage-4UrEF0 {
  3039. background-image: url(https://discord.com/assets/36d0e0bb009fa362c2533003c0af67b5.svg);
  3040. opacity: 0.6;
  3041. }
  3042.  
  3043. .guildDetails-2p1NmK { /* communitysettings intro details */
  3044. background-color: rgba(var(--vtransparencycolor), 0.4);
  3045. }
  3046. .featureCard-1RR4Tl { /* communitysettings intro featurecard */
  3047. background-color: rgba(var(--vtransparencycolor), 0.3);
  3048. }
  3049. .featureIcon-3p1TC_ { /* communitysettings intro featureicon */
  3050. background-color: rgba(var(--vtransparencycolor), 0.3);
  3051. }
  3052. .checklistContainer-mFJZEJ { /* communitysettings intro checklist */
  3053. background-color: rgba(var(--vtransparencycolor), 0.3);
  3054. }
  3055. .checklistHeader-1KWcEY { /* communitysettings intro checklist header */
  3056. background-color: rgba(var(--vtransparencycolor), 0.3);
  3057. }
  3058.  
  3059. .upsellContainer-L9xv7w { /* communitysettings general upsellcontainer */
  3060. background-color: rgba(var(--vtransparencycolor), 0.2);
  3061. }
  3062. .upsellFooter-ZYsio_ { /* communitysettings general upsellfooter */
  3063. background-color: rgba(var(--vtransparencycolor), 0.2);
  3064. }
  3065.  
  3066. .developerPortalCtaWrapper-2XNafh { /* communitysettings analytics info */
  3067. background-color: rgba(var(--vtransparencycolor), 0.3);
  3068. }
  3069. .analyticsCard-qckucw { /* communitysettings analytics card */
  3070. background-color: rgba(var(--vtransparencycolor), 0.3);
  3071. }
  3072. .backgroundAccent-349kuI { /* communitysettings analytics error */
  3073. background-color: rgba(var(--vtransparencycolor), 0.2);
  3074. }
  3075.  
  3076. #app-mount .card-3_CqkU { /* communitysettings discovery card */
  3077. background-color: rgba(var(--vtransparencycolor), 0.3);
  3078. }
  3079. #app-mount .iconMask-30Tvqs { /* communitysettings discovery icon */
  3080. background-color: rgba(var(--vtransparencycolor), 0.2);
  3081. }
  3082. .perkArt-1SGWbA { /* communitysettings discovery perk */
  3083. background-color: rgba(var(--vtransparencycolor), 0.4);
  3084. }
  3085. .container-2w0lh0 { /* communitysettings discovery checklist */
  3086. background-color: rgba(var(--vtransparencycolor), 0.3);
  3087. }
  3088. .header-2Y0-A- { /* communitysettings discovery checklist header */
  3089. background-color: rgba(var(--vtransparencycolor), 0.3);
  3090. }
  3091.  
  3092. .exampleContainer-3ekFIr, /* communitysettings rules example */
  3093. .exampleContainer-25sB-A { /* communitysettings welcome example */
  3094. background: transparent;
  3095. position: relative;
  3096. }
  3097. .exampleContainer-3ekFIr > *,
  3098. .exampleContainer-25sB-A > * {
  3099. z-index: 1;
  3100. }
  3101. .exampleContainer-3ekFIr::after,
  3102. .exampleContainer-25sB-A::after {
  3103. content: "";
  3104. position: absolute;
  3105. top: 0;
  3106. right: 0;
  3107. bottom: 0;
  3108. left: 0;
  3109. background-color: rgba(var(--vtransparencycolor), 0.5);
  3110. -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/discord_window_placeholder.svg) 0 0/cover no-repeat;
  3111. }
  3112. #app-mount .exampleModal-2oh58d, /* communitysettings rules examplemodal */
  3113. #app-mount .exampleModal-2X2Vf8 { /* communitysettings welcome examplemodal */
  3114. background-color: transparent;
  3115. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  3116. position: relative;
  3117. border-radius: 5px;
  3118. }
  3119. .exampleModal-2oh58d > *,
  3120. .exampleModal-2X2Vf8 > * {
  3121. z-index: 1;
  3122. }
  3123. .exampleModal-2oh58d::before,
  3124. .exampleModal-2X2Vf8::before {
  3125. content: "";
  3126. position: absolute;
  3127. top: 0;
  3128. bottom: 0;
  3129. right: 0;
  3130. left: 0;
  3131. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  3132. filter: blur(var(--vpopoutblur));
  3133. width: unset;
  3134. height: unset;
  3135. border-radius: 5px;
  3136. pointer-events: none;
  3137. }
  3138. .exampleModal-2oh58d::after,
  3139. .exampleModal-2X2Vf8::after {
  3140. content: "";
  3141. position: absolute;
  3142. top: 0;
  3143. bottom: 0;
  3144. right: 0;
  3145. left: 0;
  3146. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  3147. width: unset;
  3148. height: unset;
  3149. border-radius: 5px;
  3150. pointer-events: none;
  3151. }
  3152.  
  3153. .guildSidebar-339BqP { /* communitysettings rules example sidebar */
  3154. background-color: rgba(var(--vtransparencycolor), 0.4);
  3155. margin-right: 0 !important;
  3156. }
  3157. .content-BMIBeK { /* communitysettings rules example inner */
  3158. background-color: rgba(var(--vtransparencycolor), 0.2);
  3159. }
  3160. #app-mount .footer-1JuRYY { /* communitysettings rules example footer */
  3161. background: transparent;
  3162. }
  3163. .exampleTextSingleLine-1kvErc { /* communitysettings rules example line */
  3164. background-color: rgba(var(--fontwhite1), 0.2);
  3165. }
  3166.  
  3167. .enableContainer-2DIT9Q { /* communitysettings rules enablecontainer */
  3168. background-color: rgba(var(--vtransparencycolor), 0.3);
  3169. }
  3170. .icon-1CGepy { /* communitysettings rules category icon */
  3171. background-color: rgba(var(--vtransparencycolor), 0.2);
  3172. }
  3173. .settingsFormItem-103g1I { /* communitysettings rules form */
  3174. background-color: rgba(var(--vtransparencycolor), 0.2);
  3175. }
  3176. .getStartedWrapper-2AGgRZ { /* communitysettings rules getstarted */
  3177. background-color: rgba(var(--vtransparencycolor), 0.2);
  3178. }
  3179. .exampleRule-32tIs5 { /* communitysettings rules example rule */
  3180. background-color: rgba(var(--vtransparencycolor), 0.4);
  3181. }
  3182. .rulesTextAreaInput-2aGfKB { /* communitysettings rules edit rule */
  3183. border-color: rgba(var(--vtransparencycolor), 0.3);
  3184. }
  3185. .rulesTextAreaInput-2aGfKB:hover:not(:focus) {
  3186. border-color: rgb(var(--vtransparencycolor));
  3187. }
  3188. .editCircle-y9c7xP { /* communitysettings rules editcirle */
  3189. background-color: rgba(var(--vtransparencycolor), 0.4);
  3190. }
  3191. .editButton-1MavoF { /* communitysettings rules editbutton */
  3192. background-color: rgba(var(--vtransparencycolor), 0.4);
  3193. }
  3194. .editButton-1MavoF:hover {
  3195. background-color: rgba(var(--vtransparencycolor), 0.6);
  3196. }
  3197. .formFieldWrapper-malor5,
  3198. .settingsFormFieldWrapper-3Y77Pr { /* communitysettings rules form field */
  3199. background-color: rgba(var(--vtransparencycolor), 0.2);
  3200. border-color: rgba(var(--vtransparencycolor), 0.2);
  3201. }
  3202. .termsRow-2dS5nm { /* communitysettings rules termsrow */
  3203. border-color: rgba(var(--fontwhite3), 0.2);
  3204. }
  3205.  
  3206. .editCircle-ityklj { /* communitysettings welcome editcirle */
  3207. background-color: rgba(var(--vtransparencycolor), 0.4);
  3208. }
  3209. .optionContainer-1FtykV { /* communitysettings welcome exampleoption */
  3210. background-color: rgba(var(--vtransparencycolor), 0.3);
  3211. }
  3212. .enableContainer-6E-puu { /* communitysettings welcome previewheader */
  3213. background-color: rgba(var(--vtransparencycolor), 0.4);
  3214. }
  3215. .previewContainer-1SS3uO { /* communitysettings welcome previewcontainer */
  3216. background-color: rgba(var(--vtransparencycolor), 0.2);
  3217. }
  3218. .welcomeChannel-1rFrIO { /* communitysettings welcome welcomechannel */
  3219. background-color: rgba(var(--vtransparencycolor), 0.4);
  3220. }
  3221. .channelIcon-1eKmlw { /* communitysettings welcome channelicon s */
  3222. background-color: rgba(var(--vtransparencycolor), 0.4);
  3223. }
  3224.  
  3225. .descriptionBox-1EKQKL { /* templatesettings descriptionbox */
  3226. background-color: rgba(var(--vtransparencycolor), 0.3);
  3227. }
  3228.  
  3229. #app-mount .tierHeaderLocked-1a2opw { /* boostsettings tierheaderlocked */
  3230. background-color: rgba(var(--vtransparencycolor), 0.4);
  3231. color: rgb(var(--fontwhite3));
  3232. }
  3233. #app-mount .tierLock-1oFMOZ { /* boostsettings tierlock */
  3234. color: rgb(var(--fontwhite4));
  3235. }
  3236. #app-mount .tierHeaderUnlocked-2RhWqn { /* boostsettings tierheaderunlocked */
  3237. background-color: rgba(var(--vtransparencycolor), 0.5);
  3238. color: rgb(var(--fontwhite1));
  3239. }
  3240. #app-mount .tierUnlocked-27DwHo { /* boostsettings tierunlocked */
  3241. background-color: rgb(var(--fontwhite1));
  3242. }
  3243. #app-mount .tierBody-x9kBBp { /* boostsettings tierbody */
  3244. background-color: rgba(var(--vtransparencycolor), 0.3);
  3245. color: rgb(var(--fontwhite3));
  3246. }
  3247. #app-mount .tierInProgress-3mBoXq { /* boostsettings tiermilestone */
  3248. background-color: rgba(var(--vtransparencycolor), 0.3);
  3249. }
  3250. #app-mount .background-3xPPFc { /* boostsettings tierbar (settings) */
  3251. color: rgba(var(--vtransparencycolor), 0.3);
  3252. }
  3253.  
  3254. #app-mount .member-1q7VfX { /* membersettings membercard */
  3255. box-shadow: 0 1px 0 0 rgba(var(--fontwhite4), 0.3);
  3256. }
  3257. #app-mount .member-1q7VfX .name-8yzEIY { /* membersettings membercardname */
  3258. color: rgb(var(--fontwhite1));
  3259. }
  3260. #app-mount .member-1q7VfX .tag-1YGWN9 { /* membersettings membercardtag */
  3261. color: rgb(var(--fontwhite4));
  3262. }
  3263. #app-mount .actionButton-VzECiy { /* membersettings addrolebutton */
  3264. border-color: rgb(var(--fontwhite4));
  3265. color: rgb(var(--fontwhite3));
  3266. }
  3267. #app-mount .member-1q7VfX .overflowIconFg-QMRRFI { /* membersettings 3-doticon */
  3268. fill: rgb(var(--fontwhite1));
  3269. }
  3270.  
  3271. #app-mount .overflowRolesPopout-140n9i, /* membersettings roleoverflow popout */
  3272. #app-mount .overflowRolesPopoutArrow-2O66oH {
  3273. background-color: transparent;
  3274. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.2), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.2);
  3275. border: none;
  3276. border-radius: 3px;
  3277. overflow: hidden;
  3278. }
  3279. .overflowRolesPopout-140n9i::before,
  3280. .overflowRolesPopoutArrow-2O66oH::before {
  3281. content: "";
  3282. position: absolute;
  3283. top: 0;
  3284. bottom: 0;
  3285. right: 0;
  3286. left: 0;
  3287. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  3288. background-attachment: fixed;
  3289. filter: blur(var(--vpopoutblur));
  3290. width: unset;
  3291. height: unset;
  3292. pointer-events: none;
  3293. z-index: -1;
  3294. }
  3295. .overflowRolesPopout-140n9i::after,
  3296. .overflowRolesPopoutArrow-2O66oH::after {
  3297. content: "";
  3298. position: absolute;
  3299. top: 0;
  3300. bottom: 0;
  3301. right: 0;
  3302. left: 0;
  3303. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.1));
  3304. width: unset;
  3305. height: unset;
  3306. pointer-events: none;
  3307. z-index: -1;
  3308. }
  3309. .overflowRolesPopoutHeaderIcon-6PNEZA path {
  3310. fill: rgb(var(--fontwhite2));
  3311. }
  3312. .overflowRolesPopoutHeaderText-1SW-y3 {
  3313. color: rgb(var(--fontwhite2));
  3314. }
  3315.  
  3316. #app-mount .inviteSettingsInviteRow-3p2O-N { /* invitesettings invitecard */
  3317. box-shadow: 0 1px 0 0 rgba(var(--fontwhite4), 0.3);
  3318. color: rgb(var(--fontwhite2));
  3319. }
  3320. .user-3x-NP9 { /* invitesettings user */
  3321. color: rgb(var(--fontwhite1));
  3322. }
  3323. .channelName-13-Sm9 { /* invitesettings channelname */
  3324. color: rgb(var(--fontwhite3));
  3325. }
  3326.  
  3327. #app-mount .bannedUser-1IalTM { /* bansettings bancard */
  3328. box-shadow: 0 1px 0 0 rgba(var(--fontwhite4), 0.3);
  3329. }
  3330. #app-mount .bannedUser-1IalTM .username-1b3MVI { /* invitesettings username */
  3331. color: rgb(var(--fontwhite1));
  3332. }
  3333. #app-mount .bannedUserModal-3RJCOV .reasonHeader-2etdjy { /* invitesettings banmodalreasonheader */
  3334. color: rgb(var(--fontwhite2));
  3335. }
  3336. #app-mount .bannedUser-1IalTM .username-1b3MVI .discrim-oGb-FO,
  3337. #app-mount .bannedUserModal-3RJCOV .reason-YbfGC6, /* invitesettings banmodalreason */
  3338. #app-mount .bannedUserModal-3RJCOV .userDiscrim-1D2NlF { /* invitesettings discriminator */
  3339. color: rgb(var(--fontwhite3));
  3340. }
  3341.  
  3342.  
  3343. /* ~~~~ 13. MODALS ~~~~ */
  3344.  
  3345. .layer-2KE1M9:nth-child(1),
  3346. .withLayer-RoELSG:nth-child(1) {
  3347. z-index: 1002;
  3348. }
  3349. .layer-2KE1M9:nth-child(2),
  3350. .withLayer-RoELSG:nth-child(2) {
  3351. z-index: 1003;
  3352. }
  3353. .layer-2KE1M9:nth-child(3),
  3354. .withLayer-RoELSG:nth-child(3) {
  3355. z-index: 1004;
  3356. }
  3357. .layer-2KE1M9:nth-child(4),
  3358. .withLayer-RoELSG:nth-child(4) {
  3359. z-index: 1005;
  3360. }
  3361. .layer-2KE1M9:nth-child(5),
  3362. .withLayer-RoELSG:nth-child(5) {
  3363. z-index: 1006;
  3364. }
  3365. .layer-2KE1M9:nth-child(6),
  3366. .withLayer-RoELSG:nth-child(6) {
  3367. z-index: 1007;
  3368. }
  3369. .layer-2KE1M9:nth-child(7),
  3370. .withLayer-RoELSG:nth-child(7) {
  3371. z-index: 1008;
  3372. }
  3373. .layer-2KE1M9:nth-child(8),
  3374. .withLayer-RoELSG:nth-child(8) {
  3375. z-index: 1009;
  3376. }
  3377. .layer-2KE1M9:nth-child(9),
  3378. .withLayer-RoELSG:nth-child(9) {
  3379. z-index: 1010;
  3380. }
  3381.  
  3382. #app-mount .root-1gCeng, /* modal container (foldersettings) */
  3383. #app-mount .modal-yWgWj- { /* modal container */
  3384. background-color: transparent;
  3385. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  3386. position: relative;
  3387. border-radius: 5px;
  3388. }
  3389. .root-1gCeng > *,
  3390. .modal-yWgWj- > * {
  3391. z-index: 1;
  3392. }
  3393. .root-1gCeng::before,
  3394. .modal-yWgWj-::before {
  3395. content: "";
  3396. position: absolute;
  3397. top: 0;
  3398. bottom: 0;
  3399. right: 0;
  3400. left: 0;
  3401. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  3402. background-attachment: fixed;
  3403. filter: blur(var(--vpopoutblur));
  3404. width: unset;
  3405. height: unset;
  3406. border-radius: 5px;
  3407. pointer-events: none;
  3408. z-index: -1;
  3409. }
  3410. .root-1gCeng::after,
  3411. .modal-yWgWj-::after {
  3412. content: "";
  3413. position: absolute;
  3414. top: 0;
  3415. bottom: 0;
  3416. right: 0;
  3417. left: 0;
  3418. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  3419. width: unset;
  3420. height: unset;
  3421. border-radius: 5px;
  3422. pointer-events: none;
  3423. z-index: -1;
  3424. }
  3425. .root-1gCeng .modal-yWgWj-::before,
  3426. .modal-qgFCbT::before,
  3427. .root-1gCeng .modal-yWgWj-::after,
  3428. .modal-qgFCbT::after {
  3429. display: none;
  3430. }
  3431. #app-mount .footer-2gL1pp { /* modal footer */
  3432. background-color: rgba(var(--vtransparencycolor), 0.2);
  3433. box-shadow: none;
  3434. z-index: 0;
  3435. }
  3436. #app-mount .footer-1lnhms { /* modal footer info */
  3437. background-color: rgba(var(--vtransparencycolor), 0.3);
  3438. }
  3439. #app-mount .closeButton-1tv5uR, /* modal closebutton */
  3440. #app-mount .close-hZ94c6 {
  3441. color: rgb(var(--fontwhite1));
  3442. }
  3443.  
  3444. #app-mount .guildName-3WI6ml, /* modal guildname */
  3445. #app-mount .date-2WJGyu,
  3446. #app-mount .override-2YgiXd,
  3447. #app-mount .overrideHighlight-YPcBxt {
  3448. color: rgb(var(--fontwhite3));
  3449. }
  3450. #app-mount .override-2YgiXd:hover {
  3451. background-color: rgb(var(--vtransparencycolor), 0.2);
  3452. }
  3453. #app-mount .channelName-28iMRJ { /* modal channelname */
  3454. color: rgb(var(--fontwhite1));
  3455. }
  3456.  
  3457. .tabBarContainer-1s1u-z { /* modal tabbarcontainer */
  3458. border-top-color: rgba(var(--vtransparencycolor), 0.3);
  3459. }
  3460. #app-mount .modal-6GHvdM .tabBarContainer-1s1u-z {
  3461. background: rgba(var(--vtransparencycolor), 0.2);
  3462. box-shadow: 0 2px 3px 0 rgba(var(--vtransparencycolor), 0.1);
  3463. }
  3464. .top-28JiJ- .themed-OHr7kt.item-PXvHYJ, /* modal tabbaritem */
  3465. .top-28JiJ- .item-PXvHYJ[style*="rgba(79, 84, 92, 0.4)"],
  3466. .top-28JiJ- .item-PXvHYJ[style*="rgba(255, 255, 255, 0.4)"],
  3467. .themed-OHr7kt.tabBarItem-1b8RUP,
  3468. .tabBarItem-1b8RUP[style*="rgba(79, 84, 92, 0.4)"],
  3469. .tabBarItem-1b8RUP[style*="rgba(255, 255, 255, 0.4)"] {
  3470. color: rgba(var(--fontwhite1), 0.4) !important;
  3471. }
  3472. .top-28JiJ- .themed-OHr7kt.item-PXvHYJ:hover, /* modal tabbaritem hover */
  3473. .top-28JiJ- .item-PXvHYJ[style*="rgba(79, 84, 92, 0.6)"],
  3474. .top-28JiJ- .item-PXvHYJ[style*="rgba(255, 255, 255, 0.6)"],
  3475. .themed-OHr7kt.tabBarItem-1b8RUP:hover,
  3476. .tabBarItem-1b8RUP[style*="rgba(79, 84, 92, 0.6)"],
  3477. .tabBarItem-1b8RUP[style*="rgba(255, 255, 255, 0.6)"] {
  3478. border-color: rgba(var(--fontwhite1), 0.6) !important;
  3479. color: rgba(var(--fontwhite1), 0.6) !important;
  3480. }
  3481. .top-28JiJ- .themed-OHr7kt.item-PXvHYJ.selected-3s45Ha, /* modal tabbaritem selected */
  3482. .top-28JiJ- .item-PXvHYJ[style*="rgb(79, 84, 92)"],
  3483. .top-28JiJ- .item-PXvHYJ[style*="rgb(255, 255, 255)"],
  3484. .themed-OHr7kt.tabBarItem-1b8RUP.selected-3s45Ha,
  3485. .tabBarItem-1b8RUP[style*="rgb(79, 84, 92)"],
  3486. .tabBarItem-1b8RUP[style*="rgb(255, 255, 255)"] {
  3487. border-color: rgb(var(--fontwhite1)) !important;
  3488. color: rgb(var(--fontwhite1)) !important;
  3489. }
  3490. #app-mount .content-8biNdB p, /* modal listentry */
  3491. #app-mount .content-8biNdB ul li {
  3492. color: rgb(var(--fontwhite2));
  3493. }
  3494. #app-mount .content-8biNdB ul li::before { /* modal listentrydot */
  3495. background-color: rgb(var(--fontwhite2));
  3496. }
  3497.  
  3498. /* ---- 13.1. USERMODAL ----- */
  3499.  
  3500. #app-mount .root-SR8cQa { /* modal container */
  3501. background-color: transparent;
  3502. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  3503. position: relative;
  3504. overflow: hidden;
  3505. }
  3506. .root-SR8cQa::before {
  3507. content: "";
  3508. position: absolute;
  3509. top: 0;
  3510. bottom: 0;
  3511. right: 0;
  3512. left: 0;
  3513. background: var(--user-background, var(--vpopout)) var(--vpopoutposition)/var(--vpopoutsize);
  3514. filter: blur(var(--vpopoutblur));
  3515. background-attachment: var(--user-background, fixed);
  3516. width: unset;
  3517. height: unset;
  3518. pointer-events: none;
  3519. z-index: -1;
  3520. }
  3521. .root-SR8cQa::after {
  3522. content: "";
  3523. position: absolute;
  3524. top: 0;
  3525. bottom: 0;
  3526. right: 0;
  3527. left: 0;
  3528. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  3529. width: unset;
  3530. height: unset;
  3531. pointer-events: none;
  3532. z-index: -1;
  3533. }
  3534. #app-mount .topSectionNormal-2-vo2m { /* modal headernormal */
  3535. background-color: rgba(var(--vtransparencycolor), 0.2);
  3536. }
  3537. .topSectionPlaying-1J5E4n { /* modal headerplaying */
  3538. text-shadow: 1px 1px var(--vtextshadow);
  3539. }
  3540. .headerFill-adLl4x { /* modal activity */
  3541. background-color: rgba(var(--vtransparencycolor), 0.1);
  3542. }
  3543. .body-3ND3kc { /* modal body */
  3544. background-color: transparent;
  3545. }
  3546. .discriminator-xUhQkU { /* header discriminator */
  3547. color: rgb(var(--fontwhite1));
  3548. }
  3549. .topSectionNormal-2-vo2m .discriminator-xUhQkU {
  3550. color: rgb(var(--fontwhite2));
  3551. }
  3552. .additionalActionsIcon-1FoUlE, /* header additionalactionsicon */
  3553. .topSectionNormal-2-vo2m .additionalActionsIcon-1FoUlE,
  3554. .topSectionNormal-2-vo2m .additionalActionsIcon-1FoUlE:hover {
  3555. color: rgb(var(--fontwhite1));
  3556. }
  3557. .topSectionNormal-2-vo2m .tabBarContainer-1s1u-z { /* header tabbarcontainer */
  3558. border-top-color: rgba(var(--vtransparencycolor), 0.3);
  3559. }
  3560. #app-mount .header-QKLPzZ .textRow-19NEd_ {
  3561. color: rgb(var(--fontwhite2));
  3562. }
  3563. #app-mount .topSectionNormal-2-vo2m .header-QKLPzZ .textRow-19NEd_ {
  3564. color: rgb(var(--fontwhite3));
  3565. }
  3566. #app-mount .activityProfile-2bJRaP .headerText-1HLrL7 { /* header activitytext */
  3567. color: rgb(var(--fontwhite1));
  3568. }
  3569. #app-mount .activityProfile-2bJRaP .content-3JfFJh, /* header activitycontent */
  3570. #app-mount .activityProfile-2bJRaP .details-38sfDr, /* header activitydetails */
  3571. #app-mount .activityProfile-2bJRaP .name-29ETJS { /* header activityname */
  3572. color: rgb(var(--fontwhite2));
  3573. }
  3574. .activityName-1IaRLn,
  3575. .nameNormal-2lqVQK,
  3576. .nameWrap-3Z4G_9 {
  3577. color: rgb(var(--fontwhite1));
  3578. }
  3579. .userInfoSectionHeader-CBvMDh { /* body sectionheader */
  3580. color: rgb(var(--fontwhite3));
  3581. }
  3582. .userInfoSection-2acyCx + .userInfoSection-2acyCx {
  3583. border-top-color: rgba(var(--fontwhite4), 0.3);
  3584. }
  3585. .connectedAccount-36nQx7 { /* body connectedaccount */
  3586. border-color: rgba(var(--fontwhite4), 0.3);
  3587. }
  3588. .connectedAccountName-f8AEe2 { /* body connectedaccountname */
  3589. color: rgb(var(--fontwhite2));
  3590. }
  3591. .connectedAccountOpenIcon-2cNbq5 {
  3592. color: rgb(var(--fontwhite2));
  3593. }
  3594. .connectedAccountOpenIcon-2cNbq5:hover {
  3595. color: rgb(var(--fontwhite1));
  3596. }
  3597. .listRow-hutiT_ { /* body listrow */
  3598. color: rgb(var(--fontwhite2));
  3599. }
  3600. .guildNick-3uAm3i { /* body guildnick */
  3601. color: rgb(var(--fontwhite3));
  3602. }
  3603. .listRow-hutiT_:hover {
  3604. background-color: rgba(var(--vtransparencycolor), 0.2);
  3605. color: rgb(var(--fontwhite1));
  3606. }
  3607. .listRow-hutiT_:hover .guildNick-3uAm3i {
  3608. color: rgb(var(--fontwhite2));
  3609. }
  3610. .emptyIcon-pGTAhd { /* body emptypic */
  3611. opacity: 0.6;
  3612. }
  3613. .emptyText-6tYmO5 { /* body emptytext */
  3614. color: rgb(var(--fontwhite2));
  3615. }
  3616.  
  3617. /* ---- 13.2. GUILDADD/CREATION ----- */
  3618.  
  3619. .container-UC8Ug1 { /* modal item */
  3620. background-color: rgb(var(--vtransparencycolor), 0.2);
  3621. border: none;
  3622. }
  3623. .container-UC8Ug1:hover {
  3624. background-color: rgb(var(--vtransparencycolor), 0.4);
  3625. }
  3626. .text-1FOLJS { /* modal text */
  3627. color: rgb(var(--fontwhite2));
  3628. }
  3629. .container-UC8Ug1:hover .text-1FOLJS {
  3630. color: rgb(var(--fontwhite1));
  3631. }
  3632. .arrow-hynWUl { /* modal arrow */
  3633. object-position: -999999px -999999px;
  3634. -webkit-mask: url(https://discord.com/assets/69a0ea5dbf79a129c81a0cb171b60b7a.svg) center/cover no-repeat;
  3635. background: rgb(var(--fontwhite2));
  3636. }
  3637. .container-UC8Ug1:hover .arrow-hynWUl {
  3638. background: rgb(var(--fontwhite1));
  3639. }
  3640. .input--jS-j2 { /* modal invite input */
  3641. background: transparent;
  3642. }
  3643. .inputInner-2akrSS { /* modal invite input inner */
  3644. border-width: 1px;
  3645. border-style: solid;
  3646. }
  3647. .container-1CE3eW .footer-2gL1pp .lookBlank-3eh9lL {
  3648. color: rgb(var(--fontwhite2));
  3649. }
  3650. .container-1CE3eW .footer-2gL1pp .lookBlank-3eh9lL:hover {
  3651. color: rgb(var(--fontwhite1));
  3652. }
  3653.  
  3654. /* ---- 13.3. REGIONSELECTMODAL ---- */
  3655.  
  3656. #app-mount .regionSelectModal-12e-57 { /* modal container */
  3657. background-color: transparent;
  3658. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  3659. position: relative;
  3660. overflow: hidden;
  3661. }
  3662. .regionSelectModal-12e-57::before {
  3663. content: "";
  3664. position: absolute;
  3665. top: 0;
  3666. bottom: 0;
  3667. right: 0;
  3668. left: 0;
  3669. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  3670. background-attachment: fixed;
  3671. filter: blur(var(--vpopoutblur));
  3672. width: unset;
  3673. height: unset;
  3674. pointer-events: none;
  3675. z-index: -1;
  3676. }
  3677. .regionSelectModal-12e-57::after {
  3678. content: "";
  3679. position: absolute;
  3680. top: 0;
  3681. bottom: 0;
  3682. right: 0;
  3683. left: 0;
  3684. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  3685. width: unset;
  3686. height: unset;
  3687. pointer-events: none;
  3688. z-index: -1;
  3689. }
  3690. #app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3 {
  3691. background-color: rgba(var(--vtransparencycolor), 0.2);
  3692. border-color: rgba(var(--vtransparencycolor), 0.1);
  3693. }
  3694. #app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover {
  3695. background-color: rgba(var(--vtransparencycolor), 0.3);
  3696. }
  3697. #app-mount .regionSelectModal-12e-57 .regionSelectModalFooter-20C5iA {
  3698. color: rgb(var(--fontwhite3));
  3699. }
  3700.  
  3701. /* ---- 13.4. UPLOADMODAL ---- */
  3702.  
  3703. #app-mount .uploadModal-2ifh8j { /* modal container */
  3704. background-color: transparent;
  3705. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  3706. position: relative;
  3707. border-radius: 10px;
  3708. }
  3709. .uploadModal-2ifh8j::before {
  3710. content: "";
  3711. position: absolute;
  3712. top: 0;
  3713. bottom: 0;
  3714. right: 0;
  3715. left: 0;
  3716. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  3717. background-attachment: fixed;
  3718. filter: blur(var(--vpopoutblur));
  3719. width: unset;
  3720. height: unset;
  3721. pointer-events: none;
  3722. border-radius: 10px;
  3723. z-index: -1;
  3724. }
  3725. .uploadModal-2ifh8j::after {
  3726. content: "";
  3727. position: absolute;
  3728. top: 0;
  3729. bottom: 0;
  3730. right: 0;
  3731. left: 0;
  3732. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  3733. width: unset;
  3734. height: unset;
  3735. pointer-events: none;
  3736. border-radius: 10px;
  3737. z-index: -1;
  3738. }
  3739.  
  3740. .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc {
  3741. width: unset;
  3742. }
  3743. .uploadModal-2ifh8j .inner-3nWsbo, /* modal inner */
  3744. .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo {
  3745. border-color: rgba(var(--fontwhite1), 0.5);
  3746. color: rgb(var(--fontwhite1));
  3747. }
  3748. .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .description-2ug5H_ .filename-ovv3c5 {
  3749. color: rgb(var(--fontwhite1));
  3750. }
  3751. .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo .title-2Vtl4y {
  3752. text-shadow: 1px 1px var(--vtextshadow);
  3753. }
  3754. .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo .instructions-2Du9gG {
  3755. color: rgb(var(--fontwhite3));
  3756. text-shadow: 1px 1px var(--vtextshadow);
  3757. }
  3758. .content-P4SiGI { /* modal errorcontent */
  3759. color: rgb(var(--fontwhite3));
  3760. }
  3761. .navArrow-3Q9QPC { /* modal navarrow */
  3762. -webkit-mask: url(https://discord.com/assets/c83861b2303b7ee40c419e9590d57f11.svg) center/contain no-repeat;
  3763. background-color: rgb(var(--fontwhite3));
  3764. object-position: -999999px -999999px;
  3765. }
  3766. .uploadModal-2ifh8j .inner-zqa7da { /* modal channeltextarea */
  3767. background-color: rgba(var(--vtransparencycolor), 0.3);
  3768. }
  3769. .uploadModal-2ifh8j .footer-3mqk7D { /* modal footer */
  3770. background-color: rgba(var(--vtransparencycolor), 0.2);
  3771. box-shadow: none;
  3772. }
  3773. .uploadModal-2ifh8j .checkbox-1ix_J3 { /* modal checkbox */
  3774. border-color: rgb(var(--fontwhite1)) !important;
  3775. }
  3776. .uploadModal-2ifh8j .checkbox-1ix_J3.checked-3_4uQ9 {
  3777. background-color: rgb(var(--vaccentcolor)) !important;
  3778. border-color: rgb(var(--vaccentcolor)) !important;
  3779. }
  3780. .uploadModal-2ifh8j .checkbox-1ix_J3.checked-3_4uQ9 path[fill="#7289da"] {
  3781. fill: rgb(var(--fontwhite1)) !important;
  3782. }
  3783. .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.image-2yrs5j {
  3784. box-shadow: 0 2px 8px rgba(var(--vtransparencycolor), 0.4);
  3785. }
  3786.  
  3787. /* ---- 13.5. KEYBOARDSHORTCUTSMODAL ---- */
  3788.  
  3789. #app-mount .keyboardShortcutsModal-3piNz7 { /* modal container */
  3790. background-color: transparent;
  3791. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  3792. position: relative;
  3793. overflow: hidden;
  3794. }
  3795. .keyboardShortcutsModal-3piNz7::before {
  3796. content: "";
  3797. position: absolute;
  3798. top: 0;
  3799. bottom: 0;
  3800. right: 0;
  3801. left: 0;
  3802. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  3803. background-attachment: fixed;
  3804. filter: blur(var(--vpopoutblur));
  3805. width: unset;
  3806. height: unset;
  3807. pointer-events: none;
  3808. z-index: -1;
  3809. }
  3810. .keyboardShortcutsModal-3piNz7::after {
  3811. content: "";
  3812. position: absolute;
  3813. top: 0;
  3814. bottom: 0;
  3815. right: 0;
  3816. left: 0;
  3817. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  3818. width: unset;
  3819. height: unset;
  3820. pointer-events: none;
  3821. z-index: -1;
  3822. }
  3823. #app-mount .modalTitle-37O4n6 { /* modal title */
  3824. color: rgb(var(--fontwhite1));
  3825. }
  3826. #app-mount .modalSubtitle-1Pj5nv { /* modal subtitle */
  3827. border-color: rgba(var(--fontwhite4), 0.3);
  3828. color: rgb(var(--fontwhite1));
  3829. }
  3830. #app-mount .keyboardShortcutList-13cQ-8 .keybindGroup--6Qp-w .keybindDescription-2RDbC2 {
  3831. color: rgb(var(--fontwhite2));
  3832. }
  3833. #app-mount .keybindShortcut-1BD6Z1 {
  3834. color: rgb(var(--fontwhite1));
  3835. }
  3836. #app-mount .keybindShortcut-1BD6Z1 span {
  3837. background-color: rgb(var(--fontwhite4));
  3838. border: 1px solid rgb(0, 0, 0, 0.4);
  3839. box-shadow: inset 0 -4px 0 rgb(0, 0, 0, 0.4);
  3840. color: rgb(var(--fontwhite1));
  3841. }
  3842. #app-mount .keybindShortcut-1BD6Z1 span [fill^="#"] {
  3843. fill: rgb(var(--fontwhite1));
  3844. }
  3845. #app-mount .tabButton-1n4gNP {
  3846. background-color: rgb(var(--fontwhite4));
  3847. border: 1px solid rgb(0, 0, 0, 0.4);
  3848. border-radius: 4px;
  3849. box-shadow: inset 0 -4px 0 rgb(0, 0, 0, 0.4);
  3850. color: rgb(var(--fontwhite1));
  3851. }
  3852. #app-mount .tabButton-1n4gNP rect[fill="#4F545C"],
  3853. #app-mount .tabButton-1n4gNP path[fill="#36393F"] {
  3854. display: none;
  3855. }
  3856.  
  3857. /* ---- 13.6. QUICKSWITCHER ---- */
  3858.  
  3859. #app-mount .quickswitcher-3JagVE { /* modal container */
  3860. background-color: transparent;
  3861. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  3862. position: relative;
  3863. overflow: hidden;
  3864. }
  3865. .quickswitcher-3JagVE::before {
  3866. content: "";
  3867. position: absolute;
  3868. top: 0;
  3869. bottom: 0;
  3870. right: 0;
  3871. left: 0;
  3872. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  3873. background-attachment: fixed;
  3874. filter: blur(var(--vpopoutblur));
  3875. width: unset;
  3876. height: unset;
  3877. pointer-events: none;
  3878. z-index: -1;
  3879. }
  3880. .quickswitcher-3JagVE::after {
  3881. content: "";
  3882. position: absolute;
  3883. top: 0;
  3884. bottom: 0;
  3885. right: 0;
  3886. left: 0;
  3887. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  3888. width: unset;
  3889. height: unset;
  3890. pointer-events: none;
  3891. z-index: -1;
  3892. }
  3893. .scroller-zPkAnE {
  3894. background-color: transparent;
  3895. }
  3896. #app-mount .input-2VB9rf { /* modal input */
  3897. background-color: rgba(var(--vtransparencycolor), 0.4);
  3898. box-shadow: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  3899. color: rgb(var(--fontwhite1));
  3900. }
  3901. #app-mount .input-2VB9rf::placeholder {
  3902. color: rgb(var(--fontwhite3));
  3903. }
  3904. #app-mount .header-13MUnb { /* modal header */
  3905. color: rgb(var(--fontwhite2));
  3906. }
  3907. #app-mount .resultFocused-3aIoYe { /* modal resultfocused */
  3908. background-color: rgba(var(--vtransparencycolor), 0.2);
  3909. }
  3910. #app-mount .contentUnread-3gTHvA { /* modal contentunread */
  3911. color: rgb(var(--fontwhite1));
  3912. }
  3913. #app-mount .contentDefault-16dKSY, /* modal contentdefault */
  3914. #app-mount .icon-30q1Or, /* modal icon */
  3915. #app-mount .misc-1CT3G7 { /* modal misc */
  3916. color: rgb(var(--fontwhite3));
  3917. }
  3918. #app-mount .note-S--UP5 { /* modal note */
  3919. color: rgb(var(--fontwhite4));
  3920. }
  3921. #app-mount .resultFocused-3aIoYe .contentDefault-16dKSY,
  3922. #app-mount .resultFocused-3aIoYe .icon-30q1Or,
  3923. #app-mount .contentUnread-3gTHvA .icon-30q1Or,
  3924. #app-mount .resultFocused-3aIoYe .misc-1CT3G7 {
  3925. color: rgb(var(--fontwhite1));
  3926. }
  3927. #app-mount .resultFocused-3aIoYe .note-S--UP5 {
  3928. color: rgb(var(--fontwhite3));
  3929. }
  3930. #app-mount .tipsWithoutResults-lGY-De,
  3931. #app-mount .tipsWithResults-HhTE9b {
  3932. border-color: rgba(var(--fontwhite4), 0.3);
  3933. color: rgb(var(--fontwhite3));
  3934. }
  3935. #app-mount .keybindShortcutTipsSelect-HDyfe8:last-of-type::before {
  3936. background-color: rgba(var(--fontwhite4), 0.3);
  3937. }
  3938.  
  3939. /* ---- 13.7. INVITEMODAL/GROUPCREATE ---- */
  3940.  
  3941. #app-mount .contentWrapper-3WC1ID { /* modal guildinvitemodal */
  3942. background-color: transparent;
  3943. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  3944. position: relative;
  3945. overflow: hidden;
  3946. }
  3947. .contentWrapper-3WC1ID::before {
  3948. content: "";
  3949. position: absolute;
  3950. top: 0;
  3951. bottom: 0;
  3952. right: 0;
  3953. left: 0;
  3954. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  3955. background-attachment: fixed;
  3956. filter: blur(var(--vpopoutblur));
  3957. width: unset;
  3958. height: unset;
  3959. pointer-events: none;
  3960. z-index: -1;
  3961. }
  3962. .contentWrapper-3WC1ID::after {
  3963. content: "";
  3964. position: absolute;
  3965. top: 0;
  3966. bottom: 0;
  3967. right: 0;
  3968. left: 0;
  3969. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  3970. width: unset;
  3971. height: unset;
  3972. pointer-events: none;
  3973. z-index: -1;
  3974. }
  3975.  
  3976. #app-mount .friendSelected-1sa4bG, /* modal groupdmrow */
  3977. #app-mount .inviteRow-2L02ae:hover { /* modal guildrow */
  3978. background-color: rgba(var(--vtransparencycolor), 0.2);
  3979. }
  3980. #app-mount .friend-3KALPe, /* modal groupdmrow */
  3981. #app-mount .inviteRowName-1tVaxu { /* modal username */
  3982. color: rgb(var(--fontwhite2));
  3983. }
  3984. #app-mount .friendSelected-1sa4bG,
  3985. #app-mount .inviteRow-2L02ae:hover .inviteRowName-1tVaxu {
  3986. color: rgb(var(--fontwhite1));
  3987. }
  3988. #app-mount .checkBoxLabel-4PWfpk,
  3989. #app-mount .footerText-2a7NxZ,
  3990. #app-mount .subTitle-3TUjmF,
  3991. #app-mount .subtitle-2P4u9v,
  3992. #app-mount .subText-bCySlS {
  3993. color: rgb(var(--fontwhite3));
  3994. }
  3995. .tag-2gHSR7 { /* modal added user */
  3996. background-color: rgb(var(--vaccentcolor));
  3997. color: rgb(var(--fontwhite1));
  3998. text-shadow: 1px 1px var(--vtextshadow);
  3999. }
  4000. .pill-1dHPfk {
  4001. background-color: rgba(var(--vtransparencycolor), 0.5);
  4002. }
  4003.  
  4004. /* ---- 13.8. LOGINSCREEN ---- */
  4005.  
  4006. #app-mount .wrapper-3Q5DdO { /* login wrapper */
  4007. background: transparent;
  4008. }
  4009. .wrapper-3Q5DdO::before, /* login winbuttonshadow */
  4010. .wrapper-3Q5DdO .rightSplit-2US0xy, /* login background */
  4011. .wrapper-3Q5DdO .canvas-3XuBXe { /* login movingshadow */
  4012. display: none;
  4013. }
  4014. #app-mount .authBox-hW6HRx { /* login modal */
  4015. background-color: rgba(var(--vtransparencycolor), 0.5);
  4016. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  4017. color: rgb(var(--fontwhite3));
  4018. position: relative;
  4019. overflow: hidden;
  4020. }
  4021. #app-mount .quote-3aooyW { /* login loadingquote */
  4022. color: rgb(var(--fontwhite1));
  4023. }
  4024. #app-mount .contentBase-11jeVK { /* login loadingcontent */
  4025. color: rgb(var(--fontwhite3));
  4026. }
  4027. #app-mount .problems-3mgf6w { /* login loadingproblems */
  4028. color: rgb(var(--fontwhite1));
  4029. }
  4030. #app-mount .problemsText-1Yx-Kl { /* login loadingproblemtext */
  4031. color: rgb(var(--fontwhite3));
  4032. }
  4033.  
  4034. /* ---- 13.9. TERMACCEPTMODAL ---- */
  4035.  
  4036. #app-mount .modal-DRZfgq { /* modal container */
  4037. background-color: transparent;
  4038. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  4039. position: relative;
  4040. overflow: hidden;
  4041. }
  4042. .modal-DRZfgq::before {
  4043. content: "";
  4044. position: absolute;
  4045. top: 0;
  4046. bottom: 0;
  4047. right: 0;
  4048. left: 0;
  4049. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  4050. background-attachment: fixed;
  4051. filter: blur(var(--vpopoutblur));
  4052. width: unset;
  4053. height: unset;
  4054. pointer-events: none;
  4055. z-index: -1;
  4056. }
  4057. .modal-DRZfgq::after {
  4058. content: "";
  4059. position: absolute;
  4060. top: 0;
  4061. bottom: 0;
  4062. right: 0;
  4063. left: 0;
  4064. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  4065. width: unset;
  4066. height: unset;
  4067. pointer-events: none;
  4068. z-index: -1;
  4069. }
  4070.  
  4071. [style*="/assets/a13cfdd7220132fff399a76c3ed64519.svg"], /* modal image */
  4072. [src*="/assets/a13cfdd7220132fff399a76c3ed64519.svg"] {
  4073. filter: brightness(85%) invert(100%);
  4074. opacity: 0.7;
  4075. }
  4076.  
  4077. #app-mount .modal-DRZfgq .checkbox-1ix_J3.checked-3_4uQ9 { /* modal ackcheckbox */
  4078. background-color: rgb(var(--vaccentcolor));
  4079. }
  4080. #app-mount .modal-DRZfgq .checkbox-1ix_J3 [stroke="#7289da"] {
  4081. stroke: rgb(var(--fontwhite1)) !important;
  4082. }
  4083. #app-mount .ack-2yIUvY { /* modal acklabel */
  4084. color: rgb(var(--fontwhite2));
  4085. }
  4086. #app-mount .buttonContainer-3S_miP { /* modal footer */
  4087. background-color: rgba(var(--vtransparencycolor), 0.2);
  4088. box-shadow: none;
  4089. }
  4090.  
  4091. /* ---- 13.10. DOWNLOADAPPMODAL ---- */
  4092.  
  4093. #app-mount .downloadApps-wbBFdZ { /* modal container */
  4094. background-color: transparent;
  4095. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  4096. position: relative;
  4097. overflow: hidden;
  4098. }
  4099. .downloadApps-wbBFdZ::before {
  4100. content: "";
  4101. position: absolute;
  4102. top: 0;
  4103. bottom: 0;
  4104. right: 0;
  4105. left: 0;
  4106. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  4107. background-attachment: fixed;
  4108. filter: blur(var(--vpopoutblur));
  4109. width: unset;
  4110. height: unset;
  4111. pointer-events: none;
  4112. z-index: -1;
  4113. }
  4114. .downloadApps-wbBFdZ::after {
  4115. content: "";
  4116. position: absolute;
  4117. top: 0;
  4118. bottom: 0;
  4119. right: 0;
  4120. left: 0;
  4121. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  4122. width: unset;
  4123. height: unset;
  4124. pointer-events: none;
  4125. z-index: -1;
  4126. }
  4127. .downloadApps-wbBFdZ .header-nJMe-Q {
  4128. color: rgb(var(--fontwhite2));
  4129. }
  4130. .downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 {
  4131. border-color: rgb(var(--fontwhite3));
  4132. }
  4133. .downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 p {
  4134. color: rgb(var(--fontwhite3));
  4135. }
  4136. .downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 .downloadButton-1bWXpg {
  4137. background-color: rgb(var(--fontwhite3));
  4138. }
  4139. .downloadApps-wbBFdZ .footer-1nkeBm {
  4140. color: rgb(var(--fontwhite3));
  4141. }
  4142.  
  4143. /* ---- 13.11. GUILDBOOSTMODAL ---- */
  4144.  
  4145. #app-mount .perksModal-fSYqOq { /* modal wrapper */
  4146. background-color: transparent;
  4147. }
  4148. .carouselContainer-2-vIZS { /* modal scrollercontainer */
  4149. -webkit-mask: linear-gradient(to right, rgba(0,0,0,0) 0px, rgba(0,0,0,1) 60px, rgba(0,0,0,1) calc(100vw - 60px), rgba(0,0,0,0) 100vw);
  4150. }
  4151. .carouselGradientEdge-2W94ou { /* modal scrollergradient */
  4152. display: none;
  4153. }
  4154. #app-mount .subscriberCount-27QHc5 { /* modal subcount */
  4155. color: rgb(var(--fontwhite3));
  4156. }
  4157. #app-mount .subscriberCount-27QHc5 strong {
  4158. color: rgb(var(--fontwhite2));
  4159. }
  4160. #app-mount .moreSubscribers-1cuWDE { /* modal suboverflow */
  4161. background-color: rgba(var(--vtransparencycolor), 0.3);
  4162. color: rgb(var(--fontwhite1));
  4163. }
  4164.  
  4165. #app-mount .subscribersPopout-2CP6Ln { /* subpopout container */
  4166. background-color: transparent;
  4167. box-shadow: 0 2px 10px rgba(var(--vtransparencycolor), 0.2);
  4168. overflow: hidden;
  4169. }
  4170. .subscribersPopout-2CP6Ln::before {
  4171. content: "";
  4172. position: absolute;
  4173. top: 0;
  4174. bottom: 0;
  4175. right: 0;
  4176. left: 0;
  4177. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  4178. background-attachment: fixed;
  4179. filter: blur(var(--vpopoutblur));
  4180. width: unset;
  4181. height: unset;
  4182. pointer-events: none;
  4183. z-index: -1;
  4184. }
  4185. .subscribersPopout-2CP6Ln::after {
  4186. content: "";
  4187. position: absolute;
  4188. top: 0;
  4189. bottom: 0;
  4190. right: 0;
  4191. left: 0;
  4192. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.35));
  4193. width: unset;
  4194. height: unset;
  4195. pointer-events: none;
  4196. z-index: -1;
  4197. }
  4198. #app-mount .subscribersPopoutUser-3rC75S { /* subpopout users */
  4199. color: rgb(var(--fontwhite3));
  4200. }
  4201.  
  4202. #app-mount .ctaBar-2UsjF2 { /* current boost stats container */
  4203. background-color: rgba(var(--vtransparencycolor), 0.4);
  4204. background-image: url(https://discord.com/assets/94ff6fdc535b6ecb7b1bc54f2dd56a10.svg);
  4205. }
  4206. .guildIcon-3raYf3 { /* current boost stats guild icon */
  4207. background-color: rgba(var(--vtransparencycolor), 0.2);
  4208. }
  4209.  
  4210. #app-mount .perk-2WeBWW { /* modal perkcard */
  4211. background-color: rgba(var(--vtransparencycolor), 0.4);
  4212. }
  4213.  
  4214. #app-mount .tierHeaderLocked-1s2JJz { /* modal tierheaderlocked */
  4215. background-color: rgba(var(--vtransparencycolor), 0.4);
  4216. color: rgb(var(--fontwhite3));
  4217. }
  4218. #app-mount .tierLock-3CSxSX { /* modal tierlock */
  4219. color: rgb(var(--fontwhite4));
  4220. }
  4221. #app-mount .tierHeaderUnlocked-1n-OTI { /* modal tierheaderunlocked */
  4222. background-color: rgba(var(--vtransparencycolor), 0.5);
  4223. color: rgb(var(--fontwhite1));
  4224. }
  4225. #app-mount .tierUnlocked-25K6Kv { /* modal tierunlocked */
  4226. background-color: rgb(var(--fontwhite1));
  4227. }
  4228. #app-mount .boostCount-UFqabz {
  4229. background-color: rgba(var(--vtransparencycolor), 0.4);
  4230. color: rgb(var(--fontwhite3));
  4231. }
  4232. #app-mount .tierBody-16Chc9 { /* modal tierbody */
  4233. background-color: rgba(var(--vtransparencycolor), 0.3);
  4234. color: rgb(var(--fontwhite3));
  4235. }
  4236. #app-mount .tierNoneContainer-3hhK3h { /* modal tiernonecontainer */
  4237. background-color: rgba(var(--vtransparencycolor), 0.2);
  4238. }
  4239. .tierNoneCard-peD7hV { /* modal tiernonecard */
  4240. opacity: 0.6;
  4241. }
  4242. #app-mount .tierNoneText-2OvCv7 {
  4243. color: rgb(var(--fontwhite3));
  4244. }
  4245. #app-mount .tierCloseHint-380zIA, /* modal tierclose */
  4246. #app-mount .tierCloseClose-2z5dSa {
  4247. color: rgb(var(--fontwhite1));
  4248. }
  4249. #app-mount .tierMarkerBackground-3q29am { /* modal tiermilestone */
  4250. background: transparent;
  4251. }
  4252. #app-mount .tierMarkerInProgress-24LMzJ {
  4253. background: rgba(var(--vtransparencycolor), 0.3) !important;
  4254. }
  4255. #app-mount .selectedTier-1JkO7i .tierMarker-5HkGJ_ {
  4256. box-shadow: 0 4px 8px rgba(var(--vtransparencycolor), 0.24);
  4257. }
  4258. #app-mount .tierMarkerLabel-2PluTw { /* modal tiermilestonelabel */
  4259. color: rgb(var(--fontwhite3));
  4260. }
  4261. #app-mount .selectedTier-1JkO7i .tierMarkerLabel-2PluTw {
  4262. color: rgb(var(--fontwhite1));
  4263. }
  4264. #app-mount .barBackground-2EEiLw { /* modal tierbar */
  4265. background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 3%, rgba(var(--vtransparencycolor), 0.3) 3%, rgba(var(--vtransparencycolor), 0.3) 30.2%, rgba(0,0,0,0) 30.2%, rgba(0,0,0,0) 36.2%, rgba(var(--vtransparencycolor), 0.3) 36.2%, rgba(var(--vtransparencycolor), 0.3) 63.5%, rgba(0,0,0,0) 63.5%, rgba(0,0,0,0) 69.5%, rgba(var(--vtransparencycolor), 0.3) 69.5%, rgba(var(--vtransparencycolor), 0.3) 96.7%, rgba(0,0,0,0) 96.7%, rgba(0,0,0,0) 100%);
  4266. }
  4267. .barSecondary-3B1aP2 {
  4268. background-color: rgb(var(--vaccentcolor));
  4269. }
  4270. .wrapper-3nSjSv .heading-4znNKq { /* modal boostaddwrapper header */
  4271. text-shadow: 1px 1px var(--vtextshadow);
  4272. }
  4273. .tier-1EY-yj { /* modal boostaddwrapper tier */
  4274. background-color: rgb(var(--vtransparencycolor), 0.3);
  4275. }
  4276. #app-mount .giftIcon-2Pjbiy { /* modal gifticon */
  4277. color: rgb(var(--fontwhite3));
  4278. margin: 0 18px;
  4279. }
  4280. #app-mount .button-38aScr:hover .giftIcon-2Pjbiy {
  4281. color: rgb(var(--fontwhite2));
  4282. }
  4283. #app-mount .button-38aScr:active .giftIcon-2Pjbiy {
  4284. color: rgb(var(--fontwhite1));
  4285. }
  4286.  
  4287. .header-1F6gxU { /* prebuy popout header */
  4288. background: rgba(var(--vtransparencycolor), 0.3);
  4289. padding-bottom: 10px;
  4290. margin-bottom: 10px;
  4291. }
  4292. #app-mount .iconWrapper-3LVgIo { /* prebuy popout amount icon wrapper */
  4293. background: rgba(var(--vtransparencycolor), 0.3);
  4294. }
  4295. .icon-TYbVk4:hover { /* prebuy popout amount icon */
  4296. background: rgb(var(--vaccentcolor));
  4297. color: rgb(var(--fontwhite1));
  4298. }
  4299. .upsellFooter-6EgwMe { /* prebuy popout footer details */
  4300. background: rgba(var(--vtransparencycolor), 0.3);
  4301. }
  4302. .perksList-1vtwXn { /* prebuy popout perkslist */
  4303. background: rgba(var(--vtransparencycolor), 0.3);
  4304. }
  4305. .perkRow-2dYUqs { /* prebuy popout perkrow */
  4306. border-bottom-color: rgba(var(--fontwhite3), 0.3);
  4307. }
  4308.  
  4309. #app-mount .selectGuild-1Ygl76:hover {
  4310. background-color: rgba(var(--vtransparencycolor), 0.3);
  4311. }
  4312. #app-mount .tierPill-3gJ0eN {
  4313. background-color: rgba(var(--vtransparencycolor), 0.3);
  4314. color: rgb(var(--fontwhite1));
  4315. }
  4316.  
  4317. /* ---- 13.12. REACTIONSMODAL ---- */
  4318.  
  4319. #app-mount .scroller-1-nKid { /* modal sidebar */
  4320. background-color: rgba(var(--vtransparencycolor), 0.4);
  4321. }
  4322. #app-mount .reactors-Blmlhw { /* modal list */
  4323. background-color: rgba(var(--vtransparencycolor), 0.2);
  4324. }
  4325. #app-mount .reactionDefault-GBA58K:hover { /* modal reaction */
  4326. background-color: rgba(var(--vtransparencycolor), 0.2);
  4327. }
  4328. #app-mount .reactionSelected-1pqISm {
  4329. background-color: rgba(var(--vtransparencycolor), 0.4);
  4330. }
  4331. #app-mount .count-1vzEyg { /* modal reaction count */
  4332. color: rgb(var(--fontwhite2));
  4333. }
  4334. #app-mount .reactionDefault-GBA58K:hover .count-1vzEyg,
  4335. #app-mount .reactionSelected-1pqISm .count-1vzEyg {
  4336. color: rgb(var(--fontwhite1));
  4337. }
  4338. #app-mount .nickname-miBZxb { /* modal nickname */
  4339. color: rgb(var(--fontwhite1));
  4340. }
  4341. #app-mount .username-Af3M5Y { /* modal username */
  4342. color: rgb(var(--fontwhite1));
  4343. }
  4344. #app-mount .discriminator-byOsvi { /* modal discriminator */
  4345. color: rgb(var(--fontwhite3));
  4346. }
  4347. #app-mount .tagFaded-WP86yt {
  4348. opacity: 0.5;
  4349. }
  4350. #app-mount .remove-3V-yj8 { /* modal remove */
  4351. color: rgb(var(--fontwhite2));
  4352. }
  4353. #app-mount .remove-3V-yj8:hover {
  4354. background-color: rgba(var(--vtransparencycolor), 0.4);
  4355. color: rgb(var(--fontwhite1));
  4356. }
  4357.  
  4358. /* ---- 13.13. GUILDTEMPLATEMODAL ---- */
  4359.  
  4360. .ctaSection-izWwhs { /* modal ctasection */
  4361. background-color: transparent;
  4362. }
  4363. .formSection-1NFAGI { /* modal formsection */
  4364. background-color: transparent;
  4365. }
  4366.  
  4367. .divider-2gQcba { /* modal divider */
  4368. border-color: rgba(var(--fontwhite3), 0.5);
  4369. }
  4370.  
  4371. .usagePill-2WGS4A { /* modal usagepill 1 */
  4372. background-color: rgba(var(--vtransparencycolor), 0.3);
  4373. }
  4374. .usagePill-_nSrnP { /* modal usagePill 2 */
  4375. background-color: rgba(var(--vtransparencycolor), 0.3);
  4376. }
  4377.  
  4378. .channelsWrapper-2HhUER { /* modal channelswrapper */
  4379. background-color: rgba(var(--vtransparencycolor), 0.3);
  4380. }
  4381.  
  4382. .channel-OaJouZ { /* modal channel */
  4383. color: rgb(var(--fontwhite3));
  4384. }
  4385.  
  4386. .rolesWrapper-2yOx9S { /* modal roleswrapper */
  4387. background-color: rgba(var(--vtransparencycolor), 0.3);
  4388. }
  4389.  
  4390. #app-mount .role-3paDXR { /* modal role */
  4391. border-color: rgba(var(--fontwhite3), 0.6);
  4392. border-radius: 5px;
  4393. padding: 0 5px;
  4394. position: relative;
  4395. }
  4396. #app-mount .role-3paDXR[style*="border-color: rgba(185, 187, 190, 0.6)"] {
  4397. border-color: rgba(var(--fontwhite3), 0.6) !important;
  4398. }
  4399. #app-mount .role-3paDXR .roleName-1JcOmP { /* modal rolename */
  4400. color: rgb(var(--fontwhite1));
  4401. margin: 0;
  4402. font-weight: normal;
  4403. position: relative;
  4404. height: 20px;
  4405. line-height: 20px;
  4406. z-index: 1000;
  4407. pointer-events: none;
  4408. }
  4409. #app-mount .role-3paDXR .roleCircle-3DE8xJ { /* modal rolecircle */
  4410. position: absolute;
  4411. background-color: rgb(var(--fontwhite3));
  4412. border-radius: 3px;
  4413. opacity: 0.3;
  4414. height: 100%;
  4415. width: 100%;
  4416. left: 0;
  4417. top: 0;
  4418. }
  4419. #app-mount .role-3paDXR .roleCircle-3DE8xJ[style*="background-color: rgb(185, 187, 190)"] {
  4420. background-color: rgb(var(--fontwhite3)) !important;
  4421. }
  4422.  
  4423. /* ---- 13.14. GUILDWELCOMEMODAL ---- */
  4424.  
  4425. .optionContainer-15srkc { /* modal option */
  4426. background-color: rgba(var(--vtransparencycolor), 0.2);
  4427. }
  4428. .optionContainer-15srkc:hover {
  4429. background-color: rgba(var(--vtransparencycolor), 0.4);
  4430. }
  4431.  
  4432. /* ---- 13.15. GUILDRULESMODAL ---- */
  4433.  
  4434. .guildSidebar-2OCzWB { /* modal sidebar */
  4435. background-color: rgba(var(--vtransparencycolor), 0.4);
  4436. }
  4437. .modal-f02hVt { /* modal inner */
  4438. background-color: rgba(var(--vtransparencycolor), 0.2);
  4439. }
  4440.  
  4441. /* ---- 13.16. GUILDFEEDBACKMODAL ---- */
  4442.  
  4443. .root-2IyrUe { /* modal items */
  4444. background-color: transparent;
  4445. border-radius: 0;
  4446. }
  4447. .option-3Ztn6N { /* modal item */
  4448. background-color: rgb(var(--vtransparencycolor), 0.2);
  4449. border: none;
  4450. border-radius: 8px;
  4451. margin-bottom: 8px;
  4452. }
  4453. .option-3Ztn6N:hover {
  4454. background-color: rgb(var(--vtransparencycolor), 0.4);
  4455. }
  4456.  
  4457. /* ---- 13.17. SCREENSHAREMODAL ---- */
  4458.  
  4459. #app-mount .sourceThumbnail-27dolk { /* modal preview tiles */
  4460. background-color: rgba(var(--vtransparencycolor), 0.4);
  4461. box-shadow: 0 2px 5px rgba(var(--vtransparencycolor), 0.2), 0 0 0 1px rgba(var(--vtransparencycolor), 0.6);
  4462. }
  4463. .card-2Mz_4z {
  4464. background-color: rgba(var(--vtransparencycolor), 0.2);
  4465. border-color: rgba(var(--vtransparencycolor), 0.4);
  4466. }
  4467. #app-mount .item-3T2z1R {
  4468. border-color: rgba(var(--vtransparencycolor), 0.4);
  4469. }
  4470. .selectorButton-EEUWed:not(.selectorButtonSelected-t5V9On) {
  4471. background-color: rgba(var(--vtransparencycolor), 0.2);
  4472. }
  4473. #app-mount .userListOverflow-cTtEue {
  4474. background: rgba(var(--vtransparencycolor), 0.5);
  4475. }
  4476.  
  4477. /* ---- 13.18. PHONEVERIFICATIONMODAL ---- */
  4478.  
  4479. .phoneField-38N1bJ {
  4480. background-color: rgba(var(--vtransparencycolor), 0.2);
  4481. }
  4482. .phoneField-38N1bJ .inputField-aNPXsv {
  4483. background-color: transparent;
  4484. }
  4485. .phoneFieldPopout-7PzjOO {
  4486. position: absolute !important;
  4487. }
  4488.  
  4489.  
  4490. /* ~~~~ 14. POPOUTS ~~~~ */
  4491.  
  4492. .layer-v9HyYc:nth-child(1) {
  4493. z-index: 1002;
  4494. }
  4495. .layer-v9HyYc:nth-child(2) {
  4496. z-index: 1003;
  4497. }
  4498. .layer-v9HyYc:nth-child(3) {
  4499. z-index: 1004;
  4500. }
  4501. .layer-v9HyYc:nth-child(4) {
  4502. z-index: 1005;
  4503. }
  4504. .layer-v9HyYc:nth-child(5) {
  4505. z-index: 1006;
  4506. }
  4507. .layer-v9HyYc:nth-child(6) {
  4508. z-index: 1007;
  4509. }
  4510. .layer-v9HyYc:nth-child(7) {
  4511. z-index: 1008;
  4512. }
  4513. .layer-v9HyYc:nth-child(8) {
  4514. z-index: 1009;
  4515. }
  4516. .layer-v9HyYc:nth-child(9) {
  4517. z-index: 1010;
  4518. }
  4519.  
  4520. #app-mount .popout-2iWAc-:not(.noShadow-3pu20z) {
  4521. box-shadow: 0 0 1px rgba(var(--vtransparencycolor), 0.2), 0 1px 4px rgba(var(--vtransparencycolor), 0.1);
  4522. }
  4523.  
  4524. #app-mount .container-2x5lvQ, /* RTCpopout (for example voicequality) */
  4525. #app-mount .quickSelectPopout-X1hvgV, /* quickselect (for example regionselect) */
  4526. #app-mount .themedPopout-1TrfdI, /* themed popout (for example mentionpopout) */
  4527. #app-mount .popoutList-T9CKZQ { /* listpopout (for example auditlogs) */
  4528. background-color: transparent;
  4529. border: none;
  4530. border-radius: 5px;
  4531. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  4532. color: rgb(var(--fontwhite1));
  4533. position: relative;
  4534. }
  4535. .container-2x5lvQ::before,
  4536. .quickSelectPopout-X1hvgV::before,
  4537. .themedPopout-1TrfdI::before,
  4538. .popoutList-T9CKZQ::before {
  4539. content: "";
  4540. position: absolute;
  4541. top: 0;
  4542. bottom: 0;
  4543. right: 0;
  4544. left: 0;
  4545. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  4546. background-attachment: fixed;
  4547. filter: blur(var(--vpopoutblur));
  4548. width: unset;
  4549. height: unset;
  4550. pointer-events: none;
  4551. border-radius: 5px;
  4552. z-index: -1;
  4553. }
  4554. .container-2x5lvQ::after,
  4555. .quickSelectPopout-X1hvgV::after,
  4556. .themedPopout-1TrfdI::after,
  4557. .popoutList-T9CKZQ::after {
  4558. content: "";
  4559. position: absolute;
  4560. top: 0;
  4561. bottom: 0;
  4562. right: 0;
  4563. left: 0;
  4564. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
  4565. width: unset;
  4566. height: unset;
  4567. pointer-events: none;
  4568. border-radius: 5px;
  4569. z-index: -1;
  4570. }
  4571. #app-mount .quickSelectPopoutOption-opKBx9:hover {
  4572. background-color: rgba(var(--vtransparencycolor), 0.2);
  4573. }
  4574. #app-mount .quickSelectPopoutOption-opKBx9.selected {
  4575. background-color: rgba(var(--vtransparencycolor), 0.4);
  4576. color: rgb(var(--fontwhite1));
  4577. }
  4578. #app-mount .container-2x5lvQ .header-2C89wJ {
  4579. background-color: rgba(var(--vtransparencycolor), 0.2);
  4580. }
  4581. #app-mount .container-2x5lvQ section {
  4582. background-color: transparent;
  4583. }
  4584. #app-mount .container-2x5lvQ section p {
  4585. color: rgb(var(--fontwhite3));
  4586. }
  4587. #app-mount .container-2x5lvQ section strong {
  4588. color: rgb(var(--fontwhite1));
  4589. }
  4590. #app-mount .debugButton-1Zec0y {
  4591. color: rgb(var(--fontwhite3));
  4592. }
  4593.  
  4594. #app-mount .header-3po9qd { /* popout innerheader (for example GoLive) */
  4595. color: rgb(var(--fontwhite1));
  4596. }
  4597. #app-mount .breadcrumbWrapper-WmDjgG { /* popout breadcrumbs (for example NitroGift) */
  4598. color: rgb(var(--fontwhite3));
  4599. }
  4600. #app-mount .activeBreadcrumb-p6aw-F {
  4601. color: rgb(var(--fontwhite1));
  4602. }
  4603. .selected-2114Fj, /* popout combobox selected */
  4604. .selected-2114Fj:hover {
  4605. background-color: rgb(var(--vaccentcolor));
  4606. color: rgb(var(--fontwhite1));
  4607. }
  4608. #app-mount .divider-1que2t { /* popout divider */
  4609. border-color: rgba(var(--fontwhite4), 0.3);
  4610. }
  4611. #app-mount .giftBlurb-4VKZWm,
  4612. #app-mount .trialNote-wEO1RW,
  4613. #app-mount .trialText-2gR3-S {
  4614. color: rgb(var(--fontwhite2));
  4615. }
  4616. #app-mount .price-3dKlQv,
  4617. #app-mount .annualDiscount-1VxngV {
  4618. color: rgb(var(--fontwhite1));
  4619. }
  4620. #app-mount .interval-bfFUiQ {
  4621. color: rgb(var(--fontwhite3));
  4622. }
  4623. #app-mount .option-1l2vXE {
  4624. background-color: rgba(var(--vtransparencycolor), 0.3);
  4625. }
  4626.  
  4627. #app-mount .addGamePopout-2RY8Ju { /* addgamepopout */
  4628. background-color: transparent;
  4629. }
  4630. .addGamePopout-2RY8Ju::before {
  4631. content: "";
  4632. position: absolute;
  4633. top: 0;
  4634. bottom: 0;
  4635. right: 0;
  4636. left: 0;
  4637. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  4638. background-attachment: fixed;
  4639. filter: blur(var(--vpopoutblur));
  4640. width: unset;
  4641. height: unset;
  4642. pointer-events: none;
  4643. z-index: -1;
  4644. }
  4645. .addGamePopout-2RY8Ju::after {
  4646. content: "";
  4647. position: absolute;
  4648. top: 0;
  4649. bottom: 0;
  4650. right: 0;
  4651. left: 0;
  4652. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.15));
  4653. width: unset;
  4654. height: unset;
  4655. pointer-events: none;
  4656. z-index: -1;
  4657. }
  4658.  
  4659. /* ---- 14.1. CONTEXTMENU ---- */
  4660.  
  4661. .styleFlexible-wGDiIL, /* contextmenu flexible */
  4662. .styleFixed-sX-yHV, /* contextmenu fixed */
  4663. .submenu-2-ysNh { /* contextmenu submenu */
  4664. background: transparent;
  4665. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  4666. }
  4667. .styleFlexible-wGDiIL::before,
  4668. .styleFixed-sX-yHV::before,
  4669. .submenu-2-ysNh::before {
  4670. content: "";
  4671. position: absolute;
  4672. top: 0;
  4673. bottom: 0;
  4674. right: 0;
  4675. left: 0;
  4676. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  4677. background-attachment: fixed;
  4678. filter: blur(var(--vpopoutblur));
  4679. width: unset;
  4680. height: unset;
  4681. border-radius: 4px;
  4682. pointer-events: none;
  4683. z-index: -1;
  4684. }
  4685. .styleFlexible-wGDiIL::after,
  4686. .styleFixed-sX-yHV::after,
  4687. .submenu-2-ysNh::after {
  4688. content: "";
  4689. position: absolute;
  4690. top: 0;
  4691. bottom: 0;
  4692. right: 0;
  4693. left: 0;
  4694. background: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.3));
  4695. width: unset;
  4696. height: unset;
  4697. border-radius: 4px;
  4698. pointer-events: none;
  4699. z-index: -1;
  4700. }
  4701. .submenu-2-ysNh {
  4702. position: relative;
  4703. }
  4704. .container-1S6Mlq { /* contextmenu searchbar */
  4705. background-color: rgba(var(--vtransparencycolor), 0.2);
  4706. }
  4707. .colorDefault-2K3EoJ:not(.colorDanger-2qLCe1):not(.colorBrand-ROmMP1) { /* item */
  4708. color: rgb(var(--fontwhite2));
  4709. }
  4710. .item-1tOPte.colorDefault-2K3EoJ.focused-3afm-j,
  4711. .item-1tOPte.colorDefault-2K3EoJ:hover:not(.hideInteraction-1iHO1O) {
  4712. background-color: rgba(var(--vtransparencycolor), 0.2);
  4713. color: rgb(var(--fontwhite1));
  4714. }
  4715. .item-1tOPte.colorDanger-2qLCe1.focused-3afm-j,
  4716. .item-1tOPte.colorDanger-2qLCe1:hover:not(.hideInteraction-1iHO1O) {
  4717. background-color: rgba(240, 71, 71, 0.2);
  4718. color: rgb(var(--fontwhite1)) !important;
  4719. }
  4720. .item-1tOPte.colorBrand-ROmMP1.focused-3afm-j,
  4721. .item-1tOPte.colorBrand-ROmMP1:hover:not(.hideInteraction-1iHO1O),
  4722. .item-1tOPte.colorPremium-p4p7qO.focused-3afm-j,
  4723. .item-1tOPte.colorPremium-p4p7qO:hover:not(.hideInteraction-1iHO1O),
  4724. .item-1tOPte.colorDefault-2K3EoJ.focused-3afm-j[id="user-settings-cog-Discord_Nitro"],
  4725. .item-1tOPte.colorDefault-2K3EoJ:hover:not(.hideInteraction-1iHO1O)[id="user-settings-cog-Discord_Nitro"],
  4726. .item-1tOPte.colorDefault-2K3EoJ.focused-3afm-j[id="user-settings-cog-Nitro_Server_Boost"],
  4727. .item-1tOPte.colorDefault-2K3EoJ:hover:not(.hideInteraction-1iHO1O)[id="user-settings-cog-Nitro_Server_Boost"],
  4728. .item-1tOPte.colorDefault-2K3EoJ.focused-3afm-j[id="guild-context-guild-settings--GUILD_PREMIUM"],
  4729. .item-1tOPte.colorDefault-2K3EoJ:hover:not(.hideInteraction-1iHO1O)[id="guild-context-guild-settings--GUILD_PREMIUM"] {
  4730. background-color: rgba(var(--vaccentcolor), 0.2);
  4731. color: rgb(var(--fontwhite1)) !important;
  4732. }
  4733. #app-mount .item-1tOPte .checkbox-3s5GYZ { /* contextmenu checkbox */
  4734. color: rgb(var(--vaccentcolor));
  4735. }
  4736. #app-mount .item-1tOPte.colorDanger-2qLCe1 .checkbox-3s5GYZ {
  4737. color: #F04747;
  4738. }
  4739. #app-mount .item-1tOPte .check-1JyqgN { /* contextmenu checkmark */
  4740. color: rgb(var(--fontwhite1));
  4741. stroke: var(--vtextshadow);
  4742. }
  4743. .separator-2I32lJ { /* contextmenu separator */
  4744. border-bottom-color: rgba(var(--fontwhite4), 0.3);
  4745. }
  4746. .button-F9qN4n { /* contextmenu quick reaction button */
  4747. background-color: rgba(var(--vtransparencycolor), 0.3);
  4748. }
  4749. .button-F9qN4n:hover {
  4750. background-color: rgb(var(--vaccentcolor));
  4751. }
  4752.  
  4753. /* ---- 14.2. USERPOPOUT ---- */
  4754.  
  4755. .userPopout-3XzG_A { /* popout container */
  4756. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  4757. }
  4758. .userPopout-3XzG_A::before {
  4759. content: "";
  4760. position: absolute;
  4761. top: 0;
  4762. bottom: 0;
  4763. right: 0;
  4764. left: 0;
  4765. background: var(--user-background, var(--vpopout)) var(--vpopoutposition)/var(--vpopoutsize);
  4766. filter: blur(var(--vpopoutblur));
  4767. background-attachment: var(--user-background, fixed);
  4768. width: unset;
  4769. height: unset;
  4770. pointer-events: none;
  4771. z-index: -1;
  4772. }
  4773. .userPopout-3XzG_A::after {
  4774. content: "";
  4775. position: absolute;
  4776. top: 0;
  4777. bottom: 0;
  4778. right: 0;
  4779. left: 0;
  4780. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
  4781. width: unset;
  4782. height: unset;
  4783. pointer-events: none;
  4784. z-index: -1;
  4785. }
  4786. .header-2BwW8b { /* popout header */
  4787. color: rgb(var(--fontwhite1));
  4788. }
  4789. #app-mount .headerNormal-T_seeN { /* popout headernormal */
  4790. background-color: rgba(var(--vtransparencycolor), 0.2);
  4791. }
  4792. .headerPlaying-j0WQBV { /* popout headerplaying */
  4793. text-shadow: 1px 1px var(--vtextshadow);
  4794. }
  4795. .headerStreaming-2FjmGz { /* popout headerstreaming */
  4796. background: #593695;
  4797. }
  4798. .activity-11LB_k { /* popout activity */
  4799. background-color: rgba(var(--vtransparencycolor), 0.1);
  4800. }
  4801. #app-mount .body-3iLsc4, /* popout body */
  4802. #app-mount .bodyInner-245q0L, /* popout bodyinner */
  4803. #app-mount .footer-1fjuF6 { /* popout footer */
  4804. background-color: transparent;
  4805. color: rgb(var(--fontwhite2));
  4806. }
  4807. #app-mount .footer-1fjuF6 {
  4808. border-color: rgba(var(--fontwhite4), 0.3);
  4809. }
  4810.  
  4811. .headerTag-2pZJzA { /* header headertag */
  4812. color: rgb(var(--fontwhite2));
  4813. }
  4814. .headerName-fajvi9, /* header username */
  4815. .headerTagUsernameNoNickname-2_H881,
  4816. #app-mount .headerNormal-T_seeN .headerName-fajvi9,
  4817. #app-mount .headerNormal-T_seeN .headerTagUsernameNoNickname-2_H881 {
  4818. color: rgb(var(--fontwhite1));
  4819. }
  4820. #app-mount .headerTop-3C2Zn0 .textRow-19NEd_ {
  4821. color: rgb(var(--fontwhite2));
  4822. }
  4823. #app-mount .headerNormal-T_seeN .headerTop-3C2Zn0 .textRow-19NEd_ {
  4824. color: rgb(var(--fontwhite3));
  4825. }
  4826. #app-mount .activityUserPopout-2yItg2 .headerText-1HLrL7 { /* header activitytext */
  4827. color: rgb(var(--fontwhite1));
  4828. }
  4829. #app-mount .activityUserPopout-2yItg2 .content-3JfFJh, /* header activitycontent */
  4830. #app-mount .activityUserPopout-2yItg2 .details-38sfDr, /* header activitydetails */
  4831. #app-mount .activityUserPopout-2yItg2 .name-29ETJS { /* header activityname */
  4832. color: rgb(var(--fontwhite2));
  4833. }
  4834. .activityName-1IaRLn { /* header activityname */
  4835. color: rgb(var(--fontwhite1));
  4836. }
  4837. .bar-3urHkF { /* header activitybar */
  4838. background-color: rgba(var(--fontwhite1), 0.2);
  4839. }
  4840. .barInner-3NDaY_ { /* header activitybarfill */
  4841. background-color: rgb(var(--fontwhite1));
  4842. }
  4843. .text-AOoUen { /* header activitybartext */
  4844. color: rgb(var(--fontwhite2));
  4845. }
  4846. .listenAlongIcon-2vb1HG { /* header listenalong */
  4847. color: rgb(var(--fontwhite1));
  4848. }
  4849.  
  4850. .bodyTitle-Y0qMQz { /* body title */
  4851. color: rgb(var(--fontwhite3));
  4852. }
  4853. .root-3-B5F3 { /* body roles */
  4854. max-height: 100px;
  4855. overflow-x: hidden;
  4856. overflow-y: scroll;
  4857. }
  4858. #app-mount .root-3-B5F3::-webkit-scrollbar {
  4859. width: 4px;
  4860. }
  4861. #app-mount .role-2irmRk { /* body role */
  4862. border-color: rgba(var(--fontwhite3), 0.6);
  4863. border-radius: 5px;
  4864. padding: 0 5px;
  4865. position: relative;
  4866. }
  4867. #app-mount .role-2irmRk[style*="border-color: rgba(185, 187, 190, 0.6)"] {
  4868. border-color: rgba(var(--fontwhite3), 0.6) !important;
  4869. }
  4870. #app-mount .role-2irmRk .roleName-32vpEy { /* body rolename */
  4871. color: rgb(var(--fontwhite1));
  4872. margin: 0;
  4873. font-weight: normal;
  4874. position: relative;
  4875. height: 20px;
  4876. line-height: 20px;
  4877. z-index: 1000;
  4878. pointer-events: none;
  4879. }
  4880. #app-mount .role-2irmRk .roleCircle-3xAZ1j { /* body rolecircle */
  4881. position: absolute;
  4882. background-color: rgb(var(--fontwhite3));
  4883. border-radius: 3px;
  4884. opacity: 0.3;
  4885. height: 100%;
  4886. width: 100%;
  4887. left: 0;
  4888. top: 0;
  4889. }
  4890. #app-mount .role-2irmRk .roleCircle-3xAZ1j[style*="background-color: rgb(185, 187, 190)"] {
  4891. background-color: rgb(var(--fontwhite3)) !important;
  4892. }
  4893. #app-mount .role-2irmRk .roleCircle-3xAZ1j:not(:empty):hover {
  4894. opacity: 1;
  4895. z-index: 2000;
  4896. cursor: pointer;
  4897. }
  4898.  
  4899. .textarea-2r0oV8:focus { /* body note */
  4900. background-color: rgba(var(--vtransparencycolor), 0.2);
  4901. }
  4902. .textarea-2r0oV8::placeholder {
  4903. color: rgba(var(--fontwhite4));
  4904. }
  4905.  
  4906. .wumpusWrapper-yrvoR3 { /* footer wumpus new user */
  4907. margin-top: 27px;
  4908. }
  4909.  
  4910. #app-mount .quickMessage-1yeL4E { /* footer quickmessage */
  4911. background-color: rgba(var(--vtransparencycolor), 0.1);
  4912. border-color: rgba(var(--vtransparencycolor), 0.3);
  4913. color: rgb(var(--fontwhite1));
  4914. }
  4915. #app-mount .quickMessage-1yeL4E:hover {
  4916. border-color: rgb(var(--vtransparencycolor));
  4917. }
  4918. #app-mount .quickMessage-1yeL4E:focus {
  4919. border-color: rgb(var(--vaccentcolor));
  4920. }
  4921. #app-mount .quickMessage-1yeL4E::placeholder {
  4922. color: rgb(var(--fontwhite3));
  4923. }
  4924.  
  4925. /* ---- 14.3. EMOJIPICKER ---- */
  4926.  
  4927. .contentWrapper-SvZHNd, /* picker expression wrapper */
  4928. .emojiPicker-3PwZFl, /* picker inner */
  4929. .diversitySelectorPopout-3FiGaM { /* picker diversityselector */
  4930. background: transparent;
  4931. box-shadow: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  4932. border: none;
  4933. overflow: hidden;
  4934. }
  4935. .contentWrapper-SvZHNd::before,
  4936. .emojiPicker-3PwZFl::before,
  4937. .diversitySelectorPopout-3FiGaM::before {
  4938. content: "";
  4939. position: absolute;
  4940. top: 0;
  4941. bottom: 0;
  4942. right: 0;
  4943. left: 0;
  4944. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  4945. background-attachment: fixed;
  4946. filter: blur(var(--vpopoutblur));
  4947. width: unset;
  4948. height: unset;
  4949. pointer-events: none;
  4950. z-index: -1;
  4951. }
  4952. .contentWrapper-SvZHNd::after,
  4953. .emojiPicker-3PwZFl::after,
  4954. .diversitySelectorPopout-3FiGaM::after {
  4955. content: "";
  4956. position: absolute;
  4957. top: 0;
  4958. bottom: 0;
  4959. right: 0;
  4960. left: 0;
  4961. background: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
  4962. width: unset;
  4963. height: unset;
  4964. pointer-events: none;
  4965. z-index: -1;
  4966. }
  4967. .diversitySelectorPopout-3FiGaM::after,
  4968. .diversitySelectorPopout-3FiGaM::before {
  4969. border-radius: 5px;
  4970. }
  4971. .emojiPickerInExpressionPicker-3IzIcv .emojiPicker-3PwZFl {
  4972. box-shadow: unset;
  4973. }
  4974. .emojiPickerInExpressionPicker-3IzIcv .emojiPicker-3PwZFl::after,
  4975. .emojiPickerInExpressionPicker-3IzIcv .emojiPicker-3PwZFl::before {
  4976. display: none;
  4977. }
  4978.  
  4979. .diversityEmojiItem-L6_IXw:hover { /* picker diversityemoji */
  4980. background-color: rgb(var(--vaccentcolor));
  4981. }
  4982.  
  4983. .navButton-2gQCx- { /* picker navbutton */
  4984. color: rgb(var(--fontwhite3));
  4985. }
  4986. .navButtonActive-1MkytQ { /* picker navbuttonactive */
  4987. background-color: rgb(var(--vaccentcolor));
  4988. color: rgb(var(--fontwhite1));
  4989. }
  4990.  
  4991. .wrapper-2Gsate { /* picker sidebar */
  4992. background-color: rgba(var(--vtransparencycolor), 0.2);
  4993. }
  4994.  
  4995. .guildIcon-3h-1IH { /* picker guildicon */
  4996. background-color: rgba(var(--vtransparencycolor), 0.2);
  4997. }
  4998.  
  4999. .categoryItemDefaultCategory-aBZ6nJ:first-child,
  5000. .categoryItemDefaultCategory-aBZ6nJ:first-child + .categoryItemDefaultCategory-aBZ6nJ,
  5001. .stickerCategoryRecent-1WVWrj {
  5002. margin-bottom: 8px;
  5003. }
  5004. .categoryItemDefaultCategory-aBZ6nJ:hover, /* picker categoryitem */
  5005. .stickerCategory-3Yz7vN:hover, /* picker stickercategoryitem */
  5006. .stickerCategoryShopWrapper-3EnJdQ:hover .stickerCategoryShop-d5zC3B {
  5007. background-color: rgba(var(--vtransparencycolor), 0.3);
  5008. }
  5009. .categoryItemDefaultCategorySelected-_HCKoz, /* picker categoryitem selected */
  5010. .categoryItemDefaultCategorySelected-_HCKoz:hover,
  5011. .stickerCategorySelected-2uaMAG, /* picker stickercategoryitem selected */
  5012. .stickerCategorySelected-2uaMAG:hover {
  5013. background-color: rgb(var(--vaccentcolor));
  5014. }
  5015. .categoryItemDefaultCategorySelected-_HCKoz svg, /* picker categoryitem selected */
  5016. .categoryItemDefaultCategorySelected-_HCKoz:hover svg,
  5017. .stickerCategorySelected-2uaMAG svg, /* picker stickercategoryitem selected */
  5018. .stickerCategorySelected-2uaMAG:hover svg {
  5019. filter: drop-shadow(1px 1px var(--vtextshadow));
  5020. }
  5021.  
  5022. .unicodeShortcut-15J8Ck, /* picker unicodeemojis shortcut */
  5023. .stickerCategoryShopWrapper-3EnJdQ { /* picker unicodeemojis shortcut */
  5024. background-color: transparent;
  5025. color: rgb(var(--fontwhite3));
  5026. border: none;
  5027. overflow: hidden;
  5028. z-index: 100;
  5029. }
  5030. .unicodeShortcut-15J8Ck:hover {
  5031. color: rgb(var(--fontwhite1));
  5032. }
  5033. .unicodeShortcut-15J8Ck::before,
  5034. .stickerCategoryShopWrapper-3EnJdQ::before {
  5035. content: "";
  5036. position: absolute;
  5037. top: 0;
  5038. bottom: 0;
  5039. right: 0;
  5040. left: 0;
  5041. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  5042. background-attachment: fixed;
  5043. filter: blur(var(--vpopoutblur));
  5044. width: unset;
  5045. height: unset;
  5046. pointer-events: none;
  5047. z-index: -1;
  5048. }
  5049. .unicodeShortcut-15J8Ck::after,
  5050. .stickerCategoryShopWrapper-3EnJdQ::after {
  5051. content: "";
  5052. position: absolute;
  5053. top: 0;
  5054. bottom: 0;
  5055. right: 0;
  5056. left: 0;
  5057. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.35));
  5058. width: unset;
  5059. height: unset;
  5060. pointer-events: none;
  5061. z-index: -1;
  5062. }
  5063.  
  5064. .inspector-S2gM3e { /* picker emojiinfowrapper */
  5065. background-color: rgba(var(--vtransparencycolor), 0.2);
  5066. }
  5067.  
  5068. #app-mount .wrapper-1-Fsb8 { /* picker categoryheader */
  5069. background: transparent;
  5070. position: static;
  5071. }
  5072.  
  5073. #app-mount .imageLoading-bpSr0M { /* picker emoji loading */
  5074. background: rgba(var(--vtransparencycolor), 0.3);
  5075. border-radius: 10px;
  5076. }
  5077. .emojiItem-14v6tW.emojiItemSelected-1aLkfV { /* picker emoji selected */
  5078. background-color: rgb(var(--vaccentcolor));
  5079. }
  5080. .emojiItemDisabled-1FvFuF { /* picker emoji disabled */
  5081. filter: none;
  5082. cursor: no-drop;
  5083. }
  5084. .emojiItemDisabled-1FvFuF > * {
  5085. filter: grayscale(1);
  5086. }
  5087.  
  5088. .shape-2kfO2v { /* picker sticker loading */
  5089. background-color: rgba(var(--vtransparencycolor), 0.2);
  5090. }
  5091. .feature-3kpTdS { /* picker sticker feature */
  5092. background: transparent;
  5093. color: rgb(var(--fontwhite1));
  5094. }
  5095.  
  5096. .stickerInspected-2EM4w- .stickerBackground-2XECKi { /* picker sticker focused */
  5097. background-color: rgb(var(--vaccentcolor));
  5098. }
  5099. .viewAllBackground-3Bn1vh { /* picker sticker view all */
  5100. background-color: rgba(var(--vtransparencycolor), 0.2);
  5101. }
  5102. .viewAll-2RLt-n:hover .viewAllBackground-3Bn1vh,
  5103. .viewAllInspected-FsmJHj .viewAllBackground-3Bn1vh {
  5104. background-color: rgba(var(--vtransparencycolor), 0.4);
  5105. }
  5106.  
  5107. .premiumPromo-fVlLu- { /* picker premium warning */
  5108. background-color: transparent;
  5109. opacity: 1;
  5110. }
  5111. .premiumPromo-fVlLu-::before {
  5112. content: "";
  5113. opacity: 0.9;
  5114. position: absolute;
  5115. top: 0;
  5116. bottom: 0;
  5117. right: 0;
  5118. left: 0;
  5119. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  5120. background-attachment: fixed;
  5121. filter: blur(var(--vpopoutblur));
  5122. width: unset;
  5123. height: unset;
  5124. pointer-events: none;
  5125. z-index: -1;
  5126. }
  5127. .premiumPromo-fVlLu-::after {
  5128. content: "";
  5129. opacity: 0.9;
  5130. position: absolute;
  5131. top: 0;
  5132. bottom: 0;
  5133. right: 0;
  5134. left: 0;
  5135. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.29));
  5136. width: unset;
  5137. height: unset;
  5138. pointer-events: none;
  5139. z-index: -1;
  5140. }
  5141.  
  5142. #app-mount .backButton-JyKGC1 { /* gifpicker backbutton */
  5143. color: rgb(var(--fontwhite3));
  5144. }
  5145. #app-mount .backButton-JyKGC1:hover {
  5146. color: rgb(var(--fontwhite2));
  5147. }
  5148. #app-mount .focused-1En8bG, /* gifpicker result */
  5149. #app-mount .result-3w1ZcL:hover {
  5150. box-shadow: 0 11px 22px 1px rgba(var(--vtransparencycolor), 0.3);
  5151. }
  5152. #app-mount .emptyHintCard-2mUdMe {
  5153. background-color: rgba(var(--vtransparencycolor), 0.2);
  5154. }
  5155. #app-mount .emptyHintText-1QDF9N {
  5156. color: rgb(var(--fontwhite1));
  5157. }
  5158. #app-mount .endText-3SrwuD {
  5159. color: rgb(var(--fontwhite3));
  5160. }
  5161. #app-mount .endContainer-1ZDW8j::after {
  5162. background-image: url(https://discord.com/assets/0c735bf91232f2a2266e6ba9d6753565.svg);
  5163. opacity: 0.6;
  5164. }
  5165.  
  5166.  
  5167. /* ---- 14.4. PINS/MENTIONS ---- */
  5168.  
  5169. .messagesPopoutWrap-1MQ1bW, /* popout wrapper */
  5170. .container-enaOkj { /* popout wrapper (inbox) */
  5171. background-color: transparent;
  5172. box-shadow: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  5173. border: none;
  5174. overflow: hidden;
  5175. }
  5176. .messagesPopoutWrap-1MQ1bW > *,
  5177. .container-enaOkj > * {
  5178. z-index: 1000;
  5179. }
  5180. .messagesPopoutWrap-1MQ1bW::before,
  5181. .container-enaOkj::before {
  5182. content: "";
  5183. position: absolute;
  5184. top: 0;
  5185. bottom: 0;
  5186. right: 0;
  5187. left: 0;
  5188. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  5189. background-attachment: fixed;
  5190. filter: blur(var(--vpopoutblur));
  5191. width: unset;
  5192. height: unset;
  5193. pointer-events: none;
  5194. z-index: -1;
  5195. }
  5196. .messagesPopoutWrap-1MQ1bW::after,
  5197. .container-enaOkj::after {
  5198. content: "";
  5199. position: absolute;
  5200. top: 0;
  5201. bottom: 0;
  5202. right: 0;
  5203. left: 0;
  5204. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
  5205. width: unset;
  5206. height: unset;
  5207. pointer-events: none;
  5208. z-index: -1;
  5209. }
  5210. #app-mount .messagesPopout-24nkyi { /* popout innerwrap */
  5211. background-color: transparent;
  5212. }
  5213.  
  5214. .themedPopout-1TrfdI .header-2Kf7Yu {
  5215. box-shadow: 0 2px 3px 0 rgba(var(--vtransparencycolor), 0.1);
  5216. }
  5217. .header-ykumBX { /* popout header */
  5218. background-color: rgba(var(--vtransparencycolor), 0.2);
  5219. box-shadow: 0 2px 3px 0 rgba(var(--vtransparencycolor), 0.2);
  5220. }
  5221. .header-ykumBX .title-3pkaKd { /* popout headertitle */
  5222. color: rgb(var(--fontwhite1));
  5223. }
  5224.  
  5225. .themedPopout-1TrfdI .footer-1K57q_ {
  5226. background-color: rgba(var(--vtransparencycolor), 0.1);
  5227. }
  5228. .footer-1kmXd4 { /* popout footer */
  5229. background-color: rgba(var(--vtransparencycolor), 0.2);
  5230. }
  5231.  
  5232. .tutorial-i_drPV { /* popout tutorial */
  5233. background-color: rgba(var(--vtransparencycolor), 0.3);
  5234. }
  5235. .tutorialIcon-G9i5Ne { /* popout tutorial icon */
  5236. background-color: rgba(var(--vtransparencycolor), 0.3);
  5237. color: rgb(var(--fontwhite1));
  5238. }
  5239.  
  5240. .messageGroupWrapper-o-Zw7G {
  5241. background-color: transparent;
  5242. border: none;
  5243. overflow: visible;
  5244. padding: 11px 10px 10px 10px;
  5245. }
  5246. .messageGroupWrapper-o-Zw7G + .messageGroupWrapper-o-Zw7G::before {
  5247. content: "";
  5248. border-top: 1px solid rgba(var(--fontwhite4), 0.3);
  5249. position: absolute;
  5250. top: -3px;
  5251. left: 0;
  5252. width: 100%;
  5253. }
  5254. .messageGroupWrapper-o-Zw7G .contentCozy-3XX413 {
  5255. overflow: hidden;
  5256. }
  5257. .actionButtons-1sUUug { /* popout actionbuttonscontainer */
  5258. top: 4px;
  5259. right: 14px;
  5260. }
  5261. .jumpButton-2dvRSC, /* popout jumpbutton (mentions) */
  5262. .jumpButton-3DTcS_ { /* popout jumpbutton (pins) */
  5263. background-color: rgba(var(--vtransparencycolor), 0.4);
  5264. color: rgb(var(--fontwhite2));
  5265. }
  5266. .jumpButton-2dvRSC:hover,
  5267. .jumpButton-3DTcS_:hover {
  5268. background-color: rgb(var(--vaccentcolor));
  5269. }
  5270. .jumpButton-2dvRSC:hover .text-3KVtey,
  5271. .jumpButton-3DTcS_:hover {
  5272. color: rgb(var(--fontwhite1));
  5273. }
  5274. .jumpButton-2dvRSC + .jumpButton-2dvRSC,
  5275. .jumpButton-3DTcS_ + .jumpButton-3DTcS_ {
  5276. margin-left: 2px;
  5277. }
  5278. .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug .closeButton-17RIVZ {
  5279. opacity: 1;
  5280. }
  5281. .channelName-3kBz6H { /* popout dividerchannelname */
  5282. color: rgb(var(--fontwhite1));
  5283. }
  5284. .guildName-1Bc3Ta { /* popout dividerguildname */
  5285. color: rgb(var(--fontwhite2));
  5286. }
  5287. .hasMoreButton-1MELpI { /* popout hasmorebutton */
  5288. background-color: rgba(var(--vtransparencycolor), 0.2);
  5289. border: none;
  5290. }
  5291.  
  5292. .emptyPlaceholder-1zh-Eu .body-bvcIjN { /* popout emptytext */
  5293. color: rgb(var(--fontwhite3));
  5294. }
  5295. .image-2JDb81 { /* popout emptyimage */
  5296. opacity: 0.6;
  5297. }
  5298.  
  5299. /* popout active tab */
  5300. #app-mount .header-2-Imhb .tabBar-1kuXvJ .tab-ck0077.active-1MbGPa {
  5301. background-color: rgb(var(--vaccentcolor));
  5302. }
  5303. .secondary-dIudih, /* popout header button */
  5304. .tertiary-aMXF0g, /* popout message button */
  5305. .collapseButton-3V3Cqh { /* popout collapse button */
  5306. background-color: rgba(var(--vtransparencycolor), 0.2);
  5307. color: rgb(var(--fontwhite3));
  5308. }
  5309. .secondary-dIudih:hover,
  5310. .tertiary-aMXF0g:hover,
  5311. .collapseButton-3V3Cqh:hover {
  5312. background-color: rgba(var(--vtransparencycolor), 0.4);
  5313. color: rgb(var(--fontwhite1));
  5314. }
  5315. .collapseButton-3V3Cqh {
  5316. position: static;
  5317. margin-left: 12px;
  5318. border-radius: 32px;
  5319. box-sizing: border-box;
  5320. cursor: pointer;
  5321. flex-shrink: 0;
  5322. height: 32px;
  5323. min-height: 32px;
  5324. width: 32px;
  5325. min-width: 32px;
  5326. padding: 8px;
  5327. transform: unset !important;
  5328. }
  5329. .collapseButton-3V3Cqh.collapsed-b6uSCG svg {
  5330. transform: rotate(-90deg);
  5331. }
  5332.  
  5333. .channelHeader-3Gd2xq { /* popout channelheader */
  5334. background-color: rgba(var(--vtransparencycolor), 0.4);
  5335. padding-right: 16px;
  5336. border-radius: 5px 5px 0 0;
  5337. position: static;
  5338. }
  5339. .channelHeader-3Gd2xq:only-child {
  5340. border-radius: 0;
  5341. }
  5342. .messageContainer-gbhlwo, /* popout messagecontainer */
  5343. .messages-3G3erD { /* popout messagecontainer (inbox) */
  5344. background-color: rgba(var(--vtransparencycolor), 0.2);
  5345. border-radius: 0;
  5346. }
  5347. .messageContainer-gbhlwo:last-child,
  5348. .messages-3G3erD:last-child {
  5349. border-radius: 0 0 5px 5px;
  5350. }
  5351.  
  5352. .tutorial-3w5I9h { /* popout tutorial (inbox) */
  5353. background-color: rgba(var(--vtransparencycolor), 0.4);
  5354. }
  5355. .tutorialIcon-3f1miQ { /* popout tutorial (inbox) */
  5356. background-color: rgba(var(--vtransparencycolor), 0.4);
  5357. color: rgb(var(--fontwhite2));
  5358. }
  5359.  
  5360. .emptyStateIcon-3VCpT2 { /* popout no messages (inbox) */
  5361. background-color: rgba(var(--vtransparencycolor), 0.4);
  5362. color: rgb(var(--fontwhite2));
  5363. }
  5364.  
  5365. /* ---- 14.5. SEARCHPOPOUT ---- */
  5366.  
  5367. #app-mount .container-3ayLPN { /* popout wrapper */
  5368. background-color: transparent;
  5369. box-shadow: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  5370. border: none;
  5371. overflow: hidden;
  5372. position: relative;
  5373. }
  5374. .container-3ayLPN::before {
  5375. content: "";
  5376. position: absolute;
  5377. top: 0;
  5378. bottom: 0;
  5379. right: 0;
  5380. left: 0;
  5381. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  5382. background-attachment: fixed;
  5383. filter: blur(var(--vpopoutblur));
  5384. width: unset;
  5385. height: unset;
  5386. pointer-events: none;
  5387. z-index: -1;
  5388. }
  5389. .container-3ayLPN::after {
  5390. content: "";
  5391. position: absolute;
  5392. top: 0;
  5393. bottom: 0;
  5394. right: 0;
  5395. left: 0;
  5396. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
  5397. width: unset;
  5398. height: unset;
  5399. pointer-events: none;
  5400. z-index: -1;
  5401. }
  5402. #app-mount .queryContainer-RKFJW- {
  5403. color: rgb(var(--fontwhite3));
  5404. border-bottom-color: rgba(var(--fontwhite4), 0.3);
  5405. }
  5406. #app-mount .queryContainer-RKFJW- strong {
  5407. color: rgb(var(--fontwhite1));
  5408. }
  5409. #app-mount .focused-2bY0OD {
  5410. background-color: rgba(var(--vtransparencycolor), 0.2);
  5411. }
  5412. #app-mount .resultsGroup-r_nuzN::before {
  5413. border-top-color: rgba(var(--fontwhite4), 0.3);
  5414. }
  5415. #app-mount .resultsGroup-r_nuzN .header-2N-gMV,
  5416. #app-mount .resultsGroup-r_nuzN .plusIcon-v0BTrL,
  5417. #app-mount .resultsGroup-r_nuzN .searchClearHistory-2cSSMO,
  5418. #app-mount .resultsGroup-r_nuzN .searchLearnMore-3SQUAj a {
  5419. color: rgb(var(--fontwhite2));
  5420. }
  5421. #app-mount .option-96V44q::after {
  5422. display: none;
  5423. }
  5424. #app-mount .option-96V44q.selected-rZcOL- {
  5425. background-color: rgba(var(--vtransparencycolor), 0.2);
  5426. }
  5427. #app-mount .option-96V44q.selected-rZcOL-::before {
  5428. background-color: rgb(var(--vaccentcolor));
  5429. border-radius: 3px;
  5430. width: 34px;
  5431. }
  5432. #app-mount .option-96V44q .answer-1n6g43,
  5433. #app-mount .option-96V44q .nonText-3CRkO0,
  5434. #app-mount .option-96V44q strong {
  5435. color: rgb(var(--fontwhite2));
  5436. }
  5437. #app-mount .option-96V44q .filter-3Y_im- {
  5438. color: rgb(var(--fontwhite4));
  5439. }
  5440. #app-mount .option-96V44q.user-O3Czj0 .displayedNick-3xxvzU {
  5441. color: rgb(var(--fontwhite2));
  5442. }
  5443. #app-mount .option-96V44q.user-O3Czj0 .displayUsername-Qekxml {
  5444. color: rgb(var(--fontwhite3));
  5445. }
  5446. #app-mount .searchOption-zQ-1l6 .filter-3Y_im- {
  5447. color: rgb(var(--fontwhite2));
  5448. }
  5449. #app-mount .searchOption-zQ-1l6 .answer-1n6g43 {
  5450. color: rgb(var(--fontwhite4));
  5451. }
  5452. #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw {
  5453. border-top-color: rgba(var(--fontwhite4), 0.3);
  5454. }
  5455. #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4 {
  5456. color: rgb(var(--fontwhite2));
  5457. }
  5458. #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z {
  5459. color: rgb(var(--fontwhite1));
  5460. }
  5461. #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z:hover {
  5462. background-color: #677bc4;
  5463. }
  5464. #app-mount .searchResultChannelCategory-1l0lSn,
  5465. #app-mount .searchResultChannelIcon-1DnTme {
  5466. color: rgb(var(--fontwhite4));
  5467. }
  5468.  
  5469. #app-mount .calendarPicker-2yf6Ci .react-datepicker {
  5470. background: transparent;
  5471. }
  5472. #app-mount .datePicker--XZbmJ .react-datepicker__day:not(.react-datepicker__day--outside-month) {
  5473. border-color: rgba(var(--vtransparencycolor), 0.5);
  5474. }
  5475. #app-mount .datePicker--XZbmJ .react-datepicker__day--outside-month {
  5476. border-color: transparent;
  5477. background: rgba(var(--vtransparencycolor), 0.5);
  5478. }
  5479. #app-mount .datePicker--XZbmJ .react-datepicker__header,
  5480. #app-mount .datePicker--XZbmJ .react-datepicker__month-container,
  5481. #app-mount .datePicker--XZbmJ .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) {
  5482. background: rgba(var(--vtransparencycolor), 0.2);
  5483. }
  5484. #app-mount .datePicker--XZbmJ .react-datepicker__header {
  5485. padding-bottom: 5px;
  5486. }
  5487. #app-mount .datePicker--XZbmJ .react-datepicker__navigation {
  5488. background: transparent;
  5489. border-color: rgba(var(--fontwhite1), 0.5);
  5490. top: 30px;
  5491. }
  5492. #app-mount .datePicker--XZbmJ .react-datepicker__navigation::before {
  5493. content: "";
  5494. position: absolute;
  5495. top: 0;
  5496. right: 0;
  5497. bottom: 0;
  5498. left: 0;
  5499. -webkit-mask: url(https://discord.com/assets/7619529e87dad31fd2ae83d9b9583e49.svg) center/6px 12px no-repeat;
  5500. background-color: rgb(var(--fontwhite1));
  5501. }
  5502. #app-mount .datePicker--XZbmJ .react-datepicker__navigation--previous {
  5503. left: 30px;
  5504. }
  5505. #app-mount .datePicker--XZbmJ .react-datepicker__navigation--next {
  5506. right: 30px;
  5507. }
  5508. #app-mount .datePicker--XZbmJ .react-datepicker__current-month {
  5509. border-color: transparent;
  5510. padding: 10px 0;
  5511. }
  5512. #app-mount .datePicker--XZbmJ .react-datepicker__current-month,
  5513. #app-mount .datePicker--XZbmJ .react-datepicker__day-name,
  5514. #app-mount .datePicker--XZbmJ .react-datepicker__day:not(.react-datepicker__day--disabled):hover,
  5515. #app-mount .datePicker--XZbmJ .react-datepicker__day:not(.react-datepicker__day--disabled):not(.react-datepicker__day--outside-month),
  5516. #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4,
  5517. #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z {
  5518. color: rgb(var(--fontwhite1));
  5519. }
  5520. #app-mount .datePicker--XZbmJ .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) {
  5521. color: rgb(var(--fontwhite3));
  5522. }
  5523. #app-mount .datePicker--XZbmJ .react-datepicker__day--outside-month {
  5524. color: rgb(var(--fontwhite4));
  5525. }
  5526. #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw {
  5527. margin: 0;
  5528. padding: 20px;
  5529. display: flex;
  5530. justify-content: center;
  5531. }
  5532.  
  5533. /* ---- 14.6. COLORPICKER ---- */
  5534.  
  5535. #app-mount .colorPickerCustom-2CWBn2 { /* popout wrapper */
  5536. background-color: transparent;
  5537. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  5538. border: none;
  5539. border-radius: 3px;
  5540. overflow: hidden;
  5541. }
  5542. .colorPickerCustom-2CWBn2::before {
  5543. content: "";
  5544. position: absolute;
  5545. top: 0;
  5546. bottom: 0;
  5547. right: 0;
  5548. left: 0;
  5549. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  5550. background-attachment: fixed;
  5551. border-radius: 5px;
  5552. filter: blur(var(--vpopoutblur));
  5553. width: unset;
  5554. height: unset;
  5555. pointer-events: none;
  5556. z-index: -1;
  5557. }
  5558. .colorPickerCustom-2CWBn2::after {
  5559. content: "";
  5560. position: absolute;
  5561. top: 0;
  5562. bottom: 0;
  5563. right: 0;
  5564. left: 0;
  5565. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.35));
  5566. border-radius: 5px;
  5567. width: unset;
  5568. height: unset;
  5569. pointer-events: none;
  5570. z-index: -1;
  5571. }
  5572. #app-mount .saturation-1FDvtn > div > div > div > div { /* popout saturationcursor */
  5573. box-shadow: rgb(var(--fontwhite1)) 0px 0px 0px 1.5px, rgba(var(--vtransparencycolor), 0.6) 0px 0px 1px 1px inset, rgba(var(--vtransparencycolor), 0.6) 0px 0px 1px 2px !important;
  5574. }
  5575. #app-mount .hue-13HAGb > div > div > div > div, /* popout huecursor */
  5576. #app-mount .BDFDB-colorpicker .alpha-bar > div > div > div > div { /* popout alphacursor */
  5577. background: rgb(var(--fontwhite1)) !important;
  5578. box-shadow: rgba(var(--vtransparencycolor), 1) 0px 0px 2px !important;
  5579. }
  5580. #app-mount .BDFDB-colorpicker .gradient-button { /* popout gradientbutton */
  5581. color: rgb(var(--fontwhite1));
  5582. }
  5583. #app-mount .BDFDB-colorpicker .gradient-bar .gradient-cursor > div { /* popout gradientcursor */
  5584. border-color: rgb(var(--fontwhite4));
  5585. }
  5586. #app-mount .BDFDB-colorpicker .gradient-bar .gradient-cursor > div::before { /* popout gradientcursorpointer */
  5587. border-top-color: rgb(var(--fontwhite4));
  5588. }
  5589. #app-mount .BDFDB-colorpicker .gradient-bar .gradient-cursor.selected > div {
  5590. border-color: rgb(var(--fontwhite1));
  5591. }
  5592. #app-mount .BDFDB-colorpicker .gradient-bar .gradient-cursor.selected > div::before {
  5593. border-top-color: rgb(var(--fontwhite1));
  5594. }
  5595.  
  5596. /* ---- 14.7. ADDROLE ---- */
  5597.  
  5598. #app-mount .container-3XJ8ns { /* popout wrapper */
  5599. background-color: transparent;
  5600. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  5601. border: none;
  5602. border-radius: 3px;
  5603. overflow: hidden;
  5604. }
  5605. .container-3XJ8ns::before {
  5606. content: "";
  5607. position: absolute;
  5608. top: 0;
  5609. bottom: 0;
  5610. right: 0;
  5611. left: 0;
  5612. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  5613. background-attachment: fixed;
  5614. filter: blur(var(--vpopoutblur));
  5615. width: unset;
  5616. height: unset;
  5617. pointer-events: none;
  5618. z-index: -1;
  5619. }
  5620. .container-3XJ8ns::after {
  5621. content: "";
  5622. position: absolute;
  5623. top: 0;
  5624. bottom: 0;
  5625. right: 0;
  5626. left: 0;
  5627. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.1));
  5628. width: unset;
  5629. height: unset;
  5630. pointer-events: none;
  5631. z-index: -1;
  5632. }
  5633. .focused-dKLoQt,
  5634. .item-2J2GlB:hover {
  5635. background: rgba(var(--vtransparencycolor), 0.4);
  5636. }
  5637.  
  5638.  
  5639. /* ---- 14.8. EVERYONEMENTION ---- */
  5640.  
  5641. #app-mount .everyonePopout-nEbJY3 { /* popout wrapper */
  5642. background-color: transparent;
  5643. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  5644. border: none;
  5645. border-radius: 3px;
  5646. overflow: hidden;
  5647. position: relative;
  5648. }
  5649. .everyonePopout-nEbJY3::before {
  5650. content: "";
  5651. position: absolute;
  5652. top: 0;
  5653. bottom: 0;
  5654. right: 0;
  5655. left: 0;
  5656. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  5657. background-attachment: fixed;
  5658. filter: blur(var(--vpopoutblur));
  5659. width: unset;
  5660. height: unset;
  5661. pointer-events: none;
  5662. z-index: -1;
  5663. }
  5664. .everyonePopout-nEbJY3::after {
  5665. content: "";
  5666. position: absolute;
  5667. top: 0;
  5668. bottom: 0;
  5669. right: 0;
  5670. left: 0;
  5671. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.1));
  5672. width: unset;
  5673. height: unset;
  5674. pointer-events: none;
  5675. z-index: -1;
  5676. }
  5677. .everyonePopout-nEbJY3 .animation-3GofIz {
  5678. opacity: 0.7;
  5679. }
  5680. #app-mount .header-3_S6dz {
  5681. color: rgb(var(--fontwhite1));
  5682. }
  5683. #app-mount .buttonHint-2OxJB8 {
  5684. color: rgb(var(--fontwhite3));
  5685. }
  5686. #app-mount .buttonHint-2OxJB8 strong {
  5687. color: rgb(var(--fontwhite1));
  5688. }
  5689. #app-mount .footer-2aTx0s {
  5690. background-color: rgba(var(--vtransparencycolor), 0.2);
  5691. color: rgb(var(--fontwhite3));
  5692. }
  5693. #app-mount .footer-2aTx0s .icon-2qOzDL path {
  5694. fill: rgb(var(--fontwhite3));
  5695. }
  5696.  
  5697.  
  5698. /* ---- 14.9. CHANNELFOLLOW ---- */
  5699.  
  5700. #app-mount .header-1pGpFt {
  5701. background: rgba(var(--vtransparencycolor), 0.3);
  5702. }
  5703. #app-mount .separator-3gy7tq {
  5704. box-shadow: 0 1px 0 0 rgba(var(--vtransparencycolor), 0.3), 0 1px 2px 0 rgba(var(--vtransparencycolor), 0.3);
  5705. }
  5706. .channelContainer-1x3D6I {
  5707. background-color: rgba(var(--vtransparencycolor), 0.3);
  5708. }
  5709. .channel-2PJTLY {
  5710. background-color: rgba(var(--vtransparencycolor), 0.3);
  5711. }
  5712. .channelContainer-1x3D6I .channel-2PJTLY {
  5713. background-color: transparent;
  5714. }
  5715. .channelIcon-3ci4bV {
  5716. color: rgb(var(--fontwhite3));
  5717. }
  5718.  
  5719. /* ---- 14.10. CHANNELFOLLOWINFO ---- */
  5720.  
  5721. #app-mount .guildPopout-3CgKqR { /* popout wrapper */
  5722. background-color: transparent;
  5723. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  5724. border: none;
  5725. border-radius: 3px;
  5726. overflow: hidden;
  5727. position: relative;
  5728. }
  5729. .guildPopout-3CgKqR::before {
  5730. content: "";
  5731. position: absolute;
  5732. top: 0;
  5733. bottom: 0;
  5734. right: 0;
  5735. left: 0;
  5736. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  5737. background-attachment: fixed;
  5738. filter: blur(var(--vpopoutblur));
  5739. width: unset;
  5740. height: unset;
  5741. pointer-events: none;
  5742. z-index: -1;
  5743. }
  5744. .guildPopout-3CgKqR::after {
  5745. content: "";
  5746. position: absolute;
  5747. top: 0;
  5748. bottom: 0;
  5749. right: 0;
  5750. left: 0;
  5751. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.1));
  5752. width: unset;
  5753. height: unset;
  5754. pointer-events: none;
  5755. z-index: -1;
  5756. }
  5757.  
  5758. /* ---- 14.11. EMOJIINFO ---- */
  5759.  
  5760. #app-mount .popoutContainer-1MXdqN { /* popout wrapper */
  5761. background-color: transparent;
  5762. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  5763. border: none;
  5764. border-radius: 3px;
  5765. overflow: hidden;
  5766. position: relative;
  5767. }
  5768. .popoutContainer-1MXdqN::before {
  5769. content: "";
  5770. position: absolute;
  5771. top: 0;
  5772. bottom: 0;
  5773. right: 0;
  5774. left: 0;
  5775. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  5776. background-attachment: fixed;
  5777. filter: blur(var(--vpopoutblur));
  5778. width: unset;
  5779. height: unset;
  5780. pointer-events: none;
  5781. z-index: -1;
  5782. }
  5783. .popoutContainer-1MXdqN::after {
  5784. content: "";
  5785. position: absolute;
  5786. top: 0;
  5787. bottom: 0;
  5788. right: 0;
  5789. left: 0;
  5790. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  5791. width: unset;
  5792. height: unset;
  5793. pointer-events: none;
  5794. z-index: -1;
  5795. }
  5796.  
  5797. .emojiSection-3Fb9ix { /* popout emojisection */
  5798. background-color: transparent;
  5799. }
  5800.  
  5801. .guildSection-1EoFKd { /* popout emojisection */
  5802. background-color: rgba(var(--vtransparencycolor), 0.2);
  5803. }
  5804.  
  5805. .loading-1lSwpg { /* popout loading placeholder */
  5806. background: rgba(var(--vtransparencycolor), 0.3);
  5807. }
  5808.  
  5809. /* ---- 14.12. STREAMPREVIEW ---- */
  5810.  
  5811. #app-mount .streamPreview-2-WUWT { /* popout wrapper */
  5812. background-color: transparent;
  5813. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  5814. border: none;
  5815. border-radius: 3px;
  5816. overflow: hidden;
  5817. position: relative;
  5818. }
  5819. .streamPreview-2-WUWT::before {
  5820. content: "";
  5821. position: absolute;
  5822. top: 0;
  5823. bottom: 0;
  5824. right: 0;
  5825. left: 0;
  5826. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  5827. background-attachment: fixed;
  5828. filter: blur(var(--vpopoutblur));
  5829. width: unset;
  5830. height: unset;
  5831. pointer-events: none;
  5832. z-index: -1;
  5833. }
  5834. .streamPreview-2-WUWT::after {
  5835. content: "";
  5836. position: absolute;
  5837. top: 0;
  5838. bottom: 0;
  5839. right: 0;
  5840. left: 0;
  5841. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  5842. width: unset;
  5843. height: unset;
  5844. pointer-events: none;
  5845. z-index: -1;
  5846. }
  5847.  
  5848. #app-mount .previewContainer-12UlHl { /* popout preview */
  5849. background-color: rgba(var(--vtransparencycolor), 0.2);
  5850. }
  5851. /* ---- 14.13. STREAMINFO ---- */
  5852.  
  5853. #app-mount .container-2dqNWc { /* modal container */
  5854. background-color: transparent;
  5855. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  5856. position: relative;
  5857. overflow: visible !important;
  5858. }
  5859. .container-2dqNWc::before {
  5860. content: "";
  5861. position: absolute;
  5862. top: 0;
  5863. bottom: 0;
  5864. right: 0;
  5865. left: 0;
  5866. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  5867. filter: blur(var(--vpopoutblur));
  5868. background-attachment: fixed;
  5869. width: unset;
  5870. height: unset;
  5871. pointer-events: none;
  5872. z-index: -1;
  5873. }
  5874. .container-2dqNWc::after {
  5875. content: "";
  5876. position: absolute;
  5877. top: 0;
  5878. bottom: 0;
  5879. right: 0;
  5880. left: 0;
  5881. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  5882. width: unset;
  5883. height: unset;
  5884. pointer-events: none;
  5885. z-index: -1;
  5886. }
  5887.  
  5888. /* ---- 14.13. STREAMINFO ---- */
  5889.  
  5890. #app-mount .container-2dqNWc { /* modal container */
  5891. background-color: transparent;
  5892. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  5893. position: relative;
  5894. overflow: visible !important;
  5895. }
  5896. .container-2dqNWc::before {
  5897. content: "";
  5898. position: absolute;
  5899. top: 0;
  5900. bottom: 0;
  5901. right: 0;
  5902. left: 0;
  5903. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  5904. filter: blur(var(--vpopoutblur));
  5905. background-attachment: fixed;
  5906. width: unset;
  5907. height: unset;
  5908. pointer-events: none;
  5909. z-index: -1;
  5910. }
  5911. .container-2dqNWc::after {
  5912. content: "";
  5913. position: absolute;
  5914. top: 0;
  5915. bottom: 0;
  5916. right: 0;
  5917. left: 0;
  5918. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  5919. width: unset;
  5920. height: unset;
  5921. pointer-events: none;
  5922. z-index: -1;
  5923. }
  5924.  
  5925. /* ---- 14.14. PUBLICGUILDANNOUNCEMENT ---- */
  5926.  
  5927. #app-mount .popout-6p6fkZ { /* popout wrapper */
  5928. background-color: transparent;
  5929. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  5930. border: none;
  5931. border-radius: 3px;
  5932. overflow: hidden;
  5933. position: relative;
  5934. }
  5935. .popout-6p6fkZ::before {
  5936. content: "";
  5937. position: absolute;
  5938. top: 0;
  5939. bottom: 0;
  5940. right: 0;
  5941. left: 0;
  5942. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  5943. background-attachment: fixed;
  5944. filter: blur(var(--vpopoutblur));
  5945. width: unset;
  5946. height: unset;
  5947. pointer-events: none;
  5948. z-index: -1;
  5949. }
  5950. .popout-6p6fkZ::after {
  5951. content: "";
  5952. position: absolute;
  5953. top: 0;
  5954. bottom: 0;
  5955. right: 0;
  5956. left: 0;
  5957. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  5958. width: unset;
  5959. height: unset;
  5960. pointer-events: none;
  5961. z-index: -1;
  5962. }
  5963.  
  5964.  
  5965. /* ~~~~ 15. GENERAL ~~~~ */
  5966.  
  5967. ::-webkit-input-placeholder, body, button, input, select, textarea {
  5968. font-family: var(--vfont);
  5969. }
  5970.  
  5971. ::selection { /* selection */
  5972. background: rgb(var(--vaccentcolor));
  5973. }
  5974. .highlight {
  5975. background: rgb(var(--vaccentcolor));
  5976. }
  5977.  
  5978. #app-mount .elevationLow-2lY09M, #app-mount .elevationLow-126AxN, .lightElevationLow-3_Ybxi, .darkElevationLow-DABD7i {
  5979. box-shadow: 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3);
  5980. }
  5981. #app-mount .elevationHigh-3A9Xbf, #app-mount .elevationHigh-1PneE4, .lightElevationHigh-3usmGv, .darkElevationHigh-6iWpWi {
  5982. box-shadow: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  5983. }
  5984. #app-mount .elevationBorderLow-2qgTRQ, #app-mount .elevationBorderLow-2_BGCd, .lightElevationBorderLow-3APXjz, .darkElevationBorderLow-39dDV7 {
  5985. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3);
  5986. }
  5987. #app-mount .elevationBorderHigh-2WYJ09, #app-mount .elevationBorderHigh-2_BGCd, .lightElevationBorderHigh-2T98IF, .darkElevationBorderHigh-2U1nXW {
  5988. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  5989. }
  5990.  
  5991. .pointerEvents-2zdfdO[fill="#ffffff"] { /* status whitedot */
  5992. fill: rgb(var(--fontwhite1));
  5993. }
  5994.  
  5995. .dots-3Bkt3k, /* loading 3-dots */
  5996. .dots-3Bkt3k.themed-IQiCm3 {
  5997. color: rgb(var(--fontwhite1));
  5998. }
  5999.  
  6000. /* ---- 15.1. TEXT ---- */
  6001.  
  6002. .username-3gJmXY {
  6003. color: rgb(var(--fontwhite1));
  6004. }
  6005. .discriminator-uTZ08z {
  6006. color: rgb(var(--fontwhite3));
  6007. }
  6008. .h5-18_1nd {
  6009. color: rgb(var(--fontwhite3));
  6010. }
  6011. .white-1VR_aZ,
  6012. .white-3xi-nx {
  6013. color: rgb(var(--fontwhite1));
  6014. }
  6015. #app-mount h1.title-3KTIjF,
  6016. #app-mount h2.title-3KTIjF {
  6017. color: rgb(var(--fontwhite1));
  6018. }
  6019. #app-mount h3.title-3KTIjF {
  6020. color: rgb(var(--fontwhite2));
  6021. }
  6022. #app-mount h4.title-3KTIjF,
  6023. #app-mount h5.title-3KTIjF,
  6024. #app-mount h6.title-3KTIjF {
  6025. color: rgb(var(--fontwhite3));
  6026. }
  6027. #app-mount .coloredText-1kAd0O {
  6028. color: rgb(var(--fontwhite1));
  6029. }
  6030. #app-mount .defaultColor-1_ajX0 {
  6031. color: rgb(var(--fontwhite1));
  6032. }
  6033.  
  6034. /* ---- 15.2. BUTTONS ---- */
  6035.  
  6036. .searchSuggestion-2K8OBX:hover,
  6037. .form-236Xmo .btnPrimary-346kfV,
  6038. .button-22FETM,
  6039. .questionMark-CWEQZn,
  6040. .questionMark-3qBhGj,
  6041. .btn-1PnLxm.btnPrimary-1jluZW,
  6042. .btn-15Au6M.btnPrimary-ggBniE,
  6043. .bd-modal-wrapper .footer button,
  6044. .bd-pfbtn,
  6045. .bda-settings-button,
  6046. .btn-primary,
  6047. .platform-iik236.active-iLSdWQ .downloadButton-1bWXpg,
  6048. .action-1lSjCi.create-3jownz .actionButton-2PeQbJ,
  6049. .ui-button.brand.filled,
  6050. .lookFilled-1Gx00P.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover,
  6051. .lookFilled-1Gx00P.colorBrand-3pXr91:not(.buttonColor-7qQbGO):not([style*="background-color"]) {
  6052. text-shadow: 1px 1px var(--vtextshadow);
  6053. }
  6054. .lookFilled-1Gx00P.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover svg,
  6055. .lookFilled-1Gx00P.colorBrand-3pXr91:not(.buttonColor-7qQbGO):not([style*="background-color"]) svg {
  6056. filter: drop-shadow(1px 1px var(--vtextshadow));
  6057. }
  6058.  
  6059. .lookFilled-1Gx00P:not(.colorWhite-rEQuAQ) .spinnerItem-3GlVyU {
  6060. background-color: rgb(var(--fontwhite1)) !important;
  6061. }
  6062. .lookFilled-1Gx00P:not(.colorWhite-rEQuAQ) {
  6063. color: rgb(var(--fontwhite1)) !important;
  6064. }
  6065. .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ):hover {
  6066. background: rgb(var(--fontwhite1)) linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1)) !important;
  6067. }
  6068. .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ):active {
  6069. background: rgb(var(--fontwhite1)) linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)) !important;
  6070. }
  6071. .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ),
  6072. .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ):disabled {
  6073. background: rgb(var(--fontwhite1)) !important;
  6074. }
  6075. .theme-light .lookFilled-1Gx00P:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:hover,
  6076. .theme-dark .lookFilled-1Gx00P:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:hover,
  6077. .theme-light .lookFilled-1Gx00P:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:active,
  6078. .theme-dark .lookFilled-1Gx00P:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:active {
  6079. color: rgb(var(--fontwhite1)) !important;
  6080. }
  6081. .theme-light .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:hover,
  6082. .theme-dark .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:hover {
  6083. background-color: rgb(var(--fontwhite2)) !important;
  6084. }
  6085. .theme-light .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:active,
  6086. .theme-dark .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:active {
  6087. background-color: rgb(var(--fontwhite3)) !important;
  6088. }
  6089.  
  6090.  
  6091. .lookFilled-1Gx00P.colorWhite-rEQuAQ .spinnerItem-3GlVyU {
  6092. background-color: rgb(var(--vtransparencycolor));
  6093. }
  6094. .lookInverted-2D7oAl.colorWhite-rEQuAQ .spinnerItem-3GlVyU,
  6095. .lookOutlined-3sRXeN.colorWhite-rEQuAQ .spinnerItem-3GlVyU,
  6096. .lookGhost-2Fn_0-.colorWhite-rEQuAQ .spinnerItem-3GlVyU,
  6097. .lookLink-9FtZy-.colorWhite-rEQuAQ .spinnerItem-3GlVyU {
  6098. background-color: rgb(var(--fontwhite1));
  6099. }
  6100. .lookFilled-1Gx00P.colorWhite-rEQuAQ {
  6101. color: rgb(var(--vtransparencycolor));
  6102. }
  6103. .lookFilled-1Gx00P.colorWhite-rEQuAQ:hover,
  6104. .theme-light .lookFilled-1Gx00P.hoverWhite-2uUmXw.hasHover-3X1-zV:hover,
  6105. .theme-dark .lookFilled-1Gx00P.hoverWhite-2uUmXw.hasHover-3X1-zV:hover {
  6106. background: rgb(var(--fontwhite1)) linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1)) !important;
  6107. }
  6108. .lookFilled-1Gx00P.colorWhite-rEQuAQ:active,
  6109. .theme-light .lookFilled-1Gx00P.hoverWhite-2uUmXw.hasHover-3X1-zV:active,
  6110. .theme-dark .lookFilled-1Gx00P.hoverWhite-2uUmXw.hasHover-3X1-zV:active {
  6111. background: rgb(var(--fontwhite1)) linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)) !important;
  6112. }
  6113. .lookFilled-1Gx00P.colorWhite-rEQuAQ,
  6114. .lookFilled-1Gx00P.colorWhite-rEQuAQ:disabled {
  6115. background: rgb(var(--fontwhite1));
  6116. }
  6117. .lookInverted-2D7oAl.colorWhite-rEQuAQ:hover,
  6118. .theme-light .lookInverted-2D7oAl.hoverWhite-2uUmXw.hasHover-3X1-zV:hover,
  6119. .theme-dark .lookInverted-2D7oAl.hoverWhite-2uUmXw.hasHover-3X1-zV:hover {
  6120. background: rgb(var(--vtransparencycolor)) linear-gradient(0deg,rgba(255,255,255,.1),rgba(255,255,255,.1));
  6121. color: rgb(var(--fontwhite2));
  6122. }
  6123. .lookInverted-2D7oAl.colorWhite-rEQuAQ:active,
  6124. .theme-light .lookInverted-2D7oAl.hoverWhite-2uUmXw.hasHover-3X1-zV:active,
  6125. .theme-dark .lookInverted-2D7oAl.hoverWhite-2uUmXw.hasHover-3X1-zV:active {
  6126. background: rgb(var(--vtransparencycolor)) linear-gradient(0deg,rgba(255,255,255,.2),rgba(255,255,255,.2));
  6127. color: rgb(var(--fontwhite3));
  6128. }
  6129. .lookInverted-2D7oAl.colorWhite-rEQuAQ,
  6130. .lookInverted-2D7oAl.colorWhite-rEQuAQ:disabled {
  6131. background-color: rgb(var(--vtransparencycolor));
  6132. color: rgb(var(--fontwhite1));
  6133. }
  6134. .lookOutlined-3sRXeN.colorWhite-rEQuAQ {
  6135. border-color: rgba(var(--fontwhite1), 0.3);
  6136. color: rgb(var(--fontwhite1));
  6137. }
  6138. .lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover,
  6139. .theme-light .lookOutlined-3sRXeN.hoverWhite-2uUmXw.hasHover-3X1-zV:hover,
  6140. .theme-dark .lookOutlined-3sRXeN.hoverWhite-2uUmXw.hasHover-3X1-zV:hover {
  6141. border-color: rgba(var(--fontwhite1), 0.6);
  6142. color: rgb(var(--fontwhite1));
  6143. }
  6144. .lookOutlined-3sRXeN.colorWhite-rEQuAQ:active,
  6145. .theme-light .lookOutlined-3sRXeN.hoverWhite-2uUmXw.hasHover-3X1-zV:hover,
  6146. .theme-dark .lookOutlined-3sRXeN.hoverWhite-2uUmXw.hasHover-3X1-zV:hover {
  6147. background-color: rgba(var(--fontwhite1), 0.1);
  6148. border-color: rgb(var(--fontwhite1));
  6149. color: rgb(var(--fontwhite1));
  6150. }
  6151. .lookOutlined-3sRXeN.colorWhite-rEQuAQ:disabled {
  6152. border-color: rgba(var(--fontwhite1), 0.3);
  6153. }
  6154. .lookGhost-2Fn_0-.colorWhite-rEQuAQ {
  6155. background-color: rgba(var(--fontwhite1), 0.1);
  6156. color: rgb(var(--fontwhite1));
  6157. }
  6158. .lookGhost-2Fn_0-.colorWhite-rEQuAQ:hover {
  6159. color: rgb(var(--fontwhite1));
  6160. background-color: rgba(var(--fontwhite1), 0.15);
  6161. }
  6162. .lookGhost-2Fn_0-.colorWhite-rEQuAQ:active,
  6163. .theme-light .lookGhost-2Fn_0-.hoverWhite-2uUmXw.hasHover-3X1-zV:active,
  6164. .theme-dark .lookGhost-2Fn_0-.hoverWhite-2uUmXw.hasHover-3X1-zV:active {
  6165. background-color: rgba(var(--fontwhite1), 0.2);
  6166. color: rgb(var(--fontwhite1));
  6167. }
  6168. .lookGhost-2Fn_0-.colorWhite-rEQuAQ:disabled {
  6169. background-color: rgba(var(--fontwhite1), 0.1);
  6170. }
  6171. #app-mount .backButtonColor-1zIPlh,
  6172. #app-mount .backButtonColor-N09dXJ,
  6173. .lookLink-9FtZy-.colorWhite-rEQuAQ {
  6174. color: rgb(var(--fontwhite1));
  6175. }
  6176. #app-mount .backButtonColor-1zIPlh:hover .contents-18-Yxp,
  6177. #app-mount .backButtonColor-N09dXJ:hover .contents-18-Yxp,
  6178. .lookLink-9FtZy-.colorWhite-rEQuAQ:hover .contents-18-Yxp,
  6179. .theme-light .lookLink-9FtZy-.hoverWhite-2uUmXw.hasHover-3X1-zV:hover .contents-18-Yxp,
  6180. .theme-dark .lookLink-9FtZy-.hoverWhite-2uUmXw.hasHover-3X1-zV:hover .contents-18-Yxp {
  6181. color: rgb(var(--fontwhite1));
  6182. background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--fontwhite1)) 0, rgb(var(--fontwhite1)) 2px, transparent 0);
  6183. }
  6184.  
  6185. .lookInverted-2D7oAl.colorBlack-1jwPVL .spinnerItem-3GlVyU,
  6186. .lookOutlined-3sRXeN.colorBlack-1jwPVL .spinnerItem-3GlVyU,
  6187. .lookGhost-2Fn_0-.colorBlack-1jwPVL .spinnerItem-3GlVyU,
  6188. .lookLink-9FtZy-.colorBlack-1jwPVL .spinnerItem-3GlVyU {
  6189. background-color: rgb(var(--vtransparencycolor));
  6190. }
  6191. .lookFilled-1Gx00P.colorBlack-1jwPVL:hover,
  6192. .theme-light .lookFilled-1Gx00P.hoverBlack-3jULb8.hasHover-3X1-zV:hover,
  6193. .theme-dark .lookFilled-1Gx00P.hoverBlack-3jULb8.hasHover-3X1-zV:hover {
  6194. background: rgb(var(--vtransparencycolor)) linear-gradient(0deg,rgba(255,255,255,.1),rgba(255,255,255,.1));
  6195. }
  6196. .lookFilled-1Gx00P.colorBlack-1jwPVL:active,
  6197. .theme-light .lookFilled-1Gx00P.hoverBlack-3jULb8.hasHover-3X1-zV:active,
  6198. .theme-dark .lookFilled-1Gx00P.hoverBlack-3jULb8.hasHover-3X1-zV:active {
  6199. background: rgb(var(--vtransparencycolor)) linear-gradient(0deg,rgba(255,255,255,.2),rgba(255,255,255,.2));
  6200. }
  6201. .lookFilled-1Gx00P.colorBlack-1jwPVL,
  6202. .lookFilled-1Gx00P.colorBlack-1jwPVL:disabled {
  6203. background: rgb(var(--vtransparencycolor));
  6204. }
  6205. .theme-light .lookInverted-2D7oAl.hoverBlack-3jULb8.hasHover-3X1-zV:hover,
  6206. .theme-dark .lookInverted-2D7oAl.hoverBlack-3jULb8.hasHover-3X1-zV:hover,
  6207. .theme-light .lookInverted-2D7oAl.hoverBlack-3jULb8.hasHover-3X1-zV:active,
  6208. .theme-dark .lookInverted-2D7oAl.hoverBlack-3jULb8.hasHover-3X1-zV:active {
  6209. color: rgb(var(--vtransparencycolor));
  6210. }
  6211. .lookInverted-2D7oAl.colorBlack-1jwPVL,
  6212. .lookInverted-2D7oAl.colorBlack-1jwPVL:disabled {
  6213. color: rgb(var(--vtransparencycolor));
  6214. }
  6215. .lookOutlined-3sRXeN.colorBlack-1jwPVL:hover,
  6216. .theme-light .lookOutlined-3sRXeN.hoverBlack-3jULb8.hasHover-3X1-zV:hover,
  6217. .theme-dark .lookOutlined-3sRXeN.hoverBlack-3jULb8.hasHover-3X1-zV:hover {
  6218. border-color: rgba(var(--vtransparencycolor), 0.6);
  6219. color: rgb(var(--vtransparencycolor));
  6220. }
  6221. .lookOutlined-3sRXeN.colorBlack-1jwPVL:active,
  6222. .theme-light .lookOutlined-3sRXeN.hoverBlack-3jULb8.hasHover-3X1-zV:active,
  6223. .theme-dark .lookOutlined-3sRXeN.hoverBlack-3jULb8.hasHover-3X1-zV:active {
  6224. background-color: rgba(var(--vtransparencycolor), 0.1);
  6225. border-color: rgb(var(--vtransparencycolor));
  6226. color: rgb(var(--vtransparencycolor));
  6227. }
  6228. .lookOutlined-3sRXeN.colorBlack-1jwPVL,
  6229. .lookOutlined-3sRXeN.colorBlack-1jwPVL:disabled {
  6230. border-color: rgba(var(--vtransparencycolor), 0.3);
  6231. }
  6232. .lookGhost-2Fn_0-.colorBlack-1jwPVL:active,
  6233. .theme-light .lookGhost-2Fn_0-.hoverBlack-3jULb8.hasHover-3X1-zV:active,
  6234. .theme-dark .lookGhost-2Fn_0-.hoverBlack-3jULb8.hasHover-3X1-zV:active {
  6235. background-color: rgba(var(--vtransparencycolor), 0.2);
  6236. color: rgb(var(--vtransparencycolor));
  6237. }
  6238. .lookGhost-2Fn_0-.colorBlack-1jwPVL,
  6239. .lookGhost-2Fn_0-.colorBlack-1jwPVL:disabled {
  6240. background-color: rgba(var(--vtransparencycolor), 0.1);
  6241. }
  6242. .lookLink-9FtZy-.colorBlack-1jwPVL {
  6243. color: rgb(var(--vtransparencycolor));
  6244. }
  6245. .lookLink-9FtZy-.colorBlack-1jwPVL:hover .contents-18-Yxp,
  6246. .theme-light .lookLink-9FtZy-.hoverBlack-3jULb8.hasHover-3X1-zV:hover .contents-18-Yxp,
  6247. .theme-dark .lookLink-9FtZy-.hoverBlack-3jULb8.hasHover-3X1-zV:hover .contents-18-Yxp {
  6248. background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--vtransparencycolor)) 0, rgb(var(--vtransparencycolor)) 2px, transparent 0);
  6249. color: rgb(var(--vtransparencycolor));
  6250. }
  6251.  
  6252. .theme-light .lookInverted-2D7oAl.colorGrey-2DXtkV .spinnerItem-3GlVyU,
  6253. .theme-dark .lookInverted-2D7oAl.colorGrey-2DXtkV .spinnerItem-3GlVyU,
  6254. .theme-light .lookOutlined-3sRXeN.colorGrey-2DXtkV .spinnerItem-3GlVyU,
  6255. .theme-dark .lookOutlined-3sRXeN.colorGrey-2DXtkV .spinnerItem-3GlVyU,
  6256. .theme-light .lookGhost-2Fn_0-.colorGrey-2DXtkV .spinnerItem-3GlVyU,
  6257. .theme-dark .lookGhost-2Fn_0-.colorGrey-2DXtkV .spinnerItem-3GlVyU,
  6258. .theme-light .lookLink-9FtZy-.colorGrey-2DXtkV .spinnerItem-3GlVyU,
  6259. .theme-dark .lookLink-9FtZy-.colorGrey-2DXtkV .spinnerItem-3GlVyU {
  6260. background-color: rgb(var(--fontwhite4));
  6261. }
  6262.  
  6263. .buttonColor-1agP3J:hover,
  6264. .theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV:hover,
  6265. .theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV:hover,
  6266. .theme-light .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:hover,
  6267. .theme-dark .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:hover {
  6268. background: rgb(var(--fontwhite4)) linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1));
  6269. }
  6270. .buttonColor-1agP3J:active,
  6271. .theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV:active,
  6272. .theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV:active,
  6273. .theme-light .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:active,
  6274. .theme-dark .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:active {
  6275. background: rgb(var(--fontwhite4)) linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2));
  6276. }
  6277. .buttonColor-1agP3J,
  6278. .theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV,
  6279. .theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV,
  6280. .theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV:disabled,
  6281. .theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV:disabled {
  6282. background: rgb(var(--fontwhite4));
  6283. }
  6284. .theme-light .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:hover,
  6285. .theme-dark .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:hover,
  6286. .theme-light .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:active,
  6287. .theme-dark .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:active {
  6288. color: rgb(var(--fontwhite4));
  6289. }
  6290. .theme-light .lookInverted-2D7oAl.colorGrey-2DXtkV,
  6291. .theme-dark .lookInverted-2D7oAl.colorGrey-2DXtkV,
  6292. .theme-light .lookInverted-2D7oAl.colorGrey-2DXtkV:disabled,
  6293. .theme-dark .lookInverted-2D7oAl.colorGrey-2DXtkV:disabled {
  6294. color: rgb(var(--fontwhite4));
  6295. }
  6296. .theme-light .lookOutlined-3sRXeN.colorGrey-2DXtkV:hover,
  6297. .theme-dark .lookOutlined-3sRXeN.colorGrey-2DXtkV:hover,
  6298. .theme-light .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:hover,
  6299. .theme-dark .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:hover {
  6300. border-color: rgba(var(--fontwhite4), 0.6);
  6301. color: rgb(var(--fontwhite4));
  6302. }
  6303. .theme-light .lookOutlined-3sRXeN.colorGrey-2DXtkV:active,
  6304. .theme-dark .lookOutlined-3sRXeN.colorGrey-2DXtkV:active,
  6305. .theme-light .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:active,
  6306. .theme-dark .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:active {
  6307. background-color: rgba(var(--fontwhite4), 0.1);
  6308. border-color: rgb(var(--fontwhite4));
  6309. color: rgb(var(--fontwhite4));
  6310. }
  6311. .theme-light .lookOutlined-3sRXeN.colorGrey-2DXtkV,
  6312. .theme-dark .lookOutlined-3sRXeN.colorGrey-2DXtkV,
  6313. .theme-light .lookOutlined-3sRXeN.colorGrey-2DXtkV:disabled,
  6314. .theme-dark .lookOutlined-3sRXeN.colorGrey-2DXtkV:disabled {
  6315. border-color: rgba(var(--fontwhite4), 0.3);
  6316. color: rgb(var(--fontwhite4));
  6317. }
  6318. .theme-light .lookGhost-2Fn_0-.colorGrey-2DXtkV:active,
  6319. .theme-dark .lookGhost-2Fn_0-.colorGrey-2DXtkV:active,
  6320. .theme-light .lookGhost-2Fn_0-.hoverGrey-2CBXu0.hasHover-3X1-zV:active,
  6321. .theme-dark .lookGhost-2Fn_0-.hoverGrey-2CBXu0.hasHover-3X1-zV:active {
  6322. background-color: rgba(var(--fontwhite4), 0.2);
  6323. }
  6324. .theme-light .lookGhost-2Fn_0-.colorGrey-2DXtkV,
  6325. .theme-dark .lookGhost-2Fn_0-.colorGrey-2DXtkV,
  6326. .theme-light .lookGhost-2Fn_0-.colorGrey-2DXtkV:disabled,
  6327. .theme-dark .lookGhost-2Fn_0-.colorGrey-2DXtkV:disabled {
  6328. background-color: rgba(var(--fontwhite4), 0.1);
  6329. color: rgb(var(--fontwhite4));
  6330. }
  6331. .theme-light .lookLink-9FtZy-.colorGrey-2DXtkV,
  6332. .theme-dark .lookLink-9FtZy-.colorGrey-2DXtkV {
  6333. color: rgb(var(--fontwhite4));
  6334. }
  6335. .theme-light .lookLink-9FtZy-.colorGrey-2DXtkV:hover .contents-18-Yxp,
  6336. .theme-dark .lookLink-9FtZy-.colorGrey-2DXtkV:hover .contents-18-Yxp,
  6337. .theme-light .lookLink-9FtZy-.hoverGrey-2CBXu0.hasHover-3X1-zV:hover .contents-18-Yxp,
  6338. .theme-dark .lookLink-9FtZy-.hoverGrey-2CBXu0.hasHover-3X1-zV:hover .contents-18-Yxp {
  6339. color: rgb(var(--fontwhite4));
  6340. background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--fontwhite4)) 0, rgb(var(--fontwhite4)) 2px, transparent 0);
  6341. }
  6342.  
  6343. .theme-light .lookInverted-2D7oAl.colorPrimary-3b3xI6 .spinnerItem-3GlVyU,
  6344. .theme-dark .lookInverted-2D7oAl.colorPrimary-3b3xI6 .spinnerItem-3GlVyU,
  6345. .theme-light .lookOutlined-3sRXeN.colorPrimary-3b3xI6 .spinnerItem-3GlVyU,
  6346. .theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6 .spinnerItem-3GlVyU,
  6347. .theme-light .lookGhost-2Fn_0-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU,
  6348. .theme-dark .lookGhost-2Fn_0-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU,
  6349. .theme-light .lookLink-9FtZy-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU,
  6350. .theme-dark .lookLink-9FtZy-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU {
  6351. background-color: rgb(var(--fontwhite3));
  6352. }
  6353. .theme-light .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover,
  6354. .theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover,
  6355. .theme-light .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover,
  6356. .theme-dark .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover {
  6357. background: rgb(var(--fontwhite3)) linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1));
  6358. }
  6359. .theme-light .lookFilled-1Gx00P.colorPrimary-3b3xI6:active,
  6360. .theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:active,
  6361. .theme-light .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:active,
  6362. .theme-dark .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:active {
  6363. background: rgb(var(--fontwhite3)) linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2));
  6364. }
  6365. .theme-light .lookFilled-1Gx00P.colorPrimary-3b3xI6,
  6366. .theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6,
  6367. .theme-light .lookFilled-1Gx00P.colorPrimary-3b3xI6:disabled,
  6368. .theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:disabled {
  6369. background: rgb(var(--fontwhite3));
  6370. }
  6371. .theme-light .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover,
  6372. .theme-dark .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover,
  6373. .theme-light .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:active,
  6374. .theme-dark .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:active {
  6375. color: rgb(var(--fontwhite3));
  6376. }
  6377. .theme-light .lookInverted-2D7oAl.colorPrimary-3b3xI6,
  6378. .theme-dark .lookInverted-2D7oAl.colorPrimary-3b3xI6,
  6379. .theme-light .lookInverted-2D7oAl.colorPrimary-3b3xI6:disabled,
  6380. .theme-dark .lookInverted-2D7oAl.colorPrimary-3b3xI6:disabled {
  6381. color: rgb(var(--fontwhite3));
  6382. }
  6383. .theme-light .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover,
  6384. .theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover,
  6385. .theme-light .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover,
  6386. .theme-dark .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover {
  6387. border-color: rgba(var(--fontwhite3), 0.6);
  6388. color: rgb(var(--fontwhite3));
  6389. }
  6390. .theme-light .lookOutlined-3sRXeN.colorPrimary-3b3xI6:active,
  6391. .theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6:active,
  6392. .theme-light .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:active,
  6393. .theme-dark .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:active {
  6394. background-color: rgba(var(--fontwhite3), 0.1);
  6395. border-color: rgb(var(--fontwhite3));
  6396. color: rgb(var(--fontwhite3));
  6397. }
  6398. .theme-light .lookOutlined-3sRXeN.colorPrimary-3b3xI6,
  6399. .theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6,
  6400. .theme-light .lookOutlined-3sRXeN.colorPrimary-3b3xI6:disabled,
  6401. .theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6:disabled {
  6402. border-color: rgba(var(--fontwhite3), 0.3);
  6403. color: rgb(var(--fontwhite3));
  6404. }
  6405. .theme-light .lookGhost-2Fn_0-.colorPrimary-3b3xI6:active,
  6406. .theme-dark .lookGhost-2Fn_0-.colorPrimary-3b3xI6:active,
  6407. .theme-light .lookGhost-2Fn_0-.hoverPrimary-2D1j2r.hasHover-3X1-zV:active,
  6408. .theme-dark .lookGhost-2Fn_0-.hoverPrimary-2D1j2r.hasHover-3X1-zV:active {
  6409. background-color: rgba(var(--fontwhite3), 0.2);
  6410. }
  6411. .theme-light .lookGhost-2Fn_0-.colorPrimary-3b3xI6,
  6412. .theme-dark .lookGhost-2Fn_0-.colorPrimary-3b3xI6,
  6413. .theme-light .lookGhost-2Fn_0-.colorPrimary-3b3xI6:disabled,
  6414. .theme-dark .lookGhost-2Fn_0-.colorPrimary-3b3xI6:disabled {
  6415. background-color: rgba(var(--fontwhite3), 0.1);
  6416. color: rgb(var(--fontwhite3));
  6417. }
  6418. .theme-light .lookLink-9FtZy-.colorPrimary-3b3xI6,
  6419. .theme-dark .lookLink-9FtZy-.colorPrimary-3b3xI6 {
  6420. color: rgb(var(--fontwhite3));
  6421. }
  6422. .theme-light .lookLink-9FtZy-.colorPrimary-3b3xI6:hover .contents-18-Yxp,
  6423. .theme-dark .lookLink-9FtZy-.colorPrimary-3b3xI6:hover .contents-18-Yxp,
  6424. .theme-light .lookLink-9FtZy-.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover .contents-18-Yxp,
  6425. .theme-dark .lookLink-9FtZy-.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover .contents-18-Yxp {
  6426. color: rgb(var(--fontwhite3));
  6427. background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--fontwhite3)) 0, rgb(var(--fontwhite3)) 2px, transparent 0);
  6428. }
  6429.  
  6430. .theme-light .lookInverted-2D7oAl.colorTransparent-1ewNp9 .spinnerItem-3GlVyU,
  6431. .theme-dark .lookInverted-2D7oAl.colorTransparent-1ewNp9 .spinnerItem-3GlVyU {
  6432. background-color: rgba(var(--fontwhite1), 0.1);
  6433. }
  6434. .theme-light .lookOutlined-3sRXeN.colorTransparent-1ewNp9 .spinnerItem-3GlVyU,
  6435. .theme-dark .lookOutlined-3sRXeN.colorTransparent-1ewNp9 .spinnerItem-3GlVyU,
  6436. .theme-light .lookGhost-2Fn_0-.colorTransparent-1ewNp9 .spinnerItem-3GlVyU,
  6437. .theme-dark .lookGhost-2Fn_0-.colorTransparent-1ewNp9 .spinnerItem-3GlVyU,
  6438. .theme-light .lookLink-9FtZy-.colorTransparent-1ewNp9 .spinnerItem-3GlVyU,
  6439. .theme-dark .lookLink-9FtZy-.colorTransparent-1ewNp9 .spinnerItem-3GlVyU {
  6440. background-color: rgb(var(--fontwhite2));
  6441. }
  6442. .theme-light .lookFilled-1Gx00P.colorTransparent-1ewNp9:hover,
  6443. .theme-dark .lookFilled-1Gx00P.colorTransparent-1ewNp9:hover,
  6444. .theme-light .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover,
  6445. .theme-dark .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover {
  6446. background-color: rgba(var(--fontwhite1), 0.05);
  6447. color: rgb(var(--fontwhite1));
  6448. }
  6449. .theme-light .lookFilled-1Gx00P.colorTransparent-1ewNp9:active,
  6450. .theme-dark .lookFilled-1Gx00P.colorTransparent-1ewNp9:active,
  6451. .theme-light .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active,
  6452. .theme-dark .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active {
  6453. background-color: rgba(var(--fontwhite1), 0.01);
  6454. color: rgb(var(--fontwhite1));
  6455. }
  6456. .theme-light .lookFilled-1Gx00P.colorTransparent-1ewNp9,
  6457. .theme-dark .lookFilled-1Gx00P.colorTransparent-1ewNp9,
  6458. .theme-light .lookFilled-1Gx00P.colorTransparent-1ewNp9:disabled,
  6459. .theme-dark .lookFilled-1Gx00P.colorTransparent-1ewNp9:disabled {
  6460. background-color: rgba(var(--fontwhite1), 0.1);
  6461. }
  6462. .theme-light .lookInverted-2D7oAl.colorTransparent-1ewNp9:hover,
  6463. .theme-dark .lookInverted-2D7oAl.colorTransparent-1ewNp9:hover,
  6464. .theme-light .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover,
  6465. .theme-dark .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover {
  6466. background-color: rgba(var(--fontwhite1), 0.05);
  6467. color: rgba(var(--fontwhite1), 0.1);
  6468. }
  6469. .theme-light .lookInverted-2D7oAl.colorTransparent-1ewNp9:active,
  6470. .theme-dark .lookInverted-2D7oAl.colorTransparent-1ewNp9:active,
  6471. .theme-light .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active,
  6472. .theme-dark .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active {
  6473. background-color: rgba(var(--fontwhite1), 0.1);
  6474. color: rgba(var(--fontwhite1), 0.1);
  6475. }
  6476. .theme-light .lookInverted-2D7oAl.colorTransparent-1ewNp9,
  6477. .theme-dark .lookInverted-2D7oAl.colorTransparent-1ewNp9,
  6478. .theme-light .lookInverted-2D7oAl.colorTransparent-1ewNp9:disabled,
  6479. .theme-dark .lookInverted-2D7oAl.colorTransparent-1ewNp9:disabled {
  6480. background-color: rgb(var(--fontwhite1));
  6481. color: rgba(var(--fontwhite1), 0.1);
  6482. }
  6483. .theme-light .lookOutlined-3sRXeN.colorTransparent-1ewNp9:hover,
  6484. .theme-dark .lookOutlined-3sRXeN.colorTransparent-1ewNp9:hover,
  6485. .theme-light .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover,
  6486. .theme-dark .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover {
  6487. border-color: rgba(var(--fontwhite2), 0.6);
  6488. color: rgb(var(--fontwhite2));
  6489. }
  6490. .theme-light .lookOutlined-3sRXeN.colorTransparent-1ewNp9:active,
  6491. .theme-dark .lookOutlined-3sRXeN.colorTransparent-1ewNp9:active,
  6492. .theme-light .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active,
  6493. .theme-dark .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active {
  6494. background-color: rgba(var(--fontwhite2), 0.1);
  6495. border-color: rgb(var(--fontwhite2));
  6496. color: rgb(var(--fontwhite2));
  6497. }
  6498. .theme-light .lookOutlined-3sRXeN.colorTransparent-1ewNp9,
  6499. .theme-dark .lookOutlined-3sRXeN.colorTransparent-1ewNp9,
  6500. .theme-light .lookOutlined-3sRXeN.colorTransparent-1ewNp9:disabled,
  6501. .theme-dark .lookOutlined-3sRXeN.colorTransparent-1ewNp9:disabled {
  6502. border-color: rgba(var(--fontwhite2), 0.3);
  6503. color: rgb(var(--fontwhite2));
  6504. }
  6505. .theme-light .lookGhost-2Fn_0-.colorTransparent-1ewNp9:active,
  6506. .theme-dark .lookGhost-2Fn_0-.colorTransparent-1ewNp9:active,
  6507. .theme-light .lookGhost-2Fn_0-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active,
  6508. .theme-dark .lookGhost-2Fn_0-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active {
  6509. background-color: rgba(var(--fontwhite2), 0.2);
  6510. color: rgb(var(--fontwhite2));
  6511. }
  6512. .theme-light .lookGhost-2Fn_0-.colorTransparent-1ewNp9,
  6513. .theme-dark .lookGhost-2Fn_0-.colorTransparent-1ewNp9,
  6514. .theme-light .lookGhost-2Fn_0-.colorTransparent-1ewNp9:disabled,
  6515. .theme-dark .lookGhost-2Fn_0-.colorTransparent-1ewNp9:disabled {
  6516. background-color: rgba(var(--fontwhite2), 0.1);
  6517. color: rgb(var(--fontwhite2));
  6518. }
  6519. .theme-light .lookLink-9FtZy-.colorTransparent-1ewNp9,
  6520. .theme-dark .lookLink-9FtZy-.colorTransparent-1ewNp9 {
  6521. color: rgb(var(--fontwhite2));
  6522. }
  6523. .theme-light .lookLink-9FtZy-.colorTransparent-1ewNp9:hover .contents-18-Yxp,
  6524. .theme-dark .lookLink-9FtZy-.colorTransparent-1ewNp9:hover .contents-18-Yxp,
  6525. .theme-light .lookLink-9FtZy-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover .contents-18-Yxp,
  6526. .theme-dark .lookLink-9FtZy-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover .contents-18-Yxp {
  6527. background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--fontwhite2)) 0, rgb(var(--fontwhite2)) 2px, transparent 0);
  6528. color: rgb(var(--fontwhite2));
  6529. }
  6530.  
  6531. /* ---- 15.3. INPUTS ---- */
  6532.  
  6533. .input-cIJ7To { /* valueinput bordered */
  6534. background-color: rgba(var(--vtransparencycolor), 0.1);
  6535. border-color: rgba(var(--vtransparencycolor), 0.3);
  6536. color: rgb(var(--fontwhite1));
  6537. }
  6538. .input-cIJ7To:hover:not(:focus) {
  6539. border-color: rgb(var(--vtransparencycolor));
  6540. }
  6541. .input-cIJ7To::placeholder {
  6542. color: rgb(var(--fontwhite3));
  6543. }
  6544. #app-mount .input-1mgnkM, /* valueinput underlined */
  6545. #app-mount .input-UJ9Tr3 {
  6546. border-color: rgba(var(--fontwhite1), 0.3);
  6547. color: rgb(var(--fontwhite1));
  6548. }
  6549. #app-mount .input-1mgnkM:hover,
  6550. #app-mount .input-UJ9Tr3:hover {
  6551. border-color: rgb(var(--fontwhite1));
  6552. }
  6553. #app-mount .input-1mgnkM:focus,
  6554. #app-mount .input-UJ9Tr3:focus {
  6555. border-color: rgb(var(--vaccentcolor));
  6556. }
  6557. #app-mount .input-1mgnkM::placeholder,
  6558. #app-mount .input-UJ9Tr3::placeholder {
  6559. color: rgb(var(--fontwhite3));
  6560. }
  6561. #app-mount .copyInput-2rOSt7 {
  6562. background-color: rgba(var(--vtransparencycolor), 0.1);
  6563. }
  6564. #app-mount .copyInputDefault-21sXtF {
  6565. border-color: rgba(var(--vtransparencycolor), 0.3);
  6566. }
  6567. #app-mount .hiddenMessage-1iiFV5,
  6568. #app-mount .inputDefault-A2ud2y {
  6569. color: rgb(var(--fontwhite1));
  6570. }
  6571. #app-mount .inputDefault-A2ud2y::placeholder {
  6572. color: rgb(var(--fontwhite3));
  6573. }
  6574. #app-mount .multiInputLast-1aQ3YA::before {
  6575. border-color: rgb(var(--fontwhite1));
  6576. }
  6577. #app-mount .inputPrefix-2VAOGg {
  6578. color: rgb(var(--fontwhite1));
  6579. opacity: 0.3;
  6580. }
  6581. .maxLength-39QFBo {
  6582. color: rgb(var(--fontwhite3));
  6583. }
  6584. #app-mount .inputNumberWrapper .numberinput-button-up {
  6585. border-bottom-color: rgb(var(--fontwhite3));
  6586. }
  6587. #app-mount .inputNumberWrapper .numberinput-button-up:hover {
  6588. border-bottom-color: rgb(var(--fontwhite1));
  6589. }
  6590. #app-mount .inputNumberWrapper .numberinput-button-down {
  6591. border-top-color: rgb(var(--fontwhite3));
  6592. }
  6593. #app-mount .inputNumberWrapper .numberinput-button-down:hover {
  6594. border-top-color: rgb(var(--fontwhite1));
  6595. }
  6596.  
  6597. #app-mount .container-3auIfb { /* checkboxswitch */
  6598. background-color: rgba(var(--vtransparencycolor), 0.3) !important;
  6599. }
  6600. #app-mount .container-3auIfb[style*="background-color: rgb(67, 181, 129)"],
  6601. #app-mount .container-3auIfb[style*="background-color: rgb(114, 137, 218)"] {
  6602. background-color: rgba(var(--vaccentcolor), 0.8) !important;
  6603. }
  6604. #app-mount .container-3auIfb[style*="background-color: rgb(67, 181, 129)"]:hover,
  6605. #app-mount .container-3auIfb[style*="background-color: rgb(114, 137, 218)"]:hover {
  6606. background: var(--vaccentcolor-hover);
  6607. }
  6608. #app-mount .container-3auIfb[style*="background-color: rgb(67, 181, 129)"]:active,
  6609. #app-mount .container-3auIfb[style*="background-color: rgb(114, 137, 218)"]:active {
  6610. background: var(--vaccentcolor-active);
  6611. }
  6612. #app-mount .container-3auIfb rect[fill] {
  6613. fill: rgb(var(--fontwhite1)) !important;
  6614. }
  6615. #app-mount .container-3auIfb path[fill] {
  6616. fill: rgb(var(--vtransparencycolor)) !important;
  6617. }
  6618. #app-mount .container-3auIfb[style*="background-color: rgb(67, 181, 129)"] path[fill],
  6619. #app-mount .container-3auIfb[style*="background-color: rgb(114, 137, 218)"] path[fill] {
  6620. fill: rgb(var(--vaccentcolor)) !important;
  6621. }
  6622.  
  6623. #app-mount .item-26Dhrx { /* radiogroup container */
  6624. background-color: rgba(var(--vtransparencycolor), 0.2);
  6625. color: rgb(var(--fontwhite3));
  6626. }
  6627. #app-mount .item-26Dhrx:hover {
  6628. background-color: rgba(var(--vtransparencycolor), 0.4);
  6629. color: rgb(var(--fontwhite2));
  6630. }
  6631. #app-mount .item-26Dhrx[aria-checked=true] .radioBar-bMNUI- {
  6632. background: rgb(var(--vaccentcolor));
  6633. color: rgb(var(--fontwhite1));
  6634. }
  6635. #app-mount .item-26Dhrx[aria-checked=true] .radioBar-bMNUI- .radioIconForeground-XwlXQN {
  6636. color: rgb(var(--fontwhite1));
  6637. }
  6638. #app-mount .item-26Dhrx .radioBar-bMNUI-[style*="--radio-bar-accent-color"] {
  6639. background: var(--radio-bar-accent-color);
  6640. border: unset;
  6641. color: rgb(var(--fontwhite1));
  6642. }
  6643. #app-mount .item-26Dhrx[aria-checked=false]:hover .radioBar-bMNUI-[style*="--radio-bar-accent-color"] {
  6644. background: var(--radio-bar-accent-color) linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
  6645. }
  6646.  
  6647. #app-mount .checkboxContainer-2vV9zd::before { /* checkbox container */
  6648. background-color: rgba(var(--fontwhite4), 0.3);
  6649. }
  6650. #app-mount .checkbox-1ix_J3 { /* checkbox inner */
  6651. border-color: rgb(var(--fontwhite3));
  6652. }
  6653. #app-mount .checkbox-1ix_J3.checked-3_4uQ9 { /* checkbox checked */
  6654. background-color: rgb(var(--fontwhite1));
  6655. border-color: rgb(var(--fontwhite1));
  6656. }
  6657. #app-mount .checkbox-1ix_J3.checked-3_4uQ9.round-2jCFai, /* checkbox roundchecked */
  6658. #app-mount .checkbox-1ix_J3.checked-3_4uQ9[style*="border-color: rgb(79, 84, 92)"] {
  6659. background-color: rgb(var(--vaccentcolor)) !important;
  6660. border-color: rgb(var(--vaccentcolor)) !important;
  6661. }
  6662. #app-mount .checkbox-1ix_J3.checked-3_4uQ9.round-2jCFai svg,
  6663. #app-mount .checkbox-1ix_J3.checked-3_4uQ9[style*="border-color: rgb(79, 84, 92)"] svg,
  6664. #app-mount .checkbox-1ix_J3.checked-3_4uQ9[style*="background-color: rgb(114, 137, 218)"] svg {
  6665. filter: drop-shadow(1px 1px var(--vtextshadow));
  6666. }
  6667. #app-mount .checkbox-1ix_J3.checked-3_4uQ9 polyline[stroke="#43b581"], /* checkbox checkmark */
  6668. #app-mount .checkbox-1ix_J3.checked-3_4uQ9 polyline[stroke="#4f545c"],
  6669. #app-mount .checkbox-1ix_J3.checked-3_4uQ9 polyline[stroke="#ffffff"] {
  6670. stroke: rgb(var(--fontwhite1));
  6671. }
  6672. .checkboxMute-14hTGS::before {
  6673. background-color: rgba(var(--vtransparencycolor), 0.2);
  6674. }
  6675. #app-mount .checkbox-1ix_J3.checked-3_4uQ9[style*="background-color: rgba(67, 181, 129, 0.15)"],
  6676. #app-mount .checkbox-1ix_J3.checked-3_4uQ9[style*="border-color: rgba(67, 181, 129, 0.15)"] {
  6677. background-color: rgba(var(--vaccentcolor), 0.15) !important;
  6678. border-color: rgba(var(--vaccentcolor), 0.15) !important;
  6679. }
  6680. #app-mount .checkbox-1ix_J3.checked-3_4uQ9[style*="background-color: rgba(67, 181, 129, 0.15)"] svg,
  6681. #app-mount .checkbox-1ix_J3.checked-3_4uQ9[style*="border-color: rgba(67, 181, 129, 0.15)"] svg {
  6682. filter: unset;
  6683. }
  6684. #app-mount .checkbox-1ix_J3.checked-3_4uQ9[style*="background-color: rgba(67, 181, 129, 0.15)"] path[fill="#43b581"],
  6685. #app-mount .checkbox-1ix_J3.checked-3_4uQ9[style*="border-color: rgba(67, 181, 129, 0.15)"] path[fill="#43b581"] {
  6686. fill: rgb(var(--vaccentcolor)) !important;
  6687. }
  6688.  
  6689. #app-mount .bar-2Qqk5Z { /* slider backgroundbar */
  6690. background-color: rgba(var(--vtransparencycolor), 0.3);
  6691. }
  6692. .grabber-3mFHz2 { /* slider grabber */
  6693. background-color: rgb(var(--fontwhite1));
  6694. border-color: rgb(var(--fontwhite1));
  6695. box-shadow: 0 3px 1px 0 rgba(var(--vtransparencycolor), 0.05), 0 2px 2px 0 rgba(var(--vtransparencycolor), 0.1), 0 3px 3px 0 rgba(var(--vtransparencycolor), 0.05);
  6696. }
  6697. #app-mount .markValue-2DwdXI { /* slider markvalue */
  6698. color: rgb(var(--fontwhite3));
  6699. }
  6700. #app-mount .defaultValue-3gC7yw .markValue-2DwdXI {
  6701. color: #43b581;
  6702. }
  6703. #app-mount .markDash-3hAolZ {
  6704. background: transparent;
  6705. color: rgba(var(--vtransparencycolor), 0.3);
  6706. }
  6707. #app-mount .defaultValue-3gC7yw .markDash-3hAolZ {
  6708. color: #43b581;
  6709. }
  6710. #app-mount .markDash-3hAolZ::before,
  6711. #app-mount .markDash-3hAolZ::after {
  6712. content: "";
  6713. position: absolute;
  6714. background: currentColor;
  6715. height: 8px;
  6716. width: 2px;
  6717. }
  6718. #app-mount .markDash-3hAolZ::before {
  6719. top: 14px;
  6720. }
  6721. #app-mount .markDash-3hAolZ::after {
  6722. top: 30px;
  6723. }
  6724. #app-mount .fontScaleLarge-3xtq7i,
  6725. #app-mount .fontScaleSmall-368quy {
  6726. color: rgb(var(--fontwhite1));
  6727. }
  6728. #app-mount .bubble-3we2di { /* slider bubble */
  6729. background-color: rgb(var(--vaccentcolor));
  6730. color: rgb(var(--fontwhite1));
  6731. }
  6732. #app-mount .bubble-3we2di::before {
  6733. border-top-color: rgb(var(--vaccentcolor));
  6734. }
  6735.  
  6736. #app-mount .container-1nZlH6 { /* hotkeyinput container */
  6737. background-color: rgba(var(--vtransparencycolor), 0.1);
  6738. border-color: rgba(var(--vtransparencycolor), 0.3);
  6739. }
  6740. .input-1UhAnY { /* hotkeyinput input */
  6741. color: rgb(var(--fontwhite1));
  6742. }
  6743. .input-1UhAnY::placeholder {
  6744. color: rgb(var(--fontwhite3));
  6745. }
  6746. #app-mount .editIcon-13gaox { /* hotkeyinput editicon */
  6747. -webkit-mask: url(https://discord.com/assets/860396b3ff3fa1c4ae355bebfabadecb.svg) center/cover no-repeat;
  6748. background: rgb(var(--fontwhite1));
  6749. }
  6750. #app-mount .container-CpszHS.recording-1H2dS7 .button-34kXw5 {
  6751. color: #f04747;
  6752. background-color: rgba(240,71,71,.1);
  6753. }
  6754.  
  6755. #app-mount .quickSelect-3BxO0K { /* quickselect container */
  6756. color: rgb(var(--fontwhite1));
  6757. }
  6758. #app-mount .quickSelectLabel-2r3iJ_ { /* quickselect label */
  6759. color: rgb(var(--fontwhite3));
  6760. }
  6761. #app-mount .quickSelectArrow-1QublR { /* quickselect arrow */
  6762. -webkit-mask: url(https://discord.com/assets/f58cf3b8fc79e9d671ab649ab37651a9.svg) 50% no-repeat;
  6763. background: rgb(var(--fontwhite1));
  6764. }
  6765.  
  6766. .select-2TCrqx [class*="css-"][class*="-container"] { /* select container */
  6767. background-color: transparent;
  6768. }
  6769. .lookFilled-22uAsw.select-2fjwPw,
  6770. .select-2TCrqx [class*="css-"][class*="-control"] {
  6771. background-color: rgba(var(--vtransparencycolor), 0.1);
  6772. border-color: rgba(var(--vtransparencycolor), 0.3);
  6773. }
  6774. .lookFilled-22uAsw.select-2fjwPw:hover.open-kZ53_U,
  6775. .lookFilled-22uAsw.open-kZ53_U {
  6776. border-color: rgb(var(--vtransparencycolor)) rgb(var(--vtransparencycolor)) rgba(var(--vtransparencycolor), 0.3);
  6777. }
  6778. .lookFilled-22uAsw.select-2fjwPw .searchInput-5YMkDH {
  6779. background: transparent;
  6780. }
  6781. .select-2fjwPw,
  6782. .select-2TCrqx [class*="css-"][class*="-singleValue"],
  6783. .select-2TCrqx [class*="css-"][class*="-placeholder"],
  6784. .select-2TCrqx [class*="css-"][class*="-indicatorContainer"] {
  6785. color: rgb(var(--fontwhite1));
  6786. }
  6787. .option-3KoAJB,
  6788. .css-1gfjib6-option,
  6789. .css-1yz4bi9-option,
  6790. .css-ru8b0x-option,
  6791. .css-1yz4bi9-option {
  6792. background-color: rgba(var(--vtransparencycolor), 0.1);
  6793. color: rgb(var(--fontwhite2));
  6794. }
  6795. .option-3KoAJB.focused-1T6PE5,
  6796. .option-3KoAJB:focus,
  6797. .option-3KoAJB:hover,
  6798. .css-pkcurw-option,
  6799. .css-rzbxvl-option,
  6800. .css-1qxn4c5-option,
  6801. .css-rzbxvl-option {
  6802. background-color: rgba(var(--vtransparencycolor), 0.3);
  6803. color: rgb(var(--fontwhite2));
  6804. }
  6805. .css-1gxgi19-option,
  6806. .css-1ba14n5-option,
  6807. .css-6qzljd-option,
  6808. .css-1ba14n5-option {
  6809. background-color: rgba(var(--vtransparencycolor), 0.5);
  6810. color: rgb(var(--fontwhite1));
  6811. }
  6812. .role-3ulsK-:hover {
  6813. background-color: rgba(var(--vtransparencycolor), 0.2);
  6814. }
  6815. .popout-VcNcHB::-webkit-scrollbar {
  6816. display: none;
  6817. }
  6818. .popout-VcNcHB,
  6819. .container-3LUQwT,
  6820. .select-2TCrqx > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"] {
  6821. background-color: transparent;
  6822. border: 1px solid rgba(var(--vtransparencycolor), 0.3);
  6823. box-shadow: 0px 1px 5px 0px rgba(var(--vtransparencycolor), 0.3);
  6824. overflow: hidden;
  6825. }
  6826. .popout-VcNcHB .content-3YMskv::before,
  6827. .container-3LUQwT::before,
  6828. .select-2TCrqx > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before {
  6829. content: "";
  6830. position: absolute;
  6831. top: 0;
  6832. bottom: 0;
  6833. right: 0;
  6834. left: 0;
  6835. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  6836. background-attachment: fixed;
  6837. filter: blur(var(--vpopoutblur));
  6838. width: unset;
  6839. height: unset;
  6840. pointer-events: none;
  6841. z-index: -1;
  6842. }
  6843. .popout-VcNcHB .content-3YMskv::after,
  6844. .container-3LUQwT::after,
  6845. .select-2TCrqx > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::after {
  6846. content: "";
  6847. position: absolute;
  6848. top: 0;
  6849. bottom: 0;
  6850. right: 0;
  6851. left: 0;
  6852. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  6853. width: unset;
  6854. height: unset;
  6855. pointer-events: none;
  6856. z-index: -1;
  6857. }
  6858.  
  6859.  
  6860. /* ---- 15.4. SEARCHBARS ---- */
  6861.  
  6862. .container-2XeR5Z, /* searchbar inner */
  6863. .container-cMG81i {
  6864. background-color: rgba(var(--vtransparencycolor), 0.3);
  6865. }
  6866. .input-1Rv96N, /* searchbar input */
  6867. .input-3Xdcic {
  6868. color: rgb(var(--fontwhite1));
  6869. }
  6870. .input-1Rv96N::placeholder,
  6871. .input-3Xdcic::placeholder,
  6872. #app-mount .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv::placeholder {
  6873. color: rgb(var(--fontwhite3));
  6874. }
  6875. .icon-3cZ1F_, /* searchbar icon */
  6876. .icon-1S6UIr,
  6877. #app-mount .clearIcon-2N9YIn,
  6878. #app-mount .searchIcon-1a1-yA,
  6879. #app-mount .searchIcon-32i2pb {
  6880. color: rgb(var(--fontwhite3));
  6881. }
  6882. .clear-1pMieT .icon-3cZ1F_,
  6883. .icon-1S6UIr.clear--Eywng,
  6884. #app-mount .clearIcon-xXwSFS,
  6885. #app-mount .clear-U3WkKp .clearIcon-2N9YIn,
  6886. #app-mount .clear-U3WkKp .searchIcon-1a1-yA,
  6887. #app-mount .clear-U3WkKp .searchIcon-32i2pb {
  6888. color: rgb(var(--fontwhite2));
  6889. }
  6890. .clear-1pMieT.iconLayout-1WxHy4:hover .icon-3cZ1F_,
  6891. .iconLayout-3OgqU3:hover .icon-1S6UIr.clear--Eywng,
  6892. #app-mount .clearIcon-xXwSFS:hover,
  6893. #app-mount .clear-U3WkKp:hover .clearIcon-2N9YIn,
  6894. #app-mount .clear-U3WkKp:hover .searchIcon-1a1-yA,
  6895. #app-mount .clear-U3WkKp:hover .searchIcon-32i2pb {
  6896. color: rgb(var(--fontwhite1));
  6897. }
  6898.  
  6899. #app-mount .searchBox-3Y2Vi7 {
  6900. background-color: rgba(var(--vtransparencycolor), 0.3);
  6901. box-shadow: 0 2px 5px 0 rgba(var(--vtransparencycolor), 0.2);
  6902. }
  6903.  
  6904. /* ---- 15.5. TAGS ---- */
  6905.  
  6906. .botTagRegular-2HEhHi { /* bottag regular */
  6907. color: rgb(var(--fontwhite1));
  6908. }
  6909. .botTagRegular-2HEhHi:not([style]) { /* bottag regular */
  6910. text-shadow: 1px 1px var(--vtextshadow);
  6911. }
  6912. .botTagRegular-2HEhHi:not([style]) svg {
  6913. filter: drop-shadow(1px 1px var(--vtextshadow));
  6914. }
  6915. .botTagInvert-18-95s { /* bottag inverted */
  6916. background-color: rgb(var(--fontwhite1));
  6917. }
  6918.  
  6919. .iconBadge-2wi9r4 { /* iconbadge */
  6920. background-color: rgba(var(--vtransparencycolor), 0.3);
  6921. }
  6922. .base-PmTxvP { /* mentionbadge */
  6923. color: rgb(var(--fontwhite1));
  6924. }
  6925.  
  6926. .disableColor-MwOAZf, /* nitrobadge flower */
  6927. .iconBackgroundTierNone-3MPhMJ,
  6928. .iconBackgroundTierOne-2LhaMB,
  6929. .iconBackgroundTierThree-3qw3JX,
  6930. .iconBackgroundTierTwo-3bCmdc {
  6931. color: rgb(var(--fontwhite4));
  6932. }
  6933. .bannerVisible-2ZE_qG .iconBackgroundTierOne-2LhaMB, /* nitrobadge icon */
  6934. .bannerVisible-2ZE_qG .iconBackgroundTierThree-3qw3JX,
  6935. .bannerVisible-2ZE_qG .iconBackgroundTierTwo-3bCmdc,
  6936. .iconTierOne-BHC2T8, .iconTierTwo-_1edeM {
  6937. color: rgb(var(--fontwhite1));
  6938. }
  6939. .flowerStarContainer-3zDVtj path[fill="#4f545c"] { /* flowerbadge flower */
  6940. fill: rgb(var(--fontwhite4));
  6941. }
  6942. .flowerStarContainer-3zDVtj path[fill="#ffffff"] { /* flowerbadge icon */
  6943. fill: rgb(var(--fontwhite1));
  6944. }
  6945. .icon-1ihkOt { /* flowerbadge icon */
  6946. color: rgb(var(--fontwhite1));
  6947. }
  6948.  
  6949. /* ---- 15.6. ICONS ---- */
  6950.  
  6951. .emptySearchImage-1qOMLW, /* empty search */
  6952. .image-1GzsFd { /* no peoples/webhooks/etc. */
  6953. opacity: 0.6;
  6954. }
  6955.  
  6956. .gameIcon-gg34Dz { /* gameicon unknowngame */
  6957. color: rgb(var(--fontwhite1));
  6958. }
  6959.  
  6960. #app-mount .invalidPoop-pnUbq7 { /* erroricon invalidpoop */
  6961. background-color: rgba(var(--vtransparencycolor), 0.3);
  6962. opacity: 0.7;
  6963. }
  6964. #app-mount .guildIconExpired-2Qcq05 { /* erroricon expiredguild */
  6965. background-color: rgba(var(--vtransparencycolor), 0.3);
  6966. opacity: 0.7;
  6967. }
  6968.  
  6969. img[src="/assets/4c1bab3f945269a5c1be0b3a2c177141.png"], /* connectionicon twitch */
  6970. img[src="/assets/402008166e5ef53b0045b10930b263b0.png"] {
  6971. -webkit-mask: url(https://discord.com/assets/4c1bab3f945269a5c1be0b3a2c177141.png) center/contain no-repeat;
  6972. background: rgb(var(--fontwhite1));
  6973. object-position: -999999px -999999px;
  6974. }
  6975. img[src="/assets/0ef81742942677bcef0bebdfb7061d29.png"], /* connectionicon youtube */
  6976. img[src="/assets/3f8d3e1dd3c9426ac7e680dada39650e.png"] {
  6977. -webkit-mask: url(https://discord.com/assets/0ef81742942677bcef0bebdfb7061d29.png) center/contain no-repeat;
  6978. background: rgb(var(--fontwhite1));
  6979. object-position: -999999px -999999px;
  6980. }
  6981. img[src="/assets/3a257c4cab129e956b05bd50047eb0f9.png"], /* connectionicon battlenet */
  6982. img[src="/assets/cf74f0c780cba6ae11728b8ca740b30c.png"] {
  6983. -webkit-mask: url(https://discord.com/assets/3a257c4cab129e956b05bd50047eb0f9.png) center/contain no-repeat;
  6984. background: rgb(var(--fontwhite1));
  6985. object-position: -999999px -999999px;
  6986. }
  6987. img[src="/assets/de5fb9e860729912c65048c1c657e1a3.png"], /* connectionicon skype */
  6988. img[src="/assets/1c419ecaf6e5406addbae729c7fa2e75.png"] {
  6989. -webkit-mask: url(https://discord.com/assets/de5fb9e860729912c65048c1c657e1a3.png) center/contain no-repeat;
  6990. background: rgb(var(--fontwhite1));
  6991. object-position: -999999px -999999px;
  6992. }
  6993. img[src="/assets/fbbd224a0d94747c102515090682bbe1.png"], /* connectionicon LoL */
  6994. img[src="/assets/f87228c98e49168b6cf7ad38651b4e87.png"] {
  6995. -webkit-mask: url(https://discord.com/assets/fbbd224a0d94747c102515090682bbe1.png) center/contain no-repeat;
  6996. background: rgb(var(--fontwhite1));
  6997. object-position: -999999px -999999px;
  6998. }
  6999. img[src="/assets/baf4bdd36b7ef74e8f34b402e66f81f4.png"], /* connectionicon steam */
  7000. img[src="/assets/6ca4a49418715a16e226be1280494f46.png"] {
  7001. -webkit-mask: url(https://discord.com/assets/baf4bdd36b7ef74e8f34b402e66f81f4.png) center/contain no-repeat;
  7002. background: rgb(var(--fontwhite1));
  7003. object-position: -999999px -999999px;
  7004. }
  7005. img[src="/assets/bcc7bc0c0b27f9cbadaa1a47ea79db22.png"], /* connectionicon reddit */
  7006. img[src="/assets/51edbb92b1904c19197eb16be97bc6fb.png"] {
  7007. -webkit-mask: url(https://discord.com/assets/bcc7bc0c0b27f9cbadaa1a47ea79db22.png) center/contain no-repeat;
  7008. background: rgb(var(--fontwhite1));
  7009. object-position: -999999px -999999px;
  7010. }
  7011. img[src="/assets/c926e69c482dac25b8e940db74496813.png"], /* connectionicon facebook */
  7012. img[src="/assets/27fb89c30127405c6a5370b477590da6.png"] {
  7013. -webkit-mask: url(https://discord.com/assets/c926e69c482dac25b8e940db74496813.png) center/contain no-repeat;
  7014. background: rgb(var(--fontwhite1));
  7015. object-position: -999999px -999999px;
  7016. }
  7017. img[src="/assets/2ac50d286a1c883f28b5149239a8ad36.png"], /* connectionicon twitter */
  7018. img[src="/assets/c38327e52d3a859d550af398edb8d8e0.png"] {
  7019. -webkit-mask: url(https://discord.com/assets/2ac50d286a1c883f28b5149239a8ad36.png) center/contain no-repeat;
  7020. background: rgb(var(--fontwhite1));
  7021. object-position: -999999px -999999px;
  7022. }
  7023. img[src="/assets/fe3770614c2658a07dea3ecb286ce745.png"], /* connectionicon spotify */
  7024. img[src="/assets/739cb09703de9dcfe68d0200a163d9fc.png"] {
  7025. -webkit-mask: url(https://discord.com/assets/fe3770614c2658a07dea3ecb286ce745.png) center/contain no-repeat;
  7026. background: rgb(var(--fontwhite1));
  7027. object-position: -999999px -999999px;
  7028. }
  7029. img[src="/assets/850ed4fcf5839b7a32651f5959e8511e.png"], /* connectionicon xbox */
  7030. img[src="/assets/4c59c8e37dda86294d3cf237b2695dde.png"] {
  7031. -webkit-mask: url(https://discord.com/assets/850ed4fcf5839b7a32651f5959e8511e.png) center/contain no-repeat;
  7032. background: rgb(var(--fontwhite1));
  7033. object-position: -999999px -999999px;
  7034. }
  7035.  
  7036. img[src="/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png"] { /* videosettings opus */
  7037. -webkit-mask: url(https://discord.com/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png) center/contain no-repeat;
  7038. background: rgb(var(--fontwhite2));
  7039. object-position: -999999px -999999px;
  7040. }
  7041.  
  7042. .container-q03LZO:not(.colored-1armap) .profileBadgeStaff-3BXdTO {
  7043. background: rgb(var(--fontwhite1));
  7044. -webkit-mask: url(https://discord.com/assets/7cfd90c8062139e4804a1fa59f564731.svg) center/contain no-repeat;
  7045. }
  7046. .container-q03LZO:not(.colored-1armap) .profileBadgePartner-j6Lwhr {
  7047. background: rgb(var(--fontwhite1));
  7048. -webkit-mask: url(https://discord.com/assets/a0e288a458c48dfcf548dadc277e42e6.svg) center/contain no-repeat;
  7049. }
  7050. .container-q03LZO:not(.colored-1armap) .profileBadgeHypesquad-12E2P6 {
  7051. background: rgb(var(--fontwhite1));
  7052. -webkit-mask: url(https://discord.com/assets/3a050fcc884255231b99b7033c776070.svg) center/contain no-repeat;
  7053. }
  7054. .container-q03LZO:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse1-3rBtjf {
  7055. background: rgb(var(--fontwhite1));
  7056. -webkit-mask: url(https://discord.com/assets/1115767aed344e96a27a12e97718c171.svg) center/contain no-repeat;
  7057. }
  7058. .container-q03LZO:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse2-2oU04B {
  7059. background: rgb(var(--fontwhite1));
  7060. -webkit-mask: url(https://discord.com/assets/d3478c6bd5cee0fc600e55935ddc81aa.svg) center/contain no-repeat;
  7061. }
  7062. .container-q03LZO:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse3-1DoJkv {
  7063. background: rgb(var(--fontwhite1));
  7064. -webkit-mask: url(https://discord.com/assets/2a085ed9c86f3613935a6a8667ba8b89.svg) center/contain no-repeat;
  7065. }
  7066. .container-q03LZO:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse1Winner-3wCl80 {
  7067. background: rgb(var(--fontwhite1));
  7068. -webkit-mask: url(https://discord.com/assets/75f75c3142b8d44ea7052c2bcb9a9043.svg) center/contain no-repeat;
  7069. }
  7070. .container-q03LZO:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse2Winner-AS5bXe {
  7071. background: rgb(var(--fontwhite1));
  7072. -webkit-mask: url(https://discord.com/assets/d4a8fe68fc5f40c8a778f858881a7b84.svg) center/contain no-repeat;
  7073. }
  7074. .container-q03LZO:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse3Winner-2CwwQi {
  7075. background: rgb(var(--fontwhite1));
  7076. -webkit-mask: url(https://discord.com/assets/5dc48a7859a00e7d95ad8382156aab84.svg) center/contain no-repeat;
  7077. }
  7078. .container-q03LZO:not(.colored-1armap) .profileBadgeEarlySupporter-2ng_jL {
  7079. background: rgb(var(--fontwhite1));
  7080. -webkit-mask: url(https://discord.com/assets/ce15562552e3d70c56d5408cfeed2ffd.svg) center/contain no-repeat;
  7081. }
  7082. .container-q03LZO:not(.colored-1armap) .profileBadgePremium-1KDZYC {
  7083. background: rgb(var(--fontwhite1));
  7084. -webkit-mask: url(https://discord.com/assets/379d2b3171722ef8be494231234da5d1.svg) center/contain no-repeat;
  7085. }
  7086. .container-q03LZO:not(.colored-1armap) .profileBadgeVerifiedDeveloper-195KfD {
  7087. background: rgb(var(--fontwhite1));
  7088. -webkit-mask: url(https://discord.com/assets/785d81fdbedd133e213da693aba98774.svg) center/contain no-repeat;
  7089. }
  7090. .container-q03LZO:not(.colored-1armap) .profileBadgeBugHunterLevel1-dbEzVz {
  7091. background: rgb(var(--fontwhite1));
  7092. -webkit-mask: url(https://discord.com/assets/df26f079738a4dcd07cbce6eb3c957f1.svg) center/contain no-repeat;
  7093. }
  7094. .container-q03LZO:not(.colored-1armap) .profileBadgeBugHunterLevel2-3TUciC {
  7095. background: rgb(var(--fontwhite1));
  7096. -webkit-mask: url(https://discord.com/assets/16def052b03d75dac0ed9234c5d6a880.svg) center/contain no-repeat;
  7097. }
  7098. .container-q03LZO:not(.colored-1armap) .profileGuildSubscriberlvl1-3oI9tx {
  7099. background: rgb(var(--fontwhite1));
  7100. -webkit-mask: url(https://discord.com/assets/24e49184598820f274e62293349a2e43.svg) center/contain no-repeat;
  7101. }
  7102. .container-q03LZO:not(.colored-1armap) .profileGuildSubscriberlvl2-r6nJHT {
  7103. background: rgb(var(--fontwhite1));
  7104. -webkit-mask: url(https://discord.com/assets/cc73fba5c2e9b70752bbd1db35a1b9c3.svg) center/contain no-repeat;
  7105. }
  7106. .container-q03LZO:not(.colored-1armap) .profileGuildSubscriberlvl3-38s3Dj {
  7107. background: rgb(var(--fontwhite1));
  7108. -webkit-mask: url(https://discord.com/assets/a4c3939a9b03274246df9b144fcd86cf.svg) center/contain no-repeat;
  7109. }
  7110. .container-q03LZO:not(.colored-1armap) .profileGuildSubscriberlvl4-2NXrsI {
  7111. background: rgb(var(--fontwhite1));
  7112. -webkit-mask: url(https://discord.com/assets/d01bee8a9b41bd9dda26a43221b2e7e8.svg) center/contain no-repeat;
  7113. }
  7114. .container-q03LZO:not(.colored-1armap) .profileGuildSubscriberlvl5-3XIa2K {
  7115. background: rgb(var(--fontwhite1));
  7116. -webkit-mask: url(https://discord.com/assets/a99def5f819c077e5e5061cab741b7e6.svg) center/contain no-repeat;
  7117. }
  7118. .container-q03LZO:not(.colored-1armap) .profileGuildSubscriberlvl6-3e3sxW {
  7119. background: rgb(var(--fontwhite1));
  7120. -webkit-mask: url(https://discord.com/assets/2cfb317f3db3963d8ded9a97ee967bac.svg) center/contain no-repeat;
  7121. }
  7122. .container-q03LZO:not(.colored-1armap) .profileGuildSubscriberlvl7-1dVhQT {
  7123. background: rgb(var(--fontwhite1));
  7124. -webkit-mask: url(https://discord.com/assets/278736f579d810b11ddf308cb598b19e.svg) center/contain no-repeat;
  7125. }
  7126. .container-q03LZO:not(.colored-1armap) .profileGuildSubscriberlvl8-1kXdFr {
  7127. background: rgb(var(--fontwhite1));
  7128. -webkit-mask: url(https://discord.com/assets/38e40f25802a0fdf480d9b855a37a2f3.svg) center/contain no-repeat;
  7129. }
  7130. .container-q03LZO:not(.colored-1armap) .profileGuildSubscriberlvl9-1d6zav {
  7131. background: rgb(var(--fontwhite1));
  7132. -webkit-mask: url(https://discord.com/assets/cfbc2d8ceacfacf07850f986c8165195.svg) center/contain no-repeat;
  7133. }
  7134.  
  7135. /* ---- 15.7. SCROLLBARS ---- */
  7136.  
  7137. ::-webkit-scrollbar,
  7138. #app-mount ::-webkit-scrollbar {
  7139. width: 8px;
  7140. height: 8px;
  7141. }
  7142. #app-mount .scroller-3vODG7::-webkit-scrollbar {
  7143. width: 6px;
  7144. height: 6px;
  7145. }
  7146. #app-mount .scroller--qpKGq::-webkit-scrollbar,
  7147. #app-mount .scrollbar-3dvm_9::-webkit-scrollbar,
  7148. #app-mount .scroller-2PSBSf::-webkit-scrollbar {
  7149. width: 4px;
  7150. height: 4px;
  7151. }
  7152. ::-webkit-scrollbar,
  7153. ::-webkit-scrollbar-track,
  7154. ::-webkit-scrollbar-track-piece,
  7155. #app-mount ::-webkit-scrollbar,
  7156. #app-mount ::-webkit-scrollbar-track,
  7157. #app-mount ::-webkit-scrollbar-track-piece {
  7158. border-color: transparent !important;
  7159. background: transparent !important;
  7160. }
  7161. ::-webkit-scrollbar-thumb,
  7162. #app-mount ::-webkit-scrollbar-thumb {
  7163. border-radius: 10px;
  7164. border: none;
  7165. background-color: rgb(var(--vaccentcolor)) !important;
  7166. }
  7167. .none-2Eo-qx::-webkit-scrollbar-corner,
  7168. .none-2Eo-qx::-webkit-scrollbar-thumb,
  7169. .none-2Eo-qx::-webkit-scrollbar-track,
  7170. .none-2Eo-qx::-webkit-scrollbar {
  7171. display: none;
  7172. }
  7173.  
  7174. /* ---- 15.8. NOTIFICATIONBAR ---- */
  7175.  
  7176. .base-3dtUhz .notice-3bPHh- {
  7177. border-radius: 0;
  7178. }
  7179. #app-mount .notice-2FJMB4 {
  7180. box-shadow: 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3);
  7181. color: rgb(var(--fontwhite1));
  7182. }
  7183. #app-mount .notice-2X5hT5 {
  7184. background-color: rgba(var(--vtransparencycolor), 0.6);
  7185. }
  7186. #app-mount .button-1MICoQ:not(:hover) {
  7187. border-color: rgba(var(--fontwhite1), 0.25);
  7188. color: rgb(var(--fontwhite1));
  7189. }
  7190. #app-mount .button-1MICoQ:hover {
  7191. border-color: rgb(var(--fontwhite1));
  7192. background-color: rgb(var(--fontwhite1));
  7193. }
  7194. #app-mount .dismiss-SCAH9H {
  7195. -webkit-mask: url(https://discord.com/assets/69a0ea5dbf79a129c81a0cb171b60b7a.svg) 50% 55%/10px 10px no-repeat;
  7196. background: rgb(var(--fontwhite1));
  7197. }
  7198. #app-mount .icon-KgjVwm:empty,
  7199. #app-mount .platformIcon-2NdO9F:empty {
  7200. background: rgb(var(--fontwhite1));
  7201. }
  7202. #app-mount .iconWindows-1KG_XN {
  7203. -webkit-mask: url(https://discord.com/assets/24b843ed68d70abffbf4fdab9b400cc9.svg) center/contain no-repeat;
  7204. }
  7205. #app-mount .iconApple-1hp9Sq {
  7206. -webkit-mask: url(https://discord.com/assets/ca511da5c9b326e5cb3f6befab1a3143.svg) center/contain no-repeat;
  7207. }
  7208. #app-mount .iconAndroid-3HTSwF {
  7209. -webkit-mask: url(https://discord.com/assets/296aebeec33f5ce47db9ebbee9ccf1fc.svg) center/contain no-repeat;
  7210. }
  7211. #app-mount .premiumLogo-30dge3 {
  7212. -webkit-mask: url(https://discord.com/assets/9328a2df4b542ac8725b57010a52f73b.svg) center/contain no-repeat;
  7213. background: rgb(var(--fontwhite1));
  7214. }
  7215. .noticeBrand-3nQBC_ {
  7216. text-shadow: 1px 1px var(--vtextshadow);
  7217. }
  7218. .noticeBrand-3nQBC_ .button-1MICoQ {
  7219. box-shadow: 1px 1px var(--vtextshadow);
  7220. text-shadow: 1px 1px var(--vtextshadow);
  7221. }
  7222. #app-mount .noticeBrand-3nQBC_ .icon-KgjVwm:empty::after,
  7223. #app-mount .noticeBrand-3nQBC_ .platformIcon-2NdO9F:empty::after,
  7224. #app-mount .noticeBrand-3nQBC_ .premiumLogo-30dge3::after,
  7225. #app-mount .noticeBrand-3nQBC_ .dismiss-SCAH9H::after {
  7226. content: "";
  7227. position: absolute;
  7228. top: 0;
  7229. right: 0;
  7230. left: 0;
  7231. bottom: 0;
  7232. background: var(--vtextshadow);
  7233. }
  7234.  
  7235. /* ---- 15.9. TOOLTIPS ---- */
  7236.  
  7237. .headerText-1e7ZU0,
  7238. .bodyText-3yi6Dj {
  7239. color: rgb(var(--fontwhite1));
  7240. }
  7241. #app-mount .tooltip-3oByQd,
  7242. #app-mount .tooltip-1_vJJI,
  7243. #app-mount .tooltip-2QfLtc {
  7244. box-shadow: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  7245. color: rgb(var(--fontwhite1));
  7246. }
  7247. #app-mount .guildNameText-74xXQn {
  7248. color: rgb(var(--fontwhite1));
  7249. }
  7250. #app-mount .muteText-1DPH3L {
  7251. color: rgb(var(--fontwhite3));
  7252. }
  7253. #app-mount .tooltip-3oByQd,
  7254. #app-mount .tooltip-1_vJJI,
  7255. #app-mount .tooltipPrimary-1d1ph4,
  7256. #app-mount .tooltipGrey-1hnvTt,
  7257. #app-mount .tooltipBlack-PPG47z {
  7258. background-color: rgb(var(--vaccentcolor));
  7259. text-shadow: 1px 1px var(--vtextshadow);
  7260. }
  7261. #app-mount .tooltipPrimary-1d1ph4 .tooltipPointer-3ZfirK,
  7262. #app-mount .tooltipGrey-1hnvTt .tooltipPointer-3ZfirK,
  7263. #app-mount .tooltipBlack-PPG47z .tooltipPointer-3ZfirK {
  7264. border-top-color: rgb(var(--vaccentcolor));
  7265. }
  7266. #app-mount .tooltipPointer-22Q7m0,
  7267. #app-mount .tooltipPointer-1awMxk {
  7268. border-right-color: rgb(var(--vaccentcolor));
  7269. }
  7270. .emptyUser-7txhlW {
  7271. background: rgba(var(--vtransparencycolor), 0.5);
  7272. }
  7273. .moreUsers-7v8yWY {
  7274. background: rgba(var(--vtransparencycolor), 0.5);
  7275. }
  7276.  
  7277.  
  7278. /* ~~~~ 16. BDSUPPORT ~~~~ */
  7279.  
  7280. html .bd-toast {
  7281. background-color: rgb(var(--vaccentcolor));
  7282. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  7283. color: rgb(var(--fontwhite1));
  7284. text-shadow: 1px 1px var(--vtextshadow);
  7285. }
  7286. html .bd-toast.icon {
  7287. background-image: none !important;
  7288. }
  7289. html .bd-toast.icon::before {
  7290. content: "";
  7291. position: absolute;
  7292. top: 0;
  7293. right: 0;
  7294. bottom: 0;
  7295. left: 0;
  7296. background: rgb(var(--fontwhite1)) !important;
  7297. -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;
  7298. }
  7299. html .bd-toast.toast-danger.icon::before,
  7300. html .bd-toast.toast-error.icon::before {
  7301. -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;
  7302. }
  7303. html .bd-toast.toast-info.icon::before {
  7304. -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;
  7305. }
  7306. html .bd-toast.toast-success.icon::before {
  7307. -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;
  7308. }
  7309. html .bd-toast.toast-warning.icon::before,
  7310. html .bd-toast.toast-warn.icon::before {
  7311. -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;
  7312. }
  7313.  
  7314. #app-mount .fav {
  7315. background: var(--header-primary);
  7316. width: 16px;
  7317. height: 16px;
  7318. padding: 0;
  7319. -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/fav_star_empty.svg) center/contain no-repeat;
  7320. }
  7321. #app-mount .fav:hover,
  7322. #app-mount .fav.active {
  7323. background: #faa61a;
  7324. }
  7325. #app-mount .fav.active {
  7326. -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/fav_star.svg) center/contain no-repeat;
  7327. }
  7328.  
  7329. #app-mount .bd-modal-inner { /* modal container */
  7330. background-color: transparent;
  7331. border: none;
  7332. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  7333. position: relative;
  7334. overflow: hidden;
  7335. }
  7336. .bd-modal-inner::before {
  7337. content: "";
  7338. position: absolute;
  7339. top: 0;
  7340. bottom: 0;
  7341. right: 0;
  7342. left: 0;
  7343. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  7344. background-attachment: fixed;
  7345. filter: blur(var(--vpopoutblur));
  7346. width: unset;
  7347. height: unset;
  7348. pointer-events: none;
  7349. z-index: -1;
  7350. }
  7351. .bd-modal-inner::after {
  7352. content: "";
  7353. position: absolute;
  7354. top: 0;
  7355. bottom: 0;
  7356. right: 0;
  7357. left: 0;
  7358. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  7359. width: unset;
  7360. height: unset;
  7361. border-radius: 5px;
  7362. pointer-events: none;
  7363. z-index: -1;
  7364. }
  7365. .bd-modal-wrapper {
  7366. z-index: 1002;
  7367. }
  7368. .bd-modal-wrapper .header { /* modal header */
  7369. background-color: transparent;
  7370. box-shadow: none;
  7371. color: rgb(var(--fontwhite1));
  7372. }
  7373. .bd-modal-wrapper .bd-modal-body { /* modal body */
  7374. background-color: transparent;
  7375. color: rgb(var(--fontwhite1));
  7376. }
  7377. .bd-modal-wrapper .footer { /* modal footer */
  7378. background-color: rgba(var(--vtransparencycolor), 0.2);
  7379. box-shadow: none;
  7380. }
  7381. .bd-modal-wrapper .footer button {
  7382. color: rgb(var(--fontwhite1));
  7383. }
  7384. .bd-modal-wrapper .tab-bar-container { /* modal tabbarcontainer */
  7385. background: rgba(var(--vtransparencycolor), 0.2);
  7386. border-top-color: rgba(var(--vtransparencycolor), 0.3);
  7387. box-shadow: 0 2px 3px 0 rgba(var(--vtransparencycolor), 0.1);
  7388. }
  7389. .bd-modal-wrapper .tab-bar-container .tab-bar-item { /* modal tabbaritem */
  7390. color: rgb(var(--fontwhite1)) !important;
  7391. }
  7392. .bd-modal-wrapper .tab-bar-container .tab-bar-item.selected,/* modal tabbaritem selected */
  7393. .bd-modal-wrapper .tab-bar-container .tab-bar-item:hover { /* modal tabbaritem hover */
  7394. border-color: rgb(var(--fontwhite1)) !important;
  7395. }
  7396. .bd-modal-wrapper .table-header, /* modal tableheader */
  7397. .bd-modal-wrapper .error { /* modal tablerow */
  7398. border-color: rgba(var(--fontwhite4), 0.3);
  7399. color: rgb(var(--fontwhite1));
  7400. }
  7401.  
  7402. #pubslayer .ui-tab-bar-item,
  7403. #app-mount #bd-settings-sidebar .ui-tab-bar-item { /* sidebar item */
  7404. color: rgb(var(--fontwhite3));
  7405. }
  7406. #pubslayer .ui-tab-bar-item:hover,
  7407. #app-mount #bd-settings-sidebar .ui-tab-bar-item:hover {
  7408. background-color: rgba(var(--vtransparencycolor), 0.2);
  7409. color: rgb(var(--fontwhite2));
  7410. }
  7411. #pubslayer .ui-tab-bar-item.selected,
  7412. #app-mount #bd-settings-sidebar .ui-tab-bar-item.selected {
  7413. background-color: rgb(var(--vaccentcolor));
  7414. color: rgb(var(--fontwhite1));
  7415. text-shadow: 1px 1px var(--vtextshadow);
  7416. }
  7417. #pubslayer .ui-tab-bar-header,
  7418. #app-mount #bd-settings-sidebar .ui-tab-bar-header { /* sidebar sideitemheader */
  7419. color: rgb(var(--fontwhite3));
  7420. }
  7421. #pubslayer .ui-tab-bar-separator,
  7422. #app-mount #bd-settings-sidebar .ui-tab-bar-separator { /* sidebar sideitemseparator */
  7423. background-color: rgba(var(--fontwhite4), 0.3);
  7424. }
  7425. #bd-settings-sidebar [style*=" color: rgb(114, 118, 125)"] {/* sidebar credits */
  7426. color: rgb(var(--fontwhite4)) !important;
  7427. }
  7428.  
  7429. #app-mount .bd-server-card { /* pubslayer guildcard */
  7430. background-color: rgba(var(--vtransparencycolor), 0.3);
  7431. }
  7432. #app-mount .bd-server-icon { /* pubslayer guildicon */
  7433. background-color: rgba(var(--vtransparencycolor), 0.2);
  7434. border-color: transparent;
  7435. }
  7436. #app-mount .bd-server-card:hover,
  7437. #app-mount .bd-server-icon:hover {
  7438. background-color: rgba(var(--vtransparencycolor), 0.4);
  7439. }
  7440. .bd-server-description-container { /* pubslayer guilddescription */
  7441. border-color: rgba(var(--fontwhite4), 0.3);
  7442. color: rgb(var(--fontwhite3));
  7443. }
  7444. .bd-server-card .bd-server-tags { /* pubslayer guildtags */
  7445. color: rgb(var(--fontwhite3));
  7446. }
  7447. #pubslayer h2.ui-form-title { /* pubslayer header */
  7448. color: rgb(var(--fontwhite1));
  7449. }
  7450. #pubslayer button { /* pubslayer button */
  7451. color: rgb(var(--fontwhite1));
  7452. }
  7453. #pubslayer input { /* pubslayer input */
  7454. background-color: rgba(var(--vtransparencycolor), 0.1);
  7455. border-color: rgba(var(--vtransparencycolor), 0.3);
  7456. color: rgb(var(--fontwhite1));
  7457. }
  7458. #pubslayer input:hover {
  7459. border-color: rgb(var(--vtransparencycolor));
  7460. }
  7461. #pubslayer input::placeholder {
  7462. color: rgb(var(--fontwhite3));
  7463. }
  7464.  
  7465. #app-mount #bd-settingspane-container h2.ui-form-title { /* settingsitems header */
  7466. color: rgb(var(--fontwhite1));
  7467. min-width: 100px;
  7468. }
  7469. #app-mount #bd-settingspane-container .ui-switch-item h3 {
  7470. color: rgb(var(--fontwhite1));
  7471. }
  7472. #app-mount #bd-settingspane-container .ui-switch-item .style-description {
  7473. border-bottom-color: rgba(var(--fontwhite4), 0.3);
  7474. color: rgb(var(--fontwhite3));
  7475. }
  7476.  
  7477. .bd-switch: { /* bd switch */
  7478. box-shadow: inset 0 1px 1px rgba(var(--vtransparencycolor), 0.15);
  7479. }
  7480. .bd-switch:not(.bd-switch-checked) {
  7481. background-color: rgba(var(--vtransparencycolor), 0.3);
  7482. }
  7483. .bd-switch::before {
  7484. background-color: rgb(var(--fontwhite1));
  7485. box-shadow: 0 2px 4px rgba(var(--vtransparencycolor), 0.6);
  7486. }
  7487.  
  7488. .bd-select-wrapper { /* bd select wrapper */
  7489. color: rgb(var(--fontwhite1));
  7490. }
  7491. .bd-select { /* bd select inner */
  7492. background-color: rgba(var(--vtransparencycolor), 0.1);
  7493. border-color: rgba(var(--vtransparencycolor), 0.3);
  7494. color: rgb(var(--fontwhite1));
  7495. }
  7496. .bd-select-arrow { /* bd select arrow */
  7497. fill: rgb(var(--fontwhite1));
  7498. }
  7499. .bd-select .bd-select-options { /* bd select popout */
  7500. background-color: transparent;
  7501. border: none;
  7502. border-radius: 4px;
  7503. box-shadow: rgba(var(--vtransparencycolor), 0.3) 0px 2px 5px 0px;
  7504. box-sizing: border-box;
  7505. padding: 6px 8px;
  7506. margin-left: -9px;
  7507. }
  7508. .bd-select .bd-select-options::before {
  7509. content: "";
  7510. position: absolute;
  7511. top: 0;
  7512. bottom: 0;
  7513. right: 0;
  7514. left: 0;
  7515. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  7516. background-attachment: fixed;
  7517. filter: blur(var(--vpopoutblur));
  7518. width: unset;
  7519. height: unset;
  7520. border-radius: 4px;
  7521. pointer-events: none;
  7522. z-index: -1;
  7523. }
  7524. .bd-select .bd-select-options::after {
  7525. content: "";
  7526. position: absolute;
  7527. top: 0;
  7528. bottom: 0;
  7529. right: 0;
  7530. left: 0;
  7531. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.3));
  7532. width: unset;
  7533. height: unset;
  7534. border-radius: 4px;
  7535. pointer-events: none;
  7536. z-index: -1;
  7537. }
  7538. .bd-select .bd-select-option { /* bd select popout option */
  7539. display: flex;
  7540. align-items: center;
  7541. min-height: 32px;
  7542. border-radius: 2px;
  7543. box-sizing: border-box;
  7544. color: var(--interactive-normal);
  7545. font-size: 14px;
  7546. font-weight: 500;
  7547. line-height: 18px;
  7548. margin-top: 2px;
  7549. margin-bottom: 2px;
  7550. padding: 0 8px;
  7551. }
  7552. .bd-select .bd-select-option:hover {
  7553. background-color: rgba(var(--vtransparencycolor), 0.2);
  7554. color: var(--interactive-hover);
  7555. }
  7556. .bd-select .bd-select-option.selected {
  7557. background-color: rgba(var(--vtransparencycolor), 0.3);
  7558. color: var(--interactive-active);
  7559. }
  7560.  
  7561. .bd-pfbtn { /* addonlist folderbutton */
  7562. color: rgb(var(--fontwhite1));
  7563. text-shadow: 1px 1px var(--vtextshadow);
  7564. }
  7565.  
  7566. .bd-server-tag { /* addonlist public list tag */
  7567. color: rgb(var(--fontwhite1));
  7568. text-shadow: 1px 1px var(--vtextshadow);
  7569. }
  7570.  
  7571. .bd-search-wrapper { /* addonlist searchbar container */
  7572. background-color: rgba(var(--vtransparencycolor), 0.3);
  7573. color: rgb(var(--fontwhite1));
  7574. }
  7575. .bd-search { /* addonlist searchbar input */
  7576. color: rgb(var(--fontwhite1))
  7577. }
  7578. .bd-search::placeholder {
  7579. color: rgb(var(--fontwhite3));
  7580. }
  7581. .bd-search-wrapper svg[fill] { /* addonlist searchbar icon */
  7582. fill: rgb(var(--fontwhite1));
  7583. }
  7584.  
  7585. #app-mount .bd-addon-list .bd-addon-card { /* addonlist addoncard */
  7586. background-color: rgba(var(--vtransparencycolor), 0.4);
  7587. border-color: transparent;
  7588. color: rgb(var(--fontwhite1));
  7589. max-height: unset;
  7590. }
  7591. #app-mount .bd-addon-list .bd-addon-header { /* addonlist header */
  7592. background-color: rgba(var(--vtransparencycolor), 0.3);
  7593. border-bottom-color: rgba(var(--fontwhite2), 0.3);
  7594. color: rgb(var(--fontwhite1));
  7595. }
  7596. #app-mount .bd-addon-list .bda-header { /* addonlist header old */
  7597. background-color: transparent;
  7598. }
  7599. #app-mount .bd-addon-list .bd-addon-button svg[fill] { /* addonlist header button icon */
  7600. fill: currentColor;
  7601. }
  7602. #app-mount .bd-addon-list .bd-addon-button svg { /* addonlist header button icon */
  7603. color: rgb(var(--fontwhite3));
  7604. }
  7605. #app-mount .bd-addon-list .bd-button.bd-addon-button svg,
  7606. #app-mount .bd-addon-list .bd-addon-button svg:hover {
  7607. color: rgb(var(--fontwhite1));
  7608. }
  7609. #app-mount .bd-addon-list .bd-description { /* addonlist description */
  7610. color: rgb(var(--fontwhite2));
  7611. }
  7612. #app-mount .bd-addon-list .bd-description::-webkit-scrollbar {
  7613. width: 4px;
  7614. height: 4px;
  7615. }
  7616. #app-mount .bd-addon-list .bd-footer { /* addonlist footer */
  7617. border-top-color: rgba(var(--fontwhite2), 0.3);
  7618. }
  7619. .bd-addon-list .bd-footer button { /* addonlist footer button */
  7620. color: rgb(var(--fontwhite1));
  7621. }
  7622.  
  7623. #bd-customcss-detach-container { /* customcsseditor detached */
  7624. background: transparent;
  7625. }
  7626. #bd-customcss-attach-controls {
  7627. background-color: rgba(var(--vtransparencycolor), 0.8);
  7628. box-shadow: none;
  7629. }
  7630. .contentRegion-3nDuYy #bd-customcss-attach-controls,
  7631. #bd-customcss-detach-container #bd-customcss-attach-controls {
  7632. background-color: rgba(var(--vtransparencycolor), 0.5);
  7633. box-shadow: inset 0 1px 0 0 rgba(var(--fontwhite4), 0.3);
  7634. color: rgb(var(--fontwhite1));
  7635. }
  7636. .standardSidebarView-3F1I7i #bd-customcss-attach-controls button,
  7637. .bd-detached-css-editor #bd-customcss-attach-controls button {
  7638. color: rgb(var(--fontwhite1));
  7639. background: rgba(var(--vtransparencycolor), 0.5);
  7640. border: none !important;
  7641. border-radius: 3px !important;
  7642. margin: 5px 5px 0 0;
  7643. transition: background-color 0.1s ease;
  7644. }
  7645. .standardSidebarView-3F1I7i #bd-customcss-attach-controls button:hover,
  7646. .bd-detached-css-editor #bd-customcss-attach-controls button:hover {
  7647. background: rgb(var(--vaccentcolor));
  7648. }
  7649. .standardSidebarView-3F1I7i #editor-detached h3 {
  7650. color: rgb(var(--fontwhite3));
  7651. }
  7652. #bd-customcss-attach-controls .help-text .inline {
  7653. background-color: rgba(var(--vtransparencycolor), 0.4);
  7654. }
  7655. html .monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight {
  7656. background: rgb(var(--vaccentcolor));
  7657. }
  7658.  
  7659.  
  7660. /* ~~~~ 17. POWERCORDSUPPORT ~~~~ */
  7661.  
  7662. html .powercord-toast {
  7663. background-color: transparent;
  7664. border: none;
  7665. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  7666. overflow: hidden;
  7667. }
  7668. html .powercord-toast::before {
  7669. content: "";
  7670. position: absolute;
  7671. top: 0;
  7672. bottom: 0;
  7673. right: 0;
  7674. left: 0;
  7675. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  7676. background-attachment: fixed;
  7677. filter: blur(var(--vpopoutblur));
  7678. width: unset;
  7679. height: unset;
  7680. pointer-events: none;
  7681. z-index: -1;
  7682. }
  7683. html .powercord-toast::after {
  7684. content: "";
  7685. position: absolute;
  7686. top: 0;
  7687. bottom: 0;
  7688. right: 0;
  7689. left: 0;
  7690. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
  7691. width: unset;
  7692. height: unset;
  7693. border-radius: 5px;
  7694. pointer-events: none;
  7695. z-index: -1;
  7696. }
  7697. html .powercord-toast .header {
  7698. background-color: rgba(var(--vtransparencycolor), 0.2);
  7699. box-shadow: 0 2px 3px 0 rgba(var(--vtransparencycolor), 0.2);
  7700. color: rgb(var(--fontwhite1));
  7701. }
  7702. html .powercord-toast .contents .inner {
  7703. background-color: rgba(var(--vtransparencycolor), 0.2);
  7704. border: none;
  7705. color: rgb(var(--fontwhite2));
  7706. }
  7707.  
  7708.  
  7709. /* ~~~~ 18. PLUGINSUPPORT ~~~~ */
  7710.  
  7711. /* ---- 18.1. BDFDB ---- */
  7712.  
  7713. html .colorDefault-XdNdIp .bg-8df5St {
  7714. background: linear-gradient(rgba(var(--vtransparencycolor), 0.75), rgba(var(--vtransparencycolor), 0.75)) var(--vpopoutposition)/var(--vpopoutsize), var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  7715. background-attachment: fixed;
  7716. filter: blur(var(--vpopoutblur));
  7717. }
  7718.  
  7719. /* ---- 18.2. DATEVIEWER ---- */
  7720.  
  7721. #app-mount #dv-mount {
  7722. background: transparent;
  7723. z-index: 1;
  7724. }
  7725. #app-mount #dv-mount::after,
  7726. #app-mount #dv-mount::before {
  7727. content: "";
  7728. position: absolute;
  7729. top: 0;
  7730. bottom: 0;
  7731. right: 0;
  7732. left: 0;
  7733. pointer-events: none;
  7734. z-index: -1;
  7735. }
  7736. #app-mount #dv-mount::after {
  7737. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + var(--vmemberlisttransparency) * 0.85));
  7738. }
  7739. #app-mount #dv-mount::before {
  7740. background: var(--vbackground) var(--vbackgroundposition)/var(--vbackgroundsize);
  7741. background-attachment: fixed;
  7742. filter: blur(var(--vbackgroundblur));
  7743. }
  7744. #app-mount #dv-main {
  7745. border-top-color: rgba(var(--vtransparencycolor), 0.2);
  7746. color: rgb(var(--fontwhite1));
  7747. }
  7748. #app-mount #dv-main .dv-date {
  7749. color: rgb(var(--fontwhite3));
  7750. opacity: 1;
  7751. }
  7752.  
  7753. /* ---- 18.3. SERVERFOLDERS ---- */
  7754.  
  7755. .base-PmTxvP[style*="background-color: rgb(114, 137, 218)"] {
  7756. text-shadow: 1px 1px var(--vtextshadow);
  7757. }
  7758.  
  7759. /* ---- 18.4. MEMBERCOUNT ---- */
  7760.  
  7761. #app-mount #MemberCount {
  7762. background-color: transparent;
  7763. color: rgb(var(--fontwhite2));
  7764. width: calc(100% - 8px);
  7765. margin: 0;
  7766. line-height: 0;
  7767. height: 30px;
  7768. }
  7769. #MemberCount::after,
  7770. #MemberCount::before {
  7771. content: "";
  7772. position: absolute;
  7773. top: 0;
  7774. bottom: 0;
  7775. right: 0;
  7776. left: 0;
  7777. pointer-events: none;
  7778. z-index: -1;
  7779. }
  7780. #MemberCount::after {
  7781. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + var(--vmemberlisttransparency) * 0.85));
  7782. }
  7783. #MemberCount::before {
  7784. background: var(--vbackground) var(--vbackgroundposition)/var(--vbackgroundsize);
  7785. background-attachment: fixed;
  7786. filter: blur(var(--vbackgroundblur));
  7787. }
  7788.  
  7789. /* ---- 18.5. CHARCOUNTER ---- */
  7790.  
  7791. #app-mount #charcounter {
  7792. color: rgb(var(--fontwhite3));
  7793. opacity: 1;
  7794. }
  7795.  
  7796. /* ---- 18.6. LINENUMBERS ---- */
  7797.  
  7798. .hljs ol li {
  7799. border-left-color: rgba(var(--fontwhite1), 0.2);
  7800. }
  7801. .hljs ol li::before {
  7802. color: rgb(var(--fontwhite4));
  7803. }
  7804.  
  7805. /* ---- 18.7. PERMISSIONVIEWER ---- */
  7806.  
  7807. #permissions-modal-wrapper #permissions-modal { /* modal container */
  7808. background-color: transparent;
  7809. border: none;
  7810. box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  7811. position: relative;
  7812. overflow: hidden;
  7813. }
  7814. #permissions-modal-wrapper #permissions-modal::before {
  7815. content: "";
  7816. position: absolute;
  7817. top: 0;
  7818. bottom: 0;
  7819. right: 0;
  7820. left: 0;
  7821. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  7822. background-attachment: fixed;
  7823. filter: blur(var(--vpopoutblur));
  7824. width: unset;
  7825. height: unset;
  7826. pointer-events: none;
  7827. z-index: -1;
  7828. }
  7829. #permissions-modal-wrapper #permissions-modal::after {
  7830. content: "";
  7831. position: absolute;
  7832. top: 0;
  7833. bottom: 0;
  7834. right: 0;
  7835. left: 0;
  7836. background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  7837. width: unset;
  7838. height: unset;
  7839. pointer-events: none;
  7840. z-index: -1;
  7841. }
  7842. #permissions-modal-wrapper .header {
  7843. background-color: rgba(var(--vtransparencycolor), 0.2);
  7844. box-shadow: 0 2px 3px 0 rgba(var(--vtransparencycolor), 0.2);
  7845. color: rgb(var(--fontwhite1));
  7846. }
  7847. #permissions-modal-wrapper .modal-body {
  7848. background-color: transparent;
  7849. }
  7850. #permissions-modal-wrapper .scroller-title {
  7851. border-bottom: 1px solid rgba(var(--vtransparencycolor), 0.3);
  7852. }
  7853. #permissions-modal-wrapper .role-side {
  7854. background-color: rgba(var(--vtransparencycolor), 0.1);
  7855. }
  7856. #permissions-modal-wrapper .role-item {
  7857. color: rgb(var(--fontwhite2));
  7858. }
  7859. #permissions-modal-wrapper .role-item:hover {
  7860. background-color: rgba(var(--vtransparencycolor), 0.1);
  7861. }
  7862. #permissions-modal-wrapper .role-item.selected {
  7863. background-color: rgba(var(--vtransparencycolor), 0.2);
  7864. }
  7865. #permissions-modal-wrapper .perm-side {
  7866. background-color: transparent;
  7867. }
  7868. #permissions-modal-wrapper .perm-item {
  7869. box-shadow: inset 0 -1px 0 rgba(var(--fontwhite4), 0.3);
  7870. }
  7871. #permissions-modal-wrapper .perm-name {
  7872. color: rgb(var(--fontwhite3));
  7873. }
  7874.  
  7875. /* ---- 18.8. DIRECTDOWNLOAD ---- */
  7876.  
  7877. #files_directDownload .file {
  7878. background-color: rgba(var(--vtransparencycolor), 0.4);
  7879. border-color: rgba(var(--vaccentcolor), 0.2);
  7880. border-radius: 6px 6px 0 0;
  7881. }
  7882. #files_directDownload .file svg {
  7883. fill: rgb(var(--fontwhite1));
  7884. opacity: 0.5;
  7885. }
  7886. #files_directDownload .file svg:hover {
  7887. opacity: 1;
  7888. }
  7889. #files_directDownload .file span {
  7890. color: rgb(var(--fontwhite1));
  7891. }
  7892. #files_directDownload .file .progress-bar {
  7893. background-color: rgb(var(--vaccentcolor));
  7894. }
  7895.  
  7896. /* ---- 18.9. BETTERFORMATINGREDUX ---- */
  7897.  
  7898. .innerDisabled-2mc-iF ~ .bf-toolbar {
  7899. display: none;
  7900. }
  7901. .bf-arrow {
  7902. -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;
  7903. background: rgb(var(--fontwhite1)) !important;
  7904. }
  7905. .bf-toolbar {
  7906. background: transparent;
  7907. overflow: hidden;
  7908. transform: none;
  7909. top: -50px;
  7910. }
  7911. .bf-toolbar::after {
  7912. content: "";
  7913. display: block;
  7914. position: absolute;
  7915. width: 100%;
  7916. height: calc(100% - 15px);
  7917. pointer-events: none;
  7918. left: 0px;
  7919. top: 5px;
  7920. background-color: rgba(var(--vtransparencycolor), 0.5);
  7921. border-radius: 3px;
  7922. transform: translate(0, 55px);
  7923. transition: all 200ms ease;
  7924. z-index: 200;
  7925. }
  7926. .bf-toolbar.bf-visible::after,
  7927. .bf-toolbar.bf-hover:hover::after {
  7928. transform: translate(0, 0);
  7929. transition: all 200ms cubic-bezier(0,0,0,1);
  7930. }
  7931. .bf-toolbar::before {
  7932. background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
  7933. background-attachment: fixed;
  7934. filter: blur(var(--vpopoutblur));
  7935. z-index: 100;
  7936. }
  7937. .theme-brand .bf-toolbar::after {
  7938. background: rgb(var(--vaccentcolor)) linear-gradient(rgba(var(--vtransparencycolor), 0.2), rgba(var(--vtransparencycolor), 0.2)) !important;
  7939. }
  7940. .theme-brand .bf-toolbar::before {
  7941. display: none;
  7942. }
  7943. .bf-toolbar > * {
  7944. z-index: 300;
  7945. }
  7946. .bf-toolbar .format {
  7947. color: rgb(var(--fontwhite2));
  7948. }
  7949. .bf-toolbar .format:hover {
  7950. background-color: rgb(var(--vaccentcolor));
  7951. color: rgb(var(--fontwhite1));
  7952. }
  7953.  
  7954. /* ---- 18.10 PLUGIN/THEMEREPO ---- */
  7955.  
  7956. #app-mount .pluginEntry svg[fill="currentColor"],
  7957. #app-mount .pluginEntry .gifFavoriteButton-1gYkEU:not(.selected-2QpwIN),
  7958. #app-mount .themeEntry svg[fill="currentColor"],
  7959. #app-mount .themeEntry .gifFavoriteButton-1gYkEU:not(.selected-2QpwIN) {
  7960. color: rgb(var(--fontwhite2)) !important;
  7961. }
  7962.  
  7963. #app-mount .pluginEntry svg[fill="currentColor"]:hover,
  7964. #app-mount .pluginEntry .gifFavoriteButton-1gYkEU:not(.selected-2QpwIN):hover,
  7965. #app-mount .themeEntry svg[fill="currentColor"]:hover,
  7966. #app-mount .themeEntry .gifFavoriteButton-1gYkEU:not(.selected-2QpwIN):hover {
  7967. color: rgb(var(--fontwhite1)) !important;
  7968. }
  7969.  
  7970. /* ---- 18.11 CHANNELHISTORY ---- */
  7971.  
  7972. .channelHistoryButtons {
  7973. top: 4px;
  7974. left: 310px;
  7975. }
  7976.  
  7977. /* ---- 18.12 CHANNELTABS ---- */
  7978.  
  7979. html .channelTabs-tabContainer,
  7980. html .channelTabs-favContainer {
  7981. display: flex;
  7982. align-items: center;
  7983. flex-wrap: wrap;
  7984. min-height: 28px;
  7985. height: unset;
  7986. overflow: hidden;
  7987. transition: height 0.3s linear;
  7988. }
  7989. html .channelTabs-tabContainer {
  7990. background: rgba(var(--vtransparencycolor), calc(0.05 + var(--vguildchanneltransparency) * 2));
  7991. box-shadow: 0 1px 0 rgba(var(--vtransparencycolor), 0.2),0 1.5px 0 rgba(var(--vtransparencycolor), 0.05),0 2px 0 rgba(var(--vtransparencycolor), 0.05);
  7992. padding-top: 6px;
  7993. }
  7994. html .channelTabs-favContainer {
  7995. background: rgba(var(--vtransparencycolor), calc(var(--vguildchanneltransparency) * 2));
  7996. padding-top: 3px;
  7997. padding-bottom: 3px;
  7998. }
  7999. html .channelTabs-noFavs {
  8000. background: transparent;
  8001. padding: 0 6px;
  8002. }
  8003.  
  8004. html .channelTabs-tab,
  8005. html .channelTabs-fav {
  8006. display: flex;
  8007. align-items: center;
  8008. color: var(--interactive-normal);
  8009. height: 28px;
  8010. margin: 0 4px;
  8011. padding: 0 4px;
  8012. cursor: pointer;
  8013. }
  8014. html .channelTabs-tab {
  8015. background: rgba(var(--vtransparencycolor), 0.3);
  8016. border-radius: 5px 5px 0 0;
  8017. }
  8018. html .channelTabs-tab:not(.channelTabs-selected):hover,
  8019. html .channelTabs-fav:hover {
  8020. background: rgba(var(--vtransparencycolor), 0.4);
  8021. color: var(--interactive-hover);
  8022. }
  8023. html .channelTabs-tab.channelTabs-selected,
  8024. html .channelTabs-fav:active {
  8025. background: rgb(var(--vaccentcolor));
  8026. color: var(--interactive-active);
  8027. }
  8028. html .channelTabs-tab > *,
  8029. html .channelTabs-fav > *,
  8030. html .channelTabs-tab .channelTabs-mentionBadge,
  8031. html .channelTabs-fav .channelTabs-mentionBadge,
  8032. html .channelTabs-tab .channelTabs-unreadBadge,
  8033. html .channelTabs-fav .channelTabs-unreadBadge {
  8034. position: static !important;
  8035. transform: unset !important;
  8036. float: unset !important;
  8037. }
  8038. html .channelTabs-tabIcon,
  8039. html .channelTabs-favIcon {
  8040. margin-right: 6px !important;
  8041. }
  8042. html .channelTabs-tabName,
  8043. html .channelTabs-favName {
  8044. margin: 0 !important;
  8045. font-size: 16px;
  8046. line-height: 20px;
  8047. font-weight: 500;
  8048. white-space: nowrap;
  8049. }
  8050. html .channelTabs-tab .channelTabs-tabName ~ *,
  8051. html .channelTabs-fav .channelTabs-favName ~ * {
  8052. margin: 0 0 0 4px !important;
  8053. }
  8054. html .channelTabs-closeTab,
  8055. html .channelTabs-tab.channelTabs-selected .channelTabs-closeTab {
  8056. position: static;
  8057. background: rgba(var(--vtransparencycolor), 0.3);
  8058. color: var(--interactive-hover);
  8059. border-radius: 50%;
  8060. width: 14px;
  8061. height: 14px;
  8062. min-width: 14px;
  8063. min-height: 14px;
  8064. font-size: 14px;
  8065. line-height: unset;
  8066. }
  8067. html .channelTabs-closeTab:hover,
  8068. html .channelTabs-tab.channelTabs-selected .channelTabs-closeTab:hover {
  8069. background: #f04747;
  8070. color: var(--interactive-active);
  8071. }
  8072. html .channelTabs-newTab {
  8073. position: static;
  8074. display: flex;
  8075. justify-content: center;
  8076. align-items: center;
  8077. background: rgba(var(--vtransparencycolor), 0.3);
  8078. color: var(--interactive-hover);
  8079. padding: 0;
  8080. width: 22px;
  8081. height: 22px;
  8082. }
  8083. html .channelTabs-newTab:hover {
  8084. background: rgb(var(--vaccentcolor));
  8085. color: var(--interactive-active);
  8086. }
  8087.  
  8088. /* ---- 18.13 CHANNELTABS ---- */
  8089.  
  8090. html .typingindicator-guild,
  8091. html .typingindicator-dms,
  8092. html .typingindicator-folder {
  8093. background: rgb(var(--vtransparencycolor), 0.2);
  8094. border: 4px solid rgb(var(--vtransparencycolor), 0.2);
  8095. box-shadow: unset;
  8096. right: 8px;
  8097. bottom: -5px;
  8098. padding: 2px 0;
  8099. }
  8100.  
  8101.  
  8102. /* ~~~~ 19. UPDATENOTICE ~~~~ */
  8103.  
  8104. html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-1q1i1E > div.app-2rEoOp::before {
  8105. content: "Your version of BasicBackground by XDWOLF is outdated. Please download the newest version from: https://github.com/mwittrien/BetterDiscordAddons/blob/master/Themes/BasicBackground" !important;
  8106. display: var(--version1_0_5, block) !important;
  8107. background-color: #4a90e2 !important;
  8108. box-shadow: 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3) !important;
  8109. color: rgb(var(--fontwhite1)) !important;
  8110. flex-grow: 0 !important;
  8111. flex-shrink: 0 !important;
  8112. font-size: 14px !important;
  8113. font-weight: 500 !important;
  8114. height: 36px !important;
  8115. line-height: 36px !important;
  8116. opacity: 1 !important;
  8117. padding-left: 4px !important;
  8118. padding-right: 28px !important;
  8119. position: relative !important;
  8120. text-align: center !important;
  8121. visibility: unset !important;
  8122. white-space: pre !important;
  8123. top: 0 !important;
  8124. left: 0 !important;
  8125. bottom: unset !important;
  8126. right: unset !important;
  8127. max-width: unset !important;
  8128. min-width: unset !important;
  8129. max-height: unset !important;
  8130. min-height: unset !important;
  8131. transform: unset !important;
  8132. animation: unset !important;
  8133. z-index: 101 !important;
  8134. pointer-events: none !important;
  8135. }
  8136.  
  8137.  
  8138. /* ~~~~ 20. WATERMARK ~~~~ */
  8139.  
  8140. html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.typeWindows-1za-n7.titleBar-AC4pGV.horizontalReverse-3tRjY7.flex-1O1GKY.directionRowReverse-m8IjIq.justifyStart-2NDFzi.alignStretch-DpGPf3 > div.wordmark-2iDDfm {
  8141. color: white !important;
  8142. display: block !important;
  8143. position: absolute !important;
  8144. max-width: unset !important;
  8145. min-width: unset !important;
  8146. width: 55px !important;
  8147. max-height: unset !important;
  8148. min-height: unset !important;
  8149. height: 16px !important;
  8150. margin: 0 !important;
  8151. padding: 3px 9px 3px !important;
  8152. top: 0 !important;
  8153. left: 0 !important;
  8154. bottom: unset !important;
  8155. right: unset !important;
  8156. opacity: 0.6 !important;
  8157. visibility: visible !important;
  8158. transform: unset !important;
  8159. animation: unset !important;
  8160. }
  8161. html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.typeWindows-1za-n7.titleBar-AC4pGV.horizontalReverse-3tRjY7.flex-1O1GKY.directionRowReverse-m8IjIq.justifyStart-2NDFzi.alignStretch-DpGPf3 > div.wordmark-2iDDfm::after {
  8162. content: url('data:image/svg+xml; utf8, <svg width="400" height="18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path stroke="none" fill="rgb(255, 255, 255)" 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>') !important;
  8163. display: inline !important;
  8164. position: absolute !important;
  8165. top: unset !important;
  8166. left: unset !important;
  8167. bottom: unset !important;
  8168. right: unset !important;
  8169. opacity: 1 !important;
  8170. padding: 0 !important;
  8171. margin: 0 !important;
  8172. visibility: visible !important;
  8173. transform: unset !important;
  8174. animation: unset !important;
  8175. }
  8176. html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-1q1i1E > div.app-2rEoOp > div.layers-3iHuyZ.layers-3q14ss > div.layer-3QrUeG.baseLayer-35bLyl + div.layer-3QrUeG > div.standardSidebarView-3F1I7i::after {
  8177. content: url('data:image/svg+xml; utf8, <svg width="400" height="18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><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;
  8178. display: inline !important;
  8179. position: absolute !important;
  8180. left: unset !important;
  8181. bottom: 7px !important;
  8182. top: unset !important;
  8183. right: 15px !important;
  8184. opacity: 0.3 !important;
  8185. padding: 0 !important;
  8186. margin: 0 !important;
  8187. visibility: visible !important;
  8188. transform: unset !important;
  8189. animation: unset !important;
  8190. }
  8191. html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-1q1i1E > div.app-2rEoOp > div.layers-3iHuyZ.layers-3q14ss > div.layer-3QrUeG.baseLayer-35bLyl + div.layer-3QrUeG > div.standardSidebarView-3F1I7i > div.sidebarRegion-VFTUkN > div.sidebarRegionScroller-3MXcoP.thin-1ybCId.scrollerBase-289Jih.fade-2kXiP2 > nav.sidebar-CFHs9e > div.side-8zPYf6 > div.info-1VyQPT {
  8192. position: relative !important;
  8193. }
  8194. html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-1q1i1E > div.app-2rEoOp > div.layers-3iHuyZ.layers-3q14ss > div.layer-3QrUeG.baseLayer-35bLyl + div.layer-3QrUeG > div.standardSidebarView-3F1I7i > div.sidebarRegion-VFTUkN > div.sidebarRegionScroller-3MXcoP.thin-1ybCId.scrollerBase-289Jih.fade-2kXiP2 > nav.sidebar-CFHs9e > div.side-8zPYf6 > div.info-1VyQPT::after {
  8195. content: "By" !important;
  8196. font-size: 12px !important;
  8197. color: var(--text-muted) !important;
  8198. cursor: pointer !important;
  8199. display: inline !important;
  8200. opacity: 1 !important;
  8201. padding: 0 !important;
  8202. margin: 0 !important;
  8203. cursor: text !important;
  8204. visibility: visible !important;
  8205. position: relative !important;
  8206. top: unset !important;
  8207. left: unset !important;
  8208. bottom: unset !important;
  8209. right: unset !important;
  8210. transform: unset !important;
  8211. animation: unset !important;
  8212. }
  8213. html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-1q1i1E > div.app-2rEoOp > div.layers-3iHuyZ.layers-3q14ss > div.layer-3QrUeG.baseLayer-35bLyl + div.layer-3QrUeG > div.standardSidebarView-3F1I7i > div.sidebarRegion-VFTUkN > div.sidebarRegionScroller-3MXcoP.thin-1ybCId.scrollerBase-289Jih.fade-2kXiP2 > nav.sidebar-CFHs9e > div.side-8zPYf6 > div.info-1VyQPT::before {
  8214. content: "XDWOLF" !important;
  8215. font-size: 12px !important;
  8216. color: rgb(var(--vaccentcolor)) !important;
  8217. display: inline !important;
  8218. opacity: 1 !important;
  8219. padding: 0 !important;
  8220. margin: 0 !important;
  8221. cursor: pointer !important;
  8222. visibility: visible !important;
  8223. position: absolute !important;
  8224. top: unset !important;
  8225. left: 113px !important;
  8226. bottom: 9px !important;
  8227. right: unset !important;
  8228. transform: unset !important;
  8229. animation: unset !important;
  8230. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!