SHARE
TWEET

we

a guest Feb 21st, 2020 141 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BetterDocsBlock.css);
  2. @import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/ThemeDevBadge.css);
  3. @import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BlurpleRecolor/BlurpleRecolor.css);
  4.  
  5. :root {
  6.     --dtransparencyalpha:           0,0,0;
  7.     --dgeneraltransparency:         0.15;
  8.     --dmessagetransparency:         0.5;
  9.     --dguildchanneltransparency:    0.15;
  10.     --dmemberlisttransparency:      0.0;
  11.     --daccentcolor:                 190,78,180;
  12.    
  13.     --dfont:                        Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;
  14.     --dtextshadow:                  transparent;
  15.    
  16.     --dbackground:                  url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/background.jpg);
  17.     --dbackgroundsize:              cover;
  18.     --dblur:                        0px;
  19.     --dbackdrop:                    rgba(0,0,0,0.85);
  20.  
  21.     --vtransparencycolor:           var(--transparencycolor,            var(--dtransparencycolor));
  22.     --vtransparencyalpha:           var(--transparencyalpha,            var(--dtransparencyalpha));
  23.     --vmessagetransparency:         var(--messagetransparency,          var(--dmessagetransparency));
  24.     --vusechatbubbles:              calc(var(--vmessagetransparency) / (var(--vmessagetransparency) + 0.00000000000000000000001));
  25.     --vguildchanneltransparency:    var(--guildchanneltransparency,     var(--dguildchanneltransparency));
  26.     --vmemberlisttransparency:      var(--memberlisttransparency,       var(--dmemberlisttransparency));
  27.     --vaccentcolor:                 var(--accentcolor,                  var(--daccentcolor));
  28.     --vlinkcolor:                   var(--vaccentcolor);
  29.    
  30.     --vfont:                        var(--font,                         var(--dfont));
  31.     --vtextshadow:                  var(--textshadow,                   var(--dtextshadow));
  32.    
  33.     --vbackground:                  var(--background,                   var(--dbackground));
  34.     --vbackgroundsize:              var(--backgroundsize,               var(--dbackgroundsize));
  35.     --vbackgroundblur:              var(--backgroundblur,               var(--dblur));
  36.    
  37.     --vpopout:                      var(--popout,                       var(--vbackground));
  38.     --vpopoutsize:                  var(--popoutsize,                   var(--vbackgroundsize));
  39.     --vpopoutblur:                  var(--popoutblur,                   var(--vbackgroundblur));
  40.    
  41.     --vbackdrop:                    var(--backdrop,                     var(--dbackdrop));
  42.     --vbackdropsize:                var(--backdropsize,                 var(--vbackgroundsize));
  43.     --vbackdropblur:                var(--backdropblur,                 var(--vbackgroundblur));
  44.  
  45.     --fontwhite1:                   255,255,255;
  46.     --fontwhite2:                   210,210,210;
  47.     --fontwhite3:                   170,170,170;
  48.     --fontwhite4:                   120,120,120;
  49. }
  50.  
  51. .theme-light, .theme-dark {
  52.     --header-primary: rgb(var(--fontwhite1));
  53.     --header-secondary: rgb(var(--fontwhite2));
  54.     --text-normal: rgb(var(--fontwhite2));
  55.     --text-muted: rgb(var(--fontwhite4));
  56.     --text-link: rgb(var(--vaccentcolor));
  57.     --channels-default: rgb(var(--fontwhite4));
  58.     --interactive-normal: rgb(var(--fontwhite3));
  59.     --interactive-hover: rgb(var(--fontwhite2));
  60.     --interactive-active: rgb(var(--fontwhite1));
  61.     --interactive-muted: rgb(var(--fontwhite4));
  62.     --elevation-low: 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3);
  63.     --elevation-high: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  64.     --logo-primary: rgb(var(--fontwhite1));
  65. }
  66.  
  67.  
  68. /* ~~~~     0.      TABLE OF CONTENTS               ~~~~ */
  69. /*
  70.     1.  TRANSPARENCY
  71.     2.  BACKGROUND
  72.     3.  TITLEBAR
  73.     4.  GUILDLIST
  74.     5.  CHANNELLIST
  75.         1.  GUILDHEADER
  76.         2.  CHANNELS
  77.         3.  DMCHANNELS
  78.         4.  ACCOUNT/VOICE/GOLIVE
  79.     6.  CHAT
  80.         1.  CHANNELHEADER
  81.         2.  MESSAGES
  82.             1.  MESSAGE
  83.             2.  EMBEDS
  84.             3.  NITROGIFT
  85.             4.  INVITE
  86.         3.  TEXTAREA
  87.         4.  AUTOCOMPLETEMENU
  88.         5.  MEMBERLIST
  89.         6.  SEARCHPAGE
  90.         7.  CALL
  91.         8.  UNAVAILABLESCREEN
  92.     7.  STORE/NITRO
  93.     8.  PEOPLES
  94.     9.  DISCOVERY
  95.     10. USERSETTINGS
  96.     11. GUILDSETTINGS
  97.     12. MODALS
  98.         1.  USERMODAL
  99.         2.  GUILDADD/CREATION
  100.         3.  REGIONSELECTMODAL
  101.         4.  UPLOADMODAL
  102.         5.  KEYBOARDSHORTCUTSMODAL
  103.         6.  QUICKSWITCHER
  104.         7.  INVITEMODAL
  105.         8.  LOGINSCREEN
  106.         9.  TERMACCEPTMODAL
  107.         10. DOWNLOADAPPMODAL
  108.     13. POPOUTS
  109.         1.  CONTEXTMENU
  110.         2.  USERPOPOUT
  111.         3.  EMOJIPICKER
  112.         4.  PINS/MENTIONS
  113.         5.  SEARCHPOPOUT
  114.         6.  COLORPICKER
  115.         7.  ADDROLE
  116.         8.  EVERYONEMENTION
  117.     14. GENERAL
  118.         1.  TEXT
  119.         2.  BUTTONS
  120.         3.  INPUTS
  121.         4.  SEARCHBARS
  122.         5.  TAGS
  123.         6.  ICONS
  124.         7.  SCROLLBARS
  125.         8.  NOTIFICATIONBAR
  126.         9.  TOOLTIPS
  127.         10. TOASTS
  128.     15. BDSUPPORT
  129.     16. PLUGINSUPPORT
  130.         1.  DATEVIEWER
  131.         2.  SERVERFOLDERS
  132.         3.  MEMBERCOUNT
  133.         4.  SENDBUTTON
  134.         5.  CHARCOUNTER
  135.         6.  REPLYER
  136.         7.  CITADOR
  137.         8.  LINENUMBERS
  138.         9.  PERMISSIONVIEWER
  139.         10. BETTERSEARCHPAGE
  140.         11. REPOCONTROLS
  141.         12. DIRECTDOWNLOAD
  142.         13. BETTERFORMATINGREDUX
  143.         14. PLUGIN/THEMEREPO
  144.     17. THEMESUPPORT
  145.         1.  THEMEDEVBADGE
  146.         2.  BETTERDOCSBLOCK
  147.     18. UPDATENOTICE
  148.     19. WATERMARK
  149. */
  150.  
  151.  
  152. /* ~~~~     1.      TRANSPARENCY                    ~~~~ */
  153.  
  154. body,                                                       /* body                                                     */
  155. #app-mount .app-1q1i1E,                                     /* app                  container                           */
  156. #app-mount .app-2rEoOp,                                     /* app                  inner                               */
  157. #app-mount .container-16j22k,                               /* app                  loadingscreen                       */
  158. #app-mount .bg-h5JY_x,                                      /* app                  background                          */
  159. #app-mount .layer-3QrUeG,                                   /* layer                container                           */
  160. #app-mount .container-PNkimc,                               /* channels             inner                               */
  161. #app-mount .privateChannels-1nO12o,                         /* dmchannels                                               */
  162. #app-mount .panels-j1Uci_ > *,                              /* account/voice        inner                               */
  163. #app-mount .chat-3bRxxu,                                    /* chat                 container                           */
  164. #app-mount .noChannel-Z1DQK7,                               /* nochannel                                                */
  165. #app-mount .content-MLh4nU,                                 /* unavailable                                              */
  166. #app-mount .container-1D34oG,                               /* peoples                                                  */
  167. #app-mount .pageWrapper-1PgVDX,                             /* guilddiscovery                                           */
  168. #app-mount .scroller-2FKFPG,                                /* scroller                                                 */
  169. #app-mount .standardSidebarView-3F1I7i,                     /* settings                                                 */
  170. #app-mount .contentRegion-3nDuYy {                          /* settings             content                             */
  171.     background: transparent;
  172. }
  173.  
  174. #app-mount .sidebarRegion-VFTUkN {                          /* settings             sidebar                             */
  175.     background-color: rgba(var(--vtransparencycolor), 0.2);
  176. }
  177.  
  178. #app-mount {                                                /* app-mount                                                */
  179.     background-color: rgba(var(--vtransparencycolor), var(--vtransparencyalpha));
  180. }
  181. #app-mount .wrapper-1Rf91z {                                /* guilds               container                           */
  182.     background-color: rgba(var(--vtransparencycolor), calc(var(--vguildchanneltransparency) * 2));
  183. }
  184. #app-mount .sidebar-2K8pFh {                                /* channels             container                           */
  185.     background-color: rgba(var(--vtransparencycolor), var(--vguildchanneltransparency));
  186. }
  187. #app-mount .panels-j1Uci_ {                                 /* account/voice        container                           */
  188.     background-color: rgba(var(--vtransparencycolor), calc(var(--vguildchanneltransparency) / 1.5));
  189. }
  190. #app-mount .container-1r6BKw.themed-ANHk51 {                /* channelheader        container                           */
  191.     background-color: rgba(var(--vtransparencycolor), var(--vguildchanneltransparency));
  192. }
  193. #app-mount .membersWrap-2h-GB4 {                            /* members              container                           */
  194.     background-color: rgba(var(--vtransparencycolor), var(--vmemberlisttransparency));
  195. }
  196. #app-mount .nowPlayingColumn-2sl4cE {                       /* peoples              now playing                         */
  197.     background-color: rgba(var(--vtransparencycolor), var(--vmemberlisttransparency));
  198. }
  199.  
  200. .themeDark-3Ap_7i, .themeLight-2aS1dz {                     /* errorscreen                                              */
  201.     background-color: transparent;
  202.     color: rgb(var(--fontwhite1));
  203. }
  204. #app-mount .note-450gs3 {
  205.     color: rgb(var(--fontwhite2));
  206. }
  207. #app-mount .image-3zK3Wt {
  208.     background-image: url(https://discordapp.com/assets/e9baf4b505eb54129f832556ea16538e.svg);
  209.     opacity: 0.6;
  210. }
  211.  
  212.  
  213. /* ~~~~     2.      BACKGROUND                      ~~~~ */
  214.  
  215. body:before {
  216.     content: "";
  217.     top: 0;
  218.     left: 0;
  219.     right: 0;
  220.     bottom: 0;
  221.     position: fixed;
  222.     background: var(--vbackground) center/var(--vbackgroundsize);
  223.     filter: blur(var(--vbackgroundblur));
  224. }
  225. #ace_settingsmenu_container,
  226. .uploadArea-3QgLtW,
  227. .backdropWithLayer-3_uhz4,
  228. .backdrop-1wrmKB {
  229.     background: var(--vbackdrop) center/var(--vbackdropsize) !important;
  230.     filter: blur(var(--vbackdropblur));
  231.     opacity: 1;
  232.     animation: none;
  233. }
  234. .backdropWithLayer-3_uhz4 {
  235.     z-index: -1;
  236. }
  237.  
  238.  
  239. /* ~~~~     3.      TITLEBAR                        ~~~~ */
  240.  
  241. .titleBar-AC4pGV {
  242.     z-index: 1;
  243. }
  244. .titleBar-AC4pGV:after {
  245.     content: "";
  246.     pointer-events: none;
  247.     position: absolute;
  248.     z-index: -1;
  249.     top: 0;
  250.     left: 0;
  251.     width: 100%;
  252.     background-color: rgba(var(--vtransparencycolor), calc(0.1 + var(--vguildchanneltransparency) * 2));
  253. }
  254. .titleBar-AC4pGV:not(.typeMacOS-3EmCyP):after {
  255.     height: 22px;
  256. }
  257. .titleBar-AC4pGV.typeMacOS-3EmCyP:after {
  258.     height: 32px;
  259. }
  260. .titleBar-AC4pGV.typeMacOS-3EmCyP,
  261. .titleBar-AC4pGV.typeMacOS-3EmCyP .macButtons-2MuSAC {
  262.     width: 72px;
  263. }
  264. .titleBar-AC4pGV.typeMacOS-3EmCyP.typeMacOSWithFrame-3R_i5S .macButtons-2MuSAC {
  265.     margin-top: 0;
  266.     margin-right: 0;
  267. }
  268. .winButton-iRh8-Z {
  269.     color: rgb(var(--fontwhite3));
  270. }
  271. .winButtonMinMax-PBQ2gm:hover {
  272.     background-color: rgba(var(--vtransparencycolor), 0.2);
  273. }
  274. .winButtonClose-1HsbF-:hover,
  275. .winButtonMinMax-PBQ2gm:hover {
  276.     color: rgb(var(--fontwhite1));
  277. }
  278.  
  279.  
  280. /* ~~~~     4.      GUILDLIST                       ~~~~ */
  281.  
  282. .childWrapper-anI2G9,                                       /* homebutton/acronym   innerwrap                           */
  283. #bd-pub-button {                                            /* publicbutton         innerwrap                           */
  284.     background-color: rgba(var(--vtransparencycolor), 0.3);
  285.     color: rgb(var(--fontwhite1));
  286.     font-weight: 500;
  287. }
  288. .wrapper-1BJsBx:hover svg,
  289. .wrapper-1BJsBx.selected-bZ3Lue svg {
  290.     filter: drop-shadow(1px 1px var(--vtextshadow));
  291. }
  292. .wrapper-1BJsBx:hover .childWrapper-anI2G9,
  293. .wrapper-1BJsBx.selected-bZ3Lue .childWrapper-anI2G9,
  294. #bd-pub-button:hover {
  295.     text-shadow: 1px 1px var(--vtextshadow);
  296. }
  297. .noIcon-1a_FrS {                                            /* acronym              minicontainer                       */
  298.     background-color: rgba(var(--vtransparencycolor), 0.3);
  299.     color: rgb(var(--fontwhite1));
  300. }
  301.  
  302. .circleIconButton-jET_ig {                                  /* guildadd/discovery   innerwrap                           */
  303.     background-color: rgba(var(--vtransparencycolor), 0.3);
  304. }
  305. .circleIconButton-jET_ig.selected-ugP_am {
  306.     color: rgb(var(--fontwhite1));
  307. }
  308.  
  309. .guildIconUnavailable-5PMHDN,                               /* guilderror           miniicon                            */
  310. .guildsError-b7zR5H {                                       /* guilderror           innerwrap                           */
  311.     background-color: rgba(240, 71, 71, 0.3);
  312.     color: rgb(var(--fontwhite1));
  313. }
  314. .guildsError-b7zR5H:hover {
  315.     color: rgb(var(--fontwhite1));
  316. }
  317.  
  318. .dragInner-_SHftW {                                         /* dragplaceholder                                          */
  319.     background-color: rgba(var(--vtransparencycolor), 0.3);
  320. }
  321.  
  322. .guildSeparator-3s64Iy {                                    /* guildseparator                                           */
  323.     background-color: rgba(var(--fontwhite1), 0.2);
  324. }
  325.  
  326. .item-2hkk8m {                                              /* unread/selectedpill                                      */
  327.     background-color: rgb(var(--fontwhite1));
  328. }
  329.  
  330. .wrapper-21YSNc {                                           /* folder               outerwrap                           */
  331.     margin-bottom: 8px;
  332. }
  333. .folder-21wGz3 {                                            /* folder               iconwrap                            */
  334.     background-color: rgba(var(--vtransparencycolor), 0.2);
  335. }
  336. .folder-21wGz3.hover-2ji_A7 {
  337.     background-color: rgba(var(--vtransparencycolor), 0.4);
  338. }
  339. .expandedFolderBackground-2sPsd- {                          /* folder               background                          */
  340.     background-color: rgba(var(--vtransparencycolor), 0.2);
  341.     border-radius: 15px 15px 24px 24px;
  342.     top: 0;
  343.     bottom: 0;
  344.     transition: border-radius 3s ease, background-color 1s ease;
  345. }
  346. .expandedFolderBackground-2sPsd-.hover-2ji_A7 {
  347.     background-color: rgba(var(--vtransparencycolor), 0.4);
  348. }
  349.  
  350. .expandedGuilds-1JMD4M {                                    /* folder               guildwrap                           */
  351.     height: auto !important;
  352. }
  353. .expandedGuilds-1JMD4M .listItem-2P_4kh:last-child {
  354.     margin-bottom: 0;
  355. }
  356.  
  357. .bar-30k2ka {                                               /* guild/channelbar     inner                               */
  358.     color: rgb(var(--fontwhite1));
  359.     box-shadow: 0 2px 6px rgba(var(--vtransparencycolor), 0.24);
  360. }
  361. .bar-30k2ka:not(.mention-1f5kbO) {
  362.     overflow: hidden;
  363.     background: transparent;
  364. }
  365. .bar-30k2ka:not(.mention-1f5kbO):after,
  366. .bar-30k2ka:not(.mention-1f5kbO):before {
  367.     content: "";
  368.     position: absolute;
  369.     top: 0;
  370.     bottom: 0;
  371.     right: 0;
  372.     left: 0;
  373.     pointer-events: none;
  374.     z-index: -1;
  375. }
  376. .bar-30k2ka:not(.mention-1f5kbO):after {
  377.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.1));
  378. }
  379. .sidebar-2K8pFh .bar-30k2ka:not(.mention-1f5kbO):after {
  380.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + var(--vguildchanneltransparency) * 0.85 + 0.1));
  381. }
  382. .wrapper-1Rf91z .bar-30k2ka:not(.mention-1f5kbO):after {
  383.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + var(--vguildchanneltransparency) * 1.9 + 0.1));
  384. }
  385. .bar-30k2ka:not(.mention-1f5kbO):before {
  386.     background: var(--vbackground) center/var(--vbackgroundsize);
  387.     filter: blur(var(--vbackgroundblur));
  388.     background-attachment: fixed;
  389. }
  390.  
  391.  
  392. /* ~~~~     5.      CHANNELLIST                     ~~~~ */
  393.  
  394. #app-mount .sidebar-2K8pFh {                                /* channels             container                           */
  395.     border-radius: 0;
  396. }
  397.  
  398. /* ----     5.1.    GUILDHEADER                     ---- */
  399.  
  400. .container-2Rl01u .animatedContainer-1pJv5C {               /* banner               wrap                                */
  401.     background: none;
  402.     box-shadow: none;
  403. }
  404. .bannerImage-1jOskm {                                       /* banner               image                               */
  405.     -webkit-mask: linear-gradient(rgba(0,0,0,0.9) 70%, rgba(0,0,0,0) 100%);
  406. }
  407. .bannerImage-1jOskm:before {
  408.     display: none;
  409. }
  410.  
  411. .header-2o-2hj,                                             /* header               inner                               */
  412. .searchBar-6Kv8R2 {                                         /* header               searchbar                           */
  413.     box-shadow: 0 1px 0 rgba(var(--vtransparencycolor), 0.2), 0 1.5px 0 rgba(var(--vtransparencycolor), 0.05), 0 2px 0 rgba(var(--vtransparencycolor), 0.05);
  414. }
  415. .searchBar-6Kv8R2 .searchBarComponent-32dTOx {              /* header               searchbarinner                      */
  416.     background-color: rgba(var(--vtransparencycolor), 0.2);
  417.     color: rgb(var(--fontwhite3));
  418. }
  419. .header-2o-2hj,
  420. .bannerVisible-14J9lQ .header-2o-2hj {
  421.     color: rgb(var(--fontwhite1));
  422. }
  423. .clickable-2ap7je:not(.hasBanner-14PPlG) .header-2o-2hj:hover,
  424. .selected-WP3kCM:not(.hasBanner-14PPlG) .header-2o-2hj {
  425.     background-color: rgba(var(--vtransparencycolor), 0.2);
  426. }
  427.  
  428. .channelNotice-1-XFjC {                                     /* notice               container                           */
  429.     box-shadow: inset 0 -1px 0 rgba(var(--fontwhite4), 0.3);
  430. }
  431. .close-relY5R {                                             /* notice               close                               */
  432.     color: rgb(var(--fontwhite3));
  433. }
  434. .close-relY5R:hover {
  435.     color: rgb(var(--fontwhite1));
  436. }
  437. .message-3SOT5P {                                           /* notice               text                                */
  438.     color: rgb(var(--fontwhite2));
  439. }
  440.  
  441.  
  442. /* ----     5.2.    CHANNELS                        ---- */
  443.  
  444. .wrapper-CU3qI5 {                                           /* category             wrapper                             */
  445.     color: rgb(var(--fontwhite3));
  446. }
  447. .wrapper-CU3qI5.muted-1NRuDm {
  448.     color: rgb(var(--fontwhite4));
  449. }
  450. .wrapper-CU3qI5.muted-1NRuDm:hover,
  451. .wrapper-CU3qI5:hover {
  452.     color: rgb(var(--fontwhite1));
  453. }
  454. .wrapper-CU3qI5.muted-1NRuDm:hover .icon-WnO6o2,            /* category             icon                                */
  455. .wrapper-CU3qI5:hover .icon-WnO6o2 {
  456.     color: rgb(var(--fontwhite1));
  457. }
  458. .wrapper-CU3qI5 .name-IbjUBS {                              /* category             name                                */
  459.     color: rgb(var(--fontwhite3));
  460. }
  461. .wrapper-CU3qI5.muted-1NRuDm .name-IbjUBS {
  462.     color: rgb(var(--fontwhite4));
  463. }
  464. .wrapper-CU3qI5.muted-1NRuDm:hover .name-IbjUBS,
  465. .wrapper-CU3qI5:hover .name-IbjUBS {
  466.     color: rgb(var(--fontwhite1));
  467. }
  468. .addButtonIcon-3u-3Hu {                                     /* category             addbutton                           */
  469.     opacity: 0.5;
  470. }
  471. .addButtonIcon-3u-3Hu:hover {
  472.     color: rgb(var(--fontwhite1));
  473.     opacity: 1;
  474. }
  475.  
  476. .wrapper-1ucjTd:hover .content-3at_AU {                     /* channel              content                             */
  477.     background-color: rgba(var(--vtransparencycolor), 0.2);
  478. }
  479. .modeSelected-1zApJ_ .content-3at_AU,
  480. .modeSelected-1zApJ_:hover .content-3at_AU {
  481.     background-color: rgb(var(--vaccentcolor));
  482.     text-shadow: 1px 1px var(--vtextshadow);
  483. }
  484. .modeSelected-1zApJ_ .content-3at_AU svg,
  485. .modeSelected-1zApJ_:hover .content-3at_AU svg {
  486.     filter: drop-shadow(1px 1px var(--vtextshadow));
  487. }
  488. .icon-1_QxNX {                                              /* channel              icon                                */
  489.     color: rgb(var(--fontwhite3));
  490. }
  491. .modeMuted-3osy7j .icon-1_QxNX {
  492.     color: rgb(var(--fontwhite4));
  493. }
  494. .modeConnected-2IEL4z .icon-1_QxNX,
  495. .modeConnected-2IEL4z:hover .icon-1_QxNX,
  496. .modeSelected-1zApJ_ .icon-1_QxNX,
  497. .modeSelected-1zApJ_:hover .icon-1_QxNX,
  498. .modeUnread-1zpFdA .icon-1_QxNX,
  499. .modeUnread-1zpFdA:hover .icon-1_QxNX,
  500. .notInteractive-YF5EXq.modeConnected-2IEL4z .icon-1_QxNX,
  501. .notInteractive-YF5EXq.modeSelected-1zApJ_ .icon-1_QxNX,
  502. .wrapper-1ucjTd:hover .icon-1_QxNX {
  503.     color: rgb(var(--fontwhite1));
  504. }
  505. .name-3_Dsmg {                                              /* channel              name                                */
  506.     color: rgb(var(--fontwhite3));
  507. }
  508. .modeMuted-3osy7j .name-3_Dsmg {
  509.     color: rgb(var(--fontwhite4));
  510. }
  511. .modeConnected-2IEL4z .name-3_Dsmg,
  512. .modeConnected-2IEL4z:hover .name-3_Dsmg,
  513. .modeSelected-1zApJ_ .name-3_Dsmg,
  514. .modeSelected-1zApJ_:hover .name-3_Dsmg,
  515. .modeUnread-1zpFdA .name-3_Dsmg,
  516. .modeUnread-1zpFdA:hover .name-3_Dsmg,
  517. .notInteractive-YF5EXq.modeConnected-2IEL4z .name-3_Dsmg,
  518. .notInteractive-YF5EXq.modeSelected-1zApJ_ .name-3_Dsmg,
  519. .wrapper-1ucjTd:hover .name-3_Dsmg {
  520.     color: rgb(var(--fontwhite1));
  521. }
  522. .modeSelected-1zApJ_ .actionIcon-2Hi9ZG,
  523. .modeSelected-1zApJ_:hover .actionIcon-2Hi9ZG,
  524. .wrapper-1ucjTd:hover .actionIcon-2Hi9ZG {
  525.     color: rgb(var(--fontwhite1));
  526. }
  527. .actionIcon-2Hi9ZG {
  528.     opacity: 0.5;
  529. }
  530. .actionIcon-2Hi9ZG:hover {
  531.     opacity: 1.0;
  532. }
  533. .unread-3zKkbm {
  534.     background-color: rgb(var(--fontwhite1));
  535. }
  536.  
  537. #app-mount .channelIcon-1JSaVj {                            /* channelselect        icon                                */
  538.     color: rgb(var(--fontwhite3));
  539. }
  540. #app-mount .selected-3Qtv-u .channelIcon-1JSaVj {
  541.     color: rgb(var(--fontwhite1));
  542. }
  543.  
  544. .icon-3BcwQu,                                               /* voicechat            icon                                */
  545. .username-lm8y6T {                                          /* voicechat            username                            */
  546.     color: rgb(var(--fontwhite3));
  547. }
  548. .listDefault-2y5Z9D .clickable-23RaYz:hover .username-lm8y6T {
  549.     color: rgb(var(--fontwhite2));
  550. }
  551. .listDefault-2y5Z9D .clickable-23RaYz.selected-3TGCSZ .username-lm8y6T,
  552. .listDefault-2y5Z9D .clickable-23RaYz:hover .usernameSpeaking-2xbKKh,
  553. .usernameSpeaking-2xbKKh {
  554.     color: rgb(var(--fontwhite1));
  555. }
  556. .wrapper-pZmgj4 {                                           /* voicechat            limit                               */
  557.     background-color: rgba(var(--vtransparencycolor), 0.15);
  558.     color: rgb(var(--fontwhite3));
  559. }
  560. .modeConnected-2IEL4z .wrapper-pZmgj4 {
  561.     color: rgb(var(--fontwhite1));
  562. }
  563. .wrapper-pZmgj4 .users-i_3-kL {
  564.     background-color: transparent;
  565. }
  566. .wrapper-pZmgj4 .total-3tKGEB {
  567.     background-color: rgba(var(--vtransparencycolor), 0.3);
  568. }
  569. .wrapper-pZmgj4 .total-3tKGEB:after {
  570.     border-right-color: rgba(var(--vtransparencycolor), 0.3);
  571. }
  572.  
  573. .listDefault-2y5Z9D .clickable-23RaYz:hover .content-3xS9Lh {
  574.     background-color: rgba(var(--vtransparencycolor), 0.2);
  575. }
  576.  
  577.  
  578. /* ----     5.3.    DMCHANNELS                      ---- */
  579.  
  580. .channel-2QD9_O {                                           /* dmchannel/page       container                       */
  581.     color: rgb(var(--fontwhite3));
  582. }
  583. .clickable-1JJAn8.channel-2QD9_O:hover {
  584.     color: rgb(var(--fontwhite2));
  585. }
  586. .clickable-1JJAn8.channel-2QD9_O:active,
  587. .selected-aXhQR6.channel-2QD9_O {
  588.     color: rgb(var(--fontwhite1));
  589. }
  590. .channel-2QD9_O:hover .layout-2DM8Md {                      /* dmchannel/page       inner                           */
  591.     background-color: rgba(var(--vtransparencycolor), 0.2);
  592. }
  593. .selected-aXhQR6.channel-2QD9_O .layout-2DM8Md {
  594.     background-color: rgb(var(--vaccentcolor));
  595.     text-shadow: 1px 1px var(--vtextshadow);
  596. }
  597. .selected-aXhQR6.channel-2QD9_O .layout-2DM8Md svg {
  598.     filter: drop-shadow(1px 1px var(--vtextshadow));
  599. }
  600. .channel-2QD9_O .linkButtonIcon-Mlm5d6 {
  601.     color: rgb(var(--fontwhite2));
  602. }
  603. .channel-2QD9_O .name-uJV0GL {
  604.     color: rgb(var(--fontwhite2));
  605. }
  606. .channel-2QD9_O .subtext-1RtU34 {
  607.     color: rgb(var(--fontwhite3));
  608. }
  609. .channel-2QD9_O:hover .linkButtonIcon-Mlm5d6,
  610. .channel-2QD9_O.selected-aXhQR6 .linkButtonIcon-Mlm5d6 {
  611.     color: rgb(var(--fontwhite1));
  612. }
  613. .channel-2QD9_O:hover .name-uJV0GL,
  614. .channel-2QD9_O.selected-aXhQR6 .name-uJV0GL {
  615.     color: rgb(var(--fontwhite1));
  616. }
  617. .channel-2QD9_O:hover .subtext-1RtU34,
  618. .channel-2QD9_O.selected-aXhQR6 .subtext-1RtU34 {
  619.     color: rgb(var(--fontwhite2));
  620. }
  621.  
  622. .header-zu8eWb {
  623.     color: rgb(var(--fontwhite2));
  624. }
  625.  
  626. .empty-388osJ {                                             /* loadingplaceholders                                      */
  627.     fill: rgb(var(--vaccentcolor));
  628. }
  629.  
  630. /* ----     5.4.    ACCOUNT/VOICE/GOLIVE            ---- */
  631.  
  632. .panels-j1Uci_ > * {                                        /* account/voice        inner                               */
  633.     border: none;
  634. }
  635. .panels-j1Uci_ > * + * {
  636.     border-top: 1px solid rgba(var(--fontwhite4), 0.2);
  637. }
  638.  
  639. .title-eS5yk3 {                                             /* account/voice        title                               */
  640.     color: rgb(var(--fontwhite1));
  641. }
  642. .subtext-3CDbHg {                                           /* account/voice        subtext                             */
  643.     color: rgb(var(--fontwhite3));
  644. }
  645. .button-14-BFJ {
  646.     color: rgb(var(--fontwhite3));
  647. }
  648. .button-14-BFJ.enabled-2cQ-u7,                              /* account/voice        buttons                             */
  649. .button-14-BFJ.enabled-2cQ-u7:hover {
  650.     color: rgb(var(--fontwhite1));
  651. }
  652. .button-14-BFJ.enabled-2cQ-u7 {
  653.     opacity: 0.7;
  654. }
  655. .button-14-BFJ.enabled-2cQ-u7:hover {
  656.     opacity: 1;
  657.     background-color: rgb(var(--vaccentcolor));
  658. }
  659.  
  660.  
  661. /* ~~~~     6.      CHAT                            ~~~~ */
  662.  
  663. /* ----     6.1.    CHANNELHEADER                   ---- */
  664.  
  665. .container-1r6BKw {                                         /* header               container                           */
  666.     color: rgb(var(--fontwhite1));
  667. }
  668. .container-1r6BKw.themed-ANHk51 {                           /* header               themedcontainer                     */
  669.     box-shadow: 0 1px 0 rgba(var(--vtransparencycolor), 0.2),0 1.5px 0 rgba(var(--vtransparencycolor), 0.05),0 2px 0 rgba(var(--vtransparencycolor), 0.05);
  670. }
  671.  
  672. .title-29uC1r {                                             /* header               title                               */
  673.     color: rgb(var(--fontwhite1));
  674. }
  675. .input-2A_zIr {                                             /* header               dmchannelinput                      */
  676.     color: rgb(var(--fontwhite1));
  677. }
  678. .input-2A_zIr:focus {                                       /* header               dmchannelinput                      */
  679.     background-color: rgba(var(--vtransparencycolor), 0.2);
  680. }
  681. .input-2A_zIr:focus,
  682. .outer-o9SjPm:hover .input-2A_zIr {
  683.     box-shadow: inset 0 0 0 1px rgba(var(--vtransparencycolor), 0.2);
  684. }
  685. .topic-TCb_qw {                                             /* header               topic                               */
  686.     color: rgb(var(--fontwhite2));
  687. }
  688. .children-19S4PO:after {                                    /* header               topicgradient                       */
  689.     display: none;
  690. }
  691.  
  692. .akaBadge-1M-1Gw {                                          /* header               aka                                 */
  693.     background-color: rgba(var(--vtransparencycolor), 0.3);
  694. }
  695.  
  696. .icon-22AiRD {                                              /* header               typeicon                            */
  697.     color: rgb(var(--fontwhite1));
  698. }
  699. .clickable-3rdHwn .icon-22AiRD,                             /* header               actionicon                          */
  700. #app-mount .link-2T7oYD {                                   /* header               linkicon                            */
  701.     color: rgb(var(--fontwhite3));
  702.     opacity: 1;
  703. }
  704. .clickable-3rdHwn:hover .icon-22AiRD,
  705. #app-mount .link-2T7oYD:hover {
  706.     color: rgb(var(--fontwhite2));
  707. }
  708. .clickable-3rdHwn:active .icon-22AiRD,
  709. .clickable-3rdHwn.selected-1GqIat .icon-22AiRD,
  710. #app-mount .link-2T7oYD:active {
  711.     color: rgb(var(--fontwhite1));
  712. }
  713.  
  714. .divider-3FBTu8 {                                           /* header               divider                             */
  715.     background-color: rgba(var(--fontwhite1), 0.1);
  716. }
  717.  
  718. .searchBar-3dMhjb {                                         /* header               searchbar                           */
  719.     background-color: rgba(var(--vtransparencycolor), 0.3);
  720.     color: rgb(var(--fontwhite1));
  721. }
  722. .search-2oPWTC .DraftEditor-root .public-DraftEditorPlaceholder-root {
  723.     color: rgb(var(--fontwhite3));
  724. }
  725. #app-mount .searchFilter-2ESiM3,
  726. #app-mount .searchAnswer-3Dz2-q {
  727.     background-color: rgb(var(--vaccentcolor));
  728.     color: rgb(var(--fontwhite1));
  729. }
  730.  
  731. /* ----     6.2.    MESSAGES                        ---- */
  732.  
  733. .base-34jWEe h1 {                                           /* welcomemessage       dmchannel                           */
  734.     color: rgb(var(--fontwhite1));
  735. }
  736. .welcomeMessage-3_Mcht .h1-1IDj26 {                         /* welcomemessage       header                              */
  737.     color: rgb(var(--fontwhite1));
  738. }
  739. .welcomeMessage-3_Mcht p {                                  /* welcomemessage       line                                */
  740.     color: rgb(var(--fontwhite2));
  741. }
  742. .divider-JfaTT5:not(.isUnread-3Ef-o9) {                     /* divider              time                                */
  743.     border-color: rgba(var(--fontwhite1), 0.2);
  744. }
  745. .divider-JfaTT5.hasContent-1cNJDh {                         /* divider              hascontent                          */
  746.     border-color: transparent;
  747. }
  748. .content-1o0f9g {                                           /* divider              content                             */
  749.     background-color: rgba(var(--vtransparencycolor), 0.2);
  750.     color: rgb(var(--fontwhite3));
  751.     width: 100%;
  752.     text-align: center;
  753. }
  754.  
  755. .hasMore-3e72_v {                                           /* bar                  hasmore                             */
  756.     box-shadow: inset 0 0 0 1px rgba(var(--fontwhite1), 0.1);
  757. }
  758. .hasMore-3e72_v:hover {
  759.     background-color: rgba(var(--vtransparencycolor), 0.2);
  760. }
  761. .jumpToPresentBar-9P20AM {                                  /* bar                  jumptopresent                       */
  762.     overflow: hidden;
  763.     background: transparent;
  764.     opacity: 1;
  765. }
  766. .jumpToPresentBar-9P20AM:after,
  767. .jumpToPresentBar-9P20AM:before {
  768.     content: "";
  769.     position: absolute;
  770.     top: 0;
  771.     bottom: 0;
  772.     right: 0;
  773.     left: 0;
  774.     pointer-events: none;
  775.     z-index: -1;
  776. }
  777. .jumpToPresentBar-9P20AM:after {
  778.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  779. }
  780. .jumpToPresentBar-9P20AM:before {
  781.     background: var(--vbackground) center/var(--vbackgroundsize);
  782.     filter: blur(var(--vbackgroundblur));
  783.     background-attachment: fixed;
  784. }
  785. .barButtonBase-3UKlW2 {                                     /* bar                  text                                */
  786.     color: rgb(var(--fontwhite1));
  787. }
  788.  
  789. /* ====     6.2.1.  MESSAGE                         ==== */
  790.  
  791. .message-2qnXI6,                                            /* message              container                           */
  792. .preview-2nSL_2 .container-3FojY8,
  793. .messageGroupCozy-2iY6cT,
  794. .messageGroupCozy-1BZuO8 {
  795.     background-color: rgba(var(--vtransparencycolor), var(--vmessagetransparency));
  796. }
  797. .message-2qnXI6.selected-2P5D_Z,
  798. .mouse-mode .message-2qnXI6:hover {
  799.     background-color: rgba(var(--vtransparencycolor), calc(var(--vmessagetransparency) * 1.2 * var(--vusechatbubbles) + 0.3 * (1 - var(--vusechatbubbles))));
  800. }
  801. .message-2qnXI6.localBot-GrCgVt {                           /* message              localbot                            */
  802.     background-image: linear-gradient(rgba(var(--vaccentcolor), calc(0.1 * (1 - var(--vusechatbubbles)))), rgba(var(--vaccentcolor), calc(0.2 * (1 - var(--vusechatbubbles)))));
  803. }
  804. .message-2qnXI6.mentioned-xhSam7 {                          /* message              mentioned                           */
  805.     background-image: linear-gradient(rgba(var(--vaccentcolor), calc(0.2 * (1 - var(--vusechatbubbles)))), rgba(var(--vaccentcolor), calc(0.2 * (1 - var(--vusechatbubbles)))));
  806. }
  807. .message-2qnXI6.localBot-GrCgVt:before,
  808. .message-2qnXI6.mentioned-xhSam7:before {
  809.     background-color: rgb(var(--vaccentcolor));
  810. }
  811. .message-2qnXI6.mentioned-xhSam7 .markup-2BOw-j {
  812.     border-radius: 3px;
  813.     background-color: rgba(var(--vaccentcolor), calc(0.3 * var(--vusechatbubbles)));
  814. }
  815. .systemMessage-1I9LCe .iconContainer-3GkGRf {
  816.     background-color: rgba(var(--vtransparencycolor), var(--vmessagetransparency));
  817.     border-radius: 50%;
  818.     left: calc(1px * (-58 * var(--vusechatbubbles) + -48 * (1 - var(--vusechatbubbles))));
  819.     height: 25px;
  820.     width: 25px;
  821. }
  822. .systemMessage-1I9LCe .iconContainer-3GkGRf:after {
  823.     content: "";
  824.     position: absolute;
  825.     top: 3px;
  826.     left: 26px;
  827.     border: 10px solid transparent;
  828.     border-right: 12px solid rgba(var(--vtransparencycolor), var(--vmessagetransparency));
  829. }
  830. .cozy-3raOZG .header-23xsNx:after {
  831.     content: "";
  832.     position: absolute;
  833.     top: 12px;
  834.     left: 40px;
  835.     border: 10px solid transparent;
  836.     border-right: 12px solid rgba(var(--vtransparencycolor), var(--vmessagetransparency));
  837. }
  838. .selected-2P5D_Z.cozy-3raOZG .header-23xsNx:after,
  839. .mouse-mode .cozy-3raOZG:hover .header-23xsNx:after,
  840. .selected-2P5D_Z.cozy-3raOZG .iconContainer-3GkGRf:after,
  841. .mouse-mode .cozy-3raOZG:hover .iconContainer-3GkGRf:after {
  842.     border-right-color: rgba(var(--vtransparencycolor), calc(var(--vmessagetransparency) * 1.2));
  843. }
  844. #app-mount .localBot-GrCgVt.cozy-3raOZG .header-23xsNx:after,
  845. #app-mount .mentioned-xhSam7.cozy-3raOZG .header-23xsNx:after {
  846.     border-right-color: rgba(var(--vaccentcolor), calc(var(--vmessagetransparency) * 100000000000000000000000000000));
  847. }
  848. .container-3FojY8 {
  849.     overflow: visible;
  850. }
  851. .avatar-1BDn8e {
  852.     left: calc(-10px * var(--vusechatbubbles));
  853. }
  854. .timestampCozyAlt-1Hs08c {
  855.     margin-left: calc(-80px * var(--vusechatbubbles));
  856. }
  857. .cozyMessage-3V1Y8y,
  858. .preview-2nSL_2 {
  859.     margin-left: calc(80px * var(--vusechatbubbles));
  860. }
  861. .cozyMessage-3V1Y8y .container-3FojY8,
  862. .preview-2nSL_2 .container-3FojY8 {
  863.     overflow: visible;
  864.     padding-left: calc(1px * (10 * var(--vusechatbubbles) + 72 * (1 - var(--vusechatbubbles))));
  865. }
  866. .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT,
  867. .searchResult-3pzFAB .messageGroupCozy-1BZuO8 {
  868.     border-radius: 5px;
  869.     margin-left: calc(60px * var(--vusechatbubbles));
  870. }
  871. .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT .container-3FojY8,
  872. .searchResult-3pzFAB .messageGroupCozy-1BZuO8 .container-3FojY8 {
  873.     padding-left: calc(1px * (10 * var(--vusechatbubbles) + 72 * (1 - var(--vusechatbubbles))));
  874. }
  875.  
  876. .expanded-13sWhZ {                                          /* message              expanded blocked                    */
  877.     background-color: rgba(var(--vtransparencycolor), 0.2);
  878.     border-radius: 5px 5px 0 5px;
  879.     margin-bottom: .5625rem;
  880. }
  881.  
  882. .edited-DL9ECl {                                            /* message              editedtag                           */
  883.     color: rgb(var(--fontwhite3));
  884. }
  885.  
  886. .timestampCozy-1HNQR2,                                      /* message              timestamp                           */
  887. .timestampCompact-29LLPQ,
  888. .timestamp-1E3uAL {
  889.     color: rgb(var(--fontwhite3));
  890. }
  891.  
  892. .reaction-1hd86g {                                          /* message              reaction                            */
  893.     background-color: rgba(var(--vtransparencycolor), 0.3);
  894. }
  895. .reactionCount-2mvXRV {                                     /* message              reactioncount                       */
  896.     color: rgb(var(--fontwhite4));
  897. }
  898. .reaction-1hd86g:hover .reactionCount-2mvXRV {
  899.     color: rgb(var(--fontwhite2));
  900. }
  901.  
  902. .wrapper-2aW0bm {                                           /* message              buttons                             */
  903.     background-color: transparent;
  904.     position: relative;
  905. }
  906. .wrapper-2aW0bm:after,
  907. .wrapper-2aW0bm:before {
  908.     content: "";
  909.     position: absolute;
  910.     top: 0;
  911.     bottom: 0;
  912.     right: 0;
  913.     left: 0;
  914.     width: unset;
  915.     height: unset;
  916.     pointer-events: none;
  917.     z-index: -1;
  918. }
  919. .wrapper-2aW0bm:after {
  920.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
  921. }
  922. .wrapper-2aW0bm:before {
  923.     background: var(--vpopout) center/var(--vpopoutsize);
  924.     filter: blur(var(--vpopoutblur));
  925.     background-attachment: fixed;
  926. }
  927. .separator-42rNt0 {                                         /* message              buttonsseparator                    */
  928.     border-left-color: rgba(var(--fontwhite1), 0.1);
  929. }
  930. .button-1ZiXG9:hover {                                      /* message              button                              */
  931.     background-color: rgba(var(--vtransparencycolor), 0.2);
  932. }
  933. .button-1ZiXG9.selected-LCBEAU {
  934.     background-color: rgba(var(--vtransparencycolor), 0.4);
  935. }
  936.  
  937. #app-mount .localBotMessage-3cUzun,                         /* message              localbotoperations                  */
  938. #app-mount .operations-36ENbA {                             /* message              editoperations                      */
  939.     color: rgb(var(--fontwhite3));
  940. }
  941.  
  942. .markup-2BOw-j {                                            /* message              markup                              */
  943.     color: rgb(var(--fontwhite2));
  944. }
  945. .markup-2BOw-j code {                                       /* messageelement       code                                */
  946.     background-color: transparent;
  947.     border-color: transparent;
  948. }
  949. .markup-2BOw-j pre {                                        /* messageelement       pre                                 */
  950.     background-color: rgba(var(--vtransparencycolor), 0.4);
  951.     border-color: rgba(var(--vtransparencycolor), 0.1);
  952. }
  953. .markup-2BOw-j .inline {                                    /* messageelement       inline                              */
  954.     background-color: rgba(var(--vtransparencycolor), 0.4);
  955. }
  956. .markup-2BOw-j .hljs {                                      /* messageelement       hljs                                */
  957.     color: rgb(var(--fontwhite2));
  958. }
  959. .blockquoteDivider-2hH8H6 {                                 /* messageelement       quotedivider                        */
  960.     background-color: rgb(var(--fontwhite4));
  961. }
  962.  
  963. #app-mount .spoilerText-3p6IlD {                            /* messageelement       spoiler                             */
  964.     background-color: rgba(var(--vtransparencycolor), 0.2);
  965. }
  966. #app-mount .spoilerText-3p6IlD.hidden-HHr2R9 {              /* messageelement       hiddenspoiler                       */
  967.     background-color: rgba(var(--vtransparencycolor), 0.5);
  968. }
  969.  
  970. .container-3-pyIM {                                         /* systemmessage        content                             */
  971.     color: rgb(var(--fontwhite3));
  972. }
  973. .icon-2Po-VO[style*="/assets/5da4cdab01d4d89c593c48c62ae0d937.svg"] {       /* systemmessage            pinicon                                 */
  974.     -webkit-mask: url(https://discordapp.com/assets/5da4cdab01d4d89c593c48c62ae0d937.svg) center/cover no-repeat;
  975.     background: rgb(var(--fontwhite3)) !important;
  976. }
  977. .icon-2Po-VO[style*="/assets/d80d1fdc43a3c42134a31a39581160ac.svg"] {       /* systemmessage            missedcall                              */
  978.     -webkit-mask: url(https://discordapp.com/assets/d80d1fdc43a3c42134a31a39581160ac.svg) center/cover no-repeat;
  979.     background: rgb(var(--fontwhite3)) !important;
  980. }
  981. .icon-2Po-VO[style*="/assets/b8029fe196b8f1382e90bbe81dab50dc.svg"] {       /* systemmessage            joincallicon                            */
  982.     -webkit-mask: url(https://discordapp.com/assets/b8029fe196b8f1382e90bbe81dab50dc.svg) center/cover no-repeat;
  983.     background: rgb(var(--vaccentcolor)) !important;
  984. }
  985. .icon-2Po-VO[style*="/assets/c30220457097b064286a8759a9b6c4af.svg"] {       /* systemmessage            recievecallicon                         */
  986.     -webkit-mask: url(https://discordapp.com/assets/c30220457097b064286a8759a9b6c4af.svg) center/cover no-repeat;
  987.     background: rgb(var(--vaccentcolor)) !important;
  988. }
  989.  
  990. /* ====     6.2.2.  EMBEDS                          ==== */
  991.  
  992. #app-mount .embedFull-2tM8-- {                              /* embed                wrapper                             */
  993.     background-color: rgba(var(--vtransparencycolor), 0.3);
  994.     border-left-color: rgb(var(--fontwhite4));
  995. }
  996. #app-mount .embedAuthorName-3mnTWj,                         /* embed                author                              */
  997. #app-mount .embedFieldName-NFrena,                          /* embed                fieldname                           */
  998. #app-mount .embedTitle-3OXDkz {                             /* embed                title                               */
  999.     color: rgb(var(--fontwhite1)) !important;
  1000. }
  1001. #app-mount .embedDescription-1Cuq9a,                        /* embed                description                         */
  1002. #app-mount .embedFieldValue-nELq2s {                        /* embed                fieldvalue                          */
  1003.     color: rgb(var(--fontwhite3));
  1004. }
  1005. #app-mount .embedProvider-3k5pfl {                          /* embed                provider                            */
  1006.     color: rgb(var(--fontwhite3)) !important;
  1007. }
  1008. #app-mount .embedFooterText-28V_Wb {                        /* embed                footer                              */
  1009.     color: rgb(var(--fontwhite4));
  1010. }
  1011.  
  1012. #app-mount .attachment-33OFj0 {                             /* attachment           container                           */
  1013.     background-color: rgba(var(--vtransparencycolor), 0.3);
  1014.     border-color: rgba(var(--vtransparencycolor), 0.1);
  1015. }
  1016. #app-mount .metadata-3WGS0M {                               /* attachment           metadata                            */
  1017.     color: rgb(var(--fontwhite4));
  1018. }
  1019. #app-mount .downloadButton-23tKQp {                         /* attachment           downloadbutton                      */
  1020.     color: rgb(var(--fontwhite4));
  1021. }
  1022. #app-mount .downloadButton-23tKQp:hover {
  1023.     color: rgb(var(--fontwhite3));
  1024. }
  1025. #app-mount .downloadButton-23tKQp:active {
  1026.     color: rgb(var(--fontwhite2));
  1027. }
  1028. #app-mount .twitchSectionPlayButton-2RamGG {
  1029.     background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M12.3333 10.002V22.002L22.3333 16.002L12.3333 10.002Z" fill="rgb(185,187,190)"/></svg>');
  1030.     background-color: rgba(var(--vtransparencycolor), 0.4);
  1031.     border-radius: 50%;
  1032.     object-position: -9999999px -9999999px;
  1033. }
  1034. #app-mount .twitchSectionPlayButton-2RamGG:hover {
  1035.     background-color: rgba(var(--vtransparencycolor), 0.8);
  1036. }
  1037.  
  1038. #app-mount .embedSuppressButton-1FonMn {                    /* attachment           closebutton                         */
  1039.     color: rgb(var(--fontwhite3));
  1040. }
  1041. #app-mount .embedSuppressButton-1FonMn:hover {
  1042.     color: rgb(var(--fontwhite3));
  1043. }
  1044.  
  1045. /* ====     6.2.3.  NITROGIFT                       ==== */
  1046.  
  1047. #app-mount .tile-2OwFgW {                                   /* gift                 container                           */
  1048.     background-color: rgba(var(--vtransparencycolor), 0.3);
  1049.     box-shadow: 0 0 0 rgba(var(--vtransparencycolor), 0.15);
  1050. }
  1051. #app-mount .title-1rUb9I {                                  /* gift                 title                               */
  1052.     color: rgb(var(--fontwhite2));
  1053. }
  1054. #app-mount .tagline-2nvxi0 {                                /* gift                 tagline                             */
  1055.     color: rgb(var(--fontwhite4));
  1056. }
  1057.  
  1058. /* ====     6.2.4.  INVITE                          ==== */
  1059.  
  1060. #app-mount .wrapper-35wsBm {                                /* invite               container                           */
  1061.     background-color: rgba(var(--vtransparencycolor), 0.3);
  1062.     border-color: rgba(var(--vtransparencycolor), 0.1);
  1063. }
  1064. #app-mount .guildName-2hvnt_ {                              /* invite               name                                */
  1065.     color: rgb(var(--fontwhite1));
  1066. }
  1067. #app-mount .guildDetail-1nRKNE {                            /* invite               details                             */
  1068.     color: rgb(var(--fontwhite4));
  1069. }
  1070.  
  1071. /* ----     6.3.    TEXTAREA                        ---- */
  1072.  
  1073.  
  1074.  
  1075. .form-2fGMdU {                                              /* textarea             form                                */
  1076.     position: relative;
  1077.     padding-top: 10px;
  1078. }
  1079. .form-2fGMdU > * {
  1080.     z-index: 1;
  1081. }
  1082. .form-2fGMdU:after,
  1083. .form-2fGMdU:before {
  1084.     display: flex;
  1085.     content: "";
  1086.     position: absolute;
  1087.     top: 0;
  1088.     bottom: 0;
  1089.     right: 8px;
  1090.     left: 0;
  1091.     height: unset;
  1092.     width: unset;
  1093.     pointer-events: none;
  1094. }
  1095. .form-2fGMdU:after {
  1096.     background-color: rgba(var(--vtransparencycolor), var(--vtransparencyalpha));
  1097. }
  1098. .form-2fGMdU:before {
  1099.     background: var(--vbackground) center/var(--vbackgroundsize);
  1100.     filter: blur(var(--vbackgroundblur));
  1101.     background-attachment: fixed;
  1102. }
  1103.  
  1104. .channelTextArea-rNsIhG {                                   /* textarea             channeltextarea                     */
  1105.     background-color: transparent;
  1106.     border-top-color: rgba(var(--fontwhite1), 0.1);
  1107. }
  1108.  
  1109. .scrollableContainer-2NUZem {                               /* textarea             container                           */
  1110.     background-color: rgba(var(--vtransparencycolor), 0.3);
  1111. }
  1112.  
  1113. .attachButtonPlus-jWVFah {                                  /* textarea             attachbuttoninner                   */
  1114.     fill: rgb(var(--fontwhite3));
  1115. }
  1116. .attachButton-2WznTc:hover .attachButtonPlus-jWVFah {
  1117.     fill: rgb(var(--fontwhite2));
  1118. }
  1119. .attachButton-2WznTc:active .attachButtonPlus-jWVFah {
  1120.     fill: rgb(var(--fontwhite1));
  1121. }
  1122. .attachWrapper-2TRKBi {                                     /* textarea             attachdivider                       */
  1123.     border-color: rgb(var(--fontwhite3));
  1124. }
  1125.  
  1126. #app-mount .textArea-12jD-V {                               /* textarea             textarea                            */
  1127.     color: rgb(var(--fontwhite1));
  1128. }
  1129. #app-mount .textArea-12jD-V::placeholder {
  1130.     color: rgb(var(--fontwhite4));
  1131. }
  1132. .placeholder-37qJjk,
  1133. .slateTextArea-1Mkdgw .hljs-comment,
  1134. .slateTextArea-1Mkdgw .hljs-quote {
  1135.     color: rgb(var(--fontwhite4));
  1136. }
  1137.  
  1138. .button-3AYNKb {                                            /* textarea             buttons                             */
  1139.     color: rgb(var(--fontwhite3));
  1140. }
  1141. .button-3AYNKb:hover,
  1142. .buttonWrapper-1ZmCpA:hover .icon-3D60ES {
  1143.     color: rgb(var(--fontwhite2));
  1144. }
  1145. .active-23Nm0T .icon-3D60ES,
  1146. .active-23Nm0T:hover .icon-3D60ES {
  1147.     color: rgb(var(--fontwhite1));
  1148. }
  1149. .sprite-2iCowe {                                            /* textarea             emojibutton                         */
  1150.     transform: none !important;
  1151. }
  1152.  
  1153. .base-gE7OpD {                                              /* textarea             typingusers                         */
  1154.     color: rgb(var(--fontwhite1));
  1155. }
  1156.  
  1157. .wrapper-39oAo3 {                                           /* textarea             placeholder                         */
  1158.     background-color: rgba(var(--vtransparencycolor), 0.3);
  1159.     color: rgb(var(--fontwhite2));
  1160. }
  1161.  
  1162. .toolbar-2bjZV7 {                                           /* textarea             formattoolbar                       */
  1163.     background-color: rgb(var(--vaccentcolor));
  1164. }
  1165. .toolbar-2bjZV7:before {
  1166.     border-top-color: rgb(var(--vaccentcolor));
  1167. }
  1168. .divider-24xeUg {                                           /* textarea             formattoolbardivider                */
  1169.     border-left-color: rgba(var(--fontwhite1), 0.1);
  1170. }
  1171. .active-2HPddW,                                             /* textarea             buttonactive                        */
  1172. .hover-28QbSq:hover {                                       /* textarea             buttonhover                         */
  1173.     background-color: rgba(var(--fontwhite1), 0.2);
  1174. }
  1175. .icon-KgGMGo {                                              /* textarea             buttonicon                          */
  1176.     color: rgb(var(--fontwhite2));
  1177. }
  1178. .active-2HPddW .icon-KgGMGo,
  1179. .hover-28QbSq:hover .icon-KgGMGo {
  1180.     color: rgb(var(--fontwhite1));
  1181. }
  1182.  
  1183. /* ----     6.4.    AUTOCOMPLETEMENU                ---- */
  1184.  
  1185. #app-mount .autocomplete-1vrmpx {                           /* autocomplete         container                           */
  1186.     background-color: transparent;
  1187.     overflow: hidden;
  1188. }
  1189. #app-mount .autocomplete-1vrmpx:after,
  1190. #app-mount .autocomplete-1vrmpx:before {
  1191.     content: "";
  1192.     position: absolute;
  1193.     top: 0;
  1194.     bottom: 0;
  1195.     right: 0;
  1196.     left: 0;
  1197.     width: unset;
  1198.     height: unset;
  1199.     pointer-events: none;
  1200.     z-index: -1;
  1201. }
  1202. #app-mount .autocomplete-1vrmpx:after {
  1203.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
  1204. }
  1205. #app-mount .autocomplete-1vrmpx:before {
  1206.     background: var(--vpopout) center/var(--vpopoutsize);
  1207.     filter: blur(var(--vpopoutblur));
  1208.     background-attachment: fixed;
  1209. }
  1210. .theme-brand .autocomplete-1vrmpx {
  1211.     background: rgb(var(--vaccentcolor)) linear-gradient(rgba(var(--vtransparencycolor), 0.2), rgba(var(--vtransparencycolor), 0.2)) !important;
  1212. }
  1213. .theme-brand .autocomplete-1vrmpx:after,
  1214. .theme-brand .autocomplete-1vrmpx:before {
  1215.     display: none;
  1216. }
  1217. #app-mount .container-3ISnnM:after {
  1218.     box-shadow: inset 0 -7px 12px -7px rgba(var(--vtransparencycolor), 0.3);
  1219. }
  1220. #app-mount .header-1TOWci {                             /* autocomplete             header                              */
  1221.     box-shadow: 0 1px 0 0 rgba(var(--vtransparencycolor), 0.2), 0 1px 2px 0 rgba(var(--vtransparencycolor), 0.2);
  1222. }
  1223. #app-mount .backButton-JyKGC1 {                         /* autocomplete             backbutton                          */
  1224.     color: rgb(var(--fontwhite3));
  1225. }
  1226. #app-mount .backButton-JyKGC1:hover {
  1227.     color: rgb(var(--fontwhite2));
  1228. }
  1229. #app-mount .focused-1En8bG,                             /* autocomplete             result                              */
  1230. #app-mount .result-3w1ZcL:hover {
  1231.     box-shadow: 0 11px 22px 1px rgba(var(--vtransparencycolor), 0.3);
  1232. }
  1233. #app-mount .emptyHintCard-2mUdMe {
  1234.     background-color: rgba(var(--vtransparencycolor), 0.2);
  1235. }
  1236. #app-mount .emptyHintText-1QDF9N {
  1237.     color: rgb(var(--fontwhite1));
  1238. }
  1239. #app-mount .endText-3SrwuD {
  1240.     color: rgb(var(--fontwhite3));
  1241. }
  1242. #app-mount .endContainer-1ZDW8j:after {
  1243.     background-image: url(https://discordapp.com/assets/0c735bf91232f2a2266e6ba9d6753565.svg);
  1244.     opacity: 0.6;
  1245. }
  1246. #app-mount .contentTitle-2tG_sM {                       /* autocomplete             searchtitle                         */
  1247.     color: rgb(var(--fontwhite3));
  1248. }
  1249. #app-mount .contentTitle-2tG_sM strong {
  1250.     color: rgb(var(--fontwhite1));
  1251. }
  1252. #app-mount .divider-23swzi {                            /* autocomplete             divider                             */
  1253.     background-color: rgba(var(--fontwhite4), 0.3);
  1254. }
  1255. #app-mount .selectorSelected-1_M1WV {                   /* autocomplete             rowselected                         */
  1256.     background-color: rgba(var(--vtransparencycolor), 0.3);
  1257. }
  1258. #app-mount .content-Qb0rXO {                            /* autocomplete             rowcontent                          */
  1259.     color: rgb(var(--fontwhite2));
  1260. }
  1261. #app-mount .iconForeground-1w5n7R {                     /* autocomplete             icon                                */
  1262.     fill: rgb(var(--fontwhite3));
  1263. }
  1264. #app-mount .description-11DmNu,                         /* autocomplete             description                         */
  1265. #app-mount .descriptionUsername-J_75O8 {                /* autocomplete             username                            */
  1266.     color: rgb(var(--fontwhite3));
  1267. }
  1268. #app-mount .descriptionDiscriminator-3vUOCc {           /* autocomplete             discriminator                       */
  1269.     color: rgb(var(--fontwhite3));
  1270. }
  1271. #app-mount .selectorSelected-1_M1WV .content-Qb0rXO {
  1272.     color: rgb(var(--fontwhite1));
  1273. }
  1274. #app-mount .selectorSelected-1_M1WV .iconForeground-1w5n7R {
  1275.     fill: rgb(var(--fontwhite2));
  1276. }
  1277. #app-mount .selectorSelected-1_M1WV .description-11DmNu,
  1278. #app-mount .selectorSelected-1_M1WV .descriptionUsername-J_75O8 {
  1279.     color: rgb(var(--fontwhite2));
  1280. }
  1281. #app-mount .selectorSelected-1_M1WV .descriptionDiscriminator-3vUOCc {
  1282.     color: rgb(var(--fontwhite2));
  1283. }
  1284.  
  1285.  
  1286. /* ----     6.5.    MEMBERLIST                      ---- */
  1287.  
  1288. .member-3-YXUe {                                            /* member               container                           */
  1289.     color: rgb(var(--fontwhite3));
  1290. }
  1291. .clickable-1JJAn8.member-3-YXUe:hover {
  1292.     color: rgb(var(--fontwhite2));
  1293. }
  1294. .clickable-1JJAn8.member-3-YXUe:active,
  1295. .selected-aXhQR6.member-3-YXUe {
  1296.     color: rgb(var(--fontwhite1));
  1297. }
  1298. .member-3-YXUe:hover .layout-2DM8Md {                       /* member               inner                               */
  1299.     background-color: rgba(var(--vtransparencycolor), 0.2);
  1300. }
  1301. .selected-aXhQR6.member-3-YXUe .layout-2DM8Md {
  1302.     background-color: rgb(var(--vaccentcolor));
  1303.     text-shadow: 1px 1px var(--vtextshadow);
  1304. }
  1305. .selected-aXhQR6.member-3-YXUe .layout-2DM8Md svg {
  1306.     filter: drop-shadow(1px 1px var(--vtextshadow));
  1307. }
  1308. .member-3-YXUe .name-uJV0GL {
  1309.     color: rgb(var(--fontwhite2));
  1310. }
  1311. .member-3-YXUe .activity-2Gy-9S {
  1312.     color: rgb(var(--fontwhite3));
  1313. }
  1314. .member-3-YXUe:hover .linkButtonIcon-Mlm5d6,
  1315. .member-3-YXUe.selected-aXhQR6 .linkButtonIcon-Mlm5d6 {
  1316.     color: rgb(var(--fontwhite1));
  1317. }
  1318. .member-3-YXUe:hover .name-uJV0GL,
  1319. .member-3-YXUe.selected-aXhQR6 .name-uJV0GL {
  1320.     color: rgb(var(--fontwhite1));
  1321. }
  1322. .member-3-YXUe:hover .activity-2Gy-9S,
  1323. .member-3-YXUe.selected-aXhQR6 .activity-2Gy-9S {
  1324.     color: rgb(var(--fontwhite2));
  1325. }
  1326. .member-3-YXUe.selected-aXhQR6 .premiumIcon-2IFPOX {
  1327.     color: rgb(var(--fontwhite1)) !important;
  1328. }
  1329.  
  1330. .membersGroup-v9BXpm {                                      /* roleheader                                               */
  1331.     color: rgb(var(--fontwhite2));
  1332. }
  1333.  
  1334. .avatar-VxgULZ:before {                                     /* emptyavatar                                              */
  1335.     background-color: rgba(var(--vtransparencycolor), 0.3);
  1336. }
  1337.  
  1338. .memberGroupsPlaceholder-3mwPub,                            /* loadingplaceholders                                      */
  1339. .placeholderAvatar-damqh6,
  1340. .placeholderUsername-2B_OA9 {
  1341.     background-color: rgb(var(--vaccentcolor));
  1342. }
  1343.  
  1344. /* ----     6.6.    SEARCHPAGE                      ---- */
  1345.  
  1346. #app-mount .searchResultsWrap-2DKFzt {                      /* searchpage           container                           */
  1347.     background-color: transparent;
  1348. }
  1349. #app-mount .searchHeader-1l-wpR {                           /* searchpage           header                              */
  1350.     background-color: rgba(var(--vtransparencycolor), calc(var(--vguildchanneltransparency) * 0.8));
  1351.     box-shadow: 0 1px 0 rgba(var(--vtransparencycolor), 0.2);
  1352. }
  1353. #app-mount .searchHeader-1l-wpR .totalResults-gxvzgw {      /* searchpage           results                             */
  1354.     color: rgb(var(--fontwhite3));
  1355.     opacity: 1;
  1356. }
  1357. #app-mount .searchHeader-1l-wpR .tab-2Ixsn0 {               /* searchpage           tab                                 */
  1358.     color: rgb(var(--fontwhite3));
  1359.     opacity: 1;
  1360. }
  1361. #app-mount .searchHeader-1l-wpR .tab-2Ixsn0:hover {
  1362.     color: rgb(var(--fontwhite2));
  1363.     border-bottom-color: rgb(var(--fontwhite2));
  1364. }
  1365. #app-mount .searchHeader-1l-wpR .tab-2Ixsn0.selected-16te-P {
  1366.     color: rgb(var(--fontwhite1));
  1367.     border-bottom-color: rgb(var(--fontwhite1));
  1368. }
  1369. #app-mount .searchHeader-1l-wpR + div {
  1370.     background-color: rgba(var(--vtransparencycolor), calc(var(--vguildchanneltransparency) * 0.5));
  1371. }
  1372. #app-mount .channelSeparator-1X1FuH {                       /* searchpage           separator                           */
  1373.     overflow: hidden;
  1374.     width: 390px;
  1375. }
  1376. #app-mount .channelSeparator-1X1FuH:not(:empty):before {
  1377.     display: none;
  1378. }
  1379. #app-mount .channelSeparator-1X1FuH .channelName-1QajIf {   /* searchpage           channelname                         */
  1380.     background: transparent;
  1381.     color: rgb(var(--fontwhite3));
  1382. }
  1383. #app-mount .channelSeparator-1X1FuH .channelName-1QajIf:after {
  1384.     content: "";
  1385.     border-bottom: 1px solid rgba(var(--fontwhite3), 0.5);
  1386.     height: 1px;
  1387.     margin-left: 10px;
  1388.     position: absolute;
  1389.     pointer-events: none;
  1390.     top: 50%;
  1391.     width: 100vw;
  1392.     z-index: 0;
  1393. }
  1394. .searchResult-3pzFAB:before,                                /* searchpage           result                              */
  1395. .searchResult-3pzFAB:after {
  1396.     display: none;
  1397. }
  1398. #app-mount .searchResult-3pzFAB .hit-NLlWXA {
  1399.     background-color: rgba(var(--vtransparencycolor), 0.1);
  1400.     border-color: rgba(var(--vtransparencycolor), 0.1);
  1401.     box-shadow: none;
  1402. }
  1403. #app-mount .searchResult-3pzFAB.expanded-v2Szsz {
  1404.     background-color: rgba(var(--vtransparencycolor), 0.1);
  1405.     border-color: rgba(var(--vtransparencycolor), 0.1);
  1406. }
  1407. #app-mount .searchResult-3pzFAB:not(.expanded-v2Szsz) .before-1x1q5S.sibling-3tUBeh {
  1408.     -webkit-mask: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 50%, rgba(0,0,0,0.1) 85%, rgba(0,0,0,0) 100%);
  1409. }
  1410. #app-mount .searchResult-3pzFAB:not(.expanded-v2Szsz) .after-2g0jjc.sibling-3tUBeh {
  1411.     -webkit-mask: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0.9) 50%, rgba(0,0,0,0.1) 85%, rgba(0,0,0,0) 100%);
  1412. }
  1413. #app-mount .searchResult-3pzFAB:not(.expanded-v2Szsz) .before-1x1q5S:not(.sibling-3tUBeh),
  1414. #app-mount .searchResult-3pzFAB:not(.expanded-v2Szsz) .after-2g0jjc:not(.sibling-3tUBeh) {
  1415.     display: none;
  1416. }
  1417.  
  1418. #app-mount .pagination-eQpqgk {
  1419.     color: rgb(var(--fontwhite3));
  1420. }
  1421. #app-mount .pagination-eQpqgk .paginationNext-3Tefao,       /* searchpage           paginationbuttons                   */
  1422. #app-mount .pagination-eQpqgk .paginationPrevious-4Yw0Tk {
  1423.     background: transparent;
  1424.     border-color: rgba(var(--fontwhite1), 0.5);
  1425. }
  1426. #app-mount .pagination-eQpqgk .paginationNext-3Tefao:before,
  1427. #app-mount .pagination-eQpqgk .paginationPrevious-4Yw0Tk:before {
  1428.     content: ">";
  1429.     color: rgb(var(--fontwhite1));
  1430.     position: absolute;
  1431.     font-weight: 700;
  1432.     line-height: 18px;
  1433.     font-size: 21px;
  1434.     width: 20px;
  1435.     text-align: center;
  1436.     transform: scaleX(0.4);
  1437. }
  1438. #app-mount .emptySearchDescription-2AmfE4,
  1439. #app-mount .emptySearchTitle-2zDhhZ {
  1440.     color: rgb(var(--fontwhite1));
  1441. }
  1442.  
  1443. /* ----     6.7.    CALL                            ---- */
  1444.  
  1445. #app-mount .incomingCallInner-2VmFiR {                      /* popout               inner                               */
  1446.     background: transparent;
  1447.     border: none;
  1448. }
  1449. .incomingCallInner-2VmFiR:after,
  1450. .incomingCallInner-2VmFiR:before {
  1451.     content: "";
  1452.     position: absolute;
  1453.     top: 0;
  1454.     bottom: 0;
  1455.     right: 0;
  1456.     left: 0;
  1457.     width: unset;
  1458.     height: unset;
  1459.     pointer-events: none;
  1460.     z-index: -1;
  1461. }
  1462. .incomingCallInner-2VmFiR:after {
  1463.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
  1464. }
  1465. .incomingCallInner-2VmFiR:before {
  1466.     background: var(--vpopout) center/var(--vpopoutsize);
  1467.     filter: blur(var(--vpopoutblur));
  1468.     background-attachment: fixed;
  1469. }
  1470. #app-mount .members-2BNiuX {                                /* popout               members                         */
  1471.     color: rgb(var(--fontwhite1));
  1472. }
  1473. #app-mount .subtitle-1H8FPn {                               /* popout               subtitle                        */
  1474.     color: rgb(var(--fontwhite3));
  1475. }
  1476.  
  1477. #app-mount .wrapper-29NfPK {                                /* call                 wrapper                         */
  1478.     background-color: rgba(var(--vtransparencycolor), calc(var(--vguildchanneltransparency) * 0.8));
  1479. }
  1480. #app-mount .video-1FfuMD {                                  /* call                 video                           */
  1481.     background-color: transparent;
  1482. }
  1483. #app-mount .wrapper-29NfPK.minimum-2d6zH6 .actions-2vadYq .center-1Vp33r {
  1484.     background-color: rgba(var(--vtransparencycolor), 0.4);
  1485.     border: none;
  1486. }
  1487. .regionSelectPopout-p9-0_W {
  1488.     width: 170px;
  1489. }
  1490.  
  1491. /* ----     6.8.    UNAVAILABLESCREEN               ---- */
  1492.  
  1493. .category-2haXBH,                                           /* loadingplaceholders                                      */
  1494. .channelIcon-1TvDoP,
  1495. .channelName-2wrHHc {
  1496.     background-color: rgb(var(--vaccentcolor));
  1497. }
  1498. .splashImage-13vBzp {                                       /* screen               image                               */
  1499.     opacity: 0.7;
  1500. }
  1501. .splashHeader-ehL7gZ {                                      /* screen               headertext                          */
  1502.     color: rgb(var(--fontwhite1));
  1503. }
  1504.  
  1505.  
  1506. /* ~~~~     7.      STORE/NITRO                     ~~~~ */
  1507.  
  1508. .sectionHeader-127c3L {                                     /* header                                                   */
  1509.     color: rgb(var(--fontwhite1));
  1510. }
  1511. .tier2PlanName-2TttcQ {                                     /* header               svgtitle                            */
  1512.     color: rgb(var(--fontwhite1));
  1513. }
  1514. #app-mount .title-2a5mvx {                                  /* header               title                               */
  1515.     color: rgb(var(--fontwhite1));
  1516. }
  1517. #app-mount .subtitle-UfhpvR,                                /* header               subtitle                            */
  1518. #app-mount .subtitleRepositioned-11uB9- {
  1519.     color: rgb(var(--fontwhite2));
  1520. }
  1521. .yearlyButtonDiscount-2K7GZZ {
  1522.     border-color: rgba(var(--fontwhite1), 0.3);
  1523. }
  1524.  
  1525. .subsectionHeader-1SVMaW {                                  /* subsection           header                              */
  1526.     color: rgb(var(--fontwhite1));
  1527. }
  1528. .blurb-1H7VPv {                                             /* subsection           description                         */
  1529.     color: rgb(var(--fontwhite2));
  1530. }
  1531. .title-3IUNJ6 {                                             /* subsection           featuretitle                        */
  1532.     color: rgb(var(--fontwhite1));
  1533. }
  1534. .description-yMw5z0 {                                       /* subsection           featuredescription                  */
  1535.     color: rgb(var(--fontwhite2));
  1536. }
  1537. .guildMoreFeatures-svfRvH {                                 /* subsection           footer                              */
  1538.     color: rgb(var(--fontwhite1));
  1539. }
  1540.  
  1541. #app-mount .categoryHeader-1D7Tqy,                          /* categoryheader                                           */
  1542. #app-mount .premiumApplicationsHeader-Zmkm5e {
  1543.     color: rgb(var(--fontwhite1));
  1544.     border-color: rgba(var(--fontwhite4), 0.3);
  1545. }
  1546.  
  1547. .gradientOverlay-298TBM {                                   /* cardscroller         gradient                            */
  1548.     display: none;
  1549. }
  1550. .scrollerButton-1Vm5_P {                                    /* cardscroller         button                              */
  1551.     background-color: rgba(var(--vtransparencycolor), 0.3);
  1552.     color: rgb(var(--fontwhite1));
  1553. }
  1554.  
  1555. #app-mount .tile-QA_yMc {                                   /* gamecard             container                           */
  1556.     background-color: rgba(var(--vtransparencycolor), 0.3);
  1557.     box-shadow: 0 0 0 rgba(var(--vtransparencycolor), 0.15);
  1558. }
  1559. #app-mount .description-2oYgWO {                            /* gamecard             description                         */
  1560.     color: rgb(var(--fontwhite1));
  1561. }
  1562. #app-mount .tagline-EIH5-W,                                 /* gamecard             tagline                             */
  1563. #app-mount .title-2XwaXv {                                  /* gamecard             title                               */
  1564.     color: rgb(var(--fontwhite2));
  1565. }
  1566. #app-mount .perkTag-2O4dx4 {                                /* gamecard             perktag                             */
  1567.     border-radius: 4px;
  1568.     color: rgb(var(--fontwhite1));
  1569. }
  1570.  
  1571. #app-mount .tier1Banner-1BTgv0 {                            /* tier1banner          container                           */
  1572.     background-color: rgba(var(--vtransparencycolor), 0.3);
  1573.     color: rgb(var(--fontwhite1));
  1574. }
  1575. .headerIcon-3bqya6 {                                        /* tier1banner          svgtitle                            */
  1576.     color: rgb(var(--fontwhite1));
  1577. }
  1578.  
  1579. .carouselButtonsContainer-Rba2-D {                          /* gamepreview          container                           */
  1580.     color: rgb(var(--fontwhite1));
  1581. }
  1582. .smallCarousel-2e0IQc {
  1583.     background-color: rgba(var(--vtransparencycolor), 0.3);
  1584.     border-radius: 5px;
  1585. }
  1586. #app-mount .item-3V15ea {                                   /* gamepreview          previewitem                         */
  1587.     background-color: rgba(var(--vtransparencycolor), 0.3);
  1588. }
  1589. .arrow-3jRqK8 {                                             /* gamepreview          prev/nextarrow (big)                */
  1590.     background-color: rgba(var(--vtransparencycolor), 0.3);
  1591. }
  1592. .arrow-vOpU7R {                                             /* gamepreview          prev/nextarrow (small)              */
  1593.     color: rgb(var(--fontwhite1));
  1594. }
  1595. .dot-2Q_mMZ {                                               /* gamepreview          itemdot (small)                     */
  1596.     background-color: rgb(var(--fontwhite1));
  1597. }
  1598.  
  1599. #app-mount .root-1bFE0x {                                   /* gameinfo             sectioncontainer                    */
  1600.     background-color: rgba(var(--vtransparencycolor), 0.2);
  1601. }
  1602. #app-mount .header-3HFF3R {                                 /* gameinfo             sectionheader                       */
  1603.     color: rgb(var(--fontwhite1));
  1604. }
  1605. #app-mount .section-7tu4tu {                                /* gameinfo             subsection                          */
  1606.     border-bottom-color: rgba(var(--fontwhite4), 0.3);
  1607. }
  1608. #app-mount .playerOverflow-2Hf77M {
  1609.     background-color: rgba(var(--vtransparencycolor), 0.3);
  1610.     color: rgb(var(--fontwhite2));
  1611. }
  1612. #app-mount .description-2Ifi6N {                            /* gameinfo             subsectiondescription               */
  1613.     color: rgb(var(--fontwhite3));
  1614. }
  1615. #app-mount .description-2Ifi6N strong,
  1616. #app-mount .username-2gp_Xw {                               /* gameinfo             subsectionusername                  */
  1617.     color: rgb(var(--fontwhite1));
  1618. }
  1619. #app-mount .smallHeader-2h-9-U {                            /* gameinfo             subsectionheader                    */
  1620.     color: rgb(var(--fontwhite3));
  1621. }
  1622. #app-mount .text-1Z3P6i {                                   /* gameinfo             subsectiontext                      */
  1623.     color: rgb(var(--fontwhite1));
  1624. }
  1625. #app-mount .iconCircle-1dlYo0 {
  1626.     background-color: rgba(var(--vtransparencycolor), 0.3);
  1627. }
  1628. #app-mount .circle-1nK_79 {
  1629.     color: rgb(var(--fontwhite1));
  1630. }
  1631.  
  1632. #app-mount .divider-21LyPb {                                /* section              divider                             */
  1633.     border-color: rgba(var(--fontwhite4), 0.3);
  1634. }
  1635. #app-mount .blurb-1iBKJy {                                  /* section              description                         */
  1636.     color: rgb(var(--fontwhite1));
  1637. }
  1638. #app-mount .description-1AwRKJ,                             /* section              subdescription                      */
  1639. #app-mount .markdown-11q6EU {
  1640.     color: rgb(var(--fontwhite3));
  1641. }
  1642.  
  1643. #app-mount .tile-PuWjfs {                                   /* perkcard             container                           */
  1644.     background-color: rgba(var(--vtransparencycolor), 0.3);
  1645.     box-shadow: 0 0 0 rgba(var(--vtransparencycolor), 0.15);
  1646. }
  1647. .tile-PuWjfs div.splashPlaceholder-1ev-9c {                 /* perkcard             imagecontainer                      */
  1648.     position: relative;
  1649.     z-index: 5;
  1650. }
  1651. .tile-PuWjfs .description-2h6giI {                          /* perkcard             imagecontainer                      */
  1652.     color: rgb(var(--fontwhite1));
  1653.     z-index: 6;
  1654. }
  1655. .tile-PuWjfs div.splashPlaceholder-1ev-9c:after,
  1656. .tile-PuWjfs div.splashPlaceholder-1ev-9c:before {
  1657.     content: "";
  1658.     position: absolute;
  1659.     top: 0;
  1660.     bottom: 0;
  1661.     right: 0;
  1662.     left: 0;
  1663.     pointer-events: none;
  1664.     z-index: -1;
  1665. }
  1666. .tile-PuWjfs div.splashPlaceholder-1ev-9c:after {
  1667.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.3));
  1668. }
  1669. .tile-PuWjfs div.splashPlaceholder-1ev-9c:before {
  1670.     background: var(--vbackground) center/var(--vbackgroundsize);
  1671.     filter: blur(var(--vbackgroundblur));
  1672.     background-attachment: fixed;
  1673. }
  1674. .tile-PuWjfs img.splashPlaceholder-1ev-9c {                 /* perkcard             image                               */
  1675.     -webkit-mask: linear-gradient(rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
  1676. }
  1677. #app-mount .mediaFade-2NVPtV {                              /* perkcard             fade                                */
  1678.     background: transparent;
  1679. }
  1680. #app-mount .item-2yFVoY {                                   /* newscard             container                           */
  1681.     background-color: rgba(var(--vtransparencycolor), 0.3);
  1682.     box-shadow: 0 0 0 rgba(var(--vtransparencycolor), 0.15);
  1683. }
  1684. #app-mount .collapsedTimestamp-2gjDIM,                      /* newscard             timestamp                           */
  1685. #app-mount .openTimestamp-sTgPmn {
  1686.     color: rgb(var(--fontwhite3));
  1687. }
  1688. #app-mount .title-i-qCkH {                                  /* newscard             title                               */
  1689.     color: rgb(var(--fontwhite1));
  1690. }
  1691. #app-mount .openDescription-2XUOH3 {                        /* newscard             description                         */
  1692.     color: rgb(var(--fontwhite3));
  1693. }
  1694.  
  1695. #app-mount .requirements-dEriwm {                           /* requirements                                             */
  1696.     color: rgb(var(--fontwhite2));
  1697. }
  1698. #app-mount .requirementKey-14DT2D {                         /* requirements         key                                 */
  1699.     color: rgb(var(--fontwhite4));
  1700. }
  1701. #app-mount .content-1zhNsr {                                /* requirements         rating                              */
  1702.     color: rgb(var(--fontwhite4));
  1703. }
  1704. #app-mount .content-3FEARf {                                /* requirements         copyright                           */
  1705.     color: rgb(var(--fontwhite4));
  1706. }
  1707.  
  1708. #app-mount .bodySection-jqkkIP {                            /* sidebar              section                             */
  1709.     background-color: rgba(var(--vtransparencycolor), 0.2);
  1710.     border-top-color: rgba(var(--fontwhite4), 0.3);
  1711. }
  1712. #app-mount .actionText-3EKWER {                             /* sidebar              header                              */
  1713.     color: rgb(var(--fontwhite2));
  1714. }
  1715. #app-mount .purchaseUnitOperatingSystem-cnbJPz {            /* sidebar              OSicon                              */
  1716.     color: rgb(var(--fontwhite2));
  1717. }
  1718. #app-mount .price-4PDWNj,                                   /* sidebar              price                               */
  1719. #app-mount .listingPrice-2GiDSc {
  1720.     color: rgb(var(--fontwhite1));
  1721. }
  1722. #app-mount .title-2xCQKy {                                  /* sidebar              subtitle                            */
  1723.     color: rgb(var(--fontwhite1));
  1724. }
  1725. #app-mount .skuNormal-3h1es- {                              /* sidebar              pricerow                            */
  1726.     border-bottom-color: rgba(var(--fontwhite4), 0.4);
  1727. }
  1728. #app-mount .name-u2zgy7 {                                   /* sidebar              pricename                           */
  1729.     color: rgb(var(--fontwhite3));
  1730. }
  1731. #app-mount .price-NUANu6 {                                  /* sidebar              priceamount                         */
  1732.     background-color: rgba(var(--vtransparencycolor), 0.3);
  1733.     color: rgb(var(--fontwhite1));
  1734. }
  1735. #app-mount .label-13UUcd {                                  /* sidebar              label                               */
  1736.     color: rgb(var(--fontwhite4));
  1737. }
  1738. #app-mount .info-1Emy1X {                                   /* sidebar              labelinfo                           */
  1739.     color: rgb(var(--fontwhite1));
  1740. }
  1741.  
  1742. #app-mount .content-35aVm0 {                                /* invitecard           container                           */
  1743.     background-color: rgba(var(--vtransparencycolor), 0.2);
  1744. }
  1745. #app-mount .name-3TBxUq {                                   /* invitecard           guildname                           */
  1746.     color: rgb(var(--fontwhite3));
  1747. }
  1748. #app-mount .memberInfo-1TAaKC {                             /* invitecard           memberinfo                          */
  1749.     color: rgb(var(--fontwhite4));
  1750. }
  1751.  
  1752. #app-mount .row-1bU71H {                                    /* features             row                                 */
  1753.     background-color: rgba(var(--vtransparencycolor), 0.2);
  1754.     color: rgb(var(--fontwhite3));
  1755. }
  1756. #app-mount .featureIcon-1f78KU {                            /* features             featureicon                         */
  1757.     color: rgb(var(--fontwhite3));
  1758. }
  1759.  
  1760.  
  1761. /* ~~~~     8.      PEOPLES                         ~~~~ */
  1762.  
  1763. .wrapper-1cBijl {                                           /* friendsadd           inputcontainer                      */
  1764.     background-color: rgba(var(--vtransparencycolor), 0.1);
  1765.     border-color: rgba(var(--vtransparencycolor), 0.3);
  1766. }
  1767. .wrapper-1cBijl:hover {
  1768.     border-color: rgb(var(--vtransparencycolor));
  1769. }
  1770. .wrapper-1cBijl .addFriendInput-4bcerK {
  1771.     color: rgb(var(--fontwhite1));
  1772. }
  1773. .wrapper-1cBijl .addFriendInput-4bcerK::placeholder,
  1774. .addFriendHint-3Y70FX {
  1775.     color: rgb(var(--fontwhite4));
  1776. }
  1777.  
  1778. .tableHeaderText-2io-_N,                                    /* tableheader          text                                */
  1779. .onlineStatusGroupTitle-6ObdV6 {                            /* groupheader                                              */
  1780.     color: rgb(var(--fontwhite2));
  1781. }
  1782.  
  1783. .tableHeader-2Ctu7Y {                                       /* tablerheader         border                              */
  1784.     border-top-color: rgba(var(--fontwhite4), 0.5);
  1785. }
  1786. .peopleListItem-2nzedh {                                    /* peoples              row                                 */
  1787.     border-top-color: rgba(var(--fontwhite1), 0.1);
  1788. }
  1789. .peopleListItem-2nzedh .username-31C1TQ {                   /* peoples              username                            */
  1790.     color: rgb(var(--fontwhite2));
  1791. }
  1792. .peopleListItem-2nzedh .discriminator-22Okc1 {              /* peoples              discriminator                       */
  1793.     color: rgb(var(--fontwhite4));
  1794. }
  1795. .peopleListItem-2nzedh .subtext-24R4-w {                    /* peoples              subtext                             */
  1796.     color: rgb(var(--fontwhite3));
  1797. }
  1798. .peopleListItem-2nzedh .actionButton-uPB8Fs {               /* peoples              actionbutton                        */
  1799.     background-color: rgba(var(--vtransparencycolor), 0.2);
  1800.     color: rgb(var(--fontwhite4));
  1801. }
  1802. .peopleListItem-2nzedh:hover {
  1803.     background-color: rgba(var(--vtransparencycolor), 0.3);
  1804. }
  1805. .peopleListItem-2nzedh:hover .username-31C1TQ {
  1806.     color: rgb(var(--fontwhite1));
  1807. }
  1808. .peopleListItem-2nzedh:hover .discriminator-22Okc1 {
  1809.     color: rgb(var(--fontwhite3));
  1810. }
  1811. .peopleListItem-2nzedh:hover .subtext-24R4-w {
  1812.     color: rgb(var(--fontwhite2));
  1813. }
  1814. .peopleListItem-2nzedh:hover .actionButton-uPB8Fs {
  1815.     background-color: rgba(var(--vtransparencycolor), 0.4);
  1816.     color: rgb(var(--fontwhite3));
  1817. }
  1818. .peopleListItem-2nzedh .actionButton-uPB8Fs:hover {
  1819.     background-color: rgba(var(--vtransparencycolor), 0.5);
  1820.     color: rgb(var(--fontwhite1));
  1821. }
  1822. .header-13Cw0- {                                            /* playing              header                              */
  1823.     color: rgb(var(--fontwhite2));
  1824. }
  1825. #app-mount .outer-1AjyKL {                                  /* playing              card                                */
  1826.     background-color: rgba(var(--vtransparencycolor), 0.2);
  1827. }
  1828. #app-mount .outer-1AjyKL.active-1xchHY,
  1829. #app-mount .outer-1AjyKL.interactive-3B9GmY:hover {
  1830.     background-color: rgba(var(--vtransparencycolor), 0.4);
  1831. }
  1832. #app-mount .inset-3sAvek {                                  /* playing              card inner                          */
  1833.     background-color: rgba(var(--vtransparencycolor), 0.2);
  1834. }
  1835. .emptyCard-1RJw8n {                                         /* playing              empty card                          */
  1836.     background-color: rgba(var(--vtransparencycolor), 0.2);
  1837. }
  1838. #app-mount .popout-38lTFE {                                 /* playing              popout                              */
  1839.     background-color: transparent;
  1840.     box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 8px 16px 0 rgba(var(--vtransparencycolor), 0.3);
  1841.     overflow: hidden;
  1842. }
  1843. .popout-38lTFE:after,
  1844. .popout-38lTFE:before {
  1845.     content: "";
  1846.     position: absolute;
  1847.     top: 0;
  1848.     bottom: 0;
  1849.     right: 0;
  1850.     left: 0;
  1851.     width: unset;
  1852.     height: unset;
  1853.     pointer-events: none;
  1854.     z-index: -1;
  1855. }
  1856. .popout-38lTFE:after {
  1857.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.3));
  1858. }
  1859. .popout-38lTFE:before {
  1860.     background: var(--vpopout) center/var(--vpopoutsize);
  1861.     filter: blur(var(--vpopoutblur));
  1862.     background-attachment: fixed;
  1863. }
  1864. #app-mount .memberListItem-31QoHj:not(.popoutDisabled-2RK7MF):hover,
  1865. #app-mount .enabled-1t_Gxm:hover {
  1866.     background-color: rgba(var(--vtransparencycolor), 0.2);
  1867. }
  1868.  
  1869.  
  1870. /* ~~~~     9.      DISCOVERY                       ~~~~ */
  1871.  
  1872. #app-mount .pageWrapper-1PgVDX {                            /* guilddiscovery       container                           */
  1873.     color: rgb(var(--fontwhite1));
  1874. }
  1875. .pageWrapper-1PgVDX .bg-AYqtMd {                            /* guilddiscovery       background                          */
  1876.     -webkit-mask: linear-gradient(rgba(0,0,0,1) 40%, rgba(0,0,0,0) 100%);
  1877. }
  1878. .searchHelpText-19imBp {
  1879.     opacity: 0;
  1880.     transition: opacity .08s ease-out, bottom .08s ease-out;
  1881. }
  1882. .searchHelpTextVisible-1mRnNd {
  1883.     opacity: 1;
  1884. }
  1885. .select-2TCrqx.languageSelector-1R8fPE [class*="css-"][class*="-control"] {
  1886.     background-color: rgba(var(--vtransparencycolor), 0.3);
  1887. }
  1888. #app-mount .sectionSeparator-2OWiNT {                       /* guilddiscovery       separator                           */
  1889.     border-top-color: rgba(var(--fontwhite4), 0.3);
  1890. }
  1891. #app-mount .pageButton-MknE-_:hover {                       /* guilddiscovery       pagebutton                          */
  1892.     background-color: rgba(var(--vtransparencycolor), 0.3);
  1893.     color: rgb(var(--fontwhite1));
  1894. }
  1895. #app-mount .activeButton-1BJAiN,
  1896. #app-mount .activeButton-1BJAiN:hover {                     /* guilddiscovery       pagebuttonactive                    */
  1897.     color: rgb(var(--fontwhite1));
  1898. }
  1899.  
  1900. #app-mount .card-3DjzTQ {                                   /* guildcard            container                           */
  1901.     background-color: rgba(var(--vtransparencycolor), 0.3);
  1902. }
  1903. #app-mount .cardPlaceholder-1zrbbe {                        /* guildcard            placeholder                         */
  1904.     background-color: rgba(var(--vtransparencycolor), 0.2);
  1905. }
  1906. #app-mount .loading-17PYl_ {                                /* guildcard            loading                             */
  1907.     background-color: rgba(var(--vtransparencycolor), 0.5);
  1908. }
  1909. #app-mount .guildName-1yURO5 {                              /* guildcard            guildname                           */
  1910.     color: rgb(var(--fontwhite1));
  1911. }
  1912. #app-mount .description-2QALGo {                            /* guildcard            description                         */
  1913.     color: rgb(var(--fontwhite3));
  1914. }
  1915.  
  1916.  
  1917. /* ~~~~     10.     USERSETTINGS                    ~~~~ */
  1918.  
  1919. .themed-OHr7kt.item-PXvHYJ {                                /* sidebar              item                                */
  1920.     color: rgb(var(--fontwhite3));
  1921. }
  1922. .item-PXvHYJ[style^="color: rgb(255, 255, 255)"],
  1923. .item-PXvHYJ[style*=" color: rgb(255, 255, 255)"] {
  1924.     color: rgb(var(--fontwhite1)) !important;
  1925. }
  1926. .themed-OHr7kt.item-PXvHYJ:hover {
  1927.     color: rgb(var(--fontwhite2));
  1928. }
  1929. .side-8zPYf6 .themed-OHr7kt.item-PXvHYJ:hover,              /* sidebar              sideitem                            */
  1930. .topPill-30KHOu .themed-OHr7kt.item-PXvHYJ:hover {          /* sidebar              tabitems                            */
  1931.     background-color: rgba(var(--vtransparencycolor), 0.2);
  1932. }
  1933. .side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ,
  1934. .topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ {
  1935.     background-color: rgb(var(--vaccentcolor));
  1936.     color: rgb(var(--fontwhite1));
  1937. }
  1938.  
  1939. .header-2RyJ0Y {                                            /* sidebar              sideitemheader                      */
  1940.     color: rgb(var(--fontwhite3));
  1941. }
  1942. .separator-gCa7yv {                                         /* sidebar              sideitemseparator                   */
  1943.     background-color: rgba(var(--fontwhite4), 0.3);
  1944. }
  1945. #app-mount .foreground-26ym5y {                             /* sidebar              sideitemlink                        */
  1946.     fill: rgb(var(--fontwhite3));
  1947. }
  1948. #app-mount .link-1IoFq-:hover .foreground-26ym5y {
  1949.     fill: rgb(var(--fontwhite1));
  1950. }
  1951.  
  1952. #app-mount .closeButton-1tv5uR {                            /* closebutton          item                                */
  1953.     border-color: rgb(var(--fontwhite4));
  1954. }
  1955. #app-mount .closeButton-1tv5uR path.fill {
  1956.     fill: rgb(var(--fontwhite4));
  1957. }
  1958. #app-mount .closeButton-1tv5uR:hover {
  1959.     background-color: rgba(var(--vaccentcolor), 0.2);
  1960.     border-color: rgb(var(--vaccentcolor));
  1961. }
  1962. #app-mount .closeButton-1tv5uR:hover path.fill {
  1963.     fill: rgb(var(--vaccentcolor));
  1964. }
  1965. #app-mount .keybind-KpFkfr {                                /* closebutton          keybind                             */
  1966.     color: rgb(var(--fontwhite4));
  1967. }
  1968.  
  1969. .cardPrimary-1Hv-to, .cardPrimaryEditable-3KtE4g {          /* settingsitems        card                                */
  1970.     border-color: rgba(var(--vtransparencycolor), 0.1);
  1971. }
  1972. .cardPrimary-1Hv-to {
  1973.     background-color: rgba(var(--vtransparencycolor), 0.2);
  1974. }
  1975. .cardPrimaryEditable-3KtE4g {
  1976.     background-color: rgba(var(--vtransparencycolor), 0.1);
  1977. }
  1978. .cardPrimaryOutline-29Ujqw {
  1979.     border-color: rgba(var(--vtransparencycolor), 0.2);
  1980. }
  1981. #app-mount .card-2qG0dv {
  1982.     color: rgb(var(--fontwhite1));
  1983. }
  1984.  
  1985. .title-31JmR4 {                                             /* settingsitems        settingstitle                       */
  1986.     color: rgb(var(--fontwhite1));
  1987. }
  1988. .divider-3573oO {                                           /* settingsitems        settingstitle                       */
  1989.     background-color: rgba(var(--fontwhite1), 0.3);
  1990. }
  1991.  
  1992. #app-mount .userSettingsAccount-2eMFVR .viewBody-2Qz-jg {   /* myaccount            info                                */
  1993.     color: rgb(var(--fontwhite3));
  1994. }
  1995. .questionMark-CWEQZn .icon-3a_Jgd {                         /* myaccount            questionmark                        */
  1996.     color: rgb(var(--fontwhite1));
  1997. }
  1998. #app-mount .avatarUploader-3XDtmn .removeButton-1hcZyG  {   /* myaccount            removeavatar                        */
  1999.     color: rgb(var(--fontwhite3));
  2000. }
  2001. #app-mount .userSettingsSecurity-3IYeMF .codeCheckbox-1T0TTy {
  2002.     color: rgb(var(--fontwhite2));
  2003. }
  2004.  
  2005. .accountBtn-2Nozo3 .accountBtnInner-sj5jLs {                /* connections          connectioninner                     */
  2006.     background-color: rgba(var(--vtransparencycolor), 0.2);
  2007. }
  2008. .accountBtn-2Nozo3 .accountBtnInner-sj5jLs:hover {
  2009.     background-color: rgb(var(--vaccentcolor));
  2010. }
  2011. .connectionHeader-2MDqhu {                                  /* connections          header                              */
  2012.     border-bottom-color: rgba(var(--vtransparencycolor), 0.15);
  2013. }
  2014. .connectionHeader-2MDqhu .connectionAccountValue-3VdBGs {
  2015.     color: rgb(var(--fontwhite1));
  2016. }
  2017. .connectionHeader-2MDqhu .description-3_Ncsb {
  2018.     color: rgb(var(--fontwhite2)) !important;
  2019. }
  2020. .subEnabledTitle-2ElRo_ {
  2021.     color: rgb(var(--fontwhite1));
  2022. }
  2023. .connectionDelete-2Odoln {                                  /* connections          delete                              */
  2024.     border-color: rgba(var(--fontwhite1), 0.3);
  2025. }
  2026. .connectionDelete-2Odoln:hover {
  2027.     border-color: rgb(var(--fontwhite1));
  2028. }
  2029. .connectionDelete-2Odoln:after,
  2030. .connectionDelete-2Odoln:before {
  2031.     background-color: rgba(var(--fontwhite1), 0.6);
  2032. }
  2033. .connectionDelete-2Odoln:hover:after,
  2034. .connectionDelete-2Odoln:hover:before {
  2035.     background-color: rgb(var(--fontwhite1));
  2036. }
  2037.  
  2038. #app-mount .codeRedemptionRedirect-1wVR4b {                 /* payment              coderedem                           */
  2039.     background-color: rgba(var(--vtransparencycolor), 0.2);
  2040.     border-color: rgba(var(--vtransparencycolor), 0.1);
  2041.     color: rgb(var(--fontwhite1));
  2042. }
  2043.  
  2044. .introHeader-4MPach {                                       /* hypesquad            header                              */
  2045.     color: rgb(var(--fontwhite1));
  2046. }
  2047. .introBlurb-3gFgTQ {                                        /* hypesquad            description                         */
  2048.     color: rgb(var(--fontwhite2));
  2049. }
  2050. .title-PMZpEi {                                             /* hypesquad            perktitle                           */
  2051.     color: rgb(var(--fontwhite1));
  2052. }
  2053. .description-1W0DiL {                                       /* hypesquad            description                         */
  2054.     color: rgb(var(--fontwhite2));
  2055. }
  2056. .attendeeCTA-3ZZQWt {                                       /* hypesquad            attendeeCTA                         */
  2057.     color: rgb(var(--fontwhite2));
  2058. }
  2059.  
  2060. .container-3PXSwK {                                         /* voicesettings        voicebarcontainer                   */
  2061.     -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iOCIgaGVpZ2h0PSIyMCIgZmlsbD0iIzM2MzkzZiI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNCAyYTIgMiAwIDAgMC0yIDJ2MTJhMiAyIDAgMSAwIDQgMFY0YTIgMiAwIDAgMC0yLTJ6Ii8+PC9zdmc+');
  2062. }
  2063. #app-mount .progress-1IcQ3A {                               /* voicesettings        voicebar                            */
  2064.     background-color: rgba(var(--vtransparencycolor), 0.3);
  2065. }
  2066. .userSettingsVoice-iwdUCU .media-engine-video {             /* voicesettings        video                               */
  2067.     background: transparent;
  2068. }
  2069. #app-mount .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC {
  2070.     background-color: rgba(var(--vtransparencycolor), 0.2);
  2071.     border-color: rgba(var(--vtransparencycolor), 0.1);
  2072. }
  2073.  
  2074. .option-n0icdO {                                            /* overlay              option                              */
  2075.     background-color: rgba(var(--vtransparencycolor), 0.4);
  2076. }
  2077. .option-n0icdO:hover,
  2078. .option-n0icdO.selected-mKYnfr {
  2079.     box-shadow: 0 2px 0 rgba(var(--vtransparencycolor), 0.3);
  2080. }
  2081. .disabled-3I9jyo {
  2082.     color: rgba(var(--vtransparencycolor), 0.4);
  2083. }
  2084.  
  2085. .notificationsSound-27jFSh {                                /* notifications        row                                 */
  2086.     color: rgb(var(--fontwhite2));
  2087.     box-shadow: inset 0 -1px 0 0 rgba(var(--fontwhite4), 0.2);
  2088. }
  2089.  
  2090. #app-mount .row-2okwlC {                                    /* hotkeys              row                                 */
  2091.     color: rgb(var(--fontwhite2));
  2092.     box-shadow: inset 0 -1px 0 rgba(var(--fontwhite4), 0.3);
  2093. }
  2094.  
  2095. #app-mount .card-FDVird:before {                            /* settingscard         backdrop                            */
  2096.     background-color: rgba(var(--vtransparencycolor), 0.2);
  2097.     border-color: rgba(var(--vtransparencycolor), 0.1);
  2098. }
  2099. #app-mount .button-2CgfFz {                                 /* settingscard         removebutton                        */
  2100.     background-color: rgba(var(--vtransparencycolor), 0.3);
  2101.     box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.6), 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3);
  2102. }
  2103. #app-mount .button-2CgfFz:hover {
  2104.     background-color: rgba(var(--vtransparencycolor), 0.7);
  2105. }
  2106.  
  2107. #app-mount .game-1ipmAa {                                   /* games                card                                */
  2108.     box-shadow: 0 1px 0 0 rgba(var(--fontwhite4), 0.3);
  2109. }
  2110. #app-mount .notDetected-33MY4s {                            /* games                nogame                              */
  2111.     background-color: rgba(var(--vtransparencycolor), 0.3);
  2112. }
  2113. #app-mount .nowPlayingAdd-1Kdmh_ {                          /* games                descriptionhint                     */
  2114.     color: rgb(var(--fontwhite3));
  2115. }
  2116. #app-mount .gameName-1RiWHm {                               /* games                gamename                            */
  2117.     color: rgb(var(--fontwhite1));
  2118. }
  2119. #app-mount .lastPlayed-3bQ7Bo,                              /* games                lastplayed                          */
  2120. #app-mount .overlayStatusText-L2IACa {                      /* games                overlaystatustext                   */
  2121.     color: rgb(var(--fontwhite3));
  2122. }
  2123. #app-mount .overlayToggleIconOn-3UNmty .fill-1ugeBG {       /* games                overlaystatusicon                   */
  2124.     fill: rgb(var(--fontwhite3));
  2125. }
  2126. #app-mount .nowPlaying-284llR .lastPlayed-3bQ7Bo,
  2127. #app-mount .nowPlaying-284llR .overlayStatusText-L2IACa {
  2128.     color: rgb(var(--fontwhite2));
  2129. }
  2130. #app-mount .nowPlaying-284llR .overlayToggleIconOff-1kT42w .fill-1ugeBG,
  2131. #app-mount .nowPlaying-284llR .overlayToggleIconOn-3UNmty .fill-1ugeBG {
  2132.     fill: rgb(var(--fontwhite2));
  2133. }
  2134. #app-mount .gameNameInput-385LoS:focus,
  2135. #app-mount .gameNameInput-385LoS:hover {
  2136.     background-color: rgba(var(--vtransparencycolor), 0.3);
  2137.     border-color: rgba(var(--vtransparencycolor), 0.1);
  2138. }
  2139. #app-mount .text-GwUZgS,
  2140. #app-mount .title-2BxgL2 {
  2141.     color: rgb(var(--fontwhite4));
  2142. }
  2143.  
  2144. #app-mount .installationPath-24giJj {                       /* gamelibrary          path                                */
  2145.     box-shadow: 0 1px 0 0 rgba(var(--fontwhite4), 0.3);
  2146. }
  2147. #app-mount .usageInfo-2WQAwr {                              /* gamelibrary          usageinfo                           */
  2148.     color: rgb(var(--fontwhite2));
  2149. }
  2150. #app-mount .background-yZEZik {                             /* gamelibrary          usagebar                            */
  2151.     stroke: rgb(var(--vtransparencycolor), 0.5);
  2152. }
  2153. #app-mount .rowTitle-3xCiqy {                               /* gamelibrary          rowtitle                            */
  2154.     color: rgb(var(--fontwhite3));
  2155. }
  2156. #app-mount .defaultIndicator-2X8Auf {                       /* gamelibrary          rowtag                              */
  2157.     background-color: rgba(var(--vtransparencycolor), 0.5);
  2158.     color: rgb(var(--fontwhite1));
  2159. }
  2160. #app-mount .rowBody-10yI-R {                                /* gamelibrary          rowdescription                      */
  2161.     color: rgb(var(--fontwhite3));
  2162. }
  2163.  
  2164. .preview-2nSL_2 {                                           /* appearance           preview                             */
  2165.     background-color: rgba(var(--vtransparencycolor), 0.2);
  2166.     border-color: rgba(var(--vtransparencycolor), 0.2);
  2167. }
  2168.  
  2169. #app-mount .item-3eFBNF {                                   /* languagesettings     row                                 */
  2170.     box-shadow: 0 1px 0 0 rgba(var(--fontwhite4), 0.3);
  2171. }
  2172. .item-3eFBNF:hover {
  2173.     background-color: rgba(var(--vtransparencycolor), 0.2);
  2174. }
  2175. .item-3eFBNF.selected-2DeaDa {
  2176.     background-color: rgba(var(--vtransparencycolor), 0.4);
  2177. }
  2178.  
  2179. #app-mount .experimentDate-2ymg99 {                         /* experiments          date                                */
  2180.     color: rgb(var(--fontwhite3));
  2181. }
  2182.  
  2183.  
  2184. /* ~~~~     11.     GUILDSETTINGS                   ~~~~ */
  2185.  
  2186. #app-mount .selectableItem-1MP3MQ {                         /* auditlogs            popoutitem                          */
  2187.     color: rgb(var(--fontwhite2));
  2188. }
  2189. #app-mount .selectableItem-1MP3MQ:hover {
  2190.     background-color: rgba(var(--vtransparencycolor), 0.2);
  2191. }
  2192. #app-mount .selectableItem-1MP3MQ[style*=" color: rgb(255, 255, 255)"] {
  2193.     color: rgb(var(--fontwhite1)) !important;
  2194. }
  2195. #app-mount .selectableItem-1MP3MQ polyline[stroke="#ffffff"] {
  2196.     stroke: rgb(var(--fontwhite1));
  2197. }
  2198.  
  2199. #app-mount .auditLog-3jNbM6 {                               /* auditlogs            logitem                             */
  2200.     border-color: rgba(var(--vtransparencycolor), 0.1);
  2201.     color: rgb(var(--fontwhite4));
  2202. }
  2203. #app-mount .headerClickable-2IVFo9,                         /* auditlogs            loginner                            */
  2204. #app-mount .headerDefault-1wrJcN {
  2205.     background-color: rgba(var(--vtransparencycolor), 0.2);
  2206.     color: rgb(var(--fontwhite3));
  2207. }
  2208. #app-mount .headerExpanded-CUEwZ5 {
  2209.     background-color: rgba(var(--vtransparencycolor), 0.3);
  2210.     color: rgb(var(--fontwhite2));
  2211. }
  2212. #app-mount .divider-1pnAR2 {                                /* auditlogs            loginnerdivider                     */
  2213.     background-color: rgba(var(--fontwhite4), 0.3);
  2214. }
  2215. #app-mount .changeDetails-bk98pu {                          /* auditlogs            logdetails                          */
  2216.     background-color: rgba(var(--vtransparencycolor), 0.2);
  2217. }
  2218. #app-mount .userHook-3AdCBF {                               /* auditlogs            userhook                            */
  2219.     color: rgb(var(--fontwhite1));
  2220. }
  2221. #app-mount .auditLog-3jNbM6 strong {                        /* auditlogs            targets                             */
  2222.     color: rgb(var(--fontwhite1));
  2223. }
  2224. #app-mount .timestamp-1mruiI {                              /* auditlogs            timestamp                           */
  2225.     color: rgb(var(--fontwhite4));
  2226. }
  2227. #app-mount .expandForeground-1nZ4VR {                       /* auditlogs            expandarrow                         */
  2228.     stroke: rgb(var(--fontwhite2));
  2229. }
  2230. .themeOverrideLight-3bx_5B.icon-RTGJu3,                     /* auditlogs            logicon                             */
  2231. .themeOverrideDark-1u5Vo0.icon-RTGJu3,
  2232. #app-mount .icon-RTGJu3 {
  2233.     background: none !important;
  2234. }
  2235. .icon-RTGJu3:before {
  2236.     content: "";
  2237.     position: absolute;
  2238.     top: 0;
  2239.     left: 0;
  2240.     right: 0;
  2241.     bottom: 0;
  2242.     background: rgb(var(--fontwhite1));
  2243. }
  2244. .icon-RTGJu3.targetAll-13V3n6:before {
  2245.     -webkit-mask: url(https://discordapp.com/assets/fc3f5f9be1a4db14b02336b7cb02e6ce.svg);
  2246. }
  2247. .icon-RTGJu3.targetBan-3mbIPL:before {
  2248.     -webkit-mask: url(https://discordapp.com/assets/edb23a53ea40ac60f212ebae66e5c5c7.svg);
  2249. }
  2250. .icon-RTGJu3.targetChannel-TrRFlx:before {
  2251.     -webkit-mask: url(https://discordapp.com/assets/343c9ff4c775c66a7d4af1f8691c34e0.svg);
  2252. }
  2253. .icon-RTGJu3.targetGuild-mDWfAV:before {
  2254.     -webkit-mask: url(https://discordapp.com/assets/30af96a386520760ad107c5b77ba002a.svg);
  2255. }
  2256. .icon-RTGJu3.targetEmoji-3vhPhM:before {
  2257.     -webkit-mask: url(https://discordapp.com/assets/7a9bf92329dad473ef0383ae75367215.svg);
  2258. }
  2259. .icon-RTGJu3.targetInvite-1RQBlr:before {
  2260.     -webkit-mask: url(https://discordapp.com/assets/4b33371531a1a89f99296a73fc9ef588.svg);
  2261. }
  2262. .icon-RTGJu3.targetMemberRole-jowY3I:before {
  2263.     -webkit-mask: url(https://discordapp.com/assets/a9098042cb36b955c5021259f1d48f91.svg);
  2264. }
  2265. .icon-RTGJu3.targetMember-2iuwxX:before {
  2266.     -webkit-mask: url(https://discordapp.com/assets/af043346e036ef7b1aac1cf42cd1e699.svg);
  2267. }
  2268. .icon-RTGJu3.targetPermission-ZRUN5n:before {
  2269.     -webkit-mask: url(https://discordapp.com/assets/2a37995eb832bae805190a93ba043857.svg);
  2270. }
  2271. .icon-RTGJu3.targetRole-2MoUny:before {
  2272.     -webkit-mask: url(https://discordapp.com/assets/0176a91b4c44ed05c05af68784e78da8.svg);
  2273. }
  2274. .icon-RTGJu3.targetVanityUrl-3OpsYX:before {
  2275.     -webkit-mask: url(https://discordapp.com/assets/84215a5fec3d9de9960a225143238d74.svg);
  2276. }
  2277. .icon-RTGJu3.targetWebhook-1xS7Z7:before {
  2278.     -webkit-mask: url(https://discordapp.com/assets/a6975850d800aa86162b4aa5f18c41ac.svg);
  2279. }
  2280. .icon-RTGJu3.targetWidget-3hFVSM:before {
  2281.     -webkit-mask: url(https://discordapp.com/assets/4ac0e382cc7b8aa0cb1d6d074b0e8ba5.svg);
  2282. }
  2283. .icon-RTGJu3.targetMessage-2kBYMT:before {
  2284.     -webkit-mask: url(https://discordapp.com/assets/8c85e30795486caa8caacd829703459d.svg);
  2285. }
  2286.  
  2287. .addRoleIcon-3YjErH {                                       /* rolesettings         addrolebutton                       */
  2288.     -webkit-mask: url(https://discordapp.com/assets/cef02719c12d8aaf38894c16dca7fbe6.svg);
  2289.     background: rgb(var(--fontwhite3));
  2290.     object-position: -9999999px -9999999px;
  2291. }
  2292. #app-mount .colorPickerSwatch-5GX3Ve.noColor-1pdBDm {       /* rolesettings         colorswatchnocolor                  */
  2293.     border-color: rgba(var(--fontwhite1), 0.3);
  2294. }
  2295. #app-mount .colorPickerSwatch-5GX3Ve.noColor-1pdBDm .colorPickerDropperFg-3jYKWI {
  2296.     fill: rgb(var(--fontwhite1));
  2297. }
  2298. #app-mount .colorPickerSwatch-5GX3Ve.noColor-1pdBDm polyline {
  2299.     stroke: rgb(var(--fontwhite1));
  2300. }
  2301.  
  2302. .emptyStateImage-2MrSNs {                                   /* giftinventory        no gifts                            */
  2303.     opacity: 0.7
  2304. }
  2305.  
  2306. .cardWrapper-2Min21 {                                       /* boostsettings        suggestioncard                      */
  2307.     background-color: rgba(var(--vtransparencycolor), 0.2);
  2308. }
  2309. .cardWrapper-2Min21:hover {
  2310.     background-color: rgba(var(--vtransparencycolor), 0.4);
  2311. }
  2312. .cardWrapper-2Min21 .card-3AyPWq,                           /* boostsettings        suggestioncardinner                 */
  2313. .cardWrapper-2Min21 .card-3AyPWq:hover {
  2314.     background-color: transparent;
  2315. }
  2316. .carouselContainer-2-vIZS {                                 /* boostsettings        scrollercontainer                   */
  2317.     -webkit-mask: linear-gradient(to right, rgba(0,0,0,0) 0px, rgba(0,0,0,1) 22px, rgba(0,0,0,1) 578px, rgba(0,0,0,0) 600px);
  2318. }
  2319. .carouselGradientEdge-2W94ou {                              /* boostsettings        scrollergradient                    */
  2320.     display: none;
  2321. }
  2322. #app-mount .subscriberCount-27QHc5 {                        /* boostsettings        subcount                            */
  2323.     color: rgb(var(--fontwhite3));
  2324. }
  2325. #app-mount .subscriberCount-27QHc5 strong {
  2326.     color: rgb(var(--fontwhite2));
  2327. }
  2328. #app-mount .moreSubscribers-1cuWDE {                        /* boostsettings        suboverflow                         */
  2329.     background-color: rgba(var(--vtransparencycolor), 0.3);
  2330.     color: rgb(var(--fontwhite1));
  2331. }
  2332. #app-mount .subscribersPopout-2CP6Ln {                      /* boostsettings        subpopout                           */
  2333.     background-color: transparent;
  2334.     box-shadow: 0 2px 10px rgba(var(--vtransparencycolor), 0.2);
  2335.     overflow: hidden;
  2336. }
  2337. .subscribersPopout-2CP6Ln:after,
  2338. .subscribersPopout-2CP6Ln:before {
  2339.     content: "";
  2340.     position: absolute;
  2341.     top: 0;
  2342.     bottom: 0;
  2343.     right: 0;
  2344.     left: 0;
  2345.     width: unset;
  2346.     height: unset;
  2347.     pointer-events: none;
  2348.     z-index: -1;
  2349. }
  2350. .subscribersPopout-2CP6Ln:after {
  2351.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.35));
  2352. }
  2353. .subscribersPopout-2CP6Ln:before {
  2354.     background: var(--vpopout) center/var(--vpopoutsize);
  2355.     filter: blur(var(--vpopoutblur));
  2356.     background-attachment: fixed;
  2357. }
  2358. #app-mount .subscribersPopoutUser-3rC75S {                  /* boostsettings        subpopoutusers                      */
  2359.     color: rgb(var(--fontwhite3));
  2360. }
  2361. #app-mount .tierHeaderLocked-1s2JJz,                        /* boostsettings        tierheaderlocked (settings)         */
  2362. #app-mount .tierHeaderLocked-1s2JJz {                       /* boostsettings        tierheaderlocked (modal)            */
  2363.     background-color: rgba(var(--vtransparencycolor), 0.4);
  2364.     color: rgb(var(--fontwhite3));
  2365. }
  2366. #app-mount .tierLock-1oFMOZ,                                /* boostsettings        tierlock (settings)                 */
  2367. #app-mount .tierLock-3CSxSX {                               /* boostsettings        tierlock (modal)                    */
  2368.     color: rgb(var(--fontwhite4));
  2369. }
  2370. #app-mount .tierHeaderUnlocked-2RhWqn,                      /* boostsettings        tierheaderunlocked (settings)       */
  2371. #app-mount .tierHeaderUnlocked-1n-OTI {                     /* boostsettings        tierheaderunlocked (modal)          */
  2372.     background-color: rgba(var(--vtransparencycolor), 0.4);
  2373.     color: rgb(var(--fontwhite1));
  2374. }
  2375. #app-mount .tierUnlocked-27DwHo,                            /* boostsettings        tierunlocked (settings)             */
  2376. #app-mount .tierUnlocked-25K6Kv {                           /* boostsettings        tierunlocked (modal)                */
  2377.     background-color: rgb(var(--fontwhite1));
  2378. }
  2379. #app-mount .boostCount-UFqabz {
  2380.     background-color: rgba(var(--vtransparencycolor), 0.4);
  2381.     color: rgb(var(--fontwhite3));
  2382. }
  2383. #app-mount .tierBody-x9kBBp,                                /* boostsettings        tierbody (settings)                 */
  2384. #app-mount .tierBody-16Chc9 {                               /* boostsettings        tierbody (modal)                    */
  2385.     background-color: rgba(var(--vtransparencycolor), 0.2);
  2386.     color: rgb(var(--fontwhite3));
  2387. }
  2388. #app-mount .tierNoneContainer-3hhK3h {                      /* boostsettings        tiernonecontainer                   */
  2389.     background-color: rgba(var(--vtransparencycolor), 0.2);
  2390. }
  2391. .tierNoneCard-peD7hV {                                      /* boostsettings        tiernonecard                        */
  2392.     opacity: 0.6;
  2393. }
  2394. #app-mount .tierNoneText-2OvCv7 {
  2395.     color: rgb(var(--fontwhite3));
  2396. }
  2397. #app-mount .tierCloseHint-380zIA,                           /* boostsettings        tierclose                           */
  2398. #app-mount .tierCloseClose-2z5dSa {
  2399.     color: rgb(var(--fontwhite1));
  2400. }
  2401. #app-mount .tierInProgress-3mBoXq {                         /* boostsettings        tiermilestone   (settings)          */
  2402.     background-color: rgba(var(--vtransparencycolor), 0.3);
  2403. }
  2404. #app-mount .tierMarkerBackground-3q29am {                   /* boostsettings        tiermilestone (modal)               */
  2405.     background: transparent;
  2406. }
  2407. #app-mount .tierMarkerInProgress-24LMzJ {
  2408.     background: rgba(var(--vtransparencycolor), 0.3) !important;
  2409. }
  2410. #app-mount .selectedTier-1JkO7i .tierMarker-5HkGJ_ {
  2411.     box-shadow: 0 4px 8px rgba(var(--vtransparencycolor), 0.24);
  2412. }
  2413. #app-mount .tierMarkerLabel-2PluTw {                        /* boostsettings        tiermilestonelabel                  */
  2414.     color: rgb(var(--fontwhite3));
  2415. }
  2416. #app-mount .selectedTier-1JkO7i .tierMarkerLabel-2PluTw {
  2417.     color: rgb(var(--fontwhite1));
  2418. }
  2419. #app-mount .background-3xPPFc {                             /* boostsettings        tierbar (settings)                  */
  2420.     color: rgba(var(--vtransparencycolor), 0.3);
  2421. }
  2422. #app-mount .barBackground-2EEiLw {                          /* boostsettings        tierbar (modal)                     */
  2423.     background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 3%, rgba(var(--vtransparencycolor), 0.3) 3%, rgba(var(--vtransparencycolor), 0.3) 30.2%, rgba(0,0,0,0) 30.2%, rgba(0,0,0,0) 36.2%, rgba(var(--vtransparencycolor), 0.3) 36.2%, rgba(var(--vtransparencycolor), 0.3) 63.5%, rgba(0,0,0,0) 63.5%, rgba(0,0,0,0) 69.5%, rgba(var(--vtransparencycolor), 0.3) 69.5%, rgba(var(--vtransparencycolor), 0.3) 96.7%, rgba(0,0,0,0) 96.7%, rgba(0,0,0,0) 100%);
  2424. }
  2425. #app-mount .giftIcon-2Pjbiy {                               /* boostsettings        gifticon                            */
  2426.     color: rgb(var(--fontwhite3));
  2427.     margin: 0 18px;
  2428. }
  2429. #app-mount .button-38aScr:hover .giftIcon-2Pjbiy {
  2430.     color: rgb(var(--fontwhite2));
  2431. }
  2432. #app-mount .button-38aScr:active .giftIcon-2Pjbiy {
  2433.     color: rgb(var(--fontwhite1));
  2434. }
  2435.  
  2436. #app-mount .member-1q7VfX {                                 /* membersettings       membercard                          */
  2437.     box-shadow: 0 1px 0 0 rgba(var(--fontwhite4), 0.3);
  2438. }
  2439. #app-mount .member-1q7VfX .name-8yzEIY {                    /* membersettings       membercardname                      */
  2440.     color: rgb(var(--fontwhite1));
  2441. }
  2442. #app-mount .member-1q7VfX .tag-1YGWN9 {                     /* membersettings       membercardtag                       */
  2443.     color: rgb(var(--fontwhite4));
  2444. }
  2445. #app-mount .actionButton-VzECiy {                           /* membersettings       addrolebutton                       */
  2446.     border-color: rgb(var(--fontwhite4));
  2447.     color: rgb(var(--fontwhite3));
  2448. }
  2449. #app-mount .member-1q7VfX .overflowIconFg-QMRRFI {          /* membersettings       3-doticon                           */
  2450.     fill: rgb(var(--fontwhite1));
  2451. }
  2452.  
  2453. #app-mount .inviteSettingsInviteRow-3p2O-N {                /* invitesettings       invitecard                          */
  2454.     box-shadow: 0 1px 0 0 rgba(var(--fontwhite4), 0.3);
  2455.     color: rgb(var(--fontwhite2));
  2456. }
  2457. .user-3x-NP9 {                                              /* invitesettings       user                                */
  2458.     color: rgb(var(--fontwhite1));
  2459. }
  2460. .channelName-13-Sm9 {                                       /* invitesettings       channelname                         */
  2461.     color: rgb(var(--fontwhite3));
  2462. }
  2463.  
  2464. #app-mount .bannedUser-1IalTM {                             /* bansettings          bancard                             */
  2465.     box-shadow: 0 1px 0 0 rgba(var(--fontwhite4), 0.3);
  2466. }
  2467. #app-mount .bannedUser-1IalTM .username-1b3MVI {            /* invitesettings       username                            */
  2468.     color: rgb(var(--fontwhite1));
  2469. }
  2470. #app-mount .bannedUserModal-3RJCOV .reasonHeader-2etdjy {   /* invitesettings       banmodalreasonheader                */
  2471.     color: rgb(var(--fontwhite2));
  2472. }
  2473. #app-mount .bannedUser-1IalTM .username-1b3MVI .discrim-oGb-FO,
  2474. #app-mount .bannedUserModal-3RJCOV .reason-YbfGC6,          /* invitesettings       banmodalreason                      */
  2475. #app-mount .bannedUserModal-3RJCOV .userDiscrim-1D2NlF {    /* invitesettings       discriminator                       */
  2476.     color: rgb(var(--fontwhite3));
  2477. }
  2478.  
  2479.  
  2480. /* ~~~~     12.     MODALS                          ~~~~ */
  2481.  
  2482. #app-mount .root-1gCeng,                                    /* modal                container (foldersettings)          */
  2483. #app-mount .modal-yWgWj- {                                  /* modal                container                           */
  2484.     background-color: transparent;
  2485.     box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  2486.     position: relative;
  2487.     border-radius: 5px;
  2488. }
  2489. .root-1gCeng:after,
  2490. .root-1gCeng:before,
  2491. .modal-yWgWj-:after,
  2492. .modal-yWgWj-:before {
  2493.     content: "";
  2494.     position: absolute;
  2495.     top: 0;
  2496.     bottom: 0;
  2497.     right: 0;
  2498.     left: 0;
  2499.     width: unset;
  2500.     height: unset;
  2501.     border-radius: 5px;
  2502.     pointer-events: none;
  2503.     z-index: -1;
  2504. }
  2505. .root-1gCeng:after,
  2506. .modal-yWgWj-:after {
  2507.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  2508. }
  2509. .root-1gCeng:before,
  2510. .modal-yWgWj-:before {
  2511.     background: var(--vpopout) center/var(--vpopoutsize);
  2512.     filter: blur(var(--vpopoutblur));
  2513.     background-attachment: fixed;
  2514. }
  2515. .root-1gCeng .modal-yWgWj-:after,
  2516. .root-1gCeng .modal-yWgWj-:before {
  2517.     display: none;
  2518. }
  2519. #app-mount .footer-3rDWdC {                                 /* modal                footer                          */
  2520.     background-color: rgba(var(--vtransparencycolor), 0.2);
  2521.     box-shadow: none;
  2522. }
  2523. #app-mount .closeIcon-3_iQ6l,                               /* modal                closebutton                     */
  2524. #app-mount .close-1kwMUs {
  2525.     color: rgb(var(--fontwhite1));
  2526. }
  2527. #app-mount .closeIcon-3_iQ6l:hover,
  2528. #app-mount .close-1kwMUs:hover {
  2529.     background-color: rgba(var(--vtransparencycolor), 0.3);
  2530. }
  2531.  
  2532. #app-mount .guildName-3WI6ml,                               /* modal                guildname                       */
  2533. #app-mount .date-2WJGyu,
  2534. #app-mount .override-2YgiXd,
  2535. #app-mount .overrideHighlight-YPcBxt {
  2536.     color: rgb(var(--fontwhite3));
  2537. }
  2538. #app-mount .channelName-28iMRJ {                            /* modal                channelname                     */
  2539.     color: rgb(var(--fontwhite1));
  2540. }
  2541.  
  2542. .tabBarContainer-1s1u-z {                                   /* modal                tabbarcontainer                 */
  2543.     border-top-color: rgba(var(--vtransparencycolor), 0.3);
  2544. }
  2545. #app-mount .modal-6GHvdM .tabBarContainer-1s1u-z {
  2546.     background: rgba(var(--vtransparencycolor), 0.2);
  2547.     box-shadow: 0 2px 3px 0 rgba(var(--vtransparencycolor), 0.1);
  2548. }
  2549. .top-28JiJ- .themed-OHr7kt.item-PXvHYJ,                     /* modal                tabbaritem                      */
  2550. .top-28JiJ- .item-PXvHYJ[style*="rgba(79, 84, 92, 0.4)"],
  2551. .top-28JiJ- .item-PXvHYJ[style*="rgba(255, 255, 255, 0.4)"],
  2552. .themed-OHr7kt.tabBarItem-1b8RUP,
  2553. .tabBarItem-1b8RUP[style*="rgba(79, 84, 92, 0.4)"],
  2554. .tabBarItem-1b8RUP[style*="rgba(255, 255, 255, 0.4)"] {
  2555.     color: rgba(var(--fontwhite1), 0.4) !important;
  2556. }
  2557. .top-28JiJ- .themed-OHr7kt.item-PXvHYJ:hover,               /* modal                tabbaritem hover                */
  2558. .top-28JiJ- .item-PXvHYJ[style*="rgba(79, 84, 92, 0.6)"],
  2559. .top-28JiJ- .item-PXvHYJ[style*="rgba(255, 255, 255, 0.6)"],
  2560. .themed-OHr7kt.tabBarItem-1b8RUP:hover,
  2561. .tabBarItem-1b8RUP[style*="rgba(79, 84, 92, 0.6)"],
  2562. .tabBarItem-1b8RUP[style*="rgba(255, 255, 255, 0.6)"] {
  2563.     border-color: rgba(var(--fontwhite1), 0.6) !important;
  2564.     color: rgba(var(--fontwhite1), 0.6) !important;
  2565. }
  2566. .top-28JiJ- .themed-OHr7kt.item-PXvHYJ.selected-3s45Ha,     /* modal                tabbaritem selected             */
  2567. .top-28JiJ- .item-PXvHYJ[style*="rgb(79, 84, 92)"],
  2568. .top-28JiJ- .item-PXvHYJ[style*="rgb(255, 255, 255)"],
  2569. .themed-OHr7kt.tabBarItem-1b8RUP.selected-3s45Ha,
  2570. .tabBarItem-1b8RUP[style*="rgb(79, 84, 92)"],
  2571. .tabBarItem-1b8RUP[style*="rgb(255, 255, 255)"] {
  2572.     border-color: rgb(var(--fontwhite1)) !important;
  2573.     color: rgb(var(--fontwhite1)) !important;
  2574. }
  2575. #app-mount .content-8biNdB p,                               /* modal                listentry                       */
  2576. #app-mount .content-8biNdB ul li {
  2577.     color: rgb(var(--fontwhite2));
  2578. }
  2579. #app-mount .content-8biNdB ul li:before {                   /* modal                listentrydot                    */
  2580.     background-color: rgb(var(--fontwhite2));
  2581. }
  2582.  
  2583. /* ----     12.1.   USERMODAL                       ----- */
  2584.  
  2585. #app-mount .root-SR8cQa {                                   /* modal                container                           */
  2586.     background-color: transparent;
  2587.     box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  2588.     position: relative;
  2589.     overflow: hidden;
  2590. }
  2591. .root-SR8cQa:after,
  2592. .root-SR8cQa:before {
  2593.     content: "";
  2594.     position: absolute;
  2595.     top: 0;
  2596.     bottom: 0;
  2597.     right: 0;
  2598.     left: 0;
  2599.     width: unset;
  2600.     height: unset;
  2601.     pointer-events: none;
  2602.     z-index: -1;
  2603. }
  2604. .root-SR8cQa:after {
  2605.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  2606. }
  2607. .root-SR8cQa:before {
  2608.     background: var(--vpopout) center/var(--vpopoutsize);
  2609.     filter: blur(var(--vpopoutblur));
  2610.     background-attachment: fixed;
  2611. }
  2612. #app-mount .topSectionNormal-2-vo2m {                       /* modal                headernormal                        */
  2613.     background-color: rgba(var(--vtransparencycolor), 0.2);
  2614. }
  2615. .topSectionPlaying-1J5E4n {                                 /* modal                headerplaying                       */
  2616.     text-shadow: 1px 1px var(--vtextshadow);
  2617. }
  2618. .headerFill-adLl4x {                                        /* modal                activity                            */
  2619.     background-color: rgba(var(--vtransparencycolor), 0.1);
  2620. }
  2621. .body-3ND3kc {                                              /* modal                body                                */
  2622.     background-color: transparent;
  2623. }
  2624. .discriminator-xUhQkU {                                     /* header               discriminator                       */
  2625.     color: rgb(var(--fontwhite1));
  2626. }
  2627. .topSectionNormal-2-vo2m .discriminator-xUhQkU {
  2628.     color: rgb(var(--fontwhite2));
  2629. }
  2630. .additionalActionsIcon-1FoUlE,                              /* header               additionalactionsicon               */
  2631. .topSectionNormal-2-vo2m .additionalActionsIcon-1FoUlE,
  2632. .topSectionNormal-2-vo2m .additionalActionsIcon-1FoUlE:hover {
  2633.     color: rgb(var(--fontwhite1));
  2634. }
  2635. .topSectionNormal-2-vo2m .tabBarContainer-1s1u-z {          /* header               tabbarcontainer                     */
  2636.     border-top-color: rgba(var(--vtransparencycolor), 0.3);
  2637. }
  2638. #app-mount .header-QKLPzZ .textRow-19NEd_ {
  2639.     color: rgb(var(--fontwhite2));
  2640. }
  2641. #app-mount .topSectionNormal-2-vo2m .header-QKLPzZ .textRow-19NEd_ {
  2642.     color: rgb(var(--fontwhite3));
  2643. }
  2644. #app-mount .activityProfile-2bJRaP .headerText-1HLrL7 {     /* header               activitytext                        */
  2645.     color: rgb(var(--fontwhite1));
  2646. }
  2647. #app-mount .activityProfile-2bJRaP .content-3JfFJh,         /* header               activitycontent                     */
  2648. #app-mount .activityProfile-2bJRaP .details-38sfDr,         /* header               activitydetails                     */
  2649. #app-mount .activityProfile-2bJRaP .name-29ETJS {           /* header               activityname                        */
  2650.     color: rgb(var(--fontwhite2));
  2651. }
  2652.  
  2653. .userInfoSectionHeader-CBvMDh {                             /* body                 sectionheader                       */
  2654.     color: rgb(var(--fontwhite3));
  2655. }
  2656. .userInfoSection-2acyCx + .userInfoSection-2acyCx {
  2657.     border-top-color: rgba(var(--fontwhite4), 0.3);
  2658. }
  2659. .connectedAccount-36nQx7 {                                  /* body                 connectedaccount                    */
  2660.     border-color: rgba(var(--fontwhite4), 0.3);
  2661. }
  2662. .connectedAccountName-f8AEe2 {                              /* body                 connectedaccountname                */
  2663.     color: rgb(var(--fontwhite2));
  2664. }
  2665. .connectedAccountOpenIcon-2cNbq5 {
  2666.     color: rgb(var(--fontwhite2));
  2667. }
  2668. .connectedAccountOpenIcon-2cNbq5:hover {
  2669.     color: rgb(var(--fontwhite1));
  2670. }
  2671. .listRow-hutiT_ {                                           /* body                 listrow                             */
  2672.     color: rgb(var(--fontwhite2));
  2673. }
  2674. .guildNick-3uAm3i {                                         /* body                 guildnick                           */
  2675.     color: rgb(var(--fontwhite3));
  2676. }
  2677. .listRow-hutiT_:hover {
  2678.     background-color: rgba(var(--vtransparencycolor), 0.2);
  2679.     color: rgb(var(--fontwhite1));
  2680. }
  2681. .listRow-hutiT_:hover .guildNick-3uAm3i {
  2682.     color: rgb(var(--fontwhite2));
  2683. }
  2684. .emptyIcon-pGTAhd {                                         /* body                 emptypic                            */
  2685.     opacity: 0.6;
  2686. }
  2687. .emptyText-6tYmO5 {                                         /* body                 emptytext                           */
  2688.     color: rgb(var(--fontwhite2));
  2689. }
  2690.  
  2691. /* ----     12.2.   GUILDADD/CREATION               ----- */
  2692.  
  2693. #app-mount .wrapper-2ZbzR9 {                                /* modal                wrapper                             */
  2694.     background: transparent;
  2695. }
  2696. .wrapper-2ZbzR9 > * > * {
  2697.     transform: unset !important;
  2698. }
  2699. #app-mount .slide-2pHaq5 {                                  /* modal                slide                               */
  2700.     background: transparent;
  2701. }
  2702. #app-mount .action-1lSjCi {
  2703.     background-color: rgba(var(--vtransparencycolor), 0.2);
  2704.     border-color: rgba(var(--vtransparencycolor), 0.2);
  2705.     box-shadow: 0 2px 4px rgba(var(--vtransparencycolor), 0.1);
  2706. }
  2707. #app-mount .actionBody-1qj65C {                             /* modal                actiontext                          */
  2708.     color: rgb(var(--fontwhite2));
  2709. }
  2710. #app-mount .actionButton-2PeQbJ {                           /* modal                actionbutton                        */
  2711.     color: rgb(var(--fontwhite1));
  2712. }
  2713. #app-mount .or-3THJsp {                                     /* modal                oricon                              */
  2714.     -webkit-mask: url(https://discordapp.com/assets/b9cf5548cc5a23a6943f194a0ace88f8.svg) center/52px 52px no-repeat;
  2715.     background: none;
  2716.     color: rgb(var(--fontwhite1));
  2717.     line-height: 306px;
  2718.     order: unset;
  2719.     height: 100%;
  2720.     width: 100%;
  2721.     top: 0;
  2722.     left: 0;
  2723.     border-radius: unset;
  2724.     border: unset;
  2725. }
  2726. .or-3THJsp:after,
  2727. .or-3THJsp:before {
  2728.     content: "";
  2729.     position: absolute;
  2730.     top: 0;
  2731.     bottom: 0;
  2732.     right: 0;
  2733.     left: 0;
  2734.     width: unset;
  2735.     height: unset;
  2736.     pointer-events: none;
  2737.     z-index: -1;
  2738. }
  2739. .or-3THJsp:after {
  2740.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  2741. }
  2742. .or-3THJsp:before {
  2743.     background: var(--vpopout) center/var(--vpopoutsize);
  2744.     filter: blur(var(--vpopoutblur));
  2745.     background-attachment: fixed;
  2746. }
  2747. #app-mount .cancelButton-RGXhAE {                           /* modal                cancelbutton                        */
  2748.     color: rgb(var(--fontwhite2));
  2749. }
  2750. #app-mount .cancelButton-RGXhAE:hover {
  2751.     color: rgb(var(--fontwhite1));
  2752.     border-bottom-color: rgb(var(--fontwhite1));
  2753. }
  2754. #app-mount .cancelButton-RGXhAE:before {
  2755.     -webkit-mask: url(https://discordapp.com/assets/eb57a76361c43375bf23207ad2acc631.svg) 0/18px 12px no-repeat;
  2756.     background: rgb(var(--fontwhite2));
  2757. }
  2758. #app-mount .cancelButton-RGXhAE:hover:before {
  2759.     background: rgb(var(--fontwhite1));
  2760. }
  2761.  
  2762. #app-mount .description-QF3836 {                            /* create               description                         */
  2763.     color: rgb(var(--fontwhite2));
  2764. }
  2765. #app-mount .helpText-h3r3wC {                               /* create               helptext                            */
  2766.     color: rgb(var(--fontwhite2));
  2767. }
  2768. .avatar-21196O {                                            /* create               avataruploader                      */
  2769.     border-color: rgb(var(--fontwhite1));
  2770. }
  2771. .avatarUploaderAcronym-3SioMc,                              /* create               avataruploaderacronym               */
  2772. .avatarUploaderHint-3SN212 {                                /* create               avataruploaderhint                  */
  2773.     color: rgb(var(--fontwhite1));
  2774. }
  2775. .avatarUploader-3XDtmn .sizeInfo-SKMPPw {                   /* create               avatarsizeinfo                      */
  2776.     color: rgb(var(--fontwhite2));
  2777. }
  2778. #app-mount .regionSelect-3lf4eE .regionSelectInner-24f4Ce,  /* create               regionselect                        */
  2779. #app-mount .regionSelect-3lf4eE button {
  2780.     border-color: rgb(var(--fontwhite1));
  2781. }
  2782. #app-mount .regionSelect-3lf4eE:hover button {
  2783.     color: rgb(var(--fontwhite1));
  2784. }
  2785. #app-mount .regionSelectName-2-2FWh {                       /* create               regionselectname                    */
  2786.     color: rgb(var(--fontwhite2));
  2787. }
  2788.  
  2789. #app-mount .description-Bw8krY {                            /* join                 description                         */
  2790.     color: rgb(var(--fontwhite2));
  2791. }
  2792. #app-mount .inputLabel-vJ2Z0B {                             /* join                 inputlabel                          */
  2793.     color: rgb(var(--fontwhite2));
  2794. }
  2795.  
  2796. /* ----     12.3.   REGIONSELECTMODAL               ---- */
  2797.  
  2798. #app-mount .regionSelectModal-12e-57 {                      /* modal                container                           */
  2799.     background-color: transparent;
  2800.     box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  2801.     position: relative;
  2802.     overflow: hidden;
  2803. }
  2804. .regionSelectModal-12e-57:after,
  2805. .regionSelectModal-12e-57:before {
  2806.     content: "";
  2807.     position: absolute;
  2808.     top: 0;
  2809.     bottom: 0;
  2810.     right: 0;
  2811.     left: 0;
  2812.     width: unset;
  2813.     height: unset;
  2814.     pointer-events: none;
  2815.     z-index: -1;
  2816. }
  2817. .regionSelectModal-12e-57:after {
  2818.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  2819. }
  2820. .regionSelectModal-12e-57:before {
  2821.     background: var(--vpopout) center/var(--vpopoutsize);
  2822.     filter: blur(var(--vpopoutblur));
  2823.     background-attachment: fixed;
  2824. }
  2825. #app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3 {
  2826.     background-color: rgba(var(--vtransparencycolor), 0.2);
  2827.     border-color: rgba(var(--vtransparencycolor), 0.1);
  2828. }
  2829. #app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover {
  2830.     background-color: rgba(var(--vtransparencycolor), 0.3);
  2831. }
  2832. #app-mount .regionSelectModal-12e-57 .regionSelectModalFooter-20C5iA {
  2833.     color: rgb(var(--fontwhite3));
  2834. }
  2835.  
  2836. /* ----     12.4.   UPLOADMODAL                     ---- */
  2837.  
  2838. #app-mount .uploadModal-2ifh8j {                            /* modal                container                           */
  2839.     background-color: transparent;
  2840.     box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  2841.     position: relative;
  2842.     border-radius: 10px;
  2843. }
  2844. .uploadModal-2ifh8j:after,
  2845. .uploadModal-2ifh8j:before {
  2846.     content: "";
  2847.     position: absolute;
  2848.     top: 0;
  2849.     bottom: 0;
  2850.     right: 0;
  2851.     left: 0;
  2852.     width: unset;
  2853.     height: unset;
  2854.     pointer-events: none;
  2855.     border-radius: 10px;
  2856.     z-index: -1;
  2857. }
  2858. .uploadModal-2ifh8j:after {
  2859.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  2860. }
  2861. .uploadModal-2ifh8j:before {
  2862.     background: var(--vpopout) center/var(--vpopoutsize);
  2863.     filter: blur(var(--vpopoutblur));
  2864.     background-attachment: fixed;
  2865. }
  2866.  
  2867. .uploadModal-2ifh8j .inner-3nWsbo,                          /* modal                inner                               */
  2868. .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo {
  2869.     border-color: rgba(var(--fontwhite1), 0.5);
  2870.     color: rgb(var(--fontwhite1));
  2871. }
  2872. .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .description-2ug5H_ .filename-ovv3c5 {
  2873.     color: rgb(var(--fontwhite1));
  2874. }
  2875. .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo .title-2Vtl4y {
  2876.     text-shadow: 1px 1px var(--vtextshadow);
  2877. }
  2878. .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo .instructions-2Du9gG {
  2879.     color: rgb(var(--fontwhite3));
  2880.     text-shadow: 1px 1px var(--vtextshadow);
  2881. }
  2882. .content-P4SiGI {                                           /* modal                errorcontent                        */
  2883.     color: rgb(var(--fontwhite3));
  2884. }
  2885. .navArrow-3Q9QPC {                                          /* modal                navarrow                            */
  2886.     -webkit-mask: url(https://discordapp.com/assets/c83861b2303b7ee40c419e9590d57f11.svg) center/contain no-repeat;
  2887.     background-color: rgb(var(--fontwhite3));
  2888.     object-position: -9999999px -9999999px;
  2889. }
  2890. .uploadModal-2ifh8j .inner-zqa7da {                         /* modal                channeltextarea                     */
  2891.     background-color: rgba(var(--vtransparencycolor), 0.3);
  2892. }
  2893. .uploadModal-2ifh8j .footer-3mqk7D {                        /* modal                footer                              */
  2894.     background-color: rgba(var(--vtransparencycolor), 0.2);
  2895. }
  2896. .uploadModal-2ifh8j .checkbox-1ix_J3 {                      /* modal                checkbox                            */
  2897.     border-color: rgb(var(--fontwhite1)) !important;
  2898. }
  2899. .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.image-2yrs5j {
  2900.     box-shadow: 0 2px 8px rgba(var(--vtransparencycolor), 0.4);
  2901. }
  2902.  
  2903. /* ----     12.5.   KEYBOARDSHORTCUTSMODAL          ---- */
  2904.  
  2905. #app-mount .keyboardShortcutsModal-3piNz7 {                 /* modal                container                           */
  2906.     background-color: transparent;
  2907.     box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  2908.     position: relative;
  2909.     overflow: hidden;
  2910. }
  2911. .keyboardShortcutsModal-3piNz7:after,
  2912. .keyboardShortcutsModal-3piNz7:before {
  2913.     content: "";
  2914.     position: absolute;
  2915.     top: 0;
  2916.     bottom: 0;
  2917.     right: 0;
  2918.     left: 0;
  2919.     width: unset;
  2920.     height: unset;
  2921.     pointer-events: none;
  2922.     z-index: -1;
  2923. }
  2924. .keyboardShortcutsModal-3piNz7:after {
  2925.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  2926. }
  2927. .keyboardShortcutsModal-3piNz7:before {
  2928.     background: var(--vpopout) center/var(--vpopoutsize);
  2929.     filter: blur(var(--vpopoutblur));
  2930.     background-attachment: fixed;
  2931. }
  2932. #app-mount .modalTitle-37O4n6 {                             /* modal                title                               */
  2933.     color: rgb(var(--fontwhite1));
  2934. }
  2935. #app-mount .modalSubtitle-1Pj5nv {                          /* modal                subtitle                            */
  2936.     border-color: rgba(var(--fontwhite4), 0.3);
  2937.     color: rgb(var(--fontwhite1));
  2938. }
  2939. #app-mount .keyboardShortcutList-13cQ-8 .keybindGroup--6Qp-w .keybindDescription-2RDbC2 {
  2940.     color: rgb(var(--fontwhite2));
  2941. }
  2942. #app-mount .keybindShortcut-1BD6Z1 {
  2943.     color: rgb(var(--fontwhite1));
  2944. }
  2945. #app-mount .keybindShortcut-1BD6Z1 span {
  2946.     color: rgb(var(--fontwhite1));
  2947.     box-shadow: inset 0 -4px 0 rgb(0, 0, 0, 0.4);
  2948.     border: 1px solid rgb(0, 0, 0, 0.4);
  2949.     background-color: rgb(var(--fontwhite4));
  2950. }
  2951. #app-mount .keybindShortcut-1BD6Z1 span [fill^="#"] {
  2952.     fill: rgb(var(--fontwhite1));
  2953. }
  2954.  
  2955. /* ----     12.6.   QUICKSWITCHER                   ---- */
  2956.  
  2957. #app-mount .quickswitcher-3JagVE {                          /* modal                container                           */
  2958.     background-color: transparent;
  2959.     box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  2960.     position: relative;
  2961.     overflow: hidden;
  2962. }
  2963. .quickswitcher-3JagVE:after,
  2964. .quickswitcher-3JagVE:before {
  2965.     content: "";
  2966.     position: absolute;
  2967.     top: 0;
  2968.     bottom: 0;
  2969.     right: 0;
  2970.     left: 0;
  2971.     width: unset;
  2972.     height: unset;
  2973.     pointer-events: none;
  2974.     z-index: -1;
  2975. }
  2976. .quickswitcher-3JagVE:after {
  2977.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  2978. }
  2979. .quickswitcher-3JagVE:before {
  2980.     background: var(--vpopout) center/var(--vpopoutsize);
  2981.     filter: blur(var(--vpopoutblur));
  2982.     background-attachment: fixed;
  2983. }
  2984. #app-mount .input-2VB9rf {                                  /* modal                input                               */
  2985.     background-color: rgba(var(--vtransparencycolor), 0.4);
  2986.     box-shadow: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  2987.     color: rgb(var(--fontwhite1));
  2988. }
  2989. #app-mount .input-2VB9rf::placeholder {
  2990.     color: rgb(var(--fontwhite3));
  2991. }
  2992. #app-mount .header-13MUnb {                                 /* modal                header                              */
  2993.     color: rgb(var(--fontwhite2));
  2994. }
  2995. #app-mount .resultFocused-3aIoYe {                          /* modal                resultfocused                       */
  2996.     background-color: rgba(var(--vtransparencycolor), 0.2);
  2997. }
  2998. #app-mount .contentUnread-3gTHvA {                          /* modal                contentunread                       */
  2999.     color: rgb(var(--fontwhite1));
  3000. }
  3001. #app-mount .contentDefault-16dKSY,                          /* modal                contentdefault                      */
  3002. #app-mount .icon-30q1Or,                                    /* modal                icon                                */
  3003. #app-mount .misc-1CT3G7 {                                   /* modal                misc                                */
  3004.     color: rgb(var(--fontwhite3));
  3005. }
  3006. #app-mount .note-S--UP5 {                                   /* modal                note                                */
  3007.     color: rgb(var(--fontwhite4));
  3008. }
  3009. #app-mount .resultFocused-3aIoYe .contentDefault-16dKSY,
  3010. #app-mount .resultFocused-3aIoYe .icon-30q1Or,
  3011. #app-mount .contentUnread-3gTHvA .icon-30q1Or,
  3012. #app-mount .resultFocused-3aIoYe .misc-1CT3G7 {
  3013.     color: rgb(var(--fontwhite1));
  3014. }
  3015. #app-mount .resultFocused-3aIoYe .note-S--UP5 {
  3016.     color: rgb(var(--fontwhite3));
  3017. }
  3018. #app-mount .tipsWithoutResults-lGY-De,
  3019. #app-mount .tipsWithResults-HhTE9b {
  3020.     border-color: rgba(var(--fontwhite4), 0.3);
  3021.     color: rgb(var(--fontwhite3));
  3022. }
  3023. #app-mount .keybindShortcutTipsSelect-HDyfe8:last-of-type:before {
  3024.     background-color: rgba(var(--fontwhite4), 0.3);
  3025. }
  3026.  
  3027. /* ----     12.7.   INVITEMODAL                     ---- */
  3028.  
  3029. #app-mount .contentWrapper-3WC1ID {                             /* modal                guildinvitemodal                */
  3030.     background-color: transparent;
  3031.     box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  3032.     position: relative;
  3033.     overflow: hidden;
  3034. }
  3035. .contentWrapper-3WC1ID:after,
  3036. .contentWrapper-3WC1ID:before {
  3037.     content: "";
  3038.     position: absolute;
  3039.     top: 0;
  3040.     bottom: 0;
  3041.     right: 0;
  3042.     left: 0;
  3043.     width: unset;
  3044.     height: unset;
  3045.     pointer-events: none;
  3046.     z-index: -1;
  3047. }
  3048. .contentWrapper-3WC1ID:after {
  3049.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  3050. }
  3051. .contentWrapper-3WC1ID:before {
  3052.     background: var(--vpopout) center/var(--vpopoutsize);
  3053.     filter: blur(var(--vpopoutblur));
  3054.     background-attachment: fixed;
  3055. }
  3056.  
  3057. #app-mount .friendSelected-1sa4bG,                              /* modal                groupdmrow                      */
  3058. #app-mount .inviteRow-2L02ae:hover {                            /* modal                guildrow                        */
  3059.     background-color: rgba(var(--vtransparencycolor), 0.2);
  3060. }
  3061. #app-mount .friend-3KALPe,                                      /* modal                groupdmrow                      */
  3062. #app-mount .inviteRowName-1tVaxu {                              /* modal                username                        */
  3063.     color: rgb(var(--fontwhite2));
  3064. }
  3065. #app-mount .friendSelected-1sa4bG,
  3066. #app-mount .inviteRow-2L02ae:hover .inviteRowName-1tVaxu {
  3067.     color: rgb(var(--fontwhite1));
  3068. }
  3069. #app-mount .checkBoxLabel-4PWfpk,
  3070. #app-mount .footerText-2a7NxZ,
  3071. #app-mount .subTitle-3TUjmF,
  3072. #app-mount .subtitle-2P4u9v,
  3073. #app-mount .subText-bCySlS {
  3074.     color: rgb(var(--fontwhite3));
  3075. }
  3076. .tag-2gHSR7 {
  3077.     background-color: rgb(var(--vaccentcolor));
  3078.     color: rgb(var(--fontwhite1));
  3079. }
  3080. .pill-1dHPfk {
  3081.     background-color: rgba(var(--vtransparencycolor), 0.5);
  3082. }
  3083.  
  3084. /* ----     12.8.   LOGINSCREEN                     ---- */
  3085.  
  3086. #app-mount .wrapper-3Q5DdO {                                /* login                wrapper                             */
  3087.     background: transparent;
  3088. }
  3089. .wrapper-3Q5DdO:before,                                     /* login                winbuttonshadow                     */
  3090. .wrapper-3Q5DdO .rightSplit-2US0xy,                         /* login                background                          */
  3091. .wrapper-3Q5DdO .canvas-3XuBXe {                            /* login                movingshadow                        */
  3092.     display: none;
  3093. }
  3094. #app-mount .authBox-hW6HRx {                                /* login                modal                               */
  3095.     background-color: rgba(var(--vtransparencycolor), 0.5);
  3096.     box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  3097.     color: rgb(var(--fontwhite3));
  3098.     position: relative;
  3099.     overflow: hidden;
  3100. }
  3101. #app-mount .quote-3aooyW {                                  /* login                loadingquote                        */
  3102.     color: rgb(var(--fontwhite1));
  3103. }
  3104. #app-mount .contentBase-11jeVK {                            /* login                loadingcontent                      */
  3105.     color: rgb(var(--fontwhite3));
  3106. }
  3107. #app-mount .problems-3mgf6w {                               /* login                loadingproblems                     */
  3108.     color: rgb(var(--fontwhite1));
  3109. }
  3110. #app-mount .problemsText-1Yx-Kl {                           /* login                loadingproblemtext                  */
  3111.     color: rgb(var(--fontwhite3));
  3112. }
  3113.  
  3114. /* ----     12.9.   TERMACCEPTMODAL                 ---- */
  3115.  
  3116. #app-mount .modal-DRZfgq {                                  /* modal                container                           */
  3117.     background-color: transparent;
  3118.     box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  3119.     position: relative;
  3120.     overflow: hidden;
  3121. }
  3122. .modal-DRZfgq:after,
  3123. .modal-DRZfgq:before {
  3124.     content: "";
  3125.     position: absolute;
  3126.     top: 0;
  3127.     bottom: 0;
  3128.     right: 0;
  3129.     left: 0;
  3130.     width: unset;
  3131.     height: unset;
  3132.     pointer-events: none;
  3133.     z-index: -1;
  3134. }
  3135. .modal-DRZfgq:after {
  3136.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  3137. }
  3138. .modal-DRZfgq:before {
  3139.     background: var(--vpopout) center/var(--vpopoutsize);
  3140.     filter: blur(var(--vpopoutblur));
  3141.     background-attachment: fixed;
  3142. }
  3143.  
  3144. [style*="/assets/a13cfdd7220132fff399a76c3ed64519.svg"],    /* modal                image                               */
  3145. [src*="/assets/a13cfdd7220132fff399a76c3ed64519.svg"] {
  3146.     filter: brightness(85%) invert(100%);
  3147.     opacity: 0.7;
  3148. }
  3149.  
  3150. #app-mount .modal-DRZfgq .checked-3_4uQ9 {                  /* modal                ackcheckbox                         */
  3151.     background-color: rgb(var(--vaccentcolor));
  3152. }
  3153. #app-mount .modal-DRZfgq .checkbox-1ix_J3 [stroke="#7289da"] {
  3154.     stroke: rgb(var(--fontwhite1)) !important;
  3155. }
  3156. #app-mount .ack-2yIUvY {                                    /* modal                acklabel                            */
  3157.     color: rgb(var(--fontwhite2));
  3158. }
  3159. #app-mount .buttonContainer-3S_miP {                        /* modal                footer                          */
  3160.     background-color: rgba(var(--vtransparencycolor), 0.2);
  3161.     box-shadow: none;
  3162. }
  3163.  
  3164. /* ----     12.10.  DOWNLOADAPPMODAL                ---- */
  3165.  
  3166. #app-mount .downloadApps-wbBFdZ {                           /* modal                container                           */
  3167.     background-color: transparent;
  3168.     box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  3169.     position: relative;
  3170.     overflow: hidden;
  3171. }
  3172. .downloadApps-wbBFdZ:after,
  3173. .downloadApps-wbBFdZ:before {
  3174.     content: "";
  3175.     position: absolute;
  3176.     top: 0;
  3177.     bottom: 0;
  3178.     right: 0;
  3179.     left: 0;
  3180.     width: unset;
  3181.     height: unset;
  3182.     pointer-events: none;
  3183.     z-index: -1;
  3184. }
  3185. .downloadApps-wbBFdZ:after {
  3186.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  3187. }
  3188. .downloadApps-wbBFdZ:before {
  3189.     background: var(--vpopout) center/var(--vpopoutsize);
  3190.     filter: blur(var(--vpopoutblur));
  3191.     background-attachment: fixed;
  3192. }
  3193. .downloadApps-wbBFdZ .header-nJMe-Q {
  3194.     color: rgb(var(--fontwhite2));
  3195. }
  3196. .downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 {
  3197.     border-color: rgb(var(--fontwhite3));
  3198. }
  3199. .downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 p {
  3200.     color: rgb(var(--fontwhite3));
  3201. }
  3202. .downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 .downloadButton-1bWXpg {
  3203.     background-color: rgb(var(--fontwhite3));
  3204. }
  3205. .downloadApps-wbBFdZ .footer-1nkeBm {
  3206.     color: rgb(var(--fontwhite3));
  3207. }
  3208.  
  3209.  
  3210. /* ~~~~     13.     POPOUTS                         ~~~~ */
  3211.  
  3212. #app-mount .popout-2iWAc-:not(.noShadow-3pu20z) {
  3213.     box-shadow: 0 0 1px rgba(var(--vtransparencycolor), 0.2), 0 1px 4px rgba(var(--vtransparencycolor), 0.1);
  3214. }
  3215. .popout-2iWAc-[style*="translateY(-100%)"] {
  3216.     transform: unset !important;
  3217. }
  3218. .popout-2iWAc-[style*="translateX(-50."],
  3219. .popout-2iWAc-[style*="translateX(-50%)"] {
  3220.     transform: translateX(-50%) !important;
  3221. }
  3222. .popout-2iWAc-[style*="translateX(-84."],
  3223. .popout-2iWAc-[style*="translateX(-84%)"] {
  3224.     transform: translateX(-84%) !important;
  3225. }
  3226. .popout-2iWAc-[style*="translateX(-100%)"] {
  3227.     transform: translateX(-100%) !important;
  3228. }
  3229. .popout-2iWAc-[style*="translateY(-100%)"] > *:only-child {
  3230.     margin-top: -100%;
  3231. }
  3232. .popout-2iWAc-[style*="translateX(-50."] > *,
  3233. .popout-2iWAc-[style*="translateX(-50%)"] > * {
  3234.     margin-left: -50%;
  3235.     transform: translateX(50%);
  3236. }
  3237. .popout-2iWAc-[style*="translateX(-84."] > *,
  3238. .popout-2iWAc-[style*="translateX(-84%)"] > * {
  3239.     margin-left: -84%;
  3240.     transform: translateX(84%);
  3241. }
  3242. .popout-2iWAc-[style*="translateX(-100%)"] > * {
  3243.     margin-left: -100%;
  3244.     transform: translateX(100%);
  3245. }
  3246. .popout-2iWAc-[style*="translateX(-50."] > *.scrollerWrap-2lJEkd,
  3247. .popout-2iWAc-[style*="translateX(-50%)"] > *.scrollerWrap-2lJEkd {
  3248.     margin-right: 50%;
  3249. }
  3250. .popout-2iWAc-[style*="translateX(-100%)"] > *.scrollerWrap-2lJEkd {
  3251.     margin-right: 100%;
  3252. }
  3253.  
  3254. #app-mount .container-2x5lvQ,                               /* RTCpopout            (for example voicequality)          */
  3255. #app-mount .quickSelectPopout-X1hvgV,                       /* quickselect          (for example regionselect)          */
  3256. #app-mount .themedPopout-1TrfdI,                            /* themed popout        (for example mentionpopout)         */
  3257. #app-mount .popoutList-T9CKZQ {                             /* listpopout           (for example auditlogs)             */
  3258.     background-color: transparent;
  3259.     border: none;
  3260.     border-radius: 5px;
  3261.     box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  3262.     color: rgb(var(--fontwhite1));
  3263.     position: relative;
  3264. }
  3265. .container-2x5lvQ:after,
  3266. .container-2x5lvQ:before,
  3267. .quickSelectPopout-X1hvgV:after,
  3268. .quickSelectPopout-X1hvgV:before,
  3269. .themedPopout-1TrfdI:after,
  3270. .themedPopout-1TrfdI:before,
  3271. .popoutList-T9CKZQ:after,
  3272. .popoutList-T9CKZQ:before {
  3273.     content: "";
  3274.     position: absolute;
  3275.     top: 0;
  3276.     bottom: 0;
  3277.     right: 0;
  3278.     left: 0;
  3279.     width: unset;
  3280.     height: unset;
  3281.     pointer-events: none;
  3282.     border-radius: 5px;
  3283.     z-index: -1;
  3284. }
  3285. .container-2x5lvQ:after,
  3286. .quickSelectPopout-X1hvgV:after,
  3287. .themedPopout-1TrfdI:after,
  3288. .popoutList-T9CKZQ:after {
  3289.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
  3290. }
  3291. .container-2x5lvQ:before,
  3292. .quickSelectPopout-X1hvgV:before,
  3293. .themedPopout-1TrfdI:before,
  3294. .popoutList-T9CKZQ:before {
  3295.     background: var(--vpopout) center/var(--vpopoutsize);
  3296.     filter: blur(var(--vpopoutblur));
  3297.     background-attachment: fixed;
  3298. }
  3299. .popout-googletranslate .themedPopout-1TrfdI {
  3300.     margin-top: -427px !important;
  3301. }
  3302. #app-mount .quickSelectPopoutOption-opKBx9:hover {
  3303.     background-color: rgba(var(--vtransparencycolor), 0.2);
  3304. }
  3305. #app-mount .quickSelectPopoutOption-opKBx9.selected {
  3306.     background-color: rgba(var(--vtransparencycolor), 0.4);
  3307.     color: rgb(var(--fontwhite1));
  3308. }
  3309. #app-mount .container-2x5lvQ .header-2C89wJ {
  3310.     background-color: rgba(var(--vtransparencycolor), 0.2);
  3311. }
  3312. #app-mount .container-2x5lvQ section {
  3313.     background-color: transparent;
  3314. }
  3315. #app-mount .container-2x5lvQ section p {
  3316.     color: rgb(var(--fontwhite3));
  3317. }
  3318. #app-mount .container-2x5lvQ section strong {
  3319.     color: rgb(var(--fontwhite1));
  3320. }
  3321. #app-mount .debugButton-1Zec0y {
  3322.     color: rgb(var(--fontwhite3));
  3323. }
  3324.  
  3325. #app-mount .header-3po9qd {                                 /* popout               innerheader (for example GoLive)    */
  3326.     color: rgb(var(--fontwhite1));
  3327. }
  3328. #app-mount .breadcrumbWrapper-WmDjgG {                      /* popout               breadcrumbs (for example NitroGift) */
  3329.     color: rgb(var(--fontwhite3));
  3330. }
  3331. #app-mount .activeBreadcrumb-p6aw-F {
  3332.     color: rgb(var(--fontwhite1));
  3333. }
  3334.  
  3335. #app-mount .divider-1que2t {                                /* popout               divider                             */
  3336.     border-color: rgba(var(--fontwhite4), 0.3);
  3337. }
  3338. #app-mount .giftBlurb-4VKZWm,
  3339. #app-mount .trialNote-wEO1RW,
  3340. #app-mount .trialText-2gR3-S {
  3341.     color: rgb(var(--fontwhite2));
  3342. }
  3343. #app-mount .price-3dKlQv,
  3344. #app-mount .annualDiscount-1VxngV {
  3345.     color: rgb(var(--fontwhite1));
  3346. }
  3347. #app-mount .interval-bfFUiQ {
  3348.     color: rgb(var(--fontwhite3));
  3349. }
  3350. #app-mount .option-1l2vXE {
  3351.     background-color: rgba(var(--vtransparencycolor), 0.3);
  3352. }
  3353.  
  3354. #app-mount .addGamePopout-2RY8Ju {                          /* addgamepopout                                            */
  3355.     background-color: transparent;
  3356. }
  3357. .addGamePopout-2RY8Ju:after,
  3358. .addGamePopout-2RY8Ju:before {
  3359.     content: "";
  3360.     position: absolute;
  3361.     top: 0;
  3362.     bottom: 0;
  3363.     right: 0;
  3364.     left: 0;
  3365.     width: unset;
  3366.     height: unset;
  3367.     pointer-events: none;
  3368.     z-index: -1;
  3369. }
  3370. .addGamePopout-2RY8Ju:after {
  3371.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.15));
  3372. }
  3373. .addGamePopout-2RY8Ju:before {
  3374.     background: var(--vpopout) center/var(--vpopoutsize);
  3375.     filter: blur(var(--vpopoutblur));
  3376.     background-attachment: fixed;
  3377. }
  3378.  
  3379. /* ----     13.1.   CONTEXTMENU                     ---- */
  3380.  
  3381. .menu-Sp6bN1,                                               /* contextmenu          container (guildheader/status)      */
  3382. .contextMenu-HLZMGh,                                        /* contextmenu          container (contextmenu)             */
  3383. .container-3cGP6G {                                         /* contextmenu          container (messagemenu)             */
  3384.     background: transparent;
  3385.     box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  3386. }
  3387. .menu-Sp6bN1,
  3388. .contextMenu-HLZMGh,
  3389. .container-3cGP6G ,
  3390. .subMenuContext-2n_9YM {
  3391.     z-index: 1;
  3392. }
  3393. .menu-Sp6bN1:after,
  3394. .menu-Sp6bN1:before,
  3395. .contextMenu-HLZMGh:not(.scroller-2FKFPG):after,
  3396. .contextMenu-HLZMGh:not(.scroller-2FKFPG):before,
  3397. .subMenuContext-2n_9YM .scrollerWrap-2lJEkd:after,
  3398. .subMenuContext-2n_9YM .scrollerWrap-2lJEkd:before,
  3399. .container-3cGP6G:after,
  3400. .container-3cGP6G:before {
  3401.     content: "";
  3402.     position: absolute;
  3403.     top: 0;
  3404.     bottom: 0;
  3405.     right: 0;
  3406.     left: 0;
  3407.     width: unset;
  3408.     height: unset;
  3409.     border-radius: 4px;
  3410.     pointer-events: none;
  3411.     z-index: -1;
  3412. }
  3413. .menu-Sp6bN1:after,
  3414. .contextMenu-HLZMGh:not(.scroller-2FKFPG):after,
  3415. .subMenuContext-2n_9YM .scrollerWrap-2lJEkd:after,
  3416. .container-3cGP6G:after {
  3417.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.3));
  3418. }
  3419. .menu-Sp6bN1:before,
  3420. .contextMenu-HLZMGh:not(.scroller-2FKFPG):before,
  3421. .subMenuContext-2n_9YM .scrollerWrap-2lJEkd:before,
  3422. .container-3cGP6G:before {
  3423.     background: var(--vpopout) center/var(--vpopoutsize);
  3424.     filter: blur(var(--vpopoutblur));
  3425.     background-attachment: fixed;
  3426. }
  3427. .itemGroup-1tL0uz {                                             /* contextmenu          itemgroup (guildheader/status)      */
  3428.     border-top-color: rgba(var(--fontwhite4), 0.3);
  3429. }
  3430. .itemBase-1Qj4z6,                                               /* contextmenu          item (guildheader/status)           */
  3431. .itemBase-tz5SeC {                                              /* contextmenu          item (contextmenu/messagemenu)      */
  3432.     color: rgb(var(--fontwhite2));
  3433. }
  3434. .itemBase-1Qj4z6:hover,
  3435. .clickable-11uBi-:hover,
  3436. .selected-BYpGTS {
  3437.     background-color: rgba(var(--vtransparencycolor), 0.2);
  3438.     color: rgb(var(--fontwhite1));
  3439. }
  3440. .itemBase-1Qj4z6.leave-1DRJfn:hover,
  3441. .clickable-11uBi-.danger-2dXSTE:hover {
  3442.     background-color: rgba(240, 71, 71, 0.2);
  3443.     color: rgb(var(--fontwhite1)) !important;
  3444. }
  3445. .itemBase-1Qj4z6.invite-271nFU:hover,
  3446. .clickable-11uBi-.brand-3igrJY:hover {
  3447.     background-color: rgba(var(--vaccentcolor), 0.2);
  3448.     color: rgb(var(--fontwhite1)) !important;
  3449. }
  3450. .itemBase-1Qj4z6:hover .premiumGuildIcon-BhwtRn {
  3451.     color: rgb(var(--fontwhite1)) !important;
  3452. }
  3453. .helper-2c73HK {                                                /* contextmenu          helper (guildheader/status)         */
  3454.     color: rgb(var(--fontwhite3));
  3455. }
  3456. .itemBase-1Qj4z6:hover .helper-2c73HK {
  3457.     color: rgb(var(--fontwhite2));
  3458. }
  3459. .separator-2zcjq8 {                                             /* contextmenu          separator (guildheader/status)      */
  3460.     border-bottom-color: rgba(var(--fontwhite4), 0.3);
  3461. }
  3462. #app-mount .checkbox-3kaeSU .checkboxInner-3yjcPe span {        /* contextmenu          checkbox (contextmenu)              */
  3463.     border-color: rgba(var(--fontwhite2), 0.2);
  3464. }
  3465. #app-mount .clickable-11uBi-:hover .checkbox-3kaeSU .checkboxInner-3yjcPe span,
  3466. #app-mount .selected-BYpGTS .checkbox-3kaeSU .checkboxInner-3yjcPe span {
  3467.     border-color: rgba(var(--fontwhite1), 0.2);
  3468. }
  3469. .checkbox-3kaeSU .checkboxInner-3yjcPe .checkboxElement-1qV33p:checked + span:after {
  3470.     border-color: rgb(var(--fontwhite1));
  3471. }
  3472.  
  3473. /* ----     13.2.   USERPOPOUT                      ---- */
  3474.  
  3475. .userPopout-3XzG_A {                                        /* popout               container                           */
  3476.     box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  3477. }
  3478. .userPopout-3XzG_A:after,
  3479. .userPopout-3XzG_A:before {
  3480.     content: "";
  3481.     position: absolute;
  3482.     top: 0;
  3483.     bottom: 0;
  3484.     right: 0;
  3485.     left: 0;
  3486.     width: unset;
  3487.     height: unset;
  3488.     pointer-events: none;
  3489.     z-index: -1;
  3490. }
  3491. .userPopout-3XzG_A:after {
  3492.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
  3493. }
  3494. .userPopout-3XzG_A:before {
  3495.     background: var(--vpopout) center/var(--vpopoutsize);
  3496.     filter: blur(var(--vpopoutblur));
  3497.     background-attachment: fixed;
  3498. }
  3499. .header-2BwW8b {                                            /* popout               header                              */
  3500.     color: rgb(var(--fontwhite1));
  3501. }
  3502. #app-mount .headerNormal-T_seeN {                           /* popout               headernormal                        */
  3503.     background-color: rgba(var(--vtransparencycolor), 0.2);
  3504. }
  3505. .headerPlaying-j0WQBV {                                     /* popout               headerplaying                       */
  3506.     text-shadow: 1px 1px var(--vtextshadow);
  3507. }
  3508. .headerStreaming-2FjmGz {                                   /* popout               headerstreaming                     */
  3509.     background: #593695;
  3510. }
  3511. .activity-11LB_k {                                          /* popout               activity                            */
  3512.     background-color: rgba(var(--vtransparencycolor), 0.1);
  3513. }
  3514. #app-mount .body-3iLsc4,                                    /* popout               body                                */
  3515. #app-mount .bodyInner-245q0L,                               /* popout               bodyinner                           */
  3516. #app-mount .footer-1fjuF6 {                                 /* popout               footer                              */
  3517.     background-color: transparent;
  3518.     color: rgb(var(--fontwhite2));
  3519. }
  3520. #app-mount .footer-1fjuF6 {
  3521.     border-color: rgba(var(--fontwhite4), 0.3);
  3522. }
  3523.  
  3524. .headerTag-2pZJzA {                                         /* header               headertag                           */
  3525.     color: rgb(var(--fontwhite2));
  3526. }
  3527. .headerName-fajvi9,                                         /* header               username                            */
  3528. .headerTagUsernameNoNickname-2_H881,
  3529. #app-mount .headerNormal-T_seeN .headerName-fajvi9,
  3530. #app-mount .headerNormal-T_seeN .headerTagUsernameNoNickname-2_H881 {
  3531.     color: rgb(var(--fontwhite1));
  3532. }
  3533. #app-mount .headerTop-3C2Zn0 .textRow-19NEd_ {
  3534.     color: rgb(var(--fontwhite2));
  3535. }
  3536. #app-mount .headerNormal-T_seeN .headerTop-3C2Zn0 .textRow-19NEd_ {
  3537.     color: rgb(var(--fontwhite3));
  3538. }
  3539. #app-mount .activityUserPopout-2yItg2 .headerText-1HLrL7 {  /* header               activitytext                        */
  3540.     color: rgb(var(--fontwhite1));
  3541. }
  3542. #app-mount .activityUserPopout-2yItg2 .content-3JfFJh,      /* header               activitycontent                     */
  3543. #app-mount .activityUserPopout-2yItg2 .details-38sfDr,      /* header               activitydetails                     */
  3544. #app-mount .activityUserPopout-2yItg2 .name-29ETJS {        /* header               activityname                        */
  3545.     color: rgb(var(--fontwhite2));
  3546. }
  3547. .activityName-1IaRLn {                                      /* header               activityname                        */
  3548.     color: rgb(var(--fontwhite1));
  3549. }
  3550. .bar-3urHkF {                                               /* header               activitybar                         */
  3551.     background-color: rgba(var(--fontwhite1), 0.2);
  3552. }
  3553. .barInner-3NDaY_ {                                          /* header               activitybarfill                     */
  3554.     background-color: rgb(var(--fontwhite1));
  3555. }
  3556. .text-AOoUen {                                              /* header               activitybartext                     */
  3557.     color: rgb(var(--fontwhite2));
  3558. }
  3559. .listenAlongIcon-2vb1HG {                                   /* header               listenalong                         */
  3560.     color: rgb(var(--fontwhite1));
  3561. }
  3562.  
  3563. .bodyTitle-Y0qMQz {                                         /* body                 title                               */
  3564.     color: rgb(var(--fontwhite3));
  3565. }
  3566. .root-3-B5F3 {                                              /* body                 roles                               */
  3567.     max-height: 100px;
  3568.     overflow-x: hidden;
  3569.     overflow-y: scroll;
  3570. }
  3571. #app-mount .root-3-B5F3::-webkit-scrollbar {
  3572.     width: 4px;
  3573. }
  3574. #app-mount .role-2irmRk {                                   /* body                 role                                */
  3575.     border-color: rgba(var(--fontwhite3), 0.6);
  3576.     border-radius: 5px;
  3577.     padding: 0 5px;
  3578.     position: relative;
  3579. }
  3580. #app-mount .role-2irmRk[style*="border-color: rgba(185, 187, 190, 0.6)"] {
  3581.     border-color: rgba(var(--fontwhite3), 0.6) !important;
  3582. }
  3583. #app-mount .role-2irmRk .roleName-32vpEy {                  /* body                 rolename                            */
  3584.     color: rgb(var(--fontwhite1));
  3585.     margin: 0;
  3586.     font-weight: normal;
  3587.     position: relative;
  3588.     height: 20px;
  3589.     line-height: 20px;
  3590.     z-index: 1000;
  3591.     pointer-events: none;
  3592. }
  3593. #app-mount .role-2irmRk .roleCircle-3xAZ1j {                /* body                 rolecircle                          */
  3594.     position: absolute;
  3595.     background-color: rgb(var(--fontwhite3));
  3596.     border-radius: 3px;
  3597.     opacity: 0.3;
  3598.     height: 100%;
  3599.     width: 100%;
  3600.     left: 0;
  3601.     top: 0;
  3602. }
  3603. #app-mount .role-2irmRk .roleCircle-3xAZ1j[style*="background-color: rgb(185, 187, 190)"] {
  3604.     background-color: rgb(var(--fontwhite3)) !important;
  3605. }
  3606. #app-mount .role-2irmRk .roleCircleButton-377y0l:hover {    /* body                 rolecirclebutton                    */
  3607.     opacity: 1;
  3608.     z-index: 2000;
  3609. }
  3610.  
  3611. .note-3kmerW textarea {                                     /* body                 note                                */
  3612.     color: rgba(var(--fontwhite2));
  3613. }
  3614. .note-3kmerW textarea:focus {
  3615.     background-color: rgba(var(--vtransparencycolor), 0.2);
  3616. }
  3617. .note-3kmerW textarea::placeholder {
  3618.     color: rgba(var(--fontwhite4));
  3619. }
  3620.  
  3621. #app-mount .quickMessage-1yeL4E {                           /* footer               quickmessage                        */
  3622.     background-color: rgba(var(--vtransparencycolor), 0.1);
  3623.     border-color: rgba(var(--vtransparencycolor), 0.3);
  3624.     color: rgb(var(--fontwhite1));
  3625. }
  3626. #app-mount .quickMessage-1yeL4E:hover {
  3627.     border-color: rgb(var(--vtransparencycolor));
  3628. }
  3629. #app-mount .quickMessage-1yeL4E:focus {
  3630.     border-color: rgb(var(--vaccentcolor));
  3631. }
  3632. #app-mount .quickMessage-1yeL4E::placeholder {
  3633.     color: rgb(var(--fontwhite3));
  3634. }
  3635.  
  3636. /* ----     13.3.   EMOJIPICKER                     ---- */
  3637.  
  3638. #app-mount .emojiPicker-3m1S-j,                             /* picker               container                           */
  3639. #app-mount .diversitySelector-tmmMv0 .popout-2nUePc,        /* picker               diversitypopout                     */
  3640. #app-mount #bda-qem,                                        /* picker               BDtoolbar                           */
  3641. #app-mount #bda-qem-twitch-container,                       /* picker               BDtwitchcontainer                   */
  3642. #app-mount #bda-qem-favourite-container {                   /* picker               BDfavcontainer                      */
  3643.     background-color: transparent;
  3644.     border: none !important;
  3645.     position: relative;
  3646.     overflow: hidden;
  3647. }
  3648. .popout-2iWAc-[style*="translateX(-100%)"] .emojiPicker-3m1S-j,
  3649. .popout-2iWAc-[style*="translateX(-100%)"] #bda-qem,
  3650. .popout-2iWAc-[style*="translateX(-100%)"] #bda-qem-twitch-container,
  3651. .popout-2iWAc-[style*="translateX(-100%)"] #bda-qem-favourite-container {
  3652.     margin-left: -100%;
  3653.     transform: translateX(100%);
  3654. }
  3655. .emojiPicker-3m1S-j:after,
  3656. .emojiPicker-3m1S-j:before,
  3657. .diversitySelector-tmmMv0 .popout-2nUePc:after,
  3658. .diversitySelector-tmmMv0 .popout-2nUePc:before,
  3659. #bda-qem:after,
  3660. #bda-qem:before,
  3661. #bda-qem-twitch-container:after,
  3662. #bda-qem-twitch-container:before,
  3663. #bda-qem-favourite-container:after,
  3664. #bda-qem-favourite-container:before {
  3665.     content: "";
  3666.     position: absolute;
  3667.     top: 0;
  3668.     bottom: 0;
  3669.     right: 0;
  3670.     left: 0;
  3671.     width: unset;
  3672.     height: unset;
  3673.     pointer-events: none;
  3674.     z-index: -1;
  3675. }
  3676. #bda-qem:after,
  3677. #bda-qem-twitch-container:after,
  3678. #bda-qem-favourite-container:after,
  3679. .emojiPicker-3m1S-j:after,
  3680. .diversitySelector-tmmMv0 .popout-2nUePc:after {
  3681.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
  3682. }
  3683. #bda-qem:before,
  3684. #bda-qem-twitch-container:before,
  3685. #bda-qem-favourite-container:before,
  3686. .emojiPicker-3m1S-j:before,
  3687. .diversitySelector-tmmMv0 .popout-2nUePc:before {
  3688.     background: var(--vpopout) center/var(--vpopoutsize);
  3689.     filter: blur(var(--vpopoutblur));
  3690.     background-attachment: fixed;
  3691. }
  3692.  
  3693. #app-mount .emojiPicker-3m1S-j,
  3694. #app-mount .emojiPicker-3m1S-j .dimmer-3iH-5D,              /* picker               diversitydimmer                     */
  3695. #app-mount #bda-qem-twitch-container,
  3696. #app-mount #bda-qem-favourite-container {
  3697.     border-radius:  0 0 5px 5px;
  3698. }
  3699. #app-mount .emojiPicker-3m1S-j:only-child,
  3700. #app-mount .emojiPicker-3m1S-j .dimmer-3iH-5D:only-child,
  3701. #app-mount #bda-qem-twitch-container:only-child,
  3702. #app-mount #bda-qem-favourite-container:only-child {
  3703.     border-radius: 5px;
  3704. }
  3705. #app-mount .noShadow-3pu20z .emojiPicker-3m1S-j,
  3706. #app-mount .noShadow-3pu20z .emojiPicker-3m1S-j .diversitySelector-tmmMv0 .popout-2nUePc,
  3707. #app-mount .noShadow-3pu20z #bda-qem,
  3708. #app-mount .noShadow-3pu20z #bda-qem-twitch-container,
  3709. #app-mount .noShadow-3pu20z #bda-qem-favourite-container {
  3710.     box-shadow: 0 0 1px rgba(var(--vtransparencycolor), 0.82), 0 1px 4px rgba(var(--vtransparencycolor), 0.1);
  3711. }
  3712. #app-mount .emojiPicker-3m1S-j,
  3713. #app-mount #bda-qem-twitch-container,
  3714. #app-mount #bda-qem-favourite-container {
  3715.     height: 424px;
  3716. }
  3717. #app-mount .emojiPicker-3m1S-j .scrollerWrap-2lJEkd {
  3718.     height: unset;
  3719. }
  3720. #app-mount #bda-qem {
  3721.     height: 30px;
  3722. }
  3723. .popout-2iWAc-[style*="translateY(-100%)"] #bda-qem {
  3724.     margin-top: -358px;
  3725. }
  3726. #app-mount .emojiPicker-3m1S-j,
  3727. #app-mount #bda-qem,
  3728. #app-mount #bda-qem-twitch-container,
  3729. #app-mount #bda-qem-favourite-container {
  3730.     width: 384px;
  3731.     box-sizing: border-box;
  3732. }
  3733. #app-mount #bda-qem {
  3734.     overflow: hidden;
  3735.     padding: 0 !important;
  3736. }
  3737. #app-mount #bda-qem button {
  3738.     border: none;
  3739.     border-radius: 0;
  3740.     box-shadow: none;
  3741.     color: rgb(var(--fontwhite2));
  3742. }
  3743. #app-mount #bda-qem button:hover {
  3744.     background-color: rgba(var(--vtransparencycolor), 0.2);
  3745. }
  3746. #app-mount #bda-qem button.active {
  3747.     background-color: rgba(var(--vtransparencycolor), 0.4);
  3748.     color: rgb(var(--fontwhite1));
  3749. }
  3750. .emojiPicker-3m1S-j .header-1nkwgG {
  3751.     background-color: rgb(var(--vtransparencycolor), 0.3);
  3752. }
  3753. #app-mount .emojiPicker-3m1S-j .category-2U57w6,            /* picker               category                            */
  3754. #app-mount .emojiPicker-3m1S-j .stickyHeader-1SS0JU {       /* picker               stickycategory                      */
  3755.     background: transparent;
  3756.     color: rgb(var(--fontwhite2));
  3757. }
  3758. .emojiPicker-3m1S-j .stickyHeader-1SS0JU:after,
  3759. .emojiPicker-3m1S-j .stickyHeader-1SS0JU:before {
  3760.     content: "";
  3761.     position: absolute;
  3762.     top: 0;
  3763.     bottom: 0;
  3764.     right: 0;
  3765.     left: 0;
  3766.     width: unset;
  3767.     height: unset;
  3768.     pointer-events: none;
  3769.     z-index: -1;
  3770. }
  3771. .emojiPicker-3m1S-j .stickyHeader-1SS0JU:after {
  3772.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
  3773. }
  3774. .emojiPicker-3m1S-j .stickyHeader-1SS0JU:before {
  3775.     background: var(--vpopout) center/var(--vpopoutsize);
  3776.     filter: blur(var(--vpopoutblur));
  3777.     background-attachment: fixed;
  3778. }
  3779. #bda-qem-favourite-container .emote-container:hover,
  3780. #bda-qem-twitch-container .emote-container:hover,
  3781. #app-mount .emojiPicker-3m1S-j .emojiItem-109bjA:hover,
  3782. #app-mount .emojiPicker-3m1S-j .emojiItem-109bjA.selected-39BZ4S {
  3783.     background-color: rgb(var(--vaccentcolor));
  3784.     border-radius: 5px;
  3785. }
  3786. .infoBar-U6oBFk {
  3787.     background-color: rgb(var(--vtransparencycolor), 0.3);
  3788. }
  3789. .emojiPicker-3m1S-j .categories-1feg4n {
  3790.     background-color: rgb(var(--vtransparencycolor), 0.3);
  3791.     justify-content: space-evenly;
  3792. }
  3793. .emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq {
  3794.     transition: none;
  3795. }
  3796. .sadImage-2ph8SI {
  3797.     opacity: 0.6;
  3798. }
  3799. #app-mount .wrapper-1GJGVj {
  3800.     color: rgb(var(--fontwhite3));
  3801. }
  3802. #app-mount .emojiPicker-3m1S-j .dimmer-3iH-5D {
  3803.     z-index: 2;
  3804. }
  3805. #app-mount .emojiPicker-3m1S-j .dimmer-3iH-5D.visible-3k45bQ {
  3806.     background-color: rgba(var(--vtransparencycolor), 0.5);
  3807. }
  3808. #app-mount .diversitySelector-tmmMv0 .popout-2nUePc .item-16cXuq:hover {
  3809.     background-color: rgba(var(--vtransparencycolor), 0.2);
  3810. }
  3811.  
  3812. /* ----     13.4.   PINS/MENTIONS                   ---- */
  3813. .messagesPopoutWrap-1MQ1bW {                                /* popout               wrapper                             */
  3814.     background-color: transparent;
  3815.     box-shadow: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  3816.     border: none;
  3817.     overflow: hidden;
  3818. }
  3819. .messagesPopoutWrap-1MQ1bW > * {
  3820.     z-index: 1000;
  3821. }
  3822. .messagesPopoutWrap-1MQ1bW:after,
  3823. .messagesPopoutWrap-1MQ1bW:before {
  3824.     content: "";
  3825.     position: absolute;
  3826.     top: 0;
  3827.     bottom: 0;
  3828.     right: 0;
  3829.     left: 0;
  3830.     width: unset;
  3831.     height: unset;
  3832.     pointer-events: none;
  3833.     z-index: -1;
  3834. }
  3835. .messagesPopoutWrap-1MQ1bW:after {
  3836.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
  3837. }
  3838. .messagesPopoutWrap-1MQ1bW:before {
  3839.     background: var(--vpopout) center/var(--vpopoutsize);
  3840.     filter: blur(var(--vpopoutblur));
  3841.     background-attachment: fixed;
  3842. }
  3843. .messagesPopoutWrap-1MQ1bW {                                /* popout               outerwrap                           */
  3844.     background-color: transparent;
  3845. }
  3846. #app-mount .messagesPopout-24nkyi {                         /* popout               innerwrap                           */
  3847.     background-color: transparent;
  3848. }
  3849. .themedPopout-1TrfdI .header-2Kf7Yu {
  3850.     box-shadow: 0 2px 3px 0 rgba(var(--vtransparencycolor), 0.1);
  3851. }
  3852. .header-ykumBX {                                            /* popout               header                              */
  3853.     background-color: rgba(var(--vtransparencycolor), 0.2);
  3854.     box-shadow: 0 2px 3px 0 rgba(var(--vtransparencycolor), 0.2);
  3855. }
  3856. .themedPopout-1TrfdI .footer-1K57q_ {
  3857.     background-color: rgba(var(--vtransparencycolor), 0.1);
  3858. }
  3859. .footer-1kmXd4 {                                            /* popout               footer                              */
  3860.     background-color: rgba(var(--vtransparencycolor), 0.2);
  3861. }
  3862. .header-ykumBX .title-3pkaKd {                              /* popout               headertitle                         */
  3863.     color: rgb(var(--fontwhite1));
  3864. }
  3865. #app-mount .mentionFilter-1PQ6ey {                          /* popout               mentionfilter                       */
  3866.     background: transparent;
  3867.     color: rgb(var(--fontwhite1));
  3868.     position: relative;
  3869. }
  3870. .mentionFilter-1PQ6ey:after {
  3871.     content: "";
  3872.     position: absolute;
  3873.     top: 6px;
  3874.     right: 0;
  3875.     height: 5px;
  3876.     width: 9px;
  3877.     -webkit-mask: url(https://discordapp.com/assets/a548e6d1dcea000b680726ff489a84a8.svg) center/cover no-repeat;
  3878.     background-color: rgb(var(--fontwhite1));
  3879. }
  3880. .mentionFilter-1PQ6ey .label-12YslM {                       /* popout               mentionfiltelabel                   */
  3881.     color: rgb(var(--fontwhite2));
  3882. }
  3883. .mentionFilter-1PQ6ey .value-2k8Drt {                       /* popout               mentionfiltervalue                  */
  3884.     color: rgb(var(--fontwhite1));
  3885. }
  3886. .messageGroupWrapper-o-Zw7G {
  3887.     background-color: transparent;
  3888.     border: none;
  3889.     overflow: visible;
  3890.     padding: 11px 10px 10px 10px;
  3891. }
  3892. .messageGroupWrapper-o-Zw7G + .messageGroupWrapper-o-Zw7G:before {
  3893.     content: "";
  3894.     border-top: 1px solid rgba(var(--fontwhite4), 0.3);
  3895.     position: absolute;
  3896.     top: -3px;
  3897.     left: 0;
  3898.     width: 100%;
  3899. }
  3900. .messageGroupWrapper-o-Zw7G .contentCozy-3XX413 {
  3901.     overflow: hidden;
  3902. }
  3903. .actionButtons-1sUUug {                                     /* popout               actionbuttonscontainer              */
  3904.     top: 4px;
  3905.     right: 14px;
  3906. }
  3907. .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug {
  3908.     background-color: transparent;
  3909.     box-shadow: none;
  3910. }
  3911. .jumpButton-3DTcS_,
  3912. .jumpButton-Ia2hRJ {                                        /* popout               jumpbutton                          */
  3913.     background-color: rgba(var(--vtransparencycolor), 0.4);
  3914.     color: rgb(var(--fontwhite2));
  3915. }
  3916. .jumpButton-3DTcS_:hover,
  3917. .jumpButton-Ia2hRJ:hover {
  3918.     background-color: rgb(var(--vaccentcolor));
  3919.     color: rgb(var(--fontwhite1));
  3920. }
  3921. .jumpButton-3DTcS_ + .jumpButton-3DTcS_,
  3922. .jumpButton-Ia2hRJ + .jumpButton-Ia2hRJ {
  3923.     margin-left: 2px;
  3924. }
  3925. .closeButton-17RIVZ {                                       /* popout               messageclosebutton                  */
  3926.     -webkit-mask: url(https://discordapp.com/assets/322977be43163c5e0a9d2a1108ae04c9.svg) center/16px 16px no-repeat;
  3927.     background: rgb(var(--fontwhite2));
  3928.     margin: 0 4px 0 0;
  3929. }
  3930. .closeButton-17RIVZ:hover {
  3931.     background: rgb(var(--fontwhite1));
  3932. }
  3933. .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug .closeButton-17RIVZ {
  3934.     opacity: 1;
  3935. }
  3936. .channelSeparator-1MxuvT {                                  /* popout               divider                             */
  3937.     overflow: hidden;
  3938.     position: relative;
  3939. }
  3940. .channelName-3kBz6H {                                       /* popout               dividerchannelname                  */
  3941.     color: rgb(var(--fontwhite1));
  3942. }
  3943. .guildName-1Bc3Ta {                                         /* popout               dividerguildname                    */
  3944.     color: rgb(var(--fontwhite2));
  3945. }
  3946. .channelSeparator-1MxuvT .guildName-1Bc3Ta:after {
  3947.     content: "";
  3948.     border-bottom: 1px solid rgba(var(--fontwhite2), 0.5);
  3949.     height: 1px;
  3950.     margin-left: 10px;
  3951.     position: absolute;
  3952.     pointer-events: none;
  3953.     top: 50%;
  3954.     width: 100vw;
  3955.     z-index: 0;
  3956. }
  3957. .hasMoreButton-1MELpI {                                     /* popout               hasmorebutton                       */
  3958.     background-color: rgba(var(--vtransparencycolor), 0.2);
  3959.     border: none;
  3960. }
  3961.  
  3962. .emptyPlaceholder-1zh-Eu .body-bvcIjN {                     /* popout               emptytext                           */
  3963.     color: rgb(var(--fontwhite3));
  3964. }
  3965. .image-2JDb81 {                                             /* popout               emptyimage                          */
  3966.     opacity: 0.6;
  3967. }
  3968.  
  3969. /* ----     13.5.   SEARCHPOPOUT                    ---- */
  3970.  
  3971. #app-mount .container-3ayLPN {                              /* popout               wrapper                             */
  3972.     background-color: transparent;
  3973.     box-shadow: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  3974.     border: none;
  3975.     overflow: hidden;
  3976.     position: relative;
  3977. }
  3978. .container-3ayLPN:after,
  3979. .container-3ayLPN:before {
  3980.     content: "";
  3981.     position: absolute;
  3982.     top: 0;
  3983.     bottom: 0;
  3984.     right: 0;
  3985.     left: 0;
  3986.     width: unset;
  3987.     height: unset;
  3988.     pointer-events: none;
  3989.     z-index: -1;
  3990. }
  3991. .container-3ayLPN:after {
  3992.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
  3993. }
  3994. .container-3ayLPN:before {
  3995.     background: var(--vpopout) center/var(--vpopoutsize);
  3996.     filter: blur(var(--vpopoutblur));
  3997.     background-attachment: fixed;
  3998. }
  3999. #app-mount .queryContainer-RKFJW- {
  4000.     color: rgb(var(--fontwhite3));
  4001.     border-bottom-color: rgba(var(--fontwhite4), 0.3);
  4002. }
  4003. #app-mount .queryContainer-RKFJW- strong {
  4004.     color: rgb(var(--fontwhite1));
  4005. }
  4006. #app-mount .focused-2bY0OD {
  4007.     background-color: rgba(var(--vtransparencycolor), 0.2);
  4008. }
  4009. #app-mount .resultsGroup-r_nuzN:before {
  4010.     border-top-color: rgba(var(--fontwhite4), 0.3);
  4011. }
  4012. #app-mount .resultsGroup-r_nuzN .header-2N-gMV,
  4013. #app-mount .resultsGroup-r_nuzN .plusIcon-v0BTrL,
  4014. #app-mount .resultsGroup-r_nuzN .searchClearHistory-2cSSMO,
  4015. #app-mount .resultsGroup-r_nuzN .searchLearnMore-3SQUAj a {
  4016.     color: rgb(var(--fontwhite2));
  4017. }
  4018. #app-mount .option-96V44q:after {
  4019.     display: none;
  4020. }
  4021. #app-mount .option-96V44q.selected-rZcOL- {
  4022.     background-color: rgba(var(--vtransparencycolor), 0.2);
  4023. }
  4024. #app-mount .option-96V44q.selected-rZcOL-:before {
  4025.     background-color: rgb(var(--vaccentcolor));
  4026.     border-radius: 3px;
  4027.     width: 34px;
  4028. }
  4029. #app-mount .option-96V44q .answer-1n6g43,
  4030. #app-mount .option-96V44q .nonText-3CRkO0,
  4031. #app-mount .option-96V44q strong {
  4032.     color: rgb(var(--fontwhite2));
  4033. }
  4034. #app-mount .option-96V44q .filter-3Y_im- {
  4035.     color: rgb(var(--fontwhite4));
  4036. }
  4037. #app-mount .option-96V44q.user-O3Czj0 .displayedNick-3xxvzU {
  4038.     color: rgb(var(--fontwhite2));
  4039. }
  4040. #app-mount .option-96V44q.user-O3Czj0 .displayUsername-Qekxml {
  4041.     color: rgb(var(--fontwhite3));
  4042. }
  4043. #app-mount .searchOption-zQ-1l6 .filter-3Y_im- {
  4044.     color: rgb(var(--fontwhite2));
  4045. }
  4046. #app-mount .searchOption-zQ-1l6 .answer-1n6g43 {
  4047.     color: rgb(var(--fontwhite4));
  4048. }
  4049. #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw {
  4050.     border-top-color: rgba(var(--fontwhite4), 0.3);
  4051. }
  4052. #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4 {
  4053.     color: rgb(var(--fontwhite2));
  4054. }
  4055. #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z {
  4056.     color: rgb(var(--fontwhite1));
  4057. }
  4058. #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z:hover {
  4059.     background-color: #677bc4;
  4060. }
  4061. #app-mount .searchResultChannelCategory-1l0lSn,
  4062. #app-mount .searchResultChannelIcon-1DnTme {
  4063.     color: rgb(var(--fontwhite4));
  4064. }
  4065.  
  4066. #app-mount .calendarPicker-2yf6Ci .react-datepicker {
  4067.     background: transparent;
  4068. }
  4069. #app-mount .datePicker--XZbmJ .react-datepicker__day:not(.react-datepicker__day--outside-month) {
  4070.     border-color: rgba(var(--vtransparencycolor), 0.5);
  4071. }
  4072. #app-mount .datePicker--XZbmJ .react-datepicker__day--outside-month {
  4073.     border-color: transparent;
  4074.     background: rgba(var(--vtransparencycolor), 0.5);
  4075. }
  4076. #app-mount .datePicker--XZbmJ .react-datepicker__header,
  4077. #app-mount .datePicker--XZbmJ .react-datepicker__month-container,
  4078. #app-mount .datePicker--XZbmJ .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) {
  4079.     background: rgba(var(--vtransparencycolor), 0.2);
  4080. }
  4081. #app-mount .datePicker--XZbmJ .react-datepicker__header {
  4082.     padding-bottom: 5px;
  4083. }
  4084. #app-mount .datePicker--XZbmJ .react-datepicker__navigation {
  4085.     background: transparent;
  4086.     border-color: rgba(var(--fontwhite1), 0.5);
  4087.     top: 30px;
  4088. }
  4089. #app-mount .datePicker--XZbmJ .react-datepicker__navigation:before {
  4090.     content: "";
  4091.     position: absolute;
  4092.     top: 0;
  4093.     right: 0;
  4094.     bottom: 0;
  4095.     left: 0;
  4096.     -webkit-mask: url(https://discordapp.com/assets/7619529e87dad31fd2ae83d9b9583e49.svg) center/6px 12px no-repeat;
  4097.     background-color: rgb(var(--fontwhite1));
  4098. }
  4099. #app-mount .datePicker--XZbmJ .react-datepicker__navigation--previous {
  4100.     left: 30px;
  4101. }
  4102. #app-mount .datePicker--XZbmJ .react-datepicker__navigation--next {
  4103.     right: 30px;
  4104. }
  4105. #app-mount .datePicker--XZbmJ .react-datepicker__current-month {
  4106.     border-color: transparent;
  4107.     padding: 10px 0;
  4108. }
  4109. #app-mount .datePicker--XZbmJ .react-datepicker__current-month,
  4110. #app-mount .datePicker--XZbmJ .react-datepicker__day-name,
  4111. #app-mount .datePicker--XZbmJ .react-datepicker__day:not(.react-datepicker__day--disabled):hover,
  4112. #app-mount .datePicker--XZbmJ .react-datepicker__day:not(.react-datepicker__day--disabled):not(.react-datepicker__day--outside-month),
  4113. #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4,
  4114. #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z {
  4115.     color: rgb(var(--fontwhite1));
  4116. }
  4117. #app-mount .datePicker--XZbmJ .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) {
  4118.     color: rgb(var(--fontwhite3));
  4119. }
  4120. #app-mount .datePicker--XZbmJ .react-datepicker__day--outside-month {
  4121.     color: rgb(var(--fontwhite4));
  4122. }
  4123. #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw {
  4124.     margin: 0;
  4125.     padding: 20px;
  4126.     display: flex;
  4127.     justify-content: center;
  4128. }
  4129.  
  4130. /* ----     13.6.   COLORPICKER                     ---- */
  4131.  
  4132. #app-mount .colorPickerCustom-2CWBn2 {                      /* popout               wrapper                             */
  4133.     background-color: transparent;
  4134.     box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  4135.     border: none;
  4136.     border-radius: 3px;
  4137.     overflow: hidden;
  4138. }
  4139. .colorPickerCustom-2CWBn2:after,
  4140. .colorPickerCustom-2CWBn2:before {
  4141.     content: "";
  4142.     position: absolute;
  4143.     top: 0;
  4144.     bottom: 0;
  4145.     right: 0;
  4146.     left: 0;
  4147.     width: unset;
  4148.     height: unset;
  4149.     pointer-events: none;
  4150.     z-index: -1;
  4151. }
  4152. .colorPickerCustom-2CWBn2:after {
  4153.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.35));
  4154. }
  4155. .colorPickerCustom-2CWBn2:before {
  4156.     background: var(--vpopout) center/var(--vpopoutsize);
  4157.     filter: blur(var(--vpopoutblur));
  4158.     background-attachment: fixed;
  4159. }
  4160. #app-mount .saturation-1FDvtn > div > div > div > div {                         /* popout               saturationcursor                    */
  4161.     box-shadow: rgb(var(--fontwhite1)) 0px 0px 0px 1.5px, rgba(var(--vtransparencycolor), 0.6) 0px 0px 1px 1px inset, rgba(var(--vtransparencycolor), 0.6) 0px 0px 1px 2px !important;
  4162. }
  4163. #app-mount .hue-13HAGb > div > div > div > div,                                 /* popout               huecursor                           */
  4164. #app-mount .BDFDB-colorpicker .alpha-bar > div > div > div > div {              /* popout               alphacursor                         */
  4165.     background: rgb(var(--fontwhite1)) !important;
  4166.     box-shadow: rgba(var(--vtransparencycolor), 1) 0px 0px 2px !important;
  4167. }
  4168. #app-mount .BDFDB-colorpicker .gradient-button {                                /* popout               gradientbutton                      */
  4169.     color: rgb(var(--fontwhite1));
  4170. }
  4171. #app-mount .BDFDB-colorpicker .gradient-bar .gradient-cursor > div {            /* popout               gradientcursor                      */
  4172.     border-color: rgb(var(--fontwhite4));
  4173. }
  4174. #app-mount .BDFDB-colorpicker .gradient-bar .gradient-cursor > div:before {     /* popout               gradientcursorpointer               */
  4175.     border-top-color: rgb(var(--fontwhite4));
  4176. }
  4177. #app-mount .BDFDB-colorpicker .gradient-bar .gradient-cursor.selected > div {
  4178.     border-color: rgb(var(--fontwhite1));
  4179. }
  4180. #app-mount .BDFDB-colorpicker .gradient-bar .gradient-cursor.selected > div:before {
  4181.     border-top-color: rgb(var(--fontwhite1));
  4182. }
  4183.  
  4184. /* ----     13.7.   ADDROLE                         ---- */
  4185.  
  4186. #app-mount .container-VSDcQc {                              /* popout               wrapper                             */
  4187.     background-color: transparent;
  4188.     box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  4189.     border: none;
  4190.     border-radius: 3px;
  4191.     overflow: hidden;
  4192. }
  4193. .container-VSDcQc:after,
  4194. .container-VSDcQc:before {
  4195.     content: "";
  4196.     position: absolute;
  4197.     top: 0;
  4198.     bottom: 0;
  4199.     right: 0;
  4200.     left: 0;
  4201.     width: unset;
  4202.     height: unset;
  4203.     pointer-events: none;
  4204.     z-index: -1;
  4205. }
  4206. .container-VSDcQc:after {
  4207.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.1));
  4208. }
  4209. .container-VSDcQc:before {
  4210.     background: var(--vpopout) center/var(--vpopoutsize);
  4211.     filter: blur(var(--vpopoutblur));
  4212.     background-attachment: fixed;
  4213. }
  4214. #app-mount .autocompleteHeaderBackground-30T70q {           /* popout               header                              */
  4215.     background: rgba(var(--vtransparencycolor), 0.3);
  4216.     border-radius: 5px 5px 0 0;
  4217. }
  4218. #app-mount .container-VSDcQc .headerText-3i6A8K {           /* popout               headertext                          */
  4219.     color: rgb(var(--fontwhite2));
  4220. }
  4221. #app-mount .container-VSDcQc .input-1ppKdn {                /* popout               headerinput                         */
  4222.     color: rgb(var(--fontwhite1));
  4223. }
  4224. #app-mount .container-VSDcQc .input-1ppKdn::placeholder {
  4225.     color: rgb(var(--fontwhite4));
  4226. }
  4227. #app-mount .autocompleteArrow-Zxoy9H {                      /* popout               arrow                               */
  4228.     display: none;
  4229. }
  4230. #app-mount .autocompleteShadow-iiGWFU {                     /* popout               shadow                              */
  4231.     box-shadow: 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3);
  4232. }
  4233. #app-mount .container-VSDcQc .sectionTag-pXyto9 {           /* popout               body                                */
  4234.     background: transparent;
  4235.     border-radius: 0 0 5px 5px;
  4236.     color: rgb(var(--fontwhite3));
  4237. }
  4238. #app-mount .row-rrHHJU,                                     /* popout               row                                 */
  4239. #app-mount .row-rrHHJU span {                               /* popout               rowspan                             */
  4240.     color: rgb(var(--fontwhite2));
  4241. }
  4242. #app-mount .row-rrHHJU.selected-1pIgLL {
  4243.     background: rgba(var(--vtransparencycolor), 0.2);
  4244.     border-radius: 0 5px 5px 0;
  4245. }
  4246.  
  4247.  
  4248. /* ----     13.8.   EVERYONEMENTION                 ---- */
  4249.  
  4250. #app-mount .everyonePopout-nEbJY3 {                         /* popout               wrapper                             */
  4251.     background-color: transparent;
  4252.     box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  4253.     border: none;
  4254.     border-radius: 3px;
  4255.     overflow: hidden;
  4256.     position: relative;
  4257. }
  4258. .everyonePopout-nEbJY3:after,
  4259. .everyonePopout-nEbJY3:before {
  4260.     content: "";
  4261.     position: absolute;
  4262.     top: 0;
  4263.     bottom: 0;
  4264.     right: 0;
  4265.     left: 0;
  4266.     width: unset;
  4267.     height: unset;
  4268.     pointer-events: none;
  4269.     z-index: -1;
  4270. }
  4271. .everyonePopout-nEbJY3:after {
  4272.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.1));
  4273. }
  4274. .everyonePopout-nEbJY3:before {
  4275.     background: var(--vpopout) center/var(--vpopoutsize);
  4276.     filter: blur(var(--vpopoutblur));
  4277.     background-attachment: fixed;
  4278. }
  4279. .everyonePopout-nEbJY3 .animation-3GofIz {
  4280.     opacity: 0.7;
  4281. }
  4282. #app-mount .header-3_S6dz {
  4283.     color: rgb(var(--fontwhite1));
  4284. }
  4285. #app-mount .buttonHint-2OxJB8 {
  4286.     color: rgb(var(--fontwhite3));
  4287. }
  4288. #app-mount .buttonHint-2OxJB8 strong {
  4289.     color: rgb(var(--fontwhite1));
  4290. }
  4291. #app-mount .footer-2aTx0s {
  4292.     background-color: rgba(var(--vtransparencycolor), 0.2);
  4293.     color: rgb(var(--fontwhite3));
  4294. }
  4295. #app-mount .footer-2aTx0s .icon-2qOzDL path {
  4296.     fill: rgb(var(--fontwhite3));
  4297. }
  4298.  
  4299.  
  4300. /* ~~~~     14.     GENERAL                         ~~~~ */
  4301.  
  4302. ::-webkit-input-placeholder, body, button, input, select, textarea {
  4303.     font-family: var(--vfont);
  4304. }
  4305.  
  4306. ::selection {                                               /* selection                                                */
  4307.     background: rgb(var(--vaccentcolor));
  4308. }
  4309.  
  4310. #app-mount .elevationLow-2lY09M, .lightElevationLow-3_Ybxi, .darkElevationLow-DABD7i {
  4311.     box-shadow: 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3);
  4312. }
  4313. #app-mount .elevationHigh-3A9Xbf, .lightElevationHigh-3usmGv, .darkElevationHigh-6iWpWi {
  4314.     box-shadow: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  4315. }
  4316. #app-mount .elevationBorderLow-2qgTRQ, .lightElevationBorderLow-3APXjz, .darkElevationBorderLow-39dDV7 {
  4317.     box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3);
  4318. }
  4319. #app-mount .elevationBorderHigh-2WYJ09, .lightElevationBorderHigh-2T98IF, .darkElevationBorderHigh-2U1nXW {
  4320.     box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  4321. }
  4322.  
  4323. .pointerEvents-2zdfdO[fill="#ffffff"] {                     /* status               whitedot                            */
  4324.     fill: rgb(var(--fontwhite1));
  4325. }
  4326.  
  4327. .dots-3Bkt3k,                                               /* loading              3-dots                              */
  4328. .dots-3Bkt3k.themed-IQiCm3 {
  4329.     color: rgb(var(--fontwhite1));
  4330. }
  4331.  
  4332. /* ----     14.1.   TEXT                            ---- */
  4333.  
  4334. .username-3gJmXY {
  4335.     color: rgb(var(--fontwhite1));
  4336. }
  4337. .discriminator-uTZ08z {
  4338.     color: rgb(var(--fontwhite3));
  4339. }
  4340. .h5-18_1nd {
  4341.     color: rgb(var(--fontwhite3));
  4342. }
  4343. .white-1VR_aZ,
  4344. .white-3xi-nx {
  4345.     color: rgb(var(--fontwhite1));
  4346. }
  4347. #app-mount h1.title-3KTIjF,
  4348. #app-mount h2.title-3KTIjF {
  4349.     color: rgb(var(--fontwhite1));
  4350. }
  4351. #app-mount h3.title-3KTIjF {
  4352.     color: rgb(var(--fontwhite2));
  4353. }
  4354. #app-mount h4.title-3KTIjF,
  4355. #app-mount h5.title-3KTIjF,
  4356. #app-mount h6.title-3KTIjF {
  4357.     color: rgb(var(--fontwhite3));
  4358. }
  4359. #app-mount .coloredText-1kAd0O {
  4360.     color: rgb(var(--fontwhite1));
  4361. }
  4362. #app-mount .defaultColor-1_ajX0 {
  4363.     color: rgb(var(--fontwhite1));
  4364. }
  4365.  
  4366. /* ----     14.2.   BUTTONS                         ---- */
  4367.  
  4368. .searchSuggestion-2K8OBX:hover,
  4369. .form-236Xmo .btnPrimary-346kfV,
  4370. .button-22FETM,
  4371. .questionMark-CWEQZn,
  4372. .btn-1PnLxm.btnPrimary-1jluZW,
  4373. .btn-15Au6M.btnPrimary-ggBniE,
  4374. .bd-modal-wrapper .footer button,
  4375. .bd-pfbtn,
  4376. .bda-settings-button,
  4377. .btn-primary,
  4378. .colorBrand-3pXr91:not([style*="background-color"]):not(.lookFilled-1Gx00P),
  4379. .platform-iik236.active-iLSdWQ .downloadButton-1bWXpg,
  4380. .action-1lSjCi.create-3jownz .actionButton-2PeQbJ,
  4381. .ui-button.brand.filled,
  4382. .lookFilled-1Gx00P.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover,
  4383. .lookFilled-1Gx00P.colorBrand-3pXr91:not([style*="background-color"]) {
  4384.     text-shadow: 1px 1px var(--vtextshadow);
  4385. }
  4386.  
  4387. .lookFilled-1Gx00P:not(.colorWhite-rEQuAQ) .spinnerItem-3GlVyU {
  4388.     background-color: rgb(var(--fontwhite1)) !important;
  4389. }
  4390. .lookFilled-1Gx00P:not(.colorWhite-rEQuAQ) {
  4391.     color: rgb(var(--fontwhite1)) !important;
  4392. }
  4393. .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ):hover {
  4394.     background: rgb(var(--fontwhite1)) linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1)) !important;
  4395. }
  4396. .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ):active {
  4397.     background: rgb(var(--fontwhite1)) linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)) !important;
  4398. }
  4399. .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ),
  4400. .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ):disabled {
  4401.     background: rgb(var(--fontwhite1)) !important;
  4402. }
  4403. #app-mount .lookFilled-1Gx00P:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:hover,
  4404. #app-mount .lookFilled-1Gx00P:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:active {
  4405.     color: rgb(var(--fontwhite1)) !important;
  4406. }
  4407. #app-mount .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:hover {
  4408.     background-color: rgb(var(--fontwhite2)) !important;
  4409. }
  4410. #app-mount .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:active {
  4411.     background-color: rgb(var(--fontwhite3)) !important;
  4412. }
  4413.  
  4414.  
  4415. .lookFilled-1Gx00P.colorWhite-rEQuAQ .spinnerItem-3GlVyU {
  4416.     background-color: rgb(var(--vtransparencycolor));
  4417. }
  4418. .lookInverted-2D7oAl.colorWhite-rEQuAQ .spinnerItem-3GlVyU,
  4419. .lookOutlined-3sRXeN.colorWhite-rEQuAQ .spinnerItem-3GlVyU,
  4420. .lookGhost-2Fn_0-.colorWhite-rEQuAQ .spinnerItem-3GlVyU,
  4421. .lookLink-9FtZy-.colorWhite-rEQuAQ .spinnerItem-3GlVyU {
  4422.     background-color: rgb(var(--fontwhite1));
  4423. }
  4424. .lookFilled-1Gx00P.colorWhite-rEQuAQ {
  4425.     color: rgb(var(--vtransparencycolor));
  4426. }
  4427. .lookFilled-1Gx00P.colorWhite-rEQuAQ:hover,
  4428. #app-mount .lookFilled-1Gx00P.hoverWhite-2uUmXw.hasHover-3X1-zV:hover {
  4429.     background: rgb(var(--fontwhite1)) linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1)) !important;
  4430. }
  4431. .lookFilled-1Gx00P.colorWhite-rEQuAQ:active,
  4432. #app-mount .lookFilled-1Gx00P.hoverWhite-2uUmXw.hasHover-3X1-zV:active {
  4433.     background: rgb(var(--fontwhite1)) linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)) !important;
  4434. }
  4435. .lookFilled-1Gx00P.colorWhite-rEQuAQ,
  4436. .lookFilled-1Gx00P.colorWhite-rEQuAQ:disabled {
  4437.     background: rgb(var(--fontwhite1));
  4438. }
  4439. .lookInverted-2D7oAl.colorWhite-rEQuAQ:hover,
  4440. #app-mount .lookInverted-2D7oAl.hoverWhite-2uUmXw.hasHover-3X1-zV:hover {
  4441.     background: rgb(var(--vtransparencycolor)) linear-gradient(0deg,rgba(255,255,255,.1),rgba(255,255,255,.1));
  4442.     color: rgb(var(--fontwhite2));
  4443. }
  4444. .lookInverted-2D7oAl.colorWhite-rEQuAQ:active,
  4445. #app-mount .lookInverted-2D7oAl.hoverWhite-2uUmXw.hasHover-3X1-zV:active {
  4446.     background: rgb(var(--vtransparencycolor)) linear-gradient(0deg,rgba(255,255,255,.2),rgba(255,255,255,.2));
  4447.     color: rgb(var(--fontwhite3));
  4448. }
  4449. .lookInverted-2D7oAl.colorWhite-rEQuAQ,
  4450. .lookInverted-2D7oAl.colorWhite-rEQuAQ:disabled {
  4451.     background-color: rgb(var(--vtransparencycolor));
  4452.     color: rgb(var(--fontwhite1));
  4453. }
  4454. .lookOutlined-3sRXeN.colorWhite-rEQuAQ {
  4455.     border-color: rgba(var(--fontwhite1), 0.3);
  4456.     color: rgb(var(--fontwhite1));
  4457. }
  4458. .lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover,
  4459. #app-mount .lookOutlined-3sRXeN.hoverWhite-2uUmXw.hasHover-3X1-zV:hover {
  4460.     border-color: rgba(var(--fontwhite1), 0.6);
  4461.     color: rgb(var(--fontwhite1));
  4462. }
  4463. .lookOutlined-3sRXeN.colorWhite-rEQuAQ:active,
  4464. #app-mount .lookOutlined-3sRXeN.hoverWhite-2uUmXw.hasHover-3X1-zV:hover {
  4465.     background-color: rgba(var(--fontwhite1), 0.1);
  4466.     border-color: rgb(var(--fontwhite1));
  4467.     color: rgb(var(--fontwhite1));
  4468. }
  4469. .lookOutlined-3sRXeN.colorWhite-rEQuAQ:disabled {
  4470.     border-color: rgba(var(--fontwhite1), 0.3);
  4471. }
  4472. .lookGhost-2Fn_0-.colorWhite-rEQuAQ {
  4473.     background-color: rgba(var(--fontwhite1), 0.1);
  4474.     color: rgb(var(--fontwhite1));
  4475. }
  4476. .lookGhost-2Fn_0-.colorWhite-rEQuAQ:hover {
  4477.     color: rgb(var(--fontwhite1));
  4478.     background-color: rgba(var(--fontwhite1), 0.15);
  4479. }
  4480. .lookGhost-2Fn_0-.colorWhite-rEQuAQ:active,
  4481. #app-mount .lookGhost-2Fn_0-.hoverWhite-2uUmXw.hasHover-3X1-zV:active {
  4482.     background-color: rgba(var(--fontwhite1), 0.2);
  4483.     color: rgb(var(--fontwhite1));
  4484. }
  4485. .lookGhost-2Fn_0-.colorWhite-rEQuAQ:disabled {
  4486.     background-color: rgba(var(--fontwhite1), 0.1);
  4487. }
  4488. #app-mount .backButtonColor-1zIPlh,
  4489. #app-mount .backButtonColor-N09dXJ,
  4490. .lookLink-9FtZy-.colorWhite-rEQuAQ {
  4491.     color: rgb(var(--fontwhite1));
  4492. }
  4493. #app-mount .backButtonColor-1zIPlh:hover .contents-18-Yxp,
  4494. #app-mount .backButtonColor-N09dXJ:hover .contents-18-Yxp,
  4495. .lookLink-9FtZy-.colorWhite-rEQuAQ:hover .contents-18-Yxp,
  4496. #app-mount .lookLink-9FtZy-.hoverWhite-2uUmXw.hasHover-3X1-zV:hover .contents-18-Yxp {
  4497.     color: rgb(var(--fontwhite1));
  4498.     background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--fontwhite1)) 0, rgb(var(--fontwhite1)) 2px, transparent 0);
  4499. }
  4500.  
  4501. .lookInverted-2D7oAl.colorBlack-1jwPVL .spinnerItem-3GlVyU,
  4502. .lookOutlined-3sRXeN.colorBlack-1jwPVL .spinnerItem-3GlVyU,
  4503. .lookGhost-2Fn_0-.colorBlack-1jwPVL .spinnerItem-3GlVyU,
  4504. .lookLink-9FtZy-.colorBlack-1jwPVL .spinnerItem-3GlVyU {
  4505.     background-color: rgb(var(--vtransparencycolor));
  4506. }
  4507. .lookFilled-1Gx00P.colorBlack-1jwPVL:hover,
  4508. #app-mount .lookFilled-1Gx00P.hoverBlack-3jULb8.hasHover-3X1-zV:hover {
  4509.     background: rgb(var(--vtransparencycolor)) linear-gradient(0deg,rgba(255,255,255,.1),rgba(255,255,255,.1));
  4510. }
  4511. .lookFilled-1Gx00P.colorBlack-1jwPVL:active,
  4512. #app-mount .lookFilled-1Gx00P.hoverBlack-3jULb8.hasHover-3X1-zV:active {
  4513.     background: rgb(var(--vtransparencycolor)) linear-gradient(0deg,rgba(255,255,255,.2),rgba(255,255,255,.2));
  4514. }
  4515. .lookFilled-1Gx00P.colorBlack-1jwPVL,
  4516. .lookFilled-1Gx00P.colorBlack-1jwPVL:disabled {
  4517.     background: rgb(var(--vtransparencycolor));
  4518. }
  4519. #app-mount .lookInverted-2D7oAl.hoverBlack-3jULb8.hasHover-3X1-zV:hover,
  4520. #app-mount .lookInverted-2D7oAl.hoverBlack-3jULb8.hasHover-3X1-zV:active {
  4521.     color: rgb(var(--vtransparencycolor));
  4522. }
  4523. .lookInverted-2D7oAl.colorBlack-1jwPVL,
  4524. .lookInverted-2D7oAl.colorBlack-1jwPVL:disabled {
  4525.     color: rgb(var(--vtransparencycolor));
  4526. }
  4527. .lookOutlined-3sRXeN.colorBlack-1jwPVL:hover,
  4528. #app-mount .lookOutlined-3sRXeN.hoverBlack-3jULb8.hasHover-3X1-zV:hover {
  4529.     border-color: rgba(var(--vtransparencycolor), 0.6);
  4530.     color: rgb(var(--vtransparencycolor));
  4531. }
  4532. .lookOutlined-3sRXeN.colorBlack-1jwPVL:active,
  4533. #app-mount .lookOutlined-3sRXeN.hoverBlack-3jULb8.hasHover-3X1-zV:active {
  4534.     background-color: rgba(var(--vtransparencycolor), 0.1);
  4535.     border-color: rgb(var(--vtransparencycolor));
  4536.     color: rgb(var(--vtransparencycolor));
  4537. }
  4538. .lookOutlined-3sRXeN.colorBlack-1jwPVL,
  4539. .lookOutlined-3sRXeN.colorBlack-1jwPVL:disabled {
  4540.     border-color: rgba(var(--vtransparencycolor), 0.3);
  4541. }
  4542. .lookGhost-2Fn_0-.colorBlack-1jwPVL:active,
  4543. #app-mount .lookGhost-2Fn_0-.hoverBlack-3jULb8.hasHover-3X1-zV:active {
  4544.     background-color: rgba(var(--vtransparencycolor), 0.2);
  4545.     color: rgb(var(--vtransparencycolor));
  4546. }
  4547. .lookGhost-2Fn_0-.colorBlack-1jwPVL,
  4548. .lookGhost-2Fn_0-.colorBlack-1jwPVL:disabled {
  4549.     background-color: rgba(var(--vtransparencycolor), 0.1);
  4550. }
  4551. .lookLink-9FtZy-.colorBlack-1jwPVL {
  4552.     color: rgb(var(--vtransparencycolor));
  4553. }
  4554. .lookLink-9FtZy-.colorBlack-1jwPVL:hover .contents-18-Yxp,
  4555. #app-mount .lookLink-9FtZy-.hoverBlack-3jULb8.hasHover-3X1-zV:hover .contents-18-Yxp {
  4556.     background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--vtransparencycolor)) 0, rgb(var(--vtransparencycolor)) 2px, transparent 0);
  4557.     color: rgb(var(--vtransparencycolor));
  4558. }
  4559.  
  4560. #app-mount .lookInverted-2D7oAl.colorGrey-2DXtkV .spinnerItem-3GlVyU,
  4561. #app-mount .lookOutlined-3sRXeN.colorGrey-2DXtkV .spinnerItem-3GlVyU,
  4562. #app-mount .lookGhost-2Fn_0-.colorGrey-2DXtkV .spinnerItem-3GlVyU,
  4563. #app-mount .lookLink-9FtZy-.colorGrey-2DXtkV .spinnerItem-3GlVyU,
  4564. #app-mount .lookInverted-2D7oAl.colorPrimary-3b3xI6 .spinnerItem-3GlVyU,
  4565. #app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6 .spinnerItem-3GlVyU,
  4566. #app-mount .lookGhost-2Fn_0-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU,
  4567. #app-mount .lookLink-9FtZy-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU {
  4568.     background-color: rgb(var(--fontwhite4));
  4569. }
  4570. .buttonColor-1agP3J:hover,
  4571. #app-mount .lookFilled-1Gx00P.colorGrey-2DXtkV:hover,
  4572. #app-mount .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:hover,
  4573. #app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover,
  4574. #app-mount .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover {
  4575.     background: rgb(var(--fontwhite4)) linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1));
  4576. }
  4577. .buttonColor-1agP3J:active,
  4578. #app-mount .lookFilled-1Gx00P.colorGrey-2DXtkV:active,
  4579. #app-mount .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:active,
  4580. #app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6:active,
  4581. #app-mount .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:active {
  4582.     background: rgb(var(--fontwhite4)) linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2));
  4583. }
  4584. .buttonColor-1agP3J,
  4585. #app-mount .lookFilled-1Gx00P.colorGrey-2DXtkV,
  4586. #app-mount .lookFilled-1Gx00P.colorGrey-2DXtkV:disabled,
  4587. #app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6,
  4588. #app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6:disabled {
  4589.     background: rgb(var(--fontwhite4));
  4590. }
  4591. #app-mount .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:hover,
  4592. #app-mount .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:active,
  4593. #app-mount .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover,
  4594. #app-mount .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:active {
  4595.     color: rgb(var(--fontwhite4));
  4596. }
  4597. #app-mount .lookInverted-2D7oAl.colorGrey-2DXtkV,
  4598. #app-mount .lookInverted-2D7oAl.colorGrey-2DXtkV:disabled,
  4599. #app-mount .lookInverted-2D7oAl.colorPrimary-3b3xI6,
  4600. #app-mount .lookInverted-2D7oAl.colorPrimary-3b3xI6:disabled {
  4601.     color: rgb(var(--fontwhite4));
  4602. }
  4603. #app-mount .lookOutlined-3sRXeN.colorGrey-2DXtkV:hover,
  4604. #app-mount .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:hover,
  4605. #app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover,
  4606. #app-mount .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover {
  4607.     border-color: rgba(var(--fontwhite4), 0.6);
  4608.     color: rgb(var(--fontwhite4));
  4609. }
  4610. #app-mount .lookOutlined-3sRXeN.colorGrey-2DXtkV:active,
  4611. #app-mount .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:active,
  4612. #app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6:active,
  4613. #app-mount .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:active {
  4614.     background-color: rgba(var(--fontwhite4), 0.1);
  4615.     border-color: rgb(var(--fontwhite4));
  4616.     color: rgb(var(--fontwhite4));
  4617. }
  4618. #app-mount .lookOutlined-3sRXeN.colorGrey-2DXtkV,
  4619. #app-mount .lookOutlined-3sRXeN.colorGrey-2DXtkV:disabled,
  4620. #app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6,
  4621. #app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6:disabled {
  4622.     border-color: rgba(var(--fontwhite4), 0.3);
  4623.     color: rgb(var(--fontwhite4));
  4624. }
  4625. #app-mount .lookGhost-2Fn_0-.colorGrey-2DXtkV:active,
  4626. #app-mount .lookGhost-2Fn_0-.hoverGrey-2CBXu0.hasHover-3X1-zV:active,
  4627. #app-mount .lookGhost-2Fn_0-.colorPrimary-3b3xI6:active,
  4628. #app-mount .lookGhost-2Fn_0-.hoverPrimary-2D1j2r.hasHover-3X1-zV:active {
  4629.     background-color: rgba(var(--fontwhite4), 0.2);
  4630. }
  4631. #app-mount .lookGhost-2Fn_0-.colorGrey-2DXtkV,
  4632. #app-mount .lookGhost-2Fn_0-.colorGrey-2DXtkV:disabled,
  4633. #app-mount .lookGhost-2Fn_0-.colorPrimary-3b3xI6,
  4634. #app-mount .lookGhost-2Fn_0-.colorPrimary-3b3xI6:disabled {
  4635.     background-color: rgba(var(--fontwhite4), 0.1);
  4636.     color: rgb(var(--fontwhite4));
  4637. }
  4638. #app-mount .lookLink-9FtZy-.colorGrey-2DXtkV,
  4639. #app-mount .lookLink-9FtZy-.colorPrimary-3b3xI6 {
  4640.     color: rgb(var(--fontwhite4));
  4641. }
  4642. #app-mount .lookLink-9FtZy-.colorGrey-2DXtkV:hover .contents-18-Yxp,
  4643. #app-mount .lookLink-9FtZy-.hoverGrey-2CBXu0.hasHover-3X1-zV:hover .contents-18-Yxp,
  4644. #app-mount .lookLink-9FtZy-.colorPrimary-3b3xI6:hover .contents-18-Yxp,
  4645. #app-mount .lookLink-9FtZy-.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover .contents-18-Yxp {
  4646.     color: rgb(var(--fontwhite4));
  4647.     background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--fontwhite4)) 0, rgb(var(--fontwhite4)) 2px, transparent 0);
  4648. }
  4649.  
  4650. #app-mount .lookInverted-2D7oAl.colorTransparent-1ewNp9 .spinnerItem-3GlVyU {
  4651.     background-color: rgba(var(--fontwhite1), 0.1);
  4652. }
  4653. #app-mount .lookOutlined-3sRXeN.colorTransparent-1ewNp9 .spinnerItem-3GlVyU,
  4654. #app-mount .lookGhost-2Fn_0-.colorTransparent-1ewNp9 .spinnerItem-3GlVyU,
  4655. #app-mount .lookLink-9FtZy-.colorTransparent-1ewNp9 .spinnerItem-3GlVyU {
  4656.     background-color: rgb(var(--fontwhite2));
  4657. }
  4658. #app-mount .lookFilled-1Gx00P.colorTransparent-1ewNp9:hover,
  4659. #app-mount .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover {
  4660.     background-color: rgba(var(--fontwhite1), 0.05);
  4661.     color: rgb(var(--fontwhite1));
  4662. }
  4663. #app-mount .lookFilled-1Gx00P.colorTransparent-1ewNp9:active,
  4664. #app-mount .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active {
  4665.     background-color: rgba(var(--fontwhite1), 0.01);
  4666.     color: rgb(var(--fontwhite1));
  4667. }
  4668. #app-mount .lookFilled-1Gx00P.colorTransparent-1ewNp9,
  4669. #app-mount .lookFilled-1Gx00P.colorTransparent-1ewNp9:disabled {
  4670.     background-color: rgba(var(--fontwhite1), 0.1);
  4671. }
  4672. #app-mount .lookInverted-2D7oAl.colorTransparent-1ewNp9:hover,
  4673. #app-mount .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover {
  4674.     background-color: rgba(var(--fontwhite1), 0.05);
  4675.     color: rgba(var(--fontwhite1), 0.1);
  4676. }
  4677. #app-mount .lookInverted-2D7oAl.colorTransparent-1ewNp9:active,
  4678. #app-mount .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active {
  4679.     background-color: rgba(var(--fontwhite1), 0.1);
  4680.     color: rgba(var(--fontwhite1), 0.1);
  4681. }
  4682. #app-mount .lookInverted-2D7oAl.colorTransparent-1ewNp9,
  4683. #app-mount .lookInverted-2D7oAl.colorTransparent-1ewNp9:disabled {
  4684.     background-color: rgb(var(--fontwhite1));
  4685.     color: rgba(var(--fontwhite1), 0.1);
  4686. }
  4687. #app-mount .lookOutlined-3sRXeN.colorTransparent-1ewNp9:hover,
  4688. #app-mount .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover {
  4689.     border-color: rgba(var(--fontwhite2), 0.6);
  4690.     color: rgb(var(--fontwhite2));
  4691. }
  4692. #app-mount .lookOutlined-3sRXeN.colorTransparent-1ewNp9:active,
  4693. #app-mount .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active {
  4694.     background-color: rgba(var(--fontwhite2), 0.1);
  4695.     border-color: rgb(var(--fontwhite2));
  4696.     color: rgb(var(--fontwhite2));
  4697. }
  4698. #app-mount .lookOutlined-3sRXeN.colorTransparent-1ewNp9,
  4699. #app-mount .lookOutlined-3sRXeN.colorTransparent-1ewNp9:disabled {
  4700.     border-color: rgba(var(--fontwhite2), 0.3);
  4701.     color: rgb(var(--fontwhite2));
  4702. }
  4703. #app-mount .lookGhost-2Fn_0-.colorTransparent-1ewNp9:active,
  4704. #app-mount .lookGhost-2Fn_0-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active {
  4705.     background-color: rgba(var(--fontwhite2), 0.2);
  4706.     color: rgb(var(--fontwhite2));
  4707. }
  4708. #app-mount .lookGhost-2Fn_0-.colorTransparent-1ewNp9,
  4709. #app-mount .lookGhost-2Fn_0-.colorTransparent-1ewNp9:disabled {
  4710.     background-color: rgba(var(--fontwhite2), 0.1);
  4711.     color: rgb(var(--fontwhite2));
  4712. }
  4713. #app-mount .lookLink-9FtZy-.colorTransparent-1ewNp9 {
  4714.     color: rgb(var(--fontwhite2));
  4715. }
  4716. #app-mount .lookLink-9FtZy-.colorTransparent-1ewNp9:hover .contents-18-Yxp,
  4717. #app-mount .lookLink-9FtZy-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover .contents-18-Yxp {
  4718.     background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--fontwhite2)) 0, rgb(var(--fontwhite2)) 2px, transparent 0);
  4719.     color: rgb(var(--fontwhite2));
  4720. }
  4721.  
  4722. /* ----     14.3.   INPUTS                          ---- */
  4723.  
  4724. .input-cIJ7To {                                             /* valueinput           bordered                            */
  4725.     background-color: rgba(var(--vtransparencycolor), 0.1);
  4726.     border-color: rgba(var(--vtransparencycolor), 0.3);
  4727.     color: rgb(var(--fontwhite1));
  4728. }
  4729. .input-cIJ7To:hover {
  4730.     border-color: rgb(var(--vtransparencycolor));
  4731. }
  4732. .input-cIJ7To::placeholder {
  4733.     color: rgb(var(--fontwhite3));
  4734. }
  4735. #app-mount .input-1mgnkM,                                   /* valueinput           underlined                          */
  4736. #app-mount .input-UJ9Tr3 {
  4737.     border-color: rgba(var(--fontwhite1), 0.3);
  4738.     color: rgb(var(--fontwhite1));
  4739. }
  4740. #app-mount .input-1mgnkM:hover,
  4741. #app-mount .input-UJ9Tr3:hover {
  4742.     border-color: rgb(var(--fontwhite1));
  4743. }
  4744. #app-mount .input-1mgnkM:focus,
  4745. #app-mount .input-UJ9Tr3:focus {
  4746.     border-color: rgb(var(--vaccentcolor));
  4747. }
  4748. #app-mount .input-1mgnkM::placeholder,
  4749. #app-mount .input-UJ9Tr3::placeholder {
  4750.     color: rgb(var(--fontwhite3));
  4751. }
  4752. #app-mount .copyInput-2rOSt7 {
  4753.     background-color: rgba(var(--vtransparencycolor), 0.1);
  4754. }
  4755. #app-mount .copyInputDefault-21sXtF {
  4756.     border-color: rgba(var(--vtransparencycolor), 0.3);
  4757. }
  4758. #app-mount .hiddenMessage-1iiFV5,
  4759. #app-mount .inputDefault-A2ud2y {
  4760.     color: rgb(var(--fontwhite1));
  4761. }
  4762. #app-mount .inputDefault-A2ud2y::placeholder {
  4763.     color: rgb(var(--fontwhite3));
  4764. }
  4765. #app-mount .multiInputLast-1aQ3YA:before {
  4766.     border-color: rgb(var(--fontwhite1));
  4767. }
  4768. #app-mount .inputPrefix-2VAOGg {
  4769.     color: rgb(var(--fontwhite1));
  4770.     opacity: 0.3;
  4771. }
  4772. .maxLength-39QFBo {
  4773.     color: rgb(var(--fontwhite3));
  4774. }
  4775. #app-mount .inputNumberWrapper .numberinput-button-up {
  4776.     border-bottom-color: rgb(var(--fontwhite3));
  4777. }
  4778. #app-mount .inputNumberWrapper .numberinput-button-up:hover {
  4779.     border-bottom-color: rgb(var(--fontwhite1));
  4780. }
  4781. #app-mount .inputNumberWrapper .numberinput-button-down {
  4782.     border-top-color: rgb(var(--fontwhite3));
  4783. }
  4784. #app-mount .inputNumberWrapper .numberinput-button-down:hover {
  4785.     border-top-color: rgb(var(--fontwhite1));
  4786. }
  4787.  
  4788. .themeDefault-24hCdX {                                      /* checkboxswitch                                           */
  4789.     background-color: rgba(var(--vtransparencycolor), 0.3);
  4790. }
  4791. .switch-3wwwcV[style*="background-color: rgba(255, 255, 255, 0.3)"] {
  4792.     background-color: rgba(var(--fontwhite1), 0.3) !important;
  4793. }
  4794. .themeDefault-24hCdX.sizeDefault-2YlOZr {
  4795.     box-shadow: inset 0 1px 1px rgba(var(--vtransparencycolor), 0.15);
  4796. }
  4797. .themeClear-1EjkE4.valueUnchecked-2lU_20.sizeDefault-2YlOZr {
  4798.     box-shadow: inset 0 0 0 2px rgba(var(--fontwhite1), 0.2);
  4799. }
  4800. .themeDefault-24hCdX.sizeDefault-2YlOZr:after {
  4801.     box-shadow: 0 2px 4px rgba(var(--vtransparencycolor), 0.3);
  4802. }
  4803. .size-3rFEHg:after,
  4804. .size-3rFEHg:active:after {
  4805.     background-color: rgb(var(--fontwhite1));
  4806. }
  4807.  
  4808. .radioGroup-1GBvlr {                                        /* radiogroup           container                           */
  4809.     color: rgb(var(--fontwhite1));
  4810. }
  4811. .checkboxMute-14hTGS:before,
  4812. .desc-2Dttbk {                                              /* radiogroup           description                         */
  4813.     color: rgb(var(--fontwhite3));
  4814. }
  4815. .descChecked-XkfPsU,
  4816. .titleChecked-2wg0pd {
  4817.     color: rgb(var(--fontwhite1)) !important;
  4818. }
  4819.  
  4820. #app-mount .checkboxContainer-2vV9zd:before {               /* checkbox             container                           */
  4821.     background-color: rgba(var(--fontwhite4), 0.3);
  4822. }
  4823. #app-mount .checkbox-1ix_J3 {                               /* checkbox             inner                               */
  4824.     border-color: rgb(var(--fontwhite3));
  4825. }
  4826. #app-mount .checked-3_4uQ9 {                                /* checkbox             checked                             */
  4827.     background-color: rgb(var(--fontwhite1));
  4828.     border-color: rgb(var(--fontwhite1));
  4829. }
  4830. #app-mount .checked-3_4uQ9.round-2jCFai,                    /* checkbox             roundchecked                        */
  4831. #app-mount .checked-3_4uQ9[style*="border-color: rgb(79, 84, 92)"] {
  4832.     background-color: rgb(var(--vaccentcolor)) !important;
  4833.     border-color: rgb(var(--vaccentcolor)) !important;
  4834. }
  4835. #app-mount .checked-3_4uQ9 polyline[stroke="#43b581"],      /* checkbox             checkmark                           */
  4836. #app-mount .checked-3_4uQ9 polyline[stroke="#4f545c"],
  4837. #app-mount .checked-3_4uQ9 polyline[stroke="#ffffff"] {
  4838.     stroke: rgb(var(--fontwhite1));
  4839. }
  4840. .checkboxMute-14hTGS:before {
  4841.     background-color: rgba(var(--vtransparencycolor), 0.2);
  4842. }
  4843.  
  4844. #app-mount .bar-2Qqk5Z {                                    /* slider               backgroundbar                       */
  4845.     background-color: rgba(var(--vtransparencycolor), 0.3);
  4846. }
  4847. .grabber-3mFHz2 {                                           /* slider               grabber                             */
  4848.     background-color: rgb(var(--fontwhite1));
  4849.     border-color: rgb(var(--fontwhite1));
  4850.     box-shadow: 0 3px 1px 0 rgba(var(--vtransparencycolor), 0.05), 0 2px 2px 0 rgba(var(--vtransparencycolor), 0.1), 0 3px 3px 0 rgba(var(--vtransparencycolor), 0.05);
  4851. }
  4852. #app-mount .markValue-2DwdXI {                              /* slider               markvalue                           */
  4853.     color: rgb(var(--fontwhite3));
  4854. }
  4855. #app-mount .defaultValue-3gC7yw .markValue-2DwdXI {
  4856.     color: #43b581;
  4857. }
  4858. #app-mount .markDash-3hAolZ {
  4859.     background: transparent;
  4860.     color: rgba(var(--vtransparencycolor), 0.3);
  4861. }
  4862. #app-mount .defaultValue-3gC7yw .markDash-3hAolZ {
  4863.     color: #43b581;
  4864. }
  4865. #app-mount .markDash-3hAolZ:before,
  4866. #app-mount .markDash-3hAolZ:after {
  4867.     content: "";
  4868.     position: absolute;
  4869.     background: currentColor;
  4870.     height: 8px;
  4871.     width: 2px;
  4872. }
  4873. #app-mount .markDash-3hAolZ:before {
  4874.     top: 14px;
  4875. }
  4876. #app-mount .markDash-3hAolZ:after {
  4877.     top: 30px;
  4878. }
  4879. #app-mount .fontScaleLarge-3xtq7i,
  4880. #app-mount .fontScaleSmall-368quy {
  4881.     color: rgb(var(--fontwhite1));
  4882. }
  4883. #app-mount .bubble-3we2di {                                 /* slider               bubble                              */
  4884.     background-color: rgb(var(--vaccentcolor));
  4885.     color: rgb(var(--fontwhite1));
  4886. }
  4887. #app-mount .bubble-3we2di:before {
  4888.     border-top-color: rgb(var(--vaccentcolor));
  4889. }
  4890.  
  4891. #app-mount .container-1nZlH6 {                              /* hotkeyinput          container                           */
  4892.     background-color: rgba(var(--vtransparencycolor), 0.1);
  4893.     border-color: rgba(var(--vtransparencycolor), 0.3);
  4894. }
  4895. .input-1UhAnY {                                             /* hotkeyinput          input                               */
  4896.     color: rgb(var(--fontwhite1));
  4897. }
  4898. .input-1UhAnY::placeholder {
  4899.     color: rgb(var(--fontwhite3));
  4900. }
  4901. #app-mount .editIcon-13gaox {                               /* hotkeyinput          editicon                            */
  4902.     -webkit-mask: url(https://discordapp.com/assets/860396b3ff3fa1c4ae355bebfabadecb.svg) center/cover no-repeat;
  4903.     background: rgb(var(--fontwhite1));
  4904. }
  4905. #app-mount .container-CpszHS.recording-1H2dS7 .button-34kXw5 {
  4906.     color: #f04747;
  4907.     background-color: rgba(240,71,71,.1);
  4908. }
  4909.  
  4910. #app-mount .quickSelect-3BxO0K {                            /* quickselect          container                           */
  4911.     color: rgb(var(--fontwhite1));
  4912. }
  4913. #app-mount .quickSelectArrow-1QublR {                       /* quickselect          arrow                               */
  4914.     -webkit-mask: url(https://discordapp.com/assets/f58cf3b8fc79e9d671ab649ab37651a9.svg) 50% no-repeat;
  4915.     background: rgb(var(--fontwhite1));
  4916. }
  4917.  
  4918. .select-2TCrqx [class*="css-"][class*="-container"] {       /* select               container                           */
  4919.     background-color: transparent;
  4920. }
  4921. #app-mount .lookFilled-1h1y05.select-1Pkeg4,
  4922. .select-2TCrqx [class*="css-"][class*="-control"] {
  4923.     background-color: rgba(var(--vtransparencycolor), 0.1);
  4924.     border-color: rgba(var(--vtransparencycolor), 0.3);
  4925. }
  4926. #app-mount .lookFilled-1h1y05.select-1Pkeg4:hover.selectOpen-hQuR6b,
  4927. #app-mount .lookFilled-1h1y05.selectOpen-hQuR6b {
  4928.     border-color: rgb(var(--vtransparencycolor)) rgb(var(--vtransparencycolor)) rgba(var(--vtransparencycolor), 0.3);
  4929. }
  4930. #app-mount .select-1Pkeg4,
  4931. #app-mount .lookFilled-1h1y05 .arrow-2KJjTM,
  4932. .select-2TCrqx [class*="css-"][class*="-singleValue"],
  4933. .select-2TCrqx [class*="css-"][class*="-placeholder"],
  4934. .select-2TCrqx [class*="css-"][class*="-indicatorContainer"] {
  4935.     color: rgb(var(--fontwhite1));
  4936. }
  4937. #app-mount .optionNormal-12VR9V,
  4938. .css-1aymab5-option,
  4939. .css-ddw2o3-option {
  4940.     background-color: rgba(var(--vtransparencycolor), 0.1);
  4941.     color: rgb(var(--fontwhite2));
  4942. }
  4943. #app-mount .optionNormal-12VR9V:hover,
  4944. .css-1gnr91b-option,
  4945. .css-qgio2y-option {
  4946.     background-color: rgba(var(--vtransparencycolor), 0.3);
  4947.     color: rgb(var(--fontwhite2));
  4948. }
  4949. #app-mount .optionActive-KkAdqq,
  4950. .css-12o7ek3-option,
  4951. .css-1kft5vg-option {
  4952.     background-color: rgba(var(--vtransparencycolor), 0.5);
  4953.     color: rgb(var(--fontwhite1));
  4954. }
  4955. #app-mount .popout-2sKjHu,
  4956. .select-2TCrqx > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"] {
  4957.     background: transparent;
  4958.     border: 1px solid rgba(var(--vtransparencycolor), 0.3);
  4959.     box-shadow: 0px 1px 5px 0px rgba(var(--vtransparencycolor), 0.3);
  4960.     overflow: hidden;
  4961. }
  4962. #app-mount .popout-2sKjHu:after,
  4963. #app-mount .popout-2sKjHu:before,
  4964. .select-2TCrqx > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]:after,
  4965. .select-2TCrqx > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]:before {
  4966.     content: "";
  4967.     position: absolute;
  4968.     top: 0;
  4969.     bottom: 0;
  4970.     right: 0;
  4971.     left: 0;
  4972.     width: unset;
  4973.     height: unset;
  4974.     pointer-events: none;
  4975.     z-index: -1;
  4976. }
  4977. #app-mount .popout-2sKjHu:after,
  4978. .select-2TCrqx > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]:after {
  4979.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  4980. }
  4981. #app-mount .popout-2sKjHu:before,
  4982. .select-2TCrqx > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]:before {
  4983.     background: var(--vpopout) center/var(--vpopoutsize);
  4984.     filter: blur(var(--vpopoutblur));
  4985.     background-attachment: fixed;
  4986. }
  4987.  
  4988.  
  4989. /* ----     14.4.   SEARCHBARS                      ---- */
  4990.  
  4991. .container-2XeR5Z,                                          /* searchbar            inner                               */
  4992. .container-cMG81i {
  4993.     background-color: rgba(var(--vtransparencycolor), 0.3);
  4994. }
  4995. .input-1Rv96N,                                              /* searchbar            input                               */
  4996. .input-3Xdcic {
  4997.     color: rgb(var(--fontwhite1));
  4998. }
  4999. .input-1Rv96N::placeholder,
  5000. .input-3Xdcic::placeholder,
  5001. #app-mount .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv::placeholder {
  5002.     color: rgb(var(--fontwhite3));
  5003. }
  5004. .icon-3cZ1F_,                                               /* searchbar            icon                                */
  5005. .icon-1S6UIr,
  5006. #app-mount .clearIcon-2N9YIn,
  5007. #app-mount .searchIcon-1a1-yA,
  5008. #app-mount .searchIcon-32i2pb {
  5009.     color: rgb(var(--fontwhite3));
  5010. }
  5011. .clear-1pMieT .icon-3cZ1F_,
  5012. .icon-1S6UIr.clear--Eywng,
  5013. #app-mount .clearIcon-xXwSFS,
  5014. #app-mount .clear-U3WkKp .clearIcon-2N9YIn,
  5015. #app-mount .clear-U3WkKp .searchIcon-1a1-yA,
  5016. #app-mount .clear-U3WkKp .searchIcon-32i2pb {
  5017.     color: rgb(var(--fontwhite2));
  5018. }
  5019. .clear-1pMieT.iconLayout-1WxHy4:hover .icon-3cZ1F_,
  5020. .iconLayout-3OgqU3:hover .icon-1S6UIr.clear--Eywng,
  5021. #app-mount .clearIcon-xXwSFS:hover,
  5022. #app-mount .clear-U3WkKp:hover .clearIcon-2N9YIn,
  5023. #app-mount .clear-U3WkKp:hover .searchIcon-1a1-yA,
  5024. #app-mount .clear-U3WkKp:hover .searchIcon-32i2pb {
  5025.     color: rgb(var(--fontwhite1));
  5026. }
  5027.  
  5028. #app-mount .searchBox-3Y2Vi7 {
  5029.     background-color: rgba(var(--vtransparencycolor), 0.3);
  5030.     box-shadow: 0 2px 5px 0 rgba(var(--vtransparencycolor), 0.2);
  5031. }
  5032.  
  5033. #app-mount .searchResultsContainer-1ma_dc {} /* TODO GAME PAGE */
  5034.  
  5035. /* ----     14.5.   TAGS                            ---- */
  5036.  
  5037. .botTagRegular-2HEhHi {                                     /* bottag               regular                             */
  5038.     color: rgb(var(--fontwhite1));
  5039. }
  5040. .botTagRegular-2HEhHi:not([style]) {                        /* bottag               regular                             */
  5041.     text-shadow: 1px 1px var(--vtextshadow);
  5042. }
  5043. .botTagInvert-18-95s {                                      /* bottag               inverted                            */
  5044.     background-color: rgb(var(--fontwhite1));
  5045. }
  5046.  
  5047. .iconBadge-2wi9r4 {                                         /* iconbadge                                                */
  5048.     background-color: rgba(var(--vtransparencycolor), 0.3);
  5049. }
  5050. .base-PmTxvP {                                              /* mentionbadge                                             */
  5051.     color: rgb(var(--fontwhite1));
  5052. }
  5053.  
  5054. .disableColor-MwOAZf,                                       /* nitrobadge           flower                          */
  5055. .iconBackgroundTierNone-3MPhMJ,
  5056. .iconBackgroundTierOne-2LhaMB,
  5057. .iconBackgroundTierThree-3qw3JX,
  5058. .iconBackgroundTierTwo-3bCmdc {
  5059.     color: rgb(var(--fontwhite4));
  5060. }
  5061. .bannerVisible-14J9lQ .iconBackgroundTierOne-2LhaMB,        /* nitrobadge           icon                            */
  5062. .bannerVisible-14J9lQ .iconBackgroundTierThree-3qw3JX,
  5063. .bannerVisible-14J9lQ .iconBackgroundTierTwo-3bCmdc,
  5064. .iconTierOne-BHC2T8, .iconTierTwo-_1edeM {
  5065.     color: rgb(var(--fontwhite1));
  5066. }
  5067. .flowerStarContainer-3zDVtj path[fill="#4f545c"] {          /* flowerbadge          flower                          */
  5068.     fill: rgb(var(--fontwhite4));
  5069. }
  5070. .flowerStarContainer-3zDVtj path[fill="#ffffff"] {          /* flowerbadge          icon                            */
  5071.     fill: rgb(var(--fontwhite1));
  5072. }
  5073. .icon-1ihkOt {                                              /* flowerbadge          icon                            */
  5074.     color: rgb(var(--fontwhite1));
  5075. }
  5076.  
  5077. /* ----     14.6.   ICONS                           ---- */
  5078.  
  5079. .emptySearchImage-1qOMLW,                                   /* empty search                                             */
  5080. .image-1GzsFd {                                             /* no peoples/webhooks/etc.                                 */
  5081.     opacity: 0.6;
  5082. }
  5083.  
  5084. .gameIcon-gg34Dz {                                          /* gameicon             unknowngame                         */
  5085.     color: rgb(var(--fontwhite1));
  5086. }
  5087.  
  5088. #app-mount .invalidPoop-pnUbq7 {                            /* erroricon            invalidpoop                         */
  5089.     background-color: rgba(var(--vtransparencycolor), 0.3);
  5090.     opacity: 0.7;
  5091. }
  5092. #app-mount .guildIconExpired-2Qcq05 {                       /* erroricon            expiredguild                        */
  5093.     background-color: rgba(var(--vtransparencycolor), 0.3);
  5094.     opacity: 0.7;
  5095. }
  5096.  
  5097. img[src="/assets/4c1bab3f945269a5c1be0b3a2c177141.png"],    /* connectionicon       twitch                              */
  5098. img[src="/assets/402008166e5ef53b0045b10930b263b0.png"] {
  5099.     -webkit-mask: url(https://discordapp.com/assets/4c1bab3f945269a5c1be0b3a2c177141.png) center/contain no-repeat;
  5100.     background: rgb(var(--fontwhite1));
  5101.     object-position: -9999999px -9999999px;
  5102. }
  5103. img[src="/assets/0ef81742942677bcef0bebdfb7061d29.png"],    /* connectionicon       youtube                             */
  5104. img[src="/assets/3f8d3e1dd3c9426ac7e680dada39650e.png"] {
  5105.     -webkit-mask: url(https://discordapp.com/assets/0ef81742942677bcef0bebdfb7061d29.png) center/contain no-repeat;
  5106.     background: rgb(var(--fontwhite1));
  5107.     object-position: -9999999px -9999999px;
  5108. }
  5109. img[src="/assets/3a257c4cab129e956b05bd50047eb0f9.png"],    /* connectionicon       battlenet                           */
  5110. img[src="/assets/cf74f0c780cba6ae11728b8ca740b30c.png"] {
  5111.     -webkit-mask: url(https://discordapp.com/assets/3a257c4cab129e956b05bd50047eb0f9.png) center/contain no-repeat;
  5112.     background: rgb(var(--fontwhite1));
  5113.     object-position: -9999999px -9999999px;
  5114. }
  5115. img[src="/assets/de5fb9e860729912c65048c1c657e1a3.png"],    /* connectionicon       skype                               */
  5116. img[src="/assets/1c419ecaf6e5406addbae729c7fa2e75.png"] {
  5117.     -webkit-mask: url(https://discordapp.com/assets/de5fb9e860729912c65048c1c657e1a3.png) center/contain no-repeat;
  5118.     background: rgb(var(--fontwhite1));
  5119.     object-position: -9999999px -9999999px;
  5120. }
  5121. img[src="/assets/fbbd224a0d94747c102515090682bbe1.png"],    /* connectionicon       LoL                                 */
  5122. img[src="/assets/f87228c98e49168b6cf7ad38651b4e87.png"] {
  5123.     -webkit-mask: url(https://discordapp.com/assets/fbbd224a0d94747c102515090682bbe1.png) center/contain no-repeat;
  5124.     background: rgb(var(--fontwhite1));
  5125.     object-position: -9999999px -9999999px;
  5126. }
  5127. img[src="/assets/baf4bdd36b7ef74e8f34b402e66f81f4.png"],    /* connectionicon       steam                               */
  5128. img[src="/assets/6ca4a49418715a16e226be1280494f46.png"] {
  5129.     -webkit-mask: url(https://discordapp.com/assets/baf4bdd36b7ef74e8f34b402e66f81f4.png) center/contain no-repeat;
  5130.     background: rgb(var(--fontwhite1));
  5131.     object-position: -9999999px -9999999px;
  5132. }
  5133. img[src="/assets/bcc7bc0c0b27f9cbadaa1a47ea79db22.png"],    /* connectionicon       reddit                              */
  5134. img[src="/assets/51edbb92b1904c19197eb16be97bc6fb.png"] {
  5135.     -webkit-mask: url(https://discordapp.com/assets/bcc7bc0c0b27f9cbadaa1a47ea79db22.png) center/contain no-repeat;
  5136.     background: rgb(var(--fontwhite1));
  5137.     object-position: -9999999px -9999999px;
  5138. }
  5139. img[src="/assets/c926e69c482dac25b8e940db74496813.png"],    /* connectionicon       facebook                            */
  5140. img[src="/assets/27fb89c30127405c6a5370b477590da6.png"] {
  5141.     -webkit-mask: url(https://discordapp.com/assets/c926e69c482dac25b8e940db74496813.png) center/contain no-repeat;
  5142.     background: rgb(var(--fontwhite1));
  5143.     object-position: -9999999px -9999999px;
  5144. }
  5145. img[src="/assets/2ac50d286a1c883f28b5149239a8ad36.png"],    /* connectionicon       twitter                             */
  5146. img[src="/assets/c38327e52d3a859d550af398edb8d8e0.png"] {
  5147.     -webkit-mask: url(https://discordapp.com/assets/2ac50d286a1c883f28b5149239a8ad36.png) center/contain no-repeat;
  5148.     background: rgb(var(--fontwhite1));
  5149.     object-position: -9999999px -9999999px;
  5150. }
  5151. img[src="/assets/fe3770614c2658a07dea3ecb286ce745.png"],    /* connectionicon       spotify                             */
  5152. img[src="/assets/739cb09703de9dcfe68d0200a163d9fc.png"] {
  5153.     -webkit-mask: url(https://discordapp.com/assets/fe3770614c2658a07dea3ecb286ce745.png) center/contain no-repeat;
  5154.     background: rgb(var(--fontwhite1));
  5155.     object-position: -9999999px -9999999px;
  5156. }
  5157. img[src="/assets/850ed4fcf5839b7a32651f5959e8511e.png"],    /* connectionicon       xbox                                */
  5158. img[src="/assets/4c59c8e37dda86294d3cf237b2695dde.png"] {
  5159.     -webkit-mask: url(https://discordapp.com/assets/850ed4fcf5839b7a32651f5959e8511e.png) center/contain no-repeat;
  5160.     background: rgb(var(--fontwhite1));
  5161.     object-position: -9999999px -9999999px;
  5162. }
  5163.  
  5164. img[src="/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png"] {   /* videosettings        opus                                */
  5165.     -webkit-mask: url(https://discordapp.com/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png) center/contain no-repeat;
  5166.     background: rgb(var(--fontwhite2));
  5167.     object-position: -9999999px -9999999px;
  5168. }
  5169.  
  5170. [class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadge-2BqF-Z {                  /* userbadges           xbox                                */
  5171.     background: rgb(var(--fontwhite1));
  5172. }
  5173. [class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadgeStaff-13GO7z {
  5174.     -webkit-mask: url(https://discordapp.com/assets/7cfd90c8062139e4804a1fa59f564731.svg) center/contain no-repeat;
  5175. }
  5176. [class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadgePartner-SjK6L2 {
  5177.     -webkit-mask: url(https://discordapp.com/assets/a0e288a458c48dfcf548dadc277e42e6.svg) center/contain no-repeat;
  5178. }
  5179. [class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadgeHypesquad-1YIe7Z {
  5180.     -webkit-mask: url(https://discordapp.com/assets/3a050fcc884255231b99b7033c776070.svg) center/contain no-repeat;
  5181. }
  5182. [class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadgeHypeSquadOnlineHouse1-xN6tES {
  5183.     -webkit-mask: url(https://discordapp.com/assets/1115767aed344e96a27a12e97718c171.svg) center/contain no-repeat;
  5184. }
  5185. [class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadgeHypeSquadOnlineHouse2-3jBpXR {
  5186.     -webkit-mask: url(https://discordapp.com/assets/d3478c6bd5cee0fc600e55935ddc81aa.svg) center/contain no-repeat;
  5187. }
  5188. [class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadgeHypeSquadOnlineHouse3-1YbjMX {
  5189.     -webkit-mask: url(https://discordapp.com/assets/2a085ed9c86f3613935a6a8667ba8b89.svg) center/contain no-repeat;
  5190. }
  5191. [class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadgeHypeSquadOnlineHouse1Winner-3OGyO6 {
  5192.     -webkit-mask: url(https://discordapp.com/assets/75f75c3142b8d44ea7052c2bcb9a9043.svg) center/contain no-repeat;
  5193. }
  5194. [class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadgeHypeSquadOnlineHouse2Winner-3GW5Sm {
  5195.     -webkit-mask: url(https://discordapp.com/assets/d4a8fe68fc5f40c8a778f858881a7b84.svg) center/contain no-repeat;
  5196. }
  5197. [class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadgeHypeSquadOnlineHouse3Winner-2iVu11 {
  5198.     -webkit-mask: url(https://discordapp.com/assets/5dc48a7859a00e7d95ad8382156aab84.svg) center/contain no-repeat;
  5199. }
  5200. [class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadgeEarlySupporter-PQB_0a {
  5201.     -webkit-mask: url(https://discordapp.com/assets/ce15562552e3d70c56d5408cfeed2ffd.svg) center/contain no-repeat;
  5202. }
  5203. [class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadgePremium-3kZ9Qj {
  5204.     -webkit-mask: url(https://discordapp.com/assets/379d2b3171722ef8be494231234da5d1.svg) center/contain no-repeat;
  5205. }
  5206. [class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadgeBugHunter-IV0vLE {
  5207.     -webkit-mask: url(https://discordapp.com/assets/df26f079738a4dcd07cbce6eb3c957f1.svg) center/contain no-repeat;
  5208. }
  5209. [class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileGuildSubscriberlvl1-pKd1EZ {
  5210.     -webkit-mask: url(https://discordapp.com/assets/24e49184598820f274e62293349a2e43.svg) center/contain no-repeat;
  5211. }
  5212. [class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileGuildSubscriberlvl2-1aIFve {
  5213.     -webkit-mask: url(https://discordapp.com/assets/cc73fba5c2e9b70752bbd1db35a1b9c3.svg) center/contain no-repeat;
  5214. }
  5215. [class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileGuildSubscriberlvl3-33AROf {
  5216.     -webkit-mask: url(https://discordapp.com/assets/a4c3939a9b03274246df9b144fcd86cf.svg) center/contain no-repeat;
  5217. }
  5218. [class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileGuildSubscriberlvl4-2yY8EG {
  5219.     -webkit-mask: url(https://discordapp.com/assets/d01bee8a9b41bd9dda26a43221b2e7e8.svg) center/contain no-repeat;
  5220. }
  5221.  
  5222. /* ----     14.7.   SCROLLBARS                      ---- */
  5223.  
  5224. ::-webkit-scrollbar,
  5225. #app-mount ::-webkit-scrollbar {
  5226.     width: 8px;
  5227.     height: 8px;
  5228. }
  5229. #app-mount .scroller-3vODG7::-webkit-scrollbar,
  5230. #app-mount #bda-qem-twitch-container .scroller-2FKFPG::-webkit-scrollbar,
  5231. #app-mount #bda-qem-favourite-container .scroller-2FKFPG::-webkit-scrollbar {
  5232.     width: 6px;
  5233.     height: 6px;
  5234. }
  5235. #app-mount .scroller--qpKGq::-webkit-scrollbar,
  5236. #app-mount .scrollbar-3dvm_9::-webkit-scrollbar,
  5237. #app-mount .scroller-2PSBSf::-webkit-scrollbar {
  5238.     width: 4px;
  5239.     height: 4px;
  5240. }
  5241.  ::-webkit-scrollbar,
  5242.  ::-webkit-scrollbar-track,
  5243.  ::-webkit-scrollbar-track-piece,
  5244. #app-mount ::-webkit-scrollbar,
  5245. #app-mount ::-webkit-scrollbar-track,
  5246. #app-mount ::-webkit-scrollbar-track-piece {
  5247.     border-color: transparent;
  5248.     background: transparent;
  5249. }
  5250. ::-webkit-scrollbar-thumb,
  5251. #app-mount ::-webkit-scrollbar-thumb {
  5252.     border-radius: 10px;
  5253.     border: none;
  5254.     background-color: rgb(var(--vaccentcolor));
  5255. }
  5256. ::-webkit-scrollbar-corner,
  5257. #app-mount ::-webkit-scrollbar-corner {
  5258.     visibility: hidden;
  5259. }
  5260. .scrollerThemed-2oenus.themeHidden-2yP93k .scroller-2FKFPG::-webkit-scrollbar-corner,
  5261. .scrollerThemed-2oenus.themeHidden-2yP93k .scroller-2FKFPG::-webkit-scrollbar-thumb,
  5262. .scrollerThemed-2oenus.themeHidden-2yP93k .scroller-2FKFPG::-webkit-scrollbar-track,
  5263. .scrollerThemed-2oenus.themeHidden-2yP93k .scroller-2FKFPG::-webkit-scrollbar {
  5264.     display: none;
  5265. }
  5266.  
  5267. /* ----     14.8.   NOTIFICATIONBAR                 ---- */
  5268.  
  5269. #app-mount .notice-2FJMB4 {
  5270.     box-shadow: 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3);
  5271.     color: rgb(var(--fontwhite1));
  5272. }
  5273. #app-mount .button-1MICoQ:not(:hover) {
  5274.     border-color: rgba(var(--fontwhite1), 0.25);
  5275.     color: rgb(var(--fontwhite1));
  5276. }
  5277. #app-mount .button-1MICoQ:hover {
  5278.     border-color: rgb(var(--fontwhite1));
  5279.     background-color: rgb(var(--fontwhite1));
  5280. }
  5281. #app-mount .dismiss-SCAH9H {
  5282.     -webkit-mask: url(https://discordapp.com/assets/7731c77d99babca1a8faec204d98c380.svg) 50% 55%/10px 10px no-repeat;
  5283.     background: rgb(var(--fontwhite1));
  5284. }
  5285. #app-mount .icon-KgjVwm:empty,
  5286. #app-mount .platformIcon-2NdO9F:empty {
  5287.     background: rgb(var(--fontwhite1));
  5288. }
  5289. #app-mount .iconWindows-1KG_XN {
  5290.     -webkit-mask: url(https://discordapp.com/assets/24b843ed68d70abffbf4fdab9b400cc9.svg) center/contain no-repeat;
  5291. }
  5292. #app-mount .iconApple-1hp9Sq {
  5293.     -webkit-mask: url(https://discordapp.com/assets/ca511da5c9b326e5cb3f6befab1a3143.svg) center/contain no-repeat;
  5294. }
  5295. #app-mount .iconAndroid-3HTSwF {
  5296.     -webkit-mask: url(https://discordapp.com/assets/296aebeec33f5ce47db9ebbee9ccf1fc.svg) center/contain no-repeat;
  5297. }
  5298. #app-mount .premiumLogo-30dge3 {
  5299.     -webkit-mask: url(https://discordapp.com/assets/9328a2df4b542ac8725b57010a52f73b.svg) center/contain no-repeat;
  5300.     background: rgb(var(--fontwhite1));
  5301. }
  5302. .noticeBrand-3nQBC_ {
  5303.     text-shadow: 1px 1px var(--vtextshadow);
  5304. }
  5305. .noticeBrand-3nQBC_ .button-1MICoQ {
  5306.     box-shadow: 1px 1px var(--vtextshadow);
  5307.     text-shadow: 1px 1px var(--vtextshadow);
  5308. }
  5309. #app-mount .noticeBrand-3nQBC_ .icon-KgjVwm:empty:after,
  5310. #app-mount .noticeBrand-3nQBC_ .platformIcon-2NdO9F:empty:after,
  5311. #app-mount .noticeBrand-3nQBC_ .premiumLogo-30dge3:after,
  5312. #app-mount .noticeBrand-3nQBC_ .dismiss-SCAH9H:after {
  5313.     content: "";
  5314.     position: absolute;
  5315.     top: 0;
  5316.     right: 0;
  5317.     left: 0;
  5318.     bottom: 0;
  5319.     background: var(--vtextshadow);
  5320. }
  5321.  
  5322. /* ----     14.9.   TOOLTIPS                        ---- */
  5323.  
  5324. .headerText-1h7zBw {
  5325.     color: rgb(var(--fontwhite1));
  5326. }
  5327. #app-mount .tooltip-2QfLtc {
  5328.     box-shadow: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  5329.     color: rgb(var(--fontwhite1));
  5330. }
  5331. #app-mount .tooltipBlack-PPG47z {
  5332.     background-color: rgb(var(--vaccentcolor));
  5333.     text-shadow: 1px 1px var(--vtextshadow);
  5334. }
  5335. #app-mount .tooltipBlack-PPG47z .tooltipPointer-3ZfirK {
  5336.     border-top-color: rgb(var(--vaccentcolor));
  5337. }
  5338.  
  5339. /* ----     14.10.  TOASTS                          ---- */
  5340.  
  5341. .toast,
  5342. .bd-toast {
  5343.     background-color: rgb(var(--vaccentcolor));
  5344.     box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  5345.     color: rgb(var(--fontwhite1));
  5346.     text-shadow: 1px 1px var(--vtextshadow);
  5347. }
  5348. .toast.icon,
  5349. .bd-toast.icon {
  5350.     background-image: none !important;
  5351. }
  5352. .toast.icon:before,
  5353. .bd-toast.icon:before {
  5354.     content: "";
  5355.     position: absolute;
  5356.     top: 0;
  5357.     right: 0;
  5358.     bottom: 0;
  5359.     left: 0;
  5360.     background: rgb(var(--fontwhite1)) !important;
  5361. }
  5362. .toast.toast-brand.icon:after,
  5363. .bd-toast.toast-brand.icon:after {
  5364.     content: "";
  5365.     position: absolute;
  5366.     top: 0;
  5367.     right: 0;
  5368.     left: 0;
  5369.     bottom: 0;
  5370.     background: var(--vtextshadow);
  5371. }
  5372. .toast.toast-brand.icon:before,
  5373. .bd-toast.toast-brand.icon:before,
  5374. .toast.toast-brand.icon:after,
  5375. .bd-toast.toast-brand.icon:after {
  5376.     -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjI3IDI3IDExNSAxMTUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDkwIDkwOyI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0xMTEuMywxMjQuMWMwLDAtMy40LTQuMS02LjMtNy43YzEyLjYtMy41LDE3LjQtMTEuMywxNy40LTExLjMgYy00LDIuNi03LjcsNC40LTExLjEsNS42Yy00LjgsMi05LjUsMy4zLTE0LDQuMWMtOS4yLDEuNy0xNy42LDEuMy0yNC45LTAuMWMtNS41LTEtMTAuMi0yLjUtMTQuMS00LjFjLTIuMi0wLjgtNC42LTEuOS03LjEtMy4zIGMtMC4zLTAuMi0wLjYtMC4zLTAuOS0wLjVjLTAuMS0wLjEtMC4zLTAuMi0wLjQtMC4yYy0xLjctMS0yLjYtMS42LTIuNi0xLjZzNC42LDcuNiwxNi44LDExLjJjLTIuOSwzLjYtNi40LDcuOS02LjQsNy45IGMtMjEuMi0wLjYtMjkuMy0xNC41LTI5LjMtMTQuNWMwLTMwLjYsMTMuOC01NS40LDEzLjgtNTUuNGMxMy44LTEwLjMsMjYuOS0xMCwyNi45LTEwbDEsMS4xQzUyLjgsNTAuMyw0NSw1Ny45LDQ1LDU3LjkgczIuMS0xLjIsNS43LTIuN2MxMC4zLTQuNSwxOC40LTUuNywyMS44LTZjMC41LTAuMSwxLjEtMC4yLDEuNi0wLjJjNS45LTAuNywxMi41LTAuOSwxOS40LTAuMmM5LjEsMSwxOC45LDMuNywyOC45LDkuMSBjMCwwLTcuNS03LjItMjMuOS0xMi4xbDEuMy0xLjVjMCwwLDEzLjEtMC4zLDI2LjksMTBjMCwwLDEzLjgsMjQuOCwxMy44LDU1LjRDMTQwLjYsMTA5LjYsMTMyLjUsMTIzLjUsMTExLjMsMTI0LjF6IE0xMDEuNyw3OS43Yy01LjQsMC05LjgsNC43LTkuOCwxMC41YzAsNS44LDQuNCwxMC41LDkuOCwxMC41YzUuNCwwLDkuOC00LjcsOS44LTEwLjUgQzExMS41LDg0LjQsMTA3LjEsNzkuNywxMDEuNyw3OS43eiBNNjYuNyw3OS43Yy01LjQsMC05LjgsNC43LTkuOCwxMC41YzAsNS44LDQuNCwxMC41LDkuOCwxMC41YzUuNCwwLDkuOC00LjcsOS44LTEwLjUgQzc2LjUsODQuNCw3Mi4xLDc5LjcsNjYuNyw3OS43eiIvPjwvc3ZnPg==) 6px 50%/20px 20px no-repeat;
  5377. }
  5378. .toast.toast-danger.icon:before,
  5379. .toast.toast-error.icon:before,
  5380. .bd-toast.toast-danger.icon:before,
  5381. .bd-toast.toast-error.icon:before {
  5382.     -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTEyIDJDNi40NyAyIDIgNi40NyAyIDEyczQuNDcgMTAgMTAgMTAgMTAtNC40NyAxMC0xMFMxNy41MyAyIDEyIDJ6bTUgMTMuNTlMMTUuNTkgMTcgMTIgMTMuNDEgOC40MSAxNyA3IDE1LjU5IDEwLjU5IDEyIDcgOC40MSA4LjQxIDcgMTIgMTAuNTkgMTUuNTkgNyAxNyA4LjQxIDEzLjQxIDEyIDE3IDE1LjU5eiIvPiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+) 6px 50%/20px 20px no-repeat;
  5383. }
  5384. .toast.toast-facebook.icon:before,
  5385. .bd-toast.toast-facebook.icon:before {
  5386.     -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9Ii01IC01IDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDkwIDkwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggaWQ9IkZhY2Vib29rX194MjhfYWx0X3gyOV8iIGQ9Ik05MCwxNS4wMDFDOTAsNy4xMTksODIuODg0LDAsNzUsMEgxNUM3LjExNiwwLDAsNy4xMTksMCwxNS4wMDF2NTkuOTk4ICAgQzAsODIuODgxLDcuMTE2LDkwLDE1LjAwMSw5MEg0NVY1NkgzNFY0MWgxMXYtNS44NDRDNDUsMjUuMDc3LDUyLjU2OCwxNiw2MS44NzUsMTZINzR2MTVINjEuODc1QzYwLjU0OCwzMSw1OSwzMi42MTEsNTksMzUuMDI0VjQxICAgaDE1djE1SDU5djM0aDE2YzcuODg0LDAsMTUtNy4xMTksMTUtMTUuMDAxVjE1LjAwMXoiIGZpbGw9IndoaXRlIi8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==) 6px 50%/20px 20px no-repeat;
  5387. }
  5388. .toast.toast-info.icon:before,
  5389. .bd-toast.toast-info.icon:before {
  5390.     -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptMSAxNWgtMnYtNmgydjZ6bTAtOGgtMlY3aDJ2MnoiLz48L3N2Zz4=) 6px 50%/20px 20px no-repeat;
  5391. }
  5392. .toast.toast-premium.icon:before,
  5393. .bd-toast.toast-premium.icon:before {
  5394.     -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDMiIGhlaWdodD0iMjYiPiAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOTYuMjgyNiA4LjYwMjc4ODI0bC0xLjIxNTUgOC4zOTAzNTI5NmMtLjI3NzUgMS45ODI2Mjc0LTIuNDY1NSAyLjkwMzMzMzMtNC40NzkgMi45MDMzMzMzLTEuODc1IDAtMy43MTU1LS45MjA3MDU5LTMuNDcyNS0yLjcyNTkyMTZsMS4yMTU1LTguNTY3NzY0NjZjLjI3NzUtMS44NzY1ODgyNCAyLjQ2NTUtMi44MzI0NzA2IDQuNDc5LTIuODMyNDcwNiAyLjAxNCAwIDMuNzUuOTU1ODgyMzYgMy40NzI1IDIuODMyNDcwNk05My43NzIxLjAwMzkyNTVsLjAwMDUtLjAwNDA3ODQ0aC0xMy4wODRjLS4zMzQgMC0uNjE4LjI1MDMxMzcyLS42NjYuNTg3Mjk0MTJsLS42MzY1IDQuNDMyMjM1M2MtLjA1OTUuNDE0NDcwNTguMjU2Ljc4NjExNzY0LjY2NjUuNzg2MTE3NjRoMi4zODk1Yy4yNCAwIC40MDQ1LjI0OTgwMzkyLjMxLjQ3NTY0NzA2LS4yOTguNzEyMTk2MDctLjUxNTUgMS40ODYwNzg0My0uNjM2IDIuMzIxNjQ3MDZsLTEuMjE1NSA4LjU2Nzc2NDY2Yy0uNzk5IDUuNzM1Mjk0MiAzLjg4OSA4LjYwMjQzMTQgOC45OTMgOC42MDI0MzE0IDUuMzQ3NSAwIDEwLjU5MDUtMi44NjcxMzcyIDExLjM4OS04LjYwMjQzMTRsMS4yMTUtOC41Njc3NjQ2NmMuNzgzLTUuNjIyMTE3NjUtMy43Mzk1LTguNDg4MjM1My04LjcyNTUtOC41OTg4NjI3NW0tNzguNTk1MjUgMTEuNzI4NjUxbC4wNjcgNC4xNTg5ODA0Yy4wMDE1LjA4NTEzNzItLjA1NS4xNjA1ODgyLS4xMzYuMTgxNDkwMmgtLjAwMDVsLTEuMzg1NS01LjAxNjQ3MDZjLS4wMDItLjAwNzY0NzEtLjAwNS0uMDE0Nzg0My0uMDA4LS4wMjI0MzE0TDkuNDE0MzUuNzcwNzcyNTNjLS4xMDYtLjI1Mjg2Mjc1LS4zNDk1LS40MTY1MDk4LS42MTk1LS40MTY1MDk4aC00Ljg3MjVjLS4zMzYgMC0uNjIwNS4yNTIzNTI5NC0uNjY3LjU5MTM3MjU0TC4wMDY4NSAyNC42MzcyNDMxYy0uMDU3LjQxMzQ1MS4yNTc1Ljc4MjAzOTMuNjY2NS43ODIwMzkzaDQuODU0Yy4zMzY1IDAgLjYyMTUtLjI1MzM3MjYuNjY3NS0uNTkyOTAybDEuMjcyLTkuNDEyNTA5OGMuMDAxNS0uMDA5MTc2NS4wMDItLjAxODM1My4wMDItLjAyNzUyOTRsLS4wNjk1LTQuODM2NTA5OC4xMzg1LS4wMzUxNzY1IDEuNDU1NSA1LjAxNjQ3MDZjLjAwMjUuMDA3MTM3Mi4wMDUuMDEzNzY0Ny4wMDc1LjAyMDkwMmw0LjAyMTUgOS40NTM4MDM5Yy4xMDY1LjI1MDgyMzUuMzQ5NS40MTM0NTEuNjE3NS40MTM0NTFoNS4yNTY1Yy4zMzYgMCAuNjIwNS0uMjUyMzUzLjY2Ny0uNTkxODgyNGwzLjI0OTUtMjMuNjkxNjA3ODRjLjA1NjUtLjQxMjk0MTE4LS4yNTgtLjc4MTUyOTQyLS42NjctLjc4MTUyOTQyaC00LjgyMDVjLS4zMzYgMC0uNjIwNS4yNTE4NDMxNC0uNjY3LjU5MDg2Mjc1bC0xLjQ4IDEwLjc1ODkwMmMtLjAwMS4wMDkxNzY0LS4wMDE1LjAxODg2MjctLjAwMTUuMDI4NTQ5bTkuMzk0IDEzLjY4NjYwMzloNC44NTVjLjMzNiAwIC42MjA1LS4yNTIzNTI5LjY2Ny0uNTkxMzcyNmwzLjI0OS0yMy42OTIxMTc2Yy4wNTY1LS40MTI5NDEyLS4yNTgtLjc4MTUyOTQ0LS42NjctLjc4MTUyOTQ0aC00Ljg1NWMtLjMzNiAwLS42MjA1LjI1MjM1Mjk0LS42NjcuNTkxMzcyNTVsLTMuMjQ5IDIzLjY5MjExNzY4Yy0uMDU2NS40MTI5NDEyLjI1OC43ODE1Mjk0LjY2Ny43ODE1Mjk0TTM2LjYyMTE1LjkwNjA3NDVsLS42MzYgNC40MzIyMzUzYy0uMDU5NS40MTQ0NzA2LjI1NTUuNzg2MTE3NjUuNjY2Ljc4NjExNzY1aDUuMDgwNWMuNDA4NSAwIC43MjMuMzY3NTY4NjMuNjY3NS43ODA1MDk4bC0yLjM5MzUgMTcuNzM0MDM5MjVjLS4wNTU1LjQxMjQzMTMuMjU4NS43OC42NjcuNzhoNC45MjU1Yy4zMzY1IDAgLjYyMS0uMjUyODYyOC42NjctLjU5MjkwMmwyLjQ0NC0xOC4xMDg3NDUxYy4wNDYtLjMzOTUyOTQuMzMwNS0uNTkyOTAxOTUuNjY3LS41OTI5MDE5NWg1LjQ2MjVjLjMzNCAwIC42MTgtLjI0OTgwMzkyLjY2Ni0uNTg3Mjk0MTJsLjYzNy00LjQzMjIzNTNjLjA1OTUtLjQxNDQ3MDU4LS4yNTU1LS43ODYxMTc2NC0uNjY2NS0uNzg2MTE3NjRoLTE4LjE4NzVjLS4zMzQ1IDAtLjYxOC4yNTAzMTM3LS42NjY1LjU4NzI5NDFNNzEuMDM4NyA5LjA5ODM2ODZjLS4xNzQgMS40NTE0MTE3Ny0xLjI4NDUgMi45MDI4MjM1Ny0zLjE5NSAyLjkwMjgyMzU3aC0yLjg2OTVjLS40MSAwLS43MjQ1LS4zNjk2MDc5LS42NjctLjc4MzA1ODlsLjYwNzUtNC4zNjE4ODIzM2MuMDQ3LS4zMzg1MDk4LjMzMTUtLjU5MDM1Mjk0LjY2Ny0uNTkwMzUyOTRoMy4wNjFjMS44NDA1IDAgMi41Njk1IDEuMzEwMTk2MDggMi4zOTYgMi44MzI0NzA2TTY5LjMzNzIuMzU0MjExNzZoLTkuMjQwNWMtLjMzNiAwLS42MjA1LjI1MjM1Mjk0LS42NjcuNTkxMzcyNTRsLTMuMjQ5IDIzLjY5MjExNzdjLS4wNTY1LjQxMjk0MTEuMjU4Ljc4MTUyOTQuNjY3Ljc4MTUyOTRoNC45MjM1Yy4zMzY1IDAgLjYyMTUtLjI1MzM3MjYuNjY3NS0uNTkyOTAybC45NTYtNy4wNzY1ODgyYy4wMjMtLjE2OTc2NDcuMTY1LS4yOTYxOTYxLjMzMzUtLjI5NjE5NjFoLjYzM2MuMTE0NSAwIC4yMjE1LjA1OTY0NzEuMjgzNS4xNTgwMzkybDQuNzAyIDcuNDkxMDU4OGMuMTI0LjE5NzI5NDIuMzM3NS4zMTY1ODgzLjU2NzUuMzE2NTg4M2g2LjA4MWMuNTQ1IDAgLjg2NDUtLjYyNTAxOTYuNTUyLTEuMDgwMjc0NWwtNC45MzQ1LTcuMTkxODA0Yy0uMTE4LS4xNzI4MjM1LS4wNTc1LS40MTI0MzEzLjEyOC0uNTA0NzA1OCAzLjE1MDUtMS41Njk2ODYzIDQuOTc5NS0zLjE3ODExNzcgNS41ODMtNy42NTAxMTc3LjY5MzUtNS44NzcwMTk2LTIuOTE3LTguNjM4MTE3NjMtNy45ODY1LTguNjM4MTE3NjMiLz48L3N2Zz4=) 6px 50%/63px 16px no-repeat;
  5395. }
  5396. .toast.toast-spotify.icon:before,
  5397. .bd-toast.toast-spotify.icon:before {
  5398.     -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwOC41MiA1MDguNTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwOC41MiA1MDguNTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KPGc+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTI1NC4yNiwwQzExMy44NDUsMCwwLDExMy44NDUsMCwyNTQuMjZzMTEzLjg0NSwyNTQuMjYsMjU0LjI2LDI1NC4yNiAgICAgczI1NC4yNi0xMTMuODQ1LDI1NC4yNi0yNTQuMjZTMzk0LjY3NSwwLDI1NC4yNiwweiBNMzcxLjY5Niw0MDMuMjg4Yy0zLjE3OCw1LjgxNi05LjEyMiw5LjA1OC0xNS4yODcsOS4wNTggICAgIGMtMi44NiwwLTUuNzIxLTAuNjY3LTguNDIyLTIuMTI5Yy00MC43MTMtMjIuNDM4LTg2Ljk1Ny0zNC4yOTMtMTMzLjY3Ny0zNC4yOTNjLTI4LDAtNTUuNjUxLDQuMTYzLTgyLjEyNiwxMi4zNjMgICAgIGMtOS4yMTcsMi44Ni0xOS4wMDYtMi4yODgtMjEuODM1LTExLjUzN2MtMi44Ni05LjE4NSwyLjI4OC0yOC43LDExLjUzNy0zMS41OTJjMjkuODQ0LTkuMjQ5LDYwLjk1OS0xMy45MjEsOTIuNDU1LTEzLjkyMSAgICAgYzUyLjU2OCwwLDEwNC42NiwxMy4zNDksMTUwLjUyMiwzOC42MTZDMzczLjMxNywzNzQuNDYxLDM3Ni40LDM5NC44NjYsMzcxLjY5Niw0MDMuMjg4eiBNNDA0LjAxOSwzMDcuNTI3ICAgICBjLTMuNjIzLDcuMDI0LTEwLjc0MiwxOC4zMzgtMTguMDg0LDE4LjMzOGMtMy4yMSwwLTYuMzg4LTAuNjk5LTkuMzc2LTIuMzJjLTUwLjQ3MS0yNi4xODktMTA1LjA0MS0zOS40NzQtMTYyLjIxOC0zOS40NzQgICAgIGMtMzEuNDk2LDAtNjIuNzcsNC4xMzItOTIuOTY0LDEyLjQ1OWMtMTAuOTAxLDIuOTU2LTIyLjA4OS0zLjQwMS0yNS4wNDUtMTQuMzAyYy0yLjkyNC0xMC45MDEsMy40NjQtMjkuNDMxLDE0LjMzNC0zMi4zODYgICAgIGMzMy42ODktOS4xODUsNjguNTg3LTEzLjg1NywxMDMuNjc0LTEzLjg1N2M2Mi44OTgsMCwxMjUuNDQ1LDE1LjI1NiwxODAuOTM4LDQ0LjExNCAgICAgQzQwNS4yOSwyODUuMjQ4LDQwOS4xOTksMjk3LjUxNiw0MDQuMDE5LDMwNy41Mjd6IE00MTcuNTI2LDIzMC44MzZjLTMuNDY0LDAtNy4wMjQtMC43OTUtMTAuMzYxLTIuNDQ3ICAgICBjLTYwLjIyOC0zMC4wMzQtMTI1LjA5Ni00NS4yMjYtMTkyLjc2MS00NS4yMjZjLTM1LjI3OSwwLTcwLjQzLDQuMjkxLTEwNC41MzMsMTIuNzEzYy0xMi41MjIsMy4wODMtMjUuMTQtNC41MTMtMjguMjIzLTE3LjAwNCAgICAgYy0zLjExNS0xMi40NTksNC41MTMtMjcuNTU1LDE3LjAwNC0zMC42MzhjMzcuNzI2LTkuMzc2LDc2LjY1OS0xNC4xMTEsMTE1LjcyLTE0LjExMWM3NC45NzUsMCwxNDYuODY3LDE2Ljg3NywyMTMuNTc4LDUwLjEyMSAgICAgYzExLjUzNyw1Ljc1MywxNi4yNDEsMTkuNzM3LDEwLjQ4OCwzMS4yNDJDNDM0LjMwOCwyMjMuNjUzLDQyNi4xMDgsMjMwLjgzNiw0MTcuNTI2LDIzMC44MzZ6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) 6px 50%/20px 20px no-repeat;
  5399. }
  5400. .toast.toast-streamermode.icon:before,
  5401. .bd-toast.toast-streamermode.icon:before {
  5402.     -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSItMjUgLTI1IDU0MiA1NDIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5MiA0OTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPjxwYXRoIGQ9Ik00ODguMywxNDIuNXYyMDMuMWMwLDE1LjctMTcsMjUuNS0zMC42LDE3LjdsLTg0LjYtNDguOHYxMy45YzAsNDEuOC0zMy45LDc1LjctNzUuNyw3NS43SDc1LjdDMzMuOSw0MDQuMSwwLDM3MC4yLDAsMzI4LjQgICBWMTU5LjljMC00MS44LDMzLjktNzUuNyw3NS43LTc1LjdoMjIxLjhjNDEuOCwwLDc1LjcsMzMuOSw3NS43LDc1Ljd2MTMuOWw4NC42LTQ4LjhDNDcxLjMsMTE3LDQ4OC4zLDEyNi45LDQ4OC4zLDE0Mi41eiIgZmlsbD0iI0ZGRkZGRiIvPjwvc3ZnPg==) 6px 50%/20px 20px no-repeat;
  5403. }
  5404. .toast.toast-success.icon:before,
  5405. .bd-toast.toast-success.icon:before {
  5406.     -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptLTIgMTVsLTUtNSAxLjQxLTEuNDFMMTAgMTQuMTdsNy41OS03LjU5TDE5IDhsLTkgOXoiLz48L3N2Zz4=) 6px 50%/20px 20px no-repeat;
  5407. }
  5408. .toast.toast-warning.icon:before,
  5409. .toast.toast-warn.icon:before,
  5410. .bd-toast.toast-warning.icon:before,
  5411. .bd-toast.toast-warn.icon:before {
  5412.     -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMSAyMWgyMkwxMiAyIDEgMjF6bTEyLTNoLTJ2LTJoMnYyem0wLTRoLTJ2LTRoMnY0eiIvPjwvc3ZnPg==) 6px 50%/20px 20px no-repeat;
  5413. }
  5414. .toast.icon:not(.toast-brand):not(.toast-danger):not(.toast-error):not(.toast-facebook):not(.toast-info):not(.toast-premium):not(.toast-spotify):not(.toast-streamermode):not(.toast-success):not(.toast-warning):not(.toast-warn):before, .bd-toast.icon:not(.toast-brand):not(.toast-danger):not(.toast-error):not(.toast-facebook):not(.toast-info):not(.toast-premium):not(.toast-spotify):not(.toast-streamermode):not(.toast-success):not(.toast-warning):not(.toast-warn):before {
  5415.     display: none;
  5416. }
  5417.  
  5418.  
  5419. /* ~~~~     15.     BDSUPPORT                       ~~~~ */
  5420.  
  5421. .arrow-uglXxc {
  5422.     -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItOTUwIDUzMiAxOCAxOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtOTUwIDUzMiAxOCAxODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTS05MzIsNTMydjE4aC0xOHYtMThILTkzMnoiLz4NCjxwb2x5bGluZSBjbGFzcz0ic3QxIiBwb2ludHM9Ii05MzYuNiw1MzguOCAtOTQxLDU0My4yIC05NDUuNCw1MzguOCAiLz4NCjwvc3ZnPg0K);
  5423.     background: rgb(var(--fontwhite1));
  5424. }
  5425.  
  5426. #app-mount .bd-modal-inner {                                /* modal                container                           */
  5427.     background-color: transparent;
  5428.     border: none;
  5429.     box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  5430.     position: relative;
  5431.     overflow: hidden;
  5432. }
  5433. .bd-modal-inner:after,
  5434. .bd-modal-inner:before {
  5435.     content: "";
  5436.     position: absolute;
  5437.     top: 0;
  5438.     bottom: 0;
  5439.     right: 0;
  5440.     left: 0;
  5441.     width: unset;
  5442.     height: unset;
  5443.     pointer-events: none;
  5444.     z-index: -1;
  5445. }
  5446. .bd-modal-inner:after {
  5447.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  5448. }
  5449. .bd-modal-inner:before {
  5450.     background: var(--vpopout) center/var(--vpopoutsize);
  5451.     filter: blur(var(--vpopoutblur));
  5452.     background-attachment: fixed;
  5453. }
  5454. .bd-modal-wrapper .header {                                 /* modal                header                              */
  5455.     background-color: transparent;
  5456.     box-shadow: none;
  5457.     color: rgb(var(--fontwhite1));
  5458. }
  5459. .bd-modal-wrapper .bd-modal-body {                          /* modal                body                                */
  5460.     background-color: transparent;
  5461.     color: rgb(var(--fontwhite1));
  5462. }
  5463. .bd-modal-wrapper .footer {                                 /* modal                footer                              */
  5464.     background-color: rgba(var(--vtransparencycolor), 0.2);
  5465.     box-shadow: none;
  5466. }
  5467. .bd-modal-wrapper .footer button {
  5468.     color: rgb(var(--fontwhite1));
  5469. }
  5470. .bd-modal-wrapper .tab-bar-container {                      /* modal                tabbarcontainer                     */
  5471.     background: rgba(var(--vtransparencycolor), 0.2);
  5472.     border-top-color: rgba(var(--vtransparencycolor), 0.3);
  5473.     box-shadow: 0 2px 3px 0 rgba(var(--vtransparencycolor), 0.1);
  5474. }      
  5475. .bd-modal-wrapper .tab-bar-container .tab-bar-item {        /* modal                tabbaritem                          */
  5476.     color: rgb(var(--fontwhite1)) !important;
  5477. }
  5478. .bd-modal-wrapper .tab-bar-container .tab-bar-item.selected,/* modal                tabbaritem selected                 */
  5479. .bd-modal-wrapper .tab-bar-container .tab-bar-item:hover {  /* modal                tabbaritem hover                    */
  5480.     border-color: rgb(var(--fontwhite1)) !important;
  5481. }
  5482. .bd-modal-wrapper .table-header,                            /* modal                tableheader                         */
  5483. .bd-modal-wrapper .error {                                  /* modal                tablerow                            */
  5484.     border-color: rgba(var(--fontwhite4), 0.3);
  5485.     color: rgb(var(--fontwhite1));
  5486. }
  5487.        
  5488. #pubslayer .ui-tab-bar-item,
  5489. #app-mount #bd-settings-sidebar .ui-tab-bar-item {          /* sidebar              item                                */
  5490.     color: rgb(var(--fontwhite3));
  5491. }
  5492. #pubslayer .ui-tab-bar-item:hover,
  5493. #app-mount #bd-settings-sidebar .ui-tab-bar-item:hover {
  5494.     background-color: rgba(var(--vtransparencycolor), 0.2);
  5495.     color: rgb(var(--fontwhite2));
  5496. }
  5497. #pubslayer .ui-tab-bar-item.selected,
  5498. #app-mount #bd-settings-sidebar .ui-tab-bar-item.selected {
  5499.     background-color: rgb(var(--vaccentcolor));
  5500.     color: rgb(var(--fontwhite1));
  5501. }
  5502. #pubslayer .ui-tab-bar-header,
  5503. #app-mount #bd-settings-sidebar .ui-tab-bar-header {        /* sidebar              sideitemheader                      */
  5504.     color: rgb(var(--fontwhite3));
  5505. }
  5506. #pubslayer .ui-tab-bar-separator,
  5507. #app-mount #bd-settings-sidebar .ui-tab-bar-separator {     /* sidebar              sideitemseparator                   */
  5508.     background-color: rgba(var(--fontwhite4), 0.3);
  5509. }
  5510. #bd-settings-sidebar [style*=" color: rgb(114, 118, 125)"] {/* sidebar              credits                             */
  5511.     color: rgb(var(--fontwhite4)) !important;
  5512. }
  5513.  
  5514. .bd-server-description-container {                          /* pubslayer            guilddescription                    */
  5515.     border-color: rgba(var(--fontwhite4), 0.3);
  5516.     color: rgb(var(--fontwhite3));
  5517. }
  5518. .bd-server-card .bd-server-tags {                           /* pubslayer            guildtags                           */
  5519.     color: rgb(var(--fontwhite3));
  5520. }
  5521. #pubslayer input {
  5522.     background-color: rgba(var(--vtransparencycolor), 0.1);
  5523.     border-color: rgba(var(--vtransparencycolor), 0.3);
  5524.     color: rgb(var(--fontwhite1));
  5525. }
  5526. #pubslayer input:hover {
  5527.     border-color: rgb(var(--vtransparencycolor));
  5528. }
  5529. #pubslayer input::placeholder {
  5530.     color: rgb(var(--fontwhite3));
  5531. }
  5532.  
  5533. #pubslayer h2.ui-form-title,
  5534. #app-mount #bd-settingspane-container h2.ui-form-title {    /* settingsitems        header                              */
  5535.     color: rgb(var(--fontwhite1));
  5536. }
  5537. #app-mount #bd-settingspane-container .ui-switch-item h3 {
  5538.     color: rgb(var(--fontwhite1));
  5539. }
  5540. #app-mount #bd-settingspane-container .ui-switch-item .style-description {
  5541.     border-bottom-color: rgba(var(--fontwhite4), 0.3);
  5542.     color: rgb(var(--fontwhite3));
  5543. }
  5544.  
  5545. #bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch {
  5546.     background-color: rgba(var(--vtransparencycolor), 0.3);
  5547.     box-shadow: inset 0 1px 1px rgba(var(--vtransparencycolor), 0.15);
  5548. }
  5549. #bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch:before {
  5550.     background-color: rgb(var(--fontwhite1));
  5551.     box-shadow: 0 2px 4px rgba(var(--vtransparencycolor), 0.3);
  5552. }
  5553.  
  5554. #pubslayer button,
  5555. .bda-slist .bda-footer button,
  5556. .bd-pfbtn {
  5557.     color: rgb(var(--fontwhite1));
  5558. }
  5559. #app-mount .bda-slist li {
  5560.     background-color: rgba(var(--vtransparencycolor), 0.2);
  5561.     border-color: rgba(var(--vtransparencycolor), 0.3);
  5562.     color: rgb(var(--fontwhite1));
  5563. }
  5564. #app-mount .bda-slist .bda-header {
  5565.     color: rgb(var(--fontwhite1));
  5566.     border-bottom-color: rgba(var(--fontwhite4), 0.3);
  5567. }
  5568. #app-mount .bda-slist .bda-description {
  5569.     color: rgb(var(--fontwhite3));
  5570. }
  5571. #app-mount .bda-slist .bda-description::-webkit-scrollbar {
  5572.     width: 4px;
  5573.     height: 4px;
  5574. }
  5575. #app-mount .bda-slist .bda-footer {
  5576.     border-top-color: rgba(var(--fontwhite4), 0.3);
  5577. }
  5578. .bda-slist li svg path[fill="#dcddde"] {
  5579.     fill: rgb(var(--fontwhite3));
  5580. }
  5581. .bda-slist li svg:hover path[fill="#dcddde"] {
  5582.     fill: rgb(var(--fontwhite1));
  5583. }
  5584.  
  5585. #bd-customcss-editor {                                      /* customcsseditor      container                           */
  5586.     background-color: rgba(var(--vtransparencycolor), 0.5);
  5587.     color: rgb(var(--fontwhite1));
  5588. }
  5589. #bd-customcss-attach-controls {
  5590.     background-color: rgba(var(--vtransparencycolor), 0.8);
  5591.     box-shadow: none;
  5592. }
  5593. #bd-customcss-editor .ace_selection {
  5594.     background-color: rgb(var(--vaccentcolor));
  5595. }
  5596. #bd-customcss-editor .ace_selected-word {
  5597.     border-color: rgb(var(--vaccentcolor));
  5598. }
  5599. #bd-customcss-editor .ace_gutter {
  5600.     background-color: rgba(var(--vtransparencycolor), 0.3);
  5601.     color: rgb(var(--fontwhite4));
  5602. }
  5603. #bd-customcss-editor .ace_active-line {
  5604.     background-color: rgba(var(--vaccentcolor), 0.5);
  5605. }
  5606. #bd-customcss-editor .ace_gutter-active-line {
  5607.     background-color: rgba(var(--vaccentcolor), 0.7);
  5608. }
  5609. .contentRegion-3nDuYy #bd-customcss-attach-controls,
  5610. #bd-customcss-detach-container #bd-customcss-attach-controls {
  5611.     background-color: rgba(var(--vtransparencycolor), 0.5);
  5612.     box-shadow: inset 0 1px 0 0 rgba(var(--fontwhite4), 0.3);
  5613.     color: rgb(var(--fontwhite1));
  5614. }
  5615. .standardSidebarView-3F1I7i #bd-customcss-attach-controls button,
  5616. .bd-detached-css-editor #bd-customcss-attach-controls button {
  5617.     color: rgb(var(--fontwhite1));
  5618. }
  5619. #bd-customcss-attach-controls .help-text .inline {
  5620.     background-color: rgba(var(--vtransparencycolor), 0.4);
  5621. }
  5622.  
  5623. body #ace_settingsmenu_container > div {                    /* customcsseditor      settings                            */
  5624.     position: absolute;
  5625.     background: transparent;
  5626.     top: 10vh !important;
  5627.     right: calc(50vw - 300px) !important;
  5628.     bottom: 10vh !important;
  5629.     left: calc(50vw - 300px) !important;
  5630.     border-radius: 5px;
  5631.     box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  5632.     box-sizing: border-box;
  5633.     padding-top: 50px;
  5634.     transform: none;
  5635. }
  5636. body #ace_settingsmenu_container > div:after,
  5637. body #ace_settingsmenu_container > div:before {
  5638.     border-radius: 5px;
  5639.     content: "";
  5640.     position: absolute;
  5641.     top: 0;
  5642.     bottom: 0;
  5643.     right: 0;
  5644.     left: 0;
  5645.     z-index: -1;
  5646.     pointer-events: none;
  5647. }
  5648. body #ace_settingsmenu_container > div:after {
  5649.     background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3));
  5650. }
  5651. body #ace_settingsmenu_container > div:before {
  5652.     background: var(--vbackground) center/var(--vbackgroundsize);
  5653.     filter: blur(var(--vpopoutblur));
  5654.     background-attachment: fixed;
  5655. }
  5656. body .ace_closeButton {
  5657.     position: absolute;
  5658.     top: -35px;
  5659.     right: 12px;
  5660.     border-radius: 5px;
  5661.     cursor: pointer;
  5662.     height: 23px;
  5663.     width: 23px;
  5664. }
  5665. body .ace_closeButton:hover {
  5666.     background-color: rgba(var(--vtransparencycolor), 0.3);
  5667. }
  5668. body .ace_closeButton:after {
  5669.     content: "Custom CSS Settings";
  5670.     color: rgb(var(--fontwhite1));
  5671.     font-weight: 600;
  5672.     font-size: 18px;
  5673.     position: absolute;
  5674.     top: 2px;
  5675.     left: -550px;
  5676.     pointer-events: none;
  5677. }
  5678. body .ace_closeButton:before {
  5679.     color: rgb(var(--fontwhite1));
  5680.     line-height: 24px;
  5681.     margin-left: 5px;
  5682.     opacity: 0.7;
  5683. }
  5684. body .ace_closeButton:hover:before {
  5685.     opacity: 1;
  5686. }
  5687. body #ace_settingsmenu {
  5688.     background-color: transparent;
  5689.     box-shadow: none;
  5690.     color: rgb(var(--fontwhite1));
  5691.     height: calc(80vh - 50px);
  5692.     overflow: scroll;
  5693.     padding: 0 0.5em 0 1em;
  5694.     position: static;
  5695.     left: 0;
  5696. }
  5697. body #ace_settingsmenu .ace_optionsMenuEntry {
  5698.     height: 40px;
  5699.     display: flex;
  5700.     align-items: center;
  5701.     justify-content: flex-start;
  5702.     margin-bottom: 10px;
  5703. }
  5704. body #ace_settingsmenu .ace_optionsMenuEntry:hover {
  5705.     background: transparent;
  5706. }
  5707. body #ace_settingsmenu > *:last-child {
  5708.     color: rgb(var(--fontwhite1));
  5709.     float: right;
  5710. }
  5711. body #ace_settingsmenu .ace_optionsMenuEntry label {
  5712.     color: rgb(var(--fontwhite1));
  5713.     font-size: 16px;
  5714.     line-height: 24px;
  5715.     cursor: pointer;
  5716.     flex: 1 0 auto;
  5717.     font-weight: 500;
  5718.     margin-right: 10px;
  5719. }
  5720. body #ace_settingsmenu .ace_optionsMenuEntry input[type="text"],
  5721. body #ace_settingsmenu .ace_optionsMenuEntry select {
  5722.     box-sizing: border-box;
  5723.     flex: 0 1 auto;
  5724.     width: 200px;
  5725.     float: none;
  5726.     background-color: rgba(var(--vtransparencycolor), 0.1);
  5727.     border-color: rgba(var(--vtransparencycolor), 0.3);
  5728.     color: rgb(var(--fontwhite1));
  5729.     height: 40px;
  5730.     padding: 10px;
  5731.     border-radius: 3px;
  5732.     border-style: solid;
  5733.     border-width: 1px;
  5734.     transition: background-color .15s ease,border .15s ease;
  5735.     font-size: 16px;
  5736. }
  5737. body #ace_settingsmenu .ace_optionsMenuEntry input[type="text"]:hover,
  5738. body #ace_settingsmenu .ace_optionsMenuEntry select:hover {
  5739.     border-color: #040405;
  5740. }
  5741. body #ace_settingsmenu .ace_optionsMenuEntry input[type="text"]:focus,
  5742. body #ace_settingsmenu .ace_optionsMenuEntry select:focus {
  5743.     border-color: rgb(var(--vaccentcolor));
  5744. }
  5745. body #ace_settingsmenu .ace_optionsMenuEntry select option {
  5746.     background-color: #303339;
  5747.     color: rgb(var(--fontwhite1));
  5748. }
  5749. body #ace_settingsmenu input[type="checkbox"] {
  5750.     position: relative;
  5751.     width: 44px;
  5752.     height: 24px;
  5753.     -webkit-appearance: none;
  5754. }
  5755. body #ace_settingsmenu input[type="checkbox"]:before {
  5756.     content: "";
  5757.     display: block;
  5758.     position: relative;
  5759.     width: 44px;
  5760.     height: 24px;
  5761.     background: rgba(var(--vtransparencycolor), 0.3);
  5762.     border-radius: 14px;
  5763.     transition: background .15s ease-in-out,box-shadow .15s ease-in-out,border .15s ease-in-out;
  5764. }
  5765. body #ace_settingsmenu input[type="checkbox"]:checked:before {
  5766.     background: rgb(var(--vaccentcolor));
  5767. }
  5768. body #ace_settingsmenu input[type="checkbox"]:after {
  5769.     content: "";
  5770.     display: block;
  5771.     width: 18px;
  5772.     height: 18px;
  5773.     position: absolute;
  5774.     top: 3px;
  5775.     left: 3px;
  5776.     bottom: 3px;
  5777.     background-color: rgb(var(--fontwhite1));
  5778.     border-radius: 10px;
  5779.     transition: all .15s ease;
  5780.     box-shadow: 0 2px 4px rgba(var(--vtransparencycolor), 0.3);
  5781. }
  5782. body #ace_settingsmenu input[type="checkbox"]:checked:after {
  5783.     transform: translateX(20px);
  5784. }
  5785.  
  5786.  
  5787. /* ~~~~     16.     PLUGINSUPPORT                   ~~~~ */
  5788.  
  5789. /* ----     16.1.   DATEVIEWER                      ---- */
  5790.  
  5791. #app-mount #dv-mount {
  5792.     background: transparent;
  5793. }
  5794. #app-mount #dv-main {
  5795.     border-top-color: rgba(var(--fontwhite1), 0.1);
  5796.     color: rgb(var(--fontwhite1));
  5797. }
  5798. #app-mount #dv-main .dv-date {
  5799.     color: rgb(var(--fontwhite3));
  5800.     opacity: 1;
  5801. }
  5802.  
  5803. /* ----     16.2.   SERVERFOLDERS                   ---- */
  5804.  
  5805. body.folderContentIsOpen-zz6FgW .titleBar-AC4pGV.typeMacOS-3EmCyP,
  5806. body.folderContentIsOpen-zz6FgW .titleBar-AC4pGV.typeMacOS-3EmCyP .macButtons-2MuSAC {
  5807.     width: 144px;
  5808. }
  5809. body.folderContentIsOpen-zz6FgW .titleBar-AC4pGV.typeMacOS-3EmCyP .macButtons-2MuSAC {
  5810.     padding-right: 82px;
  5811. }
  5812. .base-PmTxvP[style*="background-color: rgb(114, 137, 218)"] {
  5813.     text-shadow: 1px 1px var(--vtextshadow);
  5814. }
  5815.  
  5816. /* ----     16.3.   MEMBERCOUNT                     ---- */
  5817.  
  5818. #app-mount #MemberCount {
  5819.     background-color: transparent;
  5820.     color: rgb(var(--fontwhite2));
  5821.     width: calc(100% - 8px);
  5822.     margin: 0;
  5823.     line-height: 0;
  5824.     height: 30px;
  5825. }
  5826. #MemberCount:after,
  5827. #MemberCount:before {
  5828.     content: "";
  5829.     position: absolute;
  5830.     top: 0;
  5831.     bottom: 0;
  5832.     right: 0;
  5833.     left: 0;
  5834.     pointer-events: none;
  5835.     z-index: -1;
  5836. }
  5837. #MemberCount:after {
  5838.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + var(--vmemberlisttransparency) * 0.85));
  5839. }
  5840. #MemberCount:before {
  5841.     background: var(--vbackground) center/var(--vbackgroundsize);
  5842.     filter: blur(var(--vbackgroundblur));
  5843.     background-attachment: fixed;
  5844. }
  5845.  
  5846. /* ----     16.4.   SENDBUTTON                      ---- */
  5847.  
  5848. .send-button img {
  5849.     -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTIuMDEgMjFMMjMgMTIgMi4wMSAzIDIgMTBsMTUgMi0xNSAyeiIvPiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+) center/contain no-repeat;
  5850.     background: rgb(var(--fontwhite3));
  5851.     cursor: pointer;
  5852.     object-position: -9999999px -9999999px;
  5853.     opacity: 1;
  5854. }
  5855. .send-button img:hover {
  5856.     background: rgb(var(--fontwhite2));
  5857.     transform: none;
  5858. }
  5859. .send-button img:active {
  5860.     background: rgb(var(--fontwhite1));
  5861. }
  5862. .innerDisabled-2mc-iF .send-button {
  5863.     display: none;
  5864. }
  5865.  
  5866. /* ----     16.5.   CHARCOUNTER                     ---- */
  5867.  
  5868. #app-mount #charcounter {
  5869.     color: rgb(var(--fontwhite3));
  5870.     opacity: 1;
  5871. }
  5872. .innerDisabled-2mc-iF #charcounter {
  5873.     display: none;
  5874. }
  5875.  
  5876. /* ----     16.6.   REPLYER                         ---- */
  5877.  
  5878. .replyer-icon {
  5879.     -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTEwIDlWNWwtNyA3IDcgN3YtNC4xYzUgMCA4LjUgMS42IDExIDUuMS0xLTUtNC0xMC0xMS0xMXoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==) center/contain no-repeat !important;
  5880.     background: rgb(var(--fontwhite1)) !important;
  5881.     border-radius: 3px !important;
  5882.     position: relative;
  5883.     padding: 0 3px 1px 3px;
  5884.     margin-top: 1px;
  5885. }
  5886. .replyer[style*="cursor:pointer;color:rgba(255,255,255,.4) !important;position:relative;top:-1px;"] {
  5887.     -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTEwIDlWNWwtNyA3IDcgN3YtNC4xYzUgMCA4LjUgMS42IDExIDUuMS0xLTUtNC0xMC0xMS0xMXoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==) center/70% no-repeat !important;
  5888.     background: rgb(var(--fontwhite1)) !important;
  5889.     border-radius: 3px !important;
  5890.     filter: none !important;
  5891.     font-size: 0 !important;
  5892.     margin: 0 0 0 6px !important;
  5893.     opacity: 0.7 !important;
  5894.     padding: 7px 10px !important;
  5895.     top: -5px !important;
  5896.     transition: unset !important;
  5897. }
  5898. .replyer-icon:hover,
  5899. .replyer[style*="cursor:pointer;color:rgba(255,255,255,.4) !important;position:relative;top:-1px;"]:hover {
  5900.     -webkit-mask: none !important;
  5901.     background: rgba(var(--vtransparencycolor), 0.4) url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTEwIDlWNWwtNyA3IDcgN3YtNC4xYzUgMCA4LjUgMS42IDExIDUuMS0xLTUtNC0xMC0xMS0xMXoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==) center/70% no-repeat !important;
  5902.     opacity: 1 !important;
  5903. }
  5904. .replyer-icon:active,
  5905. .replyer[style*="cursor:pointer;color:rgba(255,255,255,.4) !important;position:relative;top:-1px;"]:active {
  5906.     -webkit-mask: none !important;
  5907.     background: rgb(var(--vaccentcolor)) url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTEwIDlWNWwtNyA3IDcgN3YtNC4xYzUgMCA4LjUgMS42IDExIDUuMS0xLTUtNC0xMC0xMS0xMXoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==) center/70% no-repeat !important;
  5908. }
  5909.  
  5910. /* ----     16.7.   CITADOR                         ---- */
  5911.  
  5912. .quote-msg {
  5913.     background-color: rgba(var(--vtransparencycolor) , 0.2);
  5914.     border-radius: 5px 5px 0 0;
  5915. }
  5916. .quote-msg .replyer,
  5917. .quote-msg .replyer-icon,
  5918. .quote-msg .buttonContainer-KtQ8wc {
  5919.     display: none;
  5920. }
  5921. .quote-msg ~ .inner-zqa7da {
  5922.     border-radius: 0 0 8px 8px;
  5923. }
  5924. .quote-close {
  5925.     -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjQwIDQwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDQwIDQwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJQYWdlXzEiPg0KCTxwYXRoIGlkPSJDbG9zZSIgZmlsbD0iIzk5YWFiNSIgZD0iTTQwLjQ0NSw0Mi44NTNsMi40MDgtMi40MDhjMC41OTMtMC41OTMsMS41NTUtMC41OTMsMi4xNDcsMGw1LDVsNS01ICAgYzAuNTkzLTAuNTkzLDEuNTU0LTAuNTkzLDIuMTQ3LDBsMi40MDgsMi40MDhjMC41OTMsMC41OTMsMC41OTMsMS41NTQsMCwyLjE0N2wtNSw1bDUsNWMwLjU5MywwLjU5MywwLjU5MiwxLjU1NCwwLDIuMTQ3ICAgbC0yLjQwOCwyLjQwOGMtMC41OTMsMC41OTMtMS41NTUsMC41OTMtMi4xNDcsMGwtNS01bC01LDVjLTAuNTkzLDAuNTkzLTEuNTU0LDAuNTkzLTIuMTQ3LDBsLTIuNDA4LTIuNDA4ICAgYy0wLjU5My0wLjU5My0wLjU5My0xLjU1NCwwLTIuMTQ3bDUtNWwtNS01QzM5Ljg1Miw0NC40MDcsMzkuODUyLDQzLjQ0NSw0MC40NDUsNDIuODUzeiIvPg0KPC9nPg0KPC9zdmc+) center/contain no-repeat !important;
  5926.     background: rgb(var(--fontwhite1)) !important;
  5927. }
  5928. .delete-msg-btn {
  5929.     -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iZWRpdG9yaWFsXy1fdHJhc2hfY2FuIj4KCTxnPgoJCTxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik01LDYuNUg0djZoMVY2LjV6IE0xNC41LDJIMTBWMC41QzEwLDAuMiw5LjgsMCw5LjUsMGgtNEM1LjIsMCw1LDAuMiw1LDAuNVYySDAuNUMwLjIsMiwwLDIuMiwwLDIuNQoJCQlTMC4yLDMsMC41LDNIMXYxMmMwLDAuNiwwLjQsMSwxLDFoMTFjMC42LDAsMS0wLjQsMS0xVjNoMC41QzE0LjgsMywxNSwyLjgsMTUsMi41UzE0LjgsMiwxNC41LDJ6IE02LDFoM3YxSDZWMXogTTEzLDE0LjUKCQkJYzAsMC4zLTAuMiwwLjUtMC41LDAuNWgtMTBDMi4yLDE1LDIsMTQuOCwyLDE0LjVWM2gxMVYxNC41eiBNOCw1LjVIN3Y3aDFWNS41eiBNMTEsNi41aC0xdjZoMVY2LjV6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==) center/contain no-repeat !important;
  5930.     background: rgb(var(--fontwhite1)) !important;
  5931. }
  5932.  
  5933. .citar-btn {
  5934.     -webkit-mask: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_format_quote_white_48px.svg) center/contain no-repeat !important;
  5935.     background: rgb(var(--fontwhite1)) !important;
  5936.     border-radius: 3px;
  5937.     filter: none !important;
  5938.     font-size: 0;
  5939.     margin: 0 0 0 6px !important;
  5940.     opacity: 0.7;
  5941.     padding: 7px 10px;
  5942.     position: relative;
  5943.     top: -5px;
  5944.     transition: unset !important;
  5945. }
  5946. .citar-btn:hover {
  5947.     -webkit-mask: none !important;
  5948.     background: rgba(var(--vtransparencycolor), 0.4) url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_format_quote_white_48px.svg) center/contain no-repeat !important;
  5949.     opacity: 1;
  5950. }
  5951. .citar-btn:active {
  5952.     -webkit-mask: none !important;
  5953.     background: rgb(var(--vaccentcolor)) url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_format_quote_white_48px.svg) center/contain no-repeat !important;
  5954. }
  5955. /* ----     16.8.   LINENUMBERS                     ---- */
  5956.  
  5957. .hljs ol li {
  5958.     border-left-color: rgba(var(--fontwhite1), 0.2);
  5959. }
  5960. .hljs ol li::before {
  5961.     color: rgb(var(--fontwhite4));
  5962. }
  5963.  
  5964. /* ----     16.9.   PERMISSIONVIEWER                ---- */
  5965.  
  5966. #permissions-modal-wrapper #permissions-modal {             /* modal                container                           */
  5967.     background-color: transparent;
  5968.     border: none;
  5969.     box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
  5970.     position: relative;
  5971.     overflow: hidden;
  5972. }
  5973. #permissions-modal-wrapper #permissions-modal:after,
  5974. #permissions-modal-wrapper #permissions-modal:before {
  5975.     content: "";
  5976.     position: absolute;
  5977.     top: 0;
  5978.     bottom: 0;
  5979.     right: 0;
  5980.     left: 0;
  5981.     width: unset;
  5982.     height: unset;
  5983.     pointer-events: none;
  5984.     z-index: -1;
  5985. }
  5986. #permissions-modal-wrapper #permissions-modal:after {
  5987.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  5988. }
  5989. #permissions-modal-wrapper #permissions-modal:before {
  5990.     background: var(--vpopout) center/var(--vpopoutsize);
  5991.     filter: blur(var(--vpopoutblur));
  5992.     background-attachment: fixed;
  5993. }
  5994. #permissions-modal-wrapper .header {
  5995.     background-color: rgba(var(--vtransparencycolor), 0.2);
  5996.     box-shadow: 0 2px 3px 0 rgba(var(--vtransparencycolor), 0.2);
  5997.     color: rgb(var(--fontwhite1));
  5998. }
  5999. #permissions-modal-wrapper .modal-body {
  6000.     background-color: transparent;
  6001. }
  6002. #permissions-modal-wrapper .scroller-title {
  6003.     border-bottom: 1px solid rgba(var(--vtransparencycolor), 0.3);
  6004. }
  6005. #permissions-modal-wrapper .role-side {
  6006.     background-color: rgba(var(--vtransparencycolor), 0.1);
  6007. }
  6008. #permissions-modal-wrapper .role-item {
  6009.     color: rgb(var(--fontwhite2));
  6010. }
  6011. #permissions-modal-wrapper .role-item:hover {
  6012.     background-color: rgba(var(--vtransparencycolor), 0.1);
  6013. }
  6014. #permissions-modal-wrapper .role-item.selected {
  6015.     background-color: rgba(var(--vtransparencycolor), 0.2);
  6016. }
  6017. #permissions-modal-wrapper .perm-side {
  6018.     background-color: transparent;
  6019. }
  6020. #permissions-modal-wrapper .perm-item {
  6021.     box-shadow: inset 0 -1px 0 rgba(var(--fontwhite4), 0.3);
  6022. }
  6023. #permissions-modal-wrapper .perm-name {
  6024.     color: rgb(var(--fontwhite3));
  6025. }
  6026.  
  6027. /* ----     16.10.  BETTERSEARCHPAGE                ---- */
  6028.  
  6029. #app-mount .BSP-pagination-button {
  6030.     background: transparent;
  6031.     border-color: rgba(var(--fontwhite1), 0.5);
  6032.     left: 0;
  6033.     position: relative;
  6034.     top: 0;
  6035. }
  6036. #app-mount .BSP-pagination-button:before {
  6037.     content: "ยป";
  6038.     color: rgb(var(--fontwhite1));
  6039.     font-size: 20px;
  6040.     font-weight: 500;
  6041.     line-height: 15px;
  6042.     margin-left: -1px;
  6043.     position: absolute;
  6044.     text-align: center;
  6045.     width: 20px;
  6046. }
  6047.  
  6048. /* ----     16.11.  REPOCONTROLS                    ---- */
  6049.  
  6050. #app-mount #bd-settingspane-container .editIcon,
  6051. #app-mount #bd-settingspane-container .trashIcon {
  6052.     color: rgb(var(--fontwhite2));
  6053. }
  6054. #app-mount #bd-settingspane-container .editIcon:hover,
  6055. #app-mount #bd-settingspane-container .trashIcon:hover {
  6056.     color: rgb(var(--fontwhite1));
  6057. }
  6058.  
  6059. /* ----     16.12.  DIRECTDOWNLOAD                  ---- */
  6060.  
  6061. #files_directDownload .file {
  6062.     background-color: rgba(var(--vtransparencycolor), 0.4);
  6063.     border-color: rgba(var(--vaccentcolor), 0.2);
  6064.     border-radius: 6px 6px 0 0;
  6065. }
  6066. #files_directDownload .file svg {
  6067.     fill: rgb(var(--fontwhite1));
  6068.     opacity: 0.5;
  6069. }
  6070. #files_directDownload .file svg:hover {
  6071.     opacity: 1;
  6072. }
  6073. #files_directDownload .file span {
  6074.     color: rgb(var(--fontwhite1));
  6075. }
  6076. #files_directDownload .file .progress-bar {
  6077.     background-color: rgb(var(--vaccentcolor));
  6078. }
  6079.  
  6080. /* ----     16.13.  BETTERFORMATINGREDUX            ---- */
  6081.  
  6082. .innerDisabled-2mc-iF ~ .bf-toolbar {
  6083.     display: none;
  6084. }
  6085. .bf-arrow {
  6086.     -webkit-mask: url('data:image/svg+xml;utf8,<svg fill="white" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>') center/contain no-repeat;
  6087.     background: rgb(var(--fontwhite1)) !important;
  6088. }
  6089. .bf-toolbar {
  6090.     background: transparent;
  6091.     overflow: hidden;
  6092.     transform: none;
  6093.     top: -50px;
  6094. }
  6095. .bf-toolbar:after {
  6096.     content: "";
  6097.     display: block;
  6098.     position: absolute;
  6099.     width: 100%;
  6100.     height: calc(100% - 15px);
  6101.     pointer-events: none;
  6102.     left: 0px;
  6103.     top: 5px;
  6104.     background-color: rgba(var(--vtransparencycolor), 0.5);
  6105.     border-radius: 3px;
  6106.     transform: translate(0, 55px);
  6107.     transition: all 200ms ease;
  6108.     z-index: 200;
  6109. }
  6110. .bf-toolbar.bf-visible:after,
  6111. .bf-toolbar.bf-hover:hover:after {
  6112.     transform: translate(0, 0);
  6113.     transition: all 200ms cubic-bezier(0,0,0,1);
  6114. }
  6115. .bf-toolbar:before {
  6116.     background: var(--vpopout) center/var(--vpopoutsize);
  6117.     filter: blur(var(--vpopoutblur));
  6118.     background-attachment: fixed;
  6119.     z-index: 100;
  6120. }
  6121. .theme-brand .bf-toolbar:after {
  6122.     background: rgb(var(--vaccentcolor)) linear-gradient(rgba(var(--vtransparencycolor), 0.2), rgba(var(--vtransparencycolor), 0.2))!important;
  6123. }
  6124. .theme-brand .bf-toolbar:before {
  6125.     display: none;
  6126. }
  6127. .bf-toolbar > * {
  6128.     z-index: 300;
  6129. }
  6130. .bf-toolbar .format {
  6131.     color: rgb(var(--fontwhite2));
  6132. }
  6133. .bf-toolbar .format:hover {
  6134.     background-color: rgb(var(--vaccentcolor));
  6135.     color: rgb(var(--fontwhite1));
  6136. }
  6137.  
  6138. /* ----     16.14   PLUGIN/THEMEREPO                ---- */
  6139.  
  6140. #app-mount .pluginEntry svg[fill="currentColor"],
  6141. #app-mount .pluginEntry .gifFavoriteButton-1gYkEU:not(.selected-2QpwIN),
  6142. #app-mount .themeEntry svg[fill="currentColor"],
  6143. #app-mount .themeEntry .gifFavoriteButton-1gYkEU:not(.selected-2QpwIN) {
  6144.     color: rgb(var(--fontwhite2)) !important;
  6145. }
  6146.  
  6147. #app-mount .pluginEntry svg[fill="currentColor"]:hover,
  6148. #app-mount .pluginEntry .gifFavoriteButton-1gYkEU:not(.selected-2QpwIN):hover,
  6149. #app-mount .themeEntry svg[fill="currentColor"]:hover,
  6150. #app-mount .themeEntry .gifFavoriteButton-1gYkEU:not(.selected-2QpwIN):hover {
  6151.     color: rgb(var(--fontwhite1)) !important;
  6152. }
  6153.  
  6154.  
  6155. /* ~~~~     17.     THEMESUPPORT                    ~~~~ */
  6156.  
  6157. /* ----     17.1.   THEMEDEVBADGE                   ---- */
  6158.  
  6159. #app-mount .root-SR8cQa .wrapper-3t9DeA.dev-A7f2Rx:not(.statusHovered-gF2976):hover + .headerInfo-30uryT:before,
  6160. #app-mount .userPopout-3XzG_A .avatarWrapper-3H_478.dev-A7f2Rx:not(.statusHovered-gF2976):hover .wrapper-3t9DeA:before,
  6161. #app-mount .root-SR8cQa .wrapper-3t9DeA.supporter-Z3FfwL:not(.statusHovered-gF2976):hover + .headerInfo-30uryT:before,
  6162. #app-mount .userPopout-3XzG_A .avatarWrapper-3H_478.supporter-Z3FfwL:not(.statusHovered-gF2976):hover .wrapper-3t9DeA:before {
  6163.     background-color: rgb(var(--vaccentcolor)) !important;
  6164.     box-shadow: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3) !important;
  6165.     color: rgb(var(--fontwhite1)) !important;
  6166. }
  6167. #app-mount .root-SR8cQa .wrapper-3t9DeA.dev-A7f2Rx:not(.statusHovered-gF2976):hover + .headerInfo-30uryT:after,
  6168. #app-mount .root-SR8cQa .wrapper-3t9DeA.supporter-Z3FfwL:not(.statusHovered-gF2976):hover + .headerInfo-30uryT:after {
  6169.     border-right-color: rgb(var(--vaccentcolor)) !important;
  6170. }
  6171. #app-mount .userPopout-3XzG_A .avatarWrapper-3H_478.dev-A7f2Rx:not(.statusHovered-gF2976):hover .wrapper-3t9DeA:after,
  6172. #app-mount .userPopout-3XzG_A .avatarWrapper-3H_478.supporter-Z3FfwL:not(.statusHovered-gF2976):hover .wrapper-3t9DeA:after {
  6173.     border-top-color: rgb(var(--vaccentcolor)) !important;
  6174. }
  6175.  
  6176. /* ----     17.2.   BETTERDOCSBLOCK                 ---- */
  6177.  
  6178. html.theme-dark body #app-mount .wrapper-35wsBm .icon-3o6xvg[style*="/icons/153708594091655168" i]::before,
  6179. html.theme-dark body #app-mount .embed-IeVjo6 .embedLink-1G1K1D[href*="www.discordsource." i]::before,
  6180. html.theme-dark body #app-mount .embed-IeVjo6 .embedLink-1G1K1D[href*="://discordsource." i]::before,
  6181. html.theme-dark body #app-mount .embed-IeVjo6 .embedLink-1G1K1D[href*="www.betterdocs." i]::before,
  6182. html.theme-dark body #app-mount .embed-IeVjo6 .embedLink-1G1K1D[href*="://betterdocs." i]::before {
  6183.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.4)) !important;
  6184.     border-top-color: transparent !important;
  6185.     border-right-color: transparent !important;
  6186.     border-bottom-color: transparent !important;
  6187.     color: rgb(var(--fontwhite2)) !important;
  6188.     z-index: 4 !important;
  6189. }
  6190. html.theme-dark body #app-mount .wrapper-35wsBm .icon-3o6xvg[style*="/icons/153708594091655168" i]::after,
  6191. html.theme-dark body #app-mount .embed-IeVjo6 .embedLink-1G1K1D[href*="www.discordsource." i]::after,
  6192. html.theme-dark body #app-mount .embed-IeVjo6 .embedLink-1G1K1D[href*="://discordsource." i]::after,
  6193. html.theme-dark body #app-mount .embed-IeVjo6 .embedLink-1G1K1D[href*="www.betterdocs." i]::after,
  6194. html.theme-dark body #app-mount .embed-IeVjo6 .embedLink-1G1K1D[href*="://betterdocs." i]::after {
  6195.     content: "" !important;
  6196.     background: var(--vbackground) center/var(--vbackgroundsize) !important;
  6197.     background-attachment: fixed !important;
  6198.     border-radius: 5px !important;
  6199.     position: absolute !important;
  6200.     top: 0 !important;
  6201.     right: 0 !important;
  6202.     bottom: 0 !important;
  6203.     left: -4px !important;
  6204. }
  6205.  
  6206.  
  6207. /* ~~~~     18.     UPDATENOTICE                    ~~~~ */
  6208.  
  6209. html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-1q1i1E > div.app-2rEoOp:before {
  6210.     content: "Your version of   BasicBackground   by DevilBro is outdated. Please download the newest version from: https://github.com/mwittrien/BetterDiscordAddons/blob/master/Themes/BasicBackground" !important;
  6211.     display: var(--version1_0_5, block) !important;
  6212.     background-color: #4a90e2 !important;
  6213.     box-shadow: 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3) !important;
  6214.     color: rgb(var(--fontwhite1)) !important;
  6215.     flex-grow: 0 !important;
  6216.     flex-shrink: 0 !important;
  6217.     font-size: 14px !important;
  6218.     font-weight: 500 !important;
  6219.     height: 36px !important;
  6220.     line-height: 36px !important;
  6221.     opacity: 1 !important;
  6222.     padding-left: 4px !important;
  6223.     padding-right: 28px !important;
  6224.     position: relative !important;
  6225.     text-align: center !important;
  6226.     visibility: unset !important;
  6227.     white-space: pre !important;
  6228.     top: 0 !important;
  6229.     left: 0 !important;
  6230.     bottom: unset !important;
  6231.     right: unset !important;
  6232.     max-width: unset !important;
  6233.     min-width: unset !important;
  6234.     max-height: unset !important;
  6235.     min-height: unset !important;
  6236.     transform: unset !important;
  6237.     animation: unset !important;
  6238.     z-index: 101 !important;
  6239.     pointer-events: none !important;
  6240. }
  6241.  
  6242.  
  6243. /* ~~~~     19.     WATERMARK                       ~~~~ */
  6244.  
  6245. html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.typeWindows-1za-n7.titleBar-AC4pGV.horizontalReverse-3tRjY7.flex-1O1GKY.directionRowReverse-m8IjIq.justifyStart-2NDFzi.alignStretch-DpGPf3 > div.wordmark-2iDDfm {
  6246.     color: white !important;
  6247.     display: block !important;
  6248.     position: absolute !important;
  6249.     max-width: unset !important;
  6250.     min-width: unset !important;
  6251.     width: 55px !important;
  6252.     max-height: unset !important;
  6253.     min-height: unset !important;
  6254.     height: 16px !important;
  6255.     margin: 0 !important;
  6256.     padding: 3px 9px 3px !important;
  6257.     top: 0 !important;
  6258.     left: 0 !important;
  6259.     bottom: unset !important;
  6260.     right: unset !important;
  6261.     opacity: 0.6 !important;
  6262.     visibility: visible !important;
  6263.     transform: unset !important;
  6264.     animation: unset !important;
  6265. }
  6266. html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.typeWindows-1za-n7.titleBar-AC4pGV.horizontalReverse-3tRjY7.flex-1O1GKY.directionRowReverse-m8IjIq.justifyStart-2NDFzi.alignStretch-DpGPf3 > div.wordmark-2iDDfm:after {
  6267.     content: url('data:image/svg+xml; utf8, <svg width="400" height="18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path stroke="none" fill="rgb(255, 255, 255)" fill-rule="evenodd" transform="scale(0.6,0.6) translate(5,4)" d="M58.488 0.690 C 54.786 0.948,52.503 3.334,52.961 6.466 C 53.321 8.926,55.135 10.509,58.186 11.025 C 60.205 11.366,61.177 12.097,60.818 13.004 C 60.260 14.412,57.255 14.154,55.679 12.564 L 55.440 12.323 55.340 12.411 C 55.125 12.602,52.767 14.824,52.768 14.836 C 52.768 14.843,52.842 14.938,52.932 15.047 C 55.188 17.761,58.434 18.568,61.663 17.218 C 63.879 16.291,65.049 14.673,65.056 12.523 C 65.066 9.499,63.520 7.999,59.581 7.209 C 57.730 6.838,56.956 6.245,57.139 5.336 C 57.409 3.990,59.424 3.729,61.092 4.823 C 61.328 4.978,61.513 5.126,61.754 5.350 L 61.902 5.489 63.269 4.436 C 64.021 3.857,64.640 3.372,64.645 3.357 C 64.668 3.286,63.905 2.499,63.488 2.164 C 62.141 1.082,60.367 0.559,58.488 0.690 M79.453 0.691 C 76.162 0.865,73.785 2.780,73.354 5.604 C 73.306 5.919,73.281 11.980,73.325 12.570 C 73.506 14.979,75.020 16.759,77.535 17.519 C 80.709 18.479,83.881 17.374,85.557 14.725 C 85.782 14.369,85.916 14.116,85.893 14.093 C 85.872 14.073,82.327 12.430,82.254 12.406 C 82.224 12.397,82.198 12.429,82.144 12.544 C 81.882 13.103,81.353 13.555,80.730 13.752 C 79.382 14.177,77.866 13.572,77.593 12.501 C 77.539 12.288,77.540 6.228,77.595 6.015 C 78.042 4.261,81.252 4.104,82.289 5.785 C 82.338 5.865,82.385 5.930,82.393 5.930 C 82.409 5.930,85.820 4.554,85.837 4.541 C 85.856 4.526,85.497 3.838,85.340 3.588 C 84.071 1.573,82.003 0.555,79.453 0.691 M122.233 0.698 C 118.928 0.954,116.621 2.860,116.252 5.640 C 116.198 6.046,116.207 12.646,116.263 13.000 C 116.678 15.665,118.768 17.446,121.919 17.818 C 124.720 18.149,127.505 16.687,128.743 14.235 L 128.815 14.092 128.669 14.026 C 128.589 13.989,127.762 13.608,126.832 13.177 C 125.902 12.747,125.135 12.395,125.129 12.395 C 125.122 12.395,125.079 12.471,125.032 12.564 C 124.149 14.321,121.136 14.341,120.519 12.593 L 120.453 12.407 120.447 9.350 C 120.442 6.713,120.445 6.267,120.476 6.106 C 120.814 4.288,124.035 4.054,125.172 5.764 C 125.233 5.855,125.288 5.930,125.294 5.930 C 125.318 5.930,128.710 4.554,128.727 4.537 C 128.750 4.515,128.506 4.030,128.302 3.691 C 127.042 1.592,124.822 0.498,122.233 0.698 M150.163 0.690 C 146.674 0.881,144.259 2.928,144.024 5.893 C 143.992 6.292,143.992 12.111,144.024 12.535 C 144.229 15.291,146.239 17.273,149.317 17.756 C 152.815 18.304,156.021 16.678,156.902 13.907 C 157.157 13.104,157.167 12.980,157.179 10.250 L 157.190 7.907 153.816 7.907 L 150.442 7.907 150.442 9.686 L 150.442 11.465 151.770 11.465 L 153.098 11.465 153.088 11.948 C 153.069 12.840,152.771 13.335,152.028 13.707 C 150.559 14.443,148.672 13.843,148.297 12.522 L 148.244 12.337 148.244 9.221 L 148.244 6.105 148.296 5.922 C 148.641 4.708,150.215 4.096,151.595 4.640 C 152.111 4.844,152.607 5.305,152.816 5.777 C 152.852 5.859,152.875 5.885,152.903 5.877 C 152.970 5.857,156.383 4.277,156.404 4.256 C 156.456 4.205,156.028 3.438,155.709 3.012 C 154.517 1.418,152.475 0.563,150.163 0.690 M180.081 0.700 C 176.707 0.925,174.383 2.695,173.857 5.442 C 173.796 5.758,173.758 12.153,173.814 12.721 C 174.112 15.773,176.906 17.847,180.721 17.847 C 184.496 17.847,187.238 15.831,187.594 12.794 C 187.645 12.357,187.645 6.177,187.593 5.740 C 187.221 2.553,184.063 0.434,180.081 0.700 M390.026 0.701 C 386.623 0.917,384.214 2.823,383.799 5.628 C 383.750 5.958,383.722 11.716,383.765 12.444 C 383.954 15.593,386.593 17.735,390.430 17.853 C 394.202 17.969,397.090 15.976,397.551 12.938 C 397.616 12.508,397.615 6.017,397.550 5.593 C 397.065 2.452,393.986 0.450,390.026 0.701 M249.326 4.333 C 249.326 7.601,249.328 7.786,249.366 7.797 C 249.389 7.803,250.338 8.626,251.477 9.625 C 252.615 10.624,253.554 11.442,253.564 11.442 C 253.574 11.442,253.581 9.871,253.581 7.952 L 253.581 4.462 254.948 4.471 C 256.262 4.479,256.321 4.481,256.495 4.530 C 257.918 4.924,257.953 6.870,256.547 7.343 L 256.360 7.405 255.366 7.414 L 254.372 7.422 254.372 8.954 L 254.372 10.486 255.413 10.494 C 256.589 10.503,256.592 10.504,257.000 10.704 C 258.198 11.291,258.196 13.081,256.998 13.659 C 256.517 13.891,256.654 13.884,252.716 13.884 L 249.326 13.884 249.326 15.744 L 249.326 17.605 252.831 17.604 C 256.414 17.604,256.877 17.595,257.522 17.512 C 260.168 17.172,261.703 15.747,262.103 13.259 C 262.394 11.447,261.566 9.707,259.993 8.829 C 259.761 8.699,259.762 8.700,259.877 8.639 C 260.813 8.141,261.456 6.960,261.452 5.744 C 261.445 3.299,259.914 1.508,257.419 1.024 C 256.765 0.897,256.875 0.901,252.959 0.890 L 249.326 0.881 249.326 4.333 M317.842 0.913 C 317.848 0.929,319.202 4.691,320.851 9.273 L 323.849 17.604 325.791 17.604 L 327.733 17.605 330.739 9.259 C 332.392 4.669,333.744 0.907,333.744 0.899 C 333.744 0.891,332.721 0.884,331.471 0.884 L 329.198 0.884 327.877 4.983 L 326.556 9.081 326.185 11.012 C 325.982 12.073,325.815 12.955,325.814 12.971 C 325.814 12.987,325.801 13.000,325.785 13.000 C 325.765 13.000,325.639 12.389,325.380 11.025 L 325.004 9.049 323.695 4.966 L 322.385 0.884 320.109 0.884 C 318.298 0.884,317.834 0.890,317.842 0.913 M354.349 4.333 C 354.349 7.601,354.351 7.786,354.390 7.797 C 354.412 7.803,355.362 8.626,356.500 9.625 C 357.638 10.624,358.578 11.442,358.587 11.442 C 358.597 11.442,358.605 9.871,358.605 7.952 L 358.605 4.462 359.971 4.471 C 361.286 4.479,361.344 4.481,361.519 4.530 C 362.941 4.924,362.976 6.870,361.570 7.343 L 361.384 7.405 360.390 7.414 L 359.395 7.422 359.395 8.954 L 359.395 10.486 360.436 10.494 C 361.613 10.503,361.615 10.504,362.023 10.704 C 363.221 11.291,363.220 13.081,362.021 13.659 C 361.541 13.891,361.678 13.884,357.739 13.884 L 354.349 13.884 354.349 15.744 L 354.349 17.605 357.855 17.604 C 361.438 17.604,361.900 17.595,362.546 17.512 C 365.191 17.172,366.726 15.747,367.126 13.259 C 367.418 11.447,366.589 9.707,365.017 8.829 C 364.784 8.699,364.785 8.700,364.900 8.639 C 365.836 8.141,366.479 6.960,366.475 5.744 C 366.468 3.299,364.938 1.508,362.442 1.024 C 361.788 0.897,361.898 0.901,357.983 0.890 L 354.349 0.881 354.349 4.333 M24.186 4.356 C 24.186 7.624,24.188 7.809,24.227 7.820 C 24.249 7.827,25.199 8.649,26.337 9.648 C 27.476 10.647,28.415 11.465,28.424 11.465 C 28.434 11.465,28.442 9.895,28.442 7.975 L 28.442 4.485 29.808 4.494 C 31.123 4.502,31.181 4.505,31.356 4.553 C 32.778 4.947,32.813 6.893,31.407 7.366 L 31.221 7.429 30.227 7.437 L 29.233 7.445 29.233 8.977 L 29.233 10.509 30.273 10.517 C 31.450 10.527,31.452 10.527,31.860 10.727 C 33.058 11.314,33.057 13.104,31.858 13.682 C 31.378 13.914,31.515 13.907,27.576 13.907 L 24.186 13.907 24.186 15.767 L 24.186 17.628 27.692 17.627 C 31.275 17.627,31.737 17.618,32.383 17.535 C 35.028 17.195,36.564 15.770,36.964 13.282 C 37.255 11.471,36.426 9.731,34.854 8.852 C 34.621 8.722,34.622 8.724,34.738 8.662 C 35.674 8.165,36.316 6.984,36.312 5.767 C 36.305 3.322,34.775 1.531,32.279 1.047 C 31.625 0.921,31.735 0.924,27.820 0.914 L 24.186 0.904 24.186 4.356 M42.922 0.925 C 42.916 0.934,41.608 4.678,40.015 9.244 C 38.423 13.811,37.113 17.565,37.104 17.587 C 37.089 17.626,37.206 17.628,39.368 17.628 C 41.519 17.628,41.649 17.626,41.660 17.587 C 41.667 17.565,41.898 16.817,42.173 15.925 C 42.449 15.034,42.674 14.298,42.674 14.292 C 42.674 14.285,43.673 14.279,44.894 14.279 L 47.114 14.279 47.346 14.994 C 47.474 15.388,47.718 16.141,47.888 16.669 L 48.198 17.628 50.473 17.628 C 52.284 17.628,52.747 17.622,52.739 17.599 C 52.734 17.583,51.390 13.821,49.754 9.238 L 46.779 0.907 44.856 0.907 C 43.798 0.907,42.928 0.915,42.922 0.925 M66.860 9.267 L 66.860 17.628 68.977 17.628 L 71.093 17.628 71.093 9.267 L 71.093 0.907 68.977 0.907 L 66.860 0.907 66.860 9.267 M103.247 9.239 C 101.649 13.821,100.337 17.583,100.331 17.599 C 100.323 17.622,100.786 17.628,102.598 17.628 L 104.875 17.628 105.348 16.099 C 105.609 15.258,105.841 14.504,105.865 14.424 L 105.909 14.279 108.128 14.279 L 110.346 14.279 110.448 14.599 C 110.504 14.775,110.747 15.528,110.989 16.273 L 111.427 17.628 113.704 17.628 C 115.516 17.628,115.980 17.622,115.971 17.599 C 115.965 17.583,114.622 13.821,112.986 9.239 L 110.012 0.908 108.081 0.908 L 106.151 0.908 103.247 9.239 M130.326 9.267 L 130.326 17.628 132.453 17.628 L 134.581 17.628 134.581 14.740 L 134.581 11.851 134.644 11.761 C 134.696 11.686,134.711 11.676,134.731 11.705 C 134.745 11.723,135.703 13.064,136.860 14.683 L 138.965 17.627 141.648 17.627 C 144.025 17.628,144.329 17.624,144.317 17.593 C 144.308 17.568,137.994 9.268,137.789 9.011 C 137.778 8.996,139.071 7.397,141.060 4.969 C 142.869 2.759,144.349 0.941,144.349 0.929 C 144.349 0.915,143.342 0.907,141.715 0.908 L 139.081 0.909 136.837 3.975 L 134.593 7.041 134.587 3.974 L 134.581 0.907 132.453 0.907 L 130.326 0.907 130.326 9.267 M159.116 9.266 L 159.116 17.628 161.256 17.628 L 163.395 17.628 163.395 14.977 L 163.395 12.326 163.762 12.326 L 164.129 12.326 166.058 14.976 L 167.988 17.626 170.625 17.627 C 172.875 17.628,173.259 17.623,173.248 17.595 C 173.241 17.577,172.224 16.288,170.987 14.730 C 169.750 13.172,168.747 11.894,168.759 11.890 C 170.569 11.276,171.641 9.837,171.917 7.651 C 172.346 4.246,170.890 1.873,167.930 1.154 C 166.981 0.924,166.973 0.924,162.785 0.913 L 159.116 0.904 159.116 9.266 M189.767 6.704 C 189.767 12.984,189.763 12.742,189.893 13.354 C 190.564 16.526,194.059 18.450,197.907 17.766 C 200.535 17.299,202.429 15.647,202.943 13.372 C 203.088 12.729,203.079 13.167,203.087 6.750 L 203.094 0.907 200.955 0.907 L 198.815 0.907 198.808 6.599 C 198.801 11.986,198.798 12.299,198.759 12.453 C 198.236 14.492,194.735 14.570,194.112 12.558 L 194.058 12.384 194.052 6.645 L 194.046 0.907 191.907 0.907 L 189.767 0.907 189.767 6.704 M205.558 9.267 L 205.558 17.628 207.674 17.628 L 209.791 17.628 209.790 14.238 L 209.790 10.849 209.526 9.285 C 209.175 7.205,209.135 7.199,210.080 9.366 L 210.797 11.012 212.694 14.320 L 214.591 17.628 216.726 17.628 L 218.860 17.628 218.860 9.267 L 218.860 0.907 216.756 0.907 L 214.651 0.907 214.651 4.682 C 214.651 7.186,214.659 8.500,214.675 8.587 C 214.747 8.973,215.111 11.338,215.102 11.354 C 215.060 11.421,214.969 11.226,214.320 9.692 L 213.610 8.012 211.600 4.465 L 209.590 0.919 207.574 0.913 L 205.558 0.907 205.558 9.267 M221.488 4.334 C 221.488 7.579,221.491 7.763,221.529 7.774 C 221.551 7.780,222.501 8.603,223.640 9.602 C 224.778 10.601,225.717 11.418,225.727 11.418 C 225.736 11.419,225.744 9.948,225.744 8.150 L 225.744 4.881 227.087 4.889 L 228.430 4.897 228.663 4.960 C 229.357 5.146,229.767 5.539,229.922 6.163 C 229.963 6.328,229.965 6.490,229.965 9.244 L 229.965 12.151 229.913 12.349 C 229.704 13.139,229.110 13.560,228.105 13.628 C 227.923 13.641,226.390 13.651,224.634 13.651 L 221.488 13.651 221.488 15.640 L 221.488 17.628 224.738 17.628 C 228.530 17.628,228.747 17.619,229.628 17.442 C 232.189 16.927,233.789 15.382,234.170 13.058 C 234.229 12.694,234.263 6.624,234.209 5.965 C 233.966 2.989,231.727 1.114,228.198 0.930 C 227.951 0.918,226.369 0.907,224.622 0.907 L 221.488 0.907 221.488 4.334 M261.518 0.936 C 261.525 0.952,262.834 3.230,264.428 5.997 L 267.326 11.030 267.326 14.329 L 267.326 17.628 269.453 17.628 L 271.581 17.628 271.581 14.331 L 271.581 11.034 274.491 6.000 C 276.091 3.232,277.406 0.953,277.412 0.937 C 277.421 0.913,276.956 0.907,274.937 0.907 L 272.450 0.907 270.952 3.953 C 270.128 5.629,269.448 7.000,269.442 6.999 C 269.435 6.999,268.756 5.628,267.932 3.953 L 266.435 0.907 263.971 0.907 C 262.009 0.907,261.509 0.913,261.518 0.936 M290.535 4.334 C 290.535 7.579,290.537 7.763,290.576 7.774 C 290.598 7.780,291.548 8.603,292.686 9.602 C 293.824 10.601,294.764 11.418,294.773 11.418 C 294.783 11.419,294.791 9.948,294.791 8.150 L 294.791 4.881 296.134 4.889 L 297.477 4.897 297.709 4.960 C 298.403 5.146,298.814 5.539,298.968 6.163 C 299.009 6.328,299.012 6.490,299.012 9.244 L 299.012 12.151 298.959 12.349 C 298.751 13.139,298.157 13.560,297.151 13.628 C 296.970 13.641,295.436 13.651,293.680 13.651 L 290.535 13.651 290.535 15.640 L 290.535 17.628 293.785 17.628 C 297.577 17.628,297.794 17.619,298.674 17.442 C 301.235 16.927,302.836 15.382,303.216 13.058 C 303.276 12.694,303.310 6.624,303.256 5.965 C 303.013 2.989,300.774 1.114,297.244 0.930 C 296.998 0.918,295.416 0.907,293.669 0.907 L 290.535 0.907 290.535 4.334 M305.512 9.267 L 305.512 17.628 311.337 17.628 L 317.163 17.628 317.163 15.616 L 317.163 13.605 313.488 13.605 L 309.814 13.605 309.814 12.372 L 309.814 11.140 313.186 11.140 L 316.558 11.140 316.558 9.302 L 316.558 7.465 313.186 7.465 L 309.814 7.465 309.814 6.186 L 309.814 4.907 313.488 4.907 L 317.163 4.907 317.163 2.907 L 317.163 0.907 311.337 0.907 L 305.512 0.907 305.512 9.267 M334.814 9.267 L 334.814 17.628 336.942 17.628 L 339.070 17.628 339.070 9.267 L 339.070 0.907 336.942 0.907 L 334.814 0.907 334.814 9.267 M341.674 9.267 L 341.674 17.628 347.198 17.628 L 352.721 17.628 352.721 15.523 L 352.721 13.419 349.326 13.419 L 345.930 13.419 345.930 7.163 L 345.930 0.907 343.802 0.907 L 341.674 0.907 341.674 9.267 M369.070 9.267 L 369.070 17.628 371.221 17.628 L 373.372 17.628 373.372 14.977 L 373.372 12.326 373.738 12.327 L 374.105 12.328 376.034 14.978 L 377.963 17.628 380.598 17.628 C 382.047 17.628,383.232 17.620,383.232 17.610 C 383.232 17.601,382.367 16.505,381.311 15.174 C 380.254 13.844,379.235 12.561,379.047 12.324 L 378.704 11.891 378.916 11.815 C 380.927 11.094,382.015 9.124,381.947 6.327 C 381.871 3.234,380.093 1.352,376.892 0.978 C 376.397 0.920,375.607 0.908,372.424 0.907 L 369.070 0.907 369.070 9.267 M87.395 4.380 C 87.395 7.647,87.398 7.832,87.436 7.843 C 87.458 7.850,88.408 8.672,89.547 9.672 C 90.685 10.671,91.624 11.488,91.634 11.488 C 91.643 11.488,91.651 9.918,91.651 7.998 L 91.651 4.508 93.017 4.517 C 94.332 4.526,94.391 4.528,94.565 4.576 C 95.987 4.971,96.023 6.916,94.616 7.389 L 94.430 7.452 93.436 7.460 L 92.442 7.468 92.442 9.000 L 92.442 10.532 93.483 10.541 C 94.659 10.550,94.662 10.550,95.070 10.750 C 96.268 11.337,96.266 13.127,95.067 13.706 C 94.587 13.937,94.724 13.930,90.785 13.930 L 87.395 13.930 87.395 15.791 L 87.395 17.651 90.901 17.651 C 94.484 17.650,94.947 17.641,95.592 17.558 C 98.238 17.219,99.773 15.793,100.173 13.306 C 100.464 11.494,99.636 9.754,98.063 8.875 C 97.831 8.745,97.832 8.747,97.947 8.686 C 98.883 8.188,99.526 7.007,99.522 5.791 C 99.514 3.345,97.984 1.554,95.488 1.071 C 94.834 0.944,94.944 0.947,91.029 0.937 L 87.395 0.927 87.395 4.380 M181.387 4.605 C 182.483 4.791,183.204 5.337,183.359 6.098 C 183.414 6.371,183.414 12.174,183.358 12.426 C 182.924 14.391,178.570 14.432,178.069 12.475 C 178.004 12.220,177.997 6.370,178.061 6.086 C 178.311 4.984,179.776 4.331,181.387 4.605 M391.352 4.603 C 392.415 4.786,393.110 5.288,393.318 6.023 C 393.384 6.258,393.384 12.254,393.318 12.488 C 392.775 14.411,388.490 14.392,388.036 12.464 C 387.983 12.238,387.982 6.267,388.035 6.057 C 388.309 4.975,389.775 4.332,391.352 4.603 M166.461 4.949 C 168.323 5.517,168.296 8.092,166.423 8.599 L 166.198 8.660 164.797 8.669 L 163.395 8.678 163.395 6.780 L 163.395 4.881 164.843 4.889 C 166.263 4.897,166.294 4.898,166.461 4.949 M376.423 4.947 C 378.081 5.414,378.313 7.706,376.779 8.453 C 376.357 8.659,376.206 8.674,374.634 8.674 L 373.372 8.674 373.372 6.778 L 373.372 4.882 374.808 4.889 C 376.199 4.896,376.250 4.898,376.423 4.947 M44.953 5.669 C 44.953 5.679,45.210 6.770,45.523 8.093 C 45.837 9.416,46.093 10.501,46.093 10.505 C 46.093 10.509,45.538 10.512,44.859 10.512 C 43.881 10.512,43.626 10.506,43.635 10.483 C 43.641 10.467,43.916 9.373,44.247 8.052 C 44.823 5.756,44.851 5.651,44.901 5.651 C 44.930 5.651,44.953 5.659,44.953 5.669 M108.742 8.052 C 109.054 9.373,109.314 10.467,109.320 10.483 C 109.328 10.506,109.073 10.512,108.093 10.512 C 107.113 10.512,106.858 10.506,106.865 10.483 C 106.871 10.467,107.147 9.373,107.478 8.052 C 108.029 5.862,108.085 5.651,108.128 5.651 C 108.171 5.651,108.222 5.849,108.742 8.052 M5.419 9.453 L 5.419 11.465 9.105 11.465 L 12.791 11.465 12.791 9.453 L 12.791 7.442 9.105 7.442 L 5.419 7.442 5.419 9.453"></path></svg>') !important;
  6268.     display: inline !important;
  6269.     position: absolute !important;
  6270.     top: unset !important;
  6271.     left: unset !important;
  6272.     bottom: unset !important;
  6273.     right: unset !important;
  6274.     opacity: 1 !important;
  6275.     padding: 0 !important;
  6276.     margin: 0 !important;
  6277.     visibility: visible !important;
  6278.     transform: unset !important;
  6279.     animation: unset !important;
  6280. }
  6281. html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-1q1i1E > div.app-2rEoOp > div.layers-3iHuyZ.layers-3q14ss > div.layer-3QrUeG.baseLayer-35bLyl + div.layer-3QrUeG > div > div.standardSidebarView-3F1I7i:before {
  6282.     content: url('data:image/svg+xml; utf8, <svg width="400" height="18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path stroke="none" fill="rgb(255, 255, 255)" fill-rule="evenodd" d="M58.488 0.690 C 54.786 0.948,52.503 3.334,52.961 6.466 C 53.321 8.926,55.135 10.509,58.186 11.025 C 60.205 11.366,61.177 12.097,60.818 13.004 C 60.260 14.412,57.255 14.154,55.679 12.564 L 55.440 12.323 55.340 12.411 C 55.125 12.602,52.767 14.824,52.768 14.836 C 52.768 14.843,52.842 14.938,52.932 15.047 C 55.188 17.761,58.434 18.568,61.663 17.218 C 63.879 16.291,65.049 14.673,65.056 12.523 C 65.066 9.499,63.520 7.999,59.581 7.209 C 57.730 6.838,56.956 6.245,57.139 5.336 C 57.409 3.990,59.424 3.729,61.092 4.823 C 61.328 4.978,61.513 5.126,61.754 5.350 L 61.902 5.489 63.269 4.436 C 64.021 3.857,64.640 3.372,64.645 3.357 C 64.668 3.286,63.905 2.499,63.488 2.164 C 62.141 1.082,60.367 0.559,58.488 0.690 M79.453 0.691 C 76.162 0.865,73.785 2.780,73.354 5.604 C 73.306 5.919,73.281 11.980,73.325 12.570 C 73.506 14.979,75.020 16.759,77.535 17.519 C 80.709 18.479,83.881 17.374,85.557 14.725 C 85.782 14.369,85.916 14.116,85.893 14.093 C 85.872 14.073,82.327 12.430,82.254 12.406 C 82.224 12.397,82.198 12.429,82.144 12.544 C 81.882 13.103,81.353 13.555,80.730 13.752 C 79.382 14.177,77.866 13.572,77.593 12.501 C 77.539 12.288,77.540 6.228,77.595 6.015 C 78.042 4.261,81.252 4.104,82.289 5.785 C 82.338 5.865,82.385 5.930,82.393 5.930 C 82.409 5.930,85.820 4.554,85.837 4.541 C 85.856 4.526,85.497 3.838,85.340 3.588 C 84.071 1.573,82.003 0.555,79.453 0.691 M122.233 0.698 C 118.928 0.954,116.621 2.860,116.252 5.640 C 116.198 6.046,116.207 12.646,116.263 13.000 C 116.678 15.665,118.768 17.446,121.919 17.818 C 124.720 18.149,127.505 16.687,128.743 14.235 L 128.815 14.092 128.669 14.026 C 128.589 13.989,127.762 13.608,126.832 13.177 C 125.902 12.747,125.135 12.395,125.129 12.395 C 125.122 12.395,125.079 12.471,125.032 12.564 C 124.149 14.321,121.136 14.341,120.519 12.593 L 120.453 12.407 120.447 9.350 C 120.442 6.713,120.445 6.267,120.476 6.106 C 120.814 4.288,124.035 4.054,125.172 5.764 C 125.233 5.855,125.288 5.930,125.294 5.930 C 125.318 5.930,128.710 4.554,128.727 4.537 C 128.750 4.515,128.506 4.030,128.302 3.691 C 127.042 1.592,124.822 0.498,122.233 0.698 M150.163 0.690 C 146.674 0.881,144.259 2.928,144.024 5.893 C 143.992 6.292,143.992 12.111,144.024 12.535 C 144.229 15.291,146.239 17.273,149.317 17.756 C 152.815 18.304,156.021 16.678,156.902 13.907 C 157.157 13.104,157.167 12.980,157.179 10.250 L 157.190 7.907 153.816 7.907 L 150.442 7.907 150.442 9.686 L 150.442 11.465 151.770 11.465 L 153.098 11.465 153.088 11.948 C 153.069 12.840,152.771 13.335,152.028 13.707 C 150.559 14.443,148.672 13.843,148.297 12.522 L 148.244 12.337 148.244 9.221 L 148.244 6.105 148.296 5.922 C 148.641 4.708,150.215 4.096,151.595 4.640 C 152.111 4.844,152.607 5.305,152.816 5.777 C 152.852 5.859,152.875 5.885,152.903 5.877 C 152.970 5.857,156.383 4.277,156.404 4.256 C 156.456 4.205,156.028 3.438,155.709 3.012 C 154.517 1.418,152.475 0.563,150.163 0.690 M180.081 0.700 C 176.707 0.925,174.383 2.695,173.857 5.442 C 173.796 5.758,173.758 12.153,173.814 12.721 C 174.112 15.773,176.906 17.847,180.721 17.847 C 184.496 17.847,187.238 15.831,187.594 12.794 C 187.645 12.357,187.645 6.177,187.593 5.740 C 187.221 2.553,184.063 0.434,180.081 0.700 M390.026 0.701 C 386.623 0.917,384.214 2.823,383.799 5.628 C 383.750 5.958,383.722 11.716,383.765 12.444 C 383.954 15.593,386.593 17.735,390.430 17.853 C 394.202 17.969,397.090 15.976,397.551 12.938 C 397.616 12.508,397.615 6.017,397.550 5.593 C 397.065 2.452,393.986 0.450,390.026 0.701 M249.326 4.333 C 249.326 7.601,249.328 7.786,249.366 7.797 C 249.389 7.803,250.338 8.626,251.477 9.625 C 252.615 10.624,253.554 11.442,253.564 11.442 C 253.574 11.442,253.581 9.871,253.581 7.952 L 253.581 4.462 254.948 4.471 C 256.262 4.479,256.321 4.481,256.495 4.530 C 257.918 4.924,257.953 6.870,256.547 7.343 L 256.360 7.405 255.366 7.414 L 254.372 7.422 254.372 8.954 L 254.372 10.486 255.413 10.494 C 256.589 10.503,256.592 10.504,257.000 10.704 C 258.198 11.291,258.196 13.081,256.998 13.659 C 256.517 13.891,256.654 13.884,252.716 13.884 L 249.326 13.884 249.326 15.744 L 249.326 17.605 252.831 17.604 C 256.414 17.604,256.877 17.595,257.522 17.512 C 260.168 17.172,261.703 15.747,262.103 13.259 C 262.394 11.447,261.566 9.707,259.993 8.829 C 259.761 8.699,259.762 8.700,259.877 8.639 C 260.813 8.141,261.456 6.960,261.452 5.744 C 261.445 3.299,259.914 1.508,257.419 1.024 C 256.765 0.897,256.875 0.901,252.959 0.890 L 249.326 0.881 249.326 4.333 M317.842 0.913 C 317.848 0.929,319.202 4.691,320.851 9.273 L 323.849 17.604 325.791 17.604 L 327.733 17.605 330.739 9.259 C 332.392 4.669,333.744 0.907,333.744 0.899 C 333.744 0.891,332.721 0.884,331.471 0.884 L 329.198 0.884 327.877 4.983 L 326.556 9.081 326.185 11.012 C 325.982 12.073,325.815 12.955,325.814 12.971 C 325.814 12.987,325.801 13.000,325.785 13.000 C 325.765 13.000,325.639 12.389,325.380 11.025 L 325.004 9.049 323.695 4.966 L 322.385 0.884 320.109 0.884 C 318.298 0.884,317.834 0.890,317.842 0.913 M354.349 4.333 C 354.349 7.601,354.351 7.786,354.390 7.797 C 354.412 7.803,355.362 8.626,356.500 9.625 C 357.638 10.624,358.578 11.442,358.587 11.442 C 358.597 11.442,358.605 9.871,358.605 7.952 L 358.605 4.462 359.971 4.471 C 361.286 4.479,361.344 4.481,361.519 4.530 C 362.941 4.924,362.976 6.870,361.570 7.343 L 361.384 7.405 360.390 7.414 L 359.395 7.422 359.395 8.954 L 359.395 10.486 360.436 10.494 C 361.613 10.503,361.615 10.504,362.023 10.704 C 363.221 11.291,363.220 13.081,362.021 13.659 C 361.541 13.891,361.678 13.884,357.739 13.884 L 354.349 13.884 354.349 15.744 L 354.349 17.605 357.855 17.604 C 361.438 17.604,361.900 17.595,362.546 17.512 C 365.191 17.172,366.726 15.747,367.126 13.259 C 367.418 11.447,366.589 9.707,365.017 8.829 C 364.784 8.699,364.785 8.700,364.900 8.639 C 365.836 8.141,366.479 6.960,366.475 5.744 C 366.468 3.299,364.938 1.508,362.442 1.024 C 361.788 0.897,361.898 0.901,357.983 0.890 L 354.349 0.881 354.349 4.333 M24.186 4.356 C 24.186 7.624,24.188 7.809,24.227 7.820 C 24.249 7.827,25.199 8.649,26.337 9.648 C 27.476 10.647,28.415 11.465,28.424 11.465 C 28.434 11.465,28.442 9.895,28.442 7.975 L 28.442 4.485 29.808 4.494 C 31.123 4.502,31.181 4.505,31.356 4.553 C 32.778 4.947,32.813 6.893,31.407 7.366 L 31.221 7.429 30.227 7.437 L 29.233 7.445 29.233 8.977 L 29.233 10.509 30.273 10.517 C 31.450 10.527,31.452 10.527,31.860 10.727 C 33.058 11.314,33.057 13.104,31.858 13.682 C 31.378 13.914,31.515 13.907,27.576 13.907 L 24.186 13.907 24.186 15.767 L 24.186 17.628 27.692 17.627 C 31.275 17.627,31.737 17.618,32.383 17.535 C 35.028 17.195,36.564 15.770,36.964 13.282 C 37.255 11.471,36.426 9.731,34.854 8.852 C 34.621 8.722,34.622 8.724,34.738 8.662 C 35.674 8.165,36.316 6.984,36.312 5.767 C 36.305 3.322,34.775 1.531,32.279 1.047 C 31.625 0.921,31.735 0.924,27.820 0.914 L 24.186 0.904 24.186 4.356 M42.922 0.925 C 42.916 0.934,41.608 4.678,40.015 9.244 C 38.423 13.811,37.113 17.565,37.104 17.587 C 37.089 17.626,37.206 17.628,39.368 17.628 C 41.519 17.628,41.649 17.626,41.660 17.587 C 41.667 17.565,41.898 16.817,42.173 15.925 C 42.449 15.034,42.674 14.298,42.674 14.292 C 42.674 14.285,43.673 14.279,44.894 14.279 L 47.114 14.279 47.346 14.994 C 47.474 15.388,47.718 16.141,47.888 16.669 L 48.198 17.628 50.473 17.628 C 52.284 17.628,52.747 17.622,52.739 17.599 C 52.734 17.583,51.390 13.821,49.754 9.238 L 46.779 0.907 44.856 0.907 C 43.798 0.907,42.928 0.915,42.922 0.925 M66.860 9.267 L 66.860 17.628 68.977 17.628 L 71.093 17.628 71.093 9.267 L 71.093 0.907 68.977 0.907 L 66.860 0.907 66.860 9.267 M103.247 9.239 C 101.649 13.821,100.337 17.583,100.331 17.599 C 100.323 17.622,100.786 17.628,102.598 17.628 L 104.875 17.628 105.348 16.099 C 105.609 15.258,105.841 14.504,105.865 14.424 L 105.909 14.279 108.128 14.279 L 110.346 14.279 110.448 14.599 C 110.504 14.775,110.747 15.528,110.989 16.273 L 111.427 17.628 113.704 17.628 C 115.516 17.628,115.980 17.622,115.971 17.599 C 115.965 17.583,114.622 13.821,112.986 9.239 L 110.012 0.908 108.081 0.908 L 106.151 0.908 103.247 9.239 M130.326 9.267 L 130.326 17.628 132.453 17.628 L 134.581 17.628 134.581 14.740 L 134.581 11.851 134.644 11.761 C 134.696 11.686,134.711 11.676,134.731 11.705 C 134.745 11.723,135.703 13.064,136.860 14.683 L 138.965 17.627 141.648 17.627 C 144.025 17.628,144.329 17.624,144.317 17.593 C 144.308 17.568,137.994 9.268,137.789 9.011 C 137.778 8.996,139.071 7.397,141.060 4.969 C 142.869 2.759,144.349 0.941,144.349 0.929 C 144.349 0.915,143.342 0.907,141.715 0.908 L 139.081 0.909 136.837 3.975 L 134.593 7.041 134.587 3.974 L 134.581 0.907 132.453 0.907 L 130.326 0.907 130.326 9.267 M159.116 9.266 L 159.116 17.628 161.256 17.628 L 163.395 17.628 163.395 14.977 L 163.395 12.326 163.762 12.326 L 164.129 12.326 166.058 14.976 L 167.988 17.626 170.625 17.627 C 172.875 17.628,173.259 17.623,173.248 17.595 C 173.241 17.577,172.224 16.288,170.987 14.730 C 169.750 13.172,168.747 11.894,168.759 11.890 C 170.569 11.276,171.641 9.837,171.917 7.651 C 172.346 4.246,170.890 1.873,167.930 1.154 C 166.981 0.924,166.973 0.924,162.785 0.913 L 159.116 0.904 159.116 9.266 M189.767 6.704 C 189.767 12.984,189.763 12.742,189.893 13.354 C 190.564 16.526,194.059 18.450,197.907 17.766 C 200.535 17.299,202.429 15.647,202.943 13.372 C 203.088 12.729,203.079 13.167,203.087 6.750 L 203.094 0.907 200.955 0.907 L 198.815 0.907 198.808 6.599 C 198.801 11.986,198.798 12.299,198.759 12.453 C 198.236 14.492,194.735 14.570,194.112 12.558 L 194.058 12.384 194.052 6.645 L 194.046 0.907 191.907 0.907 L 189.767 0.907 189.767 6.704 M205.558 9.267 L 205.558 17.628 207.674 17.628 L 209.791 17.628 209.790 14.238 L 209.790 10.849 209.526 9.285 C 209.175 7.205,209.135 7.199,210.080 9.366 L 210.797 11.012 212.694 14.320 L 214.591 17.628 216.726 17.628 L 218.860 17.628 218.860 9.267 L 218.860 0.907 216.756 0.907 L 214.651 0.907 214.651 4.682 C 214.651 7.186,214.659 8.500,214.675 8.587 C 214.747 8.973,215.111 11.338,215.102 11.354 C 215.060 11.421,214.969 11.226,214.320 9.692 L 213.610 8.012 211.600 4.465 L 209.590 0.919 207.574 0.913 L 205.558 0.907 205.558 9.267 M221.488 4.334 C 221.488 7.579,221.491 7.763,221.529 7.774 C 221.551 7.780,222.501 8.603,223.640 9.602 C 224.778 10.601,225.717 11.418,225.727 11.418 C 225.736 11.419,225.744 9.948,225.744 8.150 L 225.744 4.881 227.087 4.889 L 228.430 4.897 228.663 4.960 C 229.357 5.146,229.767 5.539,229.922 6.163 C 229.963 6.328,229.965 6.490,229.965 9.244 L 229.965 12.151 229.913 12.349 C 229.704 13.139,229.110 13.560,228.105 13.628 C 227.923 13.641,226.390 13.651,224.634 13.651 L 221.488 13.651 221.488 15.640 L 221.488 17.628 224.738 17.628 C 228.530 17.628,228.747 17.619,229.628 17.442 C 232.189 16.927,233.789 15.382,234.170 13.058 C 234.229 12.694,234.263 6.624,234.209 5.965 C 233.966 2.989,231.727 1.114,228.198 0.930 C 227.951 0.918,226.369 0.907,224.622 0.907 L 221.488 0.907 221.488 4.334 M261.518 0.936 C 261.525 0.952,262.834 3.230,264.428 5.997 L 267.326 11.030 267.326 14.329 L 267.326 17.628 269.453 17.628 L 271.581 17.628 271.581 14.331 L 271.581 11.034 274.491 6.000 C 276.091 3.232,277.406 0.953,277.412 0.937 C 277.421 0.913,276.956 0.907,274.937 0.907 L 272.450 0.907 270.952 3.953 C 270.128 5.629,269.448 7.000,269.442 6.999 C 269.435 6.999,268.756 5.628,267.932 3.953 L 266.435 0.907 263.971 0.907 C 262.009 0.907,261.509 0.913,261.518 0.936 M290.535 4.334 C 290.535 7.579,290.537 7.763,290.576 7.774 C 290.598 7.780,291.548 8.603,292.686 9.602 C 293.824 10.601,294.764 11.418,294.773 11.418 C 294.783 11.419,294.791 9.948,294.791 8.150 L 294.791 4.881 296.134 4.889 L 297.477 4.897 297.709 4.960 C 298.403 5.146,298.814 5.539,298.968 6.163 C 299.009 6.328,299.012 6.490,299.012 9.244 L 299.012 12.151 298.959 12.349 C 298.751 13.139,298.157 13.560,297.151 13.628 C 296.970 13.641,295.436 13.651,293.680 13.651 L 290.535 13.651 290.535 15.640 L 290.535 17.628 293.785 17.628 C 297.577 17.628,297.794 17.619,298.674 17.442 C 301.235 16.927,302.836 15.382,303.216 13.058 C 303.276 12.694,303.310 6.624,303.256 5.965 C 303.013 2.989,300.774 1.114,297.244 0.930 C 296.998 0.918,295.416 0.907,293.669 0.907 L 290.535 0.907 290.535 4.334 M305.512 9.267 L 305.512 17.628 311.337 17.628 L 317.163 17.628 317.163 15.616 L 317.163 13.605 313.488 13.605 L 309.814 13.605 309.814 12.372 L 309.814 11.140 313.186 11.140 L 316.558 11.140 316.558 9.302 L 316.558 7.465 313.186 7.465 L 309.814 7.465 309.814 6.186 L 309.814 4.907 313.488 4.907 L 317.163 4.907 317.163 2.907 L 317.163 0.907 311.337 0.907 L 305.512 0.907 305.512 9.267 M334.814 9.267 L 334.814 17.628 336.942 17.628 L 339.070 17.628 339.070 9.267 L 339.070 0.907 336.942 0.907 L 334.814 0.907 334.814 9.267 M341.674 9.267 L 341.674 17.628 347.198 17.628 L 352.721 17.628 352.721 15.523 L 352.721 13.419 349.326 13.419 L 345.930 13.419 345.930 7.163 L 345.930 0.907 343.802 0.907 L 341.674 0.907 341.674 9.267 M369.070 9.267 L 369.070 17.628 371.221 17.628 L 373.372 17.628 373.372 14.977 L 373.372 12.326 373.738 12.327 L 374.105 12.328 376.034 14.978 L 377.963 17.628 380.598 17.628 C 382.047 17.628,383.232 17.620,383.232 17.610 C 383.232 17.601,382.367 16.505,381.311 15.174 C 380.254 13.844,379.235 12.561,379.047 12.324 L 378.704 11.891 378.916 11.815 C 380.927 11.094,382.015 9.124,381.947 6.327 C 381.871 3.234,380.093 1.352,376.892 0.978 C 376.397 0.920,375.607 0.908,372.424 0.907 L 369.070 0.907 369.070 9.267 M87.395 4.380 C 87.395 7.647,87.398 7.832,87.436 7.843 C 87.458 7.850,88.408 8.672,89.547 9.672 C 90.685 10.671,91.624 11.488,91.634 11.488 C 91.643 11.488,91.651 9.918,91.651 7.998 L 91.651 4.508 93.017 4.517 C 94.332 4.526,94.391 4.528,94.565 4.576 C 95.987 4.971,96.023 6.916,94.616 7.389 L 94.430 7.452 93.436 7.460 L 92.442 7.468 92.442 9.000 L 92.442 10.532 93.483 10.541 C 94.659 10.550,94.662 10.550,95.070 10.750 C 96.268 11.337,96.266 13.127,95.067 13.706 C 94.587 13.937,94.724 13.930,90.785 13.930 L 87.395 13.930 87.395 15.791 L 87.395 17.651 90.901 17.651 C 94.484 17.650,94.947 17.641,95.592 17.558 C 98.238 17.219,99.773 15.793,100.173 13.306 C 100.464 11.494,99.636 9.754,98.063 8.875 C 97.831 8.745,97.832 8.747,97.947 8.686 C 98.883 8.188,99.526 7.007,99.522 5.791 C 99.514 3.345,97.984 1.554,95.488 1.071 C 94.834 0.944,94.944 0.947,91.029 0.937 L 87.395 0.927 87.395 4.380 M181.387 4.605 C 182.483 4.791,183.204 5.337,183.359 6.098 C 183.414 6.371,183.414 12.174,183.358 12.426 C 182.924 14.391,178.570 14.432,178.069 12.475 C 178.004 12.220,177.997 6.370,178.061 6.086 C 178.311 4.984,179.776 4.331,181.387 4.605 M391.352 4.603 C 392.415 4.786,393.110 5.288,393.318 6.023 C 393.384 6.258,393.384 12.254,393.318 12.488 C 392.775 14.411,388.490 14.392,388.036 12.464 C 387.983 12.238,387.982 6.267,388.035 6.057 C 388.309 4.975,389.775 4.332,391.352 4.603 M166.461 4.949 C 168.323 5.517,168.296 8.092,166.423 8.599 L 166.198 8.660 164.797 8.669 L 163.395 8.678 163.395 6.780 L 163.395 4.881 164.843 4.889 C 166.263 4.897,166.294 4.898,166.461 4.949 M376.423 4.947 C 378.081 5.414,378.313 7.706,376.779 8.453 C 376.357 8.659,376.206 8.674,374.634 8.674 L 373.372 8.674 373.372 6.778 L 373.372 4.882 374.808 4.889 C 376.199 4.896,376.250 4.898,376.423 4.947 M44.953 5.669 C 44.953 5.679,45.210 6.770,45.523 8.093 C 45.837 9.416,46.093 10.501,46.093 10.505 C 46.093 10.509,45.538 10.512,44.859 10.512 C 43.881 10.512,43.626 10.506,43.635 10.483 C 43.641 10.467,43.916 9.373,44.247 8.052 C 44.823 5.756,44.851 5.651,44.901 5.651 C 44.930 5.651,44.953 5.659,44.953 5.669 M108.742 8.052 C 109.054 9.373,109.314 10.467,109.320 10.483 C 109.328 10.506,109.073 10.512,108.093 10.512 C 107.113 10.512,106.858 10.506,106.865 10.483 C 106.871 10.467,107.147 9.373,107.478 8.052 C 108.029 5.862,108.085 5.651,108.128 5.651 C 108.171 5.651,108.222 5.849,108.742 8.052"></path></svg>') !important;
  6283.     display: inline !important;
  6284.     position: absolute !important;
  6285.     left: unset !important;
  6286.     bottom: 7px !important;
  6287.     top: unset !important;
  6288.     right: 15px !important;
  6289.     opacity: 0.3 !important;
  6290.     padding: 0 !important;
  6291.     margin: 0 !important;
  6292.     visibility: visible !important;
  6293.     transform: unset !important;
  6294.     animation: unset !important;
  6295. }
  6296. html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-1q1i1E > div.app-2rEoOp > div.layers-3iHuyZ.layers-3q14ss > div.layer-3QrUeG.baseLayer-35bLyl + div.layer-3QrUeG > div > div.standardSidebarView-3F1I7i > div.sidebarRegion-VFTUkN > div.scrollerWrap-2lJEkd.scrollerThemed-2oenus.themeGhostHairline-DBD-2d.scrollerFade-1Ijw5y > div.scroller-2FKFPG.sidebarRegionScroller-3MXcoP > nav.sidebar-CFHs9e > div.side-8zPYf6 > div.info-1VyQPT {
  6297.     position: relative !important;
  6298. }
  6299. html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-1q1i1E > div.app-2rEoOp > div.layers-3iHuyZ.layers-3q14ss > div.layer-3QrUeG.baseLayer-35bLyl + div.layer-3QrUeG > div > div.standardSidebarView-3F1I7i > div.sidebarRegion-VFTUkN > div.scrollerWrap-2lJEkd.scrollerThemed-2oenus.themeGhostHairline-DBD-2d.scrollerFade-1Ijw5y > div.scroller-2FKFPG.sidebarRegionScroller-3MXcoP > nav.sidebar-CFHs9e > div.side-8zPYf6 > div.info-1VyQPT:after {
  6300.     content: "Rayred By" !important;
  6301.     font-size: 12px !important;
  6302.     color: var(--text-muted) !important;
  6303.     cursor: pointer !important;
  6304.     display: inline !important;
  6305.     opacity: 1 !important;
  6306.     padding: 0 !important;
  6307.     margin: 0 !important;
  6308.     cursor: text !important;
  6309.     visibility: visible !important;
  6310.     position: relative !important;
  6311.     top: unset !important;
  6312.     left: unset !important;
  6313.     bottom: unset !important;
  6314.     right: unset !important;
  6315.     transform: unset !important;
  6316.     animation: unset !important;
  6317. }
  6318. html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-1q1i1E > div.app-2rEoOp > div.layers-3iHuyZ.layers-3q14ss > div.layer-3QrUeG.baseLayer-35bLyl + div.layer-3QrUeG > div > div.standardSidebarView-3F1I7i > div.sidebarRegion-VFTUkN > div.scrollerWrap-2lJEkd.scrollerThemed-2oenus.themeGhostHairline-DBD-2d.scrollerFade-1Ijw5y > div.scroller-2FKFPG.sidebarRegionScroller-3MXcoP > nav.sidebar-CFHs9e > div.side-8zPYf6 > div.info-1VyQPT:before {
  6319.     content: "Raymesis" !important;
  6320.     font-size: 12px !important;
  6321.     color: rgb(var(--vaccentcolor)) !important;
  6322.     display: inline !important;
  6323.     opacity: 1 !important;
  6324.     padding: 0 !important;
  6325.     margin: 0 !important;
  6326.     cursor: pointer !important;
  6327.     visibility: visible !important;
  6328.     position: absolute !important;
  6329.     top: unset !important;
  6330.     left: 113px !important;
  6331.     bottom: 9px !important;
  6332.     right: unset !important;
  6333.     transform: unset !important;
  6334.     animation: unset !important;
  6335. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top