API tools faq
paste
Corona1551

Untitled

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