XZTablets

Untitled

Apr 15th, 2021
1,090
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. :root {
  2.   --TB-top: calc(var(--server-container) + var(--window-padding));
  3.   --TB-tr-roundness: var(--window-roundness);
  4.   --TB-position-top: var(--TB-top, var(--window-padding));
  5.   --TB-position-right: var(--window-padding);
  6.   --tint: rgba(var(--tint-colour), var(--tint-brightness));
  7.   --white-half: rgba(255,255,255,0.025);
  8.   --white: rgba(255,255,255,0.05);
  9.   --white-double: rgba(255,255,255,0.1);
  10.   --white-triple: rgba(255,255,255,0.15);
  11.   --gradient: linear-gradient(var(--gradient-direction), rgb(var(--gradient-primary)), rgb(var(--gradient-secondary)));
  12.   --gradient-20: linear-gradient(var(--gradient-direction), rgba(var(--gradient-primary), 0.2), rgba(var(--gradient-secondary), 0.2));
  13.   --gradient-50: linear-gradient(var(--gradient-direction), rgba(var(--gradient-primary), 0.5), rgba(var(--gradient-secondary), 0.5));
  14.   --gradient-90: linear-gradient(var(--gradient-direction), rgba(var(--gradient-primary), 0.9), rgba(var(--gradient-secondary), 0.9));
  15.   --text-shadow: 1;
  16.   --chat-embed: var(--background-secondary);
  17.   --discord-green: 67,181,129;
  18.   --discord-yellow: 219,171,9;
  19.   --discord-red: 215,58,73;
  20.   --discord-purple: 89,54,149;
  21.   --discord-invisible: 117,128,142;
  22.   --discord-nitro: 255,115,250;
  23.   --discord-blurple: 114,137,218;
  24.   --discord-spotify: 29,185,84;
  25.   --discord-twitch: 89,54,149;
  26.   --discord-xbox: 16,124,16;
  27.   --version: "Frosted Glass 2.0.8";
  28. }
  29.  
  30. .theme-dark {
  31.   --header-primary: #fff;
  32.   --header-secondary: #bbb;
  33.   --text-normal: #fff;
  34.   --text-default: #ddd;
  35.   --text-muted: #aaa;
  36.   --text-link: #00b0f4;
  37.   --channels-default: #ddd;
  38.   --interactive-normal: #bbb;
  39.   --interactive-hover: #eee;
  40.   --interactive-active: #fff;
  41.   --interactive-muted: #777;
  42.   --background-primary: transparent;
  43.   --background-secondary: rgba(0,0,0,0.3);
  44.   --background-secondary-alt: transparent;
  45.   --background-tertiary: transparent;
  46.   --background-accent: #4f545c;
  47.   --background-floating: transparent;
  48.   --background-mobile-primary: #36393f;
  49.   --background-mobile-secondary: #2f3136;
  50.   --background-modifier-hover: rgba(255,255,255,0.05);
  51.   --background-modifier-active: rgba(255,255,255,0.07);
  52.   --background-modifier-selected: rgba(255,255,255,0.1);
  53.   --background-modifier-accent: rgba(255,255,255,0.1);
  54.   --background-mentioned: rgba(250,166,26,0.05);
  55.   --background-mentioned-hover: rgba(250,166,26,0.08);
  56.   --background-message-hover: rgba(4,4,5,0.07);
  57.   --elevation-stroke: 0 0 0 1px rgba(4,4,5,0.15);
  58.   --elevation-low: 0 1px 0 rgba(4,4,5,0.2),0 1.5px 0 rgba(6,6,7,0.05),0 2px 0 rgba(4,4,5,0.05);
  59.   --elevation-medium: 0 4px 4px rgba(0,0,0,0.16);
  60.   --elevation-high: 0 8px 16px rgba(0,0,0,0.24);
  61.   --logo-primary: #fff;
  62.   --guild-header-text-shadow: 0 1px 1px rgba(0,0,0,0.4);
  63.   --channeltextarea-background: rgba(255,255,255,0.05);
  64.   --activity-card-background: #202225;
  65.   --textbox-markdown-syntax: #8e9297;
  66.   --deprecated-card-bg: rgba(0,0,0,0.3);
  67.   --deprecated-card-editable-bg: rgba(0,0,0,0.3);
  68.   --deprecated-store-bg: #36393f;
  69.   --deprecated-quickswitcher-input-background: var(--channeltextarea-background);
  70.   --deprecated-quickswitcher-input-placeholder: rgba(255,255,255,0.5);
  71.   --deprecated-text-input-bg: rgba(0,0,0,0.1);
  72.   --deprecated-text-input-border: rgba(0,0,0,0.3);
  73.   --deprecated-text-input-border-hover: #040405;
  74.   --deprecated-text-input-border-disabled: #202225;
  75.   --deprecated-text-input-prefix: #dcddde;
  76.   --text-link: var(--link-colour);
  77. }
  78.  
  79. #app-mount:before {
  80.   content: "";
  81.   background: var(--background-image);
  82.   background-position: var(--background-image-position, center);
  83.   background-size: var(--background-image-size, cover);
  84.   position: absolute;
  85.   height: calc(100vh + (var(--background-image-blur) * 2));
  86.   width: calc(100vw + (var(--background-image-blur) * 2));
  87.   top: 50%;
  88.   left: 50%;
  89.   transform: translate(-50%, -50%);
  90. }
  91.  
  92. #app-mount .layers-3iHuyZ {
  93.   margin: var(--window-padding);
  94.   overflow: hidden;
  95.   border-radius: var(--window-roundness);
  96. }
  97. #app-mount .layer-3QrUeG {
  98.   background: var(--tint);
  99. }
  100. #app-mount .base-3dtUhz:before {
  101.   content: "";
  102.   position: absolute;
  103.   height: 5px;
  104.   width: 100%;
  105.   background: linear-gradient(rgba(0, 0, 0, 0.2), transparent);
  106.   z-index: 1;
  107.   top: 48px;
  108.   pointer-events: none;
  109.   -webkit-user-select: none;
  110.           user-select: none;
  111. }
  112. #app-mount .botTagRegular-2HEhHi {
  113.   background: var(--gradient);
  114.   color: var(--text-normal);
  115.   margin-top: 0;
  116. }
  117. #app-mount .botText-1526X_ {
  118.   font-weight: 600;
  119. }
  120. #app-mount .botTagInvert-18-95s {
  121.   color: rgb(var(--gradient-primary));
  122. }
  123. #app-mount .botTagInvert-18-95s .botText-1526X_ {
  124.   font-weight: bold;
  125. }
  126.  
  127. ::selection {
  128.   background: rgb(var(--gradient-primary));
  129.   color: var(--text-normal);
  130. }
  131.  
  132. #app-mount .app-2rEoOp::before {
  133.   content: "Your version of Frosted Glass is outdated. Please redownload";
  134.   white-space: pre-wrap;
  135.   display: var(--update-notice-1, block);
  136.   color: #fff;
  137.   text-align: center;
  138.   padding: 10px 0;
  139.   box-sizing: border-box;
  140.   background: rgb(var(--discord-blurple), 0.7);
  141.   text-shadow: 0 2px 3px rgba(0, 0, 0, var(--text-shadow));
  142. }
  143.  
  144. ::-webkit-scrollbar {
  145.   width: 8px !important;
  146.   height: 8px !important;
  147. }
  148.  
  149. ::-webkit-scrollbar,
  150. ::-webkit-scrollbar-track,
  151. ::-webkit-scrollbar-track-piece {
  152.   border-color: transparent !important;
  153.   background: transparent !important;
  154. }
  155.  
  156. ::-webkit-scrollbar-thumb {
  157.   border-radius: 10px !important;
  158.   border: none !important;
  159.   background-clip: content-box !important;
  160.   background: var(--scrollbar-colour) !important;
  161. }
  162.  
  163. ::-webkit-scrollbar-corner {
  164.   visibility: hidden !important;
  165. }
  166.  
  167. .scrollerThemed-2oenus.themeHidden-2yP93k .scroller-2FKFPG::-webkit-scrollbar,
  168. .scrollerThemed-2oenus.themeHidden-2yP93k .scroller-2FKFPG::-webkit-scrollbar-corner,
  169. .scrollerThemed-2oenus.themeHidden-2yP93k .scroller-2FKFPG::-webkit-scrollbar-thumb,
  170. .scrollerThemed-2oenus.themeHidden-2yP93k .scroller-2FKFPG::-webkit-scrollbar-track {
  171.   display: none !important;
  172. }
  173.  
  174. ::-webkit-input-placeholder, body, button, input, select, textarea {
  175.   font-family: var(--font, "Whitney");
  176. }
  177.  
  178. #app-mount .tooltip-2QfLtc {
  179.   color: var(--text-normal);
  180.   text-align: center;
  181.   font-weight: 600;
  182. }
  183. #app-mount .tooltipPrimary-1d1ph4 {
  184.   background: var(--gradient);
  185. }
  186. #app-mount .tooltipPrimary-1d1ph4 .tooltipPointer-3ZfirK {
  187.   display: none;
  188. }
  189.  
  190. #app-mount .layers-3iHuyZ:before {
  191.   content: "";
  192.   background: var(--background-image);
  193.   background-position: var(--background-image-position, center);
  194.   background-size: var(--background-image-size, cover);
  195.   background-repeat: var(--background-image-repeat, no-repeat);
  196.   height: calc(100vh + (var(--background-image-blur) * 2));
  197.   width: calc(100vw + (var(--background-image-blur) * 2));
  198.   top: 50%;
  199.   left: 50%;
  200.   transform: translate(-50%, -50%);
  201.   position: absolute;
  202.   filter: blur(var(--background-image-blur));
  203.   pointer-events: none;
  204.   -webkit-user-select: none;
  205.           user-select: none;
  206. }
  207. #app-mount [role=menu],
  208. #app-mount .autocompleteInner-zh20B_,
  209. #app-mount .container-3ayLPN,
  210. #app-mount .container-enaOkj,
  211. #app-mount .container-2dqNWc,
  212. #app-mount .contextMenu-HLZMGh:not(.scroller-2FKFPG),
  213. #app-mount .emojiPicker-3PwZFl,
  214. #app-mount .messagesPopoutWrap-1MQ1bW,
  215. #app-mount .modal-yWgWj-:not(.slide-2pHaq5),
  216. #app-mount .root-1gCeng:not(.fullscreenOnMobile-1bD22y),
  217. #app-mount .root-SR8cQa,
  218. #app-mount .subMenuContext-2n_9YM .scrollerWrap-2lJEkd,
  219. #app-mount .userPopout-3XzG_A,
  220. #app-mount section.positionContainer-3unAXC .drawerSizingWrapper-27qFHb,
  221. #app-mount .quickswitcher-3JagVE,
  222. #app-mount .root-1gCeng.wrapper-2ZbzR9,
  223. #app-mount .modalRoot-1Kx4Hb,
  224. #app-mount .container-3JTnYm.thin-1ybCId.scrollerBase-289Jih,
  225. #app-mount .popoutContainer-1MXdqN,
  226. #app-mount .root-1gCeng:not(.modal-qgFCbT),
  227. #app-mount .container-3XJ8ns {
  228.   overflow: hidden !important;
  229.   position: relative;
  230.   border-radius: 3px;
  231. }
  232. #app-mount [role=menu]:before,
  233. #app-mount .autocompleteInner-zh20B_:before,
  234. #app-mount .container-3ayLPN:before,
  235. #app-mount .container-enaOkj:before,
  236. #app-mount .container-2dqNWc:before,
  237. #app-mount .contextMenu-HLZMGh:not(.scroller-2FKFPG):before,
  238. #app-mount .emojiPicker-3PwZFl:before,
  239. #app-mount .messagesPopoutWrap-1MQ1bW:before,
  240. #app-mount .modal-yWgWj-:not(.slide-2pHaq5):before,
  241. #app-mount .root-1gCeng:not(.fullscreenOnMobile-1bD22y):before,
  242. #app-mount .root-SR8cQa:before,
  243. #app-mount .subMenuContext-2n_9YM .scrollerWrap-2lJEkd:before,
  244. #app-mount .userPopout-3XzG_A:before,
  245. #app-mount section.positionContainer-3unAXC .drawerSizingWrapper-27qFHb:before,
  246. #app-mount .quickswitcher-3JagVE:before,
  247. #app-mount .root-1gCeng.wrapper-2ZbzR9:before,
  248. #app-mount .modalRoot-1Kx4Hb:before,
  249. #app-mount .container-3JTnYm.thin-1ybCId.scrollerBase-289Jih:before,
  250. #app-mount .popoutContainer-1MXdqN:before,
  251. #app-mount .root-1gCeng:not(.modal-qgFCbT):before,
  252. #app-mount .container-3XJ8ns:before {
  253.   content: "";
  254.   background: linear-gradient(var(--tint), var(--tint)), var(--popout-modal-image);
  255.   background-position: var(--popout-modal-position, center);
  256.   background-size: var(--popout-modal-size, cover);
  257.   background-attachment: var(--popout-modal-attachment, fixed);
  258.   background-repeat: var(--popout-modal-repeat, no-repeat);
  259.   box-shadow: inset 0 0 0 100vmax rgba(0, 0, 0, var(--popout-modal-brightness));
  260.   height: calc(100% + var(--popout-modal-blur) * 5);
  261.   width: calc(100% + var(--popout-modal-blur) * 5);
  262.   top: calc(var(--popout-modal-blur) / -1 * 2.5);
  263.   left: calc(var(--popout-modal-blur) / -1 * 2.5);
  264.   position: absolute;
  265.   filter: blur(var(--popout-modal-blur));
  266.   pointer-events: none;
  267.   -webkit-user-select: none;
  268.           user-select: none;
  269.   z-index: -1;
  270. }
  271.  
  272. #app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6,
  273. #app-mount .lookGhost-2Fn_0-.colorGrey-2DXtkV,
  274. #app-mount .lookInverted-2D7oAl.colorBrand-3pXr91,
  275. #app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6,
  276. #app-mount .lookOutlined-3sRXeN.colorWhite-rEQuAQ {
  277.   background-color: var(--white);
  278.   color: var(--text-normal);
  279.   border-color: transparent;
  280.   transition: 0.2s ease;
  281. }
  282. #app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover,
  283. #app-mount .lookGhost-2Fn_0-.colorGrey-2DXtkV:hover,
  284. #app-mount .lookInverted-2D7oAl.colorBrand-3pXr91:hover,
  285. #app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover,
  286. #app-mount .lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover {
  287.   background: var(--white-double);
  288. }
  289. #app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6:active,
  290. #app-mount .lookGhost-2Fn_0-.colorGrey-2DXtkV:active,
  291. #app-mount .lookInverted-2D7oAl.colorBrand-3pXr91:active,
  292. #app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6:active,
  293. #app-mount .lookOutlined-3sRXeN.colorWhite-rEQuAQ:active {
  294.   background: var(--white-triple);
  295. }
  296. #app-mount .actionRed-gYn8D3,
  297. #app-mount .colorRed-1TFJan {
  298.   background: rgba(var(--discord-red), 0.5);
  299.   border: none;
  300.   color: #fff;
  301.   transition: 0.2s ease;
  302. }
  303. #app-mount .actionRed-gYn8D3:active, #app-mount .actionRed-gYn8D3:hover,
  304. #app-mount .colorRed-1TFJan:active,
  305. #app-mount .colorRed-1TFJan:hover {
  306.   background: rgb(var(--discord-red));
  307. }
  308. #app-mount .lookFilled-1Gx00P.colorGreen-29iAKY {
  309.   background: rgba(var(--discord-green), 0.4);
  310.   transition: 0.2s ease;
  311. }
  312. #app-mount .lookFilled-1Gx00P.colorGreen-29iAKY:active, #app-mount .lookFilled-1Gx00P.colorGreen-29iAKY:hover {
  313.   background: rgb(var(--discord-green));
  314. }
  315. #app-mount .lookInverted-2D7oAl.colorGreen-29iAKY {
  316.   background: var(--white);
  317. }
  318. #app-mount .lookInverted-2D7oAl.colorGreen-29iAKY:hover {
  319.   background: var(--white-double);
  320. }
  321. #app-mount .lookInverted-2D7oAl.colorGreen-29iAKY:active {
  322.   background: var(--white-triple);
  323. }
  324. #app-mount .bd-pfbtn,
  325. #app-mount .lookFilled-1Gx00P.colorBrand-3pXr91 {
  326.   background: var(--gradient);
  327. }
  328. #app-mount .lookLink-9FtZy-.colorBrand-3pXr91 {
  329.   color: rgb(var(--gradient-primary));
  330.   opacity: 1;
  331. }
  332. #app-mount .lookOutlined-3sRXeN.colorBrand-3pXr91 {
  333.   background: rgba(var(--discord-blurple), 0.3);
  334.   border: transparent;
  335.   transition: 0.2s ease;
  336.   color: #fff;
  337. }
  338. #app-mount .lookOutlined-3sRXeN.colorBrand-3pXr91:active, #app-mount .lookOutlined-3sRXeN.colorBrand-3pXr91:hover {
  339.   background: rgb(var(--discord-blurple));
  340. }
  341. #app-mount .bd-search-wrapper,
  342. #app-mount .input-cIJ7To:not(.searchBoxInput-K6mkng) {
  343.   background: var(--background-secondary);
  344.   border-color: transparent;
  345.   color: var(--text-normal);
  346. }
  347. #app-mount .bd-search-wrapper::placeholder,
  348. #app-mount .input-cIJ7To:not(.searchBoxInput-K6mkng)::placeholder {
  349.   color: rgba(255, 255, 255, 0.5);
  350. }
  351. #app-mount .bd-search::placeholder {
  352.   color: rgba(255, 255, 255, 0.5);
  353. }
  354. #app-mount .item-26Dhrx {
  355.   border: none;
  356.   background: var(--background-secondary);
  357. }
  358. #app-mount .item-26Dhrx .checkbox-1ix_J3 {
  359.   border: none;
  360.   background: var(--white-double);
  361. }
  362. #app-mount .item-26Dhrx .checkbox-1ix_J3.checked-3_4uQ9 {
  363.   background: var(--text-normal) !important;
  364. }
  365. #app-mount .item-26Dhrx[style*="rgb(114, 137, 218)"] {
  366.   background: var(--gradient) !important;
  367. }
  368. #app-mount .item-26Dhrx[style*="rgb(114, 137, 218)"] .checkbox-1ix_J3 {
  369.   background: var(--text-normal);
  370. }
  371. #app-mount .item-26Dhrx[style*="rgb(114, 137, 218)"] polyline {
  372.   stroke: rgb(var(--gradient-primary));
  373. }
  374. #app-mount .item-26Dhrx[style*="rgb(240, 71, 71)"] .checkbox-1ix_J3, #app-mount .item-26Dhrx[style*="rgb(250, 166, 26)"] .checkbox-1ix_J3, #app-mount .item-26Dhrx[style*="rgb(67, 181, 129)"] .checkbox-1ix_J3 {
  375.   background: var(--text-normal);
  376. }
  377. #app-mount .bd-switch,
  378. #app-mount .valueUnchecked-2lU_20 {
  379.   background: var(--white-double);
  380. }
  381. #app-mount .bd-switch-checked,
  382. #app-mount .themeDefault-24hCdX.valueChecked-m-4IJZ {
  383.   background: var(--gradient);
  384. }
  385. #app-mount .checkboxElement-1qV33p:checked + span {
  386.   border-color: rgb(var(--gradient-primary));
  387.   background: rgb(var(--gradient-primary));
  388. }
  389. #app-mount .checkbox-3s5GYZ {
  390.   color: rgb(var(--gradient-primary));
  391. }
  392. #app-mount .checkbox-1ix_J3 {
  393.   background: var(--white);
  394.   border: none;
  395. }
  396. #app-mount .checkbox-1ix_J3.checked-3_4uQ9 {
  397.   background: var(--gradient) !important;
  398.   border: none !important;
  399. }
  400. #app-mount [class*=css][class*=control], #app-mount .select-1Pkeg4 {
  401.   background: var(--background-secondary);
  402.   border-color: transparent;
  403. }
  404. #app-mount [class*=css][class*=placeholder] {
  405.   color: rgba(255, 255, 255, 0.5);
  406.   opacity: 1;
  407. }
  408. #app-mount .bar-2Qqk5Z {
  409.   background: var(--white-double);
  410. }
  411. #app-mount .barFill-23-gu- {
  412.   background: var(--gradient);
  413. }
  414. #app-mount .container-1nZlH6 {
  415.   background: var(--background-secondary);
  416.   border-color: transparent;
  417. }
  418.  
  419. #app-mount .title-3qD0b- .searchBar-3dMhjb {
  420.   background: var(--background-secondary);
  421. }
  422.  
  423. #app-mount .notice-3bPHh- {
  424.   height: 48px;
  425.   display: flex;
  426.   align-items: center;
  427.   justify-content: center;
  428.   border-radius: 0;
  429.   box-shadow: none;
  430. }
  431. #app-mount .notice-3bPHh- .button-2DhvE9 {
  432.   top: 0;
  433.   background: var(--white);
  434.   border-color: transparent;
  435.   color: #fff;
  436. }
  437. #app-mount .notice-3bPHh- .button-2DhvE9:hover {
  438.   background: var(--white-double);
  439. }
  440. #app-mount .notice-3bPHh- .button-2DhvE9:active {
  441.   background: var(--white-triple);
  442. }
  443. #app-mount .closeButton-3cJIM4 {
  444.   right: unset;
  445.   left: 0;
  446.   height: 48px;
  447. }
  448. #app-mount .noticeStreamerMode-2TSQpg {
  449.   background: rgba(var(--discord-twitch), 0.6);
  450. }
  451.  
  452. #app-mount .guilds-1SWlCJ {
  453.   background-color: transparent;
  454. }
  455. #app-mount .guilds-1SWlCJ .scrollerBase-289Jih {
  456.   background-color: rgba(0, 0, 0, var(--serverlist-brightness));
  457. }
  458. #app-mount .guilds-1SWlCJ .scrollerBase-289Jih::-webkit-scrollbar {
  459.   display: none;
  460. }
  461.  
  462. #app-mount .guilds-1SWlCJ [class*=expandedFolderBackground] {
  463.   background: var(--white);
  464. }
  465. #app-mount .guilds-1SWlCJ [class*=folder] {
  466.   background: transparent;
  467. }
  468.  
  469. #app-mount .guilds-1SWlCJ .tutorialContainer-2sGCg9 .childWrapper-anI2G9 {
  470.   background: var(--gradient);
  471.   background-color: transparent;
  472. }
  473. #app-mount .guilds-1SWlCJ .tutorialContainer-2sGCg9 .wrapper-1BJsBx:before {
  474.   content: "";
  475.   border-radius: 50%;
  476.   position: absolute;
  477.   background: var(--home-button-image, url("https://gibbu.github.io/BetterDiscord-Themes/FrostedGlass/assets/discord.svg"));
  478.   background-size: var(--home-button-size, cover);
  479.   background-position: var(--home-button-position, center);
  480.   height: 100%;
  481.   width: 100%;
  482.   transition: 0.2s ease;
  483. }
  484. #app-mount .guilds-1SWlCJ .tutorialContainer-2sGCg9 .wrapper-1BJsBx.selected-bZ3Lue:before {
  485.   border-radius: 30%;
  486. }
  487. #app-mount .guilds-1SWlCJ .tutorialContainer-2sGCg9 .homeIcon-FuNwkv {
  488.   display: none;
  489. }
  490. #app-mount .guilds-1SWlCJ .selected-bZ3Lue .acronym-2mOFsV {
  491.   background: var(--white-double);
  492. }
  493. #app-mount .guilds-1SWlCJ .acronym-2mOFsV {
  494.   background: var(--white);
  495. }
  496. #app-mount .guilds-1SWlCJ .acronym-2mOFsV:hover {
  497.   background: var(--white-double);
  498. }
  499. #app-mount .guilds-1SWlCJ [class*=circleIconButton] {
  500.   background: var(--white);
  501.   color: rgb(var(--gradient-primary));
  502. }
  503. #app-mount .guilds-1SWlCJ [class*=circleIconButton].selected-ugP_am, #app-mount .guilds-1SWlCJ [class*=circleIconButton]:hover {
  504.   background: var(--white-double);
  505.   color: var(--text-normal);
  506. }
  507.  
  508. #app-mount .sidebar-2K8pFh {
  509.   border-radius: 0;
  510.   background: rgba(0, 0, 0, var(--left-brightness));
  511. }
  512. #app-mount .sidebar-2K8pFh .container-3w7J-x,
  513. #app-mount .sidebar-2K8pFh .privateChannels-1nO12o,
  514. #app-mount .sidebar-2K8pFh .scroller-1JbKMe {
  515.   background-color: transparent;
  516. }
  517. #app-mount .sidebar-2K8pFh [role=list] > div[style="width: 100%; height: 84px; visibility: hidden;"] {
  518.   height: 120px !important;
  519. }
  520.  
  521. #app-mount .header-2o-2hj {
  522.   background: transparent;
  523.   box-shadow: none;
  524. }
  525. #app-mount .animatedContainer-1pJv5C {
  526.   -webkit-mask: linear-gradient(rgba(0, 0, 0, 0.9) 60%, rgba(0, 0, 0, 0) 100%) !important;
  527.   top: 48px;
  528.   background: transparent;
  529. }
  530.  
  531. #app-mount .containerDefault--pIXnN .modeUnread-1qO3K1 .content-1x5b-n {
  532.   background: var(--white);
  533. }
  534. #app-mount .containerDefault--pIXnN .wrapper-1ucjTd:hover .content-1x5b-n {
  535.   background: var(--background-modifier-hover);
  536. }
  537. #app-mount .containerDefault--pIXnN .wrapper-1ucjTd:hover .content-1x5b-n .icon-1DeIlz {
  538.   color: var(--interactive-hover);
  539. }
  540. #app-mount .containerDefault--pIXnN.selected-3LIHYU .content-1x5b-n {
  541.   background: var(--gradient) !important;
  542. }
  543. #app-mount .containerDefault--pIXnN.selected-3LIHYU .content-1x5b-n .icon-1DeIlz {
  544.   color: var(--text-normal);
  545. }
  546. #app-mount .users-i_3-kL {
  547.   background: var(--white);
  548.   padding: 0 5px;
  549.   width: auto;
  550. }
  551. #app-mount .total-3tKGEB {
  552.   background: var(--white-double);
  553.   padding: 0 5px;
  554.   width: auto;
  555. }
  556. #app-mount .containerUserOver-2mv1jO:after {
  557.   background: var(--gradient-20);
  558.   border: 2px solid rgb(var(--gradient-primary));
  559. }
  560.  
  561. #app-mount .channel-2QD9_O.selected-aXhQR6 .layout-2DM8Md {
  562.   background: var(--gradient);
  563. }
  564.  
  565. #app-mount .panels-j1Uci_ {
  566.   background: transparent;
  567. }
  568. #app-mount .panels-j1Uci_ .lookFilled-1Gx00P.colorBrand-3pXr91 {
  569.   background: var(--white);
  570. }
  571. #app-mount .panels-j1Uci_ .lookFilled-1Gx00P.colorBrand-3pXr91:hover {
  572.   background: var(--white-double);
  573. }
  574. #app-mount .panels-j1Uci_ .lookFilled-1Gx00P.colorBrand-3pXr91:active {
  575.   background: var(--white-triple);
  576. }
  577. #app-mount .container-1giJp5 {
  578.   border-bottom: none;
  579. }
  580.  
  581. #app-mount .unread-1xRYoj {
  582.   background: var(--gradient);
  583. }
  584.  
  585. #app-mount .content-yTz4x3:before {
  586.   content: none;
  587. }
  588. #app-mount .chat-3bRxxu {
  589.   background: rgba(0, 0, 0, var(--middle-brightness));
  590. }
  591. #app-mount .messages-3amgkR {
  592.   background-color: transparent;
  593.   text-shadow: 0 2px 5px rgba(0, 0, 0, var(--text-shadow));
  594. }
  595. #app-mount .newMessagesBar-265mhP {
  596.   background: var(--gradient);
  597.   opacity: 1;
  598.   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  599. }
  600. #app-mount .jumpToPresentBar-G1R9s6 {
  601.   border-radius: 8px;
  602.   background-color: var(--white-double);
  603.   padding-bottom: 0;
  604.   bottom: 10px;
  605. }
  606. #app-mount .jumpToPresentBar-G1R9s6:hover {
  607.   background-color: var(--white-triple);
  608. }
  609.  
  610. #app-mount .cozy-3raOZG .header-23xsNx {
  611.   margin-left: 0;
  612.   padding-left: 0;
  613. }
  614. #app-mount .message-2qRu38 {
  615.   background: transparent;
  616.   box-shadow: none;
  617. }
  618. #app-mount .message-2qnXI6 {
  619.   background: transparent !important;
  620. }
  621. #app-mount .message-2qnXI6 .reaction-1hd86g {
  622.   background: var(--white);
  623. }
  624. #app-mount .message-2qnXI6 .reaction-1hd86g.reactionMe-wv5HKu {
  625.   background: var(--gradient);
  626. }
  627. #app-mount .message-2qnXI6 .reaction-1hd86g.reactionMe-wv5HKu .reactionCount-2mvXRV {
  628.   color: var(--text-normal);
  629. }
  630. #app-mount .message-2qnXI6 .wrapper-2aW0bm {
  631.   background: var(--background-secondary);
  632. }
  633. #app-mount .message-2qnXI6 .attachment-33OFj0,
  634. #app-mount .message-2qnXI6 .wrapperAudio-1jDe0Q,
  635. #app-mount .message-2qnXI6 code {
  636.   background-color: var(--chat-embed);
  637.   border: none;
  638. }
  639. #app-mount .message-2qnXI6 .embedFull-2tM8-- {
  640.   background-color: var(--chat-embed);
  641. }
  642. #app-mount .hljs {
  643.   color: var(--text-default);
  644. }
  645. #app-mount .mentioned-xhSam7 {
  646.   background: var(--gradient-20) !important;
  647. }
  648. #app-mount .mentioned-xhSam7:before {
  649.   background: var(--gradient);
  650. }
  651. #app-mount .wrapper-3WhCwL {
  652.   background: var(--gradient);
  653.   color: var(--text-normal);
  654. }
  655.  
  656. #app-mount .form-2fGMdU {
  657.   margin-top: 0;
  658. }
  659. #app-mount .form-2fGMdU .attachButton-2WznTc {
  660.   padding: 10px;
  661. }
  662. #app-mount .form-2fGMdU .placeholder-37qJjk,
  663. #app-mount .form-2fGMdU .slateTextArea-1Mkdgw {
  664.   padding-left: 5px;
  665. }
  666. #app-mount .form-2fGMdU .buttonWrapper-1ZmCpA.button-38aScr.lookBlank-3eh9lL.colorBrand-3pXr91.grow-q77ONN.noFocus-2C7BQj {
  667.   display: var(--show-gift-gif-buttons);
  668. }
  669.  
  670. #app-mount .divider-JfaTT5 {
  671.   border: none;
  672. }
  673. #app-mount .divider-JfaTT5 .content-1o0f9g {
  674.   display: flex;
  675.   width: 100%;
  676.   justify-content: center;
  677.   align-items: center;
  678.   color: var(--text-muted);
  679. }
  680. #app-mount .divider-JfaTT5 .content-1o0f9g:before, #app-mount .divider-JfaTT5 .content-1o0f9g:after {
  681.   content: "";
  682.   flex: 1;
  683.   height: 1px;
  684.   display: block;
  685.   background: var(--background-modifier-accent);
  686. }
  687. #app-mount .divider-JfaTT5 .content-1o0f9g:before {
  688.   margin-right: 10px;
  689. }
  690. #app-mount .divider-JfaTT5 .content-1o0f9g:after {
  691.   margin-left: 10px;
  692. }
  693. #app-mount .divider-JfaTT5.isUnread-3Ef-o9 {
  694.   border-top: 1px solid rgb(var(--discord-red));
  695. }
  696.  
  697. #app-mount .wrapper-2qzCYF.minimum-28Z35l {
  698.   background: var(--background-secondary);
  699. }
  700. #app-mount .centerButton-3CaNcJ {
  701.   background: var(--white);
  702. }
  703. #app-mount .centerButton-3CaNcJ:hover {
  704.   background: var(--white-double);
  705. }
  706. #app-mount .controlButton-2MhVEL.leaveButton-2YnTyt {
  707.   background: rgba(var(--discord-red), 0.5);
  708. }
  709. #app-mount .controlButton-2MhVEL.leaveButton-2YnTyt:hover {
  710.   background: rgb(var(--discord-red));
  711. }
  712. #app-mount .quickSelect-3BxO0K {
  713.   margin-top: 10px;
  714. }
  715.  
  716. #app-mount .members-1998pB {
  717.   background-color: rgba(0, 0, 0, var(--right-brightness));
  718. }
  719. #app-mount .members-1998pB > div {
  720.   background: transparent;
  721. }
  722.  
  723. #app-mount .member-3-YXUe.selected-aXhQR6 .layout-2DM8Md {
  724.   background: var(--gradient);
  725. }
  726. #app-mount .member-3-YXUe.selected-aXhQR6 .roleColor-rz2vM0 {
  727.   color: var(--text-normal) !important;
  728. }
  729. #app-mount .member-3-YXUe.selected-aXhQR6 .botTagRegular-2HEhHi {
  730.   background: var(--text-normal);
  731.   color: rgb(var(--gradient-primary));
  732.   margin-top: 0;
  733. }
  734. #app-mount .member-3-YXUe.selected-aXhQR6 .botText-1526X_ {
  735.   font-weight: 900;
  736. }
  737. #app-mount .member-3-YXUe.selected-aXhQR6 .premiumIcon-1rDbWQ {
  738.   color: var(--text-normal);
  739. }
  740.  
  741. .colorDefault-2K3EoJ.focused-3afm-j,
  742. .colorDefault-2K3EoJ:hover:not(.hideInteraction-1iHO1O) {
  743.   background: var(--white);
  744. }
  745.  
  746. #app-mount .userPopout-3XzG_A {
  747.   box-shadow: none;
  748.   overflow: hidden;
  749.   opacity: 0;
  750.   animation: fadeIn 0.3s ease forwards;
  751. }
  752. #app-mount .userPopout-3XzG_A .headerNormal-T_seeN {
  753.   background: transparent;
  754. }
  755. #app-mount .userPopout-3XzG_A .headerPlaying-j0WQBV {
  756.   background: var(--gradient-50);
  757. }
  758. #app-mount .userPopout-3XzG_A .headerXbox-3G-4PF {
  759.   background: rgba(var(--discord-xbox), 0.3);
  760. }
  761. #app-mount .userPopout-3XzG_A .headerSpotify-zpWxgT {
  762.   background: rgba(var(--discord-spotify), 0.3);
  763. }
  764. #app-mount .userPopout-3XzG_A .headerStreaming-2FjmGz {
  765.   background: rgba(var(--discord-twitch), 0.3);
  766. }
  767. #app-mount .userPopout-3XzG_A .wrapper-3t9DeA::after {
  768.   border-radius: 3px;
  769. }
  770. #app-mount .userPopout-3XzG_A .activityName-1IaRLn,
  771. #app-mount .userPopout-3XzG_A .headerTag-2pZJzA,
  772. #app-mount .userPopout-3XzG_A .nameNormal-2lqVQK,
  773. #app-mount .userPopout-3XzG_A .nameWrap-3Z4G_9,
  774. #app-mount .userPopout-3XzG_A .textRow-19NEd_ {
  775.   color: var(--text-normal);
  776. }
  777. #app-mount .userPopout-3XzG_A .body-3iLsc4 {
  778.   background: transparent;
  779. }
  780. #app-mount .userPopout-3XzG_A .role-2irmRk {
  781.   height: auto;
  782.   position: relative;
  783.   overflow: hidden;
  784.   color: var(--text-normal);
  785. }
  786. #app-mount .userPopout-3XzG_A .roleCircle-3xAZ1j::after {
  787.   content: "";
  788.   position: absolute;
  789.   height: 24px;
  790.   width: 100%;
  791.   left: 0;
  792.   top: 50%;
  793.   transform: translateY(-50%);
  794.   background: inherit;
  795.   opacity: 0.2;
  796.   z-index: -1;
  797. }
  798. #app-mount .userPopout-3XzG_A .footer-1fjuF6 {
  799.   background: transparent;
  800.   border: none;
  801. }
  802. #app-mount .userPopout-3XzG_A .quickMessage-1yeL4E {
  803.   background: var(--background-secondary);
  804.   border: none;
  805.   color: var(--text-normal);
  806. }
  807. #app-mount .userPopout-3XzG_A .quickMessage-1yeL4E::placeholder {
  808.   color: rgba(255, 255, 255, 0.3);
  809. }
  810. #app-mount .userPopout-3XzG_A .protip-YaFfgO {
  811.   display: none;
  812. }
  813.  
  814. #app-mount [role=menu] {
  815.   box-shadow: none;
  816.   animation: fadeIn 0.3s ease forwards;
  817. }
  818. #app-mount .focused-3afm-j .check-1JyqgN {
  819.   color: #fff;
  820. }
  821. #app-mount .button-F9qN4n {
  822.   background: var(--white);
  823. }
  824. #app-mount .button-F9qN4n.focused-3ZzkKr {
  825.   background: var(--white-double);
  826.   box-shadow: 0 0 0 2px rgb(var(--gradient-primary));
  827. }
  828.  
  829. #app-mount .drawerSizingWrapper-27qFHb {
  830.   right: 0;
  831.   position: absolute !important;
  832. }
  833. #app-mount .drawerSizingWrapper-27qFHb .nav-2KnmHb {
  834.   position: absolute;
  835.   padding: 0 0 0 13px;
  836.   top: 16px;
  837.   z-index: 999;
  838. }
  839. #app-mount .drawerSizingWrapper-27qFHb [class*=searchBar] {
  840.   background: var(--background-secondary);
  841.   margin-left: 105px;
  842. }
  843. #app-mount .drawerSizingWrapper-27qFHb .contentWrapper-2txmjs {
  844.   display: grid;
  845.   grid-template-rows: auto;
  846.   background: transparent;
  847. }
  848. #app-mount .drawerSizingWrapper-27qFHb [aria-selected=true] .navButton-3Mnpqt {
  849.   background: var(--gradient);
  850. }
  851. #app-mount .drawerSizingWrapper-27qFHb .navButton-3Mnpqt {
  852.   background: var(--white);
  853.   padding: 6px 5px 7px;
  854. }
  855. #app-mount .drawerSizingWrapper-27qFHb .categoryFadeBlurple-1j72_A {
  856.   background: var(--gradient-90);
  857. }
  858. #app-mount .drawerSizingWrapper-27qFHb .focused-1En8bG:after,
  859. #app-mount .drawerSizingWrapper-27qFHb .result-3w1ZcL:hover:after {
  860.   box-shadow: inset 0 0 0 2px rgb(var(--gradient-primary));
  861. }
  862. #app-mount .drawerSizingWrapper-27qFHb .result-3w1ZcL {
  863.   background-color: var(--white) !important;
  864. }
  865. #app-mount .drawerSizingWrapper-27qFHb .emojiItemSelected-1aLkfV {
  866.   background: var(--white-double);
  867. }
  868. #app-mount .drawerSizingWrapper-27qFHb .categoryWrapper-UZ5YNj {
  869.   background: var(--background-secondary);
  870. }
  871. #app-mount .drawerSizingWrapper-27qFHb .category-3Xkx2x {
  872.   color: var(--text-normal);
  873. }
  874.  
  875. .emojiPicker-3PwZFl {
  876.   box-shadow: none;
  877.   background: transparent;
  878.   animation: fadeIn 0.3s ease forwards;
  879. }
  880. .emojiPicker-3PwZFl [class*=header] {
  881.   box-shadow: none;
  882. }
  883. .emojiPicker-3PwZFl .searchBar-5di9mG {
  884.   background: var(--background-secondary);
  885. }
  886.  
  887. #app-mount #guild-header-popout .item-1tOPte.colorPremium-p4p7qO {
  888.   color: rgb(var(--discord-nitro));
  889. }
  890. #app-mount #guild-header-popout .item-1tOPte.colorPremium-p4p7qO .icon-LYJorE {
  891.   color: rgb(var(--discord-nitro));
  892. }
  893. #app-mount #guild-header-popout .item-1tOPte.colorBrand-ROmMP1 {
  894.   color: rgb(var(--discord-blurple));
  895. }
  896. #app-mount #guild-header-popout .item-1tOPte.colorBrand-ROmMP1 .icon-LYJorE {
  897.   color: rgb(var(--discord-blurple));
  898. }
  899. #app-mount #guild-header-popout .item-1tOPte.colorDanger-2qLCe1 {
  900.   color: rgb(var(--discord-red));
  901. }
  902. #app-mount #guild-header-popout .item-1tOPte.colorDanger-2qLCe1 .icon-LYJorE {
  903.   color: rgb(var(--discord-red));
  904. }
  905.  
  906. #app-mount .container-3ayLPN {
  907.   background: transparent;
  908.   box-shadow: none;
  909. }
  910. #app-mount .container-3ayLPN .displayedNick-3xxvzU,
  911. #app-mount .container-3ayLPN .filter-3Y_im-,
  912. #app-mount .container-3ayLPN .header-2N-gMV {
  913.   color: var(--text-normal);
  914. }
  915. #app-mount .container-3ayLPN .answer-1n6g43,
  916. #app-mount .container-3ayLPN .displayUsername-Qekxml {
  917.   color: var(--text-muted);
  918. }
  919. #app-mount .container-3ayLPN .option-96V44q .plusIcon-v0BTrL {
  920.   color: var(--text-normal);
  921. }
  922. #app-mount .container-3ayLPN .option-96V44q.selected-rZcOL- {
  923.   background: var(--white);
  924. }
  925. #app-mount .container-3ayLPN .option-96V44q.selected-rZcOL-:after {
  926.   background: linear-gradient(90deg, transparent, var(--white-double));
  927. }
  928. #app-mount .container-3ayLPN .option-96V44q:after {
  929.   background: transparent;
  930. }
  931. #app-mount .container-3ayLPN .react-datepicker,
  932. #app-mount .container-3ayLPN .react-datepicker__header {
  933.   background: transparent;
  934. }
  935. #app-mount .container-3ayLPN .react-datepicker__month {
  936.   background: var(--background-secondary);
  937.   border-radius: 3px;
  938. }
  939. #app-mount .container-3ayLPN .react-datepicker__day {
  940.   border-color: var(--white);
  941.   background: var(--white);
  942. }
  943. #app-mount .container-3ayLPN .react-datepicker__day--selected:after {
  944.   background: var(--gradient);
  945. }
  946. #app-mount .container-3ayLPN .react-datepicker__day--disabled,
  947. #app-mount .container-3ayLPN .react-datepicker__day--outside-month {
  948.   background: transparent;
  949. }
  950. #app-mount .searchAnswer-3Dz2-q {
  951.   background: var(--white);
  952.   margin-left: 0;
  953. }
  954. #app-mount .searchFilter-2ESiM3 {
  955.   background: var(--white);
  956. }
  957.  
  958. #app-mount .autocomplete-1vrmpx {
  959.   box-shadow: none;
  960. }
  961. #app-mount .autocomplete-1vrmpx .selectorSelected-1_M1WV {
  962.   background: var(--white);
  963. }
  964. #app-mount .autocomplete-1vrmpx .divider-23swzi {
  965.   background-color: var(--white);
  966. }
  967. #app-mount .autocomplete-1vrmpx .description-11DmNu,
  968. #app-mount .autocomplete-1vrmpx .descriptionUsername-J_75O8 {
  969.   color: var(--text-normal);
  970. }
  971. #app-mount .autocomplete-1vrmpx .descriptionDiscriminator-3vUOCc {
  972.   color: var(--text-muted);
  973. }
  974.  
  975. #app-mount .messagesPopoutWrap-1MQ1bW {
  976.   box-shadow: none;
  977. }
  978.  
  979. #app-mount .container-enaOkj {
  980.   background: var(--background-secondary);
  981.   margin: 0 10px 10px;
  982.   border-radius: 3px;
  983.   padding: 0;
  984.   overflow: hidden;
  985. }
  986. #app-mount .channelHeader-3Gd2xq {
  987.   background: transparent;
  988.   padding: 15px 15px 0;
  989.   height: auto;
  990.   position: static;
  991. }
  992. #app-mount .channelHeader-3Gd2xq .tertiary-aMXF0g,
  993. #app-mount .channelHeader-3Gd2xq .item-PXvHYJ.selected-3s45Ha {
  994.   background: var(--white);
  995. }
  996. #app-mount .channelHeader-3Gd2xq .tertiary-aMXF0g:hover,
  997. #app-mount .channelHeader-3Gd2xq .item-PXvHYJ.selected-3s45Ha:hover {
  998.   background: var(--white-double);
  999. }
  1000. #app-mount .container-3iAQ-0 {
  1001.   margin: 0 16px 16px;
  1002.   padding: 0;
  1003.   border-radius: 3px;
  1004.   box-sizing: border-box;
  1005.   background: var(--white);
  1006. }
  1007. #app-mount .messageContainer-gbhlwo {
  1008.   padding: 15px 15px 15px 0;
  1009.   box-sizing: border-box;
  1010. }
  1011.  
  1012. #app-mount .container-3XJ8ns .container-cMG81i {
  1013.   background: var(--white);
  1014. }
  1015.  
  1016. #app-mount .modal-3c3bKg {
  1017.   transform: scale(1) translateZ(0px) !important;
  1018.   animation: fadeInTop 0.3s ease forwards !important;
  1019. }
  1020. #app-mount .modal-yWgWj- {
  1021.   background-color: transparent;
  1022.   box-shadow: none;
  1023. }
  1024. #app-mount .modal-yWgWj- .cardWarning-2yPNAa {
  1025.   background-color: rgba(var(--discord-yellow), 0.2);
  1026.   border: 2px solid rgb(var(--discord-yellow));
  1027. }
  1028. #app-mount .modal-yWgWj- .footer-3rDWdC {
  1029.   box-shadow: none;
  1030.   background: var(--background-secondary);
  1031. }
  1032. #app-mount .footer-2gL1pp {
  1033.   background: var(--background-secondary);
  1034.   box-shadow: none;
  1035. }
  1036.  
  1037. #app-mount .root-SR8cQa {
  1038.   background: transparent;
  1039. }
  1040. #app-mount .root-SR8cQa .topSectionNormal-2-vo2m {
  1041.   background: var(--background-secondary);
  1042. }
  1043. #app-mount .root-SR8cQa .topSectionSpotify-1lI0-P {
  1044.   background: rgba(var(--discord-spotify), 0.3);
  1045. }
  1046. #app-mount .root-SR8cQa .topSectionPlaying-1J5E4n {
  1047.   background: var(--gradient-50);
  1048. }
  1049. #app-mount .root-SR8cQa .topSectionStreaming-1Tpf5X {
  1050.   background: rgba(var(--discord-twitch), 0.3);
  1051. }
  1052. #app-mount .root-SR8cQa .topSectionXbox-3fWLjS {
  1053.   background: rgba(var(--discord-xbox), 0.3);
  1054. }
  1055. #app-mount .root-SR8cQa .svg-2V3M55 {
  1056.   z-index: 1;
  1057. }
  1058. #app-mount .root-SR8cQa .body-3ND3kc {
  1059.   background: transparent;
  1060. }
  1061. #app-mount .root-SR8cQa .tabBarContainer-1s1u-z {
  1062.   border: none;
  1063. }
  1064. #app-mount .root-SR8cQa .userInfoSection-2acyCx {
  1065.   border: none;
  1066. }
  1067. #app-mount .root-SR8cQa .connectedAccount-36nQx7 {
  1068.   background: var(--background-secondary);
  1069.   border: none;
  1070. }
  1071.  
  1072. #app-mount .uploadModal-2ifh8j {
  1073.   position: relative;
  1074.   box-shadow: none;
  1075. }
  1076. #app-mount .uploadModal-2ifh8j .inner-3nWsbo {
  1077.   margin: 0;
  1078.   position: relative;
  1079.   z-index: 2;
  1080. }
  1081. #app-mount .uploadModal-2ifh8j .footer-3mqk7D {
  1082.   background: transparent;
  1083.   box-shadow: none;
  1084.   position: relative;
  1085.   z-index: 2;
  1086. }
  1087. #app-mount .uploadModal-2ifh8j:before {
  1088.   content: "";
  1089.   position: absolute;
  1090.   background: var(--popout-modal-image) center/cover fixed;
  1091.   top: 0;
  1092.   left: 0;
  1093.   width: 100%;
  1094.   height: 100%;
  1095.   z-index: 0;
  1096.   pointer-events: none;
  1097.   border-radius: 5px;
  1098. }
  1099. #app-mount .uploadModal-2ifh8j:after {
  1100.   content: "";
  1101.   position: absolute;
  1102.   top: 0;
  1103.   left: 0;
  1104.   width: 100%;
  1105.   height: 100%;
  1106.   border-radius: 3px;
  1107.   background: rgba(0, 0, 0, var(--popout-modal-brightness));
  1108.   box-shadow: var(--tint);
  1109.   z-index: 1;
  1110.   -webkit-backdrop-filter: blur(var(--popout-modal-blur));
  1111.           backdrop-filter: blur(var(--popout-modal-blur));
  1112. }
  1113.  
  1114. #app-mount .root-1gCeng {
  1115.   box-shadow: none;
  1116.   background: transparent;
  1117. }
  1118. #app-mount .root-1gCeng .colorHeaderPrimary-26Jzh- {
  1119.   color: #fff;
  1120. }
  1121. #app-mount .root-1gCeng .colorHeaderSecondary-3Sp3Ft {
  1122.   color: #ddd;
  1123. }
  1124. #app-mount .root-1gCeng .container-UC8Ug1,
  1125. #app-mount .root-1gCeng .lookFilled-1Gx00P.colorGrey-2DXtkV {
  1126.   background: rgba(255, 255, 255, 0.1);
  1127. }
  1128. #app-mount .root-1gCeng .container-UC8Ug1:hover,
  1129. #app-mount .root-1gCeng .lookFilled-1Gx00P.colorGrey-2DXtkV:hover {
  1130.   background: rgba(255, 255, 255, 0.15);
  1131. }
  1132. #app-mount .root-1gCeng .colorStandard-2KCXvj {
  1133.   color: #fff;
  1134. }
  1135. #app-mount .root-1gCeng .footer-2gL1pp {
  1136.   background: rgba(0, 0, 0, 0.2);
  1137. }
  1138. #app-mount .root-1gCeng .backButton-iA7KIs {
  1139.   color: #ddd;
  1140. }
  1141. #app-mount .root-1gCeng .backButton-iA7KIs:hover {
  1142.   color: #fff;
  1143. }
  1144. #app-mount .root-1gCeng .input--jS-j2 {
  1145.   background: transparent;
  1146. }
  1147. #app-mount .root-1gCeng .input-cIJ7To {
  1148.   background: rgba(255, 255, 255, 0.1);
  1149.   color: #fff;
  1150. }
  1151. #app-mount .root-1gCeng .sampleLink-2NLvZg {
  1152.   color: #ddd;
  1153. }
  1154.  
  1155. #app-mount .quickswitcher-3JagVE {
  1156.   box-shadow: none;
  1157.   padding: 20px;
  1158. }
  1159. #app-mount .quickswitcher-3JagVE .scrollerOuter-3FLELE {
  1160.   margin-top: 10px;
  1161.   margin-right: 0;
  1162.   border-radius: 3px;
  1163. }
  1164. #app-mount .quickswitcher-3JagVE .scroller-zPkAnE {
  1165.   padding: 10px 5px 10px 10px;
  1166.   box-sizing: border-box;
  1167. }
  1168. #app-mount .quickswitcher-3JagVE .scroller-zPkAnE > div[style*="width: 100%;"] {
  1169.   display: none;
  1170. }
  1171. #app-mount .quickswitcher-3JagVE .protip-1b9XPC {
  1172.   display: none;
  1173. }
  1174.  
  1175. #app-mount .modalRoot-1Kx4Hb .header-1TKi98 {
  1176.   padding-top: 150px;
  1177. }
  1178. #app-mount .modalRoot-1Kx4Hb .art-347BZj {
  1179.   position: absolute;
  1180.   transform: translate(-50%, 20px);
  1181.   width: 150px;
  1182. }
  1183. #app-mount .modalRoot-1Kx4Hb .header-3C6qT5 {
  1184.   padding-top: 0;
  1185. }
  1186.  
  1187. #app-mount .image-2LqJex {
  1188.   filter: grayscale(1);
  1189.   opacity: 0.5;
  1190. }
  1191.  
  1192. #app-mount .content-98HsJk .discoverHeader-1TWTqG {
  1193.   margin: 0 0 10px;
  1194.   height: 48px;
  1195.   display: flex;
  1196.   align-items: center;
  1197.   padding-left: 10px;
  1198. }
  1199. #app-mount .content-98HsJk .categoryItem-3zFJns.selected-aXhQR6 .itemInner-3gVXMG {
  1200.   background: var(--gradient);
  1201. }
  1202. #app-mount .content-98HsJk .pageWrapper-1PgVDX {
  1203.   background: rgba(0, 0, 0, var(--middle-brightness));
  1204. }
  1205. #app-mount .content-98HsJk .pageWrapper-1PgVDX .scrollerWrap-2lJEkd {
  1206.   margin-top: 48px;
  1207.   margin-bottom: 48px;
  1208. }
  1209. #app-mount .content-98HsJk .card-3DjzTQ {
  1210.   background: var(--background-secondary);
  1211. }
  1212. #app-mount .content-98HsJk .card-3DjzTQ:hover {
  1213.   box-shadow: none;
  1214. }
  1215. #app-mount .content-98HsJk .footer-2jdoRS {
  1216.   opacity: 0;
  1217.   pointer-events: none;
  1218. }
  1219.  
  1220. #app-mount .container-1D34oG {
  1221.   background: rgba(0, 0, 0, var(--middle-brightness));
  1222. }
  1223. #app-mount .container-1D34oG .inset-3sAvek {
  1224.   background-color: var(--background-secondary);
  1225. }
  1226. #app-mount .container-1D34oG .itemCard-v9viV7:hover {
  1227.   background: var(--white);
  1228. }
  1229. #app-mount .container-1D34oG .nowPlayingColumn-2sl4cE {
  1230.   background: rgba(0, 0, 0, var(--right-brightness));
  1231. }
  1232.  
  1233. #app-mount .perksModal-fSYqOq {
  1234.   background-color: rgba(0, 0, 0, var(--middle-brightness));
  1235.   background-image: none;
  1236.   margin: var(--window-padding);
  1237.   border-radius: var(--window-roundness);
  1238. }
  1239. #app-mount .tierWrapper-W9ajqp {
  1240.   box-shadow: none !important;
  1241. }
  1242. #app-mount .ctaBar-2UsjF2,
  1243. #app-mount .tier-12tKuZ {
  1244.   background: var(--background-secondary);
  1245. }
  1246. #app-mount .tierHeader---JJFb {
  1247.   background-color: var(--background-secondary);
  1248.   color: var(--text-normal);
  1249. }
  1250. #app-mount .tierLock-3CSxSX {
  1251.   color: var(--text-normal);
  1252. }
  1253. #app-mount .tierBody-16Chc9 {
  1254.   background: transparent;
  1255. }
  1256. #app-mount .perk-2WeBWW {
  1257.   background-color: var(--background-secondary);
  1258. }
  1259.  
  1260. #app-mount .applicationStore-1pNvnv {
  1261.   background: rgba(0, 0, 0, var(--middle-brightness));
  1262. }
  1263.  
  1264. #app-mount [aria-label*=SETTINGS] .sidebarRegionScroller-3MXcoP {
  1265.   background-color: rgba(0, 0, 0, var(--left-brightness));
  1266. }
  1267. #app-mount [aria-label*=SETTINGS] .contentRegionScroller-26nc1e {
  1268.   background-color: rgba(0, 0, 0, var(--middle-brightness));
  1269. }
  1270. #app-mount [aria-label*=SETTINGS] .multiInput-1e2xJ7 .input-cIJ7To {
  1271.   background: transparent;
  1272. }
  1273. #app-mount [aria-label*=SETTINGS] .description-3_Ncsb,
  1274. #app-mount [aria-label*=SETTINGS] .h5-18_1nd:not(.isEnabled-24g9qA),
  1275. #app-mount [aria-label*=SETTINGS] .labelDescriptor-1PqHgD,
  1276. #app-mount [aria-label*=SETTINGS] .viewBody-2Qz-jg {
  1277.   color: var(--text-normal);
  1278. }
  1279.  
  1280. #app-mount #user-settings .authedApp-mj2Hmd {
  1281.   background: var(--background-secondary);
  1282. }
  1283. #app-mount #user-settings .connection-1fbD7X {
  1284.   position: relative;
  1285.   overflow: hidden;
  1286.   background-color: transparent !important;
  1287.   box-shadow: none;
  1288. }
  1289. #app-mount #user-settings .connection-1fbD7X[style*="rgb(0, 154, 229)"] {
  1290.   background: rgba(0, 154, 229, 0.2) !important;
  1291. }
  1292. #app-mount #user-settings .connection-1fbD7X[style*="rgb(2, 31, 37)"] {
  1293.   background: rgba(2, 31, 37, 0.3) !important;
  1294. }
  1295. #app-mount #user-settings .connection-1fbD7X[style*="rgb(255, 69, 0)"] {
  1296.   background: rgba(255, 69, 0, 0.2) !important;
  1297. }
  1298. #app-mount #user-settings .connection-1fbD7X[style*="rgb(29, 185, 84)"] {
  1299.   background: rgba(29, 185, 84, 0.2) !important;
  1300. }
  1301. #app-mount #user-settings .connection-1fbD7X[style*="rgb(24, 35, 50)"] {
  1302.   background: rgba(24, 35, 50, 0.4) !important;
  1303. }
  1304. #app-mount #user-settings .connection-1fbD7X[style*="rgb(89, 54, 149)"] {
  1305.   background: rgba(89, 54, 149, 0.3) !important;
  1306. }
  1307. #app-mount #user-settings .connection-1fbD7X .integration-3kMeY4 {
  1308.   background: var(--white);
  1309.   border: none;
  1310. }
  1311. #app-mount #user-settings .connection-1fbD7X[style*="rgb(29, 161, 242)"] {
  1312.   background: rgba(29, 161, 242, 0.2) !important;
  1313. }
  1314. #app-mount #user-settings .connection-1fbD7X[style*="rgb(203, 33, 32)"] {
  1315.   background: rgba(203, 33, 32, 0.2) !important;
  1316. }
  1317. #app-mount #user-settings .connectionHeader-2MDqhu {
  1318.   background: transparent;
  1319.   border: none;
  1320.   margin-bottom: 0;
  1321. }
  1322. #app-mount #user-settings .connectionDelete-2Odoln {
  1323.   border: none;
  1324.   background: var(--white);
  1325.   transition: 0.2s ease;
  1326. }
  1327. #app-mount #user-settings .connectionDelete-2Odoln:after, #app-mount #user-settings .connectionDelete-2Odoln:before {
  1328.   position: absolute;
  1329.   top: 50%;
  1330.   left: 50%;
  1331.   width: 2px;
  1332.   height: 16px;
  1333. }
  1334. #app-mount #user-settings .connectionDelete-2Odoln:before {
  1335.   transform: translate(-50%, -50%) rotate(45deg);
  1336. }
  1337. #app-mount #user-settings .connectionDelete-2Odoln:after {
  1338.   transform: translate(-50%, -50%) rotate(-45deg);
  1339. }
  1340. #app-mount #user-settings .connectionDelete-2Odoln span {
  1341.   display: none;
  1342. }
  1343. #app-mount #user-settings .connectionDelete-2Odoln:hover {
  1344.   background: var(--white-double);
  1345. }
  1346. #app-mount #user-settings .connectionDelete-2Odoln:active {
  1347.   background: var(--white-triple);
  1348. }
  1349. #app-mount #user-settings .card-FDVird:before {
  1350.   border-color: transparent;
  1351.   background: var(--white);
  1352. }
  1353. #app-mount #user-settings .game-1ipmAa {
  1354.   box-shadow: 0 1px 0 0 var(--background-modifier-accent);
  1355. }
  1356. #app-mount #user-settings .item-3eFBNF {
  1357.   box-shadow: inset 0 -1px 0 0 var(--background-modifier-accent);
  1358. }
  1359.  
  1360. #app-mount .info-1VyQPT .colorMuted-HdFt4q:first-child:before {
  1361.   content: var(--version);
  1362.   display: block;
  1363. }
  1364.  
  1365. #app-mount #bd-settingspane-container h3 {
  1366.   color: var(--text-normal);
  1367. }
  1368. #app-mount #bd-settingspane-container .style-description {
  1369.   color: var(--text-default);
  1370.   border-color: var(--background-modifier-accent);
  1371. }
  1372.  
  1373. #app-mount .bd-addon-card {
  1374.   background: var(--background-secondary);
  1375.   border-color: transparent;
  1376. }
  1377. #app-mount .bd-addon-header {
  1378.   border: none;
  1379.   padding: 0;
  1380. }
  1381. #app-mount .bd-addon-description {
  1382.   margin: 0;
  1383.   padding: 10px 0;
  1384.   color: var(--text-normal);
  1385. }
  1386. #app-mount .bd-card-footer {
  1387.   border: none;
  1388.   padding: 10px 0 7px;
  1389. }
  1390. #app-mount .bd-card-footer button {
  1391.   background: var(--gradient);
  1392. }
  1393. #app-mount .bd-addon-links {
  1394.   font-size: 0;
  1395. }
  1396. #app-mount .bda-link {
  1397.   font-size: 10px;
  1398.   margin-right: 10px;
  1399.   background: var(--white);
  1400.   padding: 5px 10px;
  1401.   border-radius: 50px;
  1402.   cursor: pointer;
  1403.   color: var(--text-normal);
  1404.   text-decoration: none;
  1405.   transition: 0.2s ease;
  1406. }
  1407. #app-mount .bda-link:hover {
  1408.   background: var(--white-double);
  1409. }
  1410. #app-mount .bda-link:active {
  1411.   background: var(--white-triple);
  1412. }
  1413.  
  1414. #app-mount #bd-settings-sidebar .ui-tab-bar-item {
  1415.   color: var(--text-muted);
  1416. }
  1417. #app-mount #bd-settings-sidebar .ui-tab-bar-item:hover {
  1418.   color: var(--text-normal);
  1419.   background-color: var(--background-modifier-hover);
  1420. }
  1421. #app-mount #bd-settings-sidebar .ui-tab-bar-item.selected {
  1422.   background: var(--background-modifier-selected);
  1423.   color: var(--text-normal);
  1424. }
  1425.  
  1426. #app-mount .editor-wrapper {
  1427.   background: var(--background-secondary);
  1428. }
  1429. #app-mount #bd-customcss-detach-container {
  1430.   background: var(--background-secondary);
  1431.   overflow: hidden;
  1432. }
  1433. #app-mount #bd-customcss-detach-container .editor-wrapper {
  1434.   height: calc(100% + 41px);
  1435. }
  1436. #app-mount.bd-detached-editor .winButton-iRh8-Z {
  1437.   right: calc(30% + 20px) !important;
  1438. }
  1439. #app-mount #bd-customcss-attach-controls {
  1440.   height: auto;
  1441. }
  1442. #app-mount .ace_active-line,
  1443. #app-mount .ace_gutter-active-line,
  1444. #app-mount .ace_selection {
  1445.   background: var(--white-double);
  1446. }
  1447. #app-mount .ace_editor {
  1448.   background-color: transparent;
  1449. }
  1450. #app-mount .ace_gutter {
  1451.   background: var(--background-secondary);
  1452. }
  1453. #app-mount .help-text,
  1454. #app-mount span[style="font-size: 10px; margin-left: 5px;"] {
  1455.   display: none;
  1456. }
  1457. #app-mount #bd-customcss-attach-controls {
  1458.   background: var(--background-secondary);
  1459.   box-shadow: inset 0 0 0 100vmax var(--background-secondary);
  1460.   display: flex;
  1461.   align-items: center;
  1462.   justify-content: space-between;
  1463.   padding: 10px;
  1464.   box-sizing: border-box;
  1465. }
  1466. #app-mount #bd-customcss-attach-controls .checkbox-group li {
  1467.   margin-top: 0;
  1468. }
  1469. #app-mount #bd-customcss-attach-controls button {
  1470.   margin: 0 0 0 10px;
  1471.   border-radius: 3px !important;
  1472.   border: none !important;
  1473.   background: var(--white);
  1474.   color: var(--text-normal);
  1475.   transition: 0.2s ease;
  1476. }
  1477. #app-mount #bd-customcss-attach-controls button:active, #app-mount #bd-customcss-attach-controls button:hover {
  1478.   background: var(--white-double);
  1479. }
  1480.  
  1481. html.platform-win .scroller-2TZvBN {
  1482.   padding-top: 10px;
  1483. }
  1484.  
  1485. html.platform-osx .macButtons-2MuSAC {
  1486.   position: absolute;
  1487.   top: var(--window-padding);
  1488.   left: var(--window-padding);
  1489.   background: rgba(0, 0, 0, var(--serverlist-brightness));
  1490.   width: 72px;
  1491.   border-top-left-radius: var(--window-roundness);
  1492. }
  1493. html.platform-osx .wrapper-1Rf91z {
  1494.   margin-top: 30px;
  1495. }
  1496. html.platform-osx .scroller-2TZvBN {
  1497.   padding-top: 15px;
  1498. }
  1499.  
  1500. #app-mount .xenoLib-notifications {
  1501.   padding: calc(var(--window-padding) * 2 + 48px) calc(var(--window-padding) * 2) calc(var(--window-padding) * 2) calc(var(--window-padding) * 2);
  1502.   box-sizing: border-box;
  1503. }
  1504. #app-mount .xenoLib-notification:not(:only-child) {
  1505.   margin-bottom: 15px;
  1506. }
  1507. #app-mount .xenoLib-notification-content-wrapper {
  1508.   padding: 0;
  1509.   box-sizing: border-box;
  1510.   z-index: 10;
  1511. }
  1512.  
  1513. @keyframes fadeIn {
  1514.   from {
  1515.     opacity: 0;
  1516.   }
  1517.   to {
  1518.     opacity: 1;
  1519.   }
  1520. }
  1521. @keyframes fadeInTop {
  1522.   from {
  1523.     opacity: 0;
  1524.     transform: translateY(-10px);
  1525.   }
  1526.   to {
  1527.     opacity: 1;
  1528.     transform: translateY(0);
  1529.   }
  1530. }
RAW Paste Data

Adblocker detected! Please consider disabling it...

We've detected AdBlock Plus or some other adblocking software preventing Pastebin.com from fully loading.

We don't have any obnoxious sound, or popup ads, we actively block these annoying types of ads!

Please add Pastebin.com to your ad blocker whitelist or disable your adblocking software.

×