//META{"name":"Full Transparency","description":"A theme designed specifically for using the transparency option in BetterDiscord, with extra features/animations. Use together with FullTransparency plugin.(Not required)

*Fully close discord and reopen when first turning on transparency option. Ctrl + R does not work.
- Please use the support server listed below if you need any help.","author":"Satoru","version":"1.1","website":"http://discord.gg/fjvwb95"}*//{} /* Addons / imports */ @import url('https://satoru8.github.io/FullTransparency/FullTransparency.css'); /* Main theme, do not touch. */ @import url('https://satoru8.github.io/Addons/CodeBlock/CodeBlocks.css'); /* Addons start here. If you dont like an addon, remove the import */ @import url('https://satoru8.github.io/FullSizePfp/FullSizePfp.css'); @import url('https://satoru8.github.io/Addons/GlowStatus.css'); @import url('https://satoru8.github.io/Addons/FriendsList.css'); @import url('https://satoru8.github.io/Addons/Library.css'); /* User Settings */ :root { --brightness: rgba(0, 0, 0, 0.75) ; /* Main theme brightness / background colour */ --bgLayer: rgba(0, 0, 0, 0.0) ; /* Adds a layer for use with wallpapers. Adjust the 4th number(alpha) for brightness. 1 = black, 0 = transparent */ --bgBlur: 0px; /* Optional blur effect for secondary wallpaper. */ --bgOpacity:0.6; /* Opacity on the secondary wallpaper. */ --settings: rgba(0, 0, 0, 0.6) ; /* Settings Transparency */ --accent: rgba(0, 192, 255, 0.7) ; /* Main theme accent colours */ --gSelect:5px 2px rgba(255, 178, 0, 0.7); /* Currently selected guild colour. 5px 2px Default */ --unread: rgba(0, 192, 255, 0.8) ; /* Unread messages colour */ --sb: rgba(0, 192, 255, 0.2) ; /* Scrollbars. */ --round: 30%; /* 0% Square, 50% Circle Pfps/Guilds*/ --font: sans-serif; --fontsize: .9em; --textcolor: #fff; --profileradius: 0; /* User popout profiles. 0 is normal squared edges. Up to 50px for rounded profiles. */ --color: #fff; /* PFP Name colour */ --w2: 75% ; /* Settings width */ --h2: 85% ; /* Settings height */ /* GlowStatus */ --sglow: 5px 2px; /* Blur/Thickness Default: 5px 2px */ --online: #43b581; --offline: #747f8d; --idle: #faa61a; --stream: #593695; --dnd: #f04747; --invis: #1a36fa; } /* Main wallpaper. */ #app-mount {background-image: url(''); background-position: center;background-size: cover;background-repeat: no-repeat} /* Optional secondary wallpaper. For use with opacity setting. */ #app-mount::before {background-image: url(''); background-position: center;background-size: cover;background-repeat: no-repeat} :root { --mc: var(--accent); /*Main Color*/ --sc: var(--accent); /*Accent Color*/ --bg1: rgba(0,0,0, .7); /* Background transparency/colour */ --bc1:var(--accent); /* Box-shadow */ } /* Brightness */ #app-mount {background-color:var(--brightness);text-shadow:1px 1px 1px #000} #app-mount::before { filter:blur(var(--bgBlur));opacity:var(--bgOpacity);position:absolute;width:100vw;height:100vh;content:"" } #app-mount .layer-3QrUeG,.titleBar-AC4pGV {background: var(--bgLayer)} .titleBar-AC4pGV::after {position:absolute;z-index:-1;top:0;left:0;right:0;width:100%;height:22px;} /* Titlebar layer */ .backdrop-1wrmKB {background:rgba(0, 0, 0, 0.1) !important} /* Scrollbars */ #app-mount ::-webkit-scrollbar,#app-mount ::-webkit-scrollbar-track-piece {visibility:hidden;width:8px} #app-mount ::-webkit-scrollbar-thumb {border:none!important; background: var(--sb)} #app-mount .membersWrap-2h-GB4 ::-webkit-scrollbar {width:6px} /* Fonts/Text */ ::-webkit-input-placeholder, body, button, input, select, textarea:not([class*="hljs"]):not(code){font-family: var(--font) !important} #app-mount .markup-2BOw-j:not(code) {color:var(--textcolor);font-size: var(--fontsize) !important} #app-mount ::-webkit-input-placeholder{color:rgba(255, 255, 255, 0.8)} #app-mount ::selection {background: rgba(0, 0, 0, 0.2);color: var(--accent)} /* Main Trans */ #app-mount .layers-3iHuyZ, #app-mount .container-2lgZY8,#app-mount .typing-2GQL18, #app-mount .standardSidebarView-3F1I7i,#app-mount .sidebarRegion-VFTUkN,#app-mount .option-1l2vXE, #app-mount .channels-Ie2l6A, #app-mount .container-PNkimc, #app-mount .container-2Thooq, #app-mount .chat-3bRxxu, #app-mount .chat-3bRxxu form, #app-mount .content-yTz4x3, #app-mount .title-3qD0b-,#app-mount .headerBar-UHpsPw,#app-mount .header-39GIC8, #app-mount .messagesWrapper-3lZDfY, #app-mount .container-3gCOGc,#app-mount .applicationStore-1pNvnv, #app-mount .gameLibrary-TTDw4Y,#app-mount .activityFeed-28jde9,#app-mount .markup-2BOw-j pre, #app-mount .markup-2BOw-j code, #app-mount .markup-2BOw-j code.inline,#app-mount .root-1BQpZw { background: transparent } /* Login */ #app-mount .wrapper-3Q5DdO, .platform-win .splashBackground-1FRCko:before {background: none} #app-mount .input-cIJ7To {border-color: var(--accent)} .image-2jyRAK.loaded-3PtF_J {opacity:0} #app-mount .wrapper-6URcxg .authBox-hW6HRx { background: rgba(0, 0, 0, 0.5);border-radius: 6px; box-shadow: 0 0 10px var(--accent);color: #fff;padding: 20px } #app-mount .wrapper-6URcxg .authBox-hW6HRx .lookFilled-1Gx00P.colorBrand-3pXr91 { background-color: rgba(0, 0, 0, 0.5);box-shadow:0 0 5px var(--accent);border-radius:6px } /* Crash */ .themeDark-3Ap_7i {background:none;color: #fff} /* Chat */ .noticeFacebook-3equ5g {background-color: rgba(53, 80, 137, 0.3)} #app-mount .base-34jWEe { background-image: none;border-color: transparent; height:50px;padding-bottom: 10px;text-align:center} .base-34jWEe h1 {color:rgba(255, 255, 255, 0.9);font-size:1.2em} .noticeDanger-7u-yT9,.noticeInfo-3_iTE1,#app-mount .noticePremiumGrandfathered-ollUxF {background-image:none;background-color:rgba(0, 0, 0, 0.3);color:#ff0000;box-shadow:none} #app-mount .title-3qD0b-,.header-2o-2hj,#app-mount .headerBar-UHpsPw,.searchBar-6Kv8R2 {box-shadow:none} #app-mount .topic-2QX7LI{color:#fff} .iconInactive-g2AXfB {opacity:.8} .iconInactive-g2AXfB:hover {opacity:1} .chat-3bRxxu .newMessagesBar-mujexs,#app-mount .jumpToPresentBar-9P20AM {background:rgba(0, 0, 0, 0.7)} .chat-3bRxxu .newMessagesBar-mujexs:hover,#app-mount .jumpToPresentBar-9P20AM:hover,#app-mount .hasMore-3e72_v button:hover {background:var(--accent)} #app-mount .hasMore-3e72_v{background:rgba(0, 0, 0, 0);border:none} #app-mount .hasMore-3e72_v button{background:rgba(0, 0, 0, 0.5);border:none} #app-mount .timestampCozy-2hLAPV,#app-mount .timestamp-1E3uAL {color:rgba(255, 255, 255, 0.8)} #app-mount .channelTextArea-rNsIhG,#app-mount .dividerEnabled-2TTlcf {border: none} #app-mount .edited-DL9ECl {color: #e4e4e4} .chat-3bRxxu .containerCozy-jafyvG {padding-top:14px;padding-bottom:14px} #app-mount .divider-3gKybi:not(.dividerRed-MKoLlr) .dividerContent-2L12VI, #app-mount .divider-3gKybi.dividerRed-MKoLlr .dividerContent-2L12VI {color:var(--accent)} #app-mount .divider-3gKybi:not(.dividerRed-MKoLlr) .dividerContent-2L12VI:after, #app-mount .divider-3gKybi:not(.dividerRed-MKoLlr) .dividerContent-2L12VI:before, #app-mount .divider-3gKybi.dividerRed-MKoLlr .dividerContent-2L12VI:after, #app-mount .divider-3gKybi.dividerRed-MKoLlr .dividerContent-2L12VI:before,.welcomeMessage-3_Mcht {visibility:hidden} #app-mount .selectorSelected-1_M1WV {background-color: rgba(0, 0, 0, 0.2);box-shadow:0 0 5px var(--accent);border-radius:6px} #app-mount .autocomplete-1vrmpx {animation:fadein 350ms ease-in ;background-color: rgba(0, 0, 0, 0.9);box-shadow:0 0 5px var(--accent)} #app-mount .inner-zqa7da {background-color: rgba(0, 0, 0, 0.3);box-shadow:0 0 5px var(--accent)} #app-mount .textArea-2Spzkt {color:#fff} #app-mount .container-3ISnnM .header-1TOWci .searchBar-1MOL6S {background:rgba(90, 90, 90, 0.3);} #app-mount .content-ySCtCx .result-3w1ZcL:hover {box-shadow:0 0 5px 2px var(--accent)} .result-3w1ZcL:hover:after {display:none} #app-mount .hljs {color:rgba(255, 255, 255, 0.9)} .reactionBtn-2na4rd,.button-3Jq0g9{opacity:1} #app-mount .button-3AYNKb,#app-mount .emojiButtonNormal-TdumYh,.spriteNormal-1wvG5n {opacity:.8} /* Channels/Members */ .header-2o-2hj:hover,.popout-open .header-2o-2hj {background-color: transparent} .channelNotices-41mJbj .channelNotice-1-XFjC.quickswitcher-35bYg4 {background: none;padding: 20px 10px 10px} .channelNotices-41mJbj .channelNotice-1-XFjC.invite-OjTXrW {background: none} .channelNotices-41mJbj .channelNotice-1-XFjC {box-shadow: none;padding: 10px 10px 10px} .channelNotices-41mJbj .channelNotice-1-XFjC .message-3SOT5P .btn-11C5_u { background-color: transparent;border:none; box-shadow: 0 0 3px var(--accent) inset; padding: 2px 0;border-radius:6px} .iconDefault-3Gr8d2, .nameDefault-2DI02H, .iconHovered-2L3-fB, .iconHoveredCollapsed-3caIIZ, .nameHovered-1gxhWH, .nameHoveredCollapsed-2orEWB {color:#fff} .iconCollapsed-3hFp_8,.nameCollapsed-34uFWo {color: #b9b9b9} #app-mount .membersGroup-v9BXpm,.nameCollapsed-34uFWo, .nameDefault-2DI02H, .wrapperMuted-3KeA2M,.nameHovered-1gxhWH,.nameHoveredCollapsed-2orEWB {text-align:center} #app-mount .members-1998pB {background: transparent} #app-mount .membersGroup-v9BXpm,#app-mount .activity-1IYsbk {color: rgba(255, 255, 255, 0.9)} .contentSelectedText-3wUhMi, .contentSelectedVoice-1WDIBM,.contentHoveredText-2D9B-x { background-color: rgba(0, 0, 0, 0.4);box-shadow:0 0 5px var(--accent); border-radius: 4px;margin-right:3px } .nameHoveredText-1uO31y{color:#fff} .actionIcon-2Hi9ZG{opacity:1} #app-mount .member-3W1lQa:hover .content-OzHfo4,#app-mount .member-3W1lQa.popout-open .content-OzHfo4 { background-color: rgba(0, 0, 0, 0.3);box-shadow:0 0 5px var(--accent); padding: 2px;margin:0 4px 0 2px;border-radius:4px } #app-mount .member-3W1lQa.popout-open:hover .content-OzHfo4 {background: rgba(0, 0, 0, 0.3)} .nameDefault-2s3kbY {color:#fff} .userHovered-2_fT4Z{background: rgba(0, 0, 0, 0.4);box-shadow:0 0 5px var(--accent);border-radius:4px} .userHovered-2_fT4Z:active{background: rgba(0, 0, 0, 0.6);box-shadow:0 0 5px 1px var(--accent);border-radius:4px} .icon-3nr6O- {opacity:.6} .userHovered-2_fT4Z .icon-3nr6O- {opacity:1} .colorConnectedText-1c_uzY, .colorConnectedVoice-3kyvUN, .colorDefaultText-oas-QM, .colorDefaultVoice-3wYlhb, .colorHoveredText-OZnAgu, .colorHoveredVoice-1kucsK, .colorLockedText-1VRkPt, .colorLockedVoice-2UlBjl, .colorSelectedText-1y4Wvs, .colorSelectedVoice-Xcb_9R, .colorUnreadText-2t7XRb, .colorUnreadVoice-137o4S {color:#fff;opacity:1} .container-1UB9sr {background:transparent;border:none;padding:2px} .contentConnectedVoice-qL-YrL:active,.contentHoveredVoice-3p_NEO:active,.contentSelectedVoice-1WDIBM:active {background:transparent} #app-mount .popoutTop-3uu9vG:before, #app-mount .popoutTopLeft-b5Eb3O:before, #app-mount .popoutTopRight-3BzFIE:before, #app-mount .popoutTop-3uu9vG:after, #app-mount .popoutTopLeft-b5Eb3O:after, #app-mount .popoutTopRight-3BzFIE:after{display:none} .container-2x5lvQ{animation: slide-up .3s cubic-bezier(0.4, 0, 1, 1);box-shadow:0 0 5px var(--accent);border-radius: 6px} #app-mount .container-2x5lvQ header,#app-mount .container-2x5lvQ section {background:rgba(0, 0, 0, 0.8);border-radius:6px} #app-mount .container-2x5lvQ section p {color:#fff} #app-mount .container-2x5lvQ section strong{color:#fffc00} /* VideoChat */ #app-mount .wrapper-29NfPK,.video-1FfuMD,.videoBackgroundWrapper-2dCt49, #app-mount .video-1FfuMD.noChat-3nt48u .videoTop-eOkSPq, .wrapper-3eE7AX, #app-mount .video-1FfuMD.normal-1jW0uq .videoTop-eOkSPq,.video-1kutKI {background:transparent} .backgroundBlur-dazcBE{background-image: none !important} .backgroundBlurOverlay-1JS5RF{background:transparent} .wrapper-29NfPK.fullScreen-3DKbL8 .actions-2vadYq .center-1Vp33r, .wrapper-29NfPK.fullScreen-3DKbL8 .actions-2vadYq .side-kO0bwV, .wrapper-29NfPK.noChat-2qlG4B .center-1Vp33r, .wrapper-29NfPK.noChat-2qlG4B .side-kO0bwV, #app-mount .wrapper-29NfPK.minimum-2d6zH6 .actions-2vadYq .center-1Vp33r, .wrapper-29NfPK.normal-2GSW0u .center-1Vp33r, .wrapper-29NfPK.normal-2GSW0u .side-kO0bwV { background-color: transparent;border:none } .iconButtonDefault-2cKx7-,.button-2b6hmh,.button-2KyEfG,.quickSelectLabel-2r3iJ_ {opacity:1} #app-mount .iconButtonDefault-2cKx7-:hover,#app-mount .button-2b6hmh:hover,#app-mount .button-2KyEfG:hover {background-color:rgba(0, 0, 0, 0.4)} .wrapper-29NfPK .lookFilled-1Gx00P.colorRed-1TFJan {background-color:transparent;color:#ff5959} .wrapper-29NfPK .lookFilled-1Gx00P.colorRed-1TFJan:hover{background-color:rgba(255, 0, 0, 0.2)} #app-mount .quickSelectPopout-X1hvgV {background: rgba(0, 0, 0, 0.5)} #app-mount .quickSelectPopoutOption-opKBx9:hover .regionSelectName-c5qL8O {color:#fff} /*Blocked Msgs*/ #app-mount .messageGroupBlocked-3wrQQX, #app-mount .messageGroupBlocked-3wrQQX .messageGroupBlockedBtn-1PBBh- {background: transparent;color:var(--accent);border:none} #app-mount .messageGroupBlocked-3wrQQX.revealed-1_RKsf {background: transparent;border:1px solid var(--accent)} #app-mount .messageGroupBlocked-3wrQQX .messageGroupBlockedBtn-1PBBh-:hover {background:rgba(0, 0, 0, 0.4)} /* Emoji Stuff */ .bgModal,#app-mount #bda-qem,.emojiPicker-3m1S-j, #bda-qem-twitch-container, #bda-qem-favourite-container {animation: sliding 400ms cubic-bezier(0.4, 0, 1, 1)} .popout-3sVMXz {margin-top:-20px;box-shadow:none} #app-mount #bda-qem button {color:#fff;border:none;box-shadow: none} #app-mount #bda-qem button:hover, #app-mount #bda-qem button.active {background-color: var(--accent);opacity:.9;border:none;color:#fff} #app-mount .emojiPicker-3m1S-j,#app-mount #bda-qem-twitch-container, #app-mount #bda-qem-favourite-container,#app-mount #bda-qem {background-color: rgba(0, 0, 0, 0.6);box-shadow:0 0 5px var(--accent);border:none} #app-mount #bda-qem {height: 20px;padding:0 !important} #app-mount .emojiPicker-3m1S-j .searchBar-2_Yu-C.searchBarLight-1NxoDG {background-color:rgba(0, 0, 0, 0.0);border:none;box-shadow:none} #app-mount .searchBar-2_Yu-C.searchBarLight-1NxoDG .searchBarInner-1_Tg2R {background-color: rgba(0, 0, 0, 0.0);border: none;border-radius: 20px!important } .searchBar-2_Yu-C.searchBarLight-1NxoDG input {color:#fff} .emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq {filter:invert(100%)} #app-mount .emojiPicker-3m1S-j .stickyHeader-1SS0JU { background: rgba(0, 0, 0, 0.5);text-align:center;font-size:1em;color:#fff;height:20px; line-height:22px;border-radius:6px;border:1px solid var(--accent);width:95%;padding:0 } .emojiPicker-3m1S-j .category-2U57w6 { background: rgba(0, 0, 0, 0.5);text-align:center;font-size:1em;color:#fff;height:20px;line-height:22px;border-radius:6px;width:95% } .emojiPicker-3m1S-j .scroller-3vODG7 .emojiItem-109bjA.selected-39BZ4S {background-color: var(--accent)} #app-mount .reaction-1ELvT8 {background:rgba(0, 0, 0, 0.4);box-shadow:0 0 5px var(--accent);margin:3px;border-radius:6px} #app-mount .reaction-1ELvT8.reactionMe-23mbRf {background:rgba(0, 0, 0, 0.8);box-shadow:0 0 5px 2px var(--accent)} #app-mount .reactionCount-2ddRoS {color:#fff} #app-mount .sidebar-1-SQro, #app-mount .container-1If-HZ, #app-mount .reactors-Blmlhw {background: transparent} /* Guilds*/ #app-mount .guildsWrapper-5TJh6A {background: transparent} .guild-1EfMGQ:active {transform: scale(.95);transition: 50ms ease} .guild-1EfMGQ .guildIcon-CT-ZDq,#app-mount .guild-1EfMGQ .guildInner-3DSoA4 {border-radius:var(--round) !important} #app-mount .guild-1EfMGQ .guildInner-3DSoA4{background:rgba(0, 0, 0, 0.5) !important} #app-mount .guild-1EfMGQ.selected-ML3OIq::before { background:transparent;border-radius: var(--round);box-shadow:0 0 var(--gSelect); height: 100%;width:100%;left: 0;top:20px} #app-mount .guild-1EfMGQ.unread-qLkInr::before { background:transparent!important;height:100%;width:100%;top:6px; left:0px;box-shadow:0 0 3px 2px var(--unread)} #app-mount .guild-1EfMGQ.selected-ML3OIq.unread-qLkInr::before { top:20px;box-shadow:0 0 5px 3px var(--unread); background:var(--unread);border-radius:var(--round);transition:none} #app-mount .mention-1f5kbO {background: rgba(0, 0, 0, 0.8);color:var(--unread);box-shadow:0 0 2px 1px var(--unread);} .mention-1f5kbO .icon-2aINcz {color:var(--unread)} .bar-30k2ka{font-size:13px;text-shadow: 0 0 3px #000,0 0 3px #000} #app-mount .friendsOnline-_wi_fM,#app-mount .guild-1EfMGQ .guildInner-3DSoA4 a {color: var(--accent)} #app-mount .guildSeparator-1X4GQ1:after {background:transparent} .unreadBar-3YD_k9 {box-shadow: 0 0 1px var(--accent)} .unread-1xRYoj,.unread-1xRYoj:hover {background-color: rgba(0, 0, 0, 0.9)} html .tabBadge-3smxHS,.wrapper-232cHJ,.tabBar-1E2ExX .badge-xFJoEU { background-color: rgba(0, 0, 0, 0.8);border-radius: var(--round);box-shadow: 0 0 2px 1px var(--unread); padding: 2px 4px;text-shadow: 0 1px 1px #000,1px 0 2px #000;color: var(--unread)} #app-mount .guild-1EfMGQ.audio-3vVhBi:after, #app-mount .guild-1EfMGQ.video-15yGu3:after {background-color:rgba(0, 0, 0, 0.5)} .nameDefaultText-24KCy5, .nameDefaultVoice-3WUH7s, .nameLockedText-3pqQcL, .nameLockedVoice-26MhB1 {color: #eee} .nameMutedText-3Vj4bM, .nameMutedVoice-3oxyQZ {color: #737373} .wrapper-2NJDcI {background-color: rgba(0, 0, 0, 0.51);color: #fff} #app-mount .guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ.unread-qLkInr:before {background: var(--unread);border-radius: var(--round);} #app-mount .colorUnreadText-2t7XRb, #app-mount .colorUnreadVoice-137o4S {color: var(--unread);opacity:1} #app-mount .nameUnreadText-DfkrI4, #app-mount .nameUnreadVoice-EVo-wI {color: var(--unread)} #app-mount .unread-1Dp-OI {background-color: var(--unread);height:20px;top:11px } #app-mount .guildsAdd-21_IdK {background: rgba(0, 0, 0, 0.4);border-color: #fff;color: #fff} #app-mount .guildsAdd-21_IdK:hover {background: rgba(0, 0, 0, 0.7);border-color:var(--accent);color: var(--accent)} #app-mount .wrapper-2ZbzR9{background:transparent;box-shadow:0 0 5px var(--accent)} /* Friends section*/ .container-3gCOGc .friendsEmpty-1KQXin {visibility:hidden} #app-mount .friendsTable-133bsv .friendTableAddWrapper-nHHZtK .friendTableAddHeader-m9bzFr {background:none;border:none} #app-mount .container-3gCOGc .friendsTable-133bsv .friendsTableHeader-32yE7d {text-align:center;border:none} #app-mount .container-3gCOGc .friendsTable-133bsv .friendsTableHeader-32yE7d .friendsColumnSeparator-3MqtMA{display:none} #app-mount .container-3gCOGc .tabBar-1E2ExX .item-3HpYcP.primary-3j8BhM.itemSelected-1qLhcL, #app-mount .container-3gCOGc .tabBar-1E2ExX .item-3HpYcP.itemSelected-1qLhcL,#app-mount .wrapper-1cBijl { background-color: rgba(0, 0, 0, 0.5)!important;color: #fff!important;box-shadow:0 0 5px var(--accent)!important } #app-mount .container-3gCOGc .tabBar-1E2ExX .item-3HpYcP.primary-3j8BhM:hover:not(.itemSelected-1qLhcL), #app-mount .container-3gCOGc .tabBar-1E2ExX .item-3HpYcP.primary-3j8BhM:not(.itemSelected-1qLhcL), #app-mount .container-3gCOGc .tabBar-1E2ExX .item-3HpYcP:hover:not(.itemSelected-1qLhcL), #app-mount .container-3gCOGc .tabBar-1E2ExX .item-3HpYcP:hover {background-color: rgba(0, 0, 0, 0.5)!important;color: #fff!important} #app-mount .searchBar-2_Yu-C {background: transparent;box-shadow: 0 0 3px var(--accent) } #app-mount .searchBar-2_Yu-C .searchBarInner-1_Tg2R {box-shadow: 0 0 3px var(--accent) } .search-bar-tag {background:transparent} #app-mount .friendSelected--wQP3f {background:rgba(0, 0, 0, 0.4);box-shadow:0 0 4px 1px var(--accent)} #app-mount .checked-3_4uQ9 {background:transparent} #app-mount .checked-3_4uQ9 svg g polyline{stroke: #fff !important} .footer-1W7DZI {padding:10px} .footer-1W7DZI .lookFilled-1Gx00P.colorBrand-3pXr91 {background-color:var(--accent)} .footer-1W7DZI .lookFilled-1Gx00P.colorBrand-3pXr91:disabled {background-color:rgba(114, 137, 218, 0.5)} .privateChannels-1nO12o header {color: #fff;text-align:center;font-size: 14px;margin-top: 2px;opacity: .8} .privateChannels-1nO12o .name-2WpE7M {opacity: .9;color:#fff} .privateChannels-1nO12o .channel-2QD9_O.selected-1HYmZZ a, .privateChannels-1nO12o .channel-2QD9_O:hover a {background: rgba(0, 0, 0, 0.3); margin-right:1px;box-shadow: 0 0 5px var(--accent)} .privateChannels-1nO12o .activity-525YDR {color: #fff;line-height: 12px} #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm, #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2, #app-mount .container-3gCOGc .friendsTable-133bsv .friendsTableHeader-32yE7d .friendsColumn-eVHFqJ {color:#fff} #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover {background: rgba(0, 0, 0, 0.3);border:none;border-radius: 6px;box-shadow: 0 0 5px var(--accent)} #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9 {background-color:rgba(0, 0, 0, 0)} #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsActionVoiceCall-3EdPsR:hover, #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsActionVideoCall-2_PKeP:hover {background-color:var(--accent)} #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsActionAccept-3mkemT:hover {background-color: rgba(0, 255, 27, 0.4) !important} #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsActionIgnore-1-RPlq:hover, #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsActionRemove-qu8nnl:hover{background-color: rgba(255, 0, 0, 0.4) !important} #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud+.friendsRow-2yicud {border:none} /* Activity */ .article-3kb3qm {background: rgba(0, 0, 0, 0.5)} .carousel-2WxMes {background:none} #app-mount .splashArt-3I5Qmp {opacity:1;filter:none} #app-mount .card-7JP0BX {background-color: rgba(0, 0, 0, 0.1);box-shadow:0 0 5px var(--accent);color: #fff} #app-mount .body-SKIE6r,#app-mount .header-1RC2Wb {background-color: rgba(0, 0, 0, 0.3)} #app-mount .splashArt-3yFzRe {width: 100%;filter: grayscale(0%);opacity: 1;-webkit-mask: radial-gradient(100% 100% at top left,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.4) 100%)} #app-mount .promotionBackground-2urB7- {filter: none;opacity: 1} .paginationSubtitle-12e1s6, .paginationTitle-3U5ymz{text-shadow:1px 1px 5px #000,0 0 5px #000} .paginationItem-2lUq0s:before {background: var(--accent)} #app-mount .paginationItem-2lUq0s:after {background: linear-gradient(270deg,transparent 0,rgba(32, 34, 37, 0.55))} .paginationSubtitle-12e1s6 {color: #fff;text-shadow:0 0 5px black} #app-mount .dockItem-2kQDqg:hover {background-color: rgba(0, 0, 0, 0.4);border:1px solid var(--accent)} /* Library */ #app-mount .gamePreview-9weYR2 {background: rgba(0, 0, 0, 0.8)} #app-mount .body-1SVoBw,#app-mount .gameUpdates-2GPqBU {background:rgba(0, 0, 0, 0)} #app-mount .gamePreview-9weYR2{border:1px solid var(--accent)} #app-mount .icon-1IKq3C, #app-mount .textCell-1aBIUP {color:#fff} #app-mount .rowWrapperDim-2Y1SDG .nameBodyCell-3JOlnK, #app-mount .rowWrapperDim-2Y1SDG .settingIcon-1nXguX, #app-mount .rowWrapperDim-2Y1SDG .textCell-1aBIUP {opacity:.7} #app-mount .rowWrapper-2fB6P0+.rowWrapper-2fB6P0 .row-ZLfFhY {border:none} .gameLibrary-TTDw4Y .lookFilled-1Gx00P.colorGreen-29iAKY {background:rgba(67, 181, 129, 0.3)} .gameLibrary-TTDw4Y .lookFilled-1Gx00P.hoverGreen-1gjdJc.hasHover-3X1-zV:hover {background:rgba(67, 181, 129, 0.7)} #app-mount .rowBackground-3MeNoN {filter: none;mask: none} #app-mount .rowWrapperActive-2L7i9f{box-shadow: 0 0 5px var(--accent);background:transparent} .info-P9dFwH {background:rgb(0, 0, 0)} .libraryHeader-3g95kE .libraryFilterInput-3JzqZD, .libraryHeader-3g95kE .libraryFilter-31ZUa2 .libraryFilterInput-3JzqZD:focus {background-color: rgba(0, 0, 0, 0.4);border-radius:6px;box-shadow:0 0 5px var(--accent);margin:2px} #app-mount .icon-2oIyBi{color:rgba(255, 255, 255, 0.7)} .gameLibrary-TTDw4Y .lookFilled-1Gx00P.colorPrimary-3b3xI6 {background-color:transparent} .libraryHeader-3g95kE .topPill-30KHOu .itemSelected-1qLhcL {background-color:rgba(0, 0, 0, 0.2);box-shadow:0 0 4px var(--accent); color:#fff} .libraryHeader-3g95kE .topPill-30KHOu .item-PXvHYJ:hover:not(.itemSelected-1qLhcL),.libraryHeader-3g95kE .topPill-30KHOu .item-PXvHYJ:hover {background-color: rgba(0, 0, 0, 0.4)} /* Store */ .applicationStore-1pNvnv .browseSearchInput-Jt8kg0 {background:rgba(0, 0, 0, 0.3)} .applicationStore-1pNvnv .browseSearch-e9jF-f {box-shadow:0 0 4px 1px var(--accent);border-radius:4px} .container-3ayLPN .focused-1Yu0L3 {background-color:var(--accent)} .applicationStore-1pNvnv .popout-2xBvMR {background-color: rgba(0, 0, 0, 0.9);box-shadow: 0 0 4px 1px var(--accent);color: #fff} #app-mount .tagline-1VBVLz{color:#fff} .distributionApplicationsSort-2_uq5y {opacity:.8} .gameTitle-1GKhmx {text-align:center} .scroller-2FKFPG::-webkit-scrollbar-track {display:none} #app-mount .mediaFade-1SdEfL {background: linear-gradient(180deg,transparent 90%,rgba(0, 0, 0, 0.62));} #app-mount .description-3rB3Rp{background:linear-gradient(180deg,transparent,rgba(32, 34, 37, 0.3) 45%,rgba(17, 18, 18, 0.69))} #app-mount .premium-39U29H {background-image: linear-gradient(90deg,rgba(0, 0, 0, .6),rgba(179, 174, 255, .3))} #app-mount .mediaFade-2DGFbT {background: linear-gradient(180deg,transparent 90%,rgba(0, 0, 0, 0.3))} #app-mount .mediaDescription-3VIUb6 {background: linear-gradient(180deg,transparent,rgba(0, 0, 0, 0.5) 45%,rgba(0, 0, 0, 0.7))} #app-mount .installSize-1eXbBX {background-color: rgb(31, 31, 31);color: #009aff} .description-3z5Lb3 .lookFilled-1Gx00P.colorPrimary-3b3xI6 {background-color: rgba(0, 0, 0, .5);color: #fff} #app-mount .applicationStore-1pNvnv, #app-mount .itemBackground-1jfD8p {background-color: transparent} .applicationStore-1pNvnv .tile-2H4MQG {background-color: rgba(0, 0, 0, 0.2);box-shadow: 0 0 5px var(--accent);} #app-mount .applicationTile-1Goy1W,#app-mount .tileMedia-1q3guD,#app-mount .tileMedia-24cT6_ {background:transparent} #app-mount .applicationTile-1Goy1W:hover,#app-mount .tileMedia-1q3guD:hover {background:rgba(0, 0, 0, 0.2)} #app-mount .tile-367QuY:hover {box-shadow: 0 0 8px var(--accent)} #app-mount .purchaseUnit-2lxci3,#app-mount .content-35aVm0 {background-color: rgba(0, 0, 0, 0.7);box-shadow: 0 0 3px var(--accent);border-radius: 6px} #app-mount .headerFancy-1AcCLF {background-image: none,linear-gradient(270deg,rgba(179, 174, 255, 0.2),rgba(115, 142, 245, 0.2))} #app-mount .bodySection-jqkkIP {background-color: transparent;border:none} #app-mount .row-1bU71H {background-color: rgba(0, 0, 0, 0.5);color: #fff} #app-mount .itemBackground-1jfD8p:before {background: radial-gradient(ellipse at top,transparent,rgba(0, 0, 0, 0.6)),linear-gradient(90deg,rgba(0, 0, 0, 0.6) 0,transparent 40%,transparent 60%,rgba(0, 0, 0, 0.6)),linear-gradient(0deg,rgba(0, 0, 0, 0.6) 0,transparent 25%)} #app-mount .bubble-1gL_TN {background-color: rgba(0, 0, 0, 0.9);box-shadow:0 0 3px var(--accent)} .root-1bFE0x.whyYouMightLikeIt-2zZIIj {background:rgba(0, 0, 0, 0.3);box-shadow:0 0 5px var(--accent);border-radius:6px} #app-mount .footer-3oZnEF {display:none} /* Popouts and others */ .modal-3HD5ck.container-14fypd .lookFilled-1Gx00P.colorBrand-3pXr91 {background-color: rgba(1, 160, 0, 0.7)} .modal-3HD5ck.container-14fypd .lookFilled-1Gx00P.colorPrimary-3b3xI6 {background-color: rgba(164, 0, 0, 0.5)} #app-mount .message-2qRu38 {background: rgba(0, 0, 0, 0.3);box-shadow:0 0 8px var(--accent);border-radius:6px} .tier2HeaderBackground-2BUqcl {background-image: linear-gradient(90deg,rgba(180, 115, 245, 0.4),rgba(226, 146, 170, 0.4))} /* Tooltips */ .tooltip-1OS-Ti.black-2bmmnj {background: rgba(0, 0, 0, 0.9);box-shadow:0 0 5px var(--accent)} .tooltip-1OS-Ti.right-KM_vfY:after {display:none} /*Mentions*/ .messagesPopoutWrap-1MQ1bW,.modal-3HD5ck.popout-3Nppv9.sizeSmall-Sf4iOi {animation: toppopout .5s cubic-bezier(0.4, 0, 1, 1) } #app-mount .header-ykumBX,#app-mount .footer-1kmXd4 {background:rgba(0, 0, 0, 0.1)} #app-mount .messagesPopoutWrap-1MQ1bW {background: rgba(0, 0, 0, 0.7)} .themedPopout-25DgLi .header-SsaQ8X .title-23FrqZ {text-align:center} #app-mount .messageGroupWrapper-o-Zw7G { background: rgba(0, 0, 0, 0.5);border:none;box-shadow:0 0 5px var(--accent)} #app-mount .guildName-1Bc3Ta {color:#fff} #app-mount .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug {background-color: rgba(0, 0, 0, 0);box-shadow: none} #app-mount .actionButtons-1sUUug {background-color: rgba(0, 0, 0, 0);box-shadow: none} #app-mount .jumpButton-3DTcS_ {background:rgba(0, 0, 0, 0.8);color:#fff} .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug .closeButton-17RIVZ {opacity:1} /* Search */ #app-mount .search-2oPWTC .DraftEditor-root .public-DraftEditorPlaceholder-root{color:#fff;opacity:.7} #app-mount .container-3ayLPN {background: rgba(0, 0, 0, 0.8);box-shadow:0 0 5px var(--accent);animation: toppopout .5s cubic-bezier(0.4, 0, 1, 1)} #app-mount .focused-2bY0OD {background:rgba(0, 0, 0, 0.2)} #app-mount .searchAnswer-3Dz2-q, #app-mount .searchFilter-2ESiM3, #app-mount .searchResultsWrap-2DKFzt .searchHeader-1l-wpR,#app-mount .searchResultsWrap-2DKFzt .searchResult-3pzFAB:before, #app-mount .searchResultsWrap-2DKFzt .searchResult-3pzFAB:after, #app-mount .searchResultsWrap-2DKFzt .channelSeparator-1X1FuH .channelName-1QajIf {background:transparent} #app-mount .option-96V44q:after {display:none} #app-mount .option-96V44q.selected-rZcOL- {background:transparent;box-shadow:0 0 5px var(--accent);border-radius:6px} #app-mount .searchResultsWrap-2DKFzt .actionButtons-14P9IC .jumpButton-Ia2hRJ {background-color: rgba(0, 0, 0, 0.75);color: rgba(255, 255, 255, 0.9)} #app-mount .searchResultsWrap-2DKFzt {background:transparent} .searchResultsWrap-2DKFzt .searchHeader-1l-wpR, #app-mount .searchResultsWrap-2DKFzt .searchHeader-1l-wpR .totalResults-gxvzgw{color:#fff;opacity:1} .searchResultsWrap-2DKFzt .channelSeparator-1X1FuH {text-align:center;height:0} #app-mount .searchResultsWrap-2DKFzt .channelSeparator-1X1FuH:before {border:none} #app-mount .searchResultsWrap-2DKFzt .searchResult-3pzFAB .searchResultMessage-2VxO12.hit-NLlWXA { background:rgba(0, 0, 0, 0.2);border: none; box-shadow: 0 0 5px var(--accent);margin:2px } /*Members small */ .userPopout-3XzG_A {animation: userpopout .4s cubic-bezier(0.4, 0, 1, 1);position:relative;left:-20px} #app-mount .headerNormal-T_seeN,.headerPlaying-j0WQBV,.headerSpotify-zpWxgT,.headerStreaming-2FjmGz, #app-mount .body-3iLsc4, #app-mount .footer-1fjuF6 {background: rgba(0, 0, 0, 0.85)} #app-mount .quickMessage-1yeL4E {background-color: rgba(0, 0, 0, 0);border: none;box-shadow: 0 0 5px var(--accent)} #app-mount .autocompleteArrowWrapper-3Z7OuM {display:none} .bodyTitle-Y0qMQz {text-align:center;color:#fff} .rolesList-22qj2L {overflow-y:auto;max-height:115px} #app-mount .note-3kmerW textarea {background: rgba(0, 0, 0, 0.2)!important;text-align:center;color: #fff;box-shadow:0 0 3px var(--accent);border-radius:6px} .container-VSDcQc.positionTop-3e-X1p {box-shadow:0 0 5px var(--accent)} #app-mount .autocompleteHeaderBackground-30T70q,#app-mount .container-VSDcQc .sectionTag-pXyto9 {background-color:rgba(0, 0, 0, 0.85)} #app-mount .row-rrHHJU.selected-1pIgLL {background: linear-gradient(90deg,var(--accent),#272727)} .container-VSDcQc .header-2bNvm4 {box-shadow: 0 -1px 1px var(--accent)} /*large*/ .topSectionPlaying-1J5E4n,#app-mount .topSectionNormal-2-vo2m, #app-mount .body-3ND3kc,.topSectionSpotify-1lI0-P,.topSectionStreaming-1Tpf5X { background: rgba(0, 0, 0, 0.7) } .root-SR8cQa {box-shadow: 0 0 5px var(--accent)} #app-mount .connectedAccount-36nQx7 {border:none; box-shadow:0 0 5px var(--accent); border-radius: 6px } #app-mount .listRow-hutiT_:hover { background: transparent;box-shadow: 0 0 5px var(--accent);color: #fff } #app-mount #autocomplete-popout section {background:rgba(0, 0, 0, 0.8);color:#fff} #app-mount #autocomplete-popout .autocomplete-header-background{background:rgba(0, 0, 0, 0.9)} .tabBarContainer-1s1u-z { border:none; padding-left: 20px; } .header-QKLPzZ .lookInverted-2D7oAl.colorBrand-3pXr91 {background:transparent} /* Status and server settings */ .menu-Sp6bN1.alt-3btY0e,#app-mount .menu-Sp6bN1 {background:rgba(0, 0, 0, .85)} #app-mount .item-1GzJrl {color:#fff} #app-mount .menu-Sp6bN1 .item-1GzJrl:hover {background: rgba(0, 0, 0, 0.3);color:var(--accent) } .tutorial-3igfYb.shown-3PNP1p{display:none} #app-mount .quickswitcher-3JagVE {animation: popin .2s cubic-bezier(0.4, 0, 1, 1);box-shadow:0 0 5px var(--accent);background:rgba(0, 0, 0, 0.9);color:#fff} #app-mount .input-2VB9rf, #app-mount .input-2VB9rf:focus{background: transparent; box-shadow:0 0 5px var(--accent)} #app-mount .resultFocused-3aIoYe{background-color: transparent;box-shadow:0 0 5px var(--accent);border-radius:6px;margin-left:4px} #app-mount .keybindShortcut-1BD6Z1 span { background-color: transparent;border: none; box-shadow: inset 0 0 3px var(--accent)} #app-mount .keyboardShortcutsModal-3piNz7 {background: rgba(0, 0, 0, 0.8);box-shadow:0 0 5px var(--accent)} #app-mount .modalSubtitle-1Pj5nv {border:none;box-shadow:0 1px 3px var(--accent)} .theme-dark.contextMenu-HLZMGh {animation: context-menu .3s ease-out } .theme-dark.contextMenu-HLZMGh,#app-mount .container-3cGP6G {background: rgba(0, 0, 0, 0.9);box-shadow: 0 0 5px var(--accent)} #app-mount .itemSubMenu-1vN_Yn:hover,#app-mount .item-1Yvehc:hover {background:rgba(0, 0, 0, 0.3);color:var(--accent)} #app-mount .modal-3HD5ck,#app-mount .tiles-2aXG_k,.regionSelectModal-12e-57 {background-color: rgba(0, 0, 0, 0.7);box-shadow: 0 0 5px var(--accent);} #app-mount .footer-2yfCgX,#app-mount .footer-2VgWkh {background-color: transparent;box-shadow: none} #app-mount .header-3ZP1MY,.cancelButton-RGXhAE:before {display:none} #app-mount .action-1lSjCi { top:50px;position:relative; background: rgba(0, 0, 0, 0.5);border-radius:6px; border: none;box-shadow: 0 0 5px var(--accent)} .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3 { background: rgba(0, 0, 0, 0.5);border-radius:6px; border: none;box-shadow: 0 0 5px var(--accent)} .regionSelectName-2-2FWh {color:rgba(255, 255, 255, 0.9)} #app-mount .action-1lSjCi:hover,.regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover {background:rgba(0, 0, 0, 0.7);box-shadow:0 0 8px 1px var(--accent)} #app-mount .action-1lSjCi:active,.regionSelectModalOption-2DSIZ3:active {transform: scale(.95);transition: all 20ms ease} .actionIcon-2IISM_ {filter:invert(100%)} #app-mount .actionButton-2PeQbJ {background: transparent} .or-3THJsp,.regionSelectModal-12e-57 .regionSelectModalFooter-20C5iA {display:none} #app-mount .cancelButton-RGXhAE,.slideFooter-2dXJ9s .lookFilled-1Gx00P.colorBrand-3pXr91, .slideFooter-2dXJ9s .lookFilled-1Gx00P.colorGreen-29iAKY,.footer-2yfCgX .lookFilled-1Gx00P.colorBrand-3pXr91 {background:transparent;color:#fff;border:none} #app-mount .cancelButton-RGXhAE:hover,.slideFooter-2dXJ9s .lookFilled-1Gx00P.colorBrand-3pXr91:hover, .slideFooter-2dXJ9s .lookFilled-1Gx00P.colorGreen-29iAKY:hover {color:var(--accent)} #app-mount .footer-2VgWkh .lookFilled-1Gx00P.colorBrand-3pXr91 { background-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.29);box-shadow:0 0 5px var(--accent) } .slideBody-35BNbg .input-UJ9Tr3 {box-shadow:0 0 5px 1px var(--accent);color:#fff;border:none;border-radius:20px} #app-mount .inputLabel-vJ2Z0B {color:#fff} #app-mount .footer-2yfCgX .lookLink-9FtZy-.colorPrimary-3b3xI6:hover,.footer-2yfCgX .lookFilled-1Gx00P.colorBrand-3pXr91:hover {color:var(--accent)} #app-mount .lookLink-9FtZy-.colorPrimary-3b3xI6:hover .contents-18-Yxp {background-image:none} #app-mount .footer-2yfCgX .lookFilled-1Gx00P.colorRed-1TFJan {background-color: transparent} #app-mount .footer-2yfCgX .lookFilled-1Gx00P.colorRed-1TFJan:hover {color:red} .cardWarning-2yPNAa {background-color: rgba(225, 149, 23, 0.2);border:none} #app-mount .searchBar-1MOL6S{background:rgba(0, 0, 0, 0.8);box-shadow:0 0 5px var(--accent)} /* Upload */ .uploadModal-2ifh8j,.uploadModal-2ifh8j .footer-3mqk7D {background:rgba(0, 0, 0, 0.5);box-shadow:0 0 5px var(--accent)} .uploadModal-2ifh8j .inner-3nWsbo {border: none} #app-mount .uploadModal-2ifh8j .footer-3mqk7D .lookLink-9FtZy-.colorWhite-rEQuAQ {background-color: transparent;opacity:.6;color:red;height:38px;} .uploadModal-2ifh8j .footer-3mqk7D .lookLink-9FtZy-.colorWhite-rEQuAQ:hover .contents-18-Yxp {background-image:linear-gradient(0deg,transparent,transparent 1px,#f00 0,#f00 2px,transparent 0)} .uploadModal-2ifh8j .footer-3mqk7D .lookInverted-2D7oAl.colorBrand-3pXr91:hover {background-color:transparent;color:var(--accent)} .uploadModal-2ifh8j .footer-3mqk7D .lookInverted-2D7oAl.colorBrand-3pXr91{background:none} /* Settings */ #app-mount .description-3_Ncsb, #app-mount .labelDescriptor-1PqHgD{color:#ddd} .contentRegion-3nDuYy .card-FDVird:before {background-color: rgba(0, 0, 0, 0.4);border-color: var(--accent)} #app-mount .header-2RyJ0Y,#app-mount #bd-settings-sidebar .ui-tab-bar-header {color:rgba(255, 255, 255, 0.9);text-align:center;font-size:.9em} #app-mount .faded-3bns_w {color:rgba(255, 255, 255, 0.9)} #app-mount .side-8zPYf6 .itemDefault-3Jdr52:hover, #app-mount .side-8zPYf6 .itemHover-EnbcjT:hover, #app-mount #bd-settings-sidebar .ui-tab-bar-item:hover,#app-mount #bd-settings-sidebar .ui-tab-bar-item.selected,.side-8zPYf6 .itemSelected-1qLhcL {background-color: rgba(0, 0, 0, 0.4);color: var(--accent)} #app-mount #bd-settings-sidebar .ui-tab-bar-item.selected:hover {color:rgb(255, 255, 255)} #app-mount #bd-settings-sidebar .ui-tab-bar-item, .standardSidebarView-3F1I7i .sidebarRegion-VFTUkN .item-PXvHYJ {line-height:10px} .standardSidebarView-3F1I7i .contentColumnDefault-1VQkGM {max-width: 100%;padding: 40px 30px 80px;} .standardSidebarView-3F1I7i .sidebarRegion-VFTUkN .sidebar-CFHs9e {padding: 25px 10px 10px 25px;width: 190px} .standardSidebarView-3F1I7i .sidebarRegion-VFTUkN {flex: 0;width:190px} #app-mount .standardSidebarView-3F1I7i, #app-mount .standardSidebarView-3F1I7i .sidebarRegion-VFTUkN, #app-mount .standardSidebarView-3F1I7i .contentRegion-3nDuYy {background: var(--settings);border-radius:6px;} #app-mount .standardSidebarView-3F1I7i {box-shadow: 0 0 5px var(--accent)} #app-mount .grandfatheredMessage-1BnHtv,#app-mount .container-2Zlzt0 {background: rgba(0, 0, 0, 0.3)} #app-mount .tier1Banner-1B_WXY {background-color:rgba(47, 49, 54, 0.3)} #app-mount .lookFilled-1h1y05.select-1Pkeg4:hover.selectOpen-hQuR6b,#app-mount .lookFilled-1h1y05.select-1Pkeg4:hover, #app-mount .lookFilled-1h1y05.selectOpen-hQuR6b,#app-mount .lookFilled-1h1y05.select-1Pkeg4 {border-color: var(--accent)} #app-mount .membershipDialogHouse3-15OBIQ {background-color:rgba(69, 221, 192, 0.5)} .payment-info .description-3_Ncsb, .paymentSourceRow-3FbcL_ .subText-V8PTt8, .userSettingsAccount-2eMFVR div:nth-child(2) > div:nth-child(2) > .viewBody-2Qz-jg {transition: all 1s cubic-bezier(0.550, 0.085, 0.680, 0.530);filter: blur(8px);opacity:0} .payment-info .description-3_Ncsb:hover, .paymentSourceRow-3FbcL_ .subText-V8PTt8:hover, .userSettingsAccount-2eMFVR div:nth-child(2) > div:nth-child(2) > .viewBody-2Qz-jg:hover {transition: all .5s cubic-bezier(0.550, 0.085, 0.680, 0.530);filter: none;opacity:1} .banner-3Kac2g{opacity:.5} .divider-3kJiJM {display:none} /* Settings - Original snippet from zere*/ :root{--w2: 75%!important ;--h2: 85%!important} .layers-3iHuyZ {align-items:center;justify-content:center} .layers-3iHuyZ > .layer-3QrUeG:first-child {opacity: 1!important;transform: none!important} .layers-3iHuyZ > .layer-3QrUeG.stop-animations:first-child {z-index: 1} .layers-3iHuyZ > .layer-3QrUeG:nth-child(2)::before { content: "";position: absolute;top: -100%; left: -100%;right:-100%; padding: 100%;background: transparent;z-index: 2;width: 100%;height: 100%} .layers-3iHuyZ > .layer-3QrUeG:nth-child(2) { width: var(--w2);height: var(--h2);top:unset;bottom:unset;right:unset;left:unset; display: block;overflow: visible;transform: translateZ(0);z-index: 3} #bd-settingspane-container {width: var(--w2);display: block} .toolsContainer-1edPuj {padding-top: 20px} /**/ #app-mount .repo-controls .searchBar-1MOL6S{background-color: rgba(0, 0, 0, 0.8);border:1px solid var(--accent)} #bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch,.themeDefault-24hCdX.sizeDefault-2YlOZr{background:rgba(0, 0, 0, 0.4);border:1px solid var(--accent)} #bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch.checked,.themeDefault-24hCdX.valueChecked-m-4IJZ {background: var(--accent)} .item-26Dhrx[style="border-color: rgb(114, 137, 218); background-color: rgb(114, 137, 218); padding: 10px;"] {background-color: var(--accent)!important} .userSettingsAccount-2eMFVR .userInfoEditing-1CEzdT, .userSettingsAccount-2eMFVR .userInfoViewing-16kqK3 {padding: 20px} #app-mount .cardPrimary-1Hv-to,#app-mount .cardPrimaryEditable-3KtE4g { background: transparent;border-color: var(--accent) !important } .userInfoEditing-1CEzdT .lookLink-9FtZy-.colorPrimary-3b3xI6:hover {color:red} .userInfoEditing-1CEzdT .lookFilled-1Gx00P.colorGreen-29iAKY {background:transparent} .userInfoEditing-1CEzdT .lookFilled-1Gx00P.colorGreen-29iAKY:hover {color:#43b581} .userSettingsAccount-2eMFVR .userInfoViewingButton-2-jbH9, .userSettingsAccount-2eMFVR .userInfoViewingButton-2-jbH9:hover {background:transparent} .userSettingsAccount-2eMFVR .userInfoViewingButton-2-jbH9:hover {color:var(--accent)} .bda-slist .bda-header {font-size:14px} #bd-settingspane-container .bda-slist li {background-color: rgba(0, 0, 0, 0.3);color: #fff;border-color: var(--accent)} #bd-settingspane-container .bda-slist .bda-description{color:#ddd} #bd-settingspane-container .bda-slist li[data-name="Full Transparency"] {background:rgba(255, 255, 0, 0.2)} #app-mount #bd-settingspane-container .ui-switch-item .style-description, #app-mount #bd-settingspane-container .ui-switch-item h3 {color:rgba(255, 255, 255, 0.9)} .accountList-33MS45 .accountBtnInner-sj5jLs {background-color: rgba(0, 0, 0, 0.3);border-color: var(--accent)} /* Animations */ @keyframes sliding {0%{transform:rotateY(-90deg);transform:rotateY(-90deg)}100%{transform:none}} @keyframes toppopout {from{transform:translate(0,-25px);opacity:0}} @keyframes slide-down {from{transform: translate(0, -100%)}} @keyframes slide-up {from{transform: translate(0, 100%)}} @keyframes popout {0% {transform: scale(0)}100% {transform: scale(1)}} @keyframes popout-inner {0% {transform: scale(2)} 100% {transform: scale(1)}} @keyframes connected {0%{transform:translate(0,60px);transform:translate(0,60px)}100%{transform:translate(0,0px);transform:translate(0,0px)}} @keyframes context-menu {from{opacity:0;transform:scale(0.3) translate3d(0,0,0)} to{opacity:1;transform:scale(1) translate3d(0,0,0)}} @keyframes menu-open {0% {transform: scale(1, 0.8)}} @keyframes popin {from{opacity:0;transform:scale(0.3) translate3d(0,0,0)} to{opacity:1;transform:scale(1) translate3d(0,0,0)}} @keyframes slide-tl { 0% {transform: translateZ(50px) translateY(50px) translateX(50px);opacity:.1} 100% {transform: translateZ(0) translateY(0) translateX(0);opacity:1}} @keyframes fadein {0% {transform: translateY(50px);opacity: 0}100% {transform: translateY(0);opacity: 1}} @keyframes userpopout { 0% {opacity:0;filter:blur(4px);transform: scale(0.9)} 100% {opacity:1;filter:blur(0);transform:scale(1)} } /* Plugin/Other Support */ .bgModal {box-shadow:0 0 5px var(--accent)} .bgModal, .bgContent {background:rgba(0, 0, 0, 0.4);color:#fff} .bgHead {border-bottom:1px solid var(--accent)} .favBtn{background:transparent;color:#fff} .imgUrl {color:#fff;background:transparent;box-shadow:0 0 5px var(--accent)} #app-mount .imgUrl::-webkit-input-placeholder {color:#fff} .bgContent .bgText {color:#fff} .bgTabs {background:rgba(0, 0, 0, 0.2)} .tabBtns {background:transparent} .recTab, .favTab {color:#fff;background:rgba(0, 0, 0, 0);border:1px solid var(--accent) } .recTab:hover, .favTab:hover {background:var(--accent)} .recTab.active,.favTab.active {background: var(--accent)} .rLinks, .fLinks {box-shadow:0 0 4px var(--accent)} .bd-modal-wrapper .bd-modal-inner { border: none;background:rgba(0, 0, 0, 0.8); border-radius: 6px; box-shadow: 0 0 6px 1px var(--accent) } .bd-modal-wrapper .header,.bd-modal-wrapper .bd-modal-body, .bd-modal-wrapper .footer button, .bd-modal-wrapper .footer button:hover { background-color: transparent } .bd-modal-wrapper .footer button:hover {color:var(--accent);box-shadow:0 0 2px var(--accent);border-radius:6px} #app-mount #dv-mount {background-color: transparent!important;height: 60px!important} #app-mount #dv-main .dv-date {opacity: 1} .membersWrap-2h-GB4 .members-1998pB {height: calc(100% - 60px)} #app-mount .dst-tooltip{background:rgba(0, 0, 0, 0.8) !important;box-shadow:0 0 5px var(--accent)} #app-mount .themedPopout-25DgLi:not(.messagesPopoutWrap-1MQ1bW) { animation: slide-tl .3s cubic-bezier(0.4, 0, 1, 1); background-color: rgba(0, 0, 0, 0.8);border: none;box-shadow: 0 0 5px var(--accent)} #app-mount .select-2TCrqx .Select-control, #app-mount .select-2TCrqx .Select-control:hover {border: 1px solid var(--accent)} #app-mount .select-2TCrqx .Select-option.is-focused, #app-mount .select-2TCrqx .Select-option:hover {background-color:rgba(0, 0, 0, 0.3);color:var(--accent)} #app-mount .select-2TCrqx .Select-option:hover .title-31JmR4{color:var(--accent)} #app-mount .select-2TCrqx .Select-menu-outer {background: rgba(0, 0, 0, 0.8);border-color: var(--accent);box-shadow: none} #app-mount .gameUpdates-2GPqBU {background-color: rgba(0, 0, 0, 0)} #app-mount .gameUpdates-2GPqBU .lookFilled-1Gx00P.colorPrimary-3b3xI6 {background-color: rgba(0, 0, 0, 0.7);color: #009aff} #app-mount .gameLibrary-TTDw4Y {background-color: transparent} #app-mount .gameLibrary-TTDw4Y .table-1tDS6w{ width:100%;height:calc(100vh - 110px);border-top:50px solid transparent; position:relative;display:flex;flex-flow:row wrap;align-items:center; overflow-y:overlay;justify-content:center} #app-mount .gameLibrary-TTDw4Y .table-1tDS6w:only-child{margin:-10px} #app-mount .gameLibrary-TTDw4Y .table-1tDS6w::-webkit-scrollbar{display:none} #app-mount .gameLibrary-TTDw4Y .header-39GIC8{background:transparent; width:100%;height:40px;border:none;padding:0; margin:0;top:0;left:0;font-size: 1em; display:flex;flex-flow:row;align-items:center; justify-content:center;box-sizing:border-box;z-index:1000} #app-mount .gameLibrary-TTDw4Y .header-39GIC8 .headerCell-3L6rFG{ width:auto;border:none;background-color:rgba(0,0,0,.4); border-radius:3px;padding:5px;display:flex;text-transform:capitalize; flex:0;align-items:center;justify-content:center;box-sizing:border-box} #app-mount .gameLibrary-TTDw4Y .header-39GIC8 .headerCell-3L6rFG:nth-child(2){margin:0 10px} #app-mount .gameLibrary-TTDw4Y .header-39GIC8 .headerCell-3L6rFG:nth-child(3){min-width:125px} #app-mount .gameLibrary-TTDw4Y .header-39GIC8 .headerCell-3L6rFG:last-child{display:none} #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 { flex-direction: column;white-space: nowrap;display: inline-block; justify-content: center;align-items: center;position:relative;box-sizing:border-box; border-radius: 5px;left:10px;width:304px;height:150px;margin:8px; overflow:hidden;background:var(--bg1);box-shadow:0 0 8px 0 var(--bc1)} #app-mount .gameLibrary-TTDw4Y .rowWrapperActive-2L7i9f {background-color: var(--bg1);box-shadow: 0 2px 5px 0 rgba(0,0,0,.3)} #app-mount .gameLibrary-TTDw4Y .rowBackground-3MeNoN {filter:none;-webkit-mask:none;opacity:.8;width:19em} #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .nameBodyCell-3JOlnK{position:absolute;top:50%;flex-flow:column;left:0;transform:translate(0, -51%) translateZ(0);z-index:1} #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0:not(.rowWrapperActive-2L7i9f) .nameBodyCell-3JOlnK>*{flex-flow:column} #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .row-ZLfFhY{min-height:100%;border:none !important;margin:0;display:flex;flex-flow:column;box-sizing:border-box} #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .bodyCell-9xKjWE{min-width:100%;top:80px;padding:0;line-height:normal;align-items:center;justify-content:center} #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .bodyCell-9xKjWE>*{min-height:auto;display:flex;flex-flow:row;align-items:center;justify-content:center} #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .nameBodyCell-3JOlnK>*{align-items:center} .nameCellText-1mpqtF{background-image:linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5))} #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .nameBodyCell-3JOlnK .nameCellInfo-11WjkQ,.nameCellText-1mpqtF{max-width:160px;text-shadow:0 2px 5px #000} #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .platformCell-XyBBs6, #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .lastPlayedCell-2arbtc{min-height:17px;max-height:17px;text-shadow:0 1px 2px rgba(0,0,0,1);} #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .platformCell-XyBBs6>*, #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .lastPlayedCell-2arbtc>*{font-size:.8em;font-weight:600;text-transform:uppercase} #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .gameIcon-gg34Dz {position:relative;top:2px;height: 50px;width: 50px;background-size: 100%;border-radius: 4px;margin:0 5px 5px 0;filter:drop-shadow(0 2px 5px rgba(0,0,0,0.3))} #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .nameCellNew-3SokLB {color: #c034ff;font-size: .75rem;min-height:auto;display:flex;flex-flow:row;align-items:center;justify-content:center} #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .actionsCell-1awtNi {position:relative;left:8px;top:60px;visibility:hidden;animation:slidedown ease .6s;transition: visibility .4s ease} #app-mount .gameLibrary-TTDw4Y .rowWrapperActive-2L7i9f .actionsCell-1awtNi {top:25px;left:10px;visibility:visible;animation: slideup .6s ease} @keyframes slideup {from{transform: translate(0, 100%)}} @keyframes slidedown {from {transform: translate(0%, -30%)}} #app-mount .gameLibrary-TTDw4Y .actionIcon-2EtGTr{opacity:1} #app-mount .gameLibrary-TTDw4Y .settingIcons-3QYa5E {margin-right: 0;min-width: 10px} #app-mount .gameLibrary-TTDw4Y .buttonText-13IoY7 {padding: 2px 6px} #app-mount .gameLibrary-TTDw4Y .actionButtonSize-1Znp1q {height: 22px;min-width: 40px;left:10px} #app-mount .gameLibrary-TTDw4Y .buttonWrapper-3hUFmE {height: 65%} #app-mount .gameLibrary-TTDw4Y .icon-1IKq3C, #app-mount .gameLibrary-TTDw4Y .textCell-1aBIUP {color: #fff;background-image:linear-gradient(90deg,transparent, transparent,rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.7),transparent,transparent)} .sideBar-2_lxpG .lookFilled-1Gx00P.colorGreen-29iAKY {background-color: rgba(99, 99, 99, 0.7);color: #fff;width:0;left:25px} .sideBar-2_lxpG .lookFilled-1Gx00P.colorGreen-29iAKY:hover {background-color: rgba(31, 154, 9, 0.7)} #app-mount .sideBar-2_lxpG .large-1DtyYQ {height: 90px;width: 90px} #app-mount .body-1SVoBw .carouselPagination-30iWH5 {width:50%;left:90px} #app-mount .gameName-1W6Ym- {color: #fff;font-size:1em} #app-mount .publisher-2ZxPEd {border-bottom:none;color: #ddd} #app-mount .gamePreview-9weYR2 {background-color: rgba(0, 0, 0, 0.9)} #app-mount .body-1SVoBw {background-color: rgba(0, 0, 0, 0)} #app-mount .summary-2pfBY6 {color: rgb(246, 246, 247);background-color:rgba(0, 0, 0, 0.5)} .news-2KwXHF,.newsLink-38Naqi:hover {background-color: rgba(0, 0, 0, 0)} #app-mount .background-3zYSQO,#app-mount .overlay-n52Tzn {-webkit-mask:none;mask: none} .background-3zYSQO {height: 100%;opacity:.8} .body-3NySJS {text-shadow:1px 1px 5px #000} .subtitle-rPfx7J,.title-1oZsbs,.description-13oVu5 {color: #eee} @media (max-width: 1300px) { .container-3gCOGc .friendsTable-133bsv .friendsColumnGuilds-2we6jb { display:inline-flex !important } } #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud { background: rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 5px 1px var(--mc); border-radius: 6px; margin: 10px; padding: 0; height: 130px !important; flex-direction: column; flex-basis: 300px; transition: opacity 300ms; white-space: nowrap; width: 320px; line-height: 0; font-weight: 700; display: inline-block; justify-content: center; align-items: center; position: relative } #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover { background-color: rgba(0, 0, 0, 0.75) ; box-shadow: 0 0 10px 2px var(--mc) } #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:active { box-shadow: 0 0 10px 2px var(--mc); transform: scale(.98) } .container-3gCOGc .friends-header .tabBar-1E2ExX .item-3HpYcP .badge-1GsMF2 { background: rgba(0, 0, 0, 0.4) ; color: var(--mc) ; opacity: 0.7; transition: opacity 500ms } .container-3gCOGc .friendsTable-133bsv { margin-top: 0px } .container-3gCOGc .friends-header .tabBar-1E2ExX .item-3HpYcP, #app-mount .container-3gCOGc .friendsTable-133bsv .friendsTableHeader-32yE7d .friendsColumn-eVHFqJ, #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm { color: var(--sc) } #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 { color: black } .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .username { color: var(--sc) } #app-mount .container-3gCOGc .friendsTable-133bsv .friendsTableHeader-32yE7d { display: none } #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud+.friendsRow-2yicud { border-top: none } #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumn-eVHFqJ { position: absolute; backface-visibility: hidden } #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumn-eVHFqJ+.friendsColumn-eVHFqJ { margin: 0 } #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm .avatarSmall--gkJKA { top: 25px; left: 5px; width: 85px; height: 85px; background-size: 85px 85px; box-shadow: none; opacity: 0.8; transition: opacity 500ms, transform .2s linear, box-shadow .2s linear; transform: scale(0.97) perspective(1px); } #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friendsColumnName-1zBOKm .avatarSmall--gkJKA { opacity: 1; transform: scale(1) perspective(1px); box-shadow: none } #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm .discord-tag { display: block; position: absolute; top: 20px;overflow:visible; z-index:10; left: 115px; text-shadow: 1px 1px 1px hsl(0, 0%, 0%); } #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm .discord-tag .discriminator { visibility: visible; opacity: 1; } #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .status-mz5rqq, #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 { width: 100%; left: 2px; justify-content: center; height: 17px; border-radius: 5px 5px 0 0; top: 0; opacity: 0.7; z-index: 0 } #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .statusText-2F9zIF { color: #fff; font-weight: 700; opacity:0.8; max-width: 90%; font-size: 14px; line-height: normal; bottom: 0; transition: color 300ms; position: absolute; z-index: 0 } #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friendsColumnStatus-ZH4ho2 .statusText-2F9zIF { color: var(--mc); opacity: 1 } #app-mount .container-3gCOGc .friendsTable-133bsv .friendsTableBody-1ZhKif .friendsRow-2yicud .friendsColumnGuilds-2we6jb { top: 90px; left: 115px; width: 150px; display: flex } .container-3gCOGc .friendsTable-133bsv .friendsTableBody-1ZhKif .friendsRow-2yicud .friendsColumnGuilds-2we6jb .iconSizeSmall-3aWgx9 { opacity: 0.8; transition: opacity 500ms } .container-3gCOGc .friendsTable-133bsv .friendsTableBody-1ZhKif .friendsRow-2yicud:hover .friendsColumnGuilds-2we6jb .iconSizeSmall-3aWgx9 { opacity: 1 } .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .iconSizeSmall-3aWgx9 { background-color: rgba(0, 0, 0, 0.4) } .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .more-mutual-guilds-btn:before { content: ""; background-color: rgba(0, 0, 0, 0.4); background-size: 18px 18px; background-position: center center; background-repeat: no-repeat; border-radius: 5px; width: 30px; height: 30px; box-shadow: 1px 1px 2px hsla(0, 0%, 0%, 0.5); position: relative; top: 0 } #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .more-mutual-guilds-btn, #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .more-mutual-guilds-btn:hover { border: 0; color: transparent } .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M { top: 45px; right: 10px; opacity: 0; transition: opacity 400ms; visibility: visible } .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friendsColumnActions-1LT3_M { opacity: 0.8 } .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9 { width: 24px; height: 24px; transform: translateX(120px); transition: transform 400ms, background 400ms } .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friendsColumnActions-1LT3_M .friendsAction-__WNE9 { transform: translateX(0) } .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:first-child, .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:nth-child(2) { border-radius: 6px; background-color: rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px 0 var(--mc) } .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner { padding: 20px } .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner .avatar-large { border-radius: 5px; opacity: 0.6; transition: opacity 500ms } .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friends-suggestion-inner .avatar-large { opacity: 0.7 } .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner .friends-suggestion-info .discord-tag .username { color: rgba(224, 224, 224, 0.6); width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 500ms } .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friends-suggestion-inner .friends-suggestion-info .discord-tag .username { color: rgba(224, 224, 224, 0.7) } .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner .friends-suggestion-info .discord-tag .discriminator { color: rgba(224, 224, 224, 0.7); visibility: visible } .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner~.friendsColumnActions-1LT3_M { display: flex; flex-direction: column; padding: 5px 25px 0 0 } .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friends-suggestion-inner~.friendsColumnActions-1LT3_M .friendsAction-__WNE9:nth-child(2) { margin: 5px 0 0 0 } .theme-dark .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:hover { background-color: rgba(0, 255, 9, 0.4) } .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .status.status-unknown { border: none } #app-mount .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9.friendsActionRemove-qu8nnl { background-color: rgba(210, 20, 20, 0.5) } #app-mount .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9.friendsActionRemove-qu8nnl:hover { background-color: #d21414 !important } #app-mount .container-3gCOGc .friendsTable-133bsv .friendsTableBody-1ZhKif { padding: 0; flex-flow: row wrap } .friendsTableBody-1ZhKif[class*="scroller"] .friendsRow-2yicud { min-width: 20% } .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:first-child { transition: 600ms } .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:nth-child(2) { transition: 800ms } .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:nth-child(3) { transition: 1000ms } #app-mount .container-3gCOGc .friendsTable-133bsv .online-2S838R { background-color: #43b581 ; box-shadow: none !important } #app-mount .container-3gCOGc .friendsTable-133bsv .streaming-2_dnHe { background-color: #593695; box-shadow: none !important } #app-mount .container-3gCOGc .friendsTable-133bsv .dnd-1_xrcq { background-color: #f04747; box-shadow: none !important } #app-mount .container-3gCOGc .friendsTable-133bsv .idle-3DEnRT { background-color: #faa61a; box-shadow: none !important } #app-mount .container-3gCOGc .friendsTable-133bsv .invisible-1kp8Z0 { background-color: #1a36fa; box-shadow: none !important } #app-mount .container-3gCOGc .friendsTable-133bsv .offline-3qoTek, #app-mount .container-3gCOGc .friendsTable-133bsv .unknown-Ms2zdV { background-color: #747f8d; box-shadow: none !important } #app-mount .container-3gCOGc .friendsTable-133bsv .friendsTableBody-1ZhKif { height: calc(100vh - 80px); } #app-mount .member-3W1lQa {height:45px} #app-mount .members-1998pB .small-5Os1Bb {background-size: 37px;height: 37px;width: 37px} #app-mount .member-3W1lQa:hover .content-OzHfo4 .status-2s6iDp, #app-mount .member-3W1lQa .content-OzHfo4 .status-2s6iDp{border-color: transparent} #app-mount .status-oxiHuE.small-5Os1Bb.typing-1KJk_j.status-2zcSVk {left:0;right:0;height: 100% !important;width: 100%!important;background-color: rgba(0, 0, 0, 0.4);animation: typing 1.5s linear infinite} #app-mount .status-oxiHuE.small-5Os1Bb.typing-1KJk_j.status-2s6iDp {left:0;right:0;height: 100% !important;width: 100%!important;background-color: rgba(0, 0, 0, 0.4);animation: typing 1.5s linear infinite} #app-mount .statusProfile-3ynqtt.status-oxiHuE, #app-mount .listRow-hutiT_ .status-oxiHuE, #app-mount .card-7JP0BX .status-oxiHuE, #app-mount .privateChannels-1nO12o .status-2zcSVk, #app-mount .autocompleteRow-2OthDa .status-oxiHuE, #app-mount .container-1YxwTf .status-oxiHuE, #app-mount .members-1998pB .content-OzHfo4 .status-2s6iDp, #app-mount .members-1998pB .member-3W1lQa.popout-open .status-2s6iDp, #app-mount .container-2Thooq .status-2kJpnA,.friend-2PO6ke .status-2CRxKL, .status-oxiHuE.xxlarge-1R_NA5 { width:100%;height: 100%;right: 0;bottom:0 } .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .large-3ChYtB, .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .avatarSmall-3ACRaI{width:40px;height:40px;background-size:40px} .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .status-3fQvEa {right:241px;bottom: 0;height: 40px;width: 40px} .container-3gCOGc .friendsTable-133bsv .friendsColumnName-1zBOKm {padding-left:4px} @media (max-width:1300px){.container-3gCOGc .friendsTable-133bsv .friendsColumnName-1zBOKm{width:200px !important}} @media (max-width:1300px) {.container-3gCOGc .friendsTable-133bsv .friendsColumnGuilds-2we6jb{display:inline-flex !important}} #app-mount .online-2S838R {background-color: transparent;box-shadow:0 0 var(--sglow) var(--online) !important} #app-mount .streaming-2_dnHe {background-color: transparent;box-shadow:0 0 var(--sglow) var(--stream) !important} #app-mount .dnd-1_xrcq {background-color: transparent;box-shadow:0 0 var(--sglow) var(--dnd) !important} #app-mount .idle-3DEnRT {background-color: transparent;box-shadow:0 0 var(--sglow) var(--idle) !important} #app-mount .invisible-1kp8Z0{background-color: transparent;box-shadow:0 0 var(--sglow) var(--invis) !important} #app-mount .offline-3qoTek, #app-mount .unknown-Ms2zdV {background-color: transparent;box-shadow:0 0 var(--sglow) var(--offline) !important} #app-mount .status,#app-mount .status-oxiHuE,#app-mount .image-33JSyf, #app-mount .avatarSmall-3ACRaI,#app-mount .inner-1W0Bkn, #app-mount .wrapper-2F3Zv8,#app-mount .status-2s6iDp, #app-mount .statusProfile-3ynqtt {border-radius:var(--round);box-shadow:none;-webkit-box-shadow:none} #app-mount .maskProfile-1ObLFT,#app-mount .mask-3OgeRz {-webkit-mask: none;mask: none} #app-mount .title-3qD0b- .status-oxiHuE, #app-mount .friendsColumnStatus-ZH4ho2 .status-mz5rqq, #app-mount .titleCall-_b9o8P .status-oxiHuE {position:relative} #app-mount .container-2Thooq .status-2kJpnA,#app-mount .statusProfile-3ynqtt.status-oxiHuE {pointer-events: none} #app-mount .pulsingEllipsisItem-32hhWL {opacity: .9} #app-mount .privateChannels-1nO12o .pulsingEllipsis-3YiXRF {left:2px} .members-1998pB .pulsingEllipsis-3YiXRF {left:5px} #app-mount .status,#app-mount .status-oxiHuE{border:none} #app-mount .status-oxiHuE.animate-iYrs3- {transition:none} @keyframes typing { 50% {opacity: .4}} .titleText-3X-zRE {overflow: visible} #app-mount .menu-Sp6bN1.alt-3btY0e .online-2S838R, #app-mount .headerBar-UHpsPw .online-2S838R {background-color: var(--online)} #app-mount .menu-Sp6bN1.alt-3btY0e .streaming-2_dnHe, #app-mount .headerBar-UHpsPw .streaming-2_dnHe {background-color: var(--stream)} #app-mount .menu-Sp6bN1.alt-3btY0e .dnd-1_xrcq, #app-mount .headerBar-UHpsPw .dnd-1_xrcq {background-color: var(--dnd)} #app-mount .menu-Sp6bN1.alt-3btY0e .idle-3DEnRT, #app-mount .headerBar-UHpsPw .idle-3DEnRT {background-color: var(--idle)} #app-mount .menu-Sp6bN1.alt-3btY0e .invisible-1kp8Z0, #app-mount .headerBar-UHpsPw .invisible-1kp8Z0 {background-color: var(--invis)} #app-mount .menu-Sp6bN1.alt-3btY0e .offline-3qoTek,#app-mount .headerBar-UHpsPw .offline-3qoTek, #app-mount .menu-Sp6bN1.alt-3btY0e .unknown-Ms2zdV {background-color: var(--offline)} .userPopout-3XzG_A .headerTop-3C2Zn0 {padding: 0} .avatarHintInner-Dco91E {text-shadow:0 1px 3px #000,1px 0 3px #000,0 0 1px #000} .userPopout-3XzG_A {border-radius: var(--profileradius)} .userPopout-3XzG_A .avatarWrapper-3H_478, .userPopout-3XzG_A .wrapper-2F3Zv8, #app-mount .userPopout-3XzG_A .avatarWrapper-3H_478 .image-33JSyf { image-rendering: auto;border-color: transparent;background-color: transparent; margin: 0 0 0;width: 100%;height: 245px; display: flex;flex: 1;background-size: 250px 250px; border-radius: 0 !important; background-position: 0;background-repeat: no-repeat; position: relative;-webkit-mask: none;mask: none; } .userPopout-3XzG_A .header-3mZJcV:hover .avatarWrapper-3H_478 {filter: grayscale(14%);transition: filter 500ms ease-out;} .userPopout-3XzG_A .header-3mZJcV {height: 250px;transition: filter 100ms;background: none;border: none;color: transparent;z-index: 2;padding: 0} .userPopout-3XzG_A .avatarWrapper-3H_478.no-hover {min-height: 250px;top: 9px;} .userPopout-3XzG_A .headerPlaying-2eYqm9 {height: 350px;background-color: #2f3136} .userPopout-3XzG_A .header-3mZJcV:hover .headerText-2sdzFM { width: 200px;margin-top: -180px;border-radius: 10px;position: absolute;top: 342px;transition: top 170ms ease-out} .userPopout-3XzG_A .headerText-2sdzFM { width: 200px;top: 165px;position: absolute; transition: top 270ms ease-in-out;z-index: 0; } .userPopout-3XzG_A .headerStreaming-3F-wjT .headerLive-2dDMvp:hover {background-color: transparent} .userPopout-3XzG_A .header-3mZJcV:hover .avatarWrapper-3H_478 .avatarHint-2i5XWK { background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%); border-radius: 0;transition: opacity 300ms ease-in 80ms;opacity: 1} .userPopout-3XzG_A .avatarWrapper-3H_478 .avatarHint-2i5XWK { background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%); box-shadow: none;opacity: 0; border-radius: 0;transition: opacity 180ms ease-out 100ms; -webkit-mask: none;mask: none} .userPopout-3XzG_A :-webkit-any(.joinedAtDate.textRow-19NEd_,.nameTag-m8r81H, .headerActivityText-3qBQRo, .headerTag-3zin_i,.headerName-fajvi9), .userPopout-3XzG_A .creationDate { background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0%,rgba(0,0,0,0.6) 15%,rgba(0,0,0,0.6) 85%,rgba(0, 0, 0, 0.4) 100%); padding: 0;white-space: nowrap; } .userPopout-3XzG_A .headerText-2sdzFM .nameTag-m8r81H {margin-bottom: 4px} .userPopout-3XzG_A .headerText-2sdzFM .headerActivityText-3qBQRo {height: 0px;overflow: hidden;word-break: break-all;margin: 0} .userPopout-3XzG_A .header-3mZJcV:hover .headerText-2sdzFM .headerActivityText-3qBQRo {height: auto;max-height: 35px} #app-mount .userPopout-3XzG_A .avatarWrapper-3H_478 .statusProfile-3ynqtt { bottom: -8px;width: 250px;height: 8px;left: 0; box-shadow: inset 0 0 0 1.8px rgba(255,255,255,.2) !important; border-radius: 0;z-index: 4;border: none} #app-mount .userPopout-3XzG_A .statusProfile-3ynqtt.online-2S838R {background-color: #43b581} #app-mount .userPopout-3XzG_A .statusProfile-3ynqtt.streaming-2_dnHe {background-color: #593695} #app-mount .userPopout-3XzG_A .statusProfile-3ynqtt.dnd-1_xrcq {background-color: #f04747} #app-mount .userPopout-3XzG_A .statusProfile-3ynqtt.idle-3DEnRT {background-color: #faa61a} #app-mount .userPopout-3XzG_A .statusProfile-3ynqtt.invisible-1kp8Z0 {background-color: #1a36fa} #app-mount .userPopout-3XzG_A .statusProfile-3ynqtt.offline-3qoTek {background-color: #747f8d} .userPopout-3XzG_A .header-3mZJcV:hover .avatarWrapper-3H_478 .statusProfile-3ynqtt {filter: contrast(105%);transition: filter 480ms ease-out} .userPopout-3XzG_A .body-3rkFrF .bodyTitleText-hSiL7d {margin-top: 10px;margin-bottom: 4px} #app-mount .userPopout-3XzG_A .headerText-2sdzFM .nameTag-m8r81H,#app-mount .userPopout-3XzG_A .headerName-fajvi9, #app-mount .userPopout-3XzG_A .headerTagUsernameNoNickname-2_H881 {color: var(--color)} #app-mount .userPopout-3XzG_A .headerText-2sdzFM .nameTag-m8r81H, #app-mount .userPopout-3XzG_A .headerText-2sdzFM .headerTag-3zin_i, #app-mount .userPopout-3XzG_A .header-3mZJcV:hover .headerText-2sdzFM .headerActivityText-3qBQRo, .userPopout-3XzG_A .header-3mZJcV:hover .creationDate { opacity: 1;overflow: hidden;transition: opacity 200ms ease-in; transition-delay: 170ms;text-align: center;max-width:230px} .userPopout-3XzG_A .headerText-2sdzFM .headerActivityText-3qBQRo, .userPopout-3XzG_A .headerStreaming-3F-wjT .headerLive-2dDMvp { position: fixed;top: 20px;left: 34px; border-top: none;border-bottom: 1px solid rgba(255,255,255,.08); background: linear-gradient(to right, rgba(250,250,250,0) 0%,rgba(250,250,250,0.05) 15%,rgba(250,250,250,0.05) 85%,rgba(250,250,250,0) 100%); padding: 4px 25px;width: auto} .userPopout-3XzG_A .headerStreaming-3F-wjT {padding-bottom: 6px;} .userPopout-3XzG_A .headerStreaming-3F-wjT .avatarStatus-1g8f0K {bottom: -6px} .userPopout-3XzG_A .headerStreaming-3F-wjT .avatar-1BXaQj {padding-bottom: 4px;top: -2px} .userPopout-3XzG_A .body-3rkFrF {z-index: 1;padding-top: 14px} .userPopout-3XzG_A .footer-2J5zqP {z-index: 1} .userPopout-3XzG_A .avatarWrapper-3H_478 .avatar-1BXaQj::after {transform: scale(1);border-radius: 0} .userPopout-3XzG_A .avatarWrapper-3H_478:active, .userPopout-3XzG_A .avatarWrapper-3H_478:hover {box-shadow: none} #app-mount .userPopout-3XzG_A .avatarHint-1qgaV3 {border-radius:0} .userPopout-3XzG_A .maskProfile-1ObLFT{mask:none;-webkit-mask:none} #app-mount .joinedAtDate.textRow-19NEd_,.userPopout-3XzG_A .headerText-2sdzFM .nameTag-m8r81H, #app-mount .userPopout-3XzG_A .header-2BwW8b .creationDate {text-shadow: 1px 1px 1px #000;color:var(--color)} :root { --cbBG: rgba(0, 0, 0, 0.5); /* Main background colour */ --mainColour:rgba(0, 0, 0, 0.5); /* Main line colour */ --slColour: rgb(0, 0, 0); /* Secondary line colour */ } #app-mount .markup-2BOw-j code { background-color: var(--cbBG); background-image: linear-gradient(var(--mainColour) 50%,var(--slColour) 50%); background-position: 0 0; background-size: 100% 3em; line-height: 1.5 } #app-mount .markup-2BOw-j pre {background: transparent;border-color: transparent} #app-mount .markup-2BOw-j .hljs[class~="java" i], #app-mount .markup-2BOw-j .hljs[class~="sql" i], #app-mount .markup-2BOw-j .hljs[class~="ruby" i], #app-mount .markup-2BOw-j .hljs[class~="coffee" i], #app-mount .markup-2BOw-j .hljs[class~="xl" i], #app-mount .markup-2BOw-j .hljs[class~="py" i], #app-mount .markup-2BOw-j .hljs[class~="python" i], #app-mount .markup-2BOw-j .hljs[class~="html" i], #app-mount .markup-2BOw-j .hljs[class~="md" i], #app-mount .markup-2BOw-j .hljs[class~="markdown" i], #app-mount .markup-2BOw-j .hljs[class~="js" i], #app-mount .markup-2BOw-j .hljs[class~="javascript" i], #app-mount .markup-2BOw-j .hljs[class~="css" i], #app-mount .markup-2BOw-j .hljs[class~="bash" i], #app-mount .markup-2BOw-j .hljs[class~="vb" i], #app-mount .markup-2BOw-j .hljs[class~="visualbasic" i], #app-mount .markup-2BOw-j .hljs[class~="lua" i], #app-mount .markup-2BOw-j .hljs[class~="php" i], #app-mount .markup-2BOw-j .hljs[class~="swift" i], #app-mount .markup-2BOw-j .hljs[class~="makefile" i], #app-mount .markup-2BOw-j .hljs[class~="go" i], #app-mount .markup-2BOw-j .hljs[class~="ini" i], #app-mount .markup-2BOw-j .hljs[class~="rust" i], #app-mount .markup-2BOw-j .hljs[class~="prolog" i], #app-mount .markup-2BOw-j .hljs[class~="ts" i], #app-mount .markup-2BOw-j .hljs[class~="typescript" i], #app-mount .markup-2BOw-j .hljs[class~="http" i], #app-mount .markup-2BOw-j .hljs[class~="json" i], #app-mount .markup-2BOw-j .hljs[class~="xml" i], #app-mount .markup-2BOw-j .hljs[class~="less" i] {padding: 0} #app-mount .markup-2BOw-j .hljs[class~="java" i]::before, #app-mount .markup-2BOw-j .hljs[class~="sql" i]::before, #app-mount .markup-2BOw-j .hljs[class~="ruby" i]::before, #app-mount .markup-2BOw-j .hljs[class~="coffee" i]::before, #app-mount .markup-2BOw-j .hljs[class~="xl" i]::before, #app-mount .markup-2BOw-j .hljs[class~="py" i]::before, #app-mount .markup-2BOw-j .hljs[class~="python" i]::before, #app-mount .markup-2BOw-j .hljs[class~="html" i]::before, #app-mount .markup-2BOw-j .hljs[class~="md" i]::before, #app-mount .markup-2BOw-j .hljs[class~="markdown" i]::before, #app-mount .markup-2BOw-j .hljs[class~="bash" i]::before, #app-mount .markup-2BOw-j .hljs[class~="js" i]::before, #app-mount .markup-2BOw-j .hljs[class~="javascript" i]:before, #app-mount .markup-2BOw-j .hljs[class~="css" i]::before, #app-mount .markup-2BOw-j .hljs[class~="vb" i]::before, #app-mount .markup-2BOw-j .hljs[class~="visualbasic" i]::before, #app-mount .markup-2BOw-j .hljs[class~="lua" i]::before, #app-mount .markup-2BOw-j .hljs[class~="php" i]::before, #app-mount .markup-2BOw-j .hljs[class~="swift" i]::before, #app-mount .markup-2BOw-j .hljs[class~="makefile" i]::before, #app-mount .markup-2BOw-j .hljs[class~="go" i]::before, #app-mount .markup-2BOw-j .hljs[class~="ini" i]::before, #app-mount .markup-2BOw-j .hljs[class~="rust" i]::before, #app-mount .markup-2BOw-j .hljs[class~="prolog" i]::before, #app-mount .markup-2BOw-j .hljs[class~="ts" i]::before, #app-mount .markup-2BOw-j .hljs[class~="typescript" i]::before, #app-mount .markup-2BOw-j .hljs[class~="http" i]::before, #app-mount .markup-2BOw-j .hljs[class~="json" i]::before, #app-mount .markup-2BOw-j .hljs[class~="xml" i]::before, #app-mount .markup-2BOw-j .hljs[class~="less" i]::before { width: 100%;position: relative;display:inline-block; text-align:center;color: #fff;line-height: 16px;top:-3px} #app-mount .markup-2BOw-j .hljs[class~="js" i]::before, #app-mount .markup-2BOw-j .hljs[class~="javascript" i]::before{content: " Javascript";background: #165eab} #app-mount .markup-2BOw-j .hljs[class~="css" i]::before{content: " Cascading Style Sheet";background: #1d4c75} #app-mount .markup-2BOw-j .hljs[class~="bash" i]::before{content: " Bash";background: #ab1663} #app-mount .markup-2BOw-j .hljs[class~="markdown" i]::before, #app-mount .markup-2BOw-j .hljs[class~="md" i]::before{content: " Markdown";background: #ab2e16} #app-mount .markup-2BOw-j .hljs[class~="html" i]::before{content: " HTML";background: #16ab6f} #app-mount .markup-2BOw-j .hljs[class~="xl" i]::before{content: " eXtensible Language";background: #4872a8} #app-mount .markup-2BOw-j .hljs[class~="coffee" i]::before{content: " Coffee (Javascript)";background: #3a1b1b} #app-mount .markup-2BOw-j .hljs[class~="ruby" i]::before{content: " Ruby";background: #e73e3e} #app-mount .markup-2BOw-j .hljs[class~="sql" i]::before{content: " SQL";background: #4474ca} #app-mount .markup-2BOw-j .hljs[class~="java" i]::before{content: " Java";background: #eb2d2f} #app-mount .markup-2BOw-j .hljs[class~="py" i]::before, #app-mount .markup-2BOw-j .hljs[class~="python" i]::before{content: " Python";background: #1622ab} #app-mount .markup-2BOw-j .hljs[class~="vb" i]::before, #app-mount .markup-2BOw-j .hljs[class~="visualbasic" i]::before{content: " Visual Basic";background: #839700} #app-mount .markup-2BOw-j .hljs[class~="lua" i]::before{content: " Lua";background: #2ecc71} #app-mount .markup-2BOw-j .hljs[class~="php" i]::before{content: " Php";background: #6e81b6} #app-mount .markup-2BOw-j .hljs[class~="swift" i]::before{content: " Swift";background: #fd7837} #app-mount .markup-2BOw-j .hljs[class~="makefile" i]::before{content: " Makefile";background: #8a2b0f} #app-mount .markup-2BOw-j .hljs[class~="go" i]::before{content: " Go";background: #75cede} #app-mount .markup-2BOw-j .hljs[class~="ini" i]::before{content: " ini";background: #5a75c0} #app-mount .markup-2BOw-j .hljs[class~="rust" i]::before{content: " Rust";background: #000} #app-mount .markup-2BOw-j .hljs[class~="prolog" i]::before{content: " Prolog";background: #ef4d25} #app-mount .markup-2BOw-j .hljs[class~="ts" i]::before, #app-mount .markup-2BOw-j .hljs[class~="typescript" i]::before{content: " TypeScript";background: #03324c} #app-mount .markup-2BOw-j .hljs[class~="http" i]::before{content: " HTTP";background: #618f10} #app-mount .markup-2BOw-j .hljs[class~="json" i]::before{content: " Json";background: #108f66} #app-mount .markup-2BOw-j .hljs[class~="xml" i]::before{content: " XML";background: #8444af} #app-mount .markup-2BOw-j .hljs[class~="less" i]::before{content: " Less";background: #1d365d}