Another copy of my dotfiles. Because I don't completely trust GitHub.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

7082 lines
331 KiB

4 years ago
  1. /**
  2. * @name Material_Discord
  3. * @version 3.0.3
  4. * @description A theme based on Google's Material Design
  5. * @author CapnKitten
  6. *
  7. * @website http://github.com/CapnKitten
  8. * @source https://github.com/CapnKitten/BetterDiscord/blob/master/Themes/Material-Discord/css/source.css
  9. * @donate https://paypal.me/capnkitten
  10. * @invite jzJkA6Z
  11. */
  12. :root {
  13. --app-bg: var(--main-alt);
  14. --accent-color: #4765ba;
  15. --accent-rgb: 71,101,186;
  16. --accent-button-action: #fff;
  17. --accent-button-action-hover: 0.06;
  18. --accent-button-action-active: 0.12;
  19. --accent-text-color: #fff;
  20. --alert-color: #f04747;
  21. --alert-button-action: #fff;
  22. --alert-button-action-hover: 0.1;
  23. --alert-button-action-active: 0.2;
  24. --alert-text-color: #fff;
  25. --success-color: #43b581;
  26. --message-radius: 19px;
  27. --message-padding: 8px 12px;
  28. --message-padding-alt: 4px 12px 8px 12px;
  29. --main-textarea-radius: 24px;
  30. --card-radius: 5px;
  31. --card-radius-big: 10px;
  32. --button-radius: var(--card-radius);
  33. --popout-radius: var(--card-radius);
  34. --popout-radius-big: var(--card-radius-big);
  35. --spotify-color: #1db954;
  36. --stream-color: #593695;
  37. --stream-flash: 89,54,149;
  38. --xbox-color: #107c10;
  39. --shadow-1dp: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
  40. --shadow-2dp: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
  41. --shadow-3dp: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
  42. --default-animation: cubic-bezier(0.4,0,0.2,1);
  43. --default-time: 250ms;
  44. --window-button-min: #ffbd44;
  45. --window-button-max: #00ca4e;
  46. --window-button-close: #ff605c; }
  47. .theme-dark {
  48. --main-color: #00010a;
  49. --main-alt: #0f111a;
  50. --server-color: #0f111a;
  51. --status-picker-color: #0f111a;
  52. --sidebar-panel-color: #111114;
  53. --chat-color: #0f111a;
  54. --message-color: #00010a;
  55. --message-color-alt: #1c1e21;
  56. --attachment-color: rgb(0,0,0,0.325);
  57. --main-textarea-color: #3b4252;
  58. --main-textarea-color-alt: #3b3f42;
  59. --main-textarea-border: #3e434a;
  60. --typing-color: rgba(32,34,37,0.9);
  61. --popout-color: #2c2f33;
  62. --popout-color-alt: #202225;
  63. --popout-header-border: #444;
  64. --separator-color: #444;
  65. --input-color: rgba(255,255,255,0.075);
  66. --input-border-color: #444;
  67. --tab-border-color: #fff;
  68. --menu-item-hover: rgba(255,255,255,0.075);
  69. --menu-item-select: rgba(255,255,255,0.1);
  70. --menu-item-text-color: #aaa;
  71. --card-color: transparent;
  72. --card-color-hover: #292b2f;
  73. --card-color-alt: #2a2c30;
  74. --card-color-alt-hover: #35383d;
  75. --card-border-color: #444;
  76. --card-header-text-color: #dcddde;
  77. --button-link-color: 255,255,255;
  78. --button-link-text-color: #fff;
  79. --slider-color: #4f545c;
  80. --switch-knob-color: #777;
  81. --switch-slider-color: rgba(65,65,65,0.65);
  82. --md-ripple-color: 255,255,255;
  83. --emoji-category-header: rgba(44,47,51,0.95);
  84. --scrollbar-color: 255,255,255;
  85. --window-button: rgba(255,255,255,0.1);
  86. --window-button-inactive: rgba(255,255,255,0.05); }
  87. .theme-light {
  88. --main-color: #e8eaeb;
  89. --main-alt: #ddd;
  90. --server-color: #eee;
  91. --status-picker-color: #dee0e0;
  92. --sidebar-panel-color: #d4d6d6;
  93. --chat-color: #fff;
  94. --message-color: #edeff0;
  95. --message-color-alt: #e8e8e8;
  96. --attachment-color: rgba(0,0,0,0.1);
  97. --main-textarea-color: #fff;
  98. --main-textarea-color-alt: #ccc;
  99. --main-textarea-border: #dadce0;
  100. --typing-color: rgba(255,255,255,0.8);
  101. --popout-color: #fff;
  102. --popout-color-alt: #e5e5e5;
  103. --popout-header-border: #aaa;
  104. --separator-color: #ccc;
  105. --input-color: #d2d4d4;
  106. --input-border-color: #aaa;
  107. --tab-border-color: #777;
  108. --menu-item-hover: rgba(0,0,0,0.1);
  109. --menu-item-select: rgba(0,0,0,0.125);
  110. --menu-item-text-color: #333;
  111. --card-color: transparent;
  112. --card-color-hover: #eee;
  113. --card-color-alt: transparent;
  114. --card-color-alt-hover: #d4d4d4;
  115. --card-border-color: #ccc;
  116. --card-header-text-color: #333;
  117. --button-link-color: 0,0,0;
  118. --button-link-text-color: #333;
  119. --slider-color: #999;
  120. --switch-knob-color: #fff;
  121. --switch-slider-color: rgba(0,0,0,0.2);
  122. --md-ripple-color: 0,0,0;
  123. --emoji-category-header: rgba(255,255,255,0.9);
  124. --scrollbar-color: 0,0,0;
  125. --window-button: rgba(0,0,0,0.2);
  126. --window-button-inactive: rgba(0,0,0,0.1); }
  127. /*
  128. *
  129. * APP ELEMENTS
  130. *
  131. */
  132. * {
  133. font-family: 'Google Sans', sans-serif !important; }
  134. ::selection {
  135. background: #859fbf;
  136. text-shadow: none; }
  137. body,
  138. .app-2rEoOp,
  139. .appMount-3lHmkl {
  140. background-color: transparent; }
  141. .bg-h5JY_x {
  142. background: var(--app-bg);
  143. background-repeat: no-repeat;
  144. background-position: center;
  145. background-size: cover; }
  146. .anchor-3Z-8Bb {
  147. color: var(--accent-color); }
  148. .wordmark-2iDDfm.wordmarkWindows-1v0lYD {
  149. width: auto;
  150. height: 22px;
  151. padding: 0 0 0 4px;
  152. line-height: 22px;
  153. font-size: 0.925em;
  154. color: var(--text-normal); }
  155. .wordmark-2iDDfm.wordmarkWindows-1v0lYD:before, .wordmark-2iDDfm.wordmarkWindows-1v0lYD:after {
  156. position: relative;
  157. width: auto;
  158. height: 22px; }
  159. .wordmark-2iDDfm.wordmarkWindows-1v0lYD:before {
  160. content: "Material";
  161. font-weight: 700; }
  162. .wordmark-2iDDfm.wordmarkWindows-1v0lYD:after {
  163. content: "Discord"; }
  164. .wordmark-2iDDfm.wordmarkWindows-1v0lYD svg {
  165. display: none; }
  166. .typeWindows-1za-n7 .winButton-iRh8-Z:before {
  167. position: absolute;
  168. content: " ";
  169. width: 12px;
  170. height: 12px;
  171. background-position: center;
  172. -webkit-mask-size: contain;
  173. mask-size: contain;
  174. filter: brightness(40%);
  175. z-index: 2;
  176. opacity: 0;
  177. transition: var(--default-time) var(--default-animation) opacity;
  178. pointer-events: none; }
  179. .typeWindows-1za-n7 .winButton-iRh8-Z:hover:before {
  180. opacity: 1; }
  181. .typeWindows-1za-n7 .winButton-iRh8-Z:after {
  182. position: absolute;
  183. content: " ";
  184. width: 16px;
  185. height: 16px;
  186. border-radius: 50%;
  187. background-color: var(--window-button);
  188. transition: var(--default-time) var(--default-animation);
  189. pointer-events: none; }
  190. .typeWindows-1za-n7 .winButton-iRh8-Z:active:after {
  191. opacity: 0.65; }
  192. .typeWindows-1za-n7 .winButton-iRh8-Z.winButtonMinMax-PBQ2gm:nth-last-of-type(2):hover:after {
  193. background-color: var(--window-button-max); }
  194. .typeWindows-1za-n7 .winButton-iRh8-Z.winButtonMinMax-PBQ2gm:nth-last-of-type(2):before {
  195. background-color: var(--window-button-max);
  196. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_maximize.svg);
  197. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_maximize.svg);
  198. -webkit-mask-repeat: no-repeat;
  199. mask-repeat: no-repeat; }
  200. .typeWindows-1za-n7 .winButton-iRh8-Z.winButtonMinMax-PBQ2gm:nth-last-of-type(1):hover:after {
  201. background-color: var(--window-button-min); }
  202. .typeWindows-1za-n7 .winButton-iRh8-Z.winButtonMinMax-PBQ2gm:nth-last-of-type(1):before {
  203. background-color: var(--window-button-min);
  204. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_minimize.svg);
  205. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_minimize.svg);
  206. -webkit-mask-repeat: no-repeat;
  207. mask-repeat: no-repeat; }
  208. .typeWindows-1za-n7 .winButton-iRh8-Z.winButtonClose-1HsbF-:hover:after {
  209. background-color: var(--window-button-close); }
  210. .typeWindows-1za-n7 .winButton-iRh8-Z.winButtonClose-1HsbF-:before {
  211. background-color: var(--window-button-close);
  212. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_close.svg);
  213. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_close.svg);
  214. -webkit-mask-repeat: no-repeat;
  215. mask-repeat: no-repeat; }
  216. .typeWindows-1za-n7 .winButton-iRh8-Z:hover, .typeWindows-1za-n7 .winButton-iRh8-Z:active {
  217. background-color: transparent; }
  218. .typeWindows-1za-n7 .winButton-iRh8-Z svg {
  219. display: none; }
  220. html:not(.app-focused) .typeWindows-1za-n7 .winButton-iRh8-Z:after {
  221. background-color: var(--window-button-inactive); }
  222. html:not(.app-focused) .typeWindows-1za-n7 .winButton-iRh8-Z.winButtonMinMax-PBQ2gm:after {
  223. background-color: var(--window-button-inactive); }
  224. /*
  225. *
  226. * NOTICES
  227. *
  228. */
  229. .notice-1tZwqv,
  230. .notice-3bPHh- {
  231. border-radius: 0; }
  232. .notice-1tZwqv .button-3Ijpww,
  233. .notice-3bPHh- .button-3Ijpww {
  234. background-color: transparent !important;
  235. box-shadow: none !important; }
  236. /*
  237. *
  238. * LOGIN SCREEN
  239. *
  240. */
  241. .authBox-hW6HRx {
  242. padding: 16px;
  243. background-color: var(--popout-color) !important;
  244. border-radius: var(--popout-radius-big);
  245. box-shadow: var(--shadow-3dp); }
  246. .authBox-hW6HRx .mainLoginContainer-1ddwnR {
  247. margin-right: 24px;
  248. padding-right: 24px;
  249. border-right: 1px solid var(--card-border-color); }
  250. .authBox-hW6HRx .verticalSeparator-3huAjp {
  251. display: none; }
  252. .authBox-hW6HRx .qrLogin-1AOZMt {
  253. height: 320px; }
  254. .authBox-hW6HRx .needAccount-23l_Wh {
  255. line-height: 24px; }
  256. .authBox-hW6HRx .lookLink-9FtZy-.colorBrand-3pXr91 {
  257. height: 24px;
  258. min-height: 24px;
  259. padding: 0;
  260. background-color: transparent !important;
  261. font-size: 14px;
  262. font-weight: 400; }
  263. /*
  264. *
  265. * AUTHORIZE APP
  266. *
  267. */
  268. .oauth2Wrapper-mHbF5q {
  269. background-color: var(--popout-color);
  270. border-radius: var(--popout-radius-big);
  271. box-shadow: var(--shadow-3dp); }
  272. .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl {
  273. padding: 0; }
  274. .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl .header-1Gj-ua {
  275. border-radius: 0; }
  276. .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl .header-1Gj-ua,
  277. .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl .scopes-3GJ3xw {
  278. border-bottom: 1px solid var(--popout-header-border); }
  279. .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl .header-1Gj-ua,
  280. .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl .scopes-3GJ3xw,
  281. .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl .applicationDetails-9QVoka {
  282. padding: 16px; }
  283. .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl .entry-1btQtX {
  284. margin-top: 0;
  285. margin-bottom: 8px; }
  286. .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl .entry-1btQtX:last-child {
  287. margin-bottom: 0; }
  288. .oauth2Wrapper-mHbF5q .authorize-3eAFPo .footer-3ZalXG {
  289. padding: 8px;
  290. background-color: transparent;
  291. border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big);
  292. border-top: 1px solid var(--popout-header-border); }
  293. /*
  294. *
  295. * TITLE BAR
  296. *
  297. */
  298. .title-3qD0b- {
  299. z-index: 1; }
  300. .container-1r6BKw {
  301. box-shadow: var(--elevation-low); }
  302. .container-1r6BKw.themed-ANHk51 {
  303. background-color: var(--main-color); }
  304. .children-19S4PO:after {
  305. background: linear-gradient(90deg, transparent 0, var(--main-color)) !important; }
  306. .children-19S4PO .topPill-30KHOu {
  307. height: 100%; }
  308. .children-19S4PO .topPill-30KHOu .item-PXvHYJ {
  309. height: 48px;
  310. padding: 0 8px;
  311. line-height: 48px;
  312. background-color: transparent !important;
  313. border-radius: 0;
  314. color: var(--interactive-normal) !important; }
  315. .children-19S4PO .topPill-30KHOu .item-PXvHYJ:hover {
  316. color: var(--interactive-hover) !important; }
  317. .children-19S4PO .topPill-30KHOu .item-PXvHYJ[aria-selected="true"] {
  318. position: relative;
  319. color: var(--interactive-active) !important; }
  320. .children-19S4PO .topPill-30KHOu .item-PXvHYJ[aria-selected="true"]:after {
  321. position: absolute;
  322. content: " ";
  323. width: 90%;
  324. height: 3px;
  325. left: 0;
  326. right: 0;
  327. bottom: 0;
  328. margin: 0 auto;
  329. background: var(--tab-border-color);
  330. border-radius: 3px 3px 0 0;
  331. transition: var(--default-time) ease all; }
  332. .topic-TCb_qw a {
  333. color: var(--accent-color); }
  334. .wrapper-3WhCwL {
  335. background-color: rgba(var(--accent-rgb), 0.1);
  336. color: var(--accent-color); }
  337. .wrapper-3WhCwL:hover {
  338. background-color: rgba(var(--accent-rgb), 0.3);
  339. color: var(--accent-color); }
  340. /* TITLE BAR -> SEARCH BAR */
  341. .search-2oPWTC {
  342. width: 160px;
  343. transition: 300ms ease width; }
  344. .search-2oPWTC .searchBar-3dMhjb {
  345. width: 100%;
  346. height: 32px;
  347. background-color: var(--input-color);
  348. border-radius: 16px; }
  349. .search-2oPWTC .searchBar-3dMhjb .DraftEditor-root {
  350. padding: 6px 0;
  351. padding-left: 8px; }
  352. .search-2oPWTC .searchBar-3dMhjb .DraftEditor-root .public-DraftEditorPlaceholder-root {
  353. padding-left: 2px; }
  354. .search-2oPWTC .searchBar-3dMhjb .DraftEditor-editorContainer .searchFilter-2ESiM3,
  355. .search-2oPWTC .searchBar-3dMhjb .DraftEditor-editorContainer .searchFilter-2ESiM3 + span[data-offset-key],
  356. .search-2oPWTC .searchBar-3dMhjb .DraftEditor-editorContainer .searchAnswer-3Dz2-q span[data-offset-key] {
  357. background-color: rgba(255, 255, 255, 0.15); }
  358. .search-2oPWTC .searchBar-3dMhjb .DraftEditor-editorContainer .searchFilter-2ESiM3 {
  359. margin-right: 2px;
  360. padding: 0 4px 0 8px;
  361. border-radius: 10px 0 0 10px; }
  362. .search-2oPWTC .searchBar-3dMhjb .DraftEditor-editorContainer .searchFilter-2ESiM3:only-child {
  363. padding: 0 8px;
  364. border-radius: 11px; }
  365. .search-2oPWTC .searchBar-3dMhjb .DraftEditor-editorContainer .searchAnswer-3Dz2-q {
  366. background-color: transparent; }
  367. .search-2oPWTC .searchBar-3dMhjb .DraftEditor-editorContainer .searchFilter-2ESiM3 + span[data-offset-key],
  368. .search-2oPWTC .searchBar-3dMhjb .DraftEditor-editorContainer .searchAnswer-3Dz2-q span[data-offset-key] {
  369. display: inline-block;
  370. height: 20px;
  371. margin: 0 2px 0 -2px;
  372. padding: 0px 8px 0px 0;
  373. border-radius: 0 11px 11px 0;
  374. color: #fff; }
  375. .search-2oPWTC .searchBar-3dMhjb .icon-38sknP {
  376. width: 32px;
  377. height: 32px; }
  378. .search-2oPWTC.open-6_Y_aH {
  379. width: 240px; }
  380. /* TITLE BAR -> ICONS */
  381. .iconWrapper-2OrFZ1 {
  382. position: relative; }
  383. .iconWrapper-2OrFZ1:after {
  384. content: " ";
  385. position: absolute;
  386. width: 100%;
  387. height: 100%;
  388. top: 0;
  389. left: 0;
  390. background-color: rgba(var(--md-ripple-color), 0.1);
  391. border-radius: 50%;
  392. opacity: 0;
  393. pointer-events: none;
  394. transform: scale(1.2);
  395. transition: 300ms ease;
  396. z-index: 4; }
  397. .iconWrapper-2OrFZ1:hover:after {
  398. opacity: 1;
  399. transform: scale(1.5);
  400. animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  401. .iconWrapper-2OrFZ1:active:after {
  402. background-color: rgba(var(--md-ripple-color), 0.2); }
  403. .iconWrapper-2OrFZ1 foreignObject {
  404. mask: none !important; }
  405. .iconWrapper-2OrFZ1 .icon-22AiRD path {
  406. /* TITLE BAR -> ICONS -> NEW GROUP DM */
  407. /* TITLE BAR -> ICONS -> START VOICE CALL */
  408. /* TITLE BAR -> ICONS -> START VIDEO CALL */
  409. /* TITLE BAR -> ICONS -> ADD FRIENDS TO DM */
  410. /* TITLE BAR -> ICONS -> MUTE CHANNEL */
  411. /* TITLE BAR -> ICONS -> UNMUTE CHANNEL */
  412. /* TITLE BAR -> ICONS -> PINNED MESSAGES */
  413. /* TITLE BAR -> ICONS -> MEMBERS LIST */
  414. /* TITLE BAR -> ICONS -> UPDATE */
  415. /* TITLE BAR -> ICONS -> INBOX */
  416. /* TITLE BAR -> ICONS -> HELP */ }
  417. .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M20.998 0V3H23.998V5H20.998V8H18.998V5H15.998V3H18.998V0H20.998ZM2.99805 20V24L8.33205 20H14.998C16.102 20 16.998 19.103 16.998 18V9C16.998 7.896 16.102 7 14.998 7H1.99805C0.894047 7 -0.00195312 7.896 -0.00195312 9V18C-0.00195312 19.103 0.894047 20 1.99805 20H2.99805Z"] {
  418. d: path("M4 4h16v12H5.17L4 17.17V4m0-2c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2H4zm2 10h12v2H6v-2zm0-3h12v2H6V9zm0-3h12v2H6V6z") !important; }
  419. .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M11 5V3C16.515 3 21 7.486 21 13H19C19 8.589 15.411 5 11 5ZM17 13H15C15 10.795 13.206 9 11 9V7C14.309 7 17 9.691 17 13ZM11 11V13H13C13 11.896 12.105 11 11 11ZM14 16H18C18.553 16 19 16.447 19 17V21C19 21.553 18.553 22 18 22H13C6.925 22 2 17.075 2 11V6C2 5.447 2.448 5 3 5H7C7.553 5 8 5.447 8 6V10C8 10.553 7.553 11 7 11H6C6.063 14.938 9 18 13 18V17C13 16.447 13.447 16 14 16Z"] {
  420. d: path("M6.54 5c.06.89.21 1.76.45 2.59l-1.2 1.2c-.41-1.2-.67-2.47-.76-3.79h1.51m9.86 12.02c.85.24 1.72.39 2.6.45v1.49c-1.32-.09-2.59-.35-3.8-.75l1.2-1.19M7.5 3H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.49c0-.55-.45-1-1-1-1.24 0-2.45-.2-3.57-.57-.1-.04-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2c-2.83-1.45-5.15-3.76-6.59-6.59l2.2-2.2c.28-.28.36-.67.25-1.02C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1z") !important; }
  421. .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] {
  422. d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z") !important; }
  423. .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M21 3H24V5H21V8H19V5H16V3H19V0H21V3ZM10 12C12.205 12 14 10.205 14 8C14 5.795 12.205 4 10 4C7.795 4 6 5.795 6 8C6 10.205 7.795 12 10 12ZM10 13C5.289 13 2 15.467 2 19V20H18V19C18 15.467 14.711 13 10 13Z"] {
  424. d: path("M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H9zm-3-3v-3h3v-2H6V7H4v3H1v2h3v3z") !important; }
  425. .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M18 9V14C18 15.657 19.344 17 21 17V18H3V17C4.656 17 6 15.657 6 14V9C6 5.686 8.686 3 12 3C15.314 3 18 5.686 18 9ZM11.9999 21C10.5239 21 9.24793 20.19 8.55493 19H15.4449C14.7519 20.19 13.4759 21 11.9999 21Z"] {
  426. d: path("M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z") !important; }
  427. .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M21.178 1.70703L22.592 3.12103L4.12103 21.593L2.70703 20.178L21.178 1.70703Z"] {
  428. d: path("M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm0-15.5c2.49 0 4 2.02 4 4.5v.1l2 2V11c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68c-.24.06-.47.15-.69.23l1.64 1.64c.18-.02.36-.05.55-.05zM5.41 3.35L4 4.76l2.81 2.81C6.29 8.57 6 9.74 6 11v5l-2 2v1h14.24l1.74 1.74 1.41-1.41L5.41 3.35zM16 17H8v-6c0-.68.12-1.32.34-1.9L16 16.76V17z") !important; }
  429. .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M21.178 1.70703L22.592 3.12103L4.12103 21.593L2.70703 20.178L21.178 1.70703Z"] ~ path {
  430. display: none; }
  431. .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M22 12L12.101 2.10101L10.686 3.51401L12.101 4.92901L7.15096 9.87801V9.88001L5.73596 8.46501L4.32196 9.88001L8.56496 14.122L2.90796 19.778L4.32196 21.192L9.97896 15.536L14.222 19.778L15.636 18.364L14.222 16.95L19.171 12H19.172L20.586 13.414L22 12Z"] {
  432. d: path("M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12M8.8,14L10,12.8V4H14V12.8L15.2,14H8.8Z") !important; }
  433. .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M14 8.00598C14 10.211 12.206 12.006 10 12.006C7.795 12.006 6 10.211 6 8.00598C6 5.80098 7.794 4.00598 10 4.00598C12.206 4.00598 14 5.80098 14 8.00598ZM2 19.006C2 15.473 5.29 13.006 10 13.006C14.711 13.006 18 15.473 18 19.006V20.006H2V19.006Z"] {
  434. d: path("M16.5,6.5A2,2 0 0,1 18.5,8.5A2,2 0 0,1 16.5,10.5A2,2 0 0,1 14.5,8.5A2,2 0 0,1 16.5,6.5M16.5,12A3.5,3.5 0 0,0 20,8.5A3.5,3.5 0 0,0 16.5,5A3.5,3.5 0 0,0 13,8.5A3.5,3.5 0 0,0 16.5,12M7.5,6.5A2,2 0 0,1 9.5,8.5A2,2 0 0,1 7.5,10.5A2,2 0 0,1 5.5,8.5A2,2 0 0,1 7.5,6.5M7.5,12A3.5,3.5 0 0,0 11,8.5A3.5,3.5 0 0,0 7.5,5A3.5,3.5 0 0,0 4,8.5A3.5,3.5 0 0,0 7.5,12M21.5,17.5H14V16.25C14,15.79 13.8,15.39 13.5,15.03C14.36,14.73 15.44,14.5 16.5,14.5C18.94,14.5 21.5,15.71 21.5,16.25M12.5,17.5H2.5V16.25C2.5,15.71 5.06,14.5 7.5,14.5C9.94,14.5 12.5,15.71 12.5,16.25M16.5,13C15.3,13 13.43,13.34 12,14C10.57,13.33 8.7,13 7.5,13C5.33,13 1,14.08 1,16.25V19H23V16.25C23,14.08 18.67,13 16.5,13Z") !important; }
  435. .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M14 8.00598C14 10.211 12.206 12.006 10 12.006C7.795 12.006 6 10.211 6 8.00598C6 5.80098 7.794 4.00598 10 4.00598C12.206 4.00598 14 5.80098 14 8.00598ZM2 19.006C2 15.473 5.29 13.006 10 13.006C14.711 13.006 18 15.473 18 19.006V20.006H2V19.006Z"] ~ path {
  436. display: none; }
  437. .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M16.293 9.293L17.707 10.707L12 16.414L6.29297 10.707L7.70697 9.293L11 12.586V2H13V12.586L16.293 9.293ZM18 20V18H20V20C20 21.102 19.104 22 18 22H6C4.896 22 4 21.102 4 20V18H6V20H18Z"] {
  438. d: path("M11 8v5l4.25 2.52.77-1.28-3.52-2.09V8zm10 2V3l-2.64 2.64C16.74 4.01 14.49 3 12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9h-2c0 3.86-3.14 7-7 7s-7-3.14-7-7 3.14-7 7-7c1.93 0 3.68.79 4.95 2.05L14 10h7z") !important;
  439. fill: var(--success-color); }
  440. .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M19 3H4.99C3.88 3 3.01 3.89 3.01 5L3 19C3 20.1 3.88 21 4.99 21H19C20.1 21 21 20.1 21 19V5C21 3.89 20.1 3 19 3ZM19 15H15C15 16.66 13.65 18 12 18C10.35 18 9 16.66 9 15H4.99V5H19V15Z"] {
  441. d: path("M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5v-3h3.56c.69 1.19 1.97 2 3.45 2s2.75-.81 3.45-2H19v3zm0-5h-4.99c0 1.1-.9 2-2 2s-2-.9-2-2H5V5h14v9z") !important; }
  442. .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M12 2C6.486 2 2 6.487 2 12C2 17.515 6.486 22 12 22C17.514 22 22 17.515 22 12C22 6.487 17.514 2 12 2ZM12 18.25C11.31 18.25 10.75 17.691 10.75 17C10.75 16.31 11.31 15.75 12 15.75C12.69 15.75 13.25 16.31 13.25 17C13.25 17.691 12.69 18.25 12 18.25ZM13 13.875V15H11V12H12C13.104 12 14 11.103 14 10C14 8.896 13.104 8 12 8C10.896 8 10 8.896 10 10H8C8 7.795 9.795 6 12 6C14.205 6 16 7.795 16 10C16 11.861 14.723 13.429 13 13.875Z"] {
  443. d: path("M11,18H13V16H11V18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,6A4,4 0 0,0 8,10H10A2,2 0 0,1 12,8A2,2 0 0,1 14,10C14,12 11,11.75 11,15H13C13,12.75 16,12.5 16,10A4,4 0 0,0 12,6Z") !important; }
  444. /*
  445. *
  446. * SERVER LIST
  447. *
  448. */
  449. .wrapper-3NnKdC {
  450. background-color: var(--server-color); }
  451. .wrapper-3NnKdC .scroller-1Bvpku {
  452. background-color: transparent; }
  453. .wrapper-3NnKdC .tree-2wKJdG:focus {
  454. outline: none; }
  455. .wrapper-1BJsBx .childWrapper-anI2G9 {
  456. background-color: var(--accent-color);
  457. border-radius: 50%;
  458. color: var(--accent-text-color); }
  459. .wrapper-1BJsBx.selected-bZ3Lue .childWrapper-anI2G9 {
  460. background-color: var(--accent-color);
  461. color: var(--accent-text-color); }
  462. .wrapper-1BJsBx:hover .childWrapper-anI2G9 {
  463. background-color: var(--accent-color);
  464. color: var(--accent-text-color); }
  465. .circleIconButton-1QV--U {
  466. border-radius: 50%;
  467. background-color: var(--accent-color);
  468. color: var(--accent-text-color); }
  469. .circleIconButton-1QV--U.selected-1JjBPm {
  470. background-color: var(--accent-color);
  471. color: var(--accent-text-color); }
  472. /* SERVER LIST -> SERVER */
  473. .listItem-GuPuDH .wrapper-25eVIn foreignObject {
  474. mask: none; }
  475. .listItem-GuPuDH .wrapper-25eVIn .icon-27yU2q {
  476. border-radius: 50%; }
  477. .listItem-GuPuDH .wrapper-25eVIn .lowerBadge-29hYVK {
  478. width: auto;
  479. height: auto;
  480. bottom: 0;
  481. right: 0; }
  482. .listItem-GuPuDH .wrapper-25eVIn .lowerBadge-29hYVK .numberBadge-2s8kKX {
  483. background-color: var(--alert-color) !important;
  484. box-shadow: var(--shadow-1dp);
  485. color: var(--alert-text-color); }
  486. .listItem-GuPuDH .wrapper-25eVIn .upperBadge-2XnnGB {
  487. top: -4px;
  488. left: -4px; }
  489. .listItem-GuPuDH .wrapper-25eVIn .upperBadge-2XnnGB .iconBadge-2NuvG9 {
  490. width: 24px;
  491. height: 24px;
  492. background-color: var(--accent-color);
  493. color: var(--accent-text-color);
  494. border-radius: 50%;
  495. animation: audio-flash 1.2s linear infinite; }
  496. .listItem-GuPuDH .wrapper-25eVIn .upperBadge-2XnnGB .iconBadge-2NuvG9.participating-1NvRVd {
  497. background-color: var(--accent-color);
  498. color: var(--accent-text-color); }
  499. .listItem-GuPuDH .wrapper-25eVIn .upperBadge-2XnnGB .iconBadge-2NuvG9 .icon-3s6X1M {
  500. padding: 4px; }
  501. .listItem-GuPuDH .wrapper-25eVIn .upperBadge-2XnnGB .iconBadge-2NuvG9 .icon-3s6X1M path[d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"] {
  502. d: path("M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z"); }
  503. .listItem-GuPuDH .wrapper-25eVIn .upperBadge-2XnnGB .iconBadge-2NuvG9 .icon-3s6X1M path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] {
  504. d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z"); }
  505. .listItem-GuPuDH.frame-oXWS21 .childWrapper-anI2G9 {
  506. padding: 0 6px;
  507. border-radius: 5px;
  508. text-transform: capitalize; }
  509. /* SERVER LIST -> SERVER -> FOLDER */
  510. .folder-1hbNCn,
  511. .folderIconWrapper-1_bOZe {
  512. border-radius: 50%; }
  513. /*
  514. *
  515. * CREATE/JOIN SERVER
  516. *
  517. */
  518. .container-1CE3eW .templatesList-2E6rTe,
  519. .container-1CE3eW .optionsList-3UMAjx {
  520. margin-top: 0; }
  521. .container-1CE3eW .templatesList-2E6rTe .container-UC8Ug1,
  522. .container-1CE3eW .optionsList-3UMAjx .container-UC8Ug1 {
  523. margin-top: 8px;
  524. margin-bottom: 0;
  525. background-color: var(--card-color);
  526. border-radius: var(--card-radius-big);
  527. border: 1px solid var(--card-border-color);
  528. transition: var(--default-time) var(--default-animation) background-color; }
  529. .container-1CE3eW .templatesList-2E6rTe .container-UC8Ug1:hover,
  530. .container-1CE3eW .optionsList-3UMAjx .container-UC8Ug1:hover {
  531. background-color: var(--card-color-alt); }
  532. .container-1CE3eW .templatesList-2E6rTe .container-UC8Ug1:first-child,
  533. .container-1CE3eW .optionsList-3UMAjx .container-UC8Ug1:first-child {
  534. margin-top: 0; }
  535. .container-1CE3eW .templatesList-2E6rTe .skip-2o6MGG,
  536. .container-1CE3eW .optionsList-3UMAjx .skip-2o6MGG {
  537. margin-top: 16px;
  538. margin-bottom: 0; }
  539. /*
  540. *
  541. * HOME TAB
  542. *
  543. */
  544. .privateChannels-1nO12o {
  545. background-color: transparent; }
  546. .privateChannels-1nO12o .searchBar-6Kv8R2 .searchBarComponent-32dTOx {
  547. height: 32px;
  548. padding: 0 10px;
  549. background-color: var(--input-color);
  550. border-radius: 16px; }
  551. .privateChannels-1nO12o .scroller-1JbKMe {
  552. background-color: transparent; }
  553. .privateChannels-1nO12o .container-2Pjhx- {
  554. margin-left: 0;
  555. padding: 0; }
  556. .privateChannels-1nO12o .container-2Pjhx- .layout-2DM8Md {
  557. padding: 0 16px;
  558. border-radius: 0 21px 21px 0;
  559. transition: var(--default-time) var(--default-animation) background-color; }
  560. .privateChannels-1nO12o .container-2Pjhx-:hover .layout-2DM8Md {
  561. background-color: var(--menu-item-hover); }
  562. .privateChannels-1nO12o .container-2Pjhx-.selected-aXhQR6 .layout-2DM8Md {
  563. background-color: var(--menu-item-select); }
  564. /* HOME TAB - > FRIENDS LIST */
  565. .container-1D34oG {
  566. background-color: var(--chat-color) !important; }
  567. .peopleList-3c4jOR .title-30qZAO {
  568. height: 42px;
  569. margin: 0;
  570. padding: 0 16px;
  571. line-height: 42px;
  572. background-color: var(--chat-color);
  573. border-bottom: 1px solid var(--card-border-color);
  574. font-size: 14px;
  575. text-transform: none; }
  576. .peopleList-3c4jOR .peopleListItem-2nzedh {
  577. margin: 0;
  578. padding: 0 16px;
  579. position: relative;
  580. border-bottom: none;
  581. border-radius: 0;
  582. border-top: none;
  583. transition: var(--default-time) var(--default-animation) background-color; }
  584. .peopleList-3c4jOR .peopleListItem-2nzedh:after {
  585. position: absolute;
  586. content: " ";
  587. width: calc(100% - 60px);
  588. height: 1px;
  589. right: 0;
  590. bottom: 0;
  591. background-color: var(--card-border-color); }
  592. .peopleList-3c4jOR .peopleListItem-2nzedh:last-of-type:after {
  593. display: none; }
  594. .peopleList-3c4jOR .peopleListItem-2nzedh:hover {
  595. background-color: var(--menu-item-hover); }
  596. .peopleList-3c4jOR .peopleListItem-2nzedh .actionButton-uPB8Fs {
  597. background-color: transparent;
  598. position: relative; }
  599. .peopleList-3c4jOR .peopleListItem-2nzedh .actionButton-uPB8Fs:after {
  600. content: " ";
  601. position: absolute;
  602. width: 100%;
  603. height: 100%;
  604. top: 0;
  605. left: 0;
  606. background-color: rgba(var(--md-ripple-color), 0.1);
  607. border-radius: 50%;
  608. opacity: 0;
  609. pointer-events: none;
  610. transform: scale(1.2);
  611. transition: 300ms ease;
  612. z-index: 4; }
  613. .peopleList-3c4jOR .peopleListItem-2nzedh .actionButton-uPB8Fs:hover:after {
  614. opacity: 1;
  615. transform: scale(1);
  616. animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  617. .peopleList-3c4jOR .peopleListItem-2nzedh .actionButton-uPB8Fs:active:after {
  618. background-color: rgba(var(--md-ripple-color), 0.2); }
  619. .peopleList-3c4jOR .peopleListItem-2nzedh .actionButton-uPB8Fs .icon-35-fSh {
  620. transform: scale(1.2); }
  621. .peopleList-3c4jOR .peopleListItem-2nzedh .actionButton-uPB8Fs .icon-35-fSh path[d="M4.79805 3C3.80445 3 2.99805 3.8055 2.99805 4.8V15.6C2.99805 16.5936 3.80445 17.4 4.79805 17.4H7.49805V21L11.098 17.4H19.198C20.1925 17.4 20.998 16.5936 20.998 15.6V4.8C20.998 3.8055 20.1925 3 19.198 3H4.79805Z"] {
  622. d: path("M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"); }
  623. /* HOME TAB -> NOW PLAYING */
  624. .nowPlayingColumn-2sl4cE {
  625. background-color: var(--main-color); }
  626. .header-13Cw0- {
  627. font-size: 14px;
  628. text-transform: none; }
  629. .emptyCard-1RJw8n {
  630. background-color: var(--card-color);
  631. border-radius: var(--card-radius-big);
  632. border: 1px solid var(--card-border-color); }
  633. .wrapper-3D2qGf {
  634. margin: 0;
  635. background-color: transparent;
  636. border-radius: 0;
  637. border-left: 1px solid var(--card-border-color);
  638. border-right: 1px solid var(--card-border-color);
  639. transition: var(--default-time) ease background-color; }
  640. .wrapper-3D2qGf:hover {
  641. background-color: var(--card-color-hover) !important; }
  642. .wrapper-3D2qGf:not(:only-of-type) {
  643. position: relative;
  644. border-bottom: none; }
  645. .wrapper-3D2qGf:not(:only-of-type):after {
  646. position: absolute;
  647. content: " ";
  648. width: calc(100% - 60px);
  649. height: 1px;
  650. right: 0;
  651. bottom: 0;
  652. background-color: var(--card-border-color); }
  653. .wrapper-3D2qGf:not(:only-of-type):last-of-type:after {
  654. display: none; }
  655. .wrapper-3D2qGf:not(:only-of-type):first-of-type {
  656. border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
  657. border-top: 1px solid var(--card-border-color); }
  658. .wrapper-3D2qGf:not(:only-of-type):nth-last-child(2) {
  659. border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  660. border-bottom: 1px solid var(--card-border-color); }
  661. .wrapper-3D2qGf:not(:only-of-type):nth-last-child(2):after {
  662. display: none; }
  663. .wrapper-3D2qGf .body-1ld4H7 {
  664. margin-left: 44px;
  665. background-color: var(--card-color-alt);
  666. border-radius: var(--card-radius-big); }
  667. .header-13Cw0- + .wrapper-3D2qGf:nth-last-child(2) {
  668. border-radius: var(--card-radius-big); }
  669. .popout-38lTFE {
  670. padding: 8px 0;
  671. background-color: var(--popout-color) !important;
  672. border-radius: var(--card-radius);
  673. box-shadow: var(--shadow-3dp) !important; }
  674. .popout-38lTFE .wrapper-3Rixsz {
  675. margin: 0;
  676. padding: 9px 12px;
  677. border-radius: 0;
  678. transition: var(--default-time) var(--default-animation) background-color; }
  679. .popout-38lTFE .wrapper-3Rixsz:hover {
  680. background-color: var(--menu-item-hover); }
  681. .popout-38lTFE .wrapper-3Rixsz .colorStandard-2KCXvj {
  682. font-weight: 500;
  683. color: var(--menu-item-text-color); }
  684. .popout-38lTFE .memberListContainer-13tNU9 {
  685. margin-top: 0; }
  686. .popout-38lTFE .memberListContainer-13tNU9 .memberListItem-31QoHj {
  687. margin: 0;
  688. padding: 6px 12px;
  689. border-radius: 0;
  690. transition: var(--default-time) var(--default-animation) background-color; }
  691. .popout-38lTFE .memberListContainer-13tNU9 .memberListItem-31QoHj:hover {
  692. background-color: var(--menu-item-hover); }
  693. .popout-38lTFE .memberListContainer-13tNU9 .memberListItem-31QoHj .colorStandard-2KCXvj {
  694. color: var(--menu-item-text-color); }
  695. .popout-38lTFE .memberListContainer-13tNU9 .memberListItem-31QoHj .nameTag-m8r81H .discriminator-19kRMP,
  696. .popout-38lTFE .memberListContainer-13tNU9 .memberListItem-31QoHj .nameTag-m8r81H .username-2b1r56 {
  697. font-weight: 500; }
  698. .popout-38lTFE .memberListContainer-13tNU9 .memberListHeader-543n-J {
  699. margin: 8px 0;
  700. padding: 0 12px;
  701. color: var(--menu-item-text-color);
  702. text-transform: none; }
  703. .popout-38lTFE .separator-XqIyoz {
  704. margin: 8px 0;
  705. background-color: var(--separator-color); }
  706. .memberItem-3VdCg9 {
  707. padding: 0; }
  708. /* HOME TAB -> FIND OR START A CONVERSATION */
  709. .quickswitcher-3JagVE {
  710. padding: 0;
  711. background-color: var(--popout-color);
  712. border-radius: var(--popout-radius-big);
  713. box-shadow: var(--shadow-3dp); }
  714. .quickswitcher-3JagVE .input-2VB9rf {
  715. height: 48px;
  716. line-height: 48px;
  717. margin: 16px;
  718. padding: 0 16px;
  719. background-color: var(--input-color);
  720. border-radius: 24px;
  721. box-shadow: none; }
  722. .quickswitcher-3JagVE .scroller-zPkAnE {
  723. margin-top: 0;
  724. margin-right: 0;
  725. background-color: transparent;
  726. border-top: 1px solid var(--card-border-color); }
  727. .quickswitcher-3JagVE .result-oB0z-- {
  728. border-radius: 0;
  729. transition: var(--default-time) var(--default-animation) background-color; }
  730. .quickswitcher-3JagVE .result-oB0z--.resultFocused-3aIoYe {
  731. background-color: var(--menu-item-hover); }
  732. .quickswitcher-3JagVE .protip-1b9XPC {
  733. padding: 8px;
  734. border-top-color: var(--card-border-color); }
  735. /* HOME TAB -> LIBRARY */
  736. .scroller-1IIF0A,
  737. .scroller-2XE8rp {
  738. background-color: var(--chat-color); }
  739. .container-19hC9u {
  740. padding-bottom: 8px; }
  741. .container-19hC9u .header-39GIC8 {
  742. height: 42px;
  743. padding: 0 16px;
  744. line-height: 42px;
  745. background-color: var(--chat-color);
  746. border-bottom: 1px solid var(--card-border-color); }
  747. .container-19hC9u .header-39GIC8.stickyHeader-1pqx0j {
  748. width: 100%; }
  749. .container-19hC9u .header-39GIC8 .headerCell-3L6rFG {
  750. border: none;
  751. font-size: 14px;
  752. text-transform: none; }
  753. .container-19hC9u .header-39GIC8 .headerCell-3L6rFG.headerCellSorted-3a5AzJ .headerCellContent-1pLtOr {
  754. position: relative; }
  755. .container-19hC9u .header-39GIC8 .headerCell-3L6rFG.headerCellSorted-3a5AzJ .headerCellContent-1pLtOr:after {
  756. position: absolute;
  757. content: " ";
  758. width: 100%;
  759. height: 3px;
  760. left: 0;
  761. right: 0;
  762. bottom: 0;
  763. margin: 0 auto;
  764. background: var(--tab-border-color);
  765. border-radius: 3px 3px 0 0;
  766. transition: var(--default-time) ease all; }
  767. .container-19hC9u .header-39GIC8 .headerCell-3L6rFG.headerCellSorted-3a5AzJ .headerCellContent-1pLtOr:after {
  768. width: calc(100% - 22px);
  769. left: 0;
  770. right: auto; }
  771. .container-19hC9u .rowWrapper-2fB6P0 {
  772. margin: 0;
  773. position: relative;
  774. border-bottom: none;
  775. border-radius: 0;
  776. transition: var(--default-time) var(--default-animation) background-color; }
  777. .container-19hC9u .rowWrapper-2fB6P0:after {
  778. position: absolute;
  779. content: " ";
  780. width: calc(100% - 66px);
  781. height: 1px;
  782. right: 0;
  783. bottom: 0;
  784. background-color: var(--card-border-color); }
  785. .container-19hC9u .rowWrapper-2fB6P0:last-of-type:after {
  786. display: none; }
  787. .container-19hC9u .rowWrapper-2fB6P0.rowWrapperActive-2L7i9f {
  788. margin: 0;
  789. padding: 0;
  790. background-color: var(--menu-item-hover); }
  791. .container-19hC9u .rowWrapper-2fB6P0 .row-ZLfFhY {
  792. margin: 0;
  793. padding: 0 16px;
  794. border-top: none !important; }
  795. .container-19hC9u .rowWrapper-2fB6P0 .nameBodyCell-3JOlnK,
  796. .container-19hC9u .rowWrapper-2fB6P0 .settingIcon-1nXguX,
  797. .container-19hC9u .rowWrapper-2fB6P0 .textCell-1aBIUP {
  798. transition: var(--default-time) var(--default-animation) opacity; }
  799. .container-19hC9u .rowWrapper-2fB6P0 .nameBodyCell-3JOlnK {
  800. padding-left: 0; }
  801. .body-3s3lDR {
  802. min-width: 350px;
  803. max-width: 1200px;
  804. padding: 60px 40px 80px; }
  805. .wrapper-1u09nF .foreground-2aE44H {
  806. stroke: var(--slider-color) !important; }
  807. .wrapper-1u09nF .foreground-2aE44H {
  808. stroke: var(--accent-color) !important; }
  809. /* HOME TAB -> NITRO */
  810. .applicationStore-1pNvnv {
  811. background-color: var(--chat-color); }
  812. .applicationStore-1pNvnv .scroller-9moviB {
  813. background-color: transparent; }
  814. .premiumContainer-2Iux5m {
  815. min-width: 350px;
  816. max-width: 1200px; }
  817. .banner-3Kac2g,
  818. .hero-EvfTTA {
  819. max-width: 100%;
  820. border-radius: var(--card-radius-big); }
  821. .banner-3Kac2g.stickersHero-rhTlUd,
  822. .hero-EvfTTA.stickersHero-rhTlUd {
  823. background-position: center;
  824. background-size: cover; }
  825. .hero-EvfTTA .button-38aScr.lookInverted-2D7oAl,
  826. .wrapper-3nSjSv .button-38aScr.lookInverted-2D7oAl {
  827. background-color: rgba(255, 255, 255, 0.1) !important;
  828. box-shadow: none !important;
  829. color: #fff !important; }
  830. .detailsBlock-FoDTGA {
  831. background-color: var(--card-color);
  832. border-radius: var(--card-radius-big);
  833. border: 1px solid var(--card-border-color); }
  834. .feature-2w65J5 {
  835. background-color: var(--card-color);
  836. border-radius: var(--card-radius-big);
  837. border: 1px solid var(--card-border-color);
  838. background-color: transparent !important; }
  839. .featureStickers-Pc_FBx .stickerImageSection-7EUs8E {
  840. background-color: var(--card-color-alt);
  841. border-radius: var(--card-radius-big); }
  842. /* HOME TAB -> ADD FRIEND */
  843. .sectionHeader-20RGqu {
  844. border-color: var(--card-border-color) !important; }
  845. .addInputWrapper-1BOZ3d {
  846. padding: 16px; }
  847. .addInputWrapper-1BOZ3d .header-1-dBpZ {
  848. margin: 0 0 8px 0;
  849. text-transform: none; }
  850. .addInputWrapper-1BOZ3d .wrapper-1cBijl {
  851. height: auto;
  852. margin: 12px 0 0 0;
  853. padding: 0 4px 0 16px;
  854. background-color: var(--input-color);
  855. border-radius: 18px;
  856. border: none; }
  857. .addInputWrapper-1BOZ3d .wrapper-1cBijl .addFriendInput-4bcerK,
  858. .addInputWrapper-1BOZ3d .wrapper-1cBijl .addFriendHint-3Y70FX {
  859. line-height: 36px;
  860. font-weight: 400; }
  861. .addInputWrapper-1BOZ3d .wrapper-1cBijl .addFriendInput-4bcerK::-webkit-input-placeholder,
  862. .addInputWrapper-1BOZ3d .wrapper-1cBijl .addFriendHint-3Y70FX::-webkit-input-placeholder {
  863. color: var(--text-muted); }
  864. .addInputWrapper-1BOZ3d .wrapper-1cBijl .button-38aScr {
  865. width: 32px;
  866. min-width: 32px;
  867. height: 32px;
  868. min-height: 32px;
  869. padding: 0;
  870. background-color: transparent !important;
  871. border-radius: 50%;
  872. box-shadow: none !important;
  873. font-size: 0; }
  874. .addInputWrapper-1BOZ3d .wrapper-1cBijl .button-38aScr:before {
  875. position: absolute;
  876. content: " ";
  877. width: 32px;
  878. height: 32px;
  879. background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/send.svg);
  880. background-repeat: no-repeat;
  881. background-position: center;
  882. opacity: 0.65; }
  883. .addInputWrapper-1BOZ3d .wrapper-1cBijl .button-38aScr:after {
  884. display: none; }
  885. .addInputWrapper-1BOZ3d .wrapper-1cBijl .button-38aScr:hover {
  886. background-color: rgba(var(--button-link-color), 0.075) !important; }
  887. /*
  888. *
  889. * SERVER DISCOVERY
  890. *
  891. */
  892. .pageWrapper-1PgVDX {
  893. background-color: var(--chat-color) !important; }
  894. .headerImage-3X1tyY {
  895. border-radius: var(--card-radius-big);
  896. box-shadow: var(--shadow-1dp); }
  897. .search-1iTphC .searchBox-2_mAlO {
  898. border-radius: 18px;
  899. border: none;
  900. box-shadow: none;
  901. transition: var(--default-time) var(--default-animation) box-shadow; }
  902. .search-1iTphC .searchBox-2_mAlO:focus-within {
  903. box-shadow: var(--shadow-3dp); }
  904. .search-1iTphC .searchBox-2_mAlO .searchBoxInputWrapper-nKncfu {
  905. border-bottom: none !important; }
  906. .search-1iTphC .searchBox-2_mAlO .searchBoxInputWrapper-nKncfu:before, .search-1iTphC .searchBox-2_mAlO .searchBoxInputWrapper-nKncfu:after {
  907. display: none; }
  908. .search-1iTphC .searchBox-2_mAlO .searchBoxInput-uJtBcv {
  909. padding: 8px 16px; }
  910. /* SERVER DISCOVERY -> SIDEBAR */
  911. .sidebar-2K8pFh .categoryItem-3zFJns {
  912. margin: 0 8px 0 0;
  913. border-radius: 0 21px 21px 0; }
  914. .sidebar-2K8pFh .categoryItem-3zFJns .wrappedLayout-3DR7Pk {
  915. border-radius: 0 21px 21px 0; }
  916. .sidebar-2K8pFh .categoryItem-3zFJns:hover .layout-2DM8Md {
  917. background-color: var(--menu-item-hover); }
  918. .sidebar-2K8pFh .categoryItem-3zFJns.selectedCategoryItem-3X8ujp {
  919. color: var(--menu-item-text-color); }
  920. .sidebar-2K8pFh .categoryItem-3zFJns.selectedCategoryItem-3X8ujp .itemInner-3gVXMG {
  921. background-color: var(--menu-item-select); }
  922. /* SERVER DISCOVERY -> CARDS */
  923. .card-3DjzTQ {
  924. background-color: var(--card-color-alt) !important;
  925. border-radius: var(--card-radius-big);
  926. box-shadow: none !important;
  927. transition: var(--default-time) var(--default-animation) transform, var(--default-time) var(--default-animation) box-shadow; }
  928. .card-3DjzTQ:hover {
  929. box-shadow: var(--shadow-3dp) !important; }
  930. .card-3DjzTQ:hover .guildInfo-2wGKIg {
  931. border-color: transparent; }
  932. .card-3DjzTQ .cardHeader-Int16m {
  933. margin-bottom: 0; }
  934. .card-3DjzTQ .guildInfo-2wGKIg {
  935. padding-top: 32px;
  936. border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  937. border: 1px solid var(--card-border-color);
  938. border-top: none;
  939. transition: var(--default-time) var(--default-animation) border-color; }
  940. .card-3DjzTQ .guildIcon-3W0pfo foreignObject {
  941. mask: none !important; }
  942. .card-3DjzTQ .guildIcon-3W0pfo .iconMask-3b8GzQ {
  943. background-color: var(--card-color-alt) !important;
  944. border-radius: 50%; }
  945. .card-3DjzTQ .guildIcon-3W0pfo .iconMask-3b8GzQ .avatar-22otdK {
  946. border-radius: 50%; }
  947. /*
  948. *
  949. * SERVER BOOST PAGE
  950. *
  951. */
  952. .perksModal-fSYqOq {
  953. background-color: var(--main-color) !important;
  954. background-image: none !important; }
  955. .ctaBar-2UsjF2 {
  956. background-image: none !important;
  957. background-color: var(--card-color);
  958. border-radius: var(--card-radius-big);
  959. border: 1px solid var(--card-border-color); }
  960. /* SERVER BOOST PAGE -> LEVELS */
  961. .tierMarkerBackground-3q29am {
  962. background-color: var(--main-color) !important; }
  963. .tierWrapper-W9ajqp {
  964. border-radius: 0;
  965. box-shadow: none !important; }
  966. .carouselItem-g4c5Xp {
  967. background-color: var(--card-color-alt);
  968. border-radius: var(--card-radius-big);
  969. transition: var(--default-time) var(--default-animation) box-shadow; }
  970. .carouselItem-g4c5Xp.carouselItemSelected-JFUsnG {
  971. box-shadow: var(--shadow-3dp); }
  972. .carouselItem-g4c5Xp.carouselItemSelected-JFUsnG .tier-12tKuZ .tierHeader---JJFb.tierHeaderLocked-1s2JJz {
  973. border-color: transparent;
  974. border-bottom-color: var(--card-border-color); }
  975. .carouselItem-g4c5Xp.carouselItemSelected-JFUsnG .tier-12tKuZ .tierBody-16Chc9 {
  976. border-color: transparent; }
  977. .carouselItem-g4c5Xp .tier-12tKuZ {
  978. border-radius: var(--card-radius-big); }
  979. .carouselItem-g4c5Xp .tier-12tKuZ .tierHeader---JJFb,
  980. .carouselItem-g4c5Xp .tier-12tKuZ .tierBody-16Chc9 {
  981. transition: var(--default-time) var(--default-animation) border-color; }
  982. .carouselItem-g4c5Xp .tier-12tKuZ .tierHeader---JJFb {
  983. border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; }
  984. .carouselItem-g4c5Xp .tier-12tKuZ .tierHeader---JJFb.tierHeaderLocked-1s2JJz {
  985. background-color: transparent !important;
  986. border: 1px solid var(--card-border-color); }
  987. .carouselItem-g4c5Xp .tier-12tKuZ .tierHeader---JJFb .tierLock-3CSxSX path {
  988. d: path("M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z") !important; }
  989. .carouselItem-g4c5Xp .tier-12tKuZ .tierHeader---JJFb .tierUnlocked-25K6Kv {
  990. font-size: 14px;
  991. text-transform: none; }
  992. .carouselItem-g4c5Xp .tier-12tKuZ .tierBody-16Chc9 {
  993. background-color: transparent;
  994. border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  995. border: 1px solid var(--card-border-color);
  996. border-top: none; }
  997. .perk-2WeBWW {
  998. background-color: var(--card-color);
  999. border-radius: var(--card-radius-big);
  1000. border: 1px solid var(--card-border-color); }
  1001. /*
  1002. *
  1003. * DIRECT MESSAGES
  1004. *
  1005. */
  1006. .wrapper-2qzCYF {
  1007. box-shadow: var(--shadow-3dp); }
  1008. .wrapper-2qzCYF.minimum-28Z35l {
  1009. background-color: var(--chat-color); }
  1010. .content-yTz4x3:before {
  1011. display: none; }
  1012. .border-Jn5IOt {
  1013. transition: var(--default-time) var(--default-animation) box-shadow; }
  1014. .border-Jn5IOt.speaking-B2MXPi {
  1015. box-shadow: inset 0 0 0 3px var(--accent-color), inset 0 0 0 4px var(--background-floating); }
  1016. /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE */
  1017. .root-217Brm {
  1018. /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS */ }
  1019. .root-217Brm .videoControls-24w7Xp .contextMenuNub-3yOOYo.colorable-1bkp8v.white-3GPOIp {
  1020. background-color: #2f3136;
  1021. color: #fff; }
  1022. .root-217Brm .videoControls-24w7Xp .button-38aScr {
  1023. border-radius: 50% !important; }
  1024. .root-217Brm .videoControls-24w7Xp .button-38aScr.centerButton-3CaNcJ:not(.red-33-Lnk) {
  1025. background-color: var(--menu-item-hover); }
  1026. .root-217Brm .videoControls-24w7Xp .button-38aScr.centerButton-3CaNcJ:not(.red-33-Lnk):hover {
  1027. background-color: var(--menu-item-select); }
  1028. .root-217Brm .videoControls-24w7Xp .button-38aScr.centerButton-3CaNcJ:not(.red-33-Lnk) .centerIcon-2G6o-T {
  1029. color: var(--menu-item-text-color) !important; }
  1030. .root-217Brm .videoControls-24w7Xp .button-38aScr.centerButton-3CaNcJ.red-33-Lnk {
  1031. background-color: var(--alert-color); }
  1032. .root-217Brm .videoControls-24w7Xp .button-38aScr.centerButton-3CaNcJ.red-33-Lnk:hover {
  1033. background-color: var(--alert-color); }
  1034. .root-217Brm .videoControls-24w7Xp .button-38aScr.centerButton-3CaNcJ.red-33-Lnk .centerIcon-2G6o-T {
  1035. color: var(--alert-text-color); }
  1036. .root-217Brm .videoControls-24w7Xp .button-38aScr:not(.centerButton-3CaNcJ) {
  1037. background-color: transparent !important;
  1038. position: relative; }
  1039. .root-217Brm .videoControls-24w7Xp .button-38aScr:not(.centerButton-3CaNcJ):after {
  1040. content: " ";
  1041. position: absolute;
  1042. width: 100%;
  1043. height: 100%;
  1044. top: 0;
  1045. left: 0;
  1046. background-color: rgba(var(--md-ripple-color), 0.1);
  1047. border-radius: 50%;
  1048. opacity: 0;
  1049. pointer-events: none;
  1050. transform: scale(1.2);
  1051. transition: 300ms ease;
  1052. z-index: 4; }
  1053. .root-217Brm .videoControls-24w7Xp .button-38aScr:not(.centerButton-3CaNcJ):hover:after {
  1054. opacity: 1;
  1055. transform: scale(1.5);
  1056. animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  1057. .root-217Brm .videoControls-24w7Xp .button-38aScr:not(.centerButton-3CaNcJ):active:after {
  1058. background-color: rgba(var(--md-ripple-color), 0.2); }
  1059. .root-217Brm .videoControls-24w7Xp .button-38aScr path {
  1060. /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> TURN ON CAMERA */
  1061. /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> JOIN CALL */
  1062. /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> STOP SCREEN SHARE */
  1063. /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> SCREEN SHARE */
  1064. /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> MUTE */
  1065. /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> UNMUTE */
  1066. /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> END CALL */ }
  1067. .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] {
  1068. d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z") !important; }
  1069. .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M11 5V3C16.515 3 21 7.486 21 13H19C19 8.589 15.411 5 11 5ZM17 13H15C15 10.795 13.206 9 11 9V7C14.309 7 17 9.691 17 13ZM11 11V13H13C13 11.896 12.105 11 11 11ZM14 16H18C18.553 16 19 16.447 19 17V21C19 21.553 18.553 22 18 22H13C6.925 22 2 17.075 2 11V6C2 5.447 2.448 5 3 5H7C7.553 5 8 5.447 8 6V10C8 10.553 7.553 11 7 11H6C6.063 14.938 9 18 13 18V17C13 16.447 13.447 16 14 16Z"] {
  1070. d: path("M20 15.45c-1.25 0-2.45-.2-3.57-.57-.1-.03-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.4 8.5 5.2 8.5 3.95c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM5.03 4.95h1.5c.07.88.22 1.75.45 2.58l-1.2 1.21c-.4-1.21-.66-2.47-.75-3.79zM19 18.92c-1.32-.09-2.6-.35-3.8-.76l1.2-1.2c.85.24 1.72.39 2.6.45v1.51zM18 5.95v-3h-2v3h-3v2h3v3h2v-3h3v-2z") !important; }
  1071. .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M4 2.5C2.897 2.5 2 3.397 2 4.5V15.5C2 16.604 2.897 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C21.103 17.5 22 16.604 22 15.5V4.5C22 3.397 21.103 2.5 20 2.5H4ZM14.5483 6L16 7.45174L13.4466 9.99485L16 12.5483L14.5483 14L12.0051 11.4466L9.45174 14L8 12.5483L10.5534 9.99485L8 7.45174L9.45174 6L12.0051 8.55341L14.5483 6Z"] {
  1072. d: path("M21.79 18l2 2H24v-2h-2.21zM1.11 2.98l1.55 1.56c-.41.37-.66.89-.66 1.48V16c0 1.1.9 2 2.01 2H0v2h18.13l2.71 2.71 1.41-1.41L2.52 1.57 1.11 2.98zM4 6.02h.13l4.95 4.93C7.94 12.07 7.31 13.52 7 15c.96-1.29 2.13-2.08 3.67-2.46l3.46 3.48H4v-10zm16 0v10.19l1.3 1.3c.42-.37.7-.89.7-1.49v-10c0-1.11-.9-2-2-2H7.8l2 2H20zm-7.07 3.13l2.79 2.78 1.28-1.2L13 7v2.13l-.07.02z") !important; }
  1073. .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M2 4.5C2 3.397 2.897 2.5 4 2.5H20C21.103 2.5 22 3.397 22 4.5V15.5C22 16.604 21.103 17.5 20 17.5H13V19.5H17V21.5H7V19.5H11V17.5H4C2.897 17.5 2 16.604 2 15.5V4.5ZM13.2 14.3375V11.6C9.864 11.6 7.668 12.6625 6 15C6.672 11.6625 8.532 8.3375 13.2 7.6625V5L18 9.6625L13.2 14.3375Z"] {
  1074. d: path("M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.11-.9-2-2-2H4c-1.11 0-2 .89-2 2v10c0 1.1.89 2 2 2H0v2h24v-2h-4zM4 16V6h16v10.01L4 16zm9-6.87c-3.89.54-5.44 3.2-6 5.87 1.39-1.87 3.22-2.72 6-2.72v2.19l4-3.74L13 7v2.13z") !important; }
  1075. .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M14.99 11C14.99 12.66 13.66 14 12 14C10.34 14 9 12.66 9 11V5C9 3.34 10.34 2 12 2C13.66 2 15 3.34 15 5L14.99 11ZM12 16.1C14.76 16.1 17.3 14 17.3 11H19C19 14.42 16.28 17.24 13 17.72V21H11V17.72C7.72 17.23 5 14.41 5 11H6.7C6.7 14 9.24 16.1 12 16.1ZM12 4C11.2 4 11 4.66667 11 5V11C11 11.3333 11.2 12 12 12C12.8 12 13 11.3333 13 11V5C13 4.66667 12.8 4 12 4Z"] {
  1076. d: path("M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1-9c0-.55.45-1 1-1s1 .45 1 1v6c0 .55-.45 1-1 1s-1-.45-1-1V5zm6 6c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z") !important; }
  1077. .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M14.99 11C14.99 12.66 13.66 14 12 14C10.34 14 9 12.66 9 11V5C9 3.34 10.34 2 12 2C13.66 2 15 3.34 15 5L14.99 11ZM12 16.1C14.76 16.1 17.3 14 17.3 11H19C19 14.42 16.28 17.24 13 17.72V21H11V17.72C7.72 17.23 5 14.41 5 11H6.7C6.7 14 9.24 16.1 12 16.1ZM12 4C11.2 4 11 4.66667 11 5V11C11 11.3333 11.2 12 12 12C12.8 12 13 11.3333 13 11V5C13 4.66667 12.8 4 12 4Z"] ~ path {
  1078. display: none; }
  1079. .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] {
  1080. d: path("M10.8 4.9c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 3.91L15 10.6V5c0-1.66-1.34-3-3-3-1.54 0-2.79 1.16-2.96 2.65l1.76 1.76V4.9zM19 11h-1.7c0 .58-.1 1.13-.27 1.64l1.27 1.27c.44-.88.7-1.87.7-2.91zM4.41 2.86L3 4.27l6 6V11c0 1.66 1.34 3 3 3 .23 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.55-.9l4.2 4.2 1.41-1.41L4.41 2.86") !important; }
  1081. .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] ~ path {
  1082. display: none; }
  1083. .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M21.1169 1.11603L22.8839 2.88403L19.7679 6.00003L22.8839 9.11603L21.1169 10.884L17.9999 7.76803L14.8839 10.884L13.1169 9.11603L16.2329 6.00003L13.1169 2.88403L14.8839 1.11603L17.9999 4.23203L21.1169 1.11603ZM18 22H13C6.925 22 2 17.075 2 11V6C2 5.447 2.448 5 3 5H7C7.553 5 8 5.447 8 6V10C8 10.553 7.553 11 7 11H6C6.063 14.938 9 18 13 18V17C13 16.447 13.447 16 14 16H18C18.553 16 19 16.447 19 17V21C19 21.553 18.553 22 18 22Z"] {
  1084. d: path("M18.59 10.52c1.05.51 2.04 1.15 2.96 1.91l-1.07 1.07c-.58-.47-1.21-.89-1.88-1.27v-1.71m-13.2 0v1.7c-.65.37-1.28.79-1.87 1.27l-1.07-1.07c.91-.75 1.9-1.38 2.94-1.9M12 7C7.46 7 3.34 8.78.29 11.67c-.18.18-.29.43-.29.71s.11.53.29.7l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.1.7-.28.79-.73 1.68-1.36 2.66-1.85.33-.16.56-.51.56-.9v-3.1C8.85 9.25 10.4 9 12 9s3.15.25 4.59.73v3.1c0 .4.23.74.56.9.98.49 1.88 1.11 2.67 1.85.18.17.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71s-.11-.53-.29-.71C20.66 8.78 16.54 7 12 7z") !important; }
  1085. .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M20 11V13.5H4V4.5H13V2.5H4C3.46957 2.5 2.96086 2.71071 2.58579 3.08579C2.21071 3.46086 2 3.96957 2 4.5L2 15.5C2 16.0304 2.21071 16.5391 2.58579 16.9142C2.96086 17.2893 3.46957 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C20.5304 17.5 21.0391 17.2893 21.4142 16.9142C21.7893 16.5391 22 16.0304 22 15.5V11H20Z"] ~ path {
  1086. display: none; }
  1087. .root-217Brm .bottomControls-lIJyYL .leftTrayIcon-vpfJk5:after {
  1088. display: none; }
  1089. .regionSelectPopout-p9-0_W {
  1090. padding: 8px 0;
  1091. background-color: var(--popout-color) !important;
  1092. border-radius: var(--popout-radius);
  1093. box-shadow: var(--shadow-3dp); }
  1094. .regionSelectPopout-p9-0_W .quickSelectPopoutOption-opKBx9 {
  1095. position: relative;
  1096. padding: 9px 12px;
  1097. transition: var(--default-time) ease background-color; }
  1098. .regionSelectPopout-p9-0_W .quickSelectPopoutOption-opKBx9:hover {
  1099. background-color: var(--menu-item-hover) !important; }
  1100. .regionSelectPopout-p9-0_W .quickSelectPopoutOption-opKBx9.selected {
  1101. background-color: var(--menu-item-select) !important; }
  1102. .regionSelectPopout-p9-0_W .quickSelectPopoutOption-opKBx9 .regionSelectFlag-1htPow {
  1103. position: absolute;
  1104. left: 12px; }
  1105. .regionSelectPopout-p9-0_W .quickSelectPopoutOption-opKBx9 .regionSelectName-c5qL8O {
  1106. margin-right: 24px;
  1107. margin-left: 36px;
  1108. font-size: 14px;
  1109. text-align: left;
  1110. color: var(--menu-item-text-color) !important; }
  1111. .regionSelectPopout-p9-0_W .quickSelectPopoutOption-opKBx9 .check-2by_h9 {
  1112. position: absolute;
  1113. right: 12px; }
  1114. .scroller-2ymjU1 {
  1115. padding: 8px 0;
  1116. padding-right: 0 !important;
  1117. background-color: var(--popout-color);
  1118. border-radius: var(--popout-radius); }
  1119. .scroller-2ymjU1 .memberListHeader-c-ghag {
  1120. margin: 8px 0;
  1121. padding: 0 12px;
  1122. color: var(--menu-item-text-color);
  1123. text-transform: none; }
  1124. .scroller-2ymjU1 .memberListItem-2ZX2pl {
  1125. margin: 0;
  1126. padding: 6px 12px;
  1127. border-radius: 0;
  1128. transition: var(--default-time) var(--default-animation) background-color; }
  1129. .scroller-2ymjU1 .memberListItem-2ZX2pl:not(.popoutDisabled-xucru2):hover {
  1130. background-color: var(--menu-item-hover) !important; }
  1131. .scroller-2ymjU1 .memberListItem-2ZX2pl .colorStandard-2KCXvj {
  1132. color: var(--menu-item-text-color); }
  1133. .scroller-2ymjU1::-webkit-scrollbar {
  1134. width: 0 !important; }
  1135. .tile-2naSqK {
  1136. border-radius: var(--card-radius-big); }
  1137. .participantsButton-KYW-IW {
  1138. background-color: #2f3136 !important;
  1139. border-radius: 16px !important; }
  1140. .participantsButton-KYW-IW:hover {
  1141. background-color: #202225 !important; }
  1142. .overlayTitle-8IcS01 {
  1143. border-radius: 16px; }
  1144. /*
  1145. *
  1146. * CHANNELS LIST
  1147. *
  1148. */
  1149. .sidebar-2K8pFh {
  1150. border-radius: 0 !important; }
  1151. .sidebar-2K8pFh,
  1152. .sidebar-2K8pFh .container-3w7J-x {
  1153. background-color: var(--main-color); }
  1154. .sidebar-2K8pFh .container-2ax-kl {
  1155. font-size: 14px;
  1156. text-transform: none; }
  1157. .sidebar-2K8pFh .container-1taM1r:not(.hasBanner-2SrLR3) .header-2V-4Sw, .sidebar-2K8pFh .container-1taM1r:not(.hasBanner-2SrLR3) .header-2V-4Sw:hover {
  1158. background-color: var(--main-color); }
  1159. /* CHANNELS LIST -> CREATE CHANNEL */
  1160. .inputPrefix-1gzNds {
  1161. top: 10px;
  1162. left: 0; }
  1163. .inputPrefix-1gzNds + .input-cIJ7To {
  1164. padding-left: 20px; }
  1165. /* CHANNELS LIST -> CHANNEL */
  1166. .containerDefault--pIXnN .content-1x5b-n {
  1167. margin-left: 0;
  1168. border-radius: 0 24px 24px 0; }
  1169. .containerDefault-3tr_sE .addButton-3bLyEA {
  1170. background-color: transparent !important;
  1171. position: relative; }
  1172. .containerDefault-3tr_sE .addButton-3bLyEA:after {
  1173. content: " ";
  1174. position: absolute;
  1175. width: 100%;
  1176. height: 100%;
  1177. top: 0;
  1178. left: 0;
  1179. background-color: rgba(var(--md-ripple-color), 0.1);
  1180. border-radius: 50%;
  1181. opacity: 0;
  1182. pointer-events: none;
  1183. transform: scale(1.2);
  1184. transition: 300ms ease;
  1185. z-index: 4; }
  1186. .containerDefault-3tr_sE .addButton-3bLyEA:hover:after {
  1187. opacity: 1;
  1188. transform: scale(1.5);
  1189. animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  1190. .containerDefault-3tr_sE .addButton-3bLyEA:active:after {
  1191. background-color: rgba(var(--md-ripple-color), 0.2); }
  1192. .containerDragAfter-3Fp7LC:after,
  1193. .containerDragBefore-3iTCc7:before {
  1194. left: 0;
  1195. background-color: var(--accent-color); }
  1196. .containerUserOver-2mv1jO:after {
  1197. right: 4px;
  1198. background-color: rgba(var(--accent-rgb), 0.1);
  1199. border-radius: var(--card-radius-big);
  1200. border-color: rgba(var(--accent-rgb), 0.5); }
  1201. .content-1Wq3SX {
  1202. border-radius: 15px;
  1203. /* CHANNELS LIST -> CHANNEL -> VOICE ICONS */ }
  1204. .content-1Wq3SX .icons-1dXQdz .icon-2IuuZd path {
  1205. display: none;
  1206. /* CHANNELS LIST -> CHANNEL -> VOICE ICONS -> MUTED */
  1207. /* CHANNELS LIST -> CHANNEL -> VOICE ICONS -> DEAFENED */
  1208. /* CHANNELS LIST -> CHANNEL -> VOICE ICONS -> WEBCAM */ }
  1209. .content-1Wq3SX .icons-1dXQdz .icon-2IuuZd path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] {
  1210. display: block;
  1211. d: path("M10.8 4.9c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 3.91L15 10.6V5c0-1.66-1.34-3-3-3-1.54 0-2.79 1.16-2.96 2.65l1.76 1.76V4.9zM19 11h-1.7c0 .58-.1 1.13-.27 1.64l1.27 1.27c.44-.88.7-1.87.7-2.91zM4.41 2.86L3 4.27l6 6V11c0 1.66 1.34 3 3 3 .23 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.55-.9l4.2 4.2 1.41-1.41L4.41 2.86z") !important; }
  1212. .content-1Wq3SX .icons-1dXQdz .icon-2IuuZd path[d="M6.16204 15.0065C6.10859 15.0022 6.05455 15 6 15H4V12C4 7.588 7.589 4 12 4C13.4809 4 14.8691 4.40439 16.0599 5.10859L17.5102 3.65835C15.9292 2.61064 14.0346 2 12 2C6.486 2 2 6.485 2 12V19.1685L6.16204 15.0065Z"] {
  1213. display: block;
  1214. d: path("M4.34 2.93L2.93 4.34 7.29 8.7 7 9H3v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06c1.34-.3 2.57-.92 3.61-1.75l2.05 2.05 1.41-1.41L4.34 2.93zM10 15.17L7.83 13H5v-2h2.83l.88-.88L10 11.41v3.76zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zm-7-8l-1.88 1.88L12 7.76zm4.5 8c0-1.77-1.02-3.29-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24z") !important; }
  1215. .content-1Wq3SX .icons-1dXQdz .icon-2IuuZd path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] {
  1216. display: block;
  1217. d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z") !important; }
  1218. .streamPreview-2-WUWT {
  1219. background-color: var(--popout-color) !important;
  1220. border-radius: var(--popout-radius-big) !important;
  1221. box-shadow: var(--shadow-3dp) !important; }
  1222. .streamPreview-2-WUWT .watchButton-2SbJEo {
  1223. background-color: rgba(var(--button-link-color), 0.075) !important;
  1224. box-shadow: none !important;
  1225. color: var(--button-link-text-color) !important;
  1226. transition: var(--default-time) var(--default-animation) background-color !important; }
  1227. .streamPreview-2-WUWT .watchButton-2SbJEo:hover {
  1228. background-color: rgba(var(--button-link-color), 0.125) !important; }
  1229. /* CHANNELS LIST -> CHANNEL -> ICONS */
  1230. .iconItem-F7GRxr {
  1231. position: relative;
  1232. margin: 0 0 0 10px;
  1233. position: relative; }
  1234. .iconItem-F7GRxr:after {
  1235. content: " ";
  1236. position: absolute;
  1237. width: 100%;
  1238. height: 100%;
  1239. top: 0;
  1240. left: 0;
  1241. background-color: rgba(var(--md-ripple-color), 0.1);
  1242. border-radius: 50%;
  1243. opacity: 0;
  1244. pointer-events: none;
  1245. transform: scale(1.2);
  1246. transition: 300ms ease;
  1247. z-index: 4; }
  1248. .iconItem-F7GRxr:hover:after {
  1249. opacity: 1;
  1250. transform: scale(1.8);
  1251. animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  1252. .iconItem-F7GRxr:active:after {
  1253. background-color: rgba(var(--md-ripple-color), 0.2); }
  1254. .iconItem-F7GRxr .actionIcon-PgcMM2 {
  1255. transform: translateX(-1px); }
  1256. .iconItem-F7GRxr .actionIcon-PgcMM2:active {
  1257. transform: translateY(0); }
  1258. .iconItem-F7GRxr .actionIcon-PgcMM2 path {
  1259. transform: scale(0.72);
  1260. /* CHANNELS LIST -> CHANNEL -> ICONS -> CREATE/INVITE */
  1261. /* CHANNELS LIST -> CHANNEL -> ICONS -> EDIT CHANNEL */ }
  1262. .iconItem-F7GRxr .actionIcon-PgcMM2 path[d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"] {
  1263. d: path("M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H9zm-3-3v-3h3v-2H6V7H4v3H1v2h3v3z") !important; }
  1264. .iconItem-F7GRxr .actionIcon-PgcMM2 path[d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"] ~ path {
  1265. display: none; }
  1266. .iconItem-F7GRxr .actionIcon-PgcMM2 path[d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"] {
  1267. d: path("M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z") !important; }
  1268. .mainContent-u_9PKf .icon-1DeIlz path {
  1269. /* CHANNELS LIST -> CHANNEL -> ICONS -> VOICE CHANNEL */
  1270. /* CHANNELS LIST -> CHANNEL -> ICONS -> ANNOUNCEMENTS */
  1271. /* CHANNELS LIST -> CHANNEL -> ICONS -> RULES */
  1272. /* CHANNELS LIST -> CHANNEL -> ICONS -> BIG LOCK */
  1273. /* CHANNELS LIST -> CHANNEL -> ICONS -> SMALL LOCK */
  1274. /* CHANNELS LIST -> CHANNEL -> ICONS -> NSFW */ }
  1275. .mainContent-u_9PKf .icon-1DeIlz path[d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"], .mainContent-u_9PKf .icon-1DeIlz path[d="M15 12C15 12.0007 15 12.0013 15 12.002C15 12.553 14.551 13.002 14 13.002V15.002C15.654 15.002 17 13.657 17 12.002C17 12.0013 17 12.0007 17 12H15ZM19 12C19 12.0007 19 12.0013 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 12.0013 21 12.0007 21 12H19ZM10.293 3.29604C10.579 3.01004 11.009 2.92504 11.383 3.07904C11.757 3.23204 12 3.59904 12 4.00204V20.002C12 20.407 11.757 20.772 11.383 20.927C11.009 21.082 10.579 20.996 10.293 20.71L6 16.002H3C2.45 16.002 2 15.552 2 15.002V9.00204C2 8.45304 2.45 8.00204 3 8.00204H6L10.293 3.29604Z"] {
  1276. d: path("M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z"); }
  1277. .mainContent-u_9PKf .icon-1DeIlz path[d="M3.9 8.26H2V15.2941H3.9V8.26Z"], .mainContent-u_9PKf .icon-1DeIlz path[d="M4.85 8.26429L15.84 5.84426V10.5599C15.84 11.6202 16.6996 12.4799 17.76 12.4799H21V19.0586H19.1V17.9302L12.7065 16.524L10.36 19.6233C10.1776 19.8633 9.89545 19.9998 9.6 19.9998C9.524 19.9998 9.4461 19.9904 9.3701 19.9725L5.5701 19.0313C5.1464 18.925 4.85 18.5495 4.85 18.1175V8.26429ZM9.2181 17.9942L6.75 17.3824V15.2111L10.6706 16.0751L9.2181 17.9942Z"] {
  1278. d: path("M12,8H4A2,2 0 0,0 2,10V14A2,2 0 0,0 4,16H5V20A1,1 0 0,0 6,21H8A1,1 0 0,0 9,20V16H12L17,20V4L12,8M15,15.6L13,14H4V10H13L15,8.4V15.6M21.5,12C21.5,13.71 20.54,15.26 19,16V8C20.53,8.75 21.5,10.3 21.5,12Z"); }
  1279. .mainContent-u_9PKf .icon-1DeIlz path[d="M3.9 8.26H2V15.2941H3.9V8.26Z"] ~ path {
  1280. display: none; }
  1281. .mainContent-u_9PKf .icon-1DeIlz path[d="M33 34.5833V7.49998H35V36.6666H9C6.791 36.6666 5 34.801 5 32.5V7.49998C5 5.19894 6.791 3.33331 9 3.33331H31V30.4166H9C7.8955 30.4166 7 31.3485 7 32.5C7 33.6515 7.8955 34.5833 9 34.5833H33ZM23.9718 9.99998L15.8889 17.9915L12.7086 14.8441L10 17.5058L15.8885 23.3333L26.6667 12.6669L23.9718 9.99998Z"] {
  1282. d: path("M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M7,7H17V5H19V19H5V5H7V7M7.5,13.5L9,12L11,14L15.5,9.5L17,11L11,17L7.5,13.5Z");
  1283. transform: scale(1.6); }
  1284. .mainContent-u_9PKf .icon-1DeIlz path[d="M17 11V7C17 4.243 14.756 2 12 2C9.242 2 7 4.243 7 7V11C5.897 11 5 11.896 5 13V20C5 21.103 5.897 22 7 22H17C18.103 22 19 21.103 19 20V13C19 11.896 18.103 11 17 11ZM12 18C11.172 18 10.5 17.328 10.5 16.5C10.5 15.672 11.172 15 12 15C12.828 15 13.5 15.672 13.5 16.5C13.5 17.328 12.828 18 12 18ZM15 11H9V7C9 5.346 10.346 4 12 4C13.654 4 15 5.346 15 7V11Z"] {
  1285. d: path("M12,17C10.89,17 10,16.1 10,15C10,13.89 10.89,13 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10C4,8.89 4.89,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z"); }
  1286. .mainContent-u_9PKf .icon-1DeIlz path[d="M21.025 5V4C21.025 2.88 20.05 2 19 2C17.95 2 17 2.88 17 4V5C16.4477 5 16 5.44772 16 6V9C16 9.55228 16.4477 10 17 10H19H21C21.5523 10 22 9.55228 22 9V5.975C22 5.43652 21.5635 5 21.025 5ZM20 5H18V4C18 3.42857 18.4667 3 19 3C19.5333 3 20 3.42857 20 4V5Z"], .mainContent-u_9PKf .icon-1DeIlz path[d="M22.025 2V3C22.5635 3 23 3.43652 23 3.975V7C23 7.55228 22.5523 8 22 8H18C17.4477 8 17 7.55228 17 7V4C17 3.44772 17.4477 3 18 3V2C18 0.88 18.95 0 20 0C21.05 0 22.025 0.88 22.025 2ZM19 3H21V2C21 1.42857 20.5333 1 20 1C19.4667 1 19 1.42857 19 2V3Z"] {
  1287. transform: translateX(-7px) scale(1.35);
  1288. fill: var(--interactive-normal);
  1289. opacity: 1; }
  1290. .mainContent-u_9PKf .icon-1DeIlz path[d="M3.9 8.25981H2V15.2939H3.9V8.25981Z"] {
  1291. d: path("M22.545 4.87988V5.87988H23.28C23.4126 5.87988 23.52 5.98733 23.52 6.11988V10.6399C23.52 10.7724 23.4126 10.8799 23.28 10.8799H17.76C17.6275 10.8799 17.52 10.7724 17.52 10.6399V6.11988C17.52 5.98733 17.6275 5.87988 17.76 5.87988H18.52V4.87988C18.52 3.75988 19.47 2.87988 20.52 2.87988C21.57 2.87988 22.545 3.75988 22.545 4.87988ZM19.52 5.87988H21.52V4.87988C21.52 4.30845 21.0534 3.87988 20.52 3.87988C19.9867 3.87988 19.52 4.30845 19.52 4.87988V5.87988Z");
  1292. transform: translate(-8px, -2px) scale(1.35);
  1293. fill: var(--interactive-normal);
  1294. opacity: 1; }
  1295. .mainContent-u_9PKf .icon-1DeIlz path[d="M19.8914 3.80204L22.2438 8.55654C22.5726 9.22119 22.0891 9.99999 21.3475 10L16.6179 10C15.8745 10 15.391 9.21769 15.7235 8.55279L18.1007 3.79829C18.4701 3.05951 19.5251 3.06172 19.8914 3.80204ZM18.4998 5H19.4999V7.5H18.4999L18.4998 5ZM18.4998 8.49887C18.4998 8.77589 18.7238 9 18.9998 9C19.2759 9 19.4999 8.77589 19.4999 8.49887C19.4999 8.22224 19.2759 7.99773 18.9998 7.99773C18.7238 7.99773 18.4998 8.22224 18.4998 8.49887Z"] {
  1296. transform: translateX(-6px) scale(1.35);
  1297. fill: var(--interactive-normal);
  1298. opacity: 1; }
  1299. /* CHANNELS LIST -> CHANNEL -> LISTENING TO SPOTIFY */
  1300. .container-2dqNWc {
  1301. background-color: var(--popout-color);
  1302. border-radius: var(--popout-radius-big);
  1303. box-shadow: var(--shadow-3dp); }
  1304. .container-2dqNWc .headerText-1HLrL7 {
  1305. font-size: 14px;
  1306. text-transform: none;
  1307. font-weight: 500; }
  1308. .container-2dqNWc .assetsLargeImage-eYwpTX {
  1309. border-radius: 50%; }
  1310. .container-2dqNWc .buttonSize-AQY2mE {
  1311. height: 36px;
  1312. min-height: 36px;
  1313. padding: 0 !important; }
  1314. .container-2dqNWc .button-38aScr {
  1315. background-color: rgba(var(--button-link-color), 0.075) !important;
  1316. box-shadow: none !important;
  1317. color: var(--button-link-text-color) !important;
  1318. transition: var(--default-time) var(--default-animation) background-color !important; }
  1319. .container-2dqNWc .button-38aScr:hover {
  1320. background-color: rgba(var(--button-link-color), 0.125) !important; }
  1321. /* CHANNELS LIST -> CHANNEL -> CREATE INVITE */
  1322. .header-2Pz98J .container-2XeR5Z {
  1323. background-color: var(--input-color);
  1324. border-radius: 16px; }
  1325. .header-2Pz98J .container-2XeR5Z .inner-3ErfOT {
  1326. padding: 0; }
  1327. .header-2Pz98J .container-2XeR5Z .inner-3ErfOT .input-1Rv96N {
  1328. height: 32px;
  1329. line-height: 32px;
  1330. margin: 0;
  1331. padding: 0 8px 0 12px; }
  1332. .header-2Pz98J .container-2XeR5Z .inner-3ErfOT .iconLayout-1WxHy4 {
  1333. width: 32px;
  1334. height: 32px; }
  1335. .scroller-2hZ97C {
  1336. padding-left: 0; }
  1337. .inviteRow-2L02ae {
  1338. margin-right: 0;
  1339. padding: 7px 12px;
  1340. border-radius: 0;
  1341. transition: var(--default-time) var(--default-animation) background-color; }
  1342. .inviteRow-2L02ae:hover {
  1343. background-color: var(--menu-item-hover); }
  1344. /* CHANNELS LIST -> CHANNEL -> EDIT CHANNEL */
  1345. .inputMaxLength-1vRluy textarea.input-cIJ7To {
  1346. min-height: 32px; }
  1347. .inputMaxLength-1vRluy .maxLength-39QFBo {
  1348. right: 0; }
  1349. /* CHANNELS LIST -> CHANNEL -> EDIT CHANNEL -> PERMISSIONS */
  1350. .settingCard-3w2mVL {
  1351. margin-bottom: 32px;
  1352. border-radius: var(--card-radius-big);
  1353. border: 1px solid var(--card-border-color); }
  1354. .settingCard-3w2mVL, .settingCard-3w2mVL.active-1ytUzX,
  1355. .settingCard-3w2mVL .cardFolder-28dwxo {
  1356. background-color: transparent; }
  1357. .settingCard-3w2mVL .cardContent-qqqwo8 {
  1358. border-bottom: 1px solid var(--card-border-color); }
  1359. .settingCard-3w2mVL .folderHeader-3eAh2M {
  1360. position: relative;
  1361. border-bottom: none; }
  1362. .settingCard-3w2mVL .folderHeader-3eAh2M:after {
  1363. position: absolute;
  1364. content: " ";
  1365. width: 100%;
  1366. height: 1px;
  1367. bottom: 0;
  1368. left: 0;
  1369. background-color: var(--card-border-color); }
  1370. .settingCard-3w2mVL .roleMemberList-3aPmJW {
  1371. padding: 16px; }
  1372. .settingCard-3w2mVL .roleMemberList-3aPmJW .content-3YMskv {
  1373. height: auto !important; }
  1374. .settingCard-3w2mVL .roleMemberList-3aPmJW .content-3YMskv .memberRow-1LB6aT {
  1375. padding: 0 4px;
  1376. margin-bottom: 16px; }
  1377. .settingCard-3w2mVL .roleMemberList-3aPmJW .content-3YMskv .memberRow-1LB6aT:last-child {
  1378. margin-bottom: 0; }
  1379. .settingCard-3w2mVL .roleMemberList-3aPmJW .content-3YMskv .divider-3573oO {
  1380. display: none; }
  1381. .settingCard-3w2mVL + .divider-3573oO {
  1382. display: none; }
  1383. .easyModeLayoutStyle-11J5S7 .card-3Qj_Yx {
  1384. margin-bottom: 24px; }
  1385. /*
  1386. *
  1387. * MEMBERS LIST
  1388. *
  1389. */
  1390. .members-1998pB, .members-1998pB > div {
  1391. background-color: var(--main-color); }
  1392. .members-1998pB .container-2Pjhx- {
  1393. width: 100%;
  1394. height: 42px;
  1395. margin: 0; }
  1396. .members-1998pB .container-2Pjhx-,
  1397. .members-1998pB .container-2Pjhx- .layout-2DM8Md {
  1398. border-radius: 21px 0 0 21px; }
  1399. .members-1998pB .container-2Pjhx- .layout-2DM8Md {
  1400. width: calc(100% - 18px);
  1401. margin-left: 8px;
  1402. padding: 0 8px 0 8px;
  1403. transition: 200ms ease all; }
  1404. .members-1998pB .container-2Pjhx-:hover .layout-2DM8Md {
  1405. background-color: var(--menu-item-hover); }
  1406. .members-1998pB .container-2Pjhx-.selected-aXhQR6 .layout-2DM8Md {
  1407. background-color: var(--menu-item-select); }
  1408. .members-1998pB .container-2ax-kl {
  1409. margin: 0 0 4px 0;
  1410. padding: 20px 8px 0 16px;
  1411. font-size: 14px;
  1412. text-transform: none; }
  1413. .botTag-2WPJ74 {
  1414. border-radius: 8px !important; }
  1415. .botTag-2WPJ74.botTagRegular-2HEhHi {
  1416. background-color: var(--accent-color);
  1417. color: var(--accent-text-color); }
  1418. /* MEMBERS LIST -> ROLES */
  1419. .role-2irmRk {
  1420. min-width: 32px;
  1421. height: 32px;
  1422. padding: 0;
  1423. background-color: transparent;
  1424. border-radius: 16px; }
  1425. .role-2irmRk .roleCircle-3xAZ1j,
  1426. .role-2irmRk .perm-circle {
  1427. width: 26px;
  1428. height: 26px;
  1429. margin-left: 2px;
  1430. margin-right: 0; }
  1431. .role-2irmRk .roleCircle-3xAZ1j:not(:empty),
  1432. .role-2irmRk .perm-circle:not(:empty) {
  1433. position: relative; }
  1434. .role-2irmRk .roleCircle-3xAZ1j:not(:empty):after,
  1435. .role-2irmRk .perm-circle:not(:empty):after {
  1436. position: absolute;
  1437. content: "Remove role";
  1438. width: 70px;
  1439. height: auto;
  1440. top: 0;
  1441. left: 0;
  1442. line-height: 16px;
  1443. padding: 8px;
  1444. background-color: rgba(97, 97, 97, 0.9);
  1445. box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
  1446. border-radius: var(--card-radius);
  1447. transform: translate(-4px, -38px);
  1448. pointer-events: none;
  1449. color: #ddd;
  1450. font-size: 12px;
  1451. transition: var(--default-time) var(--default-animation) all;
  1452. z-index: 3;
  1453. opacity: 0; }
  1454. .role-2irmRk .roleCircle-3xAZ1j:not(:empty):hover:after,
  1455. .role-2irmRk .perm-circle:not(:empty):hover:after {
  1456. opacity: 1; }
  1457. .role-2irmRk .perm-circle {
  1458. width: 26px !important;
  1459. height: 26px !important;
  1460. margin-right: 0 !important; }
  1461. .role-2irmRk .roleRemoveIcon-2-TeGW {
  1462. width: 24px;
  1463. height: 24px;
  1464. display: block;
  1465. transition: var(--default-time) var(--default-animation) opacity, var(--default-time) var(--default-animation) transform;
  1466. transform: scale(0.25);
  1467. opacity: 0;
  1468. cursor: pointer; }
  1469. .role-2irmRk:hover .roleRemoveIcon-2-TeGW {
  1470. transform: scale(0.75) rotate(90deg);
  1471. opacity: 1; }
  1472. .role-2irmRk .roleName-32vpEy {
  1473. margin: 0 8px 0 4px; }
  1474. .role-2irmRk.addButton-pcyyf6 {
  1475. background-color: transparent !important;
  1476. position: relative; }
  1477. .role-2irmRk.addButton-pcyyf6:after {
  1478. position: absolute;
  1479. content: "Add role";
  1480. width: 47px;
  1481. height: auto;
  1482. top: 0;
  1483. left: 0;
  1484. line-height: 16px;
  1485. padding: 8px;
  1486. background-color: rgba(97, 97, 97, 0.9);
  1487. box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
  1488. border-radius: var(--card-radius);
  1489. transform: translate(-4px, -38px);
  1490. pointer-events: none;
  1491. color: #ddd;
  1492. font-size: 12px;
  1493. transition: var(--default-time) var(--default-animation) all;
  1494. z-index: 3;
  1495. opacity: 0; }
  1496. .role-2irmRk.addButton-pcyyf6:hover:after {
  1497. opacity: 1; }
  1498. .role-2irmRk.addButton-pcyyf6 .addButtonIcon-1NMJ8u {
  1499. width: 18px;
  1500. height: 18px; }
  1501. /*
  1502. *
  1503. * CHAT AREA
  1504. *
  1505. */
  1506. .chat-3bRxxu,
  1507. .threadSidebar-1o3BTy {
  1508. background-color: var(--chat-color); }
  1509. .content-MLh4nU {
  1510. background: var(--chat-color); }
  1511. .wrapper-3vR61M,
  1512. .wrapper-1F5TKx {
  1513. background-color: transparent; }
  1514. .attachment-2p5mHK,
  1515. .avatar-2daVqv,
  1516. .blob-2w7iIK {
  1517. background-color: #fff; }
  1518. /* CHAT AREA -> MESSAGES */
  1519. .messagesWrapper-1sRNjr.group-spacing-0 .groupStart-23k01U {
  1520. --group-spacing: 0.125rem; }
  1521. .messagesWrapper-1sRNjr.group-spacing-0 .divider-JfaTT5.beforeGroup-1rH1F0 {
  1522. top: 1px; }
  1523. .messagesWrapper-1sRNjr.group-spacing-4 .groupStart-23k01U {
  1524. --group-spacing: 0.3125rem; }
  1525. .messagesWrapper-1sRNjr.group-spacing-4 .divider-JfaTT5.beforeGroup-1rH1F0 {
  1526. top: 2px; }
  1527. .messagesWrapper-1sRNjr.group-spacing-8 .groupStart-23k01U {
  1528. --group-spacing: 0.5625rem; }
  1529. .messagesWrapper-1sRNjr.group-spacing-8 .divider-JfaTT5.beforeGroup-1rH1F0 {
  1530. top: 4px; }
  1531. .messagesWrapper-1sRNjr.group-spacing-16 .groupStart-23k01U {
  1532. --group-spacing: 1.0625rem; }
  1533. .messagesWrapper-1sRNjr.group-spacing-16 .divider-JfaTT5.beforeGroup-1rH1F0 {
  1534. top: 8px; }
  1535. .messagesWrapper-1sRNjr.group-spacing-24 .groupStart-23k01U {
  1536. --group-spacing: 1.5625rem; }
  1537. .messagesWrapper-1sRNjr.group-spacing-24 .divider-JfaTT5.beforeGroup-1rH1F0 {
  1538. top: 12px; }
  1539. .messagesWrapper-1sRNjr[class*="group-spacing"] .groupStart-23k01U {
  1540. margin-top: var(--group-spacing) !important; }
  1541. .messagesWrapper-1sRNjr[class*="group-spacing"] .divider-JfaTT5:not(.beforeGroup-1rH1F0) {
  1542. top: -4px; }
  1543. .wrapper-2a6GCs {
  1544. background-color: var(--message-color) !important; }
  1545. .wrapper-2a6GCs.groupStart-23k01U {
  1546. position: relative;
  1547. border-radius: var(--message-radius); }
  1548. .wrapper-2a6GCs.groupStart-23k01U .avatar-1BDn8e {
  1549. width: 40px;
  1550. height: 40px;
  1551. top: 0;
  1552. left: -50px;
  1553. margin-top: 0; }
  1554. .wrapper-2a6GCs.ephemeral-1PsL1r:before, .wrapper-2a6GCs.replying-1x3H0T:before {
  1555. display: none; }
  1556. .wrapper-2a6GCs.ephemeral-1PsL1r a, .wrapper-2a6GCs.replying-1x3H0T a {
  1557. color: var(--accent-color); }
  1558. .wrapper-2a6GCs:not(.groupStart-23k01U) {
  1559. border-radius: 0 0 var(--message-radius) var(--message-radius); }
  1560. .wrapper-2a6GCs:not(.groupStart-23k01U):before, .wrapper-2a6GCs:not(.groupStart-23k01U):after {
  1561. content: " ";
  1562. position: absolute;
  1563. width: 0;
  1564. height: 0;
  1565. top: 3px;
  1566. background-color: transparent;
  1567. border: 16px solid transparent;
  1568. border-color: transparent;
  1569. pointer-events: none;
  1570. transform: rotate(360deg); }
  1571. .wrapper-2a6GCs:not(.groupStart-23k01U):before {
  1572. left: 0;
  1573. border-left-color: var(--message-color); }
  1574. .wrapper-2a6GCs:not(.groupStart-23k01U):after {
  1575. right: 0;
  1576. border-bottom-color: var(--message-color); }
  1577. .wrapper-2a6GCs.cozy-3raOZG {
  1578. padding: var(--message-padding) !important; }
  1579. .wrapper-2a6GCs.cozy-3raOZG.groupStart-23k01U {
  1580. margin-left: 68px;
  1581. margin-right: 26px;
  1582. margin-bottom: 0; }
  1583. .wrapper-2a6GCs.cozy-3raOZG.groupStart-23k01U.mentioned-xhSam7:before {
  1584. display: none; }
  1585. .wrapper-2a6GCs.cozy-3raOZG:not(.groupStart-23k01U) {
  1586. margin: -8px 26px 0 68px;
  1587. padding: var(--message-padding-alt) !important; }
  1588. .wrapper-2a6GCs.cozy-3raOZG:not(.groupStart-23k01U):before, .wrapper-2a6GCs.cozy-3raOZG:not(.groupStart-23k01U):after {
  1589. margin: -16px 0 0 0; }
  1590. .wrapper-2a6GCs.cozy-3raOZG:not(.groupStart-23k01U):before {
  1591. border-width: 14px 0 0 6px; }
  1592. .wrapper-2a6GCs.cozy-3raOZG:not(.groupStart-23k01U):after {
  1593. border-width: 0 0 14px 6px; }
  1594. .wrapper-2a6GCs.cozy-3raOZG:not(.groupStart-23k01U) + .divider-JfaTT5:not(.beforeGroup-1rH1F0) {
  1595. top: -4px; }
  1596. .wrapper-2a6GCs.cozy-3raOZG:not(.groupStart-23k01U).mentioned-xhSam7:before {
  1597. content: " ";
  1598. position: absolute;
  1599. width: 0;
  1600. height: 0;
  1601. top: 3px;
  1602. background-color: transparent;
  1603. border: 16px solid transparent;
  1604. border-color: transparent;
  1605. pointer-events: none;
  1606. transform: rotate(360deg);
  1607. left: 0;
  1608. border-left-color: var(--message-color); }
  1609. .wrapper-2a6GCs.cozy-3raOZG .header-23xsNx {
  1610. margin-bottom: 4px; }
  1611. .wrapper-2a6GCs.cozy-3raOZG .messageContent-2qWWxC {
  1612. margin-left: 0;
  1613. padding-left: 0; }
  1614. .wrapper-2a6GCs.cozy-3raOZG:hover .timestamp-3ZCmNB.alt-1uNpEt {
  1615. opacity: 1;
  1616. transition: var(--default-time) ease opacity 750ms; }
  1617. .wrapper-2a6GCs.cozy-3raOZG .timestamp-3ZCmNB.alt-1uNpEt {
  1618. opacity: 0;
  1619. left: -72px;
  1620. color: var(--text-muted);
  1621. font-weight: 600;
  1622. transition: var(--default-time) ease opacity 0ms; }
  1623. .wrapper-2a6GCs.cozy-3raOZG:not(.message-2qnXI6) {
  1624. margin: 16px 26px 0 68px;
  1625. padding: 8px 12px !important;
  1626. border-radius: var(--message-radius); }
  1627. .wrapper-2a6GCs.cozy-3raOZG:not(.message-2qnXI6):before, .wrapper-2a6GCs.cozy-3raOZG:not(.message-2qnXI6):after {
  1628. display: none; }
  1629. .wrapper-2a6GCs.cozy-3raOZG:not(.message-2qnXI6) .avatar-1BDn8e {
  1630. top: 0;
  1631. left: -63px; }
  1632. .wrapper-2a6GCs.cozy-3raOZG .repliedMessage-VokQwo:before {
  1633. transform: translateX(42px); }
  1634. .wrapper-2a6GCs.cozy-3raOZG .repliedMessage-VokQwo .replyAvatar-1K9Wmr,
  1635. .wrapper-2a6GCs.cozy-3raOZG .repliedMessage-VokQwo .replyBadge-r1su3o {
  1636. margin-left: 40px; }
  1637. .wrapper-2a6GCs.compact-T3H92H {
  1638. margin-left: 70px;
  1639. margin-right: 20px;
  1640. margin-bottom: 0;
  1641. padding-right: 8px !important; }
  1642. .wrapper-2a6GCs.compact-T3H92H.groupStart-23k01U {
  1643. padding: 8px; }
  1644. .wrapper-2a6GCs.compact-T3H92H.groupStart-23k01U.mentioned-xhSam7:before {
  1645. display: none; }
  1646. .wrapper-2a6GCs.compact-T3H92H.groupStart-23k01U + .divider-JfaTT5 {
  1647. margin-bottom: -1px; }
  1648. .wrapper-2a6GCs.compact-T3H92H:not(.groupStart-23k01U) {
  1649. padding: 0 8px 8px 8px; }
  1650. .wrapper-2a6GCs.compact-T3H92H:not(.groupStart-23k01U):before, .wrapper-2a6GCs.compact-T3H92H:not(.groupStart-23k01U):after {
  1651. margin: -19px 0 0 0; }
  1652. .wrapper-2a6GCs.compact-T3H92H:not(.groupStart-23k01U):before {
  1653. border-width: 16px 0 0 14px; }
  1654. .wrapper-2a6GCs.compact-T3H92H:not(.groupStart-23k01U):after {
  1655. border-width: 0 0 16px 14px; }
  1656. .wrapper-2a6GCs.compact-T3H92H .header-23xsNx {
  1657. position: relative;
  1658. left: -4px; }
  1659. .wrapper-2a6GCs.compact-T3H92H .timestamp-3ZCmNB {
  1660. margin-right: 16px;
  1661. color: var(--text-muted); }
  1662. .wrapper-2a6GCs.compact-T3H92H + .divider-JfaTT5 {
  1663. margin-left: 80px; }
  1664. .wrapper-2a6GCs.compact-T3H92H + .divider-JfaTT5:not(.beforeGroup-1rH1F0) {
  1665. top: -11px; }
  1666. .wrapper-2a6GCs.compact-T3H92H .repliedMessage-VokQwo {
  1667. margin-left: calc(var(--timestamp-width) + 3.1rem + var(--text-indent)); }
  1668. .wrapper-2a6GCs.compact-T3H92H + .wrapper-2a6GCs.compact-T3H92H:not(.message-2qnXI6) {
  1669. margin: 16px 20px 0 70px; }
  1670. .wrapper-2a6GCs.compact-T3H92H .iconContainer-3GkGRf {
  1671. margin-left: 4.5ch; }
  1672. .wrapper-2a6GCs.mentioned-xhSam7 .messageContent-2qWWxC {
  1673. position: relative;
  1674. background-color: rgba(var(--accent-rgb), 0.15);
  1675. border-radius: var(--card-radius); }
  1676. .wrapper-2a6GCs.mentioned-xhSam7 .messageContent-2qWWxC a {
  1677. color: var(--accent-text-color); }
  1678. .wrapper-2a6GCs.mentioned-xhSam7 .messageContent-2qWWxC .wrapper-3WhCwL:before {
  1679. display: none; }
  1680. .wrapper-2a6GCs.mentioned-xhSam7 .messageContent-2qWWxC .wrapper-3WhCwL:hover {
  1681. color: var(--accent-text-color); }
  1682. .wrapper-2a6GCs .iconContainer-3GkGRf {
  1683. position: relative;
  1684. width: auto;
  1685. right: auto;
  1686. margin-right: 12px; }
  1687. .wrapper-2a6GCs .iconContainer-3GkGRf .icon-2Po-VO[style*='/assets/c30220457097b064286a8759a9b6c4af.svg'] {
  1688. background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/phone_called.svg) !important; }
  1689. .wrapper-2a6GCs .iconContainer-3GkGRf .icon-2Po-VO[style*='/assets/d80d1fdc43a3c42134a31a39581160ac.svg'] {
  1690. background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/phone_missed.svg) !important; }
  1691. .wrapper-2a6GCs .channelTextArea-2VhZ6z .scrollableContainer-2NUZem {
  1692. background-color: var(--main-textarea-color-alt);
  1693. border-radius: var(--main-textarea-radius); }
  1694. .operations-36ENbA > a {
  1695. color: var(--accent-color); }
  1696. /* CHAT AREA -> MESSAGES -> ACTIONS */
  1697. .message-2qnXI6 .buttons-cl5qTG {
  1698. max-width: 32px;
  1699. opacity: 0;
  1700. visibility: visible;
  1701. pointer-events: none;
  1702. transition: opacity var(--default-time) var(--default-animation), max-width var(--default-time) var(--default-animation) var(--default-time); }
  1703. .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm {
  1704. background-color: var(--main-textarea-color);
  1705. border-radius: 16px;
  1706. box-shadow: var(--shadow-2dp);
  1707. border: none;
  1708. overflow: hidden; }
  1709. .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm:hover {
  1710. box-shadow: var(--shadow-3dp); }
  1711. .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 {
  1712. transition: var(--default-time) ease all;
  1713. /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS */ }
  1714. .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9:hover {
  1715. background-color: var(--menu-item-hover); }
  1716. .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9:active {
  1717. padding: 4px; }
  1718. .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .selected-LCBEAU {
  1719. background-color: var(--menu-item-select); }
  1720. .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa {
  1721. /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> ADD REACTION */
  1722. /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> START THREAD */
  1723. /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> REPLY */
  1724. /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> EDIT MESSAGE */
  1725. /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> RETRY */
  1726. /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> DELETE MESSAGE */
  1727. /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> MARK READ */
  1728. /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> PIN MESSAGE */
  1729. /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> COPY LINK */
  1730. /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> COPY ID */ }
  1731. .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M12.2512 2.00309C12.1677 2.00104 12.084 2 12 2C6.477 2 2 6.477 2 12C2 17.522 6.477 22 12 22C17.523 22 22 17.522 22 12C22 11.916 21.999 11.8323 21.9969 11.7488C21.3586 11.9128 20.6895 12 20 12C15.5817 12 12 8.41828 12 4C12 3.31052 12.0872 2.6414 12.2512 2.00309ZM10 8C10 6.896 9.104 6 8 6C6.896 6 6 6.896 6 8C6 9.105 6.896 10 8 10C9.104 10 10 9.105 10 8ZM12 19C15.14 19 18 16.617 18 14V13H6V14C6 16.617 8.86 19 12 19Z"] {
  1732. d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z") !important; }
  1733. .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M12.2512 2.00309C12.1677 2.00104 12.084 2 12 2C6.477 2 2 6.477 2 12C2 17.522 6.477 22 12 22C17.523 22 22 17.522 22 12C22 11.916 21.999 11.8323 21.9969 11.7488C21.3586 11.9128 20.6895 12 20 12C15.5817 12 12 8.41828 12 4C12 3.31052 12.0872 2.6414 12.2512 2.00309ZM10 8C10 6.896 9.104 6 8 6C6.896 6 6 6.896 6 8C6 9.105 6.896 10 8 10C9.104 10 10 9.105 10 8ZM12 19C15.14 19 18 16.617 18 14V13H6V14C6 16.617 8.86 19 12 19Z"] ~ path {
  1734. display: none; }
  1735. .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M4.79805 3C3.80445 3 2.99805 3.8055 2.99805 4.8V15.6C2.99805 16.5936 3.80445 17.4 4.79805 17.4H7.49805V21L11.098 17.4H19.198C20.1925 17.4 20.998 16.5936 20.998 15.6V4.8C20.998 3.8055 20.1925 3 19.198 3H4.79805Z"] {
  1736. d: path("M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z") !important; }
  1737. .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M10 8.26667V4L3 11.4667L10 18.9333V14.56C15 14.56 18.5 16.2667 21 20C20 14.6667 17 9.33333 10 8.26667Z"] {
  1738. d: path("M8,9.8V10.7L9.7,11C12.3,11.4 14.2,12.4 15.6,13.7C13.9,13.2 12.1,12.9 10,12.9H8V14.2L5.8,12L8,9.8M10,5L3,12L10,19V14.9C15,14.9 18.5,16.5 21,20C20,15 17,10 10,9") !important; }
  1739. .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M19.2929 9.8299L19.9409 9.18278C21.353 7.77064 21.353 5.47197 19.9409 4.05892C18.5287 2.64678 16.2292 2.64678 14.817 4.05892L14.1699 4.70694L19.2929 9.8299ZM12.8962 5.97688L5.18469 13.6906L10.3085 18.813L18.0201 11.0992L12.8962 5.97688ZM4.11851 20.9704L8.75906 19.8112L4.18692 15.239L3.02678 19.8796C2.95028 20.1856 3.04028 20.5105 3.26349 20.7337C3.48669 20.9569 3.8116 21.046 4.11851 20.9704Z"] {
  1740. d: path("M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM5.92 19H5v-.92l9.06-9.06.92.92L5.92 19zM20.71 5.63l-2.34-2.34c-.2-.2-.45-.29-.71-.29s-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41z") !important; }
  1741. .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M12 2C6.485 2 2 6.485 2 12H5.33333C5.33333 8.32333 8.32333 5.33333 12 5.33333C15.6767 5.33333 18.6667 8.32333 18.6667 12C18.6667 15.6767 15.6767 18.6667 12 18.6667C10.2033 18.6667 8.55833 17.9333 7.315 16.6867L10.3333 13.6667H2V22L4.935 19.065C6.79833 20.94 9.30167 22 12 22C17.515 22 22 17.515 22 12C22 6.48667 17.515 2 12 2Z"] {
  1742. d: path("M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z") !important; }
  1743. .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M15 3.999V2H9V3.999H3V5.999H21V3.999H15Z"] {
  1744. d: path("M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z") !important; }
  1745. .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M15 3.999V2H9V3.999H3V5.999H21V3.999H15Z"] ~ path {
  1746. display: none; }
  1747. .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M14 3H20C21 3 22.0001 4 22.0001 5V19.0003C22.0001 20 21 21 20 21H14C13 21 6 13 6 13H2V11H6C6 11 13 3 14 3Z"] {
  1748. d: path("M22,6.98V16c0,1.1-0.9,2-2,2H6l-4,4V4c0-1.1,0.9-2,2-2h10.1C14.04,2.32,14,2.66,14,3s0.04,0.68,0.1,1H4v12h16V7.9 C20.74,7.75,21.42,7.42,22,6.98z M16,3c0,1.66,1.34,3,3,3s3-1.34,3-3s-1.34-3-3-3S16,1.34,16,3z") !important; }
  1749. .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M22 12L12.101 2.10101L10.686 3.51401L12.101 4.92901L7.15096 9.87801V9.88001L5.73596 8.46501L4.32196 9.88001L8.56496 14.122L2.90796 19.778L4.32196 21.192L9.97896 15.536L14.222 19.778L15.636 18.364L14.222 16.95L19.171 12H19.172L20.586 13.414L22 12Z"] {
  1750. d: path("M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12M8.8,14L10,12.8V4H14V12.8L15.2,14H8.8Z") !important; }
  1751. .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M10.59 13.41c.41.39.41 1.03 0 1.42-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0 5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24 2.982 2.982 0 0 0-4.24 0l-3.53 3.53a2.982 2.982 0 0 0 0 4.24zm2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0 5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24 2.982 2.982 0 0 0 4.24 0l3.53-3.53a2.982 2.982 0 0 0 0-4.24.973.973 0 0 1 0-1.42z"] {
  1752. d: path("M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8z") !important; }
  1753. .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M5 2C3.34315 2 2 3.34315 2 5V19C2 20.6569 3.34315 22 5 22H19C20.6569 22 22 20.6569 22 19V5C22 3.34315 20.6569 2 19 2H5ZM8.79741 7.72V16H6.74541V7.72H8.79741ZM13.2097 7.72C16.0897 7.72 17.5897 9.388 17.5897 11.848C17.5897 14.308 16.0537 16 13.2577 16H10.3537V7.72H13.2097ZM13.1497 14.404C14.6137 14.404 15.5257 13.636 15.5257 11.86C15.5257 10.12 14.5537 9.316 13.1497 9.316H12.4057V14.404H13.1497Z"] {
  1754. d: path("M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z") !important; }
  1755. .message-2qnXI6.selected-2P5D_Z .buttons-cl5qTG, .message-2qnXI6:hover .buttons-cl5qTG {
  1756. max-width: 380px;
  1757. opacity: 1;
  1758. pointer-events: all; }
  1759. /* CHAT AREA -> MESSAGES -> ACTIONS -> DELETE MESSAGE */
  1760. .message-2qRu38 {
  1761. padding: 0;
  1762. background-color: transparent !important;
  1763. box-shadow: none !important; }
  1764. .message-2qRu38 .wrapper-2a6GCs {
  1765. margin: 0 0 0 52px !important;
  1766. background-color: var(--message-color-alt) !important; }
  1767. .message-2qRu38 .wrapper-2a6GCs .avatar-1BDn8e {
  1768. left: -52px !important; }
  1769. .container-2_Tvc_ .control-2BBjec {
  1770. position: relative;
  1771. top: 5px; }
  1772. /* CHAT AREA -> MESSAGES -> NEW MESSAGES */
  1773. .barBase-1c2Rfb {
  1774. left: 0;
  1775. right: 0;
  1776. background-color: var(--accent-color);
  1777. border-radius: 0;
  1778. box-shadow: var(--shadow-1dp); }
  1779. .barBase-1c2Rfb .barButtonBase-2uLO1z {
  1780. color: var(--accent-text-color); }
  1781. .divider-JfaTT5.isUnread-3Ef-o9 {
  1782. margin: 0 .875rem 0 80px;
  1783. border-color: var(--accent-color); }
  1784. .divider-JfaTT5.isUnread-3Ef-o9 .unreadPill-2HyYtt {
  1785. height: 28px;
  1786. top: -15px;
  1787. padding: 0 16px;
  1788. background-color: var(--accent-color);
  1789. border-radius: 14px;
  1790. box-shadow: var(--shadow-3dp);
  1791. font-size: 14px;
  1792. font-weight: 500;
  1793. text-transform: capitalize;
  1794. color: var(--accent-text-color); }
  1795. .divider-JfaTT5.isUnread-3Ef-o9 .unreadPill-2HyYtt .unreadPillCap-3_K2q2 {
  1796. display: none; }
  1797. .divider-JfaTT5.isUnread-3Ef-o9.hasContent-1cNJDh .content-1o0f9g {
  1798. background-color: var(--accent-color);
  1799. color: var(--accent-text-color); }
  1800. .divider-JfaTT5.hasContent-1cNJDh {
  1801. margin-left: 1rem; }
  1802. /* CHAT AREA -> MESSAGES -> JUMP TO BUTTON */
  1803. .jumpToPresentBar-G1R9s6 {
  1804. width: 48px;
  1805. height: 48px;
  1806. border-radius: 50%;
  1807. left: auto;
  1808. right: 20px;
  1809. bottom: 20px;
  1810. padding: 0;
  1811. background: var(--accent-color) !important;
  1812. box-shadow: var(--shadow-3dp); }
  1813. .jumpToPresentBar-G1R9s6:active {
  1814. margin: 0 !important; }
  1815. .jumpToPresentBar-G1R9s6:after {
  1816. content: " ";
  1817. position: absolute;
  1818. width: 48px;
  1819. height: 48px;
  1820. bottom: 0;
  1821. right: 0;
  1822. background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTcuNDEsOC41OEwxMiwxMy4xN0wxNi41OSw4LjU4TDE4LDEwTDEyLDE2TDYsMTBMNy40MSw4LjU4WiIgLz48L3N2Zz4=);
  1823. background-repeat: no-repeat;
  1824. background-size: 75%;
  1825. background-color: transparent;
  1826. background-position: 7px 7px;
  1827. border-radius: 50%; }
  1828. .jumpToPresentBar-G1R9s6 button {
  1829. opacity: 0;
  1830. z-index: 2; }
  1831. .jumpToPresentBar-G1R9s6 button:first-child {
  1832. width: 56px; }
  1833. .jumpToPresentBar-G1R9s6 button:last-child {
  1834. display: none; }
  1835. .messagesErrorBar-nyJGU7 {
  1836. width: auto;
  1837. height: 36px;
  1838. left: auto;
  1839. right: 16px;
  1840. bottom: 12px;
  1841. padding: 0;
  1842. border-radius: 18px;
  1843. box-shadow: var(--shadow-2dp);
  1844. transition: var(--default-time) var(--default-animation) box-shadow; }
  1845. .messagesErrorBar-nyJGU7:hover {
  1846. box-shadow: var(--shadow-3dp); }
  1847. .messagesErrorBar-nyJGU7 .barButtonMain-3K-jeJ {
  1848. min-width: 36px;
  1849. padding: 0 18px 0 12px;
  1850. flex: 0 1 auto; }
  1851. .messagesErrorBar-nyJGU7 .barButtonMain-3K-jeJ:after {
  1852. position: absolute;
  1853. content: "|";
  1854. width: 4px;
  1855. height: 100%;
  1856. top: 0;
  1857. right: 0; }
  1858. /* CHAT AREA -> MESSAGES -> MARKUP */
  1859. .markup-2BOw-j a {
  1860. color: var(--accent-color); }
  1861. .markup-2BOw-j .wrapper-3WhCwL {
  1862. position: relative;
  1863. background-color: rgba(var(--accent-rgb), 0.1);
  1864. border-radius: var(--card-radius);
  1865. color: var(--accent-color); }
  1866. .markup-2BOw-j .wrapper-3WhCwL:hover {
  1867. background-color: rgba(var(--accent-rgb), 0.3); }
  1868. .markup-2BOw-j pre, .markup-2BOw-j pre *, .markup-2BOw-j pre code, .markup-2BOw-j pre code *, .markup-2BOw-j code.inline, .markup-2BOw-j .codeBlockText-9TnoxQ, .markup-2BOw-j .codeBlockText-9TnoxQ *, .markup-2BOw-j .codeLine-14BKbG, .markup-2BOw-j .codeLine-14BKbG *, .markup-2BOw-j .codeBlockLang-O_f4hr, .markup-2BOw-j .codeBlockLang-O_f4hr *, .markup-2BOw-j .codeBlockSyntax-2i-tMA, .markup-2BOw-j .codeBlockSyntax-2i-tMA *, .markup-2BOw-j .syntaxAfter-hcA4AH, .markup-2BOw-j .syntaxAfter-hcA4AH *, .markup-2BOw-j .syntaxBefore-1YQ9lW, .markup-2BOw-j .syntaxBefore-1YQ9lW {
  1869. font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace !important; }
  1870. .markup-2BOw-j pre,
  1871. .markup-2BOw-j pre code,
  1872. .markup-2BOw-j code.inline {
  1873. background-color: var(--attachment-color);
  1874. border-radius: var(--card-radius);
  1875. border: none; }
  1876. .markup-2BOw-j pre code,
  1877. .markup-2BOw-j pre code code,
  1878. .markup-2BOw-j code.inline code {
  1879. background-color: transparent; }
  1880. .markup-2BOw-j pre,
  1881. .markup-2BOw-j code.inline {
  1882. margin: 4px 0; }
  1883. /* CHAT AREA -> MESSAGES -> SPOILERS */
  1884. .spoilerText-3p6IlD, .spoilerText-3p6IlD.hidden-HHr2R9 {
  1885. background-color: var(--attachment-color) !important; }
  1886. /* CHAT AREA -> MESSAGES -> REACTIONS */
  1887. .reactions-12N0jA {
  1888. margin: 8px 0 0 0; }
  1889. .reactions-12N0jA .reaction-1hd86g {
  1890. background-color: var(--menu-item-hover);
  1891. border-radius: 10px; }
  1892. .reactions-12N0jA .reaction-1hd86g.reactionMe-wv5HKu {
  1893. background-color: rgba(var(--accent-rgb), 0.3); }
  1894. .reactions-12N0jA .reaction-1hd86g.reactionMe-wv5HKu .reactionCount-2mvXRV {
  1895. color: var(--accent-text-color);
  1896. font-weight: 400; }
  1897. /* CHAT AREA -> MESSAGES -> ATTACHMENTS */
  1898. .attachment-33OFj0 {
  1899. background-color: var(--attachment-color);
  1900. border-radius: var(--message-radius);
  1901. border: none; }
  1902. .attachment-33OFj0 .downloadWrapper-vhAtLx {
  1903. position: relative; }
  1904. .attachment-33OFj0 .downloadWrapper-vhAtLx:after {
  1905. content: " ";
  1906. position: absolute;
  1907. width: 100%;
  1908. height: 100%;
  1909. top: 0;
  1910. left: 0;
  1911. background-color: rgba(var(--md-ripple-color), 0.1);
  1912. border-radius: 50%;
  1913. opacity: 0;
  1914. pointer-events: none;
  1915. transform: scale(1.2);
  1916. transition: 300ms ease;
  1917. z-index: 4; }
  1918. .attachment-33OFj0 .downloadWrapper-vhAtLx:hover:after {
  1919. opacity: 1;
  1920. transform: scale(1.4);
  1921. animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  1922. .attachment-33OFj0 .downloadWrapper-vhAtLx:active:after {
  1923. background-color: rgba(var(--md-ripple-color), 0.2); }
  1924. .attachment-33OFj0 .downloadButton-23tKQp {
  1925. margin-left: 0; }
  1926. .attachment-33OFj0 .downloadButton-23tKQp path {
  1927. d: path("M13 5v6h1.17L12 13.17 9.83 11H11V5h2m2-2H9v6H5l7 7 7-7h-4V3zm4 15H5v2h14v-2z") !important; }
  1928. .progress-3Rbvu0 {
  1929. background-color: rgba(var(--accent-rgb), 0.3) !important; }
  1930. .progress-3Rbvu0 .progressBar-3u8FBM {
  1931. background-color: var(--accent-color) !important; }
  1932. .embed-IeVjo6 {
  1933. border-radius: var(--message-radius); }
  1934. .embed-IeVjo6.embedFull-2tM8-- {
  1935. background-color: var(--attachment-color); }
  1936. .wrapper-35wsBm {
  1937. background-color: var(--attachment-color);
  1938. border-radius: var(--message-radius); }
  1939. .wrapper-35wsBm .header-2BTCnc {
  1940. font-size: 14px;
  1941. text-transform: none; }
  1942. .wrapper-35wsBm .guildIcon-lQ0uiM {
  1943. border-radius: 50%; }
  1944. /* CHAT AREA -> MESSAGES -> ATTACHMENTS -> AUDIO FILE */
  1945. .wrapperAudio-1jDe0Q {
  1946. padding: 0;
  1947. background-color: var(--attachment-color) !important;
  1948. border-radius: var(--message-radius);
  1949. border: none; }
  1950. .wrapperAudio-1jDe0Q .audioMetadata-3zOuGv {
  1951. padding: 8px; }
  1952. .wrapperAudio-1jDe0Q .audioMetadata-3zOuGv .anchor-3Z-8Bb {
  1953. position: relative; }
  1954. .wrapperAudio-1jDe0Q .audioMetadata-3zOuGv .anchor-3Z-8Bb:after {
  1955. content: " ";
  1956. position: absolute;
  1957. width: 100%;
  1958. height: 100%;
  1959. top: 0;
  1960. left: 0;
  1961. background-color: rgba(var(--md-ripple-color), 0.1);
  1962. border-radius: 50%;
  1963. opacity: 0;
  1964. pointer-events: none;
  1965. transform: scale(1.2);
  1966. transition: 300ms ease;
  1967. z-index: 4; }
  1968. .wrapperAudio-1jDe0Q .audioMetadata-3zOuGv .anchor-3Z-8Bb:hover:after {
  1969. opacity: 1;
  1970. transform: scale(1.4);
  1971. animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  1972. .wrapperAudio-1jDe0Q .audioMetadata-3zOuGv .anchor-3Z-8Bb:active:after {
  1973. background-color: rgba(var(--md-ripple-color), 0.2); }
  1974. .wrapperAudio-1jDe0Q .audioMetadata-3zOuGv .metadataIcon-2FyCKU path[d="M16.293 9.293L17.707 10.707L12 16.414L6.29297 10.707L7.70697 9.293L11 12.586V2H13V12.586L16.293 9.293ZM18 20V18H20V20C20 21.102 19.104 22 18 22H6C4.896 22 4 21.102 4 20V18H6V20H18Z"] {
  1975. d: path("M13 5v6h1.17L12 13.17 9.83 11H11V5h2m2-2H9v6H5l7 7 7-7h-4V3zm4 15H5v2h14v-2z"); }
  1976. .wrapperAudio-1jDe0Q .audioControls-2HsaU6 {
  1977. margin-top: 0;
  1978. background-color: transparent;
  1979. border-radius: 0;
  1980. border-top: 1px solid var(--card-border-color); }
  1981. .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .controlIcon-3cRbti {
  1982. padding: 8px; }
  1983. .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .mediaBarGrabber-1FqnbN, .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .mediaBarGrabber-1FqnbN:before, .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .mediaBarGrabber-1FqnbN:after,
  1984. .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .mediaBarProgress-1xaPtl,
  1985. .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .mediaBarProgress-1xaPtl:before,
  1986. .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .mediaBarProgress-1xaPtl:after {
  1987. background-color: var(--accent-color); }
  1988. .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .fakeEdges-27pgtp:before, .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .fakeEdges-27pgtp:after {
  1989. border-radius: 0; }
  1990. /* CHAT AREA -> MESSAGES -> ATTACHMENTS -> EMOJI SELLUP */
  1991. .popoutContainer-1MXdqN {
  1992. background-color: var(--popout-color) !important;
  1993. border-radius: var(--popout-radius-big) !important;
  1994. box-shadow: var(--shadow-3dp) !important; }
  1995. .popoutContainer-1MXdqN .emojiSection-3Fb9ix,
  1996. .popoutContainer-1MXdqN .guildSection-1EoFKd {
  1997. background-color: transparent; }
  1998. .popoutContainer-1MXdqN .guildSection-1EoFKd {
  1999. border-top: 1px solid var(--card-border-color); }
  2000. .container-JHR0NT {
  2001. z-index: 2; }
  2002. .container-JHR0NT .stickerResults-3HacYG {
  2003. padding: 16px 16px 8px; }
  2004. .container-JHR0NT .bottomInformationTextContainer-2lvA_a {
  2005. padding: 8px 16px 8px;
  2006. border-top: 1px solid var(--card-border-color); }
  2007. .container-JHR0NT .bottomInformationTextContainer-2lvA_a .textDivider-3RoZIQ {
  2008. display: none; }
  2009. .container-JHR0NT .containerBackground-LlUax5 {
  2010. background-color: var(--popout-color);
  2011. border-radius: var(--popout-radius-big);
  2012. box-shadow: var(--shadow-3dp);
  2013. border: none; }
  2014. .container-JHR0NT .containerBackground-LlUax5:after {
  2015. border-top-color: var(--popout-color); }
  2016. /* CHAT AREA -> MESSAGES -> ATTACHMENTS -> IMAGES */
  2017. .imageWrapper-2p5ogY.embedWrapper-lXpS3L {
  2018. border-radius: var(--message-radius); }
  2019. .embedMedia-1guQoW {
  2020. border-radius: var(--message-radius); }
  2021. .spoilerContainer-331r0R {
  2022. border-radius: var(--message-radius);
  2023. box-shadow: none !important; }
  2024. /* CHAT AREA -> MAIN TEXTAREA */
  2025. .form-2fGMdU,
  2026. .form-3uUEen {
  2027. margin-top: 0;
  2028. background-color: var(--chat-color); }
  2029. .form-2fGMdU:before,
  2030. .form-3uUEen:before {
  2031. display: none; }
  2032. .form-2fGMdU .channelTextArea-rNsIhG,
  2033. .form-2fGMdU .channelTextArea-2ZBawt,
  2034. .form-3uUEen .channelTextArea-rNsIhG,
  2035. .form-3uUEen .channelTextArea-2ZBawt {
  2036. margin: 12px 0;
  2037. background-color: transparent;
  2038. border-radius: var(--main-textarea-radius); }
  2039. .form-2fGMdU .channelTextArea-rNsIhG.channelTextAreaDisabled-8rmlrp,
  2040. .form-2fGMdU .channelTextArea-2ZBawt.channelTextAreaDisabled-8rmlrp,
  2041. .form-3uUEen .channelTextArea-rNsIhG.channelTextAreaDisabled-8rmlrp,
  2042. .form-3uUEen .channelTextArea-2ZBawt.channelTextAreaDisabled-8rmlrp {
  2043. opacity: 0.8; }
  2044. .form-2fGMdU .channelTextArea-rNsIhG .scrollableContainer-2NUZem,
  2045. .form-2fGMdU .channelTextArea-2ZBawt .scrollableContainer-2NUZem,
  2046. .form-3uUEen .channelTextArea-rNsIhG .scrollableContainer-2NUZem,
  2047. .form-3uUEen .channelTextArea-2ZBawt .scrollableContainer-2NUZem {
  2048. background-color: var(--main-textarea-color);
  2049. border-radius: var(--main-textarea-radius);
  2050. border: 1px solid var(--main-textarea-border);
  2051. opacity: 1; }
  2052. .form-2fGMdU .channelTextArea-rNsIhG .scrollableContainer-2NUZem.hasReply-16cIUP,
  2053. .form-2fGMdU .channelTextArea-2ZBawt .scrollableContainer-2NUZem.hasReply-16cIUP,
  2054. .form-3uUEen .channelTextArea-rNsIhG .scrollableContainer-2NUZem.hasReply-16cIUP,
  2055. .form-3uUEen .channelTextArea-2ZBawt .scrollableContainer-2NUZem.hasReply-16cIUP {
  2056. border-radius: 0 0 var(--main-textarea-radius) var(--main-textarea-radius); }
  2057. .form-2fGMdU .channelTextArea-rNsIhG .container-2fRDfG,
  2058. .form-2fGMdU .channelTextArea-2ZBawt .container-2fRDfG,
  2059. .form-3uUEen .channelTextArea-rNsIhG .container-2fRDfG,
  2060. .form-3uUEen .channelTextArea-2ZBawt .container-2fRDfG {
  2061. border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0;
  2062. border: 1px solid var(--main-textarea-border);
  2063. border-bottom: none; }
  2064. .form-2fGMdU .channelTextArea-rNsIhG .container-2fRDfG .colorBrand-2tjs5J,
  2065. .form-2fGMdU .channelTextArea-2ZBawt .container-2fRDfG .colorBrand-2tjs5J,
  2066. .form-3uUEen .channelTextArea-rNsIhG .container-2fRDfG .colorBrand-2tjs5J,
  2067. .form-3uUEen .channelTextArea-2ZBawt .container-2fRDfG .colorBrand-2tjs5J {
  2068. color: var(--accent-color); }
  2069. .form-2fGMdU .attachButtonPlus-jWVFah,
  2070. .form-3uUEen .attachButtonPlus-jWVFah {
  2071. d: path("M7.5,18A5.5,5.5 0 0,1 2,12.5A5.5,5.5 0 0,1 7.5,7H18A4,4 0 0,1 22,11A4,4 0 0,1 18,15H9.5A2.5,2.5 0 0,1 7,12.5A2.5,2.5 0 0,1 9.5,10H17V11.5H9.5A1,1 0 0,0 8.5,12.5A1,1 0 0,0 9.5,13.5H18A2.5,2.5 0 0,0 20.5,11A2.5,2.5 0 0,0 18,8.5H7.5A4,4 0 0,0 3.5,12.5A4,4 0 0,0 7.5,16.5H17V18H7.5Z") !important; }
  2072. .form-2fGMdU .typing-2GQL18,
  2073. .form-3uUEen .typing-2GQL18 {
  2074. position: absolute;
  2075. width: 100%;
  2076. top: -24px;
  2077. left: 0;
  2078. background-color: var(--typing-color);
  2079. transition: 200ms ease-in-out; }
  2080. .form-2fGMdU .button-38aScr.lookBlank-3eh9lL,
  2081. .form-3uUEen .button-38aScr.lookBlank-3eh9lL {
  2082. background-color: transparent !important; }
  2083. .wrapper-39oAo3 {
  2084. height: 44px;
  2085. margin: 12px 0;
  2086. padding: 0;
  2087. background-color: var(--main-textarea-color);
  2088. border: 1px solid var(--main-textarea-border);
  2089. border-radius: var(--main-textarea-radius); }
  2090. .fakeLink-26oLcc {
  2091. color: var(--accent-color); }
  2092. /*
  2093. *
  2094. * USER STATUS
  2095. *
  2096. */
  2097. .panels-j1Uci_ {
  2098. background-color: transparent; }
  2099. .panels-j1Uci_ .container-6sXIoE,
  2100. .panels-j1Uci_ .container-3baos1,
  2101. .panels-j1Uci_ .panel-24C3ux {
  2102. margin-bottom: 0; }
  2103. .panels-j1Uci_ .container-6sXIoE,
  2104. .panels-j1Uci_ .panel-24C3ux,
  2105. .panels-j1Uci_ .container-1giJp5 {
  2106. background-color: var(--sidebar-panel-color); }
  2107. .panels-j1Uci_ .container-6sXIoE,
  2108. .panels-j1Uci_ .container-1giJp5 {
  2109. border-bottom: none; }
  2110. .panels-j1Uci_ .container-6sXIoE + .wrapper-24pKcD .container-1giJp5,
  2111. .panels-j1Uci_ .panel-24C3ux + .container-6sXIoE {
  2112. border-top: 1px solid var(--background-modifier-accent); }
  2113. .panels-j1Uci_ .container-1giJp5 .button-14-BFJ,
  2114. .panels-j1Uci_ .container-6sXIoE .button-14-BFJ {
  2115. background-color: transparent !important;
  2116. position: relative; }
  2117. .panels-j1Uci_ .container-1giJp5 .button-14-BFJ:after,
  2118. .panels-j1Uci_ .container-6sXIoE .button-14-BFJ:after {
  2119. content: " ";
  2120. position: absolute;
  2121. width: 100%;
  2122. height: 100%;
  2123. top: 0;
  2124. left: 0;
  2125. background-color: rgba(var(--md-ripple-color), 0.1);
  2126. border-radius: 50%;
  2127. opacity: 0;
  2128. pointer-events: none;
  2129. transform: scale(1.2);
  2130. transition: 300ms ease;
  2131. z-index: 4; }
  2132. .panels-j1Uci_ .container-1giJp5 .button-14-BFJ:hover:after,
  2133. .panels-j1Uci_ .container-6sXIoE .button-14-BFJ:hover:after {
  2134. opacity: 1;
  2135. transform: scale(1.1);
  2136. animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  2137. .panels-j1Uci_ .container-1giJp5 .button-14-BFJ:active:after,
  2138. .panels-j1Uci_ .container-6sXIoE .button-14-BFJ:active:after {
  2139. background-color: rgba(var(--md-ripple-color), 0.2); }
  2140. .panels-j1Uci_ .container-1giJp5 .button-14-BFJ path[d="M21.1169 1.11603L22.8839 2.88403L19.7679 6.00003L22.8839 9.11603L21.1169 10.884L17.9999 7.76803L14.8839 10.884L13.1169 9.11603L16.2329 6.00003L13.1169 2.88403L14.8839 1.11603L17.9999 4.23203L21.1169 1.11603ZM18 22H13C6.925 22 2 17.075 2 11V6C2 5.447 2.448 5 3 5H7C7.553 5 8 5.447 8 6V10C8 10.553 7.553 11 7 11H6C6.063 14.938 9 18 13 18V17C13 16.447 13.447 16 14 16H18C18.553 16 19 16.447 19 17V21C19 21.553 18.553 22 18 22Z"] {
  2141. d: path("M18.59 10.52c1.05.51 2.04 1.15 2.96 1.91l-1.07 1.07c-.58-.47-1.21-.89-1.88-1.27v-1.71m-13.2 0v1.7c-.65.37-1.28.79-1.87 1.27l-1.07-1.07c.91-.75 1.9-1.38 2.94-1.9M12 7C7.46 7 3.34 8.78.29 11.67c-.18.18-.29.43-.29.71s.11.53.29.7l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.1.7-.28.79-.73 1.68-1.36 2.66-1.85.33-.16.56-.51.56-.9v-3.1C8.85 9.25 10.4 9 12 9s3.15.25 4.59.73v3.1c0 .4.23.74.56.9.98.49 1.88 1.11 2.67 1.85.18.17.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71s-.11-.53-.29-.71C20.66 8.78 16.54 7 12 7z") !important; }
  2142. .panels-j1Uci_ .container-3baos1 {
  2143. height: 70px;
  2144. background-color: var(--status-picker-color);
  2145. /* USER STATUS -> ICONS */ }
  2146. .panels-j1Uci_ .container-3baos1 .button-14-BFJ {
  2147. background-color: transparent !important;
  2148. border-radius: 50%;
  2149. position: relative;
  2150. color: var(--interactive-normal) !important; }
  2151. .panels-j1Uci_ .container-3baos1 .button-14-BFJ:after {
  2152. content: " ";
  2153. position: absolute;
  2154. width: 100%;
  2155. height: 100%;
  2156. top: 0;
  2157. left: 0;
  2158. background-color: rgba(var(--md-ripple-color), 0.1);
  2159. border-radius: 50%;
  2160. opacity: 0;
  2161. pointer-events: none;
  2162. transform: scale(1.2);
  2163. transition: 300ms ease;
  2164. z-index: 4; }
  2165. .panels-j1Uci_ .container-3baos1 .button-14-BFJ:hover:after {
  2166. opacity: 1;
  2167. transform: scale(1.1);
  2168. animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  2169. .panels-j1Uci_ .container-3baos1 .button-14-BFJ:active:after {
  2170. background-color: rgba(var(--md-ripple-color), 0.2); }
  2171. .panels-j1Uci_ .container-3baos1 .button-14-BFJ:hover {
  2172. color: var(--interactive-hover) !important; }
  2173. .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path {
  2174. /* USER STATUS -> ICONS -> MUTE */
  2175. /* USER STATUS -> ICONS -> UNMUTE */
  2176. /* USER STATUS -> ICONS -> DEAFEN */
  2177. /* USER STATUS -> ICONS -> UNDEAFEN */
  2178. /* USER STATUS -> ICONS -> SETTINGS */ }
  2179. .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path[d="M14.99 11C14.99 12.66 13.66 14 12 14C10.34 14 9 12.66 9 11V5C9 3.34 10.34 2 12 2C13.66 2 15 3.34 15 5L14.99 11ZM12 16.1C14.76 16.1 17.3 14 17.3 11H19C19 14.42 16.28 17.24 13 17.72V21H11V17.72C7.72 17.23 5 14.41 5 11H6.7C6.7 14 9.24 16.1 12 16.1ZM12 4C11.2 4 11 4.66667 11 5V11C11 11.3333 11.2 12 12 12C12.8 12 13 11.3333 13 11V5C13 4.66667 12.8 4 12 4Z"] {
  2180. d: path("M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1-9c0-.55.45-1 1-1s1 .45 1 1v6c0 .55-.45 1-1 1s-1-.45-1-1V5zm6 6c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z") !important; }
  2181. .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path[d="M14.99 11C14.99 12.66 13.66 14 12 14C10.34 14 9 12.66 9 11V5C9 3.34 10.34 2 12 2C13.66 2 15 3.34 15 5L14.99 11ZM12 16.1C14.76 16.1 17.3 14 17.3 11H19C19 14.42 16.28 17.24 13 17.72V21H11V17.72C7.72 17.23 5 14.41 5 11H6.7C6.7 14 9.24 16.1 12 16.1ZM12 4C11.2 4 11 4.66667 11 5V11C11 11.3333 11.2 12 12 12C12.8 12 13 11.3333 13 11V5C13 4.66667 12.8 4 12 4Z"] ~ path {
  2182. display: none; }
  2183. .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] {
  2184. d: path("M10.8 4.9c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 3.91L15 10.6V5c0-1.66-1.34-3-3-3-1.54 0-2.79 1.16-2.96 2.65l1.76 1.76V4.9zM19 11h-1.7c0 .58-.1 1.13-.27 1.64l1.27 1.27c.44-.88.7-1.87.7-2.91zM4.41 2.86L3 4.27l6 6V11c0 1.66 1.34 3 3 3 .23 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.55-.9l4.2 4.2 1.41-1.41L4.41 2.86") !important; }
  2185. .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] ~ path {
  2186. display: none; }
  2187. .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path[d="M12 2.00305C6.486 2.00305 2 6.48805 2 12.0031V20.0031C2 21.1071 2.895 22.0031 4 22.0031H6C7.104 22.0031 8 21.1071 8 20.0031V17.0031C8 15.8991 7.104 15.0031 6 15.0031H4V12.0031C4 7.59105 7.589 4.00305 12 4.00305C16.411 4.00305 20 7.59105 20 12.0031V15.0031H18C16.896 15.0031 16 15.8991 16 17.0031V20.0031C16 21.1071 16.896 22.0031 18 22.0031H20C21.104 22.0031 22 21.1071 22 20.0031V12.0031C22 6.48805 17.514 2.00305 12 2.00305Z"] {
  2188. d: path("M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z") !important; }
  2189. .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path[d="M6.16204 15.0065C6.10859 15.0022 6.05455 15 6 15H4V12C4 7.588 7.589 4 12 4C13.4809 4 14.8691 4.40439 16.0599 5.10859L17.5102 3.65835C15.9292 2.61064 14.0346 2 12 2C6.486 2 2 6.485 2 12V19.1685L6.16204 15.0065Z"] {
  2190. d: path("M4.34 2.93L2.93 4.34 7.29 8.7 7 9H3v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06c1.34-.3 2.57-.92 3.61-1.75l2.05 2.05 1.41-1.41L4.34 2.93zM10 15.17L7.83 13H5v-2h2.83l.88-.88L10 11.41v3.76zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zm-7-8l-1.88 1.88L12 7.76zm4.5 8c0-1.77-1.02-3.29-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24z") !important; }
  2191. .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path[d="M6.16204 15.0065C6.10859 15.0022 6.05455 15 6 15H4V12C4 7.588 7.589 4 12 4C13.4809 4 14.8691 4.40439 16.0599 5.10859L17.5102 3.65835C15.9292 2.61064 14.0346 2 12 2C6.486 2 2 6.485 2 12V19.1685L6.16204 15.0065Z"] ~ path {
  2192. display: none; }
  2193. .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path[d="M19.738 10H22V14H19.739C19.498 14.931 19.1 15.798 18.565 16.564L20 18L18 20L16.565 18.564C15.797 19.099 14.932 19.498 14 19.738V22H10V19.738C9.069 19.498 8.203 19.099 7.436 18.564L6 20L4 18L5.436 16.564C4.901 15.799 4.502 14.932 4.262 14H2V10H4.262C4.502 9.068 4.9 8.202 5.436 7.436L4 6L6 4L7.436 5.436C8.202 4.9 9.068 4.502 10 4.262V2H14V4.261C14.932 4.502 15.797 4.9 16.565 5.435L18 3.999L20 5.999L18.564 7.436C19.099 8.202 19.498 9.069 19.738 10ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z"] {
  2194. d: path("M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z") !important; }
  2195. /* USER STATUS -> STATUS PICKER */
  2196. .layer-v9HyYc[style*="left: 80px; bottom: 6"] {
  2197. top: initial !important;
  2198. left: 72px !important;
  2199. bottom: 68px !important; }
  2200. .menu-3sdvDG#status-picker {
  2201. width: 240px;
  2202. min-height: 68px;
  2203. background-color: var(--sidebar-panel-color);
  2204. border-radius: 0;
  2205. box-shadow: none;
  2206. animation: show-status var(--default-time) var(--default-animation); }
  2207. .menu-3sdvDG#status-picker .scroller-3BxosC {
  2208. padding: 0; }
  2209. .menu-3sdvDG#status-picker .scroller-3BxosC::-webkit-scrollbar {
  2210. width: 0 !important; }
  2211. .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status) {
  2212. position: relative;
  2213. display: inline-block;
  2214. width: 60px;
  2215. height: 68px;
  2216. margin: 0;
  2217. border-radius: 0;
  2218. font-size: 0;
  2219. overflow: hidden;
  2220. animation: status 300ms var(--default-animation) backwards; }
  2221. .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-online {
  2222. animation-delay: 100ms; }
  2223. .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-online .statusItem-33LqPf {
  2224. background-color: #43b581; }
  2225. .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-online .status-1fhblQ {
  2226. background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/check_dark.svg); }
  2227. .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-idle {
  2228. animation-delay: 140ms; }
  2229. .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-idle .statusItem-33LqPf {
  2230. background-color: #faa61a; }
  2231. .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-idle .status-1fhblQ {
  2232. background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/alarm_dark.svg); }
  2233. .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-dnd {
  2234. animation-delay: 180ms; }
  2235. .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-dnd .statusItem-33LqPf {
  2236. background-color: #f04747; }
  2237. .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-dnd .status-1fhblQ {
  2238. background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/remove_dark.svg); }
  2239. .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-invisible {
  2240. animation-delay: 220ms; }
  2241. .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-invisible .statusItem-33LqPf {
  2242. background-color: #747f8d; }
  2243. .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-invisible .status-1fhblQ {
  2244. background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/visibility_off_dark.svg); }
  2245. .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status) .statusItem-33LqPf {
  2246. position: absolute;
  2247. display: block;
  2248. width: 40px;
  2249. height: 40px;
  2250. top: 0;
  2251. left: 0;
  2252. right: 0;
  2253. bottom: 0;
  2254. margin: auto;
  2255. padding: 0;
  2256. border-radius: 50%;
  2257. transition: var(--default-time) var(--default-animation); }
  2258. .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status) .statusItem-33LqPf .description-2L932D {
  2259. display: none; }
  2260. .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status):hover .statusItem-33LqPf {
  2261. transform: scale(2.25); }
  2262. .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status):hover .status-1fhblQ {
  2263. opacity: 0.65; }
  2264. .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status).focused-3afm-j {
  2265. background-color: transparent; }
  2266. .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status) .icon-1IxfJ2 {
  2267. display: none; }
  2268. .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status) .status-1fhblQ {
  2269. display: block;
  2270. position: absolute;
  2271. width: 15px;
  2272. height: 15px;
  2273. top: 0;
  2274. left: 0;
  2275. right: 0;
  2276. bottom: 0;
  2277. margin: auto;
  2278. background-size: 100%;
  2279. background-position: center;
  2280. background-repeat: no-repeat;
  2281. opacity: 0;
  2282. transition: var(--default-time) var(--default-animation);
  2283. font-size: 0; }
  2284. .menu-3sdvDG#status-picker .item-1tOPte#status-picker-custom-status {
  2285. margin-top: -3px;
  2286. margin-bottom: 0;
  2287. background-color: var(--menu-item-hover);
  2288. border-radius: 0;
  2289. transition: var(--default-time) var(--default-animation) background-color; }
  2290. .menu-3sdvDG#status-picker .item-1tOPte#status-picker-custom-status.focused-3afm-j {
  2291. background-color: var(--menu-item-hover);
  2292. color: var(--interactive-normal); }
  2293. .menu-3sdvDG#status-picker .item-1tOPte#status-picker-custom-status .statusItem-33LqPf {
  2294. min-height: 28px;
  2295. padding: 4px 12px;
  2296. grid-template-rows: 28px 1fr;
  2297. grid-temaplte-columns: 28px 1fr; }
  2298. .menu-3sdvDG#status-picker .item-1tOPte#status-picker-custom-status .statusItem-33LqPf .customEmoji-2_2FwB {
  2299. margin-left: 0; }
  2300. .menu-3sdvDG#status-picker .separator-2I32lJ {
  2301. display: none; }
  2302. .menu-3sdvDG#status-picker .layer-v9HyYc[style*="left: 316px"] {
  2303. left: 312px !important; }
  2304. .menu-3sdvDG#status-picker .menu-3sdvDG[aria-activedescendant*="status-picker-custom-status"] {
  2305. padding: 8px 0;
  2306. background-color: var(--popout-color);
  2307. border-radius: var(--popout-radius);
  2308. box-shadow: var(--shadow-3dp); }
  2309. .menu-3sdvDG#status-picker .menu-3sdvDG[aria-activedescendant*="status-picker-custom-status"] .item-1tOPte {
  2310. display: flex !important;
  2311. width: 100% !important;
  2312. height: 36px !important;
  2313. font-size: 14px !important;
  2314. animation: none !important;
  2315. transition: var(--default-time) var(--default-animation) background-color; }
  2316. .menu-3sdvDG#status-picker .menu-3sdvDG[aria-activedescendant*="status-picker-custom-status"] .item-1tOPte.focused-3afm-j {
  2317. background-color: var(--menu-item-hover) !important; }
  2318. body:active .menu-3sdvDG#status-picker:not(:active) {
  2319. opacity: 0;
  2320. transform: translateY(100%);
  2321. transition: 200ms var(--default-animation) !important; }
  2322. .emojiButtonContainer-3d6DFV {
  2323. margin: 0;
  2324. z-index: 2; }
  2325. .emojiButtonContainer-3d6DFV + .inputWrapper-31_8H8 .input-cIJ7To {
  2326. padding-left: 32px; }
  2327. .menu-3sdvDG#activity-popout {
  2328. background-color: var(--popout-color);
  2329. border-radius: var(--popout-radius);
  2330. box-shadow: var(--shadow-3dp); }
  2331. .menu-3sdvDG#activity-popout .scroller-3BxosC {
  2332. padding: 8px 0;
  2333. padding-right: 0 !important; }
  2334. .menu-3sdvDG#activity-popout .scroller-3BxosC::-webkit-scrollbar {
  2335. width: 0 !important; }
  2336. .menu-3sdvDG#activity-popout .scroller-3BxosC .activityItem-1pRGhE {
  2337. margin: 0;
  2338. border-radius: 0;
  2339. transition: var(--default-time) var(--default-animation) background-color; }
  2340. .menu-3sdvDG#activity-popout .scroller-3BxosC .activityItem-1pRGhE:hover {
  2341. background-color: var(--menu-item-hover); }
  2342. .menu-3sdvDG#activity-popout .scroller-3BxosC .separator-2I32lJ {
  2343. margin: 8px 0;
  2344. border-bottom-color: var(--separator-color); }
  2345. .menu-3sdvDG#activity-popout .betaTag-F_ncuo {
  2346. padding: 0 6px;
  2347. background-color: var(--accent-color);
  2348. color: var(--accent-text-color);
  2349. font-size: 13px;
  2350. text-transform: none; }
  2351. /*
  2352. *
  2353. * VOICE CONNECTED
  2354. *
  2355. */
  2356. .avatarSpeaking-2IGMRN,
  2357. .avatarSpeaking-2c8-9i,
  2358. .speaking-3dBKhR {
  2359. box-shadow: inset 0 0 0 2px var(--accent-color), inset 0 0 0 3px var(--background-secondary); }
  2360. .rtcConnectionStatusConnected-VRZDjy {
  2361. background-color: transparent !important;
  2362. color: var(--success-color) !important; }
  2363. /* VOICE CONNECTED -> RTC CONNECTION */
  2364. .container-2x5lvQ {
  2365. background-color: var(--popout-color);
  2366. border-radius: var(--popout-radius-big);
  2367. box-shadow: var(--shadow-3dp); }
  2368. .container-2x5lvQ .header-2C89wJ,
  2369. .container-2x5lvQ section {
  2370. background-color: transparent !important; }
  2371. .container-2x5lvQ .header-2C89wJ {
  2372. border-bottom: 1px solid var(--popout-header-border);
  2373. text-transform: none;
  2374. justify-content: left; }
  2375. /* VOICE CONNECTED -> NOISE SUPPRESSION */
  2376. .noiseCancellationPopout-iRK2A0 {
  2377. background-color: var(--popout-color);
  2378. border-radius: var(--popout-radius-big);
  2379. box-shadow: var(--shadow-3dp); }
  2380. .noiseCancellationPopout-iRK2A0 .micTestButton-m2rQFo {
  2381. width: 64px; }
  2382. /* VOICE CONNECTED -> BUTTONS */
  2383. .actionButtons-14eAc_ .button-38aScr .buttonIcon-Od8mYw path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] {
  2384. d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z"); }
  2385. .actionButtons-14eAc_ .button-38aScr .buttonIcon-Od8mYw path[d="M2 4.5C2 3.397 2.897 2.5 4 2.5H20C21.103 2.5 22 3.397 22 4.5V15.5C22 16.604 21.103 17.5 20 17.5H13V19.5H17V21.5H7V19.5H11V17.5H4C2.897 17.5 2 16.604 2 15.5V4.5ZM13.2 14.3375V11.6C9.864 11.6 7.668 12.6625 6 15C6.672 11.6625 8.532 8.3375 13.2 7.6625V5L18 9.6625L13.2 14.3375Z"] {
  2386. d: path("M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.11-.9-2-2-2H4c-1.11 0-2 .89-2 2v10c0 1.1.89 2 2 2H0v2h24v-2h-4zM4 16V6h16v10.01L4 16zm9-6.87c-3.89.54-5.44 3.2-6 5.87 1.39-1.87 3.22-2.72 6-2.72v2.19l4-3.74L13 7v2.13z"); }
  2387. /*
  2388. *
  2389. * STAGE CHANNEL
  2390. *
  2391. */
  2392. .content-ZVP-cK {
  2393. margin: 16px; }
  2394. .leaveQuietlyButton-1yMc0b:after {
  2395. display: none; }
  2396. /*
  2397. *
  2398. * SCREEN SHARE
  2399. *
  2400. */
  2401. .modalSize-cqUaws .segmentContainer-3izQ9Z {
  2402. border-bottom: 1px solid var(--card-border-color); }
  2403. .modalSize-cqUaws .segmentContainer-3izQ9Z .divider-3upnin {
  2404. display: none; }
  2405. .modalSize-cqUaws .segmentContainer-3izQ9Z .segmentControlOption-1vCKaY.selected-P8xTeN {
  2406. border-bottom: none !important;
  2407. position: relative; }
  2408. .modalSize-cqUaws .segmentContainer-3izQ9Z .segmentControlOption-1vCKaY.selected-P8xTeN:after {
  2409. position: absolute;
  2410. content: " ";
  2411. width: 100%;
  2412. height: 3px;
  2413. left: 0;
  2414. right: 0;
  2415. bottom: 0;
  2416. margin: 0 auto;
  2417. background: var(--tab-border-color);
  2418. border-radius: 3px 3px 0 0;
  2419. transition: var(--default-time) ease all; }
  2420. .modalSize-cqUaws .tile-2w4k5N:hover .sourceThumbnail-27dolk {
  2421. box-shadow: inset 0 0 0 2px var(--accent-color); }
  2422. .modalSize-cqUaws .card-2Mz_4z {
  2423. padding: 6px 4px 6px 8px;
  2424. background-color: var(--input-color);
  2425. border-radius: 22px;
  2426. border: none; }
  2427. .modalSize-cqUaws .card-2Mz_4z .changeButton-278ZT6, .modalSize-cqUaws .card-2Mz_4z .changeButton-278ZT6:after {
  2428. border-radius: 18px !important; }
  2429. .modalSize-cqUaws .group-2dAfBy {
  2430. border-radius: 16px;
  2431. border: 1px solid var(--card-border-color);
  2432. overflow: hidden; }
  2433. .modalSize-cqUaws .group-2dAfBy .selectorButton-EEUWed {
  2434. border: none !important;
  2435. transition: var(--default-time) var(--default-animation) background-color; }
  2436. .modalSize-cqUaws .group-2dAfBy .selectorButton-EEUWed:hover {
  2437. background-color: var(--menu-item-hover); }
  2438. .modalSize-cqUaws .group-2dAfBy .selectorButton-EEUWed.selectorButtonSelected-t5V9On {
  2439. background-color: var(--menu-item-select); }
  2440. .modalSize-cqUaws .group-2dAfBy .selectorButton-EEUWed .selectorText-2I7fQU {
  2441. color: var(--menu-item-text-color); }
  2442. /*
  2443. *
  2444. * PICTURE IN PICTURE
  2445. *
  2446. */
  2447. .elevationHigh-3A9Xbf,
  2448. .pictureInPictureWindow-1B5qSe {
  2449. border-radius: var(--popout-radius-big);
  2450. box-shadow: var(--shadow-3dp) !important; }
  2451. .pictureInPictureVideo-2iKsGg {
  2452. background-color: var(--popout-color);
  2453. border-radius: var(--popout-radius-big);
  2454. box-shadow: var(--shadow-3dp);
  2455. /* PiP -> CONTROLS */ }
  2456. .pictureInPictureVideo-2iKsGg .videoControls-38i4kP {
  2457. /* PiP -> CONTROLS -> VIEWERS */ }
  2458. .pictureInPictureVideo-2iKsGg .videoControls-38i4kP .controlIcon-35oS15 path {
  2459. /* PiP -> CONTROLS -> TURN ON CAMERA */
  2460. /* PiP -> CONTROLS -> SETTINGS */
  2461. /* PiP -> CONTROLS -> STOP SCREEN SHARE */ }
  2462. .pictureInPictureVideo-2iKsGg .videoControls-38i4kP .controlIcon-35oS15 path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] {
  2463. d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z"); }
  2464. .pictureInPictureVideo-2iKsGg .videoControls-38i4kP .controlIcon-35oS15 path[d="M19.738 10H22V14H19.739C19.498 14.931 19.1 15.798 18.565 16.564L20 18L18 20L16.565 18.564C15.797 19.099 14.932 19.498 14 19.738V22H10V19.738C9.069 19.498 8.203 19.099 7.436 18.564L6 20L4 18L5.436 16.564C4.901 15.799 4.502 14.932 4.262 14H2V10H4.262C4.502 9.068 4.9 8.202 5.436 7.436L4 6L6 4L7.436 5.436C8.202 4.9 9.068 4.502 10 4.262V2H14V4.261C14.932 4.502 15.797 4.9 16.565 5.435L18 3.999L20 5.999L18.564 7.436C19.099 8.202 19.498 9.069 19.738 10ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z"] {
  2465. d: path("M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"); }
  2466. .pictureInPictureVideo-2iKsGg .videoControls-38i4kP .controlIcon-35oS15 path[d="M4 2.5C2.897 2.5 2 3.397 2 4.5V15.5C2 16.604 2.897 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C21.103 17.5 22 16.604 22 15.5V4.5C22 3.397 21.103 2.5 20 2.5H4ZM14.5483 6L16 7.45174L13.4466 9.99485L16 12.5483L14.5483 14L12.0051 11.4466L9.45174 14L8 12.5483L10.5534 9.99485L8 7.45174L9.45174 6L12.0051 8.55341L14.5483 6Z"] {
  2467. d: path("M21.79 18l2 2H24v-2h-2.21zM1.11 2.98l1.55 1.56c-.41.37-.66.89-.66 1.48V16c0 1.1.9 2 2.01 2H0v2h18.13l2.71 2.71 1.41-1.41L2.52 1.57 1.11 2.98zM4 6.02h.13l4.95 4.93C7.94 12.07 7.31 13.52 7 15c.96-1.29 2.13-2.08 3.67-2.46l3.46 3.48H4v-10zm16 0v10.19l1.3 1.3c.42-.37.7-.89.7-1.49v-10c0-1.11-.9-2-2-2H7.8l2 2H20zm-7.07 3.13l2.79 2.78 1.28-1.2L13 7v2.13l-.07.02z"); }
  2468. .pictureInPictureVideo-2iKsGg .videoControls-38i4kP .viewersIcon-F76mss path {
  2469. d: path("M12 6.5c3.79 0 7.17 2.13 8.82 5.5-1.65 3.37-5.02 5.5-8.82 5.5S4.83 15.37 3.18 12C4.83 8.63 8.21 6.5 12 6.5m0-2C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zm0 5c1.38 0 2.5 1.12 2.5 2.5s-1.12 2.5-2.5 2.5-2.5-1.12-2.5-2.5 1.12-2.5 2.5-2.5m0-2c-2.48 0-4.5 2.02-4.5 4.5s2.02 4.5 4.5 4.5 4.5-2.02 4.5-4.5-2.02-4.5-4.5-4.5z"); }
  2470. /*
  2471. *
  2472. * USER SETTINGS
  2473. *
  2474. */
  2475. .layer-3QrUeG,
  2476. .standardSidebarView-3F1I7i {
  2477. background-color: transparent; }
  2478. .sidebarRegionScroller-3MXcoP {
  2479. background-color: var(--main-alt); }
  2480. .contentRegion-3nDuYy {
  2481. background-color: var(--main-color); }
  2482. .contentRegion-3nDuYy .contentRegionScroller-26nc1e {
  2483. background-color: transparent; }
  2484. .h2-2gWE-o {
  2485. text-transform: none;
  2486. font-weight: 500; }
  2487. .divider-3573oO {
  2488. border-top-color: var(--card-border-color); }
  2489. .layer-3QrUeG.animating {
  2490. pointer-events: initial !important;
  2491. will-change: transform, opacity; }
  2492. [class*="theme-"] .standardSidebarView-3F1I7i {
  2493. backface-visibility: hidden; }
  2494. .layer-3QrUeG {
  2495. transform: none !important;
  2496. transition: 300ms var(--default-animation) all;
  2497. backface-visibility: hidden; }
  2498. .layer-3QrUeG.animating-rRxada {
  2499. transform: none !important; }
  2500. .layer-3QrUeG.stop-animations:first-of-type {
  2501. transform: scale(0.95) !important;
  2502. opacity: 0 !important; }
  2503. .layer-3QrUeG + .layer-3QrUeG {
  2504. transform: scale(1.1) !important;
  2505. opacity: 0 !important;
  2506. pointer-events: none !important;
  2507. transition: 300ms var(--default-animation) all, 150ms ease opacity; }
  2508. .layer-3QrUeG.stop-animations ~ .layer-3QrUeG {
  2509. pointer-events: initial !important;
  2510. transform: none !important;
  2511. opacity: 1 !important;
  2512. animation: opensettings 300ms var(--default-animation); }
  2513. @keyframes opensettings {
  2514. 0% {
  2515. transform: scale(1.1);
  2516. opacity: 0; } }
  2517. .closeButton-1tv5uR {
  2518. position: relative;
  2519. border: none; }
  2520. .closeButton-1tv5uR:after {
  2521. content: " ";
  2522. position: absolute;
  2523. width: 100%;
  2524. height: 100%;
  2525. top: 0;
  2526. left: 0;
  2527. background-color: rgba(var(--md-ripple-color), 0.1);
  2528. border-radius: 50%;
  2529. opacity: 0;
  2530. pointer-events: none;
  2531. transform: scale(1.2);
  2532. transition: 300ms ease;
  2533. z-index: 4; }
  2534. .closeButton-1tv5uR:hover:after {
  2535. opacity: 1;
  2536. transform: scale(1.2);
  2537. animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  2538. .closeButton-1tv5uR:active:after {
  2539. background-color: rgba(var(--md-ripple-color), 0.2); }
  2540. .closeButton-1tv5uR:hover {
  2541. background-color: transparent !important; }
  2542. .closeButton-1tv5uR:active {
  2543. transform: translateX(0px); }
  2544. .keybind-KpFkfr {
  2545. color: var(--text-muted) !important; }
  2546. /* USER SETTINGS -> MY ACCOUNT */
  2547. .contentColumnDefault-1VQkGM > div:not([class]):first-child > div:not([class]):first-child + .divider-3573oO {
  2548. display: none; }
  2549. .background-1QDuV2 {
  2550. padding: 0;
  2551. background-color: var(--card-color);
  2552. border-radius: var(--card-radius-big);
  2553. border: 1px solid var(--card-border-color); }
  2554. .background-1QDuV2 .profile-1eT9hT {
  2555. padding: 16px;
  2556. background-color: transparent;
  2557. border-bottom: 1px solid var(--card-border-color);
  2558. font-size: 1em;
  2559. color: var(--card-header-text-color);
  2560. font-weight: 500; }
  2561. .background-1QDuV2 .profile-1eT9hT .menu-319q29 div[role="button"] {
  2562. height: 24px;
  2563. transform: rotate(90deg);
  2564. position: relative; }
  2565. .background-1QDuV2 .profile-1eT9hT .menu-319q29 div[role="button"]:after {
  2566. content: " ";
  2567. position: absolute;
  2568. width: 100%;
  2569. height: 100%;
  2570. top: 0;
  2571. left: 0;
  2572. background-color: rgba(var(--md-ripple-color), 0.1);
  2573. border-radius: 50%;
  2574. opacity: 0;
  2575. pointer-events: none;
  2576. transform: scale(1.2);
  2577. transition: 300ms ease;
  2578. z-index: 4; }
  2579. .background-1QDuV2 .profile-1eT9hT .menu-319q29 div[role="button"]:hover:after {
  2580. opacity: 1;
  2581. transform: scale(1.6);
  2582. animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  2583. .background-1QDuV2 .profile-1eT9hT .menu-319q29 div[role="button"]:active:after {
  2584. background-color: rgba(var(--md-ripple-color), 0.2); }
  2585. .background-1QDuV2 .fieldList-21DyL8 {
  2586. margin-top: 0;
  2587. padding: 16px; }
  2588. .background-1QDuV2 .fieldList-21DyL8 .constrainedRow-2GB6Ki .button-38aScr {
  2589. margin-left: 8px; }
  2590. .fieldList-21DyL8 {
  2591. padding: 0;
  2592. background-color: transparent;
  2593. border-radius: 0; }
  2594. /* USER SETTINGS -> AUTHORIZED APPS */
  2595. .formNotice-2_hHWR {
  2596. padding: 0; }
  2597. .formNotice-2_hHWR .formNoticeTitle-2KGjDe {
  2598. margin: 0;
  2599. padding: 16px;
  2600. background-color: transparent;
  2601. border-bottom: 1px solid var(--card-border-color);
  2602. font-size: 1em;
  2603. color: var(--card-header-text-color);
  2604. font-weight: 500;
  2605. text-transform: none; }
  2606. .formNotice-2_hHWR .formNoticeBody-M4JFHP {
  2607. padding: 16px; }
  2608. .authedApp-mj2Hmd {
  2609. padding: 0;
  2610. margin-bottom: 16px; }
  2611. .authedApp-mj2Hmd .marginBottom20-32qID7 {
  2612. margin: 0;
  2613. padding: 16px;
  2614. border-bottom: 1px solid var(--card-border-color); }
  2615. .authedApp-mj2Hmd div:not([class]) {
  2616. padding: 16px 16px 0; }
  2617. .authedApp-mj2Hmd .marginTop20-3TxNs6 {
  2618. margin: 0;
  2619. padding: 16px; }
  2620. .permission-1gtoyP .permissionCheckmark-1SeKr2 {
  2621. background-image: none;
  2622. background-color: var(--success-color);
  2623. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/check_box.svg);
  2624. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/check_box.svg);
  2625. -webkit-mask-repeat: no-repeat;
  2626. mask-repeat: no-repeat; }
  2627. /* USER SETTINGS -> CONNECTIONS */
  2628. .accountList-33MS45 {
  2629. padding: 0;
  2630. background-color: var(--card-color);
  2631. border-radius: var(--card-radius-big);
  2632. border: 1px solid var(--card-border-color); }
  2633. .accountList-33MS45 .title-3sZWYQ {
  2634. margin-bottom: 0;
  2635. padding: 16px;
  2636. background-color: transparent;
  2637. border-bottom: 1px solid var(--card-border-color);
  2638. font-size: 1em;
  2639. color: var(--card-header-text-color);
  2640. font-weight: 500;
  2641. opacity: 1; }
  2642. .accountList-33MS45 .modeDefault-3a2Ph1 {
  2643. padding: 8px 16px 0; }
  2644. .accountList-33MS45 .connectedAccounts-2-XP1G {
  2645. padding: 0 16px 16px 16px; }
  2646. .accountList-33MS45 .connectedAccounts-2-XP1G .accountBtn-2Nozo3 {
  2647. margin-bottom: 0; }
  2648. .accountList-33MS45 .connectedAccounts-2-XP1G .accountBtn-2Nozo3 .accountBtnInner-sj5jLs {
  2649. background-color: var(--menu-item-hover);
  2650. border-radius: 50%;
  2651. transition: var(--default-time) var(--default-animation) background-color; }
  2652. .accountList-33MS45 .connectedAccounts-2-XP1G .accountBtn-2Nozo3 .accountBtnInner-sj5jLs:hover {
  2653. background-color: var(--menu-item-select); }
  2654. .connectionList-3pzR-1 {
  2655. grid-gap: 16px; }
  2656. .connectionList-3pzR-1 .connection-1fbD7X {
  2657. margin-bottom: 0;
  2658. background-color: var(--card-color);
  2659. border-radius: var(--card-radius-big);
  2660. border: 1px solid var(--card-border-color); }
  2661. .connectionList-3pzR-1 .connection-1fbD7X .connectionHeader-2MDqhu {
  2662. padding: 16px;
  2663. background-color: transparent;
  2664. border-bottom: 1px solid var(--card-border-color);
  2665. font-size: 1em;
  2666. color: var(--card-header-text-color);
  2667. font-weight: 500; }
  2668. .connectionList-3pzR-1 .connection-1fbD7X .connectionHeader-2MDqhu .connectionAccountValue-3VdBGs,
  2669. .connectionList-3pzR-1 .connection-1fbD7X .connectionHeader-2MDqhu .connectionAccountLabel-1DiK0A {
  2670. font-weight: 500; }
  2671. .connectionList-3pzR-1 .connection-1fbD7X .connectionOptionsWrapper-3KIj1Z {
  2672. padding: 16px; }
  2673. .connectionList-3pzR-1 .connection-1fbD7X .connectionOptionsWrapper-3KIj1Z .connectionOptionSwitch-3KNn-E {
  2674. padding-left: 0;
  2675. padding-right: 0; }
  2676. .connectionList-3pzR-1 .connection-1fbD7X .connectionOptionsWrapper-3KIj1Z .connectionOptionSwitch-3KNn-E.marginBottom20-32qID7:last-child {
  2677. margin-bottom: 0; }
  2678. .connectionList-3pzR-1 .connection-1fbD7X .connectedAccountSeparator-2EgLhW {
  2679. margin-left: 0;
  2680. margin-right: 0; }
  2681. .integrationsWrapper-VkM_zO {
  2682. padding: 0; }
  2683. .integrationsWrapper-VkM_zO .h5-18_1nd {
  2684. margin: 0;
  2685. padding: 16px 16px 8px; }
  2686. .integrationsWrapper-VkM_zO .integration-3kMeY4 {
  2687. position: relative;
  2688. margin-top: 0;
  2689. padding: 16px;
  2690. background-color: transparent;
  2691. border-radius: 0; }
  2692. .integrationsWrapper-VkM_zO .integration-3kMeY4:after {
  2693. position: absolute;
  2694. content: " ";
  2695. width: calc(100% - 56px);
  2696. height: 1px;
  2697. bottom: 0;
  2698. right: 0;
  2699. background-color: var(--card-border-color); }
  2700. .integrationsWrapper-VkM_zO .integration-3kMeY4:last-child:after, .integrationsWrapper-VkM_zO .integration-3kMeY4:only-child:after {
  2701. display: none; }
  2702. .integrationsWrapper-VkM_zO .integration-3kMeY4 .button-38aScr {
  2703. background-color: rgba(var(--accent-rgb), 0.1);
  2704. color: var(--accent-color); }
  2705. /* USER SETTINGS -> SERVER BOOST */
  2706. .guild-Hq0WWA {
  2707. background-color: var(--card-color);
  2708. border-radius: var(--card-radius-big);
  2709. border: 1px solid var(--card-border-color); }
  2710. .guild-Hq0WWA .guildHeader-3nh5RK {
  2711. padding: 16px;
  2712. background-color: transparent;
  2713. border-bottom: 1px solid var(--card-border-color);
  2714. font-size: 1em;
  2715. color: var(--card-header-text-color);
  2716. font-weight: 500; }
  2717. .guild-Hq0WWA .guildHeader-3nh5RK .guildIcon-c10VUR {
  2718. top: 0;
  2719. bottom: 0;
  2720. margin: auto 0; }
  2721. .guild-Hq0WWA .guildHeader-3nh5RK .guildHeaderContent-1vpxhX {
  2722. padding: 0 16px; }
  2723. .guild-Hq0WWA .guildHeader-3nh5RK .guildGemIndicatorContainer-3Ie0ga {
  2724. margin: 0; }
  2725. .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN {
  2726. padding: 0;
  2727. background-color: transparent; }
  2728. .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI {
  2729. padding: 16px;
  2730. border-bottom: none;
  2731. position: relative;
  2732. border-bottom: none; }
  2733. .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI:after {
  2734. position: absolute;
  2735. content: " ";
  2736. width: calc(100% - 42px);
  2737. height: 1px;
  2738. right: 0;
  2739. bottom: 0;
  2740. background-color: var(--card-border-color); }
  2741. .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI:last-of-type:after {
  2742. display: none; }
  2743. .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI .guildSubscriptionSlotMenuIcon-uzNhjL {
  2744. position: relative; }
  2745. .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI .guildSubscriptionSlotMenuIcon-uzNhjL:after {
  2746. content: " ";
  2747. position: absolute;
  2748. width: 100%;
  2749. height: 100%;
  2750. top: 0;
  2751. left: 0;
  2752. background-color: rgba(var(--md-ripple-color), 0.1);
  2753. border-radius: 50%;
  2754. opacity: 0;
  2755. pointer-events: none;
  2756. transform: scale(1.2);
  2757. transition: 300ms ease;
  2758. z-index: 4; }
  2759. .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI .guildSubscriptionSlotMenuIcon-uzNhjL:hover:after {
  2760. opacity: 1;
  2761. transform: scale(1.5);
  2762. animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  2763. .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI .guildSubscriptionSlotMenuIcon-uzNhjL:active:after {
  2764. background-color: rgba(var(--md-ripple-color), 0.2); }
  2765. .cardWrapper-2Min21 {
  2766. background-color: var(--card-color);
  2767. border-radius: var(--card-radius-big);
  2768. border: 1px solid var(--card-border-color);
  2769. transition: var(--default-time) var(--default-animation) background-color; }
  2770. .cardWrapper-2Min21:hover {
  2771. background-color: transparent; }
  2772. .menu-3sdvDG#subscription-context {
  2773. background-color: var(--popout-color);
  2774. border-radius: var(--popout-radius);
  2775. box-shadow: var(--shadow-3dp); }
  2776. .menu-3sdvDG#subscription-context .scroller-3BxosC {
  2777. padding: 8px 0; }
  2778. .menu-3sdvDG#subscription-context .scroller-3BxosC::-webkit-scrollbar {
  2779. width: 0px !important; }
  2780. .menu-3sdvDG#subscription-context .item-1tOPte {
  2781. margin: 0;
  2782. padding: 9px 12px;
  2783. border-radius: 0;
  2784. color: var(--menu-item-text-color);
  2785. transition: var(--default-time) var(--default-animation) background-color; }
  2786. .menu-3sdvDG#subscription-context .item-1tOPte.focused-3afm-j {
  2787. background-color: var(--menu-item-hover);
  2788. color: var(--menu-item-text-color); }
  2789. /* USER SETTINGS -> BILLING */
  2790. .card-VoqMMK {
  2791. padding: 0; }
  2792. .card-VoqMMK form > div:not([class]):first-child {
  2793. padding: 16px;
  2794. background-color: transparent;
  2795. border-bottom: 1px solid var(--card-border-color);
  2796. font-size: 1em;
  2797. color: var(--card-header-text-color);
  2798. font-weight: 500; }
  2799. .card-VoqMMK form > div:not([class]):first-child .subText-1Lf-cY {
  2800. margin-top: 16px; }
  2801. .card-VoqMMK form .addressSection-3LwW_f {
  2802. margin-top: 0;
  2803. padding: 16px; }
  2804. .card-VoqMMK form .addressSection-3LwW_f + .defaultSection-2hDX5u {
  2805. margin: 0;
  2806. padding: 8px 16px 16px; }
  2807. .card-VoqMMK form .formActions-34l65m {
  2808. margin-top: 0;
  2809. padding: 8px; }
  2810. .card-VoqMMK form .formActions-34l65m .lookLink-9FtZy-.colorPrimary-3b3xI6 {
  2811. margin-right: 8px; }
  2812. .codeRedemptionRedirect-1wVR4b {
  2813. padding: 16px;
  2814. background-color: transparent !important;
  2815. border-color: var(--card-border-color) !important; }
  2816. /* USER SETTINGS -> VOICE & VIDEO */
  2817. .userSettingsVoice-iwdUCU .media-engine-video {
  2818. border-radius: var(--card-radius-big); }
  2819. .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC {
  2820. background-color: var(--main-color) !important;
  2821. border-radius: var(--card-radius-big);
  2822. border-color: var(--card-border-color) !important; }
  2823. .formNotice-2_hHWR .icon-4lJsMQ {
  2824. margin-left: 16px !important; }
  2825. .micTestButton-2Vwk4_ {
  2826. width: auto; }
  2827. /* USER SETTINGS -> KEYBINDS */
  2828. .warning-3C2pOH {
  2829. background-color: transparent;
  2830. border-color: var(--alert-color); }
  2831. .warning-3C2pOH .icon-1jlFSw {
  2832. color: var(--alert-color); }
  2833. .container-jSV3OF {
  2834. border-radius: var(--card-radius-big); }
  2835. .children-rWhLdy .marginBottom20-32qID7 + .divider-3573oO {
  2836. display: none; }
  2837. .row-2okwlC {
  2838. padding: 16px;
  2839. border: 1px solid var(--card-border-color);
  2840. border-bottom: none;
  2841. box-shadow: none !important; }
  2842. .row-2okwlC:first-child {
  2843. border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; }
  2844. .row-2okwlC:last-child {
  2845. margin-bottom: 40px;
  2846. border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  2847. border-bottom: 1px solid var(--card-border-color); }
  2848. .row-2okwlC:only-child {
  2849. border-radius: var(--card-radius-big); }
  2850. .row-2okwlC .keybindGroup-JQs9x_ {
  2851. margin: 0;
  2852. padding: 0; }
  2853. .row-2okwlC .keybindGroup-JQs9x_:before {
  2854. display: none; }
  2855. .row-2okwlC .removeKeybind-39dSFj {
  2856. right: -12px; }
  2857. .container-CpszHS:before, .container-CpszHS:after {
  2858. display: none; }
  2859. .container-CpszHS.recording-1H2dS7 {
  2860. border-radius: var(--card-radius) !important; }
  2861. .container-CpszHS .button-3tQuzi {
  2862. margin: 2px; }
  2863. .defaultKeybindGroup-X6nhBr {
  2864. margin: 32px 0 0 0;
  2865. border-radius: var(--card-radius-big);
  2866. border: 1px solid var(--card-border-color); }
  2867. .defaultKeybindGroup-X6nhBr .defaultKeybindGroupHeader-3fMhcS {
  2868. margin-bottom: 0;
  2869. padding: 16px;
  2870. font-size: 1em;
  2871. color: var(--card-header-text-color);
  2872. font-weight: 500;
  2873. text-transform: capitalize; }
  2874. .defaultKeybindGroup-X6nhBr .defaultKeybindGroupHeader-3fMhcS.defaultKeybindGroupWithDescription-3YceEh {
  2875. margin-bottom: 6px;
  2876. padding: 16px 16px 0; }
  2877. .defaultKeybindGroup-X6nhBr .defaultKeybindGroupDescription-1bMdWe {
  2878. margin-bottom: 0;
  2879. padding: 0 16px 16px; }
  2880. .defaultKeybindGroup-X6nhBr .defaultKeybindGroupDescription-1bMdWe + .divider-3573oO {
  2881. display: none; }
  2882. .defaultKeybindGroup-X6nhBr .defaultKeybind-2coG8W {
  2883. padding: 16px;
  2884. border-top: 1px solid var(--card-border-color);
  2885. font-weight: 400; }
  2886. .defaultKeybindGroup-X6nhBr .defaultKeybind-2coG8W:nth-child(3) {
  2887. border-top: none; }
  2888. .defaultKeybindGroup-X6nhBr .defaultKeybind-2coG8W + .divider-3573oO {
  2889. display: none; }
  2890. /* USER SETTINGS -> GAME ACTIVITY */
  2891. .activeGame-14JI7o {
  2892. border-radius: var(--card-radius-big);
  2893. border: 1px solid var(--card-border-color); }
  2894. .activeGame-14JI7o.notDetected-33MY4s, .activeGame-14JI7o.nowPlaying-284llR {
  2895. background-color: transparent !important; }
  2896. .activeGame-14JI7o .gameName-1RiWHm,
  2897. .activeGame-14JI7o .lastPlayed-3bQ7Bo {
  2898. color: var(--text-normal) !important; }
  2899. .nowPlayingAdd-1Kdmh_ {
  2900. color: var(--text-normal) !important; }
  2901. .nowPlayingAdd-1Kdmh_ .button-38aScr {
  2902. margin-left: 8px; }
  2903. .addGamePopout-2RY8Ju {
  2904. background-color: var(--popout-color) !important;
  2905. border-radius: var(--popout-radius-big) !important;
  2906. box-shadow: var(--shadow-3dp) !important; }
  2907. .addGamePopout-2RY8Ju .lookLink-9FtZy-.colorGrey-2DXtkV {
  2908. margin-right: 8px; }
  2909. /* USER SETTINGS -> GAME ACTIVITY -> GAME LIST */
  2910. .nowPlayingAdd-1Kdmh_ + .container-2_Tvc_ {
  2911. margin-bottom: 0; }
  2912. .nowPlayingAdd-1Kdmh_ + .container-2_Tvc_ + .marginTop40-i-78cZ {
  2913. border-radius: var(--card-radius-big);
  2914. border: 1px solid var(--card-border-color); }
  2915. .nowPlayingAdd-1Kdmh_ + .container-2_Tvc_ + .marginTop40-i-78cZ .h5-18_1nd {
  2916. margin-bottom: 0;
  2917. padding: 16px;
  2918. border-bottom: 1px solid var(--card-border-color);
  2919. font-size: 1em;
  2920. color: var(--card-header-text-color);
  2921. font-weight: 500; }
  2922. .game-1ipmAa {
  2923. padding: 16px;
  2924. border-bottom: 1px solid var(--card-border-color);
  2925. box-shadow: none !important; }
  2926. .game-1ipmAa:before {
  2927. display: none; }
  2928. .game-1ipmAa:last-child {
  2929. border-bottom: none; }
  2930. .game-1ipmAa .gameNameInput-385LoS {
  2931. height: 24px;
  2932. border-radius: 12px;
  2933. border: none; }
  2934. .game-1ipmAa .gameNameInput-385LoS:focus {
  2935. background-color: var(--input-color); }
  2936. .game-1ipmAa .lastPlayed-3bQ7Bo {
  2937. margin-top: 4px; }
  2938. .game-1ipmAa .overlayStatusText-L2IACa {
  2939. color: var(--text-muted);
  2940. transition: var(--default-time) var(--default-animation) opacity; }
  2941. .game-1ipmAa .overlayToggleIcon-2liB3r {
  2942. width: 24px;
  2943. height: 24px;
  2944. position: relative; }
  2945. .game-1ipmAa .overlayToggleIcon-2liB3r:after {
  2946. content: " ";
  2947. position: absolute;
  2948. width: 100%;
  2949. height: 100%;
  2950. top: 0;
  2951. left: 0;
  2952. background-color: rgba(var(--md-ripple-color), 0.1);
  2953. border-radius: 50%;
  2954. opacity: 0;
  2955. pointer-events: none;
  2956. transform: scale(1.2);
  2957. transition: 300ms ease;
  2958. z-index: 4; }
  2959. .game-1ipmAa .overlayToggleIcon-2liB3r:hover:after {
  2960. opacity: 1;
  2961. transform: scale(1.6);
  2962. animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  2963. .game-1ipmAa .overlayToggleIcon-2liB3r:active:after {
  2964. background-color: rgba(var(--md-ripple-color), 0.2); }
  2965. .game-1ipmAa .overlayToggleIconOn-3UNmty .fill-1ugeBG {
  2966. fill: var(--text-muted); }
  2967. .game-1ipmAa .overlayToggleIconOn-3UNmty path {
  2968. d: path("M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7v2H8v2h8v-2h-2v-2h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H3V4h18v12z"); }
  2969. .game-1ipmAa .overlayToggleIconOff-1kT42w path {
  2970. d: path("M1.41 1.69L0 3.1l1 .99V16c0 1.1.89 2 1.99 2H10v2H8v2h8v-2h-2v-2h.9l6 6 1.41-1.41-20.9-20.9zM2.99 16V6.09L12.9 16H2.99zM4.55 2l2 2H21v12h-2.45l2 2h.44c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2H4.55z"); }
  2971. .game-1ipmAa .overlayToggleIconOff-1kT42w path ~ rect {
  2972. display: none; }
  2973. .game-1ipmAa .removeGame-2JFGPn {
  2974. top: -12;
  2975. right: -12px; }
  2976. /* USER SETTINGS -> OVERLAY */
  2977. .container-CpszHS .base-96ewKC {
  2978. padding: 10px 0; }
  2979. .wrapper-3jrx9n {
  2980. border-radius: var(--card-radius-big);
  2981. border-color: var(--accent-color); }
  2982. .wrapper-3jrx9n .option-n0icdO {
  2983. border-radius: var(--card-radius-big); }
  2984. .wrapper-3jrx9n .option-n0icdO:hover {
  2985. background-color: var(--accent-color);
  2986. opacity: 0.6; }
  2987. .wrapper-3jrx9n .option-n0icdO.selected-mKYnfr {
  2988. background-color: var(--accent-color);
  2989. border-color: var(--accent-color);
  2990. box-shadow: var(--shadow-1dp); }
  2991. /* USER SETTINGS -> BETTERDISCORD */
  2992. #bd-settings-sidebar .ui-tab-bar-separator {
  2993. background-color: transparent !important; }
  2994. .bd-search-wrapper {
  2995. height: 32px;
  2996. padding: 0;
  2997. line-height: 32px;
  2998. background-color: var(--input-color);
  2999. border-radius: 16px; }
  3000. .bd-search-wrapper .bd-search {
  3001. height: 100%;
  3002. padding: 0 4px 0 12px;
  3003. font-size: 14px; }
  3004. .bd-search-wrapper > svg {
  3005. margin-right: 12px; }
  3006. .bd-addon-list {
  3007. margin-top: 24px !important; }
  3008. .bd-addon-list a {
  3009. color: var(--accent-color); }
  3010. .bd-addon-list .bd-addon-card {
  3011. background-color: var(--card-color);
  3012. border-radius: var(--card-radius-big);
  3013. border: 1px solid var(--card-border-color); }
  3014. .bd-addon-list .bd-addon-header {
  3015. padding: 16px;
  3016. background-color: transparent;
  3017. border-bottom: 1px solid var(--card-border-color);
  3018. font-size: 1em;
  3019. color: var(--card-header-text-color);
  3020. font-weight: 500; }
  3021. .bd-addon-list .bd-addon-header .gifFavoriteButton-3Zycl7 {
  3022. color: var(--text-muted); }
  3023. .bd-addon-list .bd-addon-header .gifFavoriteButton-3Zycl7.selected-1mBDsA {
  3024. color: #faa61a; }
  3025. .bd-addon-list .bd-controls {
  3026. border-radius: 14px;
  3027. border: 1px solid var(--card-border-color);
  3028. overflow: hidden; }
  3029. .bd-addon-list .bd-controls .bd-button {
  3030. padding: 3px 8px;
  3031. background-color: transparent; }
  3032. .bd-addon-list .bd-controls .bd-button:hover {
  3033. background-color: var(--menu-item-hover); }
  3034. .bd-addon-list .bd-controls .bd-button svg {
  3035. fill: var(--menu-item-text-color); }
  3036. .repoHeader-2KfNvH > * {
  3037. min-width: 350px;
  3038. max-width: 1200px; }
  3039. .repoHeader-2KfNvH .top-28JiJ- .item-PXvHYJ {
  3040. border: none; }
  3041. .repoHeader-2KfNvH .top-28JiJ- .item-PXvHYJ.selected-3s45Ha {
  3042. position: relative; }
  3043. .repoHeader-2KfNvH .top-28JiJ- .item-PXvHYJ.selected-3s45Ha:after {
  3044. position: absolute;
  3045. content: " ";
  3046. width: 90%;
  3047. height: 3px;
  3048. left: 0;
  3049. right: 0;
  3050. bottom: 0;
  3051. margin: 0 auto;
  3052. background: var(--tab-border-color);
  3053. border-radius: 3px 3px 0 0;
  3054. transition: var(--default-time) ease all; }
  3055. .repoHeader-2KfNvH .tabBarContainer-1s1u-z.bottom-b8sdfs {
  3056. border-bottom-color: var(--card-border-color); }
  3057. .bd-button {
  3058. background-color: var(--accent-color);
  3059. border-radius: var(--card-radius);
  3060. color: var(--accent-text-color); }
  3061. .bd-addon-views .bd-view-button.selected {
  3062. background-color: var(--accent-color);
  3063. color: var(--accent-text-color); }
  3064. .bd-select .bd-select-options {
  3065. padding: 8px 0;
  3066. background-color: var(--popout-color);
  3067. border-radius: var(--popout-radius);
  3068. box-shadow: var(--shadow-3dp);
  3069. border: none; }
  3070. .bd-select .bd-select-options .bd-select-option {
  3071. padding: 8px 12px;
  3072. font-weight: 500;
  3073. color: var(--menu-item-text-color);
  3074. transition: var(--default-time) var(--default-animation) background-color; }
  3075. .bd-select .bd-select-options .bd-select-option:hover {
  3076. background-color: var(--menu-item-hover); }
  3077. .bd-select .bd-select-options .bd-select-option.selected {
  3078. background-color: var(--menu-item-select); }
  3079. .monaco-editor *,
  3080. .ace_editor *,
  3081. .line-numbers * {
  3082. font-family: Consolas, monospace !important; }
  3083. /* USER SETTINGS -> SIDEBAR */
  3084. .sidebarRegion-VFTUkN {
  3085. flex: 0; }
  3086. .sidebar-CFHs9e {
  3087. width: 240px;
  3088. margin: 0 6px 0 0;
  3089. padding: 60px 6px 40px 0; }
  3090. .side-8zPYf6 .header-2RyJ0Y,
  3091. .side-8zPYf6 .ui-tab-bar-header,
  3092. #bd-settings-sidebar .header-2RyJ0Y,
  3093. #bd-settings-sidebar .ui-tab-bar-header {
  3094. margin-top: 4px;
  3095. margin-bottom: 8px;
  3096. padding: 0 12px 0 26px;
  3097. font-size: 0.8em;
  3098. font-weight: 700;
  3099. text-transform: none;
  3100. color: var(--channels-default) !important; }
  3101. .side-8zPYf6 .separator-gCa7yv,
  3102. .side-8zPYf6 .ui-tab-bar-separator,
  3103. #bd-settings-sidebar .separator-gCa7yv,
  3104. #bd-settings-sidebar .ui-tab-bar-separator {
  3105. position: relative;
  3106. height: 1px;
  3107. margin: 8px 0;
  3108. background: transparent; }
  3109. .side-8zPYf6 .separator-gCa7yv:before,
  3110. .side-8zPYf6 .ui-tab-bar-separator:before,
  3111. #bd-settings-sidebar .separator-gCa7yv:before,
  3112. #bd-settings-sidebar .ui-tab-bar-separator:before {
  3113. position: absolute;
  3114. content: " ";
  3115. width: calc(100% + 12px);
  3116. height: 1px;
  3117. background: rgba(114, 118, 125, 0.3); }
  3118. .contentColumnDefault-1VQkGM,
  3119. .contentColumnMinimal-2iX-kP,
  3120. .customColumn-Rb6toI,
  3121. .customScroller-26gWhv > div {
  3122. flex: 1 1 auto;
  3123. min-width: 350px;
  3124. max-width: 1200px;
  3125. left: 0;
  3126. right: 0;
  3127. margin: 0 auto; }
  3128. .contentColumnDefault-1VQkGM {
  3129. padding: 60px; }
  3130. .customColumn-Rb6toI {
  3131. position: relative;
  3132. width: 100%;
  3133. max-width: 100%;
  3134. margin: 0;
  3135. padding: 0; }
  3136. .customContainer-1RHXqt {
  3137. width: auto; }
  3138. .customContainer-1RHXqt .auto-Ge5KZx {
  3139. background-color: var(--main-color) !important; }
  3140. .customContainer-1RHXqt .customScroller-26gWhv {
  3141. /*min-width: 350px;
  3142. max-width: 1200px;
  3143. margin: 0 auto;
  3144. padding: 60px 97px 60px 40px !important;*/
  3145. padding-right: 0 !important; }
  3146. .customContainer-1RHXqt .customScroller-26gWhv .content-3YMskv div:not([class])[style="height: 60px;"] {
  3147. height: 0 !important; }
  3148. .customContainer-1RHXqt .customScroller-26gWhv > div {
  3149. position: relative;
  3150. min-width: 350px;
  3151. max-width: 1200px;
  3152. /*max-width: calc(1200px - 80px);*/
  3153. margin: 0 auto;
  3154. padding: 60px 97px 60px 40px !important; }
  3155. .customContainer-1RHXqt .customScroller-26gWhv > .customHeader-PhBRGa {
  3156. padding: 0; }
  3157. .card-FDVird:before {
  3158. margin: 0 60px; }
  3159. .customColumn-Rb6toI + .toolsContainer-1edPuj {
  3160. position: absolute;
  3161. width: 60px;
  3162. height: 60px;
  3163. right: 0; }
  3164. .customColumn-Rb6toI + .toolsContainer-1edPuj .tools-3-3s-N {
  3165. position: absolute;
  3166. width: 36px;
  3167. right: -8px; }
  3168. .contentColumnMinimal-2iX-kP {
  3169. padding: 60px 80px 80px; }
  3170. .sidebarScrollable-1qPI87 .flexChild-faoVW3[style*='padding: 60px 15px 80px 20px;'] {
  3171. padding: 60px 8px 40px 0 !important; }
  3172. .sidebarScrollable-1qPI87 + .content-1rPSz4[style*='padding: 60px 0px 80px 20px;'] {
  3173. padding: 0 0 0 20px !important; }
  3174. .sidebarScrollable-1qPI87 + .content-1rPSz4 {
  3175. position: relative;
  3176. width: calc(100% - 232px);
  3177. left: 232px;
  3178. right: 0;
  3179. margin-left: 0;
  3180. padding: 0 !important; }
  3181. .sidebarScrollable-1qPI87 .side-8zPYf6 .header-2RyJ0Y:first-child {
  3182. margin: 0 0 8px 0;
  3183. padding: 0 0 0 10px !important; }
  3184. .socialLinks-3jqNFy,
  3185. .info-1VyQPT {
  3186. padding: 8px 12px 8px 26px; }
  3187. /* USER SETTINGS -> SIDEBAR -> ICONS */
  3188. .side-8zPYf6 .item-PXvHYJ,
  3189. #bd-settings-sidebar .ui-tab-bar-item {
  3190. width: 240px;
  3191. height: 32px;
  3192. margin: 0;
  3193. padding: 0 12px 0 54px;
  3194. line-height: 32px;
  3195. border-radius: 0 16px 16px 0;
  3196. transition: var(--default-time) ease background-color; }
  3197. .side-8zPYf6 .item-PXvHYJ:before,
  3198. #bd-settings-sidebar .ui-tab-bar-item:before {
  3199. position: absolute;
  3200. content: " ";
  3201. width: 20px;
  3202. height: 20px;
  3203. top: 0;
  3204. left: 26px;
  3205. bottom: 0;
  3206. margin: auto 0;
  3207. background-repeat: no-repeat;
  3208. background-position: center;
  3209. opacity: 0.8; }
  3210. .side-8zPYf6 .item-PXvHYJ.selected-3s45Ha, .side-8zPYf6 .item-PXvHYJ.selected,
  3211. #bd-settings-sidebar .ui-tab-bar-item.selected-3s45Ha,
  3212. #bd-settings-sidebar .ui-tab-bar-item.selected {
  3213. background-color: var(--background-modifier-selected) !important; }
  3214. .side-8zPYf6 .item-PXvHYJ.selected-3s45Ha:before, .side-8zPYf6 .item-PXvHYJ.selected:before,
  3215. #bd-settings-sidebar .ui-tab-bar-item.selected-3s45Ha:before,
  3216. #bd-settings-sidebar .ui-tab-bar-item.selected:before {
  3217. opacity: 1; }
  3218. .side-8zPYf6 .item-PXvHYJ[aria-controls="My Account-tab"]:before,
  3219. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="My Account-tab"]:before {
  3220. background-color: var(--text-normal);
  3221. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/person.svg);
  3222. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/person.svg);
  3223. -webkit-mask-repeat: no-repeat;
  3224. mask-repeat: no-repeat; }
  3225. .side-8zPYf6 .item-PXvHYJ[aria-controls="Privacy & Safety-tab"]:before,
  3226. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Privacy & Safety-tab"]:before {
  3227. background-color: var(--text-normal);
  3228. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/security.svg);
  3229. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/security.svg);
  3230. -webkit-mask-repeat: no-repeat;
  3231. mask-repeat: no-repeat; }
  3232. .side-8zPYf6 .item-PXvHYJ[aria-controls="Authorized Apps-tab"]:before,
  3233. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Authorized Apps-tab"]:before {
  3234. background-color: var(--text-normal);
  3235. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/apps.svg);
  3236. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/apps.svg);
  3237. -webkit-mask-repeat: no-repeat;
  3238. mask-repeat: no-repeat; }
  3239. .side-8zPYf6 .item-PXvHYJ[aria-controls="Connections-tab"]:before,
  3240. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Connections-tab"]:before {
  3241. background-color: var(--text-normal);
  3242. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/link.svg);
  3243. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/link.svg);
  3244. -webkit-mask-repeat: no-repeat;
  3245. mask-repeat: no-repeat; }
  3246. .side-8zPYf6 .item-PXvHYJ[aria-controls="Discord Nitro-tab"]:before,
  3247. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Discord Nitro-tab"]:before {
  3248. background-color: var(--text-normal);
  3249. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/nitro.svg);
  3250. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/nitro.svg);
  3251. -webkit-mask-repeat: no-repeat;
  3252. mask-repeat: no-repeat; }
  3253. .side-8zPYf6 .item-PXvHYJ[aria-controls="Nitro Server Boost-tab"]:before,
  3254. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Nitro Server Boost-tab"]:before {
  3255. left: 27px;
  3256. background-color: var(--text-normal);
  3257. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/server_boost.svg);
  3258. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/server_boost.svg);
  3259. -webkit-mask-repeat: no-repeat;
  3260. mask-repeat: no-repeat; }
  3261. .side-8zPYf6 .item-PXvHYJ[aria-controls="Library Inventory-tab"]:before,
  3262. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Library Inventory-tab"]:before {
  3263. background-color: var(--text-normal);
  3264. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/gift.svg);
  3265. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/gift.svg);
  3266. -webkit-mask-repeat: no-repeat;
  3267. mask-repeat: no-repeat; }
  3268. .side-8zPYf6 .item-PXvHYJ[aria-controls="Billing-tab"]:before,
  3269. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Billing-tab"]:before {
  3270. background-color: var(--text-normal);
  3271. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/payment.svg);
  3272. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/payment.svg);
  3273. -webkit-mask-repeat: no-repeat;
  3274. mask-repeat: no-repeat; }
  3275. .side-8zPYf6 .item-PXvHYJ[aria-controls="Appearance-tab"]:before,
  3276. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Appearance-tab"]:before {
  3277. background-color: var(--text-normal);
  3278. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chat.svg);
  3279. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chat.svg);
  3280. -webkit-mask-repeat: no-repeat;
  3281. mask-repeat: no-repeat; }
  3282. .side-8zPYf6 .item-PXvHYJ[aria-controls="Accessibility-tab"]:before,
  3283. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Accessibility-tab"]:before {
  3284. background-color: var(--text-normal);
  3285. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/accessibility.svg);
  3286. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/accessibility.svg);
  3287. -webkit-mask-repeat: no-repeat;
  3288. mask-repeat: no-repeat; }
  3289. .side-8zPYf6 .item-PXvHYJ[aria-controls="Voice & Video-tab"]:before,
  3290. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Voice & Video-tab"]:before {
  3291. background-color: var(--text-normal);
  3292. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/mic.svg);
  3293. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/mic.svg);
  3294. -webkit-mask-repeat: no-repeat;
  3295. mask-repeat: no-repeat; }
  3296. .side-8zPYf6 .item-PXvHYJ[aria-controls="Text & Images-tab"]:before,
  3297. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Text & Images-tab"]:before {
  3298. background-color: var(--text-normal);
  3299. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/keyboard.svg);
  3300. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/keyboard.svg);
  3301. -webkit-mask-repeat: no-repeat;
  3302. mask-repeat: no-repeat; }
  3303. .side-8zPYf6 .item-PXvHYJ[aria-controls="Notifications-tab"]:before,
  3304. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Notifications-tab"]:before {
  3305. background-color: var(--text-normal);
  3306. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/notifications.svg);
  3307. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/notifications.svg);
  3308. -webkit-mask-repeat: no-repeat;
  3309. mask-repeat: no-repeat; }
  3310. .side-8zPYf6 .item-PXvHYJ[aria-controls="Keybinds-tab"]:before,
  3311. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Keybinds-tab"]:before {
  3312. background-color: var(--text-normal);
  3313. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/space_bar.svg);
  3314. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/space_bar.svg);
  3315. -webkit-mask-repeat: no-repeat;
  3316. mask-repeat: no-repeat; }
  3317. .side-8zPYf6 .item-PXvHYJ[aria-controls="Language-tab"]:before,
  3318. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Language-tab"]:before {
  3319. background-color: var(--text-normal);
  3320. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/translate.svg);
  3321. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/translate.svg);
  3322. -webkit-mask-repeat: no-repeat;
  3323. mask-repeat: no-repeat; }
  3324. .side-8zPYf6 .item-PXvHYJ[aria-controls="Windows-tab"]:before,
  3325. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Windows-tab"]:before {
  3326. background-color: var(--text-normal);
  3327. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/windows.svg);
  3328. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/windows.svg);
  3329. -webkit-mask-repeat: no-repeat;
  3330. mask-repeat: no-repeat; }
  3331. .side-8zPYf6 .item-PXvHYJ[aria-controls="Linux-tab"]:before,
  3332. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Linux-tab"]:before {
  3333. background-color: var(--text-normal);
  3334. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/linux.svg);
  3335. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/linux.svg);
  3336. -webkit-mask-repeat: no-repeat;
  3337. mask-repeat: no-repeat; }
  3338. .side-8zPYf6 .item-PXvHYJ[aria-controls="Streamer Mode-tab"]:before,
  3339. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Streamer Mode-tab"]:before {
  3340. background-color: var(--text-normal);
  3341. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/live_tv.svg);
  3342. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/live_tv.svg);
  3343. -webkit-mask-repeat: no-repeat;
  3344. mask-repeat: no-repeat; }
  3345. .side-8zPYf6 .item-PXvHYJ[aria-controls="Advanced-tab"]:before,
  3346. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Advanced-tab"]:before {
  3347. background-color: var(--text-normal);
  3348. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/integrations.svg);
  3349. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/integrations.svg);
  3350. -webkit-mask-repeat: no-repeat;
  3351. mask-repeat: no-repeat; }
  3352. .side-8zPYf6 .item-PXvHYJ[aria-controls="Game Activity-tab"]:before,
  3353. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Game Activity-tab"]:before {
  3354. background-color: var(--text-normal);
  3355. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/gamepad.svg);
  3356. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/gamepad.svg);
  3357. -webkit-mask-repeat: no-repeat;
  3358. mask-repeat: no-repeat; }
  3359. .side-8zPYf6 .item-PXvHYJ[aria-controls="Overlay-tab"]:before,
  3360. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Overlay-tab"]:before {
  3361. background-color: var(--text-normal);
  3362. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/picture_in_picture.svg);
  3363. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/picture_in_picture.svg);
  3364. -webkit-mask-repeat: no-repeat;
  3365. mask-repeat: no-repeat; }
  3366. .side-8zPYf6 .item-PXvHYJ.bd-settings-tab:before,
  3367. #bd-settings-sidebar .ui-tab-bar-item.bd-settings-tab:before {
  3368. background-color: var(--text-normal);
  3369. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg);
  3370. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg);
  3371. -webkit-mask-repeat: no-repeat;
  3372. mask-repeat: no-repeat; }
  3373. .side-8zPYf6 .item-PXvHYJ.bd-emotes-tab:before,
  3374. #bd-settings-sidebar .ui-tab-bar-item.bd-emotes-tab:before {
  3375. background-color: var(--text-normal);
  3376. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/emoji.svg);
  3377. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/emoji.svg);
  3378. -webkit-mask-repeat: no-repeat;
  3379. mask-repeat: no-repeat; }
  3380. .side-8zPYf6 .item-PXvHYJ.bd-customcss-tab:before,
  3381. #bd-settings-sidebar .ui-tab-bar-item.bd-customcss-tab:before {
  3382. background-color: var(--text-normal);
  3383. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/code.svg);
  3384. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/code.svg);
  3385. -webkit-mask-repeat: no-repeat;
  3386. mask-repeat: no-repeat; }
  3387. .side-8zPYf6 .item-PXvHYJ.bd-plugins-tab:before, .side-8zPYf6 .item-PXvHYJ[aria-controls="pluginrepo-tab"]:before,
  3388. #bd-settings-sidebar .ui-tab-bar-item.bd-plugins-tab:before,
  3389. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="pluginrepo-tab"]:before {
  3390. background-color: var(--text-normal);
  3391. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/plugins.svg);
  3392. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/plugins.svg);
  3393. -webkit-mask-repeat: no-repeat;
  3394. mask-repeat: no-repeat; }
  3395. .side-8zPYf6 .item-PXvHYJ.bd-themes-tab:before, .side-8zPYf6 .item-PXvHYJ[aria-controls="themerepo-tab"]:before,
  3396. #bd-settings-sidebar .ui-tab-bar-item.bd-themes-tab:before,
  3397. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="themerepo-tab"]:before {
  3398. background-color: var(--text-normal);
  3399. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/themes.svg);
  3400. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/themes.svg);
  3401. -webkit-mask-repeat: no-repeat;
  3402. mask-repeat: no-repeat; }
  3403. .side-8zPYf6 .item-PXvHYJ[aria-controls="changelog-tab"]:before,
  3404. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="changelog-tab"]:before {
  3405. background-color: var(--text-normal);
  3406. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/list.svg);
  3407. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/list.svg);
  3408. -webkit-mask-repeat: no-repeat;
  3409. mask-repeat: no-repeat; }
  3410. .side-8zPYf6 .item-PXvHYJ[aria-controls="Hypesquad Online-tab"]:before,
  3411. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Hypesquad Online-tab"]:before {
  3412. background-color: var(--text-normal);
  3413. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/hypesquad.svg);
  3414. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/hypesquad.svg);
  3415. -webkit-mask-repeat: no-repeat;
  3416. mask-repeat: no-repeat; }
  3417. .side-8zPYf6 .item-PXvHYJ[aria-controls="Experiments-tab"]:before,
  3418. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Experiments-tab"]:before {
  3419. background-color: var(--text-normal);
  3420. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg);
  3421. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg);
  3422. -webkit-mask-repeat: no-repeat;
  3423. mask-repeat: no-repeat; }
  3424. .side-8zPYf6 .item-PXvHYJ[aria-controls="Developer Options-tab"]:before,
  3425. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Developer Options-tab"]:before {
  3426. background-color: var(--text-normal);
  3427. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/code.svg);
  3428. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/code.svg);
  3429. -webkit-mask-repeat: no-repeat;
  3430. mask-repeat: no-repeat; }
  3431. .side-8zPYf6 .item-PXvHYJ[aria-controls="logout-tab"]:before,
  3432. #bd-settings-sidebar .ui-tab-bar-item[aria-controls="logout-tab"]:before {
  3433. background-color: var(--alert-color);
  3434. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/exit_to_app.svg);
  3435. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/exit_to_app.svg);
  3436. -webkit-mask-repeat: no-repeat;
  3437. mask-repeat: no-repeat; }
  3438. #bd-settings-sidebar div:not([class]) .ui-tab-bar-item:nth-child(3):before {
  3439. background-color: var(--text-normal);
  3440. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg);
  3441. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg);
  3442. -webkit-mask-repeat: no-repeat;
  3443. mask-repeat: no-repeat; }
  3444. #bd-settings-sidebar div:not([class]) .ui-tab-bar-item:nth-child(4):before {
  3445. background-color: var(--text-normal);
  3446. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/emoji.svg);
  3447. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/emoji.svg);
  3448. -webkit-mask-repeat: no-repeat;
  3449. mask-repeat: no-repeat; }
  3450. #bd-settings-sidebar div:not([class]) .ui-tab-bar-item:nth-child(5):before {
  3451. background-color: var(--text-normal);
  3452. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/plugins.svg);
  3453. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/plugins.svg);
  3454. -webkit-mask-repeat: no-repeat;
  3455. mask-repeat: no-repeat; }
  3456. #bd-settings-sidebar div:not([class]) .ui-tab-bar-item:nth-child(6):before {
  3457. background-color: var(--text-normal);
  3458. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/themes.svg);
  3459. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/themes.svg);
  3460. -webkit-mask-repeat: no-repeat;
  3461. mask-repeat: no-repeat; }
  3462. #bd-settings-sidebar div:not([class]) .ui-tab-bar-item:nth-child(7):before {
  3463. background-color: var(--text-normal);
  3464. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/code.svg);
  3465. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/code.svg);
  3466. -webkit-mask-repeat: no-repeat;
  3467. mask-repeat: no-repeat; }
  3468. /*
  3469. *
  3470. * SERVER SETTINGS
  3471. *
  3472. */
  3473. .container-1s4HBn {
  3474. background-color: transparent !important;
  3475. border-radius: 0;
  3476. border: none;
  3477. border-bottom: 1px solid var(--input-border-color) !important; }
  3478. .container-1s4HBn .input-1dRteR {
  3479. padding: 0; }
  3480. .container-1s4HBn .button-3tQuzi {
  3481. margin: 4px 0; }
  3482. .regionSelectModal-12e-57 {
  3483. padding: 0; }
  3484. .regionSelectModal-12e-57 .regionSelectModalHeader-21khC1 {
  3485. margin-bottom: 0;
  3486. padding: 16px;
  3487. border-bottom: 1px solid var(--popout-header-border);
  3488. font-size: 16px;
  3489. text-transform: none;
  3490. font-weight: 600;
  3491. color: var(--card-header-text-color);
  3492. text-align: left; }
  3493. .regionSelectModal-12e-57 .regionSelectModalOptions-2TWQOB {
  3494. padding: 16px;
  3495. overflow-y: auto; }
  3496. .regionSelectModal-12e-57 .regionSelectModalOptions-2TWQOB .regionSelectModalOption-2DSIZ3 {
  3497. background-color: var(--card-color-alt);
  3498. border-radius: var(--card-radius-big);
  3499. border: 1px solid var(--card-border-color);
  3500. transition: var(--default-time) var(--default-animation) box-shadow, var(--default-time) var(--default-animation) transform; }
  3501. .regionSelectModal-12e-57 .regionSelectModalOptions-2TWQOB .regionSelectModalOption-2DSIZ3:hover {
  3502. transform: translateY(-2px);
  3503. box-shadow: var(--shadow-3dp); }
  3504. .regionSelectModal-12e-57 .regionSelectModalFooter-20C5iA {
  3505. margin-top: 0;
  3506. padding: 16px;
  3507. border-top: 1px solid var(--popout-header-border);
  3508. text-align: left; }
  3509. .noticeRegion-1YviSH {
  3510. left: 0;
  3511. right: 0;
  3512. margin: 0 auto;
  3513. padding: 0 16px 16px; }
  3514. .elevationHigh-1PneE4 {
  3515. background-color: var(--popout-color) !important;
  3516. border-radius: var(--popout-radius-big) !important;
  3517. box-shadow: var(--shadow-3dp) !important; }
  3518. .title-2BxgL2,
  3519. .text-GwUZgS {
  3520. color: var(--text-normal) !important; }
  3521. /* SERVER SETTINGS -> ROLES */
  3522. .sidebarScrollable-1qPI87 .side-8zPYf6 .item-PXvHYJ {
  3523. width: auto;
  3524. border-radius: 16px; }
  3525. .colorPickerSwatch-5GX3Ve {
  3526. border-radius: 10px; }
  3527. .colorPickerSwatch-5GX3Ve.custom-2SJn4n, .colorPickerSwatch-5GX3Ve.default-cS_caM {
  3528. width: 50px;
  3529. border-radius: 50%;
  3530. overflow: visible !important; }
  3531. .container-VSDcQc {
  3532. background-color: var(--popout-color);
  3533. border-radius: var(--popout-radius-big);
  3534. box-shadow: var(--shadow-3dp); }
  3535. .container-VSDcQc .autocompleteShadow-iiGWFU {
  3536. display: none; }
  3537. .container-VSDcQc .autocompleteArrow-Zxoy9H {
  3538. background-color: var(--popout-color) !important; }
  3539. .container-VSDcQc .header-2bNvm4 {
  3540. padding: 0 16px;
  3541. background-color: transparent !important;
  3542. border-bottom: 1px solid var(--popout-header-border); }
  3543. .container-VSDcQc .header-2bNvm4 .input-1ppKdn {
  3544. width: calc(100% - 32px); }
  3545. .container-VSDcQc .sectionTag-pXyto9 {
  3546. background-color: transparent !important; }
  3547. .container-VSDcQc .section-sfKw6q {
  3548. padding: 0 16px;
  3549. text-transform: none;
  3550. font-size: 14px; }
  3551. .container-VSDcQc .row-rrHHJU {
  3552. padding: 0; }
  3553. .container-VSDcQc .row-rrHHJU .rowInner-1vvRiF {
  3554. padding: 12px 16px;
  3555. border-radius: 0;
  3556. transition: var(--default-time) var(--default-animation) background-color; }
  3557. .container-VSDcQc .row-rrHHJU.selected-1pIgLL .rowInner-1vvRiF {
  3558. background-color: var(--menu-item-hover);
  3559. color: var(--menu-item-text-color); }
  3560. /* SERVER SETTINGS -> ROLES -> NEW */
  3561. .container-_phMUq {
  3562. padding: 16px;
  3563. background-color: var(--card-color);
  3564. border-radius: var(--card-radius-big);
  3565. border: 1px solid var(--card-border-color); }
  3566. .searchContainer-383_ld .container-cMG81i {
  3567. height: 36px;
  3568. border-radius: 18px; }
  3569. .searchContainer-383_ld .container-cMG81i .inner-2P4tQO .input-3Xdcic {
  3570. height: 36px; }
  3571. .searchContainer-383_ld .container-cMG81i .inner-2P4tQO .iconLayout-3OgqU3 {
  3572. width: 36px;
  3573. height: 36px; }
  3574. /* SERVER SETTINGS -> ROLES -> NEW -> ROLES LIST */
  3575. .rolesTable-3622Dd {
  3576. padding: 16px;
  3577. border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
  3578. border: 1px solid var(--card-border-color); }
  3579. .rolesTable-3622Dd .tableHeader-3x_1oD {
  3580. margin-left: 0;
  3581. margin-bottom: 0; }
  3582. .rolesTable-3622Dd .tableHeader-3x_1oD .dragSpacing-3xep_M {
  3583. display: none; }
  3584. .rolesTable-3622Dd .tableTitle-36-jum {
  3585. font-size: 1em;
  3586. color: var(--card-header-text-color);
  3587. font-weight: 500;
  3588. text-transform: none; }
  3589. .rolesTable-3622Dd .tableTitle-36-jum.memberSpacing-1zJbKJ {
  3590. margin-left: 64px; }
  3591. .roleRow-30TwGe {
  3592. margin-left: 0;
  3593. margin-right: 0;
  3594. padding-right: 16px;
  3595. position: relative;
  3596. border-bottom: none;
  3597. border-radius: 0;
  3598. border-left: 1px solid var(--card-border-color);
  3599. border-right: 1px solid var(--card-border-color);
  3600. transition: var(--default-time) var(--default-animation); }
  3601. .roleRow-30TwGe:after {
  3602. position: absolute;
  3603. content: " ";
  3604. width: calc(100% - 62px);
  3605. height: 1px;
  3606. right: 0;
  3607. bottom: 0;
  3608. background-color: var(--card-border-color); }
  3609. .roleRow-30TwGe:last-of-type:after {
  3610. display: none; }
  3611. .roleRow-30TwGe:hover {
  3612. background-color: var(--card-color-hover); }
  3613. .roleRow-30TwGe:hover:after {
  3614. background-color: var(--card-border-color); }
  3615. .roleRow-30TwGe:before {
  3616. display: none; }
  3617. .roleRow-30TwGe:last-of-type {
  3618. border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  3619. border-bottom: 1px solid var(--card-border-color); }
  3620. .roleRow-30TwGe .secondary-dIudih {
  3621. background-color: transparent !important;
  3622. position: relative; }
  3623. .roleRow-30TwGe .secondary-dIudih:after {
  3624. content: " ";
  3625. position: absolute;
  3626. width: 100%;
  3627. height: 100%;
  3628. top: 0;
  3629. left: 0;
  3630. background-color: rgba(var(--md-ripple-color), 0.1);
  3631. border-radius: 50%;
  3632. opacity: 0;
  3633. pointer-events: none;
  3634. transform: scale(1.2);
  3635. transition: 300ms ease;
  3636. z-index: 4; }
  3637. .roleRow-30TwGe .secondary-dIudih:hover:after {
  3638. opacity: 1;
  3639. transform: scale(1);
  3640. animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  3641. .roleRow-30TwGe .secondary-dIudih:active:after {
  3642. background-color: rgba(var(--md-ripple-color), 0.2); }
  3643. .roleRow-30TwGe .dragIcon-I74byJ,
  3644. .roleRow-30TwGe .editButton-1V012_ {
  3645. opacity: 0;
  3646. transition: var(--default-time) var(--default-animation); }
  3647. .roleRow-30TwGe:hover .dragIcon-I74byJ,
  3648. .roleRow-30TwGe:hover .editButton-1V012_ {
  3649. opacity: 1; }
  3650. /* SERVER SETTINGS -> ROLES -> NEW -> EDIT ROLE */
  3651. .page-3njELR {
  3652. width: 100%;
  3653. min-width: 100%; }
  3654. .page-3njELR .sidebar-dLM-kh,
  3655. .page-3njELR .contentContainer-14yMzC {
  3656. position: relative; }
  3657. .page-3njELR .sidebar-dLM-kh {
  3658. margin-left: 40px;
  3659. border-right-color: var(--card-border-color); }
  3660. .page-3njELR .sidebar-dLM-kh .list-I3aHXn {
  3661. padding: 0 16px 96px 16px;
  3662. background-color: transparent;
  3663. border: none; }
  3664. .page-3njELR .sidebar-dLM-kh .titleContainer-2CXtJo {
  3665. margin-left: 0;
  3666. margin-right: 0;
  3667. background-color: var(--main-color); }
  3668. .page-3njELR .sidebar-dLM-kh .titleContainer-2CXtJo .titleText-1lbERP {
  3669. font-size: 16px;
  3670. text-transform: none; }
  3671. .page-3njELR .sidebar-dLM-kh .item-PXvHYJ {
  3672. width: auto;
  3673. padding: 0 12px;
  3674. border-radius: 16px; }
  3675. .page-3njELR .sidebar-dLM-kh .item-PXvHYJ:before {
  3676. display: none; }
  3677. .page-3njELR .sidebar-dLM-kh .roleDot-ZwSovK {
  3678. border: none; }
  3679. .page-3njELR .contentContainer-14yMzC {
  3680. left: 0;
  3681. flex: 1; }
  3682. .page-3njELR .contentWidth-xLB44s {
  3683. width: auto;
  3684. min-width: auto;
  3685. max-width: none;
  3686. padding-right: 82px; }
  3687. .page-3njELR .header-2mZ9Ov {
  3688. margin-left: 0;
  3689. margin-right: 0;
  3690. padding: 60px 0 0;
  3691. background-color: var(--main-color);
  3692. transition: var(--default-time) var(--default-animation) border-bottom-color; }
  3693. .page-3njELR .header-2mZ9Ov.stickyHeaderElevated-I6QUOA {
  3694. box-shadow: none; }
  3695. .page-3njELR .header-2mZ9Ov .titleText-1ZIyhl {
  3696. font-size: 16px;
  3697. text-transform: none; }
  3698. .page-3njELR .header-2mZ9Ov + div + .divider-1QCnvR {
  3699. display: none; }
  3700. .page-3njELR .tabBar-11f3uI {
  3701. margin-left: 0;
  3702. border-bottom: 1px solid var(--card-border-color); }
  3703. .page-3njELR .tabBar-11f3uI .item-PXvHYJ {
  3704. margin: 0 8px;
  3705. padding: 16px 0;
  3706. background-color: transparent !important;
  3707. border-radius: 0;
  3708. border-bottom: none; }
  3709. .page-3njELR .tabBar-11f3uI .item-PXvHYJ:first-of-type {
  3710. margin: 0 8px 0 0; }
  3711. .page-3njELR .tabBar-11f3uI .item-PXvHYJ.selected-3s45Ha {
  3712. position: relative; }
  3713. .page-3njELR .tabBar-11f3uI .item-PXvHYJ.selected-3s45Ha:after {
  3714. position: absolute;
  3715. content: " ";
  3716. width: 100%;
  3717. height: 3px;
  3718. left: 0;
  3719. right: 0;
  3720. bottom: 0;
  3721. margin: 0 auto;
  3722. background: var(--tab-border-color);
  3723. border-radius: 3px 3px 0 0;
  3724. transition: var(--default-time) ease all; }
  3725. .page-3njELR .searchContainer-3pUVEQ,
  3726. .page-3njELR .searchContainer-2gy0Sr {
  3727. margin-top: 16px;
  3728. padding-bottom: 16px;
  3729. border-bottom: 1px solid var(--card-border-color); }
  3730. .page-3njELR .previewContainer-1KQDJS {
  3731. background-color: transparent;
  3732. border-radius: var(--card-radius-big);
  3733. border: none; }
  3734. .page-3njELR .previewContainer-1KQDJS .messageContainer-1DiFnQ {
  3735. background-color: var(--chat-color); }
  3736. .page-3njELR .permissionsForm-1DoqZ5 .container-2_Tvc_ {
  3737. margin-bottom: 20px; }
  3738. .page-3njELR + .toolsContainer-1edPuj {
  3739. position: absolute;
  3740. top: 0;
  3741. right: 0;
  3742. z-index: 2; }
  3743. .list-I3aHXn {
  3744. background-color: var(--card-color);
  3745. border-radius: var(--card-radius-big);
  3746. border: 1px solid var(--card-border-color); }
  3747. /* SERVER SETTINGS -> ROLES -> VIEW AS ROLE */
  3748. .container-3LUQwT {
  3749. padding: 0;
  3750. background-color: var(--popout-color);
  3751. border-radius: var(--popout-radius-big);
  3752. box-shadow: var(--shadow-3dp); }
  3753. .container-3LUQwT .container-cMG81i {
  3754. height: auto;
  3755. padding: 8px;
  3756. background-color: transparent;
  3757. border-radius: 0;
  3758. border-bottom: 1px solid var(--popout-header-border); }
  3759. .container-3LUQwT .container-cMG81i .inner-2P4tQO {
  3760. border-radius: 16px;
  3761. background-color: var(--input-color); }
  3762. .container-3LUQwT .list-1xE9GQ {
  3763. margin-top: 0;
  3764. padding: 0; }
  3765. .container-3LUQwT .list-1xE9GQ .item-2J2GlB {
  3766. border-radius: 0;
  3767. transition: var(--default-time) var(--default-animation) background-color; }
  3768. .container-3LUQwT .list-1xE9GQ .item-2J2GlB:hover {
  3769. background-color: var(--menu-item-hover); }
  3770. /* SERVER SETTINGS -> EMOJI */
  3771. .emojiRow-zIc7ZX {
  3772. padding: 0 16px; }
  3773. .emojiRow-zIc7ZX:after {
  3774. width: calc(100% - 56px); }
  3775. .emojiRow-zIc7ZX:nth-child(2):last-of-type {
  3776. border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); }
  3777. .emojiRow-zIc7ZX .emojiAliasInput-1y-NBz {
  3778. border-bottom: none !important; }
  3779. .emojiRow-zIc7ZX .emojiAliasInput-1y-NBz:before, .emojiRow-zIc7ZX .emojiAliasInput-1y-NBz:after {
  3780. display: none; }
  3781. .emojiRow-zIc7ZX .emojiAliasInput-1y-NBz .emojiInput-1aLNse {
  3782. padding: 0 8px;
  3783. border-radius: 16px; }
  3784. .emojiRow-zIc7ZX .emojiAliasPlaceholder-3H_iZA {
  3785. height: 32px;
  3786. margin-left: 8px;
  3787. padding: 0;
  3788. line-height: 34px; }
  3789. .emojiRow-zIc7ZX .emojiRemove-1k6MlJ {
  3790. right: -12px; }
  3791. .title-3sZWYQ + .marginBottom40-2vIwTv .marginBottom4-2qk4Hy {
  3792. margin-bottom: 0;
  3793. padding: 16px;
  3794. border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
  3795. border: 1px solid var(--card-border-color); }
  3796. .title-3sZWYQ + .marginBottom40-2vIwTv .marginBottom4-2qk4Hy .description-3_Ncsb {
  3797. font-weight: 600; }
  3798. /* SERVER SETTINGS -> AUDIT LOG */
  3799. .auditLog-3jNbM6 {
  3800. margin-bottom: 0;
  3801. border: none; }
  3802. .auditLog-3jNbM6 .header-GwIGlr {
  3803. position: relative;
  3804. background-color: transparent;
  3805. border-left: 1px solid var(--card-border-color);
  3806. border-right: 1px solid var(--card-border-color); }
  3807. .auditLog-3jNbM6 .header-GwIGlr:after {
  3808. position: absolute;
  3809. content: " ";
  3810. width: 100%;
  3811. height: 1px;
  3812. right: 0;
  3813. top: 0;
  3814. background-color: var(--card-border-color); }
  3815. .auditLog-3jNbM6 .divider-1pnAR2 {
  3816. display: none; }
  3817. .auditLog-3jNbM6 .changeDetails-bk98pu {
  3818. background-color: transparent !important;
  3819. border-left: 1px solid var(--card-border-color);
  3820. border-right: 1px solid var(--card-border-color); }
  3821. .auditLog-3jNbM6:first-of-type .header-GwIGlr {
  3822. border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
  3823. border-top: 1px solid var(--card-border-color); }
  3824. .auditLog-3jNbM6:first-of-type .header-GwIGlr:after {
  3825. display: none; }
  3826. .auditLog-3jNbM6:last-of-type .header-GwIGlr {
  3827. border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  3828. border-bottom: 1px solid var(--card-border-color); }
  3829. .auditLog-3jNbM6:last-of-type .header-GwIGlr.headerExpanded-CUEwZ5 {
  3830. border-radius: 0;
  3831. border-bottom: none; }
  3832. .auditLog-3jNbM6:last-of-type .changeDetails-bk98pu:last-of-type {
  3833. border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  3834. border-bottom: 1px solid var(--card-border-color); }
  3835. /* SERVER SETTINGS -> INTEGRATIONS */
  3836. .iconWrapper-lS1uig {
  3837. background-color: var(--menu-item-select); }
  3838. .footerPlaceholder-3sjNqI .card-3Qj_Yx.card-o7rAq- {
  3839. background-color: var(--card-color) !important;
  3840. border-radius: var(--card-radius-big) !important;
  3841. border: 1px solid var(--card-border-color) !important; }
  3842. .card-3IImnr {
  3843. background-color: var(--card-color) !important;
  3844. border-radius: var(--card-radius-big) !important;
  3845. border: 1px solid var(--card-border-color) !important; }
  3846. .card-3IImnr .header-146Xl5 {
  3847. border-bottom: 1px solid var(--card-border-color); }
  3848. .card-3IImnr .header-146Xl5:only-child {
  3849. border-bottom: none; }
  3850. .card-3IImnr .body-1zRX82 {
  3851. padding: 16px; }
  3852. .card-3IImnr .body-1zRX82 .divider-3573oO {
  3853. display: none; }
  3854. .card-1o0mns {
  3855. padding: 0;
  3856. background-color: var(--card-color) !important;
  3857. border-radius: var(--card-radius-big) !important;
  3858. border: 1px solid var(--card-border-color) !important; }
  3859. .card-1o0mns > .flex-1xMQg5 > .flex-1xMQg5:first-child {
  3860. padding: 16px;
  3861. border-bottom: 1px solid var(--card-border-color); }
  3862. .card-1o0mns .divider-3573oO {
  3863. display: none; }
  3864. .card-1o0mns .permissionHeader-asGFgR {
  3865. margin-top: 16px;
  3866. padding: 0 16px; }
  3867. .card-1o0mns .permissionHeader-asGFgR + .flex-1xMQg5 {
  3868. padding: 8px 16px 16px; }
  3869. .card-1o0mns .rolePills-32B_DQ {
  3870. margin-top: 8px;
  3871. padding: 0 16px; }
  3872. .card-1o0mns .permission-23FtuH {
  3873. height: 24px;
  3874. margin-top: 0; }
  3875. .card-1o0mns .permission-23FtuH .check-2-1yhI, .card-1o0mns .permission-23FtuH .cross-22YsmA {
  3876. top: 0;
  3877. bottom: 0;
  3878. margin: auto 8px auto 0; }
  3879. .card-1o0mns .permission-23FtuH .colorStandard-2KCXvj {
  3880. line-height: 24px; }
  3881. /* SERVER SETTINGS -> SERVER TEMPLATE */
  3882. .descriptionBox-1EKQKL {
  3883. background-color: transparent;
  3884. border-radius: var(--card-radius-big);
  3885. border: 1px solid var(--card-border-color); }
  3886. /* SERVER SETTINGS -> COMMUNITY -> OVERVIEW */
  3887. .upsellContainer-L9xv7w {
  3888. background-color: var(--card-color);
  3889. border-radius: var(--card-radius-big);
  3890. border: 1px solid var(--card-border-color); }
  3891. .upsellContainer-L9xv7w .upsellFooter-ZYsio_ {
  3892. padding: 8px;
  3893. background-color: transparent;
  3894. border-top: 1px solid var(--card-border-color); }
  3895. /* SERVER SETTINGS -> COMMUNITY -> SERVER INSIGHTS */
  3896. .backgroundAccent-349kuI {
  3897. padding: 16px;
  3898. background-color: var(--card-color);
  3899. border-radius: var(--card-radius-big);
  3900. border: 1px solid var(--card-border-color);
  3901. color: var(--header-secondary); }
  3902. .developerPortalCtaWrapper-2XNafh {
  3903. padding-bottom: 16px;
  3904. background-color: var(--card-color);
  3905. border-radius: var(--card-radius-big);
  3906. border: 1px solid var(--card-border-color); }
  3907. /* SERVER SETTINGS -> COMMUNITY -> PARTNER PROGRAM */
  3908. .featureCard-1RR4Tl {
  3909. background-color: var(--card-color);
  3910. border-radius: var(--card-radius-big);
  3911. border: 1px solid var(--card-border-color); }
  3912. .checklistContainer-mFJZEJ {
  3913. width: 100%;
  3914. margin: 0;
  3915. background-color: var(--card-color);
  3916. border-radius: var(--card-radius-big);
  3917. border: 1px solid var(--card-border-color); }
  3918. .checklistContainer-mFJZEJ .checklistHeader-1KWcEY {
  3919. padding: 16px;
  3920. background-color: transparent;
  3921. border-bottom: 1px solid var(--card-border-color);
  3922. font-size: 1em;
  3923. color: var(--card-header-text-color);
  3924. font-weight: 500; }
  3925. .checklistContainer-mFJZEJ .checklistItem-37OOck {
  3926. position: relative;
  3927. border-bottom: none; }
  3928. .checklistContainer-mFJZEJ .checklistItem-37OOck:after {
  3929. position: absolute;
  3930. content: " ";
  3931. width: calc(100% - 52px);
  3932. height: 1px;
  3933. right: 0;
  3934. bottom: 0;
  3935. background-color: var(--card-border-color); }
  3936. .checklistContainer-mFJZEJ .checklistItem-37OOck:last-of-type:after {
  3937. display: none; }
  3938. .checklistContainer-mFJZEJ .checklistItem-37OOck + .separator-Hx_3SF {
  3939. display: none; }
  3940. /* SERVER SETTINGS -> COMMUNITY -> DISCOVERY */
  3941. .container-2w0lh0 {
  3942. background-color: var(--card-color);
  3943. border-radius: var(--card-radius-big);
  3944. border: 1px solid var(--card-border-color); }
  3945. .container-2w0lh0 .header-2Y0-A- {
  3946. padding: 16px;
  3947. background-color: transparent;
  3948. border-bottom: 1px solid var(--card-border-color);
  3949. font-size: 1em;
  3950. color: var(--card-header-text-color);
  3951. font-weight: 500; }
  3952. .container-2w0lh0 .checklistItem-37OOck {
  3953. position: relative;
  3954. border-bottom: none; }
  3955. .container-2w0lh0 .checklistItem-37OOck:after {
  3956. position: absolute;
  3957. content: " ";
  3958. width: calc(100% - 52px);
  3959. height: 1px;
  3960. right: 0;
  3961. bottom: 0;
  3962. background-color: var(--card-border-color); }
  3963. .container-2w0lh0 .checklistItem-37OOck:last-of-type:after {
  3964. display: none; }
  3965. .container-2w0lh0 .checklistItem-37OOck + .separator-1COOpU {
  3966. display: none; }
  3967. .card-3_CqkU {
  3968. background-color: var(--card-color);
  3969. border-radius: var(--card-radius-big);
  3970. border: 1px solid var(--card-border-color);
  3971. box-shadow: none !important; }
  3972. /* SERVER SETTINGS -> COMMUNITY -> MEMBERSHIP SCREENING */
  3973. .enableContainer-2DIT9Q {
  3974. background-color: var(--card-color);
  3975. border-radius: var(--card-radius-big);
  3976. border: 1px solid var(--card-border-color); }
  3977. .previewContainer-12Libf .editableFieldsContainer-1LYE1s {
  3978. width: auto; }
  3979. .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I {
  3980. background-color: var(--card-color);
  3981. border-radius: var(--card-radius-big);
  3982. border: 1px solid var(--card-border-color);
  3983. padding: 0; }
  3984. .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .settingsFormFieldWrapper-3Y77Pr.flex-1xMQg5 {
  3985. margin: 16px; }
  3986. .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .settingsFormFieldWrapper-3Y77Pr:not(.flex-1xMQg5) {
  3987. padding: 0;
  3988. background-color: transparent;
  3989. border: none; }
  3990. .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .settingsLink-uq19Vg {
  3991. padding: 8px;
  3992. background-color: transparent;
  3993. border-top: 1px solid var(--card-border-color); }
  3994. .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .h5-18_1nd {
  3995. padding: 16px;
  3996. background-color: transparent;
  3997. border-bottom: 1px solid var(--card-border-color);
  3998. font-size: 1em;
  3999. color: var(--card-header-text-color);
  4000. font-weight: 500; }
  4001. .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .termsRow-2dS5nm {
  4002. padding: 16px;
  4003. position: relative;
  4004. border-bottom: none; }
  4005. .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .termsRow-2dS5nm:after {
  4006. position: absolute;
  4007. content: " ";
  4008. width: calc(100% - 44px);
  4009. height: 1px;
  4010. right: 0;
  4011. bottom: 0;
  4012. background-color: var(--card-border-color); }
  4013. .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .termsRow-2dS5nm:last-of-type:after {
  4014. display: none; }
  4015. .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .termsRow-2dS5nm .termsRowContent-24S2LO {
  4016. padding-left: 16px; }
  4017. .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .checkbox-BXy2rz {
  4018. margin-top: 0;
  4019. padding: 8px;
  4020. background-color: transparent;
  4021. border-top: 1px solid var(--card-border-color); }
  4022. .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .checkbox-BXy2rz.checkboxWrapperDisabled-36r8NK {
  4023. opacity: 1; }
  4024. /* SERVER SETTINGS -> COMMUNITY -> WELCOME SCREEN */
  4025. .enableContainer-6E-puu {
  4026. padding: 16px;
  4027. background-color: transparent;
  4028. border-bottom: 1px solid var(--card-border-color);
  4029. font-size: 1em;
  4030. color: var(--card-header-text-color);
  4031. font-weight: 500;
  4032. border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
  4033. border: 1px solid var(--card-border-color); }
  4034. .previewContainer-1SS3uO {
  4035. background-color: var(--card-color);
  4036. border-radius: var(--card-radius-big);
  4037. border: 1px solid var(--card-border-color);
  4038. border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  4039. border-top: none; }
  4040. .previewContainer-1SS3uO .descriptionInput-3b30C8 {
  4041. line-height: 32px; }
  4042. .previewContainer-1SS3uO .descriptionInput-3b30C8[placeholder] {
  4043. text-align: left; }
  4044. .previewContainer-1SS3uO .welcomeChannel-1rFrIO {
  4045. background-color: var(--card-color);
  4046. border-radius: var(--card-radius-big);
  4047. border: 1px solid var(--card-border-color); }
  4048. .iconActiveLarger-1L4Joi {
  4049. border-radius: 50%; }
  4050. .options-1VK2u9 {
  4051. background-color: var(--card-color);
  4052. border-radius: var(--card-radius-big);
  4053. border: 1px solid var(--card-border-color); }
  4054. .options-1VK2u9 .optionContainer-15srkc {
  4055. margin-top: 0;
  4056. border-radius: 0;
  4057. background-color: transparent;
  4058. position: relative;
  4059. border-bottom: none; }
  4060. .options-1VK2u9 .optionContainer-15srkc:after {
  4061. position: absolute;
  4062. content: " ";
  4063. width: calc(100% - 48px);
  4064. height: 1px;
  4065. right: 0;
  4066. bottom: 0;
  4067. background-color: var(--card-border-color); }
  4068. .options-1VK2u9 .optionContainer-15srkc:last-of-type:after {
  4069. display: none; }
  4070. .close-2do-tr {
  4071. background-color: transparent !important;
  4072. position: relative;
  4073. position: absolute; }
  4074. .close-2do-tr:after {
  4075. content: " ";
  4076. position: absolute;
  4077. width: 100%;
  4078. height: 100%;
  4079. top: 0;
  4080. left: 0;
  4081. background-color: rgba(var(--md-ripple-color), 0.1);
  4082. border-radius: 50%;
  4083. opacity: 0;
  4084. pointer-events: none;
  4085. transform: scale(1.2);
  4086. transition: 300ms ease;
  4087. z-index: 4; }
  4088. .close-2do-tr:hover:after {
  4089. opacity: 1;
  4090. transform: scale(1.6);
  4091. animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  4092. .close-2do-tr:active:after {
  4093. background-color: rgba(var(--md-ripple-color), 0.2); }
  4094. .modalContents-eAxMSD {
  4095. padding: 0; }
  4096. .modalContents-eAxMSD .headerText-sweXCL {
  4097. margin: 0;
  4098. padding: 16px 16px 0; }
  4099. .modalContents-eAxMSD .headerText-sweXCL + .formDescription-30JriC {
  4100. margin: 0;
  4101. padding: 0 16px 16px;
  4102. border-bottom: 1px solid var(--popout-header-border); }
  4103. .modalContents-eAxMSD > div:not([class]) {
  4104. padding: 16px 16px 0; }
  4105. .modalContents-eAxMSD > div:not([class]) + div:not([class]) {
  4106. padding: 0 16px 16px; }
  4107. .modalContents-eAxMSD .emojiButtonContainer-1zs7UV {
  4108. margin-top: 4px;
  4109. padding: 0; }
  4110. .modalContents-eAxMSD .channelDescriptionWrapper-2-llqU .inputWrapper-31_8H8 {
  4111. margin-left: 32px; }
  4112. /* SERVER SETTINGS -> SERVER BOOST STATUS */
  4113. .tier-3H4BXk .tierHeader-rlkkJd {
  4114. border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; }
  4115. .tier-3H4BXk .tierHeader-rlkkJd.tierHeaderLocked-1a2opw {
  4116. padding: 16px;
  4117. background-color: transparent;
  4118. border-bottom: 1px solid var(--card-border-color);
  4119. font-size: 1em;
  4120. color: var(--card-header-text-color);
  4121. font-weight: 500;
  4122. border: 1px solid var(--card-border-color); }
  4123. .tier-3H4BXk .tierHeader-rlkkJd.tierHeaderUnlocked-2RhWqn {
  4124. padding: 16px; }
  4125. .tier-3H4BXk .tierHeader-rlkkJd .tierHeaderContent-2-YfvN {
  4126. padding: 0; }
  4127. .tier-3H4BXk .tierHeader-rlkkJd .tierHeaderContent-2-YfvN .tierLock-1oFMOZ path {
  4128. d: path("M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z") !important; }
  4129. .tier-3H4BXk .tierBody-x9kBBp {
  4130. background-color: transparent !important;
  4131. border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  4132. border: 1px solid var(--card-border-color);
  4133. border-top: none; }
  4134. /* SERVER SETTINGS -> USER MANAGEMENT -> MEMBERS */
  4135. .content-3YMskv div:not([class]):nth-child(2) .divider-3573oO[style="margin-bottom: -1px;"] {
  4136. display: none; }
  4137. .container-cMG81i {
  4138. height: 32px;
  4139. background-color: var(--input-color);
  4140. border-radius: 16px; }
  4141. .container-cMG81i .inner-2P4tQO {
  4142. padding: 0; }
  4143. .container-cMG81i .inner-2P4tQO .input-3Xdcic {
  4144. height: 32px;
  4145. margin: 0;
  4146. padding: 0 4px 0 12px; }
  4147. .container-cMG81i .inner-2P4tQO .iconLayout-3OgqU3 {
  4148. width: 32px;
  4149. height: 32px;
  4150. margin-right: 8px; }
  4151. .container-3XJ8ns {
  4152. padding: 0;
  4153. background-color: var(--popout-color);
  4154. border-radius: var(--popout-radius);
  4155. border: none;
  4156. box-shadow: var(--shadow-3dp);
  4157. animation: top-pop-out 400ms var(--default-animation); }
  4158. .container-3XJ8ns .container-cMG81i {
  4159. margin: 12px 8px; }
  4160. .container-3XJ8ns .list-1MFD7e {
  4161. margin-top: 0;
  4162. border-top: 1px solid var(--card-border-color); }
  4163. .container-3XJ8ns .list-1MFD7e .content-3YMskv {
  4164. height: auto !important; }
  4165. .container-3XJ8ns .list-1MFD7e .item-2J2GlB {
  4166. margin-bottom: 0;
  4167. border-radius: 0;
  4168. color: var(--menu-item-text-color);
  4169. transition: var(--default-time) var(--default-animation) background-color; }
  4170. .container-3XJ8ns .list-1MFD7e .item-2J2GlB:hover {
  4171. background-color: var(--menu-item-hover); }
  4172. .container-3XJ8ns .list-1MFD7e .item-2J2GlB.selected-2114Fj {
  4173. background-color: var(--menu-item-select); }
  4174. body:active .container-3XJ8ns:not(:active) {
  4175. opacity: 0;
  4176. transition: 150ms ease all; }
  4177. .member-1q7VfX {
  4178. padding: 16px; }
  4179. .member-1q7VfX:after {
  4180. width: calc(100% - 66px); }
  4181. .member-1q7VfX:nth-child(3) {
  4182. margin-top: 24px;
  4183. border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
  4184. border-top: 1px solid var(--card-border-color); }
  4185. .member-1q7VfX:nth-child(3):last-of-type {
  4186. border-radius: var(--card-radius-big); }
  4187. .member-1q7VfX:last-of-type {
  4188. margin-bottom: 32px; }
  4189. .member-1q7VfX .roleWrapper-1Hde_V {
  4190. overflow: visible; }
  4191. .member-1q7VfX .button-38aScr {
  4192. height: 32px;
  4193. background-color: transparent !important;
  4194. position: relative; }
  4195. .member-1q7VfX .button-38aScr:after {
  4196. content: " ";
  4197. position: absolute;
  4198. width: 100%;
  4199. height: 100%;
  4200. top: 0;
  4201. left: 0;
  4202. background-color: rgba(var(--md-ripple-color), 0.1);
  4203. border-radius: 50%;
  4204. opacity: 0;
  4205. pointer-events: none;
  4206. transform: scale(1.2);
  4207. transition: 300ms ease;
  4208. z-index: 4; }
  4209. .member-1q7VfX .button-38aScr:hover:after {
  4210. opacity: 1;
  4211. transform: scale(1.1);
  4212. animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  4213. .member-1q7VfX .button-38aScr:active:after {
  4214. background-color: rgba(var(--md-ripple-color), 0.2); }
  4215. .overflowRolesPopout-140n9i {
  4216. width: 240px;
  4217. padding: 0;
  4218. background-color: var(--popout-color) !important;
  4219. border-radius: var(--popout-radius-big) !important;
  4220. box-shadow: var(--shadow-3dp) !important; }
  4221. .overflowRolesPopout-140n9i .overflowRolesPopoutHeader-ciqDLE {
  4222. margin-bottom: 0;
  4223. padding: 16px;
  4224. border-bottom: 1px solid var(--popout-header-border); }
  4225. .overflowRolesPopout-140n9i .overflowRolesPopoutHeaderText-1SW-y3 {
  4226. font-size: 14px;
  4227. text-transform: none; }
  4228. .overflowRolesPopout-140n9i .root-3-B5F3 {
  4229. padding: 8px; }
  4230. /* SERVER SETTINGS -> USER MANAGEMENT -> INVITES */
  4231. .headerSection-3-3lNF {
  4232. padding-bottom: 0; }
  4233. .headerSection-3-3lNF .divider-3573oO {
  4234. display: none; }
  4235. .headerSection-3-3lNF .horizontal-1ae9ci {
  4236. padding: 16px;
  4237. border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
  4238. border: 1px solid var(--card-border-color); }
  4239. .inviteSettingsInviteRow-3p2O-N {
  4240. height: 68px;
  4241. padding: 16px; }
  4242. .inviteSettingsInviteRow-3p2O-N:after {
  4243. width: calc(100% - 64px); }
  4244. .inviteSettingsInviteRow-3p2O-N .text-21vYb9 .user-3x-NP9 .avatar-1D9RQa {
  4245. position: absolute;
  4246. width: 34px !important;
  4247. height: 34px !important;
  4248. top: 0;
  4249. bottom: 0;
  4250. margin: auto 0; }
  4251. .inviteSettingsInviteRow-3p2O-N .text-21vYb9 .user-3x-NP9 .username-38XC76 {
  4252. margin-left: 48px; }
  4253. .inviteSettingsInviteRow-3p2O-N .text-21vYb9 .colorHeaderSecondary-3Sp3Ft {
  4254. margin-left: 48px; }
  4255. .inviteSettingsInviteRow-3p2O-N .revokeInvite-28N8uj {
  4256. right: -16px; }
  4257. /* SERVER SETTINGS -> USER MANAGEMENT -> BANS */
  4258. .bannedUser-1IalTM {
  4259. padding: 16px; }
  4260. .bannedUser-1IalTM:after {
  4261. width: calc(100% - 64px); }
  4262. .bannedUser-1IalTM:nth-child(3) {
  4263. border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
  4264. border-top: 1px solid var(--card-border-color); }
  4265. .bannedUser-1IalTM:nth-child(3):last-of-type {
  4266. border-radius: var(--card-radius-big); }
  4267. .bannedUser-1IalTM:last-of-type {
  4268. margin-bottom: 32px; }
  4269. .bannedUserModal-3RJCOV {
  4270. min-height: 180px; }
  4271. .bannedUserModal-3RJCOV .content-1x7qW2 {
  4272. padding: 0 !important; }
  4273. .bannedUserModal-3RJCOV .content-1x7qW2::-webkit-scrollbar {
  4274. width: 0px !important; }
  4275. .bannedUserModal-3RJCOV .content-1x7qW2 .horizontal-1ae9ci {
  4276. padding: 16px;
  4277. justify-content: left;
  4278. border-bottom: 1px solid var(--card-border-color); }
  4279. .bannedUserModal-3RJCOV .content-1x7qW2 .reasonHeader-2etdjy {
  4280. margin-top: 0;
  4281. padding: 16px;
  4282. font-size: 14px;
  4283. text-transform: none; }
  4284. .bannedUserModal-3RJCOV .content-1x7qW2 .reasonHeader-2etdjy + .size14-e6ZScH {
  4285. padding: 0 16px 16px; }
  4286. /* SERVER SETTINGS -> LISTS */
  4287. .emojiRow-zIc7ZX,
  4288. .member-1q7VfX,
  4289. .inviteSettingsInviteRow-3p2O-N,
  4290. .bannedUser-1IalTM {
  4291. border-left: 1px solid var(--card-border-color);
  4292. border-right: 1px solid var(--card-border-color);
  4293. box-shadow: none !important; }
  4294. .emojiRow-zIc7ZX:before,
  4295. .member-1q7VfX:before,
  4296. .inviteSettingsInviteRow-3p2O-N:before,
  4297. .bannedUser-1IalTM:before {
  4298. display: none; }
  4299. .emojiRow-zIc7ZX:after,
  4300. .member-1q7VfX:after,
  4301. .inviteSettingsInviteRow-3p2O-N:after,
  4302. .bannedUser-1IalTM:after {
  4303. position: absolute;
  4304. content: " ";
  4305. height: 1px;
  4306. bottom: 0;
  4307. right: 0;
  4308. background-color: var(--card-border-color); }
  4309. .emojiRow-zIc7ZX:last-of-type,
  4310. .member-1q7VfX:last-of-type,
  4311. .inviteSettingsInviteRow-3p2O-N:last-of-type,
  4312. .bannedUser-1IalTM:last-of-type {
  4313. border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  4314. border-bottom: 1px solid var(--card-border-color); }
  4315. .emojiRow-zIc7ZX:last-of-type:after,
  4316. .member-1q7VfX:last-of-type:after,
  4317. .inviteSettingsInviteRow-3p2O-N:last-of-type:after,
  4318. .bannedUser-1IalTM:last-of-type:after {
  4319. display: none; }
  4320. /* SERVER SETTINGS -> SIDEBAR ICONS */
  4321. .side-8zPYf6 .item-PXvHYJ[aria-controls="OVERVIEW-tab"]:before {
  4322. background-color: var(--text-normal);
  4323. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/dashboard.svg);
  4324. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/dashboard.svg);
  4325. -webkit-mask-repeat: no-repeat;
  4326. mask-repeat: no-repeat; }
  4327. .side-8zPYf6 .item-PXvHYJ[aria-controls="PERMISSIONS-tab"]:before {
  4328. background-color: var(--text-normal);
  4329. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/lock_open.svg);
  4330. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/lock_open.svg);
  4331. -webkit-mask-repeat: no-repeat;
  4332. mask-repeat: no-repeat; }
  4333. .side-8zPYf6 .item-PXvHYJ[aria-controls="ROLES-tab"]:before {
  4334. background-color: var(--text-normal);
  4335. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/people.svg);
  4336. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/people.svg);
  4337. -webkit-mask-repeat: no-repeat;
  4338. mask-repeat: no-repeat; }
  4339. .side-8zPYf6 .item-PXvHYJ[aria-controls="EMOJI-tab"]:before {
  4340. background-color: var(--text-normal);
  4341. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/emoji.svg);
  4342. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/emoji.svg);
  4343. -webkit-mask-repeat: no-repeat;
  4344. mask-repeat: no-repeat; }
  4345. .side-8zPYf6 .item-PXvHYJ[aria-controls="MODERATION-tab"]:before {
  4346. background-color: var(--text-normal);
  4347. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/security.svg);
  4348. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/security.svg);
  4349. -webkit-mask-repeat: no-repeat;
  4350. mask-repeat: no-repeat; }
  4351. .side-8zPYf6 .item-PXvHYJ[aria-controls="AUDIT_LOG-tab"]:before {
  4352. background-color: var(--text-normal);
  4353. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/audit_log.svg);
  4354. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/audit_log.svg);
  4355. -webkit-mask-repeat: no-repeat;
  4356. mask-repeat: no-repeat; }
  4357. .side-8zPYf6 .item-PXvHYJ[aria-controls="INTEGRATIONS-tab"]:before {
  4358. background-color: var(--text-normal);
  4359. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/integrations.svg);
  4360. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/integrations.svg);
  4361. -webkit-mask-repeat: no-repeat;
  4362. mask-repeat: no-repeat; }
  4363. .side-8zPYf6 .item-PXvHYJ[aria-controls="WIDGET-tab"]:before {
  4364. background-color: var(--text-normal);
  4365. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/widgets.svg);
  4366. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/widgets.svg);
  4367. -webkit-mask-repeat: no-repeat;
  4368. mask-repeat: no-repeat; }
  4369. .side-8zPYf6 .item-PXvHYJ[aria-controls="GUILD_TEMPLATES-tab"]:before {
  4370. background-color: var(--text-normal);
  4371. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/template.svg);
  4372. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/template.svg);
  4373. -webkit-mask-repeat: no-repeat;
  4374. mask-repeat: no-repeat; }
  4375. .side-8zPYf6 .item-PXvHYJ[aria-controls="COMMUNITY-tab"]:before {
  4376. background-color: var(--text-normal);
  4377. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/dashboard.svg);
  4378. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/dashboard.svg);
  4379. -webkit-mask-repeat: no-repeat;
  4380. mask-repeat: no-repeat; }
  4381. .side-8zPYf6 .item-PXvHYJ[aria-controls="ANALYTICS-tab"]:before {
  4382. background-color: var(--text-normal);
  4383. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/analytics.svg);
  4384. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/analytics.svg);
  4385. -webkit-mask-repeat: no-repeat;
  4386. mask-repeat: no-repeat; }
  4387. .side-8zPYf6 .item-PXvHYJ[aria-controls="PARTNER-tab"]:before {
  4388. background-color: var(--text-normal);
  4389. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/partner_program.svg);
  4390. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/partner_program.svg);
  4391. -webkit-mask-repeat: no-repeat;
  4392. mask-repeat: no-repeat; }
  4393. .side-8zPYf6 .item-PXvHYJ[aria-controls="DISCOVERY-tab"]:before {
  4394. background-color: var(--text-normal);
  4395. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/discovery.svg);
  4396. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/discovery.svg);
  4397. -webkit-mask-repeat: no-repeat;
  4398. mask-repeat: no-repeat; }
  4399. .side-8zPYf6 .item-PXvHYJ[aria-controls="MEMBER_VERIFICATION-tab"]:before {
  4400. background-color: var(--text-normal);
  4401. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/verified_user.svg);
  4402. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/verified_user.svg);
  4403. -webkit-mask-repeat: no-repeat;
  4404. mask-repeat: no-repeat; }
  4405. .side-8zPYf6 .item-PXvHYJ[aria-controls="COMMUNITY_WELCOME-tab"]:before {
  4406. background-color: var(--text-normal);
  4407. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/partner_program.svg);
  4408. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/partner_program.svg);
  4409. -webkit-mask-repeat: no-repeat;
  4410. mask-repeat: no-repeat; }
  4411. .side-8zPYf6 .item-PXvHYJ[aria-controls="GUILD_PREMIUM-tab"]:before {
  4412. background-color: var(--text-normal);
  4413. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/server_boost.svg);
  4414. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/server_boost.svg);
  4415. -webkit-mask-repeat: no-repeat;
  4416. mask-repeat: no-repeat; }
  4417. .side-8zPYf6 .item-PXvHYJ[aria-controls="MEMBERS-tab"]:before {
  4418. background-color: var(--text-normal);
  4419. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/people.svg);
  4420. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/people.svg);
  4421. -webkit-mask-repeat: no-repeat;
  4422. mask-repeat: no-repeat; }
  4423. .side-8zPYf6 .item-PXvHYJ[aria-controls="INSTANT_INVITES-tab"]:before {
  4424. background-color: var(--text-normal);
  4425. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/person_add.svg);
  4426. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/person_add.svg);
  4427. -webkit-mask-repeat: no-repeat;
  4428. mask-repeat: no-repeat; }
  4429. .side-8zPYf6 .item-PXvHYJ[aria-controls="BANS-tab"]:before {
  4430. background-color: var(--text-normal);
  4431. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/hammer.svg);
  4432. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/hammer.svg);
  4433. -webkit-mask-repeat: no-repeat;
  4434. mask-repeat: no-repeat; }
  4435. .side-8zPYf6 .item-PXvHYJ[aria-controls="DELETE-tab"]:before {
  4436. background-color: var(--alert-color);
  4437. -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/delete.svg);
  4438. mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/delete.svg);
  4439. -webkit-mask-repeat: no-repeat;
  4440. mask-repeat: no-repeat; }
  4441. /* SERVER SETTINGS -> ROLES */
  4442. .scroller-305q3I {
  4443. background-color: transparent; }
  4444. @media (min-width: 1148px) {
  4445. .sidebarScrollable-1qPI87 + .content-1rPSz4 {
  4446. /*max-width: 100%;*/
  4447. max-width: calc(100% - 232px);
  4448. margin-left: 16px; } }
  4449. .role-3wi9Tf {
  4450. padding: 0 10px !important; }
  4451. /*
  4452. *
  4453. * PINNED MESSAGES
  4454. *
  4455. */
  4456. .iconBadge-qZ4Ksk {
  4457. top: -2px;
  4458. right: 4px;
  4459. background-color: var(--accent-color);
  4460. box-shadow: var(--shadow-1dp); }
  4461. .messagesPopoutWrap-1MQ1bW {
  4462. max-height: 80vh !important;
  4463. background-color: var(--popout-color);
  4464. border-radius: var(--popout-radius-big);
  4465. box-shadow: var(--shadow-3dp);
  4466. animation: top-pop-out 400ms var(--default-animation); }
  4467. .messagesPopoutWrap-1MQ1bW .header-ykumBX {
  4468. padding: 0 16px;
  4469. background-color: transparent;
  4470. border-bottom: 1px solid var(--popout-header-border);
  4471. box-shadow: none; }
  4472. .messagesPopoutWrap-1MQ1bW .header-ykumBX .wrapper-1sSZUt {
  4473. height: 52px;
  4474. line-height: 52px; }
  4475. .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi {
  4476. padding: 0 8px 20px 8px; }
  4477. .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G {
  4478. margin: 0;
  4479. background-color: transparent;
  4480. border: none; }
  4481. .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT {
  4482. margin: 16px 8px 0 52px;
  4483. padding: 12px !important;
  4484. background-color: var(--message-color-alt) !important;
  4485. border-radius: var(--message-radius); }
  4486. .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT:before, .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT:after {
  4487. display: none; }
  4488. .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT .avatar-1BDn8e {
  4489. top: 0;
  4490. left: -50px; }
  4491. .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT .container-1ov-mD {
  4492. overflow: hidden;
  4493. border-radius: var(--message-radius); }
  4494. .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .actionButtons-1sUUug {
  4495. top: 22px;
  4496. right: 12px; }
  4497. .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .actionButtons-1sUUug .jumpButton-3DTcS_ {
  4498. border-radius: 9px; }
  4499. body:active .messagesPopoutWrap-1MQ1bW:not(:active) {
  4500. opacity: 0;
  4501. transition: 150ms ease all; }
  4502. /*
  4503. *
  4504. * COLOR PICKER
  4505. *
  4506. */
  4507. .colorPickerCustom-2CWBn2 {
  4508. background-color: var(--popout-color) !important;
  4509. border-radius: var(--popout-radius-big) !important;
  4510. box-shadow: var(--shadow-3dp) !important;
  4511. border: none; }
  4512. /*
  4513. *
  4514. * CREATE GROUP DM
  4515. *
  4516. */
  4517. .popout-103y-5 .header-1TKi98 .marginTop20-3TxNs6 {
  4518. margin-top: 8px; }
  4519. .popout-103y-5 .header-1TKi98 .container-2XeR5Z {
  4520. background-color: var(--input-color);
  4521. border-radius: 18px; }
  4522. .popout-103y-5 .header-1TKi98 .container-2XeR5Z .inner-3ErfOT {
  4523. padding: 0; }
  4524. .popout-103y-5 .header-1TKi98 .container-2XeR5Z .input-1Rv96N {
  4525. margin: 0;
  4526. padding: 0 12px;
  4527. min-height: 36px; }
  4528. .popout-103y-5 .header-1TKi98 .container-2XeR5Z .tag-2gHSR7 {
  4529. height: 28px;
  4530. margin: 4px 0 0 4px;
  4531. /*background-color: var(--menu-item-hover);*/
  4532. border-radius: 14px;
  4533. background-color: transparent;
  4534. border: 1px solid var(--text-muted);
  4535. color: var(--text-normal); }
  4536. .popout-103y-5 .header-1TKi98 .container-2XeR5Z .tag-2gHSR7 .close-3WVtCL {
  4537. width: 18px;
  4538. height: 18px;
  4539. margin-left: 8px; }
  4540. .popout-103y-5 .header-1TKi98 .container-2XeR5Z .tag-2gHSR7 .close-3WVtCL path {
  4541. d: path("M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z"); }
  4542. .popout-103y-5 .friendWrapper-2SrUFF {
  4543. margin: 0;
  4544. padding: 0; }
  4545. .popout-103y-5 .friendWrapper-2SrUFF .friend-3KALPe {
  4546. padding: 6px 12px;
  4547. border-radius: 0;
  4548. transition: var(--default-time) var(--default-animation) background-color; }
  4549. .popout-103y-5 .friendWrapper-2SrUFF .friend-3KALPe.friendSelected-1sa4bG {
  4550. background-color: var(--menu-item-hover);
  4551. color: var(--menu-item-text-color); }
  4552. .popout-103y-5 .footerSeparator-M9dQY1 {
  4553. margin: 0;
  4554. background-color: var(--popout-header-border);
  4555. box-shadow: none !important; }
  4556. .popout-103y-5 .footer-1eyGBa {
  4557. padding: 8px; }
  4558. /*
  4559. *
  4560. * INBOX
  4561. *
  4562. */
  4563. .container-enaOkj {
  4564. background-color: var(--popout-color);
  4565. border-radius: var(--popout-radius-big);
  4566. box-shadow: var(--shadow-3dp); }
  4567. /* MENTIONS -> HEADER */
  4568. .header-2-Imhb,
  4569. .header-ykumBX {
  4570. height: 52px;
  4571. padding: 0 16px;
  4572. background-color: var(--popout-color);
  4573. border-bottom: 1px solid var(--popout-header-border); }
  4574. .header-2-Imhb .tab-ck0077,
  4575. .header-ykumBX .tab-ck0077 {
  4576. height: 100%;
  4577. margin: 0;
  4578. padding: 0 8px; }
  4579. .header-2-Imhb .tab-ck0077:hover, .header-2-Imhb .tab-ck0077.active-1MbGPa,
  4580. .header-ykumBX .tab-ck0077:hover,
  4581. .header-ykumBX .tab-ck0077.active-1MbGPa {
  4582. background-color: transparent !important; }
  4583. .header-2-Imhb .tab-ck0077.active-1MbGPa,
  4584. .header-ykumBX .tab-ck0077.active-1MbGPa {
  4585. position: relative; }
  4586. .header-2-Imhb .tab-ck0077.active-1MbGPa:after,
  4587. .header-ykumBX .tab-ck0077.active-1MbGPa:after {
  4588. position: absolute;
  4589. content: " ";
  4590. width: 90%;
  4591. height: 3px;
  4592. left: 0;
  4593. right: 0;
  4594. bottom: 0;
  4595. margin: 0 auto;
  4596. background: var(--tab-border-color);
  4597. border-radius: 3px 3px 0 0;
  4598. transition: var(--default-time) ease all; }
  4599. .header-2-Imhb .tab-ck0077:first-child,
  4600. .header-ykumBX .tab-ck0077:first-child {
  4601. margin-right: 8px; }
  4602. .header-2-Imhb .secondary-dIudih,
  4603. .header-ykumBX .secondary-dIudih {
  4604. margin-top: 10px; }
  4605. /* INBOX -> MENTIONS */
  4606. .container-3iAQ-0 {
  4607. padding-left: 8px;
  4608. padding-right: 8px; }
  4609. .container-3iAQ-0:first-child {
  4610. margin-top: 16px; }
  4611. .container-3iAQ-0 .channelHeader-3Gd2xq {
  4612. padding: 12px 16px;
  4613. background-color: var(--message-color-alt);
  4614. border-radius: var(--message-radius) var(--message-radius) 0 0;
  4615. border-bottom: 1px solid var(--card-border-color); }
  4616. .container-3iAQ-0 .messageContainer-gbhlwo {
  4617. background-color: var(--message-color-alt);
  4618. border-radius: 0 0 var(--message-radius) var(--message-radius); }
  4619. .container-3iAQ-0 .messageContainer-gbhlwo .wrapper-2a6GCs.cozy-3raOZG {
  4620. margin: 0 0 0 80px;
  4621. border-radius: var(--message-radius);
  4622. overflow: visible; }
  4623. .container-3iAQ-0 .messageContainer-gbhlwo .wrapper-2a6GCs.cozy-3raOZG:before, .container-3iAQ-0 .messageContainer-gbhlwo .wrapper-2a6GCs.cozy-3raOZG:after {
  4624. display: none; }
  4625. .container-3iAQ-0 .messageContainer-gbhlwo .wrapper-2a6GCs.cozy-3raOZG .avatar-1BDn8e {
  4626. top: 0;
  4627. left: -50px; }
  4628. /* INBOX -> UNREADS */
  4629. .channel-3pEHab {
  4630. padding-top: 16px; }
  4631. .channel-3pEHab .channelHeader-3Gd2xq {
  4632. padding: 12px 16px 12px 42px;
  4633. background-color: var(--message-color-alt);
  4634. border-radius: var(--message-radius) var(--message-radius) 0 0;
  4635. border-bottom: 1px solid var(--card-border-color); }
  4636. .channel-3pEHab .channelHeader-3Gd2xq:only-child {
  4637. border-radius: var(--message-radius);
  4638. border-bottom: none; }
  4639. .channel-3pEHab .channelHeader-3Gd2xq .collapseButton-2ZsEjz {
  4640. left: 12px;
  4641. cursor: pointer; }
  4642. .channel-3pEHab .channelHeader-3Gd2xq .button-1-5Aqk {
  4643. background-color: var(--menu-item-hover); }
  4644. .channel-3pEHab .channelHeader-3Gd2xq .button-1-5Aqk:hover {
  4645. background-color: var(--menu-item-select); }
  4646. .channel-3pEHab .messages-3G3erD {
  4647. padding: 16px;
  4648. background-color: var(--message-color-alt);
  4649. border-radius: 0 0 var(--message-radius) var(--message-radius); }
  4650. .channel-3pEHab .messages-3G3erD .wrapper-2a6GCs.cozy-3raOZG {
  4651. overflow: visible; }
  4652. .channel-3pEHab .messages-3G3erD .wrapper-2a6GCs.cozy-3raOZG .avatar-1BDn8e {
  4653. left: -50px; }
  4654. .channel-3pEHab .messages-3G3erD .wrapper-2a6GCs.cozy-3raOZG.groupStart-23k01U {
  4655. margin: 16px 0 0 48px; }
  4656. .channel-3pEHab .messages-3G3erD .wrapper-2a6GCs.cozy-3raOZG:not(.groupStart-23k01U) {
  4657. margin: -8px 0 0 48px; }
  4658. /*
  4659. *
  4660. * SEARCH
  4661. *
  4662. */
  4663. .container-3ayLPN {
  4664. background-color: var(--popout-color) !important;
  4665. border-radius: var(--popout-radius-big) !important;
  4666. box-shadow: var(--shadow-3dp) !important;
  4667. animation: top-pop-out 400ms var(--default-animation); }
  4668. .container-3ayLPN .resultsGroup-r_nuzN:before {
  4669. display: none; }
  4670. .container-3ayLPN .resultsGroup-r_nuzN .header-2N-gMV {
  4671. color: var(--text-normal);
  4672. font-size: 14px;
  4673. text-transform: none; }
  4674. .container-3ayLPN .resultsGroup-r_nuzN .searchLearnMore-3SQUAj a,
  4675. .container-3ayLPN .resultsGroup-r_nuzN .searchClearHistory-2cSSMO {
  4676. color: var(--text-normal); }
  4677. .container-3ayLPN .resultsGroup-r_nuzN .option-96V44q {
  4678. margin: 0 !important;
  4679. padding: 0 20px !important;
  4680. border-radius: 0 !important; }
  4681. .container-3ayLPN .resultsGroup-r_nuzN .option-96V44q:after {
  4682. background: transparent !important; }
  4683. .container-3ayLPN .resultsGroup-r_nuzN .option-96V44q:hover {
  4684. background: var(--menu-item-hover) !important; }
  4685. .container-3ayLPN .resultsGroup-r_nuzN .option-96V44q.selected-rZcOL- {
  4686. background: var(--menu-item-select) !important; }
  4687. .container-3ayLPN .resultsGroup-r_nuzN .option-96V44q.selected-rZcOL-:after {
  4688. width: 70px;
  4689. background: linear-gradient(90deg, rgba(35, 38, 42, 0), var(--menu-item-hover) 50%) !important; }
  4690. .container-3ayLPN .resultsGroup-r_nuzN .option-96V44q .answer-1n6g43 {
  4691. color: var(--text-muted); }
  4692. .container-3ayLPN .queryContainer-RKFJW- {
  4693. border-bottom-color: var(--popout-header-border) !important; }
  4694. .container-3ayLPN .queryContainer-RKFJW-.focused-2bY0OD {
  4695. background-color: transparent !important; }
  4696. .keybindShortcut-1BD6Z1 {
  4697. height: 24px; }
  4698. .keybindShortcut-1BD6Z1 span, .keybindShortcut-1BD6Z1 span:active {
  4699. height: 100%;
  4700. padding: 0 6px;
  4701. line-height: 24px;
  4702. border-radius: 12px;
  4703. box-shadow: none !important;
  4704. border: none !important; }
  4705. body:active .container-3ayLPN:not(:active) {
  4706. opacity: 0;
  4707. transition: 150ms ease all; }
  4708. /* SEARCH -> RESULTS */
  4709. .searchResultsWrap-3-pOjs {
  4710. background-color: var(--main-color);
  4711. /* SEARCH -> RESULTS -> HEADER */
  4712. /* SEARCH -> RESULTS -> MESSAGES */ }
  4713. .searchResultsWrap-3-pOjs .searchHeader-2XoQg7 {
  4714. padding: 0 16px;
  4715. background-color: transparent;
  4716. border-bottom: 1px solid var(--separator-color); }
  4717. .searchResultsWrap-3-pOjs .searchHeader-2XoQg7 .tab-2j5AEF {
  4718. height: 100%;
  4719. line-height: 100%;
  4720. border-radius: 0; }
  4721. .searchResultsWrap-3-pOjs .searchHeader-2XoQg7 .tab-2j5AEF:hover, .searchResultsWrap-3-pOjs .searchHeader-2XoQg7 .tab-2j5AEF.selected-2LAck8 {
  4722. background-color: transparent; }
  4723. .searchResultsWrap-3-pOjs .searchHeader-2XoQg7 .tab-2j5AEF.selected-2LAck8 {
  4724. position: relative; }
  4725. .searchResultsWrap-3-pOjs .searchHeader-2XoQg7 .tab-2j5AEF.selected-2LAck8:after {
  4726. position: absolute;
  4727. content: " ";
  4728. width: 90%;
  4729. height: 3px;
  4730. left: 0;
  4731. right: 0;
  4732. bottom: 0;
  4733. margin: 0 auto;
  4734. background: var(--tab-border-color);
  4735. border-radius: 3px 3px 0 0;
  4736. transition: var(--default-time) ease all; }
  4737. .searchResultsWrap-3-pOjs .scroller-3GIiMh {
  4738. padding: 8px; }
  4739. .searchResultsWrap-3-pOjs .channelName-1JRO3C {
  4740. padding: 8px 8px 8px 12px;
  4741. background-color: transparent;
  4742. color: var(--card-header-text-color); }
  4743. .searchResultsWrap-3-pOjs .searchResult-9tQ1uo {
  4744. background-color: transparent;
  4745. border-radius: 0; }
  4746. .searchResultsWrap-3-pOjs .searchResult-9tQ1uo .wrapper-2a6GCs {
  4747. margin: 0 8px 0 60px;
  4748. padding: 12px !important;
  4749. border-radius: var(--message-radius); }
  4750. .searchResultsWrap-3-pOjs .searchResult-9tQ1uo .wrapper-2a6GCs:before, .searchResultsWrap-3-pOjs .searchResult-9tQ1uo .wrapper-2a6GCs:after {
  4751. display: none; }
  4752. .searchResultsWrap-3-pOjs .searchResult-9tQ1uo .wrapper-2a6GCs .avatar-1BDn8e {
  4753. top: 0;
  4754. left: -50px; }
  4755. .searchResultsWrap-3-pOjs .buttonsContainer-7PA8hy {
  4756. top: 16px;
  4757. right: 18px; }
  4758. .searchResultsWrap-3-pOjs .buttonsContainer-7PA8hy .button-11zvza {
  4759. padding: 4px 8px;
  4760. border-radius: 12px; }
  4761. /*
  4762. *
  4763. * USER POPOUT
  4764. *
  4765. */
  4766. .userPopout-3XzG_A {
  4767. position: relative;
  4768. width: 280px;
  4769. max-height: 90vh;
  4770. background-color: var(--popout-color) !important;
  4771. border-radius: var(--popout-radius-big) !important;
  4772. box-shadow: var(--shadow-3dp) !important; }
  4773. .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN, .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV {
  4774. background-color: var(--popout-color-alt); }
  4775. .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN .headerTag-2pZJzA,
  4776. .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN .headerTagUsernameNoNickname-2_H881,
  4777. .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN .headerText-1HLrL7,
  4778. .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN .content-3JfFJh,
  4779. .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN .activityName-1IaRLn,
  4780. .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN .details-38sfDr,
  4781. .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN .nameNormal-2lqVQK,
  4782. .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN .nameWrap-3Z4G_9, .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV .headerTag-2pZJzA,
  4783. .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV .headerTagUsernameNoNickname-2_H881,
  4784. .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV .headerText-1HLrL7,
  4785. .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV .content-3JfFJh,
  4786. .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV .activityName-1IaRLn,
  4787. .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV .details-38sfDr,
  4788. .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV .nameNormal-2lqVQK,
  4789. .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV .nameWrap-3Z4G_9 {
  4790. color: var(--menu-item-text-color);
  4791. font-size: 14px;
  4792. text-transform: none; }
  4793. .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT {
  4794. background-color: var(--spotify-color); }
  4795. .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k {
  4796. position: relative;
  4797. padding: 0; }
  4798. .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .anchor-3Z-8Bb {
  4799. color: #fff; }
  4800. .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .headerTextNormal-2mGWX3 {
  4801. display: none; }
  4802. .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .bodyNormal-2D39hT {
  4803. padding: 10px 10px 0; }
  4804. .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .bodyNormal-2D39hT .assetsLargeImage-eYwpTX {
  4805. border-radius: 50%; }
  4806. .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .timeBarUserPopout-AWPFf2 {
  4807. position: absolute;
  4808. width: 100%;
  4809. top: 0;
  4810. margin: 0; }
  4811. .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .timeBarUserPopout-AWPFf2 .bar-3urHkF,
  4812. .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .timeBarUserPopout-AWPFf2 .barInner-3NDaY_ {
  4813. border-radius: 0; }
  4814. .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .timeBarUserPopout-AWPFf2 .flex-1xMQg5 {
  4815. position: absolute;
  4816. flex: 0 !important;
  4817. width: 80px;
  4818. top: -16px;
  4819. right: 2px;
  4820. opacity: 0;
  4821. transition: 200ms ease all; }
  4822. .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .timeBarUserPopout-AWPFf2 .textLeft-3EZXG6,
  4823. .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .timeBarUserPopout-AWPFf2 .textRight-1XO5Ye {
  4824. width: 32px;
  4825. min-width: 32px;
  4826. font-size: 13px; }
  4827. .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .timeBarUserPopout-AWPFf2 .textLeft-3EZXG6 {
  4828. display: inline-block;
  4829. position: relative;
  4830. flex: 0 !important;
  4831. margin: 0 16px 0 0;
  4832. text-align: right; }
  4833. .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .timeBarUserPopout-AWPFf2 .textLeft-3EZXG6:after {
  4834. position: absolute;
  4835. content: " / ";
  4836. left: 38px; }
  4837. .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .buttonsWrapper-2spIeK {
  4838. margin-top: 0;
  4839. padding: 10px; }
  4840. .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .buttonsWrapper-2spIeK:empty {
  4841. padding: 0; }
  4842. .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .lookOutlined-3sRXeN.colorWhite-rEQuAQ {
  4843. background-color: #fff;
  4844. color: var(--spotify-color); }
  4845. .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .lookOutlined-3sRXeN.colorWhite-rEQuAQ:last-of-type {
  4846. padding: 0 !important; }
  4847. .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .iconButton-285DXF {
  4848. padding: 0; }
  4849. .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT:hover .timeBarUserPopout-AWPFf2 .flex-1xMQg5 {
  4850. opacity: 1; }
  4851. .userPopout-3XzG_A .header-2BwW8b.headerStreaming-2FjmGz {
  4852. background-color: var(--stream-color); }
  4853. .userPopout-3XzG_A .header-2BwW8b.headerStreaming-2FjmGz .activity-11LB_k .lookOutlined-3sRXeN.colorWhite-rEQuAQ {
  4854. background-color: #fff;
  4855. color: var(--stream-color); }
  4856. .userPopout-3XzG_A .header-2BwW8b .headerTop-3C2Zn0 {
  4857. background-color: rgba(0, 0, 0, 0.2); }
  4858. .userPopout-3XzG_A .header-2BwW8b .activity-11LB_k {
  4859. padding: 12px;
  4860. background-color: transparent; }
  4861. .userPopout-3XzG_A .header-2BwW8b .activity-11LB_k .assetsLargeImage-eYwpTX,
  4862. .userPopout-3XzG_A .header-2BwW8b .activity-11LB_k .gameIcon-gg34Dz {
  4863. border-radius: 50%; }
  4864. .userPopout-3XzG_A .body-3iLsc4 {
  4865. padding: 12px;
  4866. background-color: transparent; }
  4867. .userPopout-3XzG_A .body-3iLsc4 .bodyTitle-Y0qMQz {
  4868. font-size: 14px;
  4869. text-transform: none; }
  4870. .userPopout-3XzG_A .footer-1fjuF6 {
  4871. padding: 8px;
  4872. background-color: transparent;
  4873. border-top: 1px solid var(--card-border-color); }
  4874. .userPopout-3XzG_A .footer-1fjuF6 .inputWrapper-31_8H8 {
  4875. border-bottom: none !important; }
  4876. .userPopout-3XzG_A .footer-1fjuF6 .inputWrapper-31_8H8:before, .userPopout-3XzG_A .footer-1fjuF6 .inputWrapper-31_8H8:after {
  4877. display: none; }
  4878. .userPopout-3XzG_A .footer-1fjuF6 .inputWrapper-31_8H8 .input-cIJ7To {
  4879. padding: 0 12px;
  4880. background-color: var(--input-color);
  4881. border-radius: 16px; }
  4882. /*.popoutLeft-3aViER.noArrow-2foL9g .userPopout-3XzG_A {
  4883. transform: translateX(0%) translateY(0%) translateZ(0px) !important;
  4884. animation: show-user-status-right 350ms var(--default-animation);
  4885. }
  4886. .popoutRight-1veHKi.noArrow-2foL9g .userPopout-3XzG_A {
  4887. transform: translateX(0%) translateY(0%) translateZ(0px) !important;
  4888. animation: show-user-status-left 350ms var(--default-animation);
  4889. }*/
  4890. body:active .userPopout-3XzG_A:not(:active) {
  4891. opacity: 0;
  4892. transition: 150ms ease all; }
  4893. /*
  4894. *
  4895. * USER PROFILE
  4896. *
  4897. */
  4898. .root-SR8cQa {
  4899. background-color: var(--popout-color);
  4900. border-radius: var(--popout-radius-big);
  4901. box-shadow: var(--shadow-3dp);
  4902. overflow-y: auto; }
  4903. .root-SR8cQa .topSectionPlaying-1J5E4n {
  4904. background-color: var(--popout-color-alt); }
  4905. .root-SR8cQa .topSectionPlaying-1J5E4n .username-3gJmXY,
  4906. .root-SR8cQa .topSectionPlaying-1J5E4n .discriminator-xUhQkU,
  4907. .root-SR8cQa .topSectionPlaying-1J5E4n .headerText-1HLrL7,
  4908. .root-SR8cQa .topSectionPlaying-1J5E4n .content-3JfFJh,
  4909. .root-SR8cQa .topSectionPlaying-1J5E4n .activityName-1IaRLn,
  4910. .root-SR8cQa .topSectionPlaying-1J5E4n .nameNormal-2lqVQK,
  4911. .root-SR8cQa .topSectionPlaying-1J5E4n .nameWrap-3Z4G_9,
  4912. .root-SR8cQa .topSectionPlaying-1J5E4n .additionalActionsIcon-1FoUlE {
  4913. color: var(--text-normal); }
  4914. .root-SR8cQa .topSectionPlaying-1J5E4n .headerText-1HLrL7 {
  4915. font-size: 14px;
  4916. text-transform: none; }
  4917. .root-SR8cQa .topSectionSpotify-1lI0-P {
  4918. background-color: var(--spotify-color); }
  4919. .root-SR8cQa .topSectionSpotify-1lI0-P .headerTextNormal-2mGWX3 {
  4920. display: none; }
  4921. .root-SR8cQa .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm {
  4922. position: absolute;
  4923. width: 100%;
  4924. top: 112px;
  4925. left: 0;
  4926. margin: 0; }
  4927. .root-SR8cQa .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .bar-3urHkF,
  4928. .root-SR8cQa .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .barInner-3NDaY_ {
  4929. border-radius: 0; }
  4930. .root-SR8cQa .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .flex-1xMQg5 {
  4931. position: absolute;
  4932. flex: 0;
  4933. width: 80px;
  4934. top: -18px;
  4935. right: 4px; }
  4936. .root-SR8cQa .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .textLeft-3EZXG6,
  4937. .root-SR8cQa .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .textRight-1XO5Ye {
  4938. width: 32px;
  4939. min-width: 32px;
  4940. font-size: 14px; }
  4941. .root-SR8cQa .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .textLeft-3EZXG6 {
  4942. display: inline-block;
  4943. position: relative;
  4944. margin: 0 16px 0 0;
  4945. flex: 0 !important;
  4946. text-align: right; }
  4947. .root-SR8cQa .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .textLeft-3EZXG6:after {
  4948. position: absolute;
  4949. content: " / ";
  4950. left: 38px; }
  4951. .root-SR8cQa .topSectionSpotify-1lI0-P .assetsLargeImage-eYwpTX {
  4952. border-radius: 50%; }
  4953. .root-SR8cQa .topSectionSpotify-1lI0-P .anchor-3Z-8Bb {
  4954. color: #fff; }
  4955. .root-SR8cQa .topSectionSpotify-1lI0-P .lookOutlined-3sRXeN.colorWhite-rEQuAQ,
  4956. .root-SR8cQa .topSectionSpotify-1lI0-P .lookInverted-2D7oAl.colorGreen-29iAKY {
  4957. color: var(--spotify-color); }
  4958. .root-SR8cQa .topSectionSpotify-1lI0-P .lookOutlined-3sRXeN.colorWhite-rEQuAQ, .root-SR8cQa .topSectionSpotify-1lI0-P .lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover, .root-SR8cQa .topSectionSpotify-1lI0-P .lookOutlined-3sRXeN.colorWhite-rEQuAQ:active,
  4959. .root-SR8cQa .topSectionSpotify-1lI0-P .lookInverted-2D7oAl.colorGreen-29iAKY,
  4960. .root-SR8cQa .topSectionSpotify-1lI0-P .lookInverted-2D7oAl.colorGreen-29iAKY:hover,
  4961. .root-SR8cQa .topSectionSpotify-1lI0-P .lookInverted-2D7oAl.colorGreen-29iAKY:active {
  4962. background-color: #fff; }
  4963. .root-SR8cQa .topSectionSpotify-1lI0-P .iconButton-285DXF {
  4964. padding: 0; }
  4965. .root-SR8cQa .topSectionStreaming-1Tpf5X {
  4966. background-color: var(--stream-color); }
  4967. .root-SR8cQa .topSectionStreaming-1Tpf5X .lookOutlined-3sRXeN.colorWhite-rEQuAQ,
  4968. .root-SR8cQa .topSectionStreaming-1Tpf5X .lookInverted-2D7oAl.colorGreen-29iAKY {
  4969. color: var(--stream-color); }
  4970. .root-SR8cQa .topSectionStreaming-1Tpf5X .lookOutlined-3sRXeN.colorWhite-rEQuAQ, .root-SR8cQa .topSectionStreaming-1Tpf5X .lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover, .root-SR8cQa .topSectionStreaming-1Tpf5X .lookOutlined-3sRXeN.colorWhite-rEQuAQ:active,
  4971. .root-SR8cQa .topSectionStreaming-1Tpf5X .lookInverted-2D7oAl.colorGreen-29iAKY,
  4972. .root-SR8cQa .topSectionStreaming-1Tpf5X .lookInverted-2D7oAl.colorGreen-29iAKY:hover,
  4973. .root-SR8cQa .topSectionStreaming-1Tpf5X .lookInverted-2D7oAl.colorGreen-29iAKY:active {
  4974. background-color: #fff; }
  4975. .root-SR8cQa .topSectionXbox-3fWLjS {
  4976. background-color: var(--xbox-color); }
  4977. .root-SR8cQa .topSectionXbox-3fWLjS .lookOutlined-3sRXeN.colorWhite-rEQuAQ,
  4978. .root-SR8cQa .topSectionXbox-3fWLjS .lookInverted-2D7oAl.colorGreen-29iAKY {
  4979. color: var(--xbox-color); }
  4980. .root-SR8cQa .topSectionXbox-3fWLjS .lookOutlined-3sRXeN.colorWhite-rEQuAQ, .root-SR8cQa .topSectionXbox-3fWLjS .lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover, .root-SR8cQa .topSectionXbox-3fWLjS .lookOutlined-3sRXeN.colorWhite-rEQuAQ:active,
  4981. .root-SR8cQa .topSectionXbox-3fWLjS .lookInverted-2D7oAl.colorGreen-29iAKY,
  4982. .root-SR8cQa .topSectionXbox-3fWLjS .lookInverted-2D7oAl.colorGreen-29iAKY:hover,
  4983. .root-SR8cQa .topSectionXbox-3fWLjS .lookInverted-2D7oAl.colorGreen-29iAKY:active {
  4984. background-color: #fff; }
  4985. .root-SR8cQa .header-QKLPzZ {
  4986. padding: 16px;
  4987. background: rgba(0, 0, 0, 0.1); }
  4988. .root-SR8cQa .headerFill-adLl4x {
  4989. background-color: transparent; }
  4990. .root-SR8cQa .activity-1ythUs {
  4991. padding: 16px; }
  4992. .root-SR8cQa .activity-1ythUs .gameIcon-gg34Dz {
  4993. border-radius: 50%; }
  4994. .root-SR8cQa .tabBarContainer-1s1u-z {
  4995. padding-left: 16px;
  4996. border-top: none; }
  4997. .root-SR8cQa .tabBarContainer-1s1u-z .tabBar-2MuP6- {
  4998. height: 48px; }
  4999. .root-SR8cQa .tabBarContainer-1s1u-z .tabBar-2MuP6- .tabBarItem-1b8RUP {
  5000. margin-right: 32px;
  5001. border: none; }
  5002. .root-SR8cQa .tabBarContainer-1s1u-z .tabBar-2MuP6- .tabBarItem-1b8RUP[aria-selected="true"] {
  5003. position: relative; }
  5004. .root-SR8cQa .tabBarContainer-1s1u-z .tabBar-2MuP6- .tabBarItem-1b8RUP[aria-selected="true"]:after {
  5005. position: absolute;
  5006. content: " ";
  5007. width: 100%;
  5008. height: 3px;
  5009. left: 0;
  5010. right: 0;
  5011. bottom: 0;
  5012. margin: 0 auto;
  5013. background: var(--tab-border-color);
  5014. border-radius: 3px 3px 0 0;
  5015. transition: var(--default-time) ease all; }
  5016. .root-SR8cQa .body-3ND3kc {
  5017. height: auto;
  5018. background-color: transparent; }
  5019. .root-SR8cQa .body-3ND3kc .infoScroller-3EYYns {
  5020. padding: 0 16px; }
  5021. .root-SR8cQa .body-3ND3kc .infoScroller-3EYYns .userInfoSection-2acyCx {
  5022. padding: 16px 0 8px;
  5023. border-top: none; }
  5024. .root-SR8cQa .body-3ND3kc .infoScroller-3EYYns .userInfoSection-2acyCx:nth-child(2) {
  5025. padding: 8px 0 16px; }
  5026. .root-SR8cQa .body-3ND3kc .infoScroller-3EYYns .userInfoSection-2acyCx .userInfoSectionHeader-CBvMDh {
  5027. font-size: 14px;
  5028. text-transform: none;
  5029. font-weight: 500; }
  5030. .root-SR8cQa .body-3ND3kc .infoScroller-3EYYns .userInfoSection-2acyCx .note-QfFU8y .textarea-2r0oV8 {
  5031. padding: 0; }
  5032. .root-SR8cQa .body-3ND3kc .infoScroller-3EYYns .userInfoSection-2acyCx .connectedAccounts-repVzS {
  5033. margin-top: -16px; }
  5034. .root-SR8cQa .body-3ND3kc .infoScroller-3EYYns .userInfoSection-2acyCx .connectedAccounts-repVzS .connectedAccount-36nQx7 {
  5035. margin-top: 16px;
  5036. background-color: transparent;
  5037. border-radius: var(--card-radius);
  5038. border-color: var(--card-border-color);
  5039. transition: var(--default-time) var(--default-animation) background-color; }
  5040. .root-SR8cQa .body-3ND3kc .infoScroller-3EYYns .userInfoSection-2acyCx .connectedAccounts-repVzS .connectedAccount-36nQx7:hover {
  5041. background-color: var(--card-color-alt); }
  5042. /*
  5043. *
  5044. * EMOJI PICKER
  5045. *
  5046. */
  5047. .contentWrapper-SvZHNd {
  5048. background-color: var(--popout-color);
  5049. border-radius: var(--popout-radius-big);
  5050. box-shadow: var(--shadow-3dp);
  5051. animation: bottom-pop-out 400ms var(--default-animation);
  5052. /* EMOJI PICKER -> HEADER */
  5053. /* EMOJI PICKER -> HEADER -> SEARCH BAR */
  5054. /* EMOJI PICKER -> EMOJIS */
  5055. /* EMOJI PICKER -> CATEGORIES */ }
  5056. .contentWrapper-SvZHNd .navList-2UtuhC .navButton-2gQCx- {
  5057. border-radius: 12px;
  5058. color: var(--menu-item-text-color) !important; }
  5059. .contentWrapper-SvZHNd .navList-2UtuhC .navButton-2gQCx-:hover {
  5060. background-color: var(--menu-item-hover) !important; }
  5061. .contentWrapper-SvZHNd .navList-2UtuhC .navButton-2gQCx-.navButtonActive-1MkytQ {
  5062. background-color: var(--menu-item-select) !important; }
  5063. .contentWrapper-SvZHNd .header-8ilj5e,
  5064. .contentWrapper-SvZHNd .header-2k4I2o,
  5065. .contentWrapper-SvZHNd .header-1TOWci {
  5066. border-bottom: 1px solid var(--card-border-color);
  5067. box-shadow: none; }
  5068. .contentWrapper-SvZHNd .diversitySelectorPopout-3FiGaM {
  5069. background-color: var(--popout-color);
  5070. border-radius: 16px;
  5071. border: none;
  5072. box-shadow: var(--shadow-3dp); }
  5073. .contentWrapper-SvZHNd .diversitySelectorPopout-3FiGaM .diversityEmojiItem-L6_IXw {
  5074. border-radius: 0;
  5075. transition: var(--default-time) var(--default-animation) background-color; }
  5076. .contentWrapper-SvZHNd .diversitySelectorPopout-3FiGaM .diversityEmojiItem-L6_IXw:hover {
  5077. background-color: var(--menu-item-hover); }
  5078. .contentWrapper-SvZHNd .container-2XeR5Z {
  5079. background-color: var(--input-color);
  5080. border-radius: 16px; }
  5081. .contentWrapper-SvZHNd .container-2XeR5Z .inner-3ErfOT {
  5082. padding: 0; }
  5083. .contentWrapper-SvZHNd .container-2XeR5Z .input-1Rv96N {
  5084. height: 32px;
  5085. margin: 0;
  5086. padding: 0 12px; }
  5087. .contentWrapper-SvZHNd .wrapper-1-Fsb8 {
  5088. background-color: var(--emoji-category-header); }
  5089. .contentWrapper-SvZHNd .wrapper-1-Fsb8 .headerLabel-3dG4M- {
  5090. font-size: 14px;
  5091. text-transform: none; }
  5092. .contentWrapper-SvZHNd .inspector-S2gM3e {
  5093. background-color: var(--popout-color);
  5094. border-top: 1px solid var(--card-border-color); }
  5095. .contentWrapper-SvZHNd .inspector-S2gM3e .graphicSecondary-1zo8ze foreignObject {
  5096. mask: none !important; }
  5097. .contentWrapper-SvZHNd .inspector-S2gM3e .graphicSecondary-1zo8ze .guildIcon-3h-1IH {
  5098. border-radius: 50%; }
  5099. .contentWrapper-SvZHNd .wrapper-2Gsate {
  5100. margin-top: -1px;
  5101. background-color: var(--attachment-color);
  5102. /* EMOJI PICKER -> CATEGORIES -> DEFAULT CATEGORIES */ }
  5103. .contentWrapper-SvZHNd .wrapper-2Gsate .scroller-3gAZLs::-webkit-scrollbar {
  5104. width: 0px !important; }
  5105. .contentWrapper-SvZHNd .wrapper-2Gsate .unicodeShortcut-15J8Ck {
  5106. height: 47px;
  5107. background-color: var(--popout-color);
  5108. border-top: 1px solid var(--card-border-color); }
  5109. .contentWrapper-SvZHNd .wrapper-2Gsate .unicodeShortcut-15J8Ck path {
  5110. d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"); }
  5111. .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ {
  5112. border-radius: 50%; }
  5113. .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ:hover {
  5114. background-color: var(--menu-item-hover); }
  5115. .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="recent"] path {
  5116. d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"); }
  5117. .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="people"] path {
  5118. d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"); }
  5119. .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="nature"] path {
  5120. d: path("M8.66 13.07c.15 0 .29-.01.43-.03C9.56 14.19 10.69 15 12 15s2.44-.81 2.91-1.96c.14.02.29.03.43.03 1.73 0 3.14-1.41 3.14-3.14 0-.71-.25-1.39-.67-1.93.43-.54.67-1.22.67-1.93 0-1.73-1.41-3.14-3.14-3.14-.15 0-.29.01-.43.03C14.44 1.81 13.31 1 12 1s-2.44.81-2.91 1.96c-.14-.02-.29-.03-.43-.03-1.73 0-3.14 1.41-3.14 3.14 0 .71.25 1.39.67 1.93-.43.54-.68 1.22-.68 1.93 0 1.73 1.41 3.14 3.15 3.14zM12 13c-.62 0-1.12-.49-1.14-1.1l.12-1.09c.32.12.66.19 1.02.19s.71-.07 1.03-.19l.11 1.09c-.02.61-.52 1.1-1.14 1.1zm3.34-1.93c-.24 0-.46-.07-.64-.2l-.81-.57c.55-.45.94-1.09 1.06-1.83l.88.42c.4.19.66.59.66 1.03 0 .64-.52 1.15-1.15 1.15zm-.65-5.94c.2-.13.42-.2.65-.2.63 0 1.14.51 1.14 1.14 0 .44-.25.83-.66 1.03l-.88.42c-.12-.74-.51-1.38-1.07-1.83l.82-.56zM12 3c.62 0 1.12.49 1.14 1.1l-.11 1.09C12.71 5.07 12.36 5 12 5s-.7.07-1.02.19l-.12-1.09c.02-.61.52-1.1 1.14-1.1zM8.66 4.93c.24 0 .46.07.64.2l.81.56c-.55.45-.94 1.09-1.06 1.83l-.88-.42c-.4-.2-.66-.59-.66-1.03 0-.63.52-1.14 1.15-1.14zM8.17 8.9l.88-.42c.12.74.51 1.38 1.07 1.83l-.81.55c-.2.13-.42.2-.65.2-.63 0-1.14-.51-1.14-1.14-.01-.43.25-.82.65-1.02zM12 22c4.97 0 9-4.03 9-9-4.97 0-9 4.03-9 9zm2.44-2.44c.71-1.9 2.22-3.42 4.12-4.12-.71 1.9-2.22 3.41-4.12 4.12zM3 13c0 4.97 4.03 9 9 9 0-4.97-4.03-9-9-9zm2.44 2.44c1.9.71 3.42 2.22 4.12 4.12-1.9-.71-3.41-2.22-4.12-4.12z"); }
  5121. .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="food"] path {
  5122. d: path("M12 6c1.11 0 2-.9 2-2 0-.38-.1-.73-.29-1.03L12 0l-1.71 2.97c-.19.3-.29.65-.29 1.03 0 1.1.9 2 2 2zm6 3h-5V7h-2v2H6c-1.66 0-3 1.34-3 3v9c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-9c0-1.66-1.34-3-3-3zm1 11H5v-3c.9-.01 1.76-.37 2.4-1.01l1.09-1.07 1.07 1.07c1.31 1.31 3.59 1.3 4.89 0l1.08-1.07 1.07 1.07c.64.64 1.5 1 2.4 1.01v3zm0-4.5c-.51-.01-.99-.2-1.35-.57l-2.13-2.13-2.14 2.13c-.74.74-2.03.74-2.77 0L8.48 12.8l-2.14 2.13c-.35.36-.83.56-1.34.57V12c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v3.5z"); }
  5123. .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="activity"] path {
  5124. d: path("M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-10 7H8v3H6v-3H3v-2h3V8h2v3h3v2zm4.5 2c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4-3c-.83 0-1.5-.67-1.5-1.5S18.67 9 19.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"); }
  5125. .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="travel"] path {
  5126. d: path("M12 4H5C3.34 4 2 5.34 2 7v8c0 1.66 1.34 3 3 3l-1 1v1h1l2-2h2v-5H4V6h9v2h2V7c0-1.66-1.34-3-3-3zM5 14c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm15.57-4.34c-.14-.4-.52-.66-.97-.66h-7.19c-.46 0-.83.26-.98.66l-1.42 4.11v5.51c0 .38.31.72.69.72h.62c.38 0 .68-.38.68-.76V18h8v1.24c0 .38.31.76.69.76h.61c.38 0 .69-.34.69-.72l.01-1.37v-4.14l-1.43-4.11zm-8.16.34h7.19l1.03 3h-9.25l1.03-3zM12 16c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm8 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"); }
  5127. .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="objects"] path {
  5128. d: path("M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z"); }
  5129. .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="symbols"] path {
  5130. d: path("M12.1,18.55L12,18.65L11.89,18.55C7.14,14.24 4,11.39 4,8.5C4,6.5 5.5,5 7.5,5C9.04,5 10.54,6 11.07,7.36H12.93C13.46,6 14.96,5 16.5,5C18.5,5 20,6.5 20,8.5C20,11.39 16.86,14.24 12.1,18.55M16.5,3C14.76,3 13.09,3.81 12,5.08C10.91,3.81 9.24,3 7.5,3C4.42,3 2,5.41 2,8.5C2,12.27 5.4,15.36 10.55,20.03L12,21.35L13.45,20.03C18.6,15.36 22,12.27 22,8.5C22,5.41 19.58,3 16.5,3Z"); }
  5131. .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="flags"] path {
  5132. d: path("M14 6l-1-2H5v17h2v-7h5l1 2h7V6h-6zm4 8h-4l-1-2H7V6h5l1 2h5v6z"); }
  5133. body:active .contentWrapper-SvZHNd:not(:active) {
  5134. opacity: 0;
  5135. transition: 150ms ease all; }
  5136. /*
  5137. *
  5138. * UPLOAD
  5139. *
  5140. */
  5141. .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .bgScale-1otPtc {
  5142. background-color: var(--popout-color);
  5143. border-radius: var(--popout-radius-big);
  5144. box-shadow: var(--shadow-3dp); }
  5145. .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo {
  5146. border: none; }
  5147. /* UPLOAD -> MODAL */
  5148. .uploadModal-2ifh8j {
  5149. background-color: var(--popout-color) !important;
  5150. border-radius: var(--popout-radius-big) !important;
  5151. box-shadow: var(--shadow-3dp) !important; }
  5152. .uploadModal-2ifh8j .inner-3nWsbo {
  5153. margin: 0;
  5154. padding: 16px; }
  5155. .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.image-2yrs5j {
  5156. margin-left: 0 !important;
  5157. border-radius: var(--popout-radius-big);
  5158. box-shadow: var(--shadow-3dp); }
  5159. .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .description-2ug5H_ {
  5160. padding-left: 0 !important; }
  5161. .uploadModal-2ifh8j .inner-3nWsbo .comment-4IWttf {
  5162. margin: 0; }
  5163. .uploadModal-2ifh8j .inner-3nWsbo .comment-4IWttf .label-3aiqT2 {
  5164. font-size: 14px;
  5165. text-transform: none; }
  5166. .uploadModal-2ifh8j .inner-3nWsbo .comment-4IWttf .channelTextArea-2VhZ6z {
  5167. margin-bottom: 0; }
  5168. .uploadModal-2ifh8j .inner-3nWsbo .comment-4IWttf .channelTextArea-2VhZ6z .scrollableContainer-2NUZem {
  5169. background-color: var(--main-textarea-color);
  5170. border-radius: var(--main-textarea-radius);
  5171. border: 1px solid var(--main-textarea-border); }
  5172. .uploadModal-2ifh8j .footer-3mqk7D {
  5173. padding: 8px;
  5174. background-color: transparent !important;
  5175. border-top: 1px solid var(--card-border-color);
  5176. box-shadow: none !important; }
  5177. .uploadModal-2ifh8j .footer-3mqk7D .button-38aScr.lookLink-9FtZy- {
  5178. margin-right: 8px; }
  5179. /*
  5180. *
  5181. * REACTIONS
  5182. *
  5183. */
  5184. .container-1If-HZ .scroller-1-nKid,
  5185. .container-1If-HZ .reactors-Blmlhw {
  5186. background-color: transparent; }
  5187. .container-1If-HZ .scroller-1-nKid {
  5188. border-right: 1px solid var(--card-border-color); }
  5189. .container-1If-HZ .reactionDefault-GBA58K,
  5190. .container-1If-HZ .reactionSelected-1pqISm {
  5191. margin-bottom: 4px;
  5192. border-radius: 14px; }
  5193. .container-1If-HZ .reactionDefault-GBA58K:hover {
  5194. background-color: var(--menu-item-hover); }
  5195. .container-1If-HZ .reactionSelected-1pqISm {
  5196. background-color: var(--menu-item-select); }
  5197. .container-1If-HZ .reactors-Blmlhw .reactor-3UBcOI {
  5198. margin-left: 0;
  5199. margin-right: 0;
  5200. padding-left: 16px;
  5201. box-shadow: none !important;
  5202. position: relative;
  5203. border-bottom: none; }
  5204. .container-1If-HZ .reactors-Blmlhw .reactor-3UBcOI:after {
  5205. position: absolute;
  5206. content: " ";
  5207. width: calc(100% - 50px);
  5208. height: 1px;
  5209. right: 0;
  5210. bottom: 0;
  5211. background-color: var(--card-border-color); }
  5212. .container-1If-HZ .reactors-Blmlhw .reactor-3UBcOI:last-of-type:after {
  5213. display: none; }
  5214. /*
  5215. *
  5216. * AUTOCOMPLETE
  5217. *
  5218. */
  5219. .autocomplete-1vrmpx {
  5220. background-color: var(--popout-color) !important;
  5221. border-radius: var(--popout-radius-big) !important;
  5222. box-shadow: var(--shadow-3dp) !important; }
  5223. .autocomplete-1vrmpx .autocompleteRow-2OthDa {
  5224. padding: 0; }
  5225. .autocomplete-1vrmpx .autocompleteRow-2OthDa .base-1pYU8j {
  5226. padding: 8px 12px;
  5227. border-radius: 0;
  5228. transition: var(--default-time) var(--default-animation) background-color; }
  5229. .autocomplete-1vrmpx .autocompleteRow-2OthDa .base-1pYU8j.selected-1Tbx07 {
  5230. background-color: var(--menu-item-hover) !important; }
  5231. .autocomplete-1vrmpx .autocompleteRow-2OthDa .base-1pYU8j:not(.selectable-3dP3y-) {
  5232. border-bottom: 1px solid var(--card-border-color); }
  5233. .autocomplete-1vrmpx .autocompleteRow-2OthDa .base-1pYU8j:not(.selectable-3dP3y-) .contentTitle-2tG_sM {
  5234. font-size: 14px;
  5235. text-transform: none; }
  5236. .autocomplete-1vrmpx .divider-23swzi {
  5237. padding: 8px 0; }
  5238. .autocomplete-1vrmpx .divider-23swzi:after {
  5239. background-color: var(--card-border-color); }
  5240. .autocomplete-1vrmpx .wrapper-uf3cnO {
  5241. background-color: var(--attachment-color); }
  5242. .autocomplete-1vrmpx .wrapper-uf3cnO .wrapper-2Gsate {
  5243. background-color: transparent; }
  5244. .autocomplete-1vrmpx .wrapper-uf3cnO .wrapper-2Gsate .listItems-1uJgMC {
  5245. left: 12px !important;
  5246. right: 12px !important; }
  5247. .autocomplete-1vrmpx .wrapper-uf3cnO .wrapper-2Gsate .wrapper-2siovq {
  5248. border-radius: 50%; }
  5249. .autocomplete-1vrmpx .listItems-1uJgMC {
  5250. left: 0 !important;
  5251. right: 0 !important; }
  5252. .autocomplete-1vrmpx .categorySectionLast-2PPrHj .categoryHeader-O1zU94 {
  5253. background-color: var(--emoji-category-header); }
  5254. /*
  5255. *
  5256. * ACCEPT RULES
  5257. *
  5258. */
  5259. .guildSidebar-2OCzWB {
  5260. padding: 0;
  5261. background-color: transparent;
  5262. border-right: 1px solid var(--card-border-color); }
  5263. .guildSidebar-2OCzWB > div:not([class]):first-child {
  5264. padding: 16px; }
  5265. .guildSidebar-2OCzWB > div:not([class]):last-child {
  5266. display: flex;
  5267. position: relative;
  5268. padding: 8px;
  5269. border-top: 1px solid var(--popout-header-border); }
  5270. .guildSidebar-2OCzWB > div:not([class]):last-child:after {
  5271. position: absolute;
  5272. content: " ";
  5273. width: 1px;
  5274. height: 52px;
  5275. top: 0;
  5276. right: -1px;
  5277. background-color: var(--popout-color); }
  5278. .guildSidebar-2OCzWB > div:not([class]):last-child .flex-1xMQg5 {
  5279. height: 36px;
  5280. margin-right: 8px;
  5281. margin-bottom: 0; }
  5282. .guildSidebar-2OCzWB .guildIcon-38Zs0M {
  5283. border-radius: 50%; }
  5284. .guildSidebar-2OCzWB .divider-2FB3wK {
  5285. border-bottom-color: var(--card-border-color); }
  5286. .modal-f02hVt {
  5287. background-color: transparent; }
  5288. .modal-f02hVt .divider-2FB3wK {
  5289. border-bottom-color: var(--card-border-color); }
  5290. .modal-f02hVt .formFieldWrapper-malor5.flex-1xMQg5 {
  5291. background-color: var(--input-color);
  5292. border-radius: 24px;
  5293. border: none; }
  5294. .modal-f02hVt .formFieldWrapper-malor5.flex-1xMQg5 .button-38aScr {
  5295. margin-top: -3px; }
  5296. .modal-f02hVt .formFieldWrapper-malor5:not(.flex-1xMQg5) {
  5297. background-color: var(--card-color);
  5298. border-radius: var(--card-radius-big);
  5299. border: 1px solid var(--card-border-color);
  5300. padding: 0; }
  5301. .modal-f02hVt .formFieldWrapper-malor5 .termsRow-2dS5nm {
  5302. padding: 16px;
  5303. position: relative;
  5304. border-bottom: none; }
  5305. .modal-f02hVt .formFieldWrapper-malor5 .termsRow-2dS5nm:after {
  5306. position: absolute;
  5307. content: " ";
  5308. width: calc(100% - 44px);
  5309. height: 1px;
  5310. right: 0;
  5311. bottom: 0;
  5312. background-color: var(--card-border-color); }
  5313. .modal-f02hVt .formFieldWrapper-malor5 .termsRow-2dS5nm:last-of-type:after {
  5314. display: none; }
  5315. .modal-f02hVt .formFieldWrapper-malor5 .termsRow-2dS5nm .termsRowContent-24S2LO {
  5316. padding-left: 16px; }
  5317. /*
  5318. *
  5319. * VIDEO PLAYER
  5320. *
  5321. */
  5322. .metadata-13NcHb {
  5323. height: auto;
  5324. top: 0;
  5325. padding: 0;
  5326. background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.4) 67%, rgba(0, 0, 0, 0.4) 100%);
  5327. z-index: 2; }
  5328. .metadata-13NcHb .metadataContent-3c_ZXw {
  5329. padding: 12px 12px 0; }
  5330. .metadata-13NcHb .anchor-3Z-8Bb {
  5331. width: 25px;
  5332. height: 25px;
  5333. margin: 6px 6px 0 0;
  5334. padding: 6px;
  5335. opacity: 1;
  5336. position: relative; }
  5337. .metadata-13NcHb .anchor-3Z-8Bb:after {
  5338. content: " ";
  5339. position: absolute;
  5340. width: 100%;
  5341. height: 100%;
  5342. top: 0;
  5343. left: 0;
  5344. background-color: rgba(var(--md-ripple-color), 0.1);
  5345. border-radius: 50%;
  5346. opacity: 0;
  5347. pointer-events: none;
  5348. transform: scale(1.2);
  5349. transition: 300ms ease;
  5350. z-index: 4; }
  5351. .metadata-13NcHb .anchor-3Z-8Bb:hover:after {
  5352. opacity: 1;
  5353. transform: scale(1);
  5354. animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  5355. .metadata-13NcHb .anchor-3Z-8Bb:active:after {
  5356. background-color: rgba(var(--md-ripple-color), 0.2); }
  5357. .metadata-13NcHb .metadataIcon-2FyCKU path[d="M16.293 9.293L17.707 10.707L12 16.414L6.29297 10.707L7.70697 9.293L11 12.586V2H13V12.586L16.293 9.293ZM18 20V18H20V20C20 21.102 19.104 22 18 22H6C4.896 22 4 21.102 4 20V18H6V20H18Z"] {
  5358. d: path("M13 5v6h1.17L12 13.17 9.83 11H11V5h2m2-2H9v6H5l7 7 7-7h-4V3zm4 15H5v2h14v-2z"); }
  5359. .playCenter-Fe8u3X .wrapper-129saQ {
  5360. width: 100%;
  5361. height: 100%;
  5362. background-color: transparent;
  5363. border-radius: var(--message-radius); }
  5364. .playCenter-Fe8u3X .wrapper-129saQ .iconWrapper-21idzA {
  5365. position: absolute;
  5366. width: 100%;
  5367. height: 100%;
  5368. top: 0;
  5369. left: 0;
  5370. background-color: rgba(0, 0, 0, 0.5);
  5371. transition: var(--default-time) var(--default-animation) all;
  5372. opacity: 0.6; }
  5373. .playCenter-Fe8u3X .wrapper-129saQ .iconWrapper-21idzA:hover {
  5374. opacity: 1;
  5375. transform: scale(1.25); }
  5376. .playCenter-Fe8u3X .wrapper-129saQ .iconWrapper-21idzA:active {
  5377. transform: scale(1.25), translateY(0); }
  5378. .playCenter-Fe8u3X .wrapper-129saQ .iconPlay-2kgvwV {
  5379. width: 100%;
  5380. height: 100%;
  5381. margin: 0;
  5382. background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iNzIiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEwLDE2LjVWNy41TDE2LDEyTTEyLDJBMTAsMTAgMCAwLDAgMiwxMkExMCwxMCAwIDAsMCAxMiwyMkExMCwxMCAwIDAsMCAyMiwxMkExMCwxMCAwIDAsMCAxMiwyWiIgLz48L3N2Zz4=);
  5383. background-repeat: no-repeat;
  5384. background-size: 20%;
  5385. background-position: 50%;
  5386. pointer-events: none; }
  5387. .playCenter-Fe8u3X .wrapper-129saQ .iconPlay-2kgvwV polygon {
  5388. display: none; }
  5389. /* VIDEO PLAYER -> CONTROLS */
  5390. .videoControls-2kcYic .mediaBarWrapper-3D7r67 {
  5391. box-shadow: none !important; }
  5392. .videoControls-2kcYic .mediaBarWrapper-3D7r67 .mediaBarGrabber-1FqnbN, .videoControls-2kcYic .mediaBarWrapper-3D7r67 .mediaBarGrabber-1FqnbN:before, .videoControls-2kcYic .mediaBarWrapper-3D7r67 .mediaBarGrabber-1FqnbN:after,
  5393. .videoControls-2kcYic .mediaBarWrapper-3D7r67 .mediaBarProgress-1xaPtl,
  5394. .videoControls-2kcYic .mediaBarWrapper-3D7r67 .mediaBarProgress-1xaPtl:before,
  5395. .videoControls-2kcYic .mediaBarWrapper-3D7r67 .mediaBarProgress-1xaPtl:after {
  5396. background-color: var(--accent-color); }
  5397. .videoControls-2kcYic .mediaBarWrapper-3D7r67 .fakeEdges-27pgtp:before, .videoControls-2kcYic .mediaBarWrapper-3D7r67 .fakeEdges-27pgtp:after {
  5398. border-radius: 0; }
  5399. .videoControls-2kcYic .bubble-3qRl2J {
  5400. background-color: rgba(97, 97, 97, 0.9);
  5401. color: #ddd; }
  5402. .videoControls-2kcYic .bubble-3qRl2J:before {
  5403. border-top-color: rgba(97, 97, 97, 0.9); }
  5404. /*
  5405. *
  5406. * FORMAT TOOLBAR
  5407. *
  5408. */
  5409. .toolbar-2bjZV7 {
  5410. background-color: var(--popout-color);
  5411. border-radius: 16px;
  5412. box-shadow: var(--shadow-3dp);
  5413. overflow: hidden; }
  5414. .toolbar-2bjZV7 .button-qqmJ7w {
  5415. border-radius: 0 !important;
  5416. box-shadow: none !important;
  5417. transition: var(--default-time) var(--default-animation) background-color !important; }
  5418. .toolbar-2bjZV7 .button-qqmJ7w:hover {
  5419. background-color: var(--menu-item-hover); }
  5420. .toolbar-2bjZV7 .button-qqmJ7w .icon-KgGMGo {
  5421. color: var(--menu-item-text-color) !important; }
  5422. .toolbar-2bjZV7 .divider-24xeUg {
  5423. border-left-color: var(--card-border-color); }
  5424. /*
  5425. *
  5426. * CONTEXT/RIGHT CLICK MENU
  5427. *
  5428. */
  5429. .styleFlexible-wGDiIL {
  5430. animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation);
  5431. transform-origin: top; }
  5432. .styleFlexible-wGDiIL .scroller-3BxosC {
  5433. padding: 8px 0;
  5434. background-color: var(--popout-color);
  5435. border-radius: var(--popout-radius);
  5436. box-shadow: var(--shadow-3dp); }
  5437. .styleFlexible-wGDiIL .scroller-3BxosC::-webkit-scrollbar {
  5438. width: 0 !important; }
  5439. .styleFlexible-wGDiIL .item-1tOPte {
  5440. min-height: 32px;
  5441. margin: 0;
  5442. padding: 9px 12px;
  5443. line-height: 18px;
  5444. border-radius: 0;
  5445. color: var(--menu-item-text-color) !important;
  5446. transition: var(--default-time) var(--default-animation);
  5447. /* CONTEXT/RIGHT CLICK MENU -> ICONS */ }
  5448. .styleFlexible-wGDiIL .item-1tOPte.focused-3afm-j {
  5449. background-color: var(--menu-item-hover); }
  5450. .styleFlexible-wGDiIL .item-1tOPte#message-actions-edit path {
  5451. d: path("M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM5.92 19H5v-.92l9.06-9.06.92.92L5.92 19zM20.71 5.63l-2.34-2.34c-.2-.2-.45-.29-.71-.29s-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41z"); }
  5452. .styleFlexible-wGDiIL .item-1tOPte#message-actions-pin path {
  5453. d: path("M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12M8.8,14L10,12.8V4H14V12.8L15.2,14H8.8Z"); }
  5454. .styleFlexible-wGDiIL .item-1tOPte#message-actions-thread path {
  5455. d: path("M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"); }
  5456. .styleFlexible-wGDiIL .item-1tOPte#message-actions-mark-unread path {
  5457. d: path("M2,5.27L3.28,4L20,20.72L18.73,22L15.65,18.92C14.5,19.3 13.28,19.5 12,19.5C7,19.5 2.73,16.39 1,12C1.69,10.24 2.79,8.69 4.19,7.46L2,5.27M12,9A3,3 0 0,1 15,12C15,12.35 14.94,12.69 14.83,13L11,9.17C11.31,9.06 11.65,9 12,9M12,4.5C17,4.5 21.27,7.61 23,12C22.18,14.08 20.79,15.88 19,17.19L17.58,15.76C18.94,14.82 20.06,13.54 20.82,12C19.17,8.64 15.76,6.5 12,6.5C10.91,6.5 9.84,6.68 8.84,7L7.3,5.47C8.74,4.85 10.33,4.5 12,4.5M3.18,12C4.83,15.36 8.24,17.5 12,17.5C12.69,17.5 13.37,17.43 14,17.29L11.72,15C10.29,14.85 9.15,13.71 9,12.28L5.6,8.87C4.61,9.72 3.78,10.78 3.18,12Z"); }
  5458. .styleFlexible-wGDiIL .item-1tOPte#message-actions-reactions path {
  5459. d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"); }
  5460. .styleFlexible-wGDiIL .item-1tOPte#message-actions-copy-link path {
  5461. d: path("M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8z"); }
  5462. .styleFlexible-wGDiIL .item-1tOPte#message-actions-tts path {
  5463. d: path("M9 13c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H3zM15.08 7.05c.84 1.18.84 2.71 0 3.89l1.68 1.69c2.02-2.02 2.02-5.07 0-7.27l-1.68 1.69zM20.07 2l-1.63 1.63c2.77 3.02 2.77 7.56 0 10.74L20.07 16c3.9-3.89 3.91-9.95 0-14z"); }
  5464. .styleFlexible-wGDiIL .item-1tOPte#message-actions-delete path {
  5465. display: block;
  5466. d: path("M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z"); }
  5467. .styleFlexible-wGDiIL .item-1tOPte#message-actions-delete path ~ path {
  5468. display: none; }
  5469. .styleFlexible-wGDiIL .item-1tOPte#message-actions-report path {
  5470. d: path("M12.36,6L12.76,8H18V14H14.64L14.24,12H7V6H12.36M14,4H5V21H7V14H12.6L13,16H20V6H14.4"); }
  5471. .styleFlexible-wGDiIL .item-1tOPte#message-actions-copy-id path {
  5472. d: path("M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"); }
  5473. .styleFlexible-wGDiIL .submenuContainer-2gbm7M .submenuPaddingContainer-fiOCHc {
  5474. margin-left: -4px;
  5475. margin-right: -4px;
  5476. animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation);
  5477. transform-origin: top; }
  5478. .styleFlexible-wGDiIL .separator-2I32lJ {
  5479. width: 100%;
  5480. margin: 8px 0;
  5481. border-color: var(--separator-color); }
  5482. /*
  5483. *
  5484. * POPOUT MENUS
  5485. *
  5486. */
  5487. /* POPOUT MENUS -> SERVER OPTIONS */
  5488. .menu-3sdvDG#guild-header-popout {
  5489. padding: 8px 0;
  5490. background-color: var(--popout-color);
  5491. border-radius: var(--popout-radius-big);
  5492. box-shadow: var(--shadow-3dp);
  5493. animation: top-pop-out 400ms var(--default-animation); }
  5494. .menu-3sdvDG#guild-header-popout .scroller-3BxosC {
  5495. padding: 0; }
  5496. .menu-3sdvDG#guild-header-popout .scroller-3BxosC::-webkit-scrollbar {
  5497. width: 0 !important; }
  5498. .menu-3sdvDG#guild-header-popout .item-1tOPte {
  5499. margin: 0;
  5500. padding: 9px 12px;
  5501. border-radius: 0;
  5502. color: var(--menu-item-text-color);
  5503. transition: var(--default-time) var(--default-animation);
  5504. /* POPOUT MENUS -> SERVER OPTIONS -> INVITE */
  5505. /* POPOUT MENUS -> SERVER OPTIONS -> SERVER SETTINGS */
  5506. /* POPOUT MENUS -> SERVER OPTIONS -> CREATE CHANNEL */
  5507. /* POPOUT MENUS -> SERVER OPTIONS -> CREATE CATEGORY */
  5508. /* POPOUT MENUS -> SERVER OPTIONS -> NOTIFICATION SETTINGS */
  5509. /* POPOUT MENUS -> SERVER OPTIONS -> PRIVACY SETTINGS */
  5510. /* POPOUT MENUS -> SERVER OPTIONS -> CHANGE NICKNAME */
  5511. /* POPOUT MENUS -> SERVER OPTIONS -> HIDE MUTED CHANNELS */
  5512. /* POPOUT MENUS -> SERVER OPTIONS -> LEAVE SERVER */ }
  5513. .menu-3sdvDG#guild-header-popout .item-1tOPte.focused-3afm-j {
  5514. background-color: var(--menu-item-hover); }
  5515. .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-invite-people svg path {
  5516. d: path("M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H9zm-3-3v-3h3v-2H6V7H4v3H1v2h3v3z") !important; }
  5517. .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-settings svg path {
  5518. d: path("M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z") !important; }
  5519. .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-create-channel svg path {
  5520. d: path("M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z") !important; }
  5521. .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-create-category svg path {
  5522. d: path("M14 10H2v2h12v-2zm0-4H2v2h12V6zm4 8v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zM2 16h8v-2H2v2z") !important; }
  5523. .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-notifications svg path {
  5524. d: path("M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z") !important; }
  5525. .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-privacy svg path {
  5526. d: path("M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm7 10c0 4.52-2.98 8.69-7 9.93-4.02-1.24-7-5.41-7-9.93V6.3l7-3.11 7 3.11V11zm-11.59.59L6 13l4 4 8-8-1.41-1.42L10 14.17z") !important; }
  5527. .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-change-nickname svg path {
  5528. d: path("M14.06 9.02l.92.92L5.92 19H5v-.92l9.06-9.06M17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29zm-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z") !important; }
  5529. .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-hide-muted-channels[aria-checked="false"] path {
  5530. d: path("M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z") !important; }
  5531. .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-hide-muted-channels[aria-checked="true"] .checkbox-3s5GYZ {
  5532. d: path("M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z") !important; }
  5533. .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-hide-muted-channels[aria-checked="true"] .check-1JyqgN {
  5534. transform: scale(0.7) translate(5px, 4px); }
  5535. .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-leave svg path {
  5536. d: path("M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z") !important; }
  5537. .menu-3sdvDG#guild-header-popout .separator-2I32lJ {
  5538. width: 100%;
  5539. margin: 8px 0;
  5540. border-color: var(--separator-color); }
  5541. body:active .menu-3sdvDG#guild-header-popout:not(:active) {
  5542. opacity: 0;
  5543. transition: 150ms ease all; }
  5544. /* POPOUT MENUS -> INCOMING CALL */
  5545. .wrapper-3lJCnD {
  5546. z-index: 99; }
  5547. .root-3JVdIJ {
  5548. background-color: var(--popout-color);
  5549. border-radius: var(--popout-radius-big);
  5550. box-shadow: var(--shadow-3dp); }
  5551. .root-3JVdIJ .colorable-1bkp8v {
  5552. border-radius: 50% !important; }
  5553. .root-3JVdIJ .colorable-1bkp8v.red-33-Lnk.active-1QRrIS, .root-3JVdIJ .colorable-1bkp8v.red-33-Lnk:hover {
  5554. background: #f04747 !important; }
  5555. .root-3JVdIJ .colorable-1bkp8v.green-plH-Mj.active-1QRrIS, .root-3JVdIJ .colorable-1bkp8v.green-plH-Mj:hover {
  5556. background: #43b581 !important; }
  5557. /*
  5558. *
  5559. * MODALS
  5560. *
  5561. */
  5562. .root-1gCeng,
  5563. .modal-yWgWj- {
  5564. background-color: var(--popout-color) !important;
  5565. border-radius: var(--popout-radius-big) !important;
  5566. box-shadow: var(--shadow-3dp) !important;
  5567. /* MODALS -> HEADER */
  5568. /* MODALS -> BODY */
  5569. /* MODALS -> FOOTER */ }
  5570. .root-1gCeng.modal-qgFCbT,
  5571. .modal-yWgWj-.modal-qgFCbT {
  5572. background-color: transparent !important;
  5573. border-radius: 0 !important;
  5574. box-shadow: none !important; }
  5575. .root-1gCeng.modal-3O0aXp,
  5576. .modal-yWgWj-.modal-3O0aXp {
  5577. max-height: 90vh; }
  5578. .root-1gCeng.small-3iVZYw,
  5579. .modal-yWgWj-.small-3iVZYw {
  5580. min-height: 75px; }
  5581. .root-1gCeng .header-1TKi98,
  5582. .modal-yWgWj- .header-1TKi98 {
  5583. padding: 16px;
  5584. border-radius: var(--popout-radius-big) var(--popout-radius-big) 0 0;
  5585. border-bottom: 1px solid var(--popout-header-border);
  5586. box-shadow: none !important; }
  5587. .root-1gCeng .header-1TKi98.header-3nFfBB,
  5588. .modal-yWgWj- .header-1TKi98.header-3nFfBB {
  5589. margin-top: 0;
  5590. align-items: flex-start; }
  5591. .root-1gCeng .header-1TKi98.header-3nFfBB .closeButton-20eBet,
  5592. .modal-yWgWj- .header-1TKi98.header-3nFfBB .closeButton-20eBet {
  5593. top: auto; }
  5594. .root-1gCeng .header-1TKi98 .close-hZ94c6,
  5595. .modal-yWgWj- .header-1TKi98 .close-hZ94c6 {
  5596. width: 32px;
  5597. height: 32px;
  5598. right: 12px;
  5599. margin: 0;
  5600. padding: 0;
  5601. background-color: transparent !important;
  5602. position: relative;
  5603. position: absolute; }
  5604. .root-1gCeng .header-1TKi98 .close-hZ94c6:after,
  5605. .modal-yWgWj- .header-1TKi98 .close-hZ94c6:after {
  5606. content: " ";
  5607. position: absolute;
  5608. width: 100%;
  5609. height: 100%;
  5610. top: 0;
  5611. left: 0;
  5612. background-color: rgba(var(--md-ripple-color), 0.1);
  5613. border-radius: 50%;
  5614. opacity: 0;
  5615. pointer-events: none;
  5616. transform: scale(1.2);
  5617. transition: 300ms ease;
  5618. z-index: 4; }
  5619. .root-1gCeng .header-1TKi98 .close-hZ94c6:hover:after,
  5620. .modal-yWgWj- .header-1TKi98 .close-hZ94c6:hover:after {
  5621. opacity: 1;
  5622. transform: scale(1.1);
  5623. animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  5624. .root-1gCeng .header-1TKi98 .close-hZ94c6:active:after,
  5625. .modal-yWgWj- .header-1TKi98 .close-hZ94c6:active:after {
  5626. background-color: rgba(var(--md-ripple-color), 0.2); }
  5627. .root-1gCeng .header-1TKi98 .close-hZ94c6 .contents-18-Yxp,
  5628. .modal-yWgWj- .header-1TKi98 .close-hZ94c6 .contents-18-Yxp {
  5629. height: 24px; }
  5630. .root-1gCeng .header-1TKi98 .close-hZ94c6 svg,
  5631. .modal-yWgWj- .header-1TKi98 .close-hZ94c6 svg {
  5632. transform: scale(0.85); }
  5633. .root-1gCeng .header-1TKi98.headerContainer-3N-yWX .art-347BZj,
  5634. .modal-yWgWj- .header-1TKi98.headerContainer-3N-yWX .art-347BZj {
  5635. display: none; }
  5636. .root-1gCeng .header-1TKi98.headerContainer-3N-yWX .header-3C6qT5,
  5637. .modal-yWgWj- .header-1TKi98.headerContainer-3N-yWX .header-3C6qT5 {
  5638. padding-top: 0;
  5639. align-items: stretch; }
  5640. .root-1gCeng .header-1TKi98.headerContainer-3N-yWX .header-3C6qT5 .headerText-2uyvpY,
  5641. .modal-yWgWj- .header-1TKi98.headerContainer-3N-yWX .header-3C6qT5 .headerText-2uyvpY {
  5642. line-height: 20px;
  5643. font-size: 16px;
  5644. font-weight: 600; }
  5645. .root-1gCeng .header-3bB_GQ .title-2HFmAi,
  5646. .root-1gCeng .header-3bB_GQ .subtitle-8DQCLU,
  5647. .modal-yWgWj- .header-3bB_GQ .title-2HFmAi,
  5648. .modal-yWgWj- .header-3bB_GQ .subtitle-8DQCLU {
  5649. text-align: left; }
  5650. .root-1gCeng .content-1LAB8Z,
  5651. .modal-yWgWj- .content-1LAB8Z {
  5652. padding: 16px;
  5653. border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big); }
  5654. .root-1gCeng .content-1LAB8Z .content-38qMG0,
  5655. .modal-yWgWj- .content-1LAB8Z .content-38qMG0 {
  5656. padding-bottom: 0; }
  5657. .root-1gCeng .content-1LAB8Z .formGroup-2hEDrJ,
  5658. .modal-yWgWj- .content-1LAB8Z .formGroup-2hEDrJ {
  5659. margin-bottom: 16px; }
  5660. .root-1gCeng .content-1LAB8Z .formGroup-2hEDrJ:nth-child(2),
  5661. .modal-yWgWj- .content-1LAB8Z .formGroup-2hEDrJ:nth-child(2) {
  5662. margin-bottom: 0; }
  5663. .root-1gCeng .content-1LAB8Z .reset-2ikQ30,
  5664. .modal-yWgWj- .content-1LAB8Z .reset-2ikQ30 {
  5665. margin-bottom: 0;
  5666. background-color: transparent !important; }
  5667. .root-1gCeng .content-1LAB8Z a,
  5668. .modal-yWgWj- .content-1LAB8Z a {
  5669. color: var(--accent-color); }
  5670. .root-1gCeng .footer-2gL1pp,
  5671. .modal-yWgWj- .footer-2gL1pp {
  5672. padding: 8px;
  5673. background-color: transparent !important;
  5674. border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big);
  5675. border-top: 1px solid var(--popout-header-border);
  5676. box-shadow: none !important; }
  5677. .root-1gCeng .footer-2gL1pp .button-38aScr.lookLink-9FtZy-,
  5678. .modal-yWgWj- .footer-2gL1pp .button-38aScr.lookLink-9FtZy- {
  5679. margin-right: 8px; }
  5680. /*
  5681. *
  5682. * INPUTS
  5683. *
  5684. */
  5685. .input-cIJ7To {
  5686. height: 32px;
  5687. padding: 0;
  5688. background-color: transparent;
  5689. border-radius: 0;
  5690. border: none; }
  5691. .inputWrapper-31_8H8,
  5692. .note-QfFU8y,
  5693. .note-3HfJZ5,
  5694. .container-CpszHS {
  5695. position: relative;
  5696. background-color: transparent !important;
  5697. border-radius: 0;
  5698. border: none !important;
  5699. border-bottom: 1px solid var(--input-border-color) !important; }
  5700. .inputWrapper-31_8H8:before, .inputWrapper-31_8H8:after,
  5701. .note-QfFU8y:before,
  5702. .note-QfFU8y:after,
  5703. .note-3HfJZ5:before,
  5704. .note-3HfJZ5:after,
  5705. .container-CpszHS:before,
  5706. .container-CpszHS:after {
  5707. position: absolute;
  5708. content: " ";
  5709. height: 2px;
  5710. width: 0;
  5711. bottom: -1px;
  5712. background: var(--accent-color);
  5713. transition: 300ms ease all;
  5714. z-index: 2; }
  5715. .inputWrapper-31_8H8:before,
  5716. .note-QfFU8y:before,
  5717. .note-3HfJZ5:before,
  5718. .container-CpszHS:before {
  5719. left: 50%; }
  5720. .inputWrapper-31_8H8:after,
  5721. .note-QfFU8y:after,
  5722. .note-3HfJZ5:after,
  5723. .container-CpszHS:after {
  5724. right: 50%; }
  5725. .inputWrapper-31_8H8:focus-within:before, .inputWrapper-31_8H8:focus-within:after,
  5726. .note-QfFU8y:focus-within:before,
  5727. .note-QfFU8y:focus-within:after,
  5728. .note-3HfJZ5:focus-within:before,
  5729. .note-3HfJZ5:focus-within:after,
  5730. .container-CpszHS:focus-within:before,
  5731. .container-CpszHS:focus-within:after {
  5732. width: 50%; }
  5733. .note-QfFU8y,
  5734. .note-3HfJZ5 {
  5735. margin: 0; }
  5736. .note-QfFU8y textarea,
  5737. .note-3HfJZ5 textarea {
  5738. font-size: 15px; }
  5739. .note-QfFU8y textarea:focus,
  5740. .note-3HfJZ5 textarea:focus {
  5741. background-color: transparent; }
  5742. .input--jS-j2 {
  5743. background-color: transparent; }
  5744. /*
  5745. *
  5746. * SELECT MENUS
  5747. *
  5748. */
  5749. [class^="css-"][class*="-control"] {
  5750. background-color: var(--input-color);
  5751. border-radius: var(--card-radius);
  5752. border: none; }
  5753. [class^="css-"][class*="-menu"] {
  5754. background-color: var(--popout-color);
  5755. border-radius: 0 0 var(--popout-radius) var(--popout-radius);
  5756. border: none;
  5757. box-shadow: var(--shadow-3dp); }
  5758. [class^="css-"][class*="-menu"][class*="-menu"]
  5759. .css-rzbxvl-option, [class^="css-"][class*="-menu"][class*="-menu"]
  5760. .css-pkcurw-option {
  5761. background-color: var(--menu-item-hover); }
  5762. [class^="css-"][class*="-menu"][class*="-menu"]
  5763. .css-1ba14n5-option, [class^="css-"][class*="-menu"][class*="-menu"]
  5764. .css-1gxgi19-option {
  5765. background-color: var(--menu-item-select); }
  5766. .select-2fjwPw {
  5767. border-radius: var(--card-radius);
  5768. border: none; }
  5769. .select-2fjwPw, .select-2fjwPw.lookFilled-22uAsw {
  5770. background-color: var(--input-color); }
  5771. .popout-VcNcHB {
  5772. background-color: var(--popout-color);
  5773. border-radius: 0 0 var(--popout-radius) var(--popout-radius);
  5774. border: none;
  5775. box-shadow: var(--shadow-3dp); }
  5776. .popout-VcNcHB .option-3KoAJB {
  5777. color: var(--menu-item-text-color);
  5778. transition: var(--default-time) var(--default-animation) background-color; }
  5779. .popout-VcNcHB .option-3KoAJB:hover {
  5780. background-color: var(--menu-item-hover); }
  5781. .popout-VcNcHB .option-3KoAJB[aria-selected=true] {
  5782. background-color: var(--menu-item-select); }
  5783. .popout-VcNcHB .option-3KoAJB[aria-selected=true] .selectedIcon-3uS11H {
  5784. color: var(--accent-color); }
  5785. /*
  5786. *
  5787. * RADIO BUTTONS
  5788. *
  5789. */
  5790. div[role="radiogroup"] {
  5791. background-color: var(--card-color);
  5792. border-radius: var(--card-radius-big);
  5793. border: 1px solid var(--card-border-color); }
  5794. div[role="radiogroup"] .item-26Dhrx {
  5795. margin: 0;
  5796. padding: 4px 16px;
  5797. background-color: transparent;
  5798. border-radius: 0;
  5799. position: relative;
  5800. border-bottom: none; }
  5801. div[role="radiogroup"] .item-26Dhrx:after {
  5802. position: absolute;
  5803. content: " ";
  5804. width: calc(100% - 48px);
  5805. height: 1px;
  5806. right: 0;
  5807. bottom: 0;
  5808. background-color: var(--card-border-color); }
  5809. div[role="radiogroup"] .item-26Dhrx:last-of-type:after {
  5810. display: none; }
  5811. div[role="radiogroup"] .item-26Dhrx:hover, div[role="radiogroup"] .item-26Dhrx[aria-checked=true] {
  5812. background-color: transparent; }
  5813. div[role="radiogroup"] .item-26Dhrx[aria-checked=true] .radioBar-bMNUI- {
  5814. position: relative; }
  5815. div[role="radiogroup"] .item-26Dhrx[aria-checked=true] .radioBar-bMNUI-:after {
  5816. content: " ";
  5817. position: absolute;
  5818. width: 100%;
  5819. height: 100%;
  5820. top: 0;
  5821. left: 0;
  5822. background-color: rgba(var(--accent-rgb), 0.1);
  5823. border-radius: 50%;
  5824. opacity: 0;
  5825. pointer-events: none;
  5826. transform: scale(1.2);
  5827. transition: 300ms ease;
  5828. z-index: 4; }
  5829. div[role="radiogroup"] .item-26Dhrx[aria-checked=true] .radioBar-bMNUI-:hover:after {
  5830. opacity: 1;
  5831. transform: scale(1.2);
  5832. animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  5833. div[role="radiogroup"] .item-26Dhrx[aria-checked=true] .radioBar-bMNUI-:active:after {
  5834. background-color: rgba(var(--accent-rgb), 0.2); }
  5835. div[role="radiogroup"] .item-26Dhrx[aria-checked=true] .radioBar-bMNUI-:after {
  5836. width: 32px;
  5837. height: 32px;
  5838. left: -4px; }
  5839. div[role="radiogroup"] .item-26Dhrx[aria-checked=true] .radioBar-bMNUI- path {
  5840. fill: var(--accent-color) !important; }
  5841. div[role="radiogroup"] .item-26Dhrx[aria-checked=true] .radioIconForeground-XwlXQN {
  5842. color: var(--accent-color); }
  5843. div[role="radiogroup"] .item-26Dhrx .radioBar-bMNUI- {
  5844. margin-bottom: 0;
  5845. padding: 8px 0 8px 0 !important;
  5846. border-left: none;
  5847. position: relative; }
  5848. div[role="radiogroup"] .item-26Dhrx .radioBar-bMNUI-:after {
  5849. content: " ";
  5850. position: absolute;
  5851. width: 100%;
  5852. height: 100%;
  5853. top: 0;
  5854. left: 0;
  5855. background-color: rgba(var(--md-ripple-color), 0.1);
  5856. border-radius: 50%;
  5857. opacity: 0;
  5858. pointer-events: none;
  5859. transform: scale(1.2);
  5860. transition: 300ms ease;
  5861. z-index: 4; }
  5862. div[role="radiogroup"] .item-26Dhrx .radioBar-bMNUI-:hover:after {
  5863. opacity: 1;
  5864. transform: scale(1.2);
  5865. animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  5866. div[role="radiogroup"] .item-26Dhrx .radioBar-bMNUI-:active:after {
  5867. background-color: rgba(var(--md-ripple-color), 0.2); }
  5868. div[role="radiogroup"] .item-26Dhrx .radioBar-bMNUI-:after {
  5869. width: 32px;
  5870. height: 32px;
  5871. top: 0;
  5872. left: -4px;
  5873. bottom: 0;
  5874. margin: auto 0; }
  5875. div[role="radiogroup"] .item-26Dhrx.disabled-1FsPTr {
  5876. opacity: 1; }
  5877. div[role="radiogroup"] .item-26Dhrx.disabled-1FsPTr .radioBar-bMNUI- {
  5878. opacity: 0.3; }
  5879. div[role="radiogroup"][aria-orientation="horizontal"] {
  5880. height: 34px;
  5881. border-radius: 17px;
  5882. overflow: hidden; }
  5883. div[role="radiogroup"][aria-orientation="horizontal"] .item-1yAxl1 {
  5884. height: 32px;
  5885. background-color: transparent;
  5886. cursor: pointer;
  5887. transition: var(--default-time) var(--default-animation) background-color; }
  5888. div[role="radiogroup"][aria-orientation="horizontal"] .item-1yAxl1:hover {
  5889. background-color: var(--menu-item-hover); }
  5890. div[role="radiogroup"][aria-orientation="horizontal"] .item-1yAxl1.selected-2YhbGh {
  5891. background-color: var(--menu-item-select); }
  5892. div[role="radiogroup"] .tooltipWrapper-3VcaN6 {
  5893. margin: 0;
  5894. position: relative;
  5895. border-bottom: none; }
  5896. div[role="radiogroup"] .tooltipWrapper-3VcaN6:after {
  5897. position: absolute;
  5898. content: " ";
  5899. width: calc(100% - 48px);
  5900. height: 1px;
  5901. right: 0;
  5902. bottom: 0;
  5903. background-color: var(--card-border-color); }
  5904. div[role="radiogroup"] .tooltipWrapper-3VcaN6:last-of-type:after {
  5905. display: none; }
  5906. div[role="radiogroup"] .tooltipWrapper-3VcaN6:last-child {
  5907. border-bottom: none; }
  5908. /*
  5909. *
  5910. * SWITCHES
  5911. *
  5912. */
  5913. .container-3auIfb {
  5914. width: 32px;
  5915. height: 14px;
  5916. overflow: visible; }
  5917. .container-3auIfb[style*="background-color: rgb(67"] {
  5918. background-color: rgba(var(--accent-rgb), 0.3) !important; }
  5919. .container-3auIfb[style*="background-color: rgb(67"] .slider-TkfMQL {
  5920. background-color: var(--accent-color) !important; }
  5921. .container-3auIfb[style*="background-color: rgb(68"] {
  5922. background-color: rgba(var(--accent-rgb), 0.3) !important; }
  5923. .container-3auIfb[style*="background-color: rgb(68"] .slider-TkfMQL {
  5924. background-color: var(--accent-color) !important; }
  5925. .container-3auIfb[style*="background-color: rgb(69"] {
  5926. background-color: rgba(var(--accent-rgb), 0.3) !important; }
  5927. .container-3auIfb[style*="background-color: rgb(69"] .slider-TkfMQL {
  5928. background-color: var(--accent-color) !important; }
  5929. .container-3auIfb[style*="background-color: rgb(70"] {
  5930. background-color: rgba(var(--accent-rgb), 0.3) !important; }
  5931. .container-3auIfb[style*="background-color: rgb(70"] .slider-TkfMQL {
  5932. background-color: var(--accent-color) !important; }
  5933. .container-3auIfb[style*="background-color: rgb(71"] {
  5934. background-color: rgba(var(--accent-rgb), 0.3) !important; }
  5935. .container-3auIfb[style*="background-color: rgb(71"] .slider-TkfMQL {
  5936. background-color: var(--accent-color) !important; }
  5937. .container-3auIfb[style*="background-color: rgb(72"] {
  5938. background-color: rgba(var(--accent-rgb), 0.3) !important; }
  5939. .container-3auIfb[style*="background-color: rgb(72"] .slider-TkfMQL {
  5940. background-color: var(--accent-color) !important; }
  5941. .container-3auIfb[style*="background-color: rgb(73"] {
  5942. background-color: rgba(var(--accent-rgb), 0.3) !important; }
  5943. .container-3auIfb[style*="background-color: rgb(73"] .slider-TkfMQL {
  5944. background-color: var(--accent-color) !important; }
  5945. .container-3auIfb[style*="background-color: rgb(74"] {
  5946. background-color: rgba(var(--accent-rgb), 0.3) !important; }
  5947. .container-3auIfb[style*="background-color: rgb(74"] .slider-TkfMQL {
  5948. background-color: var(--accent-color) !important; }
  5949. .container-3auIfb[style*="background-color: rgb(75"] {
  5950. background-color: rgba(var(--accent-rgb), 0.3) !important; }
  5951. .container-3auIfb[style*="background-color: rgb(75"] .slider-TkfMQL {
  5952. background-color: var(--accent-color) !important; }
  5953. .container-3auIfb[style*="background-color: rgb(76"] {
  5954. background-color: rgba(var(--accent-rgb), 0.3) !important; }
  5955. .container-3auIfb[style*="background-color: rgb(76"] .slider-TkfMQL {
  5956. background-color: var(--accent-color) !important; }
  5957. .container-3auIfb[style*="background-color: rgb(77"] {
  5958. background-color: rgba(var(--accent-rgb), 0.3) !important; }
  5959. .container-3auIfb[style*="background-color: rgb(77"] .slider-TkfMQL {
  5960. background-color: var(--accent-color) !important; }
  5961. .container-3auIfb[style*="background-color: rgb(78"] {
  5962. background-color: rgba(var(--accent-rgb), 0.3) !important; }
  5963. .container-3auIfb[style*="background-color: rgb(78"] .slider-TkfMQL {
  5964. background-color: var(--accent-color) !important; }
  5965. .container-3auIfb[style*="background-color: rgb(79"] {
  5966. background-color: rgba(var(--accent-rgb), 0.3) !important; }
  5967. .container-3auIfb[style*="background-color: rgb(79"] .slider-TkfMQL {
  5968. background-color: var(--accent-color) !important; }
  5969. .container-3auIfb[style*="background-color: rgb(80"] {
  5970. background-color: rgba(var(--accent-rgb), 0.3) !important; }
  5971. .container-3auIfb[style*="background-color: rgb(80"] .slider-TkfMQL {
  5972. background-color: var(--accent-color) !important; }
  5973. .container-3auIfb[style*="background-color: rgb(81"] {
  5974. background-color: rgba(var(--accent-rgb), 0.3) !important; }
  5975. .container-3auIfb[style*="background-color: rgb(81"] .slider-TkfMQL {
  5976. background-color: var(--accent-color) !important; }
  5977. .container-3auIfb[style*="background-color: rgb(82"] {
  5978. background-color: var(--switch-slider-color) !important; }
  5979. .container-3auIfb[style*="background-color: rgb(82"] .slider-TkfMQL {
  5980. background-color: var(--switch-knob-color) !important; }
  5981. .container-3auIfb[style*="background-color: rgb(83"] {
  5982. background-color: var(--switch-slider-color) !important; }
  5983. .container-3auIfb[style*="background-color: rgb(83"] .slider-TkfMQL {
  5984. background-color: var(--switch-knob-color) !important; }
  5985. .container-3auIfb[style*="background-color: rgb(84"] {
  5986. background-color: var(--switch-slider-color) !important; }
  5987. .container-3auIfb[style*="background-color: rgb(84"] .slider-TkfMQL {
  5988. background-color: var(--switch-knob-color) !important; }
  5989. .container-3auIfb[style*="background-color: rgb(85"] {
  5990. background-color: var(--switch-slider-color) !important; }
  5991. .container-3auIfb[style*="background-color: rgb(85"] .slider-TkfMQL {
  5992. background-color: var(--switch-knob-color) !important; }
  5993. .container-3auIfb[style*="background-color: rgb(86"] {
  5994. background-color: var(--switch-slider-color) !important; }
  5995. .container-3auIfb[style*="background-color: rgb(86"] .slider-TkfMQL {
  5996. background-color: var(--switch-knob-color) !important; }
  5997. .container-3auIfb[style*="background-color: rgb(87"] {
  5998. background-color: var(--switch-slider-color) !important; }
  5999. .container-3auIfb[style*="background-color: rgb(87"] .slider-TkfMQL {
  6000. background-color: var(--switch-knob-color) !important; }
  6001. .container-3auIfb[style*="background-color: rgb(88"] {
  6002. background-color: var(--switch-slider-color) !important; }
  6003. .container-3auIfb[style*="background-color: rgb(88"] .slider-TkfMQL {
  6004. background-color: var(--switch-knob-color) !important; }
  6005. .container-3auIfb[style*="background-color: rgb(89"] {
  6006. background-color: var(--switch-slider-color) !important; }
  6007. .container-3auIfb[style*="background-color: rgb(89"] .slider-TkfMQL {
  6008. background-color: var(--switch-knob-color) !important; }
  6009. .container-3auIfb[style*="background-color: rgb(90"] {
  6010. background-color: var(--switch-slider-color) !important; }
  6011. .container-3auIfb[style*="background-color: rgb(90"] .slider-TkfMQL {
  6012. background-color: var(--switch-knob-color) !important; }
  6013. .container-3auIfb[style*="background-color: rgb(91"] {
  6014. background-color: var(--switch-slider-color) !important; }
  6015. .container-3auIfb[style*="background-color: rgb(91"] .slider-TkfMQL {
  6016. background-color: var(--switch-knob-color) !important; }
  6017. .container-3auIfb[style*="background-color: rgb(92"] {
  6018. background-color: var(--switch-slider-color) !important; }
  6019. .container-3auIfb[style*="background-color: rgb(92"] .slider-TkfMQL {
  6020. background-color: var(--switch-knob-color) !important; }
  6021. .container-3auIfb[style*="background-color: rgb(93"] {
  6022. background-color: var(--switch-slider-color) !important; }
  6023. .container-3auIfb[style*="background-color: rgb(93"] .slider-TkfMQL {
  6024. background-color: var(--switch-knob-color) !important; }
  6025. .container-3auIfb[style*="background-color: rgb(94"] {
  6026. background-color: var(--switch-slider-color) !important; }
  6027. .container-3auIfb[style*="background-color: rgb(94"] .slider-TkfMQL {
  6028. background-color: var(--switch-knob-color) !important; }
  6029. .container-3auIfb[style*="background-color: rgb(95"] {
  6030. background-color: var(--switch-slider-color) !important; }
  6031. .container-3auIfb[style*="background-color: rgb(95"] .slider-TkfMQL {
  6032. background-color: var(--switch-knob-color) !important; }
  6033. .container-3auIfb[style*="background-color: rgb(96"] {
  6034. background-color: var(--switch-slider-color) !important; }
  6035. .container-3auIfb[style*="background-color: rgb(96"] .slider-TkfMQL {
  6036. background-color: var(--switch-knob-color) !important; }
  6037. .container-3auIfb[style*="background-color: rgb(97"] {
  6038. background-color: var(--switch-slider-color) !important; }
  6039. .container-3auIfb[style*="background-color: rgb(97"] .slider-TkfMQL {
  6040. background-color: var(--switch-knob-color) !important; }
  6041. .container-3auIfb[style*="background-color: rgb(98"] {
  6042. background-color: var(--switch-slider-color) !important; }
  6043. .container-3auIfb[style*="background-color: rgb(98"] .slider-TkfMQL {
  6044. background-color: var(--switch-knob-color) !important; }
  6045. .container-3auIfb[style*="background-color: rgb(99"] {
  6046. background-color: var(--switch-slider-color) !important; }
  6047. .container-3auIfb[style*="background-color: rgb(99"] .slider-TkfMQL {
  6048. background-color: var(--switch-knob-color) !important; }
  6049. .container-3auIfb[style*="background-color: rgb(100"] {
  6050. background-color: var(--switch-slider-color) !important; }
  6051. .container-3auIfb[style*="background-color: rgb(100"] .slider-TkfMQL {
  6052. background-color: var(--switch-knob-color) !important; }
  6053. .container-3auIfb[style*="background-color: rgb(101"] {
  6054. background-color: var(--switch-slider-color) !important; }
  6055. .container-3auIfb[style*="background-color: rgb(101"] .slider-TkfMQL {
  6056. background-color: var(--switch-knob-color) !important; }
  6057. .container-3auIfb[style*="background-color: rgb(102"] {
  6058. background-color: var(--switch-slider-color) !important; }
  6059. .container-3auIfb[style*="background-color: rgb(102"] .slider-TkfMQL {
  6060. background-color: var(--switch-knob-color) !important; }
  6061. .container-3auIfb[style*="background-color: rgb(103"] {
  6062. background-color: var(--switch-slider-color) !important; }
  6063. .container-3auIfb[style*="background-color: rgb(103"] .slider-TkfMQL {
  6064. background-color: var(--switch-knob-color) !important; }
  6065. .container-3auIfb[style*="background-color: rgb(104"] {
  6066. background-color: var(--switch-slider-color) !important; }
  6067. .container-3auIfb[style*="background-color: rgb(104"] .slider-TkfMQL {
  6068. background-color: var(--switch-knob-color) !important; }
  6069. .container-3auIfb[style*="background-color: rgb(105"] {
  6070. background-color: var(--switch-slider-color) !important; }
  6071. .container-3auIfb[style*="background-color: rgb(105"] .slider-TkfMQL {
  6072. background-color: var(--switch-knob-color) !important; }
  6073. .container-3auIfb[style*="background-color: rgb(106"] {
  6074. background-color: var(--switch-slider-color) !important; }
  6075. .container-3auIfb[style*="background-color: rgb(106"] .slider-TkfMQL {
  6076. background-color: var(--switch-knob-color) !important; }
  6077. .container-3auIfb[style*="background-color: rgb(107"] {
  6078. background-color: var(--switch-slider-color) !important; }
  6079. .container-3auIfb[style*="background-color: rgb(107"] .slider-TkfMQL {
  6080. background-color: var(--switch-knob-color) !important; }
  6081. .container-3auIfb[style*="background-color: rgb(108"] {
  6082. background-color: var(--switch-slider-color) !important; }
  6083. .container-3auIfb[style*="background-color: rgb(108"] .slider-TkfMQL {
  6084. background-color: var(--switch-knob-color) !important; }
  6085. .container-3auIfb[style*="background-color: rgb(109"] {
  6086. background-color: var(--switch-slider-color) !important; }
  6087. .container-3auIfb[style*="background-color: rgb(109"] .slider-TkfMQL {
  6088. background-color: var(--switch-knob-color) !important; }
  6089. .container-3auIfb[style*="background-color: rgb(110"] {
  6090. background-color: var(--switch-slider-color) !important; }
  6091. .container-3auIfb[style*="background-color: rgb(110"] .slider-TkfMQL {
  6092. background-color: var(--switch-knob-color) !important; }
  6093. .container-3auIfb[style*="background-color: rgb(111"] {
  6094. background-color: var(--switch-slider-color) !important; }
  6095. .container-3auIfb[style*="background-color: rgb(111"] .slider-TkfMQL {
  6096. background-color: var(--switch-knob-color) !important; }
  6097. .container-3auIfb[style*="background-color: rgb(112"] {
  6098. background-color: var(--switch-slider-color) !important; }
  6099. .container-3auIfb[style*="background-color: rgb(112"] .slider-TkfMQL {
  6100. background-color: var(--switch-knob-color) !important; }
  6101. .container-3auIfb[style*="background-color: rgb(113"] {
  6102. background-color: var(--switch-slider-color) !important; }
  6103. .container-3auIfb[style*="background-color: rgb(113"] .slider-TkfMQL {
  6104. background-color: var(--switch-knob-color) !important; }
  6105. .container-3auIfb[style*="background-color: rgb(114"] {
  6106. background-color: var(--switch-slider-color) !important; }
  6107. .container-3auIfb[style*="background-color: rgb(114"] .slider-TkfMQL {
  6108. background-color: var(--switch-knob-color) !important; }
  6109. .container-3auIfb .slider-TkfMQL {
  6110. width: 20px;
  6111. height: 20px;
  6112. top: -3px;
  6113. margin: 0;
  6114. border-radius: 50%;
  6115. box-shadow: var(--shadow-1dp); }
  6116. .container-3auIfb .slider-TkfMQL rect,
  6117. .container-3auIfb .slider-TkfMQL svg {
  6118. display: none; }
  6119. .bd-switch {
  6120. width: 32px;
  6121. height: 14px;
  6122. overflow: visible; }
  6123. .bd-switch .bd-switch-body {
  6124. --switch-color: var(--switch-slider-color);
  6125. width: 32px;
  6126. height: 14px;
  6127. overflow: visible; }
  6128. .bd-switch .bd-switch-body .bd-switch-slider {
  6129. height: 20px;
  6130. top: -3px;
  6131. left: -7px;
  6132. margin: 0; }
  6133. .bd-switch .bd-switch-body .bd-switch-slider .bd-switch-handle {
  6134. fill: var(--switch-knob-color);
  6135. box-shadow: var(--shadow-1dp); }
  6136. .bd-switch .bd-switch-body .bd-switch-slider .bd-switch-symbol {
  6137. display: none; }
  6138. .bd-switch input:active + .bd-switch-body {
  6139. --switch-color: var(--switch-slider-color); }
  6140. .bd-switch input:checked + .bd-switch-body {
  6141. --switch-color: rgba(var(--accent-rgb),0.3); }
  6142. .bd-switch input:checked + .bd-switch-body .bd-switch-slider {
  6143. left: 8px; }
  6144. .bd-switch input:checked + .bd-switch-body .bd-switch-slider .bd-switch-handle {
  6145. fill: var(--accent-color); }
  6146. .bd-switch input:checked:active + .bd-switch-body {
  6147. --switch-color: rgba(var(--accent-rgb),0.3); }
  6148. /*
  6149. *
  6150. * CHECKBOXES
  6151. *
  6152. */
  6153. .checkbox-1ix_J3 {
  6154. border-width: 2px;
  6155. transition: var(--default-time) var(--default-animation) border-color, var(--default-time) var(--default-animation) background-color; }
  6156. .checkbox-1ix_J3.box-mmYMsp {
  6157. border-radius: 4px; }
  6158. .checkbox-1ix_J3:not(.checked-3_4uQ9) path {
  6159. transition: var(--default-time) var(--default-animation) fill; }
  6160. .checkbox-1ix_J3.checked-3_4uQ9 {
  6161. background-color: var(--accent-color) !important;
  6162. border-color: var(--accent-color) !important; }
  6163. .checkbox-1ix_J3.checked-3_4uQ9 path {
  6164. fill: var(--accent-text-color);
  6165. transition: var(--default-time) var(--default-animation) fill; }
  6166. /*
  6167. *
  6168. * SLIDER BARS
  6169. *
  6170. */
  6171. .slider-1PF9SW .bar-2Qqk5Z {
  6172. height: 4px;
  6173. background-color: rgba(var(--accent-rgb), 0.3) !important;
  6174. border-radius: 2px; }
  6175. .slider-1PF9SW .bar-2Qqk5Z .barFill-23-gu- {
  6176. background-color: var(--accent-color) !important; }
  6177. .slider-1PF9SW .track-11EASc .grabber-3mFHz2 {
  6178. width: 16px;
  6179. height: 16px;
  6180. top: calc(50% + 3px);
  6181. background-color: var(--accent-color);
  6182. border-radius: 50%;
  6183. border: none;
  6184. box-shadow: var(--shadow-1dp);
  6185. transition: var(--default-time) var(--default-animation) box-shadow;
  6186. position: relative; }
  6187. .slider-1PF9SW .track-11EASc .grabber-3mFHz2:after {
  6188. content: " ";
  6189. position: absolute;
  6190. width: 100%;
  6191. height: 100%;
  6192. top: 0;
  6193. left: 0;
  6194. background-color: rgba(var(--accent-rgb), 0.1);
  6195. border-radius: 50%;
  6196. opacity: 0;
  6197. pointer-events: none;
  6198. transform: scale(1.2);
  6199. transition: 300ms ease;
  6200. z-index: 4; }
  6201. .slider-1PF9SW .track-11EASc .grabber-3mFHz2:hover:after {
  6202. opacity: 1;
  6203. transform: scale(2.5);
  6204. animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  6205. .slider-1PF9SW .track-11EASc .grabber-3mFHz2:active:after {
  6206. background-color: rgba(var(--accent-rgb), 0.2); }
  6207. .slider-1PF9SW .track-11EASc .grabber-3mFHz2:hover {
  6208. box-shadow: var(--shadow-2dp); }
  6209. .slider-1PF9SW .track-11EASc .grabber-3mFHz2:active {
  6210. box-shadow: var(--shadow-3dp); }
  6211. .slider-1PF9SW.slider-2zxowp .track-11EASc .grabber-3mFHz2 {
  6212. top: calc(50% - 2px); }
  6213. .wrapper-3Z-vWm {
  6214. height: 4px;
  6215. border-radius: 2px;
  6216. overflow: hidden; }
  6217. .wrapper-3Z-vWm .container-3PXSwK {
  6218. width: 100% !important; }
  6219. .wrapper-3Z-vWm .container-3PXSwK[style*='background: linear-gradient(to right, rgb(251, 184, 72), rgb(67, 181, 129));'] {
  6220. background: var(--success-color) !important; }
  6221. .wrapper-3Z-vWm .progress-1IcQ3A {
  6222. background-color: var(--slider-color); }
  6223. .wrapper-3Z-vWm .notches-1sAcEM {
  6224. display: none; }
  6225. /*
  6226. *
  6227. * CARDS
  6228. *
  6229. */
  6230. .card-3Qj_Yx {
  6231. background-color: var(--card-color);
  6232. border-radius: var(--card-radius-big);
  6233. border: 1px solid var(--card-border-color); }
  6234. .card-3Qj_Yx a {
  6235. color: var(--accent-color); }
  6236. /* CARDS -> HEADER */
  6237. .formNoticeTitle-2KGjDe.colorStandard-2KCXvj,
  6238. .labelBold-1PKEeD.colorStandard-2KCXvj {
  6239. font-size: 1em;
  6240. font-weight: 500;
  6241. color: var(--card-header-text-color);
  6242. text-transform: none;
  6243. opacity: 1; }
  6244. .h4-AQvcAz,
  6245. .h5-18_1nd {
  6246. text-transform: none; }
  6247. .h5-18_1nd {
  6248. font-size: 14px; }
  6249. /*
  6250. *
  6251. * BUTTONS
  6252. *
  6253. */
  6254. .button-38aScr.lookFilled-1Gx00P, .button-38aScr.lookOutlined-3sRXeN, .button-38aScr.lookInverted-2D7oAl {
  6255. border-radius: var(--button-radius);
  6256. border: none;
  6257. font-size: 1em; }
  6258. .button-38aScr.lookFilled-1Gx00P:not([disabled]), .button-38aScr.lookOutlined-3sRXeN:not([disabled]), .button-38aScr.lookInverted-2D7oAl:not([disabled]) {
  6259. box-shadow: var(--shadow-1dp);
  6260. transition: var(--default-time) var(--default-animation) box-shadow; }
  6261. .button-38aScr.lookFilled-1Gx00P:not([disabled]):hover, .button-38aScr.lookOutlined-3sRXeN:not([disabled]):hover, .button-38aScr.lookInverted-2D7oAl:not([disabled]):hover {
  6262. box-shadow: var(--shadow-2dp); }
  6263. .button-38aScr.lookFilled-1Gx00P:not([disabled]):active, .button-38aScr.lookOutlined-3sRXeN:not([disabled]):active, .button-38aScr.lookInverted-2D7oAl:not([disabled]):active {
  6264. box-shadow: var(--shadow-3dp); }
  6265. .button-38aScr.lookFilled-1Gx00P:not([disabled]):after, .button-38aScr.lookOutlined-3sRXeN:not([disabled]):after, .button-38aScr.lookInverted-2D7oAl:not([disabled]):after {
  6266. position: absolute;
  6267. content: " ";
  6268. width: 100%;
  6269. height: 100%;
  6270. top: 0;
  6271. left: 0;
  6272. border-radius: var(--button-radius);
  6273. opacity: 0;
  6274. pointer-events: none;
  6275. transition: var(--default-time) var(--default-animation) opacity; }
  6276. .button-38aScr.lookFilled-1Gx00P.colorBrand-3pXr91, .button-38aScr.lookFilled-1Gx00P.colorPrimary-3b3xI6, .button-38aScr.lookFilled-1Gx00P.colorGrey-2DXtkV, .button-38aScr.lookFilled-1Gx00P.colorWhite-rEQuAQ, .button-38aScr.lookFilled-1Gx00P.colorGreen-29iAKY, .button-38aScr.lookOutlined-3sRXeN.colorBrand-3pXr91, .button-38aScr.lookOutlined-3sRXeN.colorPrimary-3b3xI6, .button-38aScr.lookOutlined-3sRXeN.colorGrey-2DXtkV, .button-38aScr.lookOutlined-3sRXeN.colorWhite-rEQuAQ, .button-38aScr.lookOutlined-3sRXeN.colorGreen-29iAKY, .button-38aScr.lookInverted-2D7oAl.colorBrand-3pXr91, .button-38aScr.lookInverted-2D7oAl.colorPrimary-3b3xI6, .button-38aScr.lookInverted-2D7oAl.colorGrey-2DXtkV, .button-38aScr.lookInverted-2D7oAl.colorWhite-rEQuAQ, .button-38aScr.lookInverted-2D7oAl.colorGreen-29iAKY {
  6277. background-color: var(--accent-color);
  6278. color: var(--accent-text-color); }
  6279. .button-38aScr.lookFilled-1Gx00P.colorBrand-3pXr91:after, .button-38aScr.lookFilled-1Gx00P.colorPrimary-3b3xI6:after, .button-38aScr.lookFilled-1Gx00P.colorGrey-2DXtkV:after, .button-38aScr.lookFilled-1Gx00P.colorWhite-rEQuAQ:after, .button-38aScr.lookFilled-1Gx00P.colorGreen-29iAKY:after, .button-38aScr.lookOutlined-3sRXeN.colorBrand-3pXr91:after, .button-38aScr.lookOutlined-3sRXeN.colorPrimary-3b3xI6:after, .button-38aScr.lookOutlined-3sRXeN.colorGrey-2DXtkV:after, .button-38aScr.lookOutlined-3sRXeN.colorWhite-rEQuAQ:after, .button-38aScr.lookOutlined-3sRXeN.colorGreen-29iAKY:after, .button-38aScr.lookInverted-2D7oAl.colorBrand-3pXr91:after, .button-38aScr.lookInverted-2D7oAl.colorPrimary-3b3xI6:after, .button-38aScr.lookInverted-2D7oAl.colorGrey-2DXtkV:after, .button-38aScr.lookInverted-2D7oAl.colorWhite-rEQuAQ:after, .button-38aScr.lookInverted-2D7oAl.colorGreen-29iAKY:after {
  6280. background-color: var(--accent-button-action); }
  6281. .button-38aScr.lookFilled-1Gx00P.colorBrand-3pXr91:hover, .button-38aScr.lookFilled-1Gx00P.colorPrimary-3b3xI6:hover, .button-38aScr.lookFilled-1Gx00P.colorGrey-2DXtkV:hover, .button-38aScr.lookFilled-1Gx00P.colorWhite-rEQuAQ:hover, .button-38aScr.lookFilled-1Gx00P.colorGreen-29iAKY:hover, .button-38aScr.lookOutlined-3sRXeN.colorBrand-3pXr91:hover, .button-38aScr.lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover, .button-38aScr.lookOutlined-3sRXeN.colorGrey-2DXtkV:hover, .button-38aScr.lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover, .button-38aScr.lookOutlined-3sRXeN.colorGreen-29iAKY:hover, .button-38aScr.lookInverted-2D7oAl.colorBrand-3pXr91:hover, .button-38aScr.lookInverted-2D7oAl.colorPrimary-3b3xI6:hover, .button-38aScr.lookInverted-2D7oAl.colorGrey-2DXtkV:hover, .button-38aScr.lookInverted-2D7oAl.colorWhite-rEQuAQ:hover, .button-38aScr.lookInverted-2D7oAl.colorGreen-29iAKY:hover {
  6282. background-color: var(--accent-color); }
  6283. .button-38aScr.lookFilled-1Gx00P.colorBrand-3pXr91:hover:after, .button-38aScr.lookFilled-1Gx00P.colorPrimary-3b3xI6:hover:after, .button-38aScr.lookFilled-1Gx00P.colorGrey-2DXtkV:hover:after, .button-38aScr.lookFilled-1Gx00P.colorWhite-rEQuAQ:hover:after, .button-38aScr.lookFilled-1Gx00P.colorGreen-29iAKY:hover:after, .button-38aScr.lookOutlined-3sRXeN.colorBrand-3pXr91:hover:after, .button-38aScr.lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover:after, .button-38aScr.lookOutlined-3sRXeN.colorGrey-2DXtkV:hover:after, .button-38aScr.lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover:after, .button-38aScr.lookOutlined-3sRXeN.colorGreen-29iAKY:hover:after, .button-38aScr.lookInverted-2D7oAl.colorBrand-3pXr91:hover:after, .button-38aScr.lookInverted-2D7oAl.colorPrimary-3b3xI6:hover:after, .button-38aScr.lookInverted-2D7oAl.colorGrey-2DXtkV:hover:after, .button-38aScr.lookInverted-2D7oAl.colorWhite-rEQuAQ:hover:after, .button-38aScr.lookInverted-2D7oAl.colorGreen-29iAKY:hover:after {
  6284. opacity: var(--accent-button-action-hover); }
  6285. .button-38aScr.lookFilled-1Gx00P.colorBrand-3pXr91:active, .button-38aScr.lookFilled-1Gx00P.colorPrimary-3b3xI6:active, .button-38aScr.lookFilled-1Gx00P.colorGrey-2DXtkV:active, .button-38aScr.lookFilled-1Gx00P.colorWhite-rEQuAQ:active, .button-38aScr.lookFilled-1Gx00P.colorGreen-29iAKY:active, .button-38aScr.lookOutlined-3sRXeN.colorBrand-3pXr91:active, .button-38aScr.lookOutlined-3sRXeN.colorPrimary-3b3xI6:active, .button-38aScr.lookOutlined-3sRXeN.colorGrey-2DXtkV:active, .button-38aScr.lookOutlined-3sRXeN.colorWhite-rEQuAQ:active, .button-38aScr.lookOutlined-3sRXeN.colorGreen-29iAKY:active, .button-38aScr.lookInverted-2D7oAl.colorBrand-3pXr91:active, .button-38aScr.lookInverted-2D7oAl.colorPrimary-3b3xI6:active, .button-38aScr.lookInverted-2D7oAl.colorGrey-2DXtkV:active, .button-38aScr.lookInverted-2D7oAl.colorWhite-rEQuAQ:active, .button-38aScr.lookInverted-2D7oAl.colorGreen-29iAKY:active {
  6286. background-color: var(--accent-color); }
  6287. .button-38aScr.lookFilled-1Gx00P.colorBrand-3pXr91:active:after, .button-38aScr.lookFilled-1Gx00P.colorPrimary-3b3xI6:active:after, .button-38aScr.lookFilled-1Gx00P.colorGrey-2DXtkV:active:after, .button-38aScr.lookFilled-1Gx00P.colorWhite-rEQuAQ:active:after, .button-38aScr.lookFilled-1Gx00P.colorGreen-29iAKY:active:after, .button-38aScr.lookOutlined-3sRXeN.colorBrand-3pXr91:active:after, .button-38aScr.lookOutlined-3sRXeN.colorPrimary-3b3xI6:active:after, .button-38aScr.lookOutlined-3sRXeN.colorGrey-2DXtkV:active:after, .button-38aScr.lookOutlined-3sRXeN.colorWhite-rEQuAQ:active:after, .button-38aScr.lookOutlined-3sRXeN.colorGreen-29iAKY:active:after, .button-38aScr.lookInverted-2D7oAl.colorBrand-3pXr91:active:after, .button-38aScr.lookInverted-2D7oAl.colorPrimary-3b3xI6:active:after, .button-38aScr.lookInverted-2D7oAl.colorGrey-2DXtkV:active:after, .button-38aScr.lookInverted-2D7oAl.colorWhite-rEQuAQ:active:after, .button-38aScr.lookInverted-2D7oAl.colorGreen-29iAKY:active:after {
  6288. opacity: var(--accent-button-action-active); }
  6289. .button-38aScr.lookFilled-1Gx00P.colorRed-1TFJan, .button-38aScr.lookOutlined-3sRXeN.colorRed-1TFJan, .button-38aScr.lookInverted-2D7oAl.colorRed-1TFJan {
  6290. background-color: var(--alert-color);
  6291. color: var(--alert-text-color);
  6292. border: none; }
  6293. .button-38aScr.lookFilled-1Gx00P.colorRed-1TFJan:after, .button-38aScr.lookOutlined-3sRXeN.colorRed-1TFJan:after, .button-38aScr.lookInverted-2D7oAl.colorRed-1TFJan:after {
  6294. background-color: var(--alert-button-action); }
  6295. .button-38aScr.lookFilled-1Gx00P.colorRed-1TFJan:hover:after, .button-38aScr.lookOutlined-3sRXeN.colorRed-1TFJan:hover:after, .button-38aScr.lookInverted-2D7oAl.colorRed-1TFJan:hover:after {
  6296. opacity: var(--alert-button-action-hover); }
  6297. .button-38aScr.lookFilled-1Gx00P.colorRed-1TFJan:active:after, .button-38aScr.lookOutlined-3sRXeN.colorRed-1TFJan:active:after, .button-38aScr.lookInverted-2D7oAl.colorRed-1TFJan:active:after {
  6298. opacity: var(--alert-button-action-active); }
  6299. .button-38aScr.lookLink-9FtZy-, .button-38aScr.lookBlank-3eh9lL {
  6300. border-radius: var(--button-radius);
  6301. font-size: 1em; }
  6302. .button-38aScr.lookLink-9FtZy-:not([disabled]), .button-38aScr.lookBlank-3eh9lL:not([disabled]) {
  6303. color: var(--button-link-text-color);
  6304. transition: var(--default-time) var(--default-animation) background-color; }
  6305. .button-38aScr.lookLink-9FtZy-:not([disabled]):hover, .button-38aScr.lookBlank-3eh9lL:not([disabled]):hover {
  6306. background-color: rgba(var(--button-link-color), 0.075);
  6307. text-decoration: none; }
  6308. .button-38aScr.lookLink-9FtZy-:not([disabled]):hover .contents-18-Yxp, .button-38aScr.lookBlank-3eh9lL:not([disabled]):hover .contents-18-Yxp {
  6309. background-image: none; }
  6310. .button-38aScr.lookLink-9FtZy-:not([disabled]):active, .button-38aScr.lookBlank-3eh9lL:not([disabled]):active {
  6311. background-color: rgba(var(--button-link-color), 0.125); }
  6312. .button-38aScr.lookInverted-2D7oAl {
  6313. border-radius: var(--button-radius);
  6314. font-size: 0.9em; }
  6315. .button-38aScr.lookInverted-2D7oAl:not([disabled]) {
  6316. box-shadow: var(--shadow-1dp);
  6317. transition: var(--default-time) var(--default-animation) box-shadow; }
  6318. .button-38aScr.lookInverted-2D7oAl:not([disabled]):hover {
  6319. box-shadow: var(--shadow-2dp); }
  6320. .button-38aScr.lookInverted-2D7oAl:not([disabled]):active {
  6321. box-shadow: var(--shadow-3dp); }
  6322. .button-38aScr.lookInverted-2D7oAl:not([disabled]).colorBrand-3pXr91 {
  6323. background-color: var(--accent-color);
  6324. color: var(--accent-text-color); }
  6325. .button-38aScr.sizeMin-1mJd1x, .button-38aScr.sizeSmall-2cSMqn, .button-38aScr.sizeMedium-1AC_Sl, .button-38aScr.sizeLarge-1vSeWK, .button-38aScr.sizeXlarge-2yFAlZ, .button-38aScr.buttonSize-AQY2mE, .button-38aScr.buttonSize-DbrWhv {
  6326. min-width: 36px;
  6327. height: 36px;
  6328. min-height: 36px;
  6329. padding: 0 16px;
  6330. border-radius: var(--button-radius); }
  6331. .button-38aScr.backButton-iA7KIs {
  6332. margin-right: 0; }
  6333. .disabledButtonWrapper-3wH6-b .button-38aScr {
  6334. background-color: rgba(var(--button-link-color), 0.15);
  6335. box-shadow: none; }
  6336. /*
  6337. *
  6338. * TOOLTIPS
  6339. *
  6340. */
  6341. .tooltip-2QfLtc {
  6342. padding: 8px;
  6343. background-color: rgba(97, 97, 97, 0.9) !important;
  6344. border-radius: var(--card-radius);
  6345. box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2) !important;
  6346. font-size: 12px;
  6347. font-weight: 500; }
  6348. .tooltip-2QfLtc {
  6349. z-index: 99999999999999;
  6350. animation: opacity var(--default-time) ease; }
  6351. .tooltip-2QfLtc .tooltipPointer-3ZfirK {
  6352. display: none; }
  6353. .tooltip-2QfLtc .tooltipContent-bqVLWK,
  6354. .tooltip-2QfLtc .guildNameText-3Zwx4p {
  6355. padding: 0;
  6356. font-size: 12px;
  6357. color: #ddd; }
  6358. .tooltip-2QfLtc .activityIcon-E-aeJm path[d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"] {
  6359. d: path("M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z"); }
  6360. /*
  6361. *
  6362. * TOASTS
  6363. *
  6364. */
  6365. .toast,
  6366. .bd-toast {
  6367. padding: 12px 16px;
  6368. background-color: rgba(70, 70, 70, 0.8);
  6369. border-radius: 20px;
  6370. box-shadow: none;
  6371. font-size: 1em;
  6372. font-weight: 400;
  6373. color: #fff; }
  6374. /*
  6375. *
  6376. * VERIFIED/PARTNER ICONS
  6377. *
  6378. */
  6379. .flowerStarContainer-3zDVtj.verified-1eC5dy, .flowerStarContainer-3zDVtj.partnered-3nJayh {
  6380. color: var(--accent-color); }
  6381. .flowerStarContainer-3zDVtj.verified-1eC5dy .icon-1ihkOt, .flowerStarContainer-3zDVtj.partnered-3nJayh .icon-1ihkOt {
  6382. color: var(--accent-text-color); }
  6383. .flowerStarContainer-3zDVtj .flowerStar-1GeTsn path {
  6384. fill: var(--accent-color); }
  6385. .flowerStarContainer-3zDVtj .childContainer-1wxZNh path {
  6386. fill: var(--accent-text-color); }
  6387. /*
  6388. *
  6389. * SUPPORTED PLUGINS
  6390. *
  6391. */
  6392. /* SUPPORTED PLUGINS -> BetterFormattingRedux */
  6393. .bf-toolbar {
  6394. z-index: 2; }
  6395. /* SUPPORTED PLUGINS -> CharCounter */
  6396. .charCounterAdded-zz9O4t .channelTextArea-rNsIhG {
  6397. margin-bottom: 0; }
  6398. .charCounterAdded-zz9O4t .channelTextArea-rNsIhG .scrollableContainer-2NUZem {
  6399. border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0; }
  6400. .charCounterAdded-zz9O4t .channelTextArea-rNsIhG .scrollableContainer-2NUZem.hasReply-16cIUP {
  6401. border-radius: 0; }
  6402. .counter-uAzbKp {
  6403. height: var(--main-textarea-radius);
  6404. padding: 0 12px;
  6405. line-height: var(--main-textarea-radius);
  6406. background-color: var(--main-textarea-color);
  6407. border-radius: 0 0 var(--main-textarea-radius) var(--main-textarea-radius);
  6408. border: 1px solid var(--main-textarea-border);
  6409. border-top: none;
  6410. box-sizing: border-box;
  6411. text-align: right;
  6412. font-weight: 500; }
  6413. .counter-uAzbKp.chatCounter-XOMPsh {
  6414. position: relative;
  6415. bottom: auto;
  6416. margin-bottom: 12px; }
  6417. /* SUPPORTED PLUGINS -> HideChannels */
  6418. .sidebar-2K8pFh.hideElement .container-3baos1 {
  6419. background-color: var(--chat-color) !important; }
  6420. .sidebar-2K8pFh.hideElement + .chat-3bRxxu .typing-2GQL18 {
  6421. width: calc(100% + 240px);
  6422. left: -240px; }
  6423. /* SUPPORTED PLUGINS -> MemberCounter */
  6424. #MemberCount {
  6425. background-color: var(--main-color) !important; }
  6426. /* SUPPORTED PLUGINS -> PermissionsViewer */
  6427. #permissions-modal-wrapper #permissions-modal {
  6428. border-radius: var(--popout-radius-big) !important;
  6429. box-shadow: var(--shadow-3dp) !important;
  6430. border: none !important; }
  6431. #permissions-modal-wrapper .header {
  6432. background-color: var(--popout-color) !important;
  6433. padding: 16px !important;
  6434. box-shadow: none !important;
  6435. border-bottom: 1px solid var(--popout-header-border);
  6436. line-height: 20px !important;
  6437. font-size: 16px !important;
  6438. font-weight: 600 !important;
  6439. color: var(--header-primary) !important; }
  6440. #permissions-modal-wrapper .modal-body {
  6441. background-color: var(--popout-color) !important; }
  6442. #permissions-modal-wrapper .role-side {
  6443. padding: 0 0 16px 16px !important;
  6444. background-color: transparent !important;
  6445. border-right: 1px solid var(--popout-header-border); }
  6446. #permissions-modal-wrapper .perm-side {
  6447. padding: 0 0 16px 16px !important;
  6448. background-color: transparent !important; }
  6449. #permissions-modal-wrapper .role-item {
  6450. margin-bottom: 2px !important;
  6451. border-radius: 14px !important; }
  6452. #permissions-modal-wrapper .role-item:hover {
  6453. background-color: var(--menu-item-hover) !important; }
  6454. #permissions-modal-wrapper .role-item.selected {
  6455. background-color: var(--menu-item-select) !important; }
  6456. #permissions-modal-wrapper .perm-item {
  6457. position: relative;
  6458. border-bottom: none;
  6459. box-shadow: none !important; }
  6460. #permissions-modal-wrapper .perm-item:after {
  6461. position: absolute;
  6462. content: " ";
  6463. width: calc(100% - 34px);
  6464. height: 1px;
  6465. right: 0;
  6466. bottom: 0;
  6467. background-color: var(--card-border-color); }
  6468. #permissions-modal-wrapper .perm-item:last-of-type:after {
  6469. display: none; }
  6470. /* SUPPORTED PLUGINS -> PersonalPins */
  6471. .themedPopout-1TrfdI .header-2-Imhb {
  6472. padding-bottom: 0 !important; }
  6473. .themedPopout-1TrfdI .title-3pkaKd {
  6474. margin-top: 16px;
  6475. line-height: 36px;
  6476. font-weight: 500;
  6477. font-size: 16px; }
  6478. .themedPopout-1TrfdI .container-cMG81i {
  6479. margin-top: 16px; }
  6480. .themedPopout-1TrfdI .tab-ck0077 {
  6481. height: 32px;
  6482. margin-right: 16px;
  6483. padding: 0; }
  6484. .themedPopout-1TrfdI .tab-ck0077:first-child {
  6485. margin-right: 16px; }
  6486. .themedPopout-1TrfdI .quickSelectWrapper-UCfTKz {
  6487. margin-right: 16px;
  6488. font-weight: 500; }
  6489. /*
  6490. *
  6491. * ANIMATIONS
  6492. *
  6493. */
  6494. @keyframes top-pop-out {
  6495. from {
  6496. transform: translate(0, -20px);
  6497. opacity: 0; } }
  6498. @keyframes bottom-pop-out {
  6499. from {
  6500. transform: translate(0, 20px);
  6501. opacity: 0; } }
  6502. @keyframes show-user-status-right {
  6503. from {
  6504. transform: translateX(-3%) translateY(0%) translateZ(0px);
  6505. opacity: 0; } }
  6506. @keyframes show-user-status-left {
  6507. from {
  6508. transform: translateX(3%) translateY(0%) translateZ(0px);
  6509. opacity: 0; } }
  6510. @keyframes show-status {
  6511. from {
  6512. transform: translateY(100%) translateX(0%) translateZ(0px); } }
  6513. @keyframes status {
  6514. from {
  6515. transform: scale(0);
  6516. opacity: 0; } }
  6517. @keyframes opacity {
  6518. from {
  6519. opacity: 0; } }
  6520. @keyframes open-context-menu {
  6521. from {
  6522. transform: scale(1, 0.5); } }
  6523. @keyframes scale {
  6524. from {
  6525. transform: scale(0); } }
  6526. @keyframes streaming-flash {
  6527. 0% {
  6528. box-shadow: 0 0 0 0px rgba(var(--stream-flash), 0.4); }
  6529. 50% {
  6530. box-shadow: 0 0 0 4px rgba(var(--stream-flash), 0.65); }
  6531. 100% {
  6532. box-shadow: 0 0 0 8px rgba(var(--stream-flash), 0); } }
  6533. @keyframes audio-flash {
  6534. 0% {
  6535. box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 0 0 0px rgba(var(--accent-rgb), 0.4); }
  6536. 50% {
  6537. box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 0 0 6px rgba(var(--accent-rgb), 0.65); }
  6538. 100% {
  6539. box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 0 0 12px rgba(var(--accent-rgb), 0); } }
  6540. @keyframes shadowPulse-AwLIHr {
  6541. 0% {
  6542. box-shadow: 0 0 6px rgba(var(--accent-rgb), 0.3); }
  6543. 50% {
  6544. box-shadow: 0 0 10px rgba(var(--accent-rgb), 0.6); }
  6545. to {
  6546. box-shadow: 0 0 6px rgba(var(--accent-rgb), 0.3); } }
  6547. /*
  6548. *
  6549. * SCROLLBARS
  6550. *
  6551. */
  6552. ::-webkit-scrollbar {
  6553. width: 10px !important;
  6554. height: 10px !important; }
  6555. ::-webkit-scrollbar-track {
  6556. margin: 0 !important;
  6557. background: transparent !important;
  6558. border-radius: 0 !important; }
  6559. ::-webkit-scrollbar-track-piece {
  6560. border: 0 solid transparent !important;
  6561. background-color: transparent !important;
  6562. margin: 0; }
  6563. ::-webkit-scrollbar-thumb {
  6564. display: initial;
  6565. background-color: rgba(var(--scrollbar-color), 0.15) !important;
  6566. border: 0 solid transparent !important;
  6567. border-radius: 0 !important; }
  6568. ::-webkit-scrollbar-thumb:hover {
  6569. background-color: rgba(var(--scrollbar-color), 0.25) !important; }
  6570. ::-webkit-scrollbar-thumb:active {
  6571. background-color: rgba(var(--scrollbar-color), 0.3) !important; }
  6572. .wrapper-3NnKdC [class*="scroller"]::-webkit-scrollbar {
  6573. width: 0px !important; }
  6574. /*
  6575. *
  6576. * FONTS
  6577. *
  6578. */
  6579. /* FONTS -> GOOGLE SANS */
  6580. /* FONTS -> GOOGLE SANS -> 400 */
  6581. @font-face {
  6582. font-family: 'Google Sans';
  6583. font-style: normal;
  6584. font-weight: 400;
  6585. font-display: swap;
  6586. src: local("Google Sans Regular"), local("GoogleSans-Regular"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Regular-cyrillic.woff2) format("woff2");
  6587. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
  6588. @font-face {
  6589. font-family: 'Google Sans';
  6590. font-style: normal;
  6591. font-weight: 400;
  6592. font-display: swap;
  6593. src: local("Google Sans Regular"), local("GoogleSans-Regular"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Regular-greek.woff2) format("woff2");
  6594. unicode-range: U+0370-03FF; }
  6595. @font-face {
  6596. font-family: 'Google Sans';
  6597. font-style: normal;
  6598. font-weight: 400;
  6599. font-display: swap;
  6600. src: local("Google Sans Regular"), local("GoogleSans-Regular"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Regular-latinext.woff2) format("woff2");
  6601. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
  6602. @font-face {
  6603. font-family: 'Google Sans';
  6604. font-style: normal;
  6605. font-weight: 400;
  6606. font-display: swap;
  6607. src: local("Google Sans Regular"), local("GoogleSans-Regular"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Regular-latin.woff2) format("woff2");
  6608. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
  6609. /* FONTS -> GOOGLE SANS -> 500 */
  6610. @font-face {
  6611. font-family: 'Google Sans';
  6612. font-style: normal;
  6613. font-weight: 500;
  6614. font-display: swap;
  6615. src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Medium-cyrillic.woff2) format("woff2");
  6616. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
  6617. @font-face {
  6618. font-family: 'Google Sans';
  6619. font-style: normal;
  6620. font-weight: 500;
  6621. font-display: swap;
  6622. src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Medium-greek.woff2) format("woff2");
  6623. unicode-range: U+0370-03FF; }
  6624. @font-face {
  6625. font-family: 'Google Sans';
  6626. font-style: normal;
  6627. font-weight: 500;
  6628. font-display: swap;
  6629. src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Medium-latinext.woff2) format("woff2");
  6630. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
  6631. @font-face {
  6632. font-family: 'Google Sans';
  6633. font-style: normal;
  6634. font-weight: 500;
  6635. font-display: swap;
  6636. src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Medium-latin.woff2) format("woff2");
  6637. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
  6638. /* FONTS -> GOOGLE SANS -> 700 */
  6639. @font-face {
  6640. font-family: 'Google Sans';
  6641. font-style: normal;
  6642. font-weight: 700;
  6643. font-display: swap;
  6644. src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Bold-cyrillic.woff2) format("woff2");
  6645. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
  6646. @font-face {
  6647. font-family: 'Google Sans';
  6648. font-style: normal;
  6649. font-weight: 700;
  6650. font-display: swap;
  6651. src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Bold-greek.woff2) format("woff2");
  6652. unicode-range: U+0370-03FF; }
  6653. @font-face {
  6654. font-family: 'Google Sans';
  6655. font-style: normal;
  6656. font-weight: 700;
  6657. font-display: swap;
  6658. src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Bold-latinext.woff2) format("woff2");
  6659. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
  6660. @font-face {
  6661. font-family: 'Google Sans';
  6662. font-style: normal;
  6663. font-weight: 700;
  6664. font-display: swap;
  6665. src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Bold-latin.woff2) format("woff2");
  6666. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
  6667. /* FONTS -> GOOGLE SANS -> ITALIC */
  6668. /* FONTS -> GOOGLE SANS -> ITALIC -> 400 */
  6669. @font-face {
  6670. font-family: 'Google Sans';
  6671. font-style: italic;
  6672. font-weight: 400;
  6673. font-display: swap;
  6674. src: local("Google Sans Italic"), local("GoogleSans-Italic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-cyrillic.woff2) format("woff2");
  6675. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
  6676. @font-face {
  6677. font-family: 'Google Sans';
  6678. font-style: italic;
  6679. font-weight: 400;
  6680. font-display: swap;
  6681. src: local("Google Sans Italic"), local("GoogleSans-Italic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-greek.woff2) format("woff2");
  6682. unicode-range: U+0370-03FF; }
  6683. @font-face {
  6684. font-family: 'Google Sans';
  6685. font-style: italic;
  6686. font-weight: 400;
  6687. font-display: swap;
  6688. src: local("Google Sans Italic"), local("GoogleSans-Italic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-latinext.woff2) format("woff2");
  6689. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
  6690. @font-face {
  6691. font-family: 'Google Sans';
  6692. font-style: italic;
  6693. font-weight: 400;
  6694. font-display: swap;
  6695. src: local("Google Sans Italic"), local("GoogleSans-Italic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-latin.woff2) format("woff2");
  6696. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
  6697. /* FONTS -> GOOGLE SANS -> ITALIC -> 500 */
  6698. @font-face {
  6699. font-family: 'Google Sans';
  6700. font-style: italic;
  6701. font-weight: 500;
  6702. font-display: swap;
  6703. src: local("Google Sans Medium Italic"), local("GoogleSans-MediumItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-cyrillic.woff2) format("woff2");
  6704. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
  6705. @font-face {
  6706. font-family: 'Google Sans';
  6707. font-style: italic;
  6708. font-weight: 500;
  6709. font-display: swap;
  6710. src: local("Google Sans Medium Italic"), local("GoogleSans-MediumItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-greek.woff2) format("woff2");
  6711. unicode-range: U+0370-03FF; }
  6712. @font-face {
  6713. font-family: 'Google Sans';
  6714. font-style: italic;
  6715. font-weight: 500;
  6716. font-display: swap;
  6717. src: local("Google Sans Medium Italic"), local("GoogleSans-MediumItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-latinext.woff2) format("woff2");
  6718. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
  6719. @font-face {
  6720. font-family: 'Google Sans';
  6721. font-style: italic;
  6722. font-weight: 500;
  6723. font-display: swap;
  6724. src: local("Google Sans Medium Italic"), local("GoogleSans-MediumItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-latin.woff2) format("woff2");
  6725. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
  6726. /* FONTS -> GOOGLE SANS -> ITALIC -> 700 */
  6727. @font-face {
  6728. font-family: 'Google Sans';
  6729. font-style: italic;
  6730. font-weight: 700;
  6731. font-display: swap;
  6732. src: local("Google Sans Bold Italic"), local("GoogleSans-BoldItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-cyrillic.woff2) format("woff2");
  6733. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
  6734. @font-face {
  6735. font-family: 'Google Sans';
  6736. font-style: italic;
  6737. font-weight: 700;
  6738. font-display: swap;
  6739. src: local("Google Sans Bold Italic"), local("GoogleSans-BoldItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-greek.woff2) format("woff2");
  6740. unicode-range: U+0370-03FF; }
  6741. @font-face {
  6742. font-family: 'Google Sans';
  6743. font-style: italic;
  6744. font-weight: 700;
  6745. font-display: swap;
  6746. src: local("Google Sans Bold Italic"), local("GoogleSans-BoldItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-latinext.woff2) format("woff2");
  6747. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
  6748. @font-face {
  6749. font-family: 'Google Sans';
  6750. font-style: italic;
  6751. font-weight: 700;
  6752. font-display: swap;
  6753. src: local("Google Sans Bold Italic"), local("GoogleSans-BoldItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-latin.woff2) format("woff2");
  6754. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }