diff --git a/Themes/BasicBackground/BasicBackground.css b/Themes/BasicBackground/BasicBackground.css index 6ff8e2f329..5d8d7a29bf 100644 --- a/Themes/BasicBackground/BasicBackground.css +++ b/Themes/BasicBackground/BasicBackground.css @@ -155,10 +155,11 @@ html { 16. SCREENSHAREMODAL 17. PHONEVERIFICATIONMODAL 18. NOTIFICATIONSMODAL - 19. DISCOVERYENTRYMODAL + 19. PODIUMSTARTMODAL 20. NITROFEATUREMODAL 21. DIRECTORYMODAL 22. ACTIVITYSHAREMODAL + 22. ACTIVITYSHAREMODAL 14. POPOUTS 1. CONTEXTMENU 2. USERPOPOUT @@ -310,15 +311,15 @@ body::before { body::after { backdrop-filter: blur(var(--backgroundblur)); } -.layer__2efaa { +#app-mount .layer__2efaa { z-index: 1000; } -.container__4bde3::before, -.layer__2efaa ~ .layer__2efaa::before, -.root__6d24f::before, -.container__4bde3::after, -.layer__2efaa ~ .layer__2efaa::after, -.root__6d24f::after { +#app-mount .container__4bde3::before, +#app-mount .layer__2efaa ~ .layer__2efaa::before, +#app-mount .root__6d24f::before, +#app-mount .container__4bde3::after, +#app-mount .layer__2efaa ~ .layer__2efaa::after, +#app-mount .root__6d24f::after { content: ""; position: absolute; top: 0; @@ -328,31 +329,31 @@ body::after { pointer-events: none; z-index: -1; } -.container__4bde3::before, -.layer__2efaa ~ .layer__2efaa::before, -.root__6d24f::before { +#app-mount .container__4bde3::before, +#app-mount .layer__2efaa ~ .layer__2efaa::before, +#app-mount .root__6d24f::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } -.container__4bde3::after, -.layer__2efaa ~ .layer__2efaa::after, -.root__6d24f::after { +#app-mount .container__4bde3::after, +#app-mount .layer__2efaa ~ .layer__2efaa::after, +#app-mount .root__6d24f::after { background-color: rgba(var(--transparencycolor), var(--transparencyalpha)); backdrop-filter: blur(var(--backgroundblur)); } -.uploadArea__13687, -.backdrop__3ff7b, -.backdrop__7e89b { +#app-mount .uploadArea__13687, +#app-mount .backdrop__3ff7b, +#app-mount .backdrop__7e89b { background: transparent !important; opacity: 1 !important; animation: none !important; } -.uploadArea__13687::before, -.backdrop__3ff7b::before, -.backdrop__7e89b::before, -.uploadArea__13687::after, -.backdrop__3ff7b::after, -.backdrop__7e89b::after { +#app-mount .uploadArea__13687::before, +#app-mount .backdrop__3ff7b::before, +#app-mount .backdrop__7e89b::before, +#app-mount .uploadArea__13687::after, +#app-mount .backdrop__3ff7b::after, +#app-mount .backdrop__7e89b::after { content: ""; position: absolute; top: 0; @@ -362,28 +363,28 @@ body::after { pointer-events: none; z-index: -2; } -.uploadArea__13687::before, -.backdrop__3ff7b::before, -.backdrop__7e89b::before { +#app-mount .uploadArea__13687::before, +#app-mount .backdrop__3ff7b::before, +#app-mount .backdrop__7e89b::before { background: var(--backdrop) var(--backdropposition)/var(--backdropsize); background-attachment: fixed; } -.uploadArea__13687::after, -.backdrop__3ff7b::after, -.backdrop__7e89b::after { +#app-mount .uploadArea__13687::after, +#app-mount .backdrop__3ff7b::after, +#app-mount .backdrop__7e89b::after { backdrop-filter: blur(var(--backdropblur)); } -.withLayer__1fe9d { +#app-mount .withLayer__1fe9d { z-index: -1; } /* ~~~~ 3. TITLEBAR ~~~~ */ -.titleBar__01af6 { +#app-mount .titleBar__01af6 { z-index: 5001; } -.titleBar__01af6::after { +#app-mount .titleBar__01af6::after { content: ""; pointer-events: none; position: absolute; @@ -393,31 +394,31 @@ body::after { width: 100%; background-color: rgba(var(--transparencycolor), calc(0.1 + var(--guildchanneltransparency) * 2)); } -.titleBar__01af6:not(.typeMacOS__496b0)::after { +#app-mount .titleBar__01af6:not(.typeMacOS__496b0)::after { height: 22px; } -.titleBar__01af6.typeMacOS__496b0::after { +#app-mount .titleBar__01af6.typeMacOS__496b0::after { height: 28px; width: calc(100% - 4px); margin: 2px; border-radius: 5px; } -.titleBar__01af6.typeMacOS__496b0, -.titleBar__01af6.typeMacOS__496b0 .macButtons__7b1bc { +#app-mount .titleBar__01af6.typeMacOS__496b0, +#app-mount .titleBar__01af6.typeMacOS__496b0 .macButtons__7b1bc { width: 72px; } -.titleBar__01af6.typeMacOS__496b0.typeMacOSWithFrame_db4a7d .macButtons__7b1bc { +#app-mount .titleBar__01af6.typeMacOS__496b0.typeMacOSWithFrame_db4a7d .macButtons__7b1bc { margin-top: 0; margin-right: 0; } -.platform-osx .wrapper_a7e7a8 { +#app-mount .platform-osx .wrapper_a7e7a8 { margin-top: 0; padding-top: 32px; } -.platform-osx .standardSidebarView__1129a::before { +#app-mount .platform-osx .standardSidebarView__1129a::before { left: 72px; } -.winButtonMinMax__72f36:hover { +#app-mount .winButtonMinMax__72f36:hover { background-color: rgba(var(--transparencycolor), .2); } @@ -457,7 +458,7 @@ body::after { background-color: rgba(var(--transparencycolor), .3); } -.wrapper_ed1dea { /* folder outerwrap */ +#app-mount .wrapper_ed1dea { /* folder outerwrap */ margin-bottom: 8px; } #app-mount .folder__17546 { /* folder iconwrap */ @@ -474,26 +475,26 @@ body::after { margin-bottom: 8px; transition: border-radius 3s ease, background-color 1s ease; } -.expandedFolderBackground__1bec6.hover__043de { +#app-mount .expandedFolderBackground__1bec6.hover__043de { background-color: rgba(var(--transparencycolor), .4); } -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"] { /* folder guildwrap */ +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"] { /* folder guildwrap */ margin-bottom: -8px; } -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"] .listItem_fa7b36:last-child { +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"] .listItem_fa7b36:last-child { margin-bottom: 0; } -.bar_edc096 { /* guild/channelbar inner */ +#app-mount .bar_edc096 { /* guild/channelbar inner */ box-shadow: 0 2px 6px rgba(var(--transparencycolor), .24); } -.bar_edc096:not(.mention__1afd3) { +#app-mount .bar_edc096:not(.mention__1afd3) { background-color: transparent; overflow: hidden; } -.bar_edc096:not(.mention__1afd3)::before, -.bar_edc096:not(.mention__1afd3)::after { +#app-mount .bar_edc096:not(.mention__1afd3)::before, +#app-mount .bar_edc096:not(.mention__1afd3)::after { content: ""; position: absolute; top: 0; @@ -503,18 +504,18 @@ body::after { pointer-events: none; z-index: -1; } -.bar_edc096:not(.mention__1afd3)::before { +#app-mount .bar_edc096:not(.mention__1afd3)::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } -.bar_edc096:not(.mention__1afd3)::after { +#app-mount .bar_edc096:not(.mention__1afd3)::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1)); backdrop-filter: blur(var(--backgroundblur)); } -.sidebar_ded4b5 .bar_edc096:not(.mention__1afd3)::after { +#app-mount .sidebar_ded4b5 .bar_edc096:not(.mention__1afd3)::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + var(--guildchanneltransparency) * 0.85 + 0.1)); } -.wrapper_a7e7a8 .bar_edc096:not(.mention__1afd3)::after { +#app-mount .wrapper_a7e7a8 .bar_edc096:not(.mention__1afd3)::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + var(--guildchanneltransparency) * 1.9 + 0.1)); } @@ -527,99 +528,99 @@ body::after { /* ---- 5.1. GUILDHEADER ---- */ -.container__7c79d .animatedContainer__341f6 { /* banner wrap */ +#app-mount .container__7c79d .animatedContainer__341f6 { /* banner wrap */ background: none; box-shadow: none; } -.bannerImage__39c51 { /* banner image */ +#app-mount .bannerImage__39c51 { /* banner image */ -webkit-mask: linear-gradient(rgba(0,0,0,0.9) 70%, rgba(0,0,0,0) 100%); } -.bannerImage__39c51::before { +#app-mount .bannerImage__39c51::before { display: none; } -.header__104ca, /* header inner */ -.searchBar_e4ea2a { /* header searchbar */ +#app-mount .header__104ca, /* header inner */ +#app-mount .searchBar_e4ea2a { /* header searchbar */ box-shadow: 0 1px 0 rgba(var(--transparencycolor), .2), 0 1.5px 0 rgba(var(--transparencycolor), .05), 0 2px 0 rgba(var(--transparencycolor), .05); } -.searchBar_e4ea2a .searchBarComponent__22760 { /* header searchbarinner */ +#app-mount .searchBar_e4ea2a .searchBarComponent__22760 { /* header searchbarinner */ background-color: rgba(var(--transparencycolor), .2); } -.clickable__2d589:not(.hasBanner_e78601) .header__104ca:hover, -.selected__0b1ad:not(.hasBanner_e78601) .header__104ca { +#app-mount .clickable__2d589:not(.hasBanner_e78601) .header__104ca:hover, +#app-mount .selected__0b1ad:not(.hasBanner_e78601) .header__104ca { background-color: rgba(var(--transparencycolor), .2); } /* ---- 5.2. CHANNELS ---- */ -.wrapper__7bcde:hover .link__95dc0 { /* channel content */ +#app-mount .wrapper__7bcde:hover .link__95dc0 { /* channel content */ background-color: rgba(var(--transparencycolor), .2); } -.wrapper__7bcde:hover .link__95dc0 [style*="color: var(--text-muted)"] { +#app-mount .wrapper__7bcde:hover .link__95dc0 [style*="color: var(--text-muted)"] { color: var(--header-secondary) !important; } -.modeSelected__487d6 .link__95dc0, -.modeSelected__487d6:hover .link__95dc0 { +#app-mount .modeSelected__487d6 .link__95dc0, +#app-mount .modeSelected__487d6:hover .link__95dc0 { background-color: rgb(var(--accentcolor)); text-shadow: 1px 1px var(--textshadow); } -.modeSelected__487d6 .link__95dc0 [style*="color: var(--text-muted)"], -.modeSelected__487d6:hover .link__95dc0 [style*="color: var(--text-muted)"] { +#app-mount .modeSelected__487d6 .link__95dc0 [style*="color: var(--text-muted)"], +#app-mount .modeSelected__487d6:hover .link__95dc0 [style*="color: var(--text-muted)"] { color: var(--header-secondary) !important; } -.modeSelected__487d6 .link__95dc0 svg, -.modeSelected__487d6:hover .link__95dc0 svg { +#app-mount .modeSelected__487d6 .link__95dc0 svg, +#app-mount .modeSelected__487d6:hover .link__95dc0 svg { filter: drop-shadow(1px 1px var(--textshadow)); } -.icon_eff5d4 { /* channel icon */ +#app-mount .icon_eff5d4 { /* channel icon */ color: var(--channels-default); } -.modeMuted__0aeea .icon_eff5d4 { +#app-mount .modeMuted__0aeea .icon_eff5d4 { color: var(--interactive-muted); } -.modeMuted__0aeea:hover .icon_eff5d4, -.wrapper__7bcde:hover .icon_eff5d4 { +#app-mount .modeMuted__0aeea:hover .icon_eff5d4, +#app-mount .wrapper__7bcde:hover .icon_eff5d4 { color: var(--interactive-hover); } -.modeConnected__1c02e .icon_eff5d4, -.modeConnected__1c02e:hover .icon_eff5d4, -.modeSelected__487d6 .icon_eff5d4, -.modeSelected__487d6:hover .icon_eff5d4, -.modeUnread_f74c03 .icon_eff5d4, -.modeUnread_f74c03:hover .icon_eff5d4, -.notInteractive_a7d9fb.modeConnected__1c02e .icon_eff5d4, -.notInteractive_a7d9fb.modeSelected__487d6 .icon_eff5d4 { +#app-mount .modeConnected__1c02e .icon_eff5d4, +#app-mount .modeConnected__1c02e:hover .icon_eff5d4, +#app-mount .modeSelected__487d6 .icon_eff5d4, +#app-mount .modeSelected__487d6:hover .icon_eff5d4, +#app-mount .modeUnread_f74c03 .icon_eff5d4, +#app-mount .modeUnread_f74c03:hover .icon_eff5d4, +#app-mount .notInteractive_a7d9fb.modeConnected__1c02e .icon_eff5d4, +#app-mount .notInteractive_a7d9fb.modeSelected__487d6 .icon_eff5d4 { color: var(--interactive-active); } -.modeConnected__1c02e .subtitle_bba2b7, /* channel subtitle */ -.modeConnected__1c02e:hover .subtitle_bba2b7, -.modeSelected__487d6 .subtitle_bba2b7, -.modeSelected__487d6:hover .subtitle_bba2b7, -.modeUnread_f74c03 .subtitle_bba2b7, -.modeUnread_f74c03:hover .subtitle_bba2b7, -.notInteractive_a7d9fb.modeConnected__1c02e .subtitle_bba2b7, -.notInteractive_a7d9fb.modeSelected__487d6 .subtitle_bba2b7 { +#app-mount .modeConnected__1c02e .subtitle_bba2b7, /* channel subtitle */ +#app-mount .modeConnected__1c02e:hover .subtitle_bba2b7, +#app-mount .modeSelected__487d6 .subtitle_bba2b7, +#app-mount .modeSelected__487d6:hover .subtitle_bba2b7, +#app-mount .modeUnread_f74c03 .subtitle_bba2b7, +#app-mount .modeUnread_f74c03:hover .subtitle_bba2b7, +#app-mount .notInteractive_a7d9fb.modeConnected__1c02e .subtitle_bba2b7, +#app-mount .notInteractive_a7d9fb.modeSelected__487d6 .subtitle_bba2b7 { color: var(--interactive-normal); } -.spine__88e6d { /* channel thread spine */ +#app-mount .spine__88e6d { /* channel thread spine */ color: var(--channels-default); } -.wrapper__5848b { /* voicechat limit */ +#app-mount .wrapper__5848b { /* voicechat limit */ background-color: rgba(var(--transparencycolor), .15); } -.wrapper__5848b .users__65981 { +#app-mount .wrapper__5848b .users__65981 { background-color: transparent; } -.wrapper__5848b .total_c01838 { +#app-mount .wrapper__5848b .total_c01838 { background-color: rgba(var(--transparencycolor), .3); } -.wrapper__5848b .total_c01838::after { +#app-mount .wrapper__5848b .total_c01838::after { border-right-color: rgba(var(--transparencycolor), .3); } -.listDefault__205d0 .clickable__137bc:hover .content_b60865 { +#app-mount .listDefault__205d0 .clickable__137bc:hover .content_b60865 { background-color: rgba(var(--transparencycolor), .2); } @@ -629,8 +630,8 @@ body::after { color: var(--header-secondary); overflow: hidden; } -.streamPreview__1846c::before, -.streamPreview__1846c::after { +#app-mount .streamPreview__1846c::before, +#app-mount .streamPreview__1846c::after { content: ""; position: absolute; top: 0; @@ -643,11 +644,11 @@ body::after { pointer-events: none; z-index: -1; } -.streamPreview__1846c::before { +#app-mount .streamPreview__1846c::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.streamPreview__1846c::after { +#app-mount .streamPreview__1846c::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } @@ -665,33 +666,33 @@ body::after { /* ---- 5.3. DMCHANNELS ---- */ -.interactive__776ee:focus-within, /* dmchannel/page inner */ -.interactive__776ee:hover { +#app-mount .interactive__776ee:focus-within, /* dmchannel/page inner */ +#app-mount .interactive__776ee:hover { background-color: rgba(var(--transparencycolor), .2); } -.selected_d94cf9, -.selected_d94cf9:focus-within, -.selected_d94cf9:hover { +#app-mount .selected_d94cf9, +#app-mount .selected_d94cf9:focus-within, +#app-mount .selected_d94cf9:hover { background-color: rgb(var(--accentcolor)); color: var(--header-primary); text-shadow: 1px 1px var(--textshadow); } -.selected_d94cf9 svg { +#app-mount .selected_d94cf9 svg { filter: drop-shadow(1px 1px var(--textshadow)); } -.empty__086ba { /* loadingplaceholders */ +#app-mount .empty__086ba { /* loadingplaceholders */ fill: rgba(var(--transparencycolor), .4); } /* ---- 5.4. ACCOUNT/VOICE/GOLIVE ---- */ -.panels__58331 > *, /* account/voice inner */ -.panels__58331 .wrapper__0ed4a > * { /* account/voice inner */ +#app-mount .panels__58331 > *, /* account/voice inner */ +#app-mount .panels__58331 .wrapper__0ed4a > * { /* account/voice inner */ background: none; border: none; } -.panels__58331 > *:not(:empty) ~ *:not(:empty) { +#app-mount .panels__58331 > *:not(:empty) ~ *:not(:empty) { border-top: 1px solid rgba(var(--transparencycolor), .2); } @@ -702,36 +703,36 @@ button.button__4f306.enabled__470f0:hover { opacity: 1; background-color: rgb(var(--accentcolor)); } -.withTagAsButton_cc125f:hover, -.withTagless__98b7d:hover { +#app-mount .withTagAsButton_cc125f:hover, +#app-mount .withTagless__98b7d:hover { background-color: rgb(var(--accentcolor)); } button.button__4f306.enabled__470f0:hover svg { filter: drop-shadow(1px 1px var(--textshadow)); } -.button__66e8c.buttonColor_a6eb73 { +#app-mount .button__66e8c.buttonColor_a6eb73 { background-color: rgba(var(--transparencycolor), .2); } -.button__66e8c.buttonColor_a6eb73:hover { +#app-mount .button__66e8c.buttonColor_a6eb73:hover { background-color: rgba(var(--transparencycolor), .4); } -.button__66e8c.buttonColor_a6eb73.buttonActive__407a7, -.button__66e8c.buttonColor_a6eb73.buttonActive__407a7:hover { +#app-mount .button__66e8c.buttonColor_a6eb73.buttonActive__407a7, +#app-mount .button__66e8c.buttonColor_a6eb73.buttonActive__407a7:hover { background-color: rgb(var(--accentcolor)); text-shadow: 1px 1px var(--textshadow); } -.button__66e8c.buttonColor_a6eb73.buttonActive__407a7 svg, -.button__66e8c.buttonColor_a6eb73.buttonActive__407a7:hover svg { +#app-mount .button__66e8c.buttonColor_a6eb73.buttonActive__407a7 svg, +#app-mount .button__66e8c.buttonColor_a6eb73.buttonActive__407a7:hover svg { filter: drop-shadow(1px 1px var(--textshadow)); } /* ~~~~ 6. CHAT ~~~~ */ -.chat__52833.threadSidebarOpen_fa231d { /* chat threadsidebar open */ +#app-mount .chat__52833.threadSidebarOpen_fa231d { /* chat threadsidebar open */ border-radius: 0; } -.editor_e77931 { /* chat editor */ +#app-mount .editor_e77931 { /* chat editor */ border: none; } #app-mount .background_e80d5a .container__92dc8, @@ -762,16 +763,16 @@ button.button__4f306.enabled__470f0:hover svg { #app-mount .container__10dc7 .channelRow__96673:hover { background: var(--background-tertiary); } -.contentPreview_b317ee { /* forum list item */ +#app-mount .contentPreview_b317ee { /* forum list item */ border-color: rgb(var(--transparencycolor)); } #app-mount .textContentFooter__5a630 { /* forum list item footer */ background: linear-gradient(0deg, rgba(var(--transparencycolor), .5), rgba(var(--transparencycolor), .1)); } -.container__8ee50 { +#app-mount .container__8ee50 { border-color: var(--background-floating); } -.divider_ffec75 { /* forum fat divider */ +#app-mount .divider_ffec75 { /* forum fat divider */ background: var(--background-floating); } #app-mount .container_c24cbd.isOpen_d88bb6 { /* forum selected post */ @@ -789,26 +790,26 @@ button.button__4f306.enabled__470f0:hover svg { /* ---- 6.1. CHANNELHEADER ---- */ -.container__11d72.themed_b152d4 { /* header themedcontainer */ +#app-mount .container__11d72.themed_b152d4 { /* header themedcontainer */ box-shadow: 0 1px 0 rgba(var(--transparencycolor), .2), 0 1.5px 0 rgba(var(--transparencycolor), .05), 0 2px 0 rgba(var(--transparencycolor), .05); } -.input__321f5:focus { /* header dmchannelinput */ +#app-mount .input__321f5:focus { /* header dmchannelinput */ background-color: rgba(var(--transparencycolor), .2); } -.input__321f5:focus, -.outer_c57160:hover .input__321f5 { +#app-mount .input__321f5:focus, +#app-mount .outer_c57160:hover .input__321f5 { box-shadow: inset 0 0 0 1px rgba(var(--transparencycolor), .2); } -.children__32014::after { /* header topicgradient */ +#app-mount .children__32014::after { /* header topicgradient */ display: none; } -.akaBadge__7df41 { /* header aka */ +#app-mount .akaBadge__7df41 { /* header aka */ background-color: rgba(var(--transparencycolor), .3); } -.searchBar_e0c60b { /* header searchbar */ +#app-mount .searchBar_e0c60b { /* header searchbar */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .public-DraftEditorPlaceholder-root { @@ -825,16 +826,16 @@ button.button__4f306.enabled__470f0:hover svg { /* ---- 6.2. MESSAGES ---- */ -.clickableAction_bef9b9:hover .action_c957d9, /* guidancechannel options */ -.row__70f4c:hover { +#app-mount .clickableAction_bef9b9:hover .action_c957d9, /* guidancechannel options */ +#app-mount .row__70f4c:hover { background-color: rgba(var(--transparencycolor), .4); } -.emptyChannelIcon__1a1ba { /* welcomemessage empty channelicon */ +#app-mount .emptyChannelIcon__1a1ba { /* welcomemessage empty channelicon */ background-color: rgba(var(--transparencycolor), .4); } -.button_fb39e8:hover { /* welcomemessage edit channel */ +#app-mount .button_fb39e8:hover { /* welcomemessage edit channel */ background-color: rgb(var(--accentcolor)); color: var(--interactive-active); text-shadow: 1px 1px var(--textshadow); @@ -870,10 +871,10 @@ button.button__4f306.enabled__470f0:hover svg { background-color: var(--text-normal) !important; } -.divider_b9338f.hasContent_fea365 { /* divider hascontent */ +#app-mount .divider_b9338f.hasContent_fea365 { /* divider hascontent */ border-width: calc(1px * (1 - var(--usechatbubbles))); } -.divider_b9338f.hasContent_fea365::before { +#app-mount .divider_b9338f.hasContent_fea365::before { content: ""; position: absolute; top: -0.6rem; @@ -885,14 +886,14 @@ button.button__4f306.enabled__470f0:hover svg { pointer-events: none; z-index: -1; } -.content_d67847 { /* divider content */ +#app-mount .content_d67847 { /* divider content */ position: absolute; background-color: transparent; padding: 2px 8px; width: unset; } -.content_d67847::before, -.content_d67847::after { +#app-mount .content_d67847::before, +#app-mount .content_d67847::after { content: ""; position: absolute; top: 0; @@ -903,32 +904,32 @@ button.button__4f306.enabled__470f0:hover svg { opacity: calc(1 - var(--usechatbubbles)); z-index: -1; } -.content_d67847::before { +#app-mount .content_d67847::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } -.content_d67847::after { +#app-mount .content_d67847::after { background-color: rgba(var(--transparencycolor), var(--transparencyalpha)); backdrop-filter: blur(var(--backgroundblur)); } -.unreadPill__715fc { /* divider unreadpill */ +#app-mount .unreadPill__715fc { /* divider unreadpill */ border-radius: calc(4px * var(--usechatbubbles)) 4px 4px calc(4px * var(--usechatbubbles)); padding-left: calc(4px * var(--usechatbubbles) + 1px * (1 - var(--usechatbubbles))); } -.unreadPillCap__96b8d { /* divider unreadpillcap */ +#app-mount .unreadPillCap__96b8d { /* divider unreadpillcap */ opacity: calc(1 - var(--usechatbubbles)); } -.hasMore_b03f46:hover { +#app-mount .hasMore_b03f46:hover { background-color: rgba(var(--transparencycolor), .2); } -.jumpToPresentBar__0ff7f { /* bar jumptopresent */ +#app-mount .jumpToPresentBar__0ff7f { /* bar jumptopresent */ background-color: transparent; overflow: hidden; opacity: 1; } -.jumpToPresentBar__0ff7f::before, -.jumpToPresentBar__0ff7f::after { +#app-mount .jumpToPresentBar__0ff7f::before, +#app-mount .jumpToPresentBar__0ff7f::after { content: ""; position: absolute; top: 0; @@ -938,11 +939,11 @@ button.button__4f306.enabled__470f0:hover svg { pointer-events: none; z-index: -1; } -.jumpToPresentBar__0ff7f::before { +#app-mount .jumpToPresentBar__0ff7f::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } -.jumpToPresentBar__0ff7f::after { +#app-mount .jumpToPresentBar__0ff7f::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--backgroundblur)); } @@ -953,32 +954,32 @@ button.button__4f306.enabled__470f0:hover svg { background-color: rgba(var(--transparencycolor), .2); box-shadow: none; } -.message__80c10, /* message container */ -.messagesWrapper_ea2b0b .wrapper__09ecc, /* message upload placeholder */ -.card_d4f6c7 .wrapper__09ecc, /* message home */ -.wrapper__5c5cd, /* message loading */ -.message_f3a9e4, /* message mention popout */ -.message__41c2a, /* message inbox popout */ -.message__04d9f .wrapper__09ecc, /* message settings preview */ -.messageGroupCozy__2dedd, /* message pin popout */ -.message_d8db25 .wrapper__09ecc { /* message searchpage */ +#app-mount .message__80c10, /* message container */ +#app-mount .messagesWrapper_ea2b0b .wrapper__09ecc, /* message upload placeholder */ +#app-mount .card_d4f6c7 .wrapper__09ecc, /* message home */ +#app-mount .wrapper__5c5cd, /* message loading */ +#app-mount .message_f3a9e4, /* message mention popout */ +#app-mount .message__41c2a, /* message inbox popout */ +#app-mount .message__04d9f .wrapper__09ecc, /* message settings preview */ +#app-mount .messageGroupCozy__2dedd, /* message pin popout */ +#app-mount .message_d8db25 .wrapper__09ecc { /* message searchpage */ background-color: rgba(var(--transparencycolor), var(--messagetransparency)) !important; contain: unset; } -.message_d8db25 .wrapper__09ecc { /* message searchpage */ +#app-mount .message_d8db25 .wrapper__09ecc { /* message searchpage */ background-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 0.8)) !important; } -.message__80c10.selected_fd9051, -.mouse-mode .message__80c10:hover, -.mouse-mode.full-motion .message__80c10:hover, -.mouse-mode .wrapper__5c5cd:hover, -.mouse-mode.full-motion .wrapper__5c5cd:hover { +#app-mount .message__80c10.selected_fd9051, +#app-mount .mouse-mode .message__80c10:hover, +#app-mount .mouse-mode.full-motion .message__80c10:hover, +#app-mount .mouse-mode .wrapper__5c5cd:hover, +#app-mount .mouse-mode.full-motion .wrapper__5c5cd:hover { background-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 1.2 * var(--usechatbubbles) + 0.3 * (1 - var(--usechatbubbles)))) !important; } -.backgroundFlash_e5b9ad .message__80c10 { /* message jump flash */ +#app-mount .backgroundFlash_e5b9ad .message__80c10 { /* message jump flash */ position: relative; } -.backgroundFlash_e5b9ad .message__80c10::before { +#app-mount .backgroundFlash_e5b9ad .message__80c10::before { content: ""; position: absolute; background: var(--message-background-flash, transparent); @@ -989,24 +990,24 @@ button.button__4f306.enabled__470f0:hover svg { z-index: 1; pointer-events: none; } -.backgroundFlash_e5b9ad .cozyMessage__64ce7::before { +#app-mount .backgroundFlash_e5b9ad .cozyMessage__64ce7::before { left: calc(-80px * var(--usechatbubbles)); } -.message__80c10.ephemeral_c26b64, /* message localbot */ -.message__80c10.replying_d7b6ad { /* message replying */ +#app-mount .message__80c10.ephemeral_c26b64, /* message localbot */ +#app-mount .message__80c10.replying_d7b6ad { /* message replying */ background-image: linear-gradient(rgba(var(--accentcolor), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--accentcolor), calc(0.2 * (1 - var(--usechatbubbles))))); } -.message__80c10.mentioned__58017 { /* message mentioned */ +#app-mount .message__80c10.mentioned__58017 { /* message mentioned */ background-image: linear-gradient(rgba(var(--mentioncolor), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--accentcolor), calc(0.2 * (1 - var(--usechatbubbles))))); } -.message__80c10.ephemeral_c26b64::before, -.message__80c10.replying_d7b6ad::before { +#app-mount .message__80c10.ephemeral_c26b64::before, +#app-mount .message__80c10.replying_d7b6ad::before { background-color: rgb(var(--accentcolor)); } -.message__80c10.mentioned__58017::before { +#app-mount .message__80c10.mentioned__58017::before { background-color: rgb(var(--mentioncolor)); } -.message__80c10.mentioned__58017 .contents_f41bb2 .messageContent__21e69 { +#app-mount .message__80c10.mentioned__58017 .contents_f41bb2 .messageContent__21e69 { border-radius: 3px; background-color: rgba(var(--mentioncolor), calc(0.3 * var(--usechatbubbles))); } @@ -1144,15 +1145,15 @@ button.button__4f306.enabled__470f0:hover svg { border-color: rgba(var(--textbrighter), .3); } -.spine_d081ec { +#app-mount .spine_d081ec { border-color: rgba(var(--textbrighter), .3); } -.hasThread__58ee2 .spine_d081ec { +#app-mount .hasThread__58ee2 .spine_d081ec { display: none; } -.cozy_f5c119 .header__39b23::after, /* message container header */ -.cozy__32560 .header_c65767::after { /* message loading header */ +#app-mount .cozy_f5c119 .header__39b23::after, /* message container header */ +#app-mount .cozy__32560 .header_c65767::after { /* message loading header */ content: ""; position: absolute; top: 12px; @@ -1160,19 +1161,19 @@ button.button__4f306.enabled__470f0:hover svg { border: 10px solid transparent; border-right: 12px solid rgba(var(--transparencycolor), var(--messagetransparency)); } -.cozy_f5c119 .container_aed774 .header__39b23::after { +#app-mount .cozy_f5c119 .container_aed774 .header__39b23::after { left: 40px; } -.messageGroupWrapper_f8c6e9 .messageGroupCozy__2dedd .header__39b23::after { +#app-mount .messageGroupWrapper_f8c6e9 .messageGroupCozy__2dedd .header__39b23::after { top: 2px; } -.message_d8db25 .wrapper__09ecc .header__39b23::after { +#app-mount .message_d8db25 .wrapper__09ecc .header__39b23::after { border-right-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 0.8)); } -.cozy_f5c119 .timestamp_cdbd93.alt__6c563 { +#app-mount .cozy_f5c119 .timestamp_cdbd93.alt__6c563 { left: calc(-78px * var(--usechatbubbles)); } -.cozy_f5c119 .iconContainer_dfc268 { +#app-mount .cozy_f5c119 .iconContainer_dfc268 { background-color: rgba(var(--transparencycolor), var(--messagetransparency)); border-radius: 50%; left: calc(1px * (-58 * var(--usechatbubbles) + -48 * (1 - var(--usechatbubbles)))); @@ -1182,10 +1183,10 @@ button.button__4f306.enabled__470f0:hover svg { margin-right: 1rem; padding: 0; } -.cozy_f5c119 .blockedSystemMessage_e58a4c .iconContainer_dfc268 { +#app-mount .cozy_f5c119 .blockedSystemMessage_e58a4c .iconContainer_dfc268 { background-color: transparent; } -.cozy_f5c119 .iconContainer_dfc268::after { +#app-mount .cozy_f5c119 .iconContainer_dfc268::after { content: ""; position: absolute; top: 2px; @@ -1193,17 +1194,17 @@ button.button__4f306.enabled__470f0:hover svg { border: 10px solid transparent; border-right: 12px solid rgba(var(--transparencycolor), var(--messagetransparency)); } -.cozy_f5c119 .blockedSystemMessage_e58a4c .iconContainer_dfc268::after { +#app-mount .cozy_f5c119 .blockedSystemMessage_e58a4c .iconContainer_dfc268::after { display: none; } -.selected_fd9051.message__80c10.cozy_f5c119 .header__39b23::after, -.mouse-mode .message__80c10.cozy_f5c119:hover .header__39b23::after, -.mouse-mode.full-motion .message__80c10.cozy_f5c119:hover .header__39b23::after, -.mouse-mode .wrapper__5c5cd.cozy__32560:hover .header_c65767::after, -.mouse-mode.full-motion .wrapper__5c5cd.cozy__32560:hover .header_c65767::after, -.selected_fd9051.message__80c10.cozy_f5c119 .iconContainer_dfc268::after, -.mouse-mode .message__80c10.cozy_f5c119:hover .iconContainer_dfc268::after, -.mouse-mode.full-motion .message__80c10.cozy_f5c119:hover .iconContainer_dfc268::after { +#app-mount .selected_fd9051.message__80c10.cozy_f5c119 .header__39b23::after, +#app-mount .mouse-mode .message__80c10.cozy_f5c119:hover .header__39b23::after, +#app-mount .mouse-mode.full-motion .message__80c10.cozy_f5c119:hover .header__39b23::after, +#app-mount .mouse-mode .wrapper__5c5cd.cozy__32560:hover .header_c65767::after, +#app-mount .mouse-mode.full-motion .wrapper__5c5cd.cozy__32560:hover .header_c65767::after, +#app-mount .selected_fd9051.message__80c10.cozy_f5c119 .iconContainer_dfc268::after, +#app-mount .mouse-mode .message__80c10.cozy_f5c119:hover .iconContainer_dfc268::after, +#app-mount .mouse-mode.full-motion .message__80c10.cozy_f5c119:hover .iconContainer_dfc268::after { border-right-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 1.2)); } #app-mount .mentioned__58017.cozy_f5c119 .header__39b23::after { @@ -1213,15 +1214,15 @@ button.button__4f306.enabled__470f0:hover svg { #app-mount .replying_d7b6ad.cozy_f5c119 .header__39b23::after { border-right-color: rgba(var(--accentcolor), calc(var(--messagetransparency) * 100000000000000000000000000000)); } -.message_f3a9e4, -.message__41c2a, -.zalgo__39311 .messageContent__21e69, -.zalgo__39311.cozy_f5c119 .header__39b23, -.wrapper__5c5cd, -.cozy__32560 .header_c65767 { +#app-mount .message_f3a9e4, +#app-mount .message__41c2a, +#app-mount .zalgo__39311 .messageContent__21e69, +#app-mount .zalgo__39311.cozy_f5c119 .header__39b23, +#app-mount .wrapper__5c5cd, +#app-mount .cozy__32560 .header_c65767 { overflow: visible; } -.container_aed774 { /* message blocked */ +#app-mount .container_aed774 { /* message blocked */ padding: 0; overflow: visible; } @@ -1244,74 +1245,74 @@ button.button__4f306.enabled__470f0:hover svg { margin-left: 0; padding-left: 0; } -.messageContainer_aa7d14 .wrapper__09ecc, -.messages_f7999e .wrapper__09ecc, -.message__04d9f .wrapper__09ecc, -.messageGroupWrapper_f8c6e9 .messageGroupCozy__2dedd, -.message_d8db25 .wrapper__09ecc { +#app-mount .messageContainer_aa7d14 .wrapper__09ecc, +#app-mount .messages_f7999e .wrapper__09ecc, +#app-mount .message__04d9f .wrapper__09ecc, +#app-mount .messageGroupWrapper_f8c6e9 .messageGroupCozy__2dedd, +#app-mount .message_d8db25 .wrapper__09ecc { border-radius: 5px; margin-left: calc(60px * var(--usechatbubbles)); padding-left: calc(1px * (10 * var(--usechatbubbles) + 72 * (1 - var(--usechatbubbles)))); } -.messages_f7999e .wrapper__09ecc { +#app-mount .messages_f7999e .wrapper__09ecc { border-radius: 0; } /* message home message */ -.interactiveCard_d5a839.selected__715e8, .interactiveCard_d5a839:active, -.interactiveCard_d5a839:hover { +#app-mount .interactiveCard_d5a839.selected__715e8, .interactiveCard_d5a839:active, +#app-mount .interactiveCard_d5a839:hover { border-color: var(--background-secondary); } -.feedItemHeader__653e4 { +#app-mount .feedItemHeader__653e4 { border-color: var(--background-primary); } -.interactiveCard_d5a839.selected__715e8, .interactiveCard_d5a839:active .feedItemHeader__653e4, -.interactiveCard_d5a839:hover .feedItemHeader__653e4 { +#app-mount .interactiveCard_d5a839.selected__715e8, .interactiveCard_d5a839:active .feedItemHeader__653e4, +#app-mount .interactiveCard_d5a839:hover .feedItemHeader__653e4 { border-color: var(--background-secondary); } -.avatar_eb6eba { /* message loading avatar */ +#app-mount .avatar_eb6eba { /* message loading avatar */ background: rgba(var(--transparencycolor), .4); opacity: 1 !important; } -.attachment__7a2d0, /* message loading attachment */ -.blob__8d5bd { /* message loading blob */ +#app-mount .attachment__7a2d0, /* message loading attachment */ +#app-mount .blob__8d5bd { /* message loading blob */ background: rgb(var(--accentcolor)); } -.expanded_be53d7 { /* message expanded blocked */ +#app-mount .expanded_be53d7 { /* message expanded blocked */ background-color: rgba(var(--transparencycolor), .2); border-radius: 5px 5px 0 5px; margin-bottom: .5625rem; } -.reaction_fef95b { /* message reaction */ +#app-mount .reaction_fef95b { /* message reaction */ background-color: rgba(var(--transparencycolor), .3); border: none; } -.reaction_fef95b:hover { +#app-mount .reaction_fef95b:hover { background-color: rgba(var(--transparencycolor), .4); } -.reaction_fef95b.reactionMe__98f57 { +#app-mount .reaction_fef95b.reactionMe__98f57 { background-color: rgba(var(--accentcolor), .8); } -.reaction_fef95b.reactionMe__98f57:hover { +#app-mount .reaction_fef95b.reactionMe__98f57:hover { background-color: rgb(var(--accentcolor)); } -.reaction_fef95b.reactionMe__98f57 .reactionCount_b49901 { +#app-mount .reaction_fef95b.reactionMe__98f57 .reactionCount_b49901 { color: #FFF; text-shadow: 1px 1px var(--textshadow); } -.reaction_fef95b:hover { +#app-mount .reaction_fef95b:hover { background-color: rgba(var(--transparencycolor), .4); } -.wrapper_c727b6 { /* message buttons */ +#app-mount .wrapper_c727b6 { /* message buttons */ position: relative; background: transparent; } -.wrapper_c727b6::before, -.wrapper_c727b6::after { +#app-mount .wrapper_c727b6::before, +#app-mount .wrapper_c727b6::after { content: ""; position: absolute; top: 0; @@ -1324,57 +1325,57 @@ button.button__4f306.enabled__470f0:hover svg { pointer-events: none; z-index: -1; } -.wrapper_c727b6::before { +#app-mount .wrapper_c727b6::before { background: var(--backgound) var(--backgoundposition)/var(--backgroundsize); background-attachment: fixed; } -.wrapper_c727b6::after { +#app-mount .wrapper_c727b6::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--backgroundblur)); } -.button_d553e5:hover { /* message button */ +#app-mount .button_d553e5:hover { /* message button */ background-color: rgba(var(--transparencycolor), .2); } -.button_d553e5.selected__63428 { +#app-mount .button_d553e5.selected__63428 { background-color: rgba(var(--transparencycolor), .4); } -.bumpBox_cfd81a { /* messageelement publish box */ +#app-mount .bumpBox_cfd81a { /* messageelement publish box */ background-color: rgba(var(--transparencycolor), .4); } -.markup_a7e664 code { /* messageelement code */ +#app-mount .markup_a7e664 code { /* messageelement code */ background-color: transparent; border-color: transparent; } -.markup_a7e664 pre { /* messageelement pre */ +#app-mount .markup_a7e664 pre { /* messageelement pre */ background-color: rgba(var(--transparencycolor), .4); border-color: rgba(var(--transparencycolor), .1); } -.markup_a7e664 .inline, /* messageelement inline */ -.after_inlineCode__2197d, -.before_inlineCode__37e14, -.inlineCode_d702a4 { +#app-mount .markup_a7e664 .inline, /* messageelement inline */ +#app-mount .after_inlineCode__2197d, +#app-mount .before_inlineCode__37e14, +#app-mount .inlineCode_d702a4 { background-color: rgba(var(--transparencycolor), .4); } -.textContainer__709ff { /* messageelement plain file text */ +#app-mount .textContainer__709ff { /* messageelement plain file text */ background-color: rgba(var(--transparencycolor), .4); border-color: rgba(var(--transparencycolor), .1); } -.footer__06f4b { /* messageelement plain file footer */ +#app-mount .footer__06f4b { /* messageelement plain file footer */ background-color: rgba(var(--transparencycolor), .4); border-color: rgba(var(--transparencycolor), .1); } -.languageSelector_a1c2f3 { /* messageelement plain file popout */ +#app-mount .languageSelector_a1c2f3 { /* messageelement plain file popout */ background-color: transparent; border: 1px solid rgba(var(--transparencycolor), .3); border-radius: 5px; box-shadow: 0px 1px 5px 0px rgba(var(--transparencycolor), .3); overflow: hidden; } -.languageSelector_a1c2f3::before, -.languageSelector_a1c2f3::after { +#app-mount .languageSelector_a1c2f3::before, +#app-mount .languageSelector_a1c2f3::after { content: ""; position: absolute; top: 0; @@ -1387,11 +1388,11 @@ button.button__4f306.enabled__470f0:hover svg { pointer-events: none; z-index: -1; } -.languageSelector_a1c2f3::before { +#app-mount .languageSelector_a1c2f3::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.languageSelector_a1c2f3::after { +#app-mount .languageSelector_a1c2f3::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } @@ -1403,19 +1404,19 @@ button.button__4f306.enabled__470f0:hover svg { background-color: rgba(var(--transparencycolor), .6); } -.icon__8c32c[style*="/assets/5da4cdab01d4d89c593c48c62ae0d937.svg"] { /* systemmessage pinicon */ +#app-mount .icon__8c32c[style*="/assets/5da4cdab01d4d89c593c48c62ae0d937.svg"] { /* systemmessage pinicon */ -webkit-mask: url(https://discord.com/assets/5da4cdab01d4d89c593c48c62ae0d937.svg) center/cover no-repeat; background: var(--channels-default) !important; } -.icon__8c32c[style*="/assets/d80d1fdc43a3c42134a31a39581160ac.svg"] { /* systemmessage missedcall */ +#app-mount .icon__8c32c[style*="/assets/d80d1fdc43a3c42134a31a39581160ac.svg"] { /* systemmessage missedcall */ -webkit-mask: url(https://discord.com/assets/d80d1fdc43a3c42134a31a39581160ac.svg) center/cover no-repeat; background: var(--channels-default) !important; } -.icon__8c32c[style*="/assets/b8029fe196b8f1382e90bbe81dab50dc.svg"] { /* systemmessage joincallicon */ +#app-mount .icon__8c32c[style*="/assets/b8029fe196b8f1382e90bbe81dab50dc.svg"] { /* systemmessage joincallicon */ -webkit-mask: url(https://discord.com/assets/b8029fe196b8f1382e90bbe81dab50dc.svg) center/cover no-repeat; background: rgb(var(--accentcolor)) !important; } -.icon__8c32c[style*="/assets/c30220457097b064286a8759a9b6c4af.svg"] { /* systemmessage recievecallicon */ +#app-mount .icon__8c32c[style*="/assets/c30220457097b064286a8759a9b6c4af.svg"] { /* systemmessage recievecallicon */ -webkit-mask: url(https://discord.com/assets/c30220457097b064286a8759a9b6c4af.svg) center/cover no-repeat; background: rgb(var(--accentcolor)) !important; } @@ -1508,67 +1509,67 @@ button.button__4f306.enabled__470f0:hover svg { /* ---- 6.3. TEXTAREA ---- */ -.form__13a2c { +#app-mount .form__13a2c { padding-top: 0; margin-top: 0; } -.form__13a2c { /* textarea form */ +#app-mount .form__13a2c { /* textarea form */ background: rgba(var(--transparencycolor), var(--chatinputtransparency)); margin-top: 0; padding-top: 8px; border-top-right-radius: calc(8px * (1 - (var(--memberlisttransparency) / (var(--memberlisttransparency) + 0.00000000000000000000001)))); border-top-left-radius: calc(8px * (1 - (var(--guildchanneltransparency) / (var(--guildchanneltransparency) + 0.00000000000000000000001)))); } -.threadSidebarOpen_fa231d .form__13a2c { +#app-mount .threadSidebarOpen_fa231d .form__13a2c { border-top-right-radius: 8px; } -.form__13a2c::before { +#app-mount .form__13a2c::before { display: none; } -.channelTextArea__2e60f { /* textarea channeltextarea */ +#app-mount .channelTextArea__2e60f { /* textarea channeltextarea */ background-color: transparent; border-top-color: var(--background-modifier-accent); } -.container__08420 { /* textarea reply */ +#app-mount .container__08420 { /* textarea reply */ background: rgba(var(--transparencycolor), .3); border: none; border-bottom: 1px solid var(--background-modifier-accent); } -.scrollableContainer__33e06 { /* textarea container */ +#app-mount .scrollableContainer__33e06 { /* textarea container */ background-color: rgba(var(--transparencycolor), .3); } -.sprite__294b3 { /* textarea emojibutton */ +#app-mount .sprite__294b3 { /* textarea emojibutton */ transform: none !important; } -.wrapper_fbbb73 { /* textarea placeholder */ +#app-mount .wrapper_fbbb73 { /* textarea placeholder */ background-color: rgba(var(--transparencycolor), .3); color: var(--text-normal); } -.toolbar_c7b525 { /* textarea formattoolbar */ +#app-mount .toolbar_c7b525 { /* textarea formattoolbar */ background-color: rgb(var(--accentcolor)); } -.toolbar_c7b525::before { +#app-mount .toolbar_c7b525::before { border-top-color: rgb(var(--accentcolor)); } -.divider__441cb { /* textarea formattoolbar divider */ +#app-mount .divider__441cb { /* textarea formattoolbar divider */ border-left-color: hsla(0, 0%,100%, .1); } -.active__05fbc, /* textarea buttonactive */ -.hover_d0ebf2:hover { /* textarea buttonhover */ +#app-mount .active__05fbc, /* textarea buttonactive */ +#app-mount .hover_d0ebf2:hover { /* textarea buttonhover */ background-color: hsla(0, 0%, 100%, .2); } -.icon__5a617 { /* textarea buttonicon */ +#app-mount .icon__5a617 { /* textarea buttonicon */ color: #fff; opacity: .7; } -.active__05fbc .icon__5a617, -.hover_d0ebf2:hover .icon__5a617 { +#app-mount .active__05fbc .icon__5a617, +#app-mount .hover_d0ebf2:hover .icon__5a617 { color: #fff; opacity: 1; } @@ -1609,11 +1610,11 @@ button.button__4f306.enabled__470f0:hover svg { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } -.theme-brand .autocomplete_df266d { +#app-mount .theme-brand .autocomplete_df266d { background: rgb(var(--accentcolor)) linear-gradient(rgba(var(--transparencycolor), .2), rgba(var(--transparencycolor), .2)) !important; } -.theme-brand .autocomplete_df266d::before, -.theme-brand .autocomplete_df266d::after { +#app-mount .theme-brand .autocomplete_df266d::before, +#app-mount .theme-brand .autocomplete_df266d::after { display: none; } #app-mount .bar__8f42e { /* autocomplete command info */ @@ -1653,55 +1654,55 @@ button.button__4f306.enabled__470f0:hover svg { /* ---- 6.5. MEMBERLIST ---- */ -.member_b44d5d { /* member */ +#app-mount .member_b44d5d { /* member */ background: transparent; } -.avatar__991e2::before { /* emptyavatar */ +#app-mount .avatar__991e2::before { /* emptyavatar */ background-color: rgba(var(--transparencycolor), .3); } -.memberGroupsPlaceholder_d0ae46, /* loadingplaceholders */ -.placeholderAvatar__21e48, -.placeholderUsername__7fd2c { +#app-mount .memberGroupsPlaceholder_d0ae46, /* loadingplaceholders */ +#app-mount .placeholderAvatar__21e48, +#app-mount .placeholderUsername__7fd2c { background-color: rgba(var(--transparencycolor), .4); } /* ---- 6.6. SEARCHPAGE ---- */ -.searchResultsWrap__9f374 { /* searchpage container */ +#app-mount .searchResultsWrap__9f374 { /* searchpage container */ background-color: transparent; } -.searchHeader__19d87, /* searchpage header */ -.searchHeader__19d87 ~ .container_d91be8 { /* searchpage pagination (BSP) */ +#app-mount .searchHeader__19d87, /* searchpage header */ +#app-mount .searchHeader__19d87 ~ .container_d91be8 { /* searchpage pagination (BSP) */ background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.8)); border-radius: 0 0 0 8px; } -.channelName-3w2Y3c { /* searchpage channelname */ +#app-mount .channelName-3w2Y3c { /* searchpage channelname */ background-color: transparent; } -.searchResult_dcd237 { /* searchpage searchresult */ +#app-mount .searchResult_dcd237 { /* searchpage searchresult */ background-color: rgba(var(--transparencycolor), .2); } -.button_f8244b { /* searchpage jumpbutton */ +#app-mount .button_f8244b { /* searchpage jumpbutton */ background-color: rgba(var(--transparencycolor), .4); } -.button_f8244b:hover { +#app-mount .button_f8244b:hover { background-color: rgb(var(--accentcolor)); text-shadow: 1px 1px var(--textshadow); } -.pageButton_bcd673:hover { +#app-mount .pageButton_bcd673:hover { background-color: rgba(var(--transparencycolor), .4); } -.activeButton__7a550 { +#app-mount .activeButton__7a550 { text-shadow: 1px 1px var(--textshadow); } /* ---- 6.7. CHAT SIDEBAR ---- */ -.container_def45c { /* chat sidebar */ +#app-mount .container_def45c { /* chat sidebar */ border-radius: 0; } -.container_def45c.floating_f021e2::before, -.container_def45c.floating_f021e2::after { +#app-mount .container_def45c.floating_f021e2::before, +#app-mount .container_def45c.floating_f021e2::after { content: ""; position: absolute; top: 0; @@ -1713,18 +1714,18 @@ button.button__4f306.enabled__470f0:hover svg { pointer-events: none; z-index: -1; } -.container_def45c.floating_f021e2::before { +#app-mount .container_def45c.floating_f021e2::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } -.container_def45c.floating_f021e2::after { +#app-mount .container_def45c.floating_f021e2::after { background-color: rgba(var(--transparencycolor), var(--transparencyalpha)); backdrop-filter: blur(var(--backgroundblur)); } -.chatTarget__0ea5e.notFloating__80043 ~ .container_def45c { +#app-mount .chatTarget__0ea5e.notFloating__80043 ~ .container_def45c { overflow: visible; } -.chatTarget__0ea5e.notFloating__80043 ~ .container_def45c .container__11d72.themed_b152d4::before { +#app-mount .chatTarget__0ea5e.notFloating__80043 ~ .container_def45c .container__11d72.themed_b152d4::before { content: ""; position: absolute; display: block; @@ -1736,7 +1737,7 @@ button.button__4f306.enabled__470f0:hover svg { box-shadow: inherit; pointer-events: none; } -.chatTarget__0ea5e.notFloating__80043 ~ .container_def45c .container__11d72.themed_b152d4::after { +#app-mount .chatTarget__0ea5e.notFloating__80043 ~ .container_def45c .container__11d72.themed_b152d4::after { content: ""; position: absolute; display: block; @@ -1757,8 +1758,8 @@ button.button__4f306.enabled__470f0:hover svg { background-color: transparent; border: none; } -.root__46d4f::before, -.root__46d4f::after { +#app-mount .root__46d4f::before, +#app-mount .root__46d4f::after { content: ""; position: absolute; top: 0; @@ -1770,11 +1771,11 @@ button.button__4f306.enabled__470f0:hover svg { pointer-events: none; z-index: -1; } -.root__46d4f::before { +#app-mount .root__46d4f::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.root__46d4f::after { +#app-mount .root__46d4f::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } @@ -1788,126 +1789,129 @@ button.button__4f306.enabled__470f0:hover svg { #app-mount .root__3eef0 { /* call root */ color: var(--header-primary); } -.videoWrapper_b42a4f { /* call video wrapper */ +#app-mount .videoWrapper_b42a4f { /* call video wrapper */ background-color: rgba(var(--transparencycolor), .3); } -.video__79b68 { /* call video */ +#app-mount .video__79b68 { /* call video */ background-color: transparent; } -.tile_a411a4, /* call user video voicechannel */ -.tile_f5f57f { /* call user video dm */ +#app-mount .tile_a411a4, /* call user video voicechannel */ +#app-mount .tile_f5f57f { /* call user video dm */ background-color: rgba(var(--transparencycolor), .3); } -.gradientContainer__9a5a6 { /* call gradientcontainer */ +#app-mount .gradientContainer__9a5a6 { /* call gradientcontainer */ display: none; } -.participantsButton__56586 { /* call participantsbutton */ +#app-mount .participantsButton__56586 { /* call participantsbutton */ background-color: rgba(0, 0, 0, .3); } -.participantsButton__56586:hover { +#app-mount .participantsButton__56586:hover { background-color: rgba(0, 0, 0, .6); } -.centerButton__3205b, -.colorable_c84c4c.primaryDark__6b700 { +#app-mount .centerButton__3205b, +#app-mount .colorable_c84c4c.primaryDark__6b700 { background-color: rgba(var(--transparencycolor), .5); } -.centerButton__3205b:hover, -.colorable_c84c4c.primaryDark__6b700:hover { +#app-mount .centerButton__3205b:hover, +#app-mount .colorable_c84c4c.primaryDark__6b700:hover { background-color: rgb(var(--accentcolor)); } -.button__13ec4 { +#app-mount .button__13ec4 { background-color: rgba(var(--transparencycolor), .4); } -.button__13ec4:hover { +#app-mount .button__13ec4:hover { background-color: rgba(var(--transparencycolor), .6); } -.controlButton_ab2899.colorable_c84c4c.red_a51ba8 { +#app-mount .controlButton_ab2899.colorable_c84c4c.red_a51ba8 { background-color: rgba(var(--dangercolor)),.5); } -.controlButton_ab2899.colorable_c84c4c.red_a51ba8:hover { +#app-mount .controlButton_ab2899.colorable_c84c4c.red_a51ba8:hover { background-color: rgb(var(--dangercolor)); } -.regionSelectPopout__0127b { +#app-mount .regionSelectPopout__0127b { width: 170px; } -.container__3e5cc { /* call podium wrapper */ +#app-mount .container__3e5cc { /* call podium wrapper */ background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.8)); } -.callContainer_e8faeb { /* call podium inner */ +#app-mount .callContainer_e8faeb { /* call podium inner */ background-color: transparent; } -.scroller_d8c41e { /* call podium scroller */ +#app-mount .scroller_d8c41e { /* call podium scroller */ background-color: transparent; } -.container-3r7mfc { /* call podium info */ +#app-mount .container-3r7mfc { /* call podium info */ background-color: transparent; } -.rowContainer__3f2d1 { /* call podium row */ +#app-mount .rowContainer__3f2d1 { /* call podium row */ background-color: transparent; } -.participants__5d231 { /* call podium participants */ +#app-mount .participants__5d231 { /* call podium participants */ background-color: transparent; } -.tileContainer__88d69:hover { /* call podium participant */ - background-color: rgb(var(--accentcolor)); -} -.container__7b94f { /* call podium requests */ +#app-mount .tileContainer__88d69 { /* call podium participant */ background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.3)); } -.headerContainer_bff52d { /* call podium requests header */ +#app-mount .tileContainer__88d69:hover { /* call podium participant */ + background-color: rgb(var(--accentcolor)); +} +#app-mount .container__7b94f { /* call podium requests */ + background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.3)); +} +#app-mount .headerContainer_bff52d { /* call podium requests header */ box-shadow: 0 1px 0 rgba(var(--transparencycolor), .2), 0 1.5px 0 rgba(var(--transparencycolor), .05), 0 2px 0 rgba(var(--transparencycolor), .05); } /* ---- 6.9. UNAVAILABLESCREEN ---- */ -.category-2haXBH, /* loadingplaceholders */ -.channelIcon-1TvDoP, -.channelName-2wrHHc { +#app-mount .category-2haXBH, /* loadingplaceholders */ +#app-mount .channelIcon-1TvDoP, +#app-mount .channelName-2wrHHc { background: rgba(var(--transparencycolor), .4); } -.splashImage_d708dc { /* screen image */ +#app-mount .splashImage_d708dc { /* screen image */ opacity: 0.7; } /* ~~~~ 7. PEOPLES ~~~~ */ -.addFriendInputWrapper__4bf8e { /* peoples add friend */ +#app-mount .addFriendInputWrapper__4bf8e { /* peoples add friend */ background-color: rgba(var(--transparencycolor), .1); border-color: rgba(var(--transparencycolor), .3); } -.addFriendInputWrapper__4bf8e:hover:not(:focus-within) { +#app-mount .addFriendInputWrapper__4bf8e:hover:not(:focus-within) { border-color: rgb(var(--transparencycolor)); } -.container_a308ae { /* peoples explore option */ +#app-mount .container_a308ae { /* peoples explore option */ border: none; } -.container_a308ae:hover { +#app-mount .container_a308ae:hover { background-color: var(--background-floating); } -.peopleListItem_d14722 .actionButton__23182, /* peoples actionbutton */ -.peopleListItem_d14722 .actionButton-3-B2x { /* peoples actionbutton */ +#app-mount .peopleListItem_d14722 .actionButton__23182, /* peoples actionbutton */ +#app-mount .peopleListItem_d14722 .actionButton-3-B2x { /* peoples actionbutton */ background-color: rgba(var(--transparencycolor), .1); } -.peopleListItem_d14722 .actionButton__23182:hover, -.peopleListItem_d14722 .actionButton-3-B2x:hover { +#app-mount .peopleListItem_d14722 .actionButton__23182:hover, +#app-mount .peopleListItem_d14722 .actionButton-3-B2x:hover { background-color: rgb(var(--accentcolor)); } -.peopleListItem_d14722 .actionButton__23182:hover svg, -.peopleListItem_d14722 .actionButton-3-B2x:hover svg { +#app-mount .peopleListItem_d14722 .actionButton__23182:hover svg, +#app-mount .peopleListItem_d14722 .actionButton-3-B2x:hover svg { filter: drop-shadow(1px 1px var(--textshadow)); } -.peopleListItem_d14722.active__6b8ff, -.peopleListItem_d14722:hover, -.peopleListItem_d14722.active__6b8ff, -.peopleListItem_d14722:hover { +#app-mount .peopleListItem_d14722.active__6b8ff, +#app-mount .peopleListItem_d14722:hover, +#app-mount .peopleListItem_d14722.active__6b8ff, +#app-mount .peopleListItem_d14722:hover { background-color: rgba(var(--transparencycolor), .3); } -.peopleListItem_d14722.active__6b8ff .actionButton__23182, -.peopleListItem_d14722:hover .actionButton__23182, -.peopleListItem_d14722.active__6b8ff .actionButton-3-B2x, -.peopleListItem_d14722:hover .actionButton-3-B2x { +#app-mount .peopleListItem_d14722.active__6b8ff .actionButton__23182, +#app-mount .peopleListItem_d14722:hover .actionButton__23182, +#app-mount .peopleListItem_d14722.active__6b8ff .actionButton-3-B2x, +#app-mount .peopleListItem_d14722:hover .actionButton-3-B2x { background-color: rgba(var(--transparencycolor), .3); } #app-mount .outer_a41cf3, /* playing card */ @@ -1924,7 +1928,7 @@ button.button__4f306.enabled__470f0:hover svg { #app-mount .inset__0bfb3 { /* playing card inner */ background-color: rgba(var(--transparencycolor), .2); } -.emptyCard_f82dde { /* playing empty card */ +#app-mount .emptyCard_f82dde { /* playing empty card */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .partyMemberOverflow_d12297 { @@ -1942,8 +1946,8 @@ button.button__4f306.enabled__470f0:hover svg { box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 8px 16px 0 rgba(var(--transparencycolor), .3); overflow: hidden; } -.popout_c6d10c::before, -.popout_c6d10c::after { +#app-mount .popout_c6d10c::before, +#app-mount .popout_c6d10c::after { content: ""; position: absolute; top: 0; @@ -1955,11 +1959,11 @@ button.button__4f306.enabled__470f0:hover svg { pointer-events: none; z-index: -1; } -.popout_c6d10c::before { +#app-mount .popout_c6d10c::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.popout_c6d10c::after { +#app-mount .popout_c6d10c::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.3)); backdrop-filter: blur(var(--popoutblur)); } @@ -1971,15 +1975,15 @@ button.button__4f306.enabled__470f0:hover svg { /* ~~~~ 7. STORE/NITRO ~~~~ */ -.gridItemBadge-1Se-Pu { +#app-mount .gridItemBadge-1Se-Pu { text-shadow: 1px 1px var(--textshadow); } -.marketingHeader_c8e5cd { /* marketingheader */ +#app-mount .marketingHeader_c8e5cd { /* marketingheader */ background-color: rgba(var(--transparencycolor), .3); } -.detailsBlock-FoDTGA { /* billing details */ +#app-mount .detailsBlock-FoDTGA { /* billing details */ background-color: rgba(var(--transparencycolor), .3); } @@ -1993,18 +1997,18 @@ button.button__4f306.enabled__470f0:hover svg { background-color: rgba(var(--transparencycolor), .3); color: #fff; } -.headerIcon-3bqya6 { /* tier1banner svgtitle */ +#app-mount .headerIcon-3bqya6 { /* tier1banner svgtitle */ color: #fff; } -.smallCarousel_cb7c79 { +#app-mount .smallCarousel_cb7c79 { background-color: rgba(var(--transparencycolor), .3); border-radius: 5px; } #app-mount .item_d7f2df { /* gamepreview previewitem */ background-color: rgba(var(--transparencycolor), .3); } -.arrow_f5c530 { /* gamepreview prev/nextarrow (big) */ +#app-mount .arrow_f5c530 { /* gamepreview prev/nextarrow (big) */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .themedPagination_c56fb8 .arrow_fe649b { /* gamepreview prev/nextarrow (small) */ @@ -2117,7 +2121,7 @@ button.button__4f306.enabled__470f0:hover svg { color: rgb(var(--textdarker)); } -.premiumSubscriptionAccountCredit__6bab4 { /* abonnements abocard */ +#app-mount .premiumSubscriptionAccountCredit__6bab4 { /* abonnements abocard */ background-color: rgba(var(--transparencycolor), .4); } @@ -2131,23 +2135,23 @@ button.button__4f306.enabled__470f0:hover svg { #app-mount .feature-2IUcBI { /* features feature */ background-color: rgba(var(--transparencycolor), .4); } -.featureImage-91H2fC { /* features image */ +#app-mount .featureImage-91H2fC { /* features image */ opacity: 0.7; } -.banner-WELp4M { /* features xbox promo */ +#app-mount .banner-WELp4M { /* features xbox promo */ background-color: rgba(var(--transparencycolor), .4); } /* ~~~~ 9. LIBRARY ~~~~ */ -.header_b5ab54 { /* library table header */ +#app-mount .header_b5ab54 { /* library table header */ background-color: transparent; border-bottom-color: var(--background-modifier-accent); position: relative; } -.header_b5ab54::before, -.header_b5ab54::after { +#app-mount .header_b5ab54::before, +#app-mount .header_b5ab54::after { content: ""; position: absolute; top: 0; @@ -2159,11 +2163,11 @@ button.button__4f306.enabled__470f0:hover svg { pointer-events: none; z-index: -1; } -.header_b5ab54::before { +#app-mount .header_b5ab54::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } -.header_b5ab54::after { +#app-mount .header_b5ab54::after { background-color: rgba(var(--transparencycolor), .4); backdrop-filter: blur(var(--backgroundblur)); } @@ -2172,10 +2176,10 @@ button.button__4f306.enabled__470f0:hover svg { color: var(--header-primary); } -.rowWrapperActive_f989dd { +#app-mount .rowWrapperActive_f989dd { background-color: rgba(var(--transparencycolor), .2); } -.rowWrapper__2d725 + .rowWrapper__2d725 .row_f3cc85 { +#app-mount .rowWrapper__2d725 + .rowWrapper__2d725 .row_f3cc85 { border-top-color: var(--background-modifier-accent); } @@ -2249,12 +2253,12 @@ button.button__4f306.enabled__470f0:hover svg { #app-mount .loading_e7a19f { /* guildcard loading */ background-color: rgba(var(--transparencycolor), .5); } -.actionButtonsContainer__16c43 { /* guildcard action button */ +#app-mount .actionButtonsContainer__16c43 { /* guildcard action button */ position: relative; background: transparent; } -.actionButtonsContainer__16c43::before, -.actionButtonsContainer__16c43::after { +#app-mount .actionButtonsContainer__16c43::before, +#app-mount .actionButtonsContainer__16c43::after { content: ""; position: absolute; top: 0; @@ -2266,22 +2270,22 @@ button.button__4f306.enabled__470f0:hover svg { border-radius: 4px; pointer-events: none; } -.actionButtonsContainer__16c43::before { +#app-mount .actionButtonsContainer__16c43::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } -.actionButtonsContainer__16c43::after { +#app-mount .actionButtonsContainer__16c43::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--backgroundblur)); } -.spinner__97e4c { /* guildcard loading spinner */ +#app-mount .spinner__97e4c { /* guildcard loading spinner */ background: transparent; transform: none; top: calc(50% - 24px); left: calc(50% - 24px); } -.spinner__97e4c::before, -.spinner__97e4c::after { +#app-mount .spinner__97e4c::before, +#app-mount .spinner__97e4c::after { content: ""; position: absolute; top: 0; @@ -2293,11 +2297,11 @@ button.button__4f306.enabled__470f0:hover svg { border-radius: 8px; pointer-events: none; } -.spinner__97e4c::before { +#app-mount .spinner__97e4c::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } -.spinner__97e4c::after { +#app-mount .spinner__97e4c::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.4)); backdrop-filter: blur(var(--backgroundblur)); } @@ -2311,22 +2315,22 @@ button.button__4f306.enabled__470f0:hover svg { border-color: var(--interactive-active); } -.emojiContainer-1u-_sQ { /* search emojicontainer */ +#app-mount .emojiContainer-1u-_sQ { /* search emojicontainer */ background-color: rgba(var(--transparencycolor), .3); } -.emptyContainer_a4bd05 { /* search no results */ +#app-mount .emptyContainer_a4bd05 { /* search no results */ background-color: rgba(var(--transparencycolor), .4); } -.placeholder-2erB-x { /* search placeholder */ +#app-mount .placeholder-2erB-x { /* search placeholder */ background-color: rgba(var(--transparencycolor), .4); } /* ~~~~ 11. USERSETTINGS ~~~~ */ -.premiumTabItem-1QTfBr[aria-selected=true], -.item__48dda.selected__5711d[aria-controls="Nitro Server Boost-tab"], -.serverBoostTabItem-2hFTIN[aria-selected=true] { +#app-mount .premiumTabItem-1QTfBr[aria-selected=true], +#app-mount .item__48dda.selected__5711d[aria-controls="Nitro Server Boost-tab"], +#app-mount .serverBoostTabItem-2hFTIN[aria-selected=true] { text-shadow: 1px 1px var(--textshadow); } #app-mount .side_b4b3f6 .themed_b957e8.item__48dda:active:not(.disabled__85bca), /* sideitems */ @@ -2354,32 +2358,32 @@ button.button__4f306.enabled__470f0:hover svg { background: var(--interactive-active); } -.bd-social-link[title="BD" i] .bd-social-logo, -.bd-social-link[title="BetterDiscord" i] .bd-social-logo, -.bd-social-link[title="BBD" i] .bd-social-logo, -.bd-social-link[title="BandagedBD" i] .bd-social-logo { +#app-mount .bd-social-link[title="BD" i] .bd-social-logo, +#app-mount .bd-social-link[title="BetterDiscord" i] .bd-social-logo, +#app-mount .bd-social-link[title="BBD" i] .bd-social-logo, +#app-mount .bd-social-link[title="BandagedBD" i] .bd-social-logo { background: var(--interactive-normal); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/settingsicons/betterdiscord.svg) center/contain no-repeat; opacity: 1; transition: background .15s ease; } -.bd-social-link[title="BD" i]:hover .bd-social-logo, -.bd-social-link[title="BetterDiscord" i]:hover .bd-social-logo, -.bd-social-link[title="BBD" i]:hover .bd-social-logo, -.bd-social-link[title="BandagedBD" i]:hover .bd-social-logo { +#app-mount .bd-social-link[title="BD" i]:hover .bd-social-logo, +#app-mount .bd-social-link[title="BetterDiscord" i]:hover .bd-social-logo, +#app-mount .bd-social-link[title="BBD" i]:hover .bd-social-logo, +#app-mount .bd-social-link[title="BandagedBD" i]:hover .bd-social-logo { background: var(--interactive-active); } -.bd-social-link[title="BD" i] .bd-social-logo > *, -.bd-social-link[title="BetterDiscord" i] .bd-social-logo > *, -.bd-social-link[title="BBD" i] .bd-social-logo > *, -.bd-social-link[title="BandagedBD" i] .bd-social-logo > * { +#app-mount .bd-social-link[title="BD" i] .bd-social-logo > *, +#app-mount .bd-social-link[title="BetterDiscord" i] .bd-social-logo > *, +#app-mount .bd-social-link[title="BBD" i] .bd-social-logo > *, +#app-mount .bd-social-link[title="BandagedBD" i] .bd-social-logo > * { display: none; } -.contentRegion__0bec1 div[role="tabpanel"] { /* tabpanel */ +#app-mount .contentRegion__0bec1 div[role="tabpanel"] { /* tabpanel */ width: 100%; } -.toolsContainer_f5d55d { /* closebutton wrapper */ +#app-mount .toolsContainer_f5d55d { /* closebutton wrapper */ margin-right: 37px; } #app-mount .closeButton__34341 { /* closebutton button */ @@ -2428,29 +2432,29 @@ button.button__4f306.enabled__470f0:hover svg { color: var(--header-secondary); } -.cardPrimary-3qRT__, -.cardPrimaryEditable-2mz_3i { /* settingsitems card */ +#app-mount .cardPrimary-3qRT__, +#app-mount .cardPrimaryEditable-2mz_3i { /* settingsitems card */ border-color: rgba(var(--transparencycolor), .1); } -.cardPrimary-3qRT__ { +#app-mount .cardPrimary-3qRT__ { background-color: rgba(var(--transparencycolor), .2); } -.cardPrimaryEditable-2mz_3i { +#app-mount .cardPrimaryEditable-2mz_3i { background-color: rgba(var(--transparencycolor), .1); } -.cardPrimaryOutline-1ofwVz { +#app-mount .cardPrimaryOutline-1ofwVz { border-color: rgba(var(--transparencycolor), .2); } -.accountProfileCard__22589, /* accountsettings container */ -.profileBannerPreview-3mLIdO { /* accountsettings preview */ +#app-mount .accountProfileCard__22589, /* accountsettings container */ +#app-mount .profileBannerPreview-3mLIdO { /* accountsettings preview */ background: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); } -.accountProfileCard__22589::before, -.profileBannerPreview-3mLIdO::before, -.accountProfileCard__22589::after, -.profileBannerPreview-3mLIdO::after { +#app-mount .accountProfileCard__22589::before, +#app-mount .profileBannerPreview-3mLIdO::before, +#app-mount .accountProfileCard__22589::after, +#app-mount .profileBannerPreview-3mLIdO::after { content: ""; position: absolute; top: 0; @@ -2463,34 +2467,34 @@ button.button__4f306.enabled__470f0:hover svg { pointer-events: none; z-index: -1; } -.accountProfileCard__22589::before, -.profileBannerPreview-3mLIdO::before { +#app-mount .accountProfileCard__22589::before, +#app-mount .profileBannerPreview-3mLIdO::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.accountProfileCard__22589::after, -.profileBannerPreview-3mLIdO::after { +#app-mount .accountProfileCard__22589::after, +#app-mount .profileBannerPreview-3mLIdO::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } -.accountProfileCard__22589 .avatar__6c108 { /* accountsettings container avatar */ +#app-mount .accountProfileCard__22589 .avatar__6c108 { /* accountsettings container avatar */ background-color: transparent; border-color: transparent; } -.profileBannerPreview-3mLIdO .avatarUploaderInner_c81617 { /* accountsettings preview avatar */ +#app-mount .profileBannerPreview-3mLIdO .avatarUploaderInner_c81617 { /* accountsettings preview avatar */ background-color: transparent; border: unset; margin: 6px; } /* accountsettings container banner */ -.accountProfileCard__22589 *:not(foreignObject) > .banner__6d414 { +#app-mount .accountProfileCard__22589 *:not(foreignObject) > .banner__6d414 { -webkit-mask: url('data:image/svg+xml; utf8, ') bottom left no-repeat; } /* accountsettings preview banner */ -.profileBannerPreview-3mLIdO *:not(foreignObject) > .banner_b7f1fb { +#app-mount .profileBannerPreview-3mLIdO *:not(foreignObject) > .banner_b7f1fb { -webkit-mask: url('data:image/svg+xml; utf8, ') bottom left no-repeat; } -.questionMark__8d22a svg { /* accountsettings questionmark */ +#app-mount .questionMark__8d22a svg { /* accountsettings questionmark */ filter: drop-shadow(1px 1px var(--textshadow)); } #app-mount .avatarUploader-AF-hm- .removeButton-3B_Vmg { /* accountsettings removeavatar */ @@ -2509,51 +2513,51 @@ button.button__4f306.enabled__470f0:hover svg { background-color: transparent; } -.colorSwatch-3g4qA8 { /* profilesettings colorswatch */ +#app-mount .colorSwatch-3g4qA8 { /* profilesettings colorswatch */ display: flex; justify-content: center; align-items: center; } -.colorSwatch-3g4qA8 > [role="radio"] { +#app-mount .colorSwatch-3g4qA8 > [role="radio"] { display: flex; flex-direction: column; align-items: center; } -.colorSwatch-3g4qA8 > .dropperIconButton-2shYII { +#app-mount .colorSwatch-3g4qA8 > .dropperIconButton-2shYII { width: 69px; margin: auto; } -.accountList-305sx3 { /* connections container */ +#app-mount .accountList-305sx3 { /* connections container */ background-color: rgba(var(--transparencycolor), .4); } -.accountBtn-1YkMgV .accountBtnInner-3XK70s { /* connections connectioninner */ +#app-mount .accountBtn-1YkMgV .accountBtnInner-3XK70s { /* connections connectioninner */ background-color: rgba(var(--transparencycolor), .2); } -.accountBtn-1YkMgV .accountBtnInner-3XK70s:hover { +#app-mount .accountBtn-1YkMgV .accountBtnInner-3XK70s:hover { background-color: rgb(var(--accentcolor)); } -.connection-107AGH { /* connections connection */ +#app-mount .connection-107AGH { /* connections connection */ background-color: rgba(var(--transparencycolor), .3); } -.connectionHeader-2rV1ze { /* connections connection header */ +#app-mount .connectionHeader-2rV1ze { /* connections connection header */ background-color: rgba(var(--transparencycolor), .2); } -.guildHeader-3nh5RK { /* boostsettings suggestioncard */ +#app-mount .guildHeader-3nh5RK { /* boostsettings suggestioncard */ background-color: rgba(var(--transparencycolor), .5); } -.guildSubscriptionSlots-JPXXvN { /* boostsettings suggestioncard */ +#app-mount .guildSubscriptionSlots-JPXXvN { /* boostsettings suggestioncard */ background-color: rgba(var(--transparencycolor), .3); } -.cardWrapper-CyvwQv { /* boostsettings suggestioncard */ +#app-mount .cardWrapper-CyvwQv { /* boostsettings suggestioncard */ background-color: rgba(var(--transparencycolor), .2); } -.cardWrapper-CyvwQv:hover { +#app-mount .cardWrapper-CyvwQv:hover { background-color: rgba(var(--transparencycolor), .4); } -.cardWrapper-CyvwQv .card-2gdrYL, /* boostsettings suggestioncard inner */ -.cardWrapper-CyvwQv .card-2gdrYL:hover { +#app-mount .cardWrapper-CyvwQv .card-2gdrYL, /* boostsettings suggestioncard inner */ +#app-mount .cardWrapper-CyvwQv .card-2gdrYL:hover { background-color: transparent; } #app-mount .gemIndicatorContainer_b03ca0 { /* boostsettings suggestioncard circle */ @@ -2601,7 +2605,7 @@ button.button__4f306.enabled__470f0:hover svg { color: var(--header-secondary); } -.emptyStateImage-2qGUMK { /* giftinventory no gifts */ +#app-mount .emptyStateImage-2qGUMK { /* giftinventory no gifts */ opacity: 0.6; } @@ -2611,41 +2615,41 @@ button.button__4f306.enabled__470f0:hover svg { color: var(--header-primary); } -.membershipDialogHouse1-R8jb0l { /* hypesquad membershipdialogs */ +#app-mount .membershipDialogHouse1-R8jb0l { /* hypesquad membershipdialogs */ background-color: rgba(156, 132, 239, .8); } -.membershipDialogHouse2-2W27iJ { +#app-mount .membershipDialogHouse2-2W27iJ { background-color: rgba(244, 123, 103, .8); } -.membershipDialogHouse3-1E5AN4 { +#app-mount .membershipDialogHouse3-1E5AN4 { background-color: rgba(69, 221, 192, .8); } -.videoWrapper__7b3e0 { +#app-mount .videoWrapper__7b3e0 { background-color: rgba(var(--transparencycolor), .4); } -.container__6d33c { /* voicesettings voicebarcontainer */ +#app-mount .container__6d33c { /* voicesettings voicebarcontainer */ -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/voice_level_bar.svg); } -.notches__065e9 { +#app-mount .notches__065e9 { background: transparent !important; } #app-mount .progress__2cc1d { /* voicesettings voicebar */ background-color: rgba(var(--transparencycolor), .3); } -.icon-1fWS75[src="/assets/ebfb23f0cdb11b1871ed8beb3f9ec0ee.svg"], -.icon-1fWS75[src="/assets/c28317e203e00b2d7390d5ece2399228.svg"] { +#app-mount .icon-1fWS75[src="/assets/ebfb23f0cdb11b1871ed8beb3f9ec0ee.svg"], +#app-mount .icon-1fWS75[src="/assets/c28317e203e00b2d7390d5ece2399228.svg"] { -webkit-mask: url(https://discord.com/assets/c28317e203e00b2d7390d5ece2399228.svg) center/contain no-repeat; background-color: var(--header-primary); object-position: -999999px -999999px; } -.icon-1fWS75[src="/assets/8c49c7d4a59675bb6ceaee1bb80b5803.png"], -.icon-1fWS75[src="/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png"] { +#app-mount .icon-1fWS75[src="/assets/8c49c7d4a59675bb6ceaee1bb80b5803.png"], +#app-mount .icon-1fWS75[src="/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png"] { -webkit-mask: url(https://discord.com/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png) center/contain no-repeat; background-color: var(--header-primary); object-position: -999999px -999999px; } -.userSettingsVoice-1_dzjw .media-engine-video { /* voicesettings video */ +#app-mount .userSettingsVoice-1_dzjw .media-engine-video { /* voicesettings video */ background: transparent; } #app-mount .userSettingsVoice-1_dzjw .previewOverlay-2reuWf { @@ -2653,14 +2657,14 @@ button.button__4f306.enabled__470f0:hover svg { border-color: rgba(var(--transparencycolor), .1); } -.option_a0c054 { /* overlay option */ +#app-mount .option_a0c054 { /* overlay option */ background-color: rgba(var(--transparencycolor), .4); } -.option_a0c054:hover, -.option_a0c054.selected_ea51d6 { +#app-mount .option_a0c054:hover, +#app-mount .option_a0c054.selected_ea51d6 { box-shadow: 0 2px 0 rgba(var(--transparencycolor), .3); } -.disabled_ab18dc { +#app-mount .disabled_ab18dc { color: rgba(var(--transparencycolor), .4); } @@ -2722,8 +2726,8 @@ button.button__4f306.enabled__470f0:hover svg { #app-mount .addGamePopout_e4ca8f { /* games add game popout */ background-color: transparent; } -.addGamePopout_e4ca8f::before, -.addGamePopout_e4ca8f::after { +#app-mount .addGamePopout_e4ca8f::before, +#app-mount .addGamePopout_e4ca8f::after { content: ""; position: absolute; top: 0; @@ -2735,11 +2739,11 @@ button.button__4f306.enabled__470f0:hover svg { pointer-events: none; z-index: -1; } -.addGamePopout_e4ca8f::before { +#app-mount .addGamePopout_e4ca8f::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.addGamePopout_e4ca8f::after { +#app-mount .addGamePopout_e4ca8f::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.15)); backdrop-filter: blur(var(--popoutblur)); } @@ -2747,7 +2751,7 @@ button.button__4f306.enabled__470f0:hover svg { color: var(--header-primary); } -.preview-rua1rr { /* appearance preview */ +#app-mount .preview-rua1rr { /* appearance preview */ background-color: rgba(var(--transparencycolor), .2); border-color: rgba(var(--transparencycolor), .2); } @@ -2756,33 +2760,33 @@ button.button__4f306.enabled__470f0:hover svg { border-radius: 5px; box-shadow: 0 1px 0 0 var(--background-modifier-accent); } -.item-3eFBNF:hover { +#app-mount .item-3eFBNF:hover { background-color: rgba(var(--transparencycolor), .2); } -.item-3eFBNF.selected-2DeaDa { +#app-mount .item-3eFBNF.selected-2DeaDa { background-color: rgba(var(--transparencycolor), .4); } /* ~~~~ 12. GUILDSETTINGS ~~~~ */ -.container__467eb { /* settings confirmnotice */ +#app-mount .container__467eb { /* settings confirmnotice */ position: relative; backdrop-filter: blur(var(--backgroundblur)); } -.container__467eb[style*="background-color: rgba(248, 249, 249"], -.container__467eb[style*="background-color: rgba(32, 34, 37"] { +#app-mount .container__467eb[style*="background-color: rgba(248, 249, 249"], +#app-mount .container__467eb[style*="background-color: rgba(32, 34, 37"] { background-color: rgba(var(--transparencycolor), .7) !important; } -.container__467eb[style*="background-color: rgba(248, 249, 249"] .message__13e98, -.container__467eb[style*="background-color: rgba(32, 34, 37"] .message__13e98 { +#app-mount .container__467eb[style*="background-color: rgba(248, 249, 249"] .message__13e98, +#app-mount .container__467eb[style*="background-color: rgba(32, 34, 37"] .message__13e98 { color: var(--header-primary) !important; } -.container__467eb[style*="background-color: rgba(248, 249, 249"] .resetButton__7ae69 span[style], -.container__467eb[style*="background-color: rgba(32, 34, 37"] .resetButton__7ae69 span[style] { +#app-mount .container__467eb[style*="background-color: rgba(248, 249, 249"] .resetButton__7ae69 span[style], +#app-mount .container__467eb[style*="background-color: rgba(32, 34, 37"] .resetButton__7ae69 span[style] { color: var(--header-primary) !important; } -.container__467eb::before { +#app-mount .container__467eb::before { content: ""; position: absolute; top: 0; @@ -2795,15 +2799,15 @@ button.button__4f306.enabled__470f0:hover svg { z-index: -1; } -.roles__2b5cf { /* rolesettings intro roles */ +#app-mount .roles__2b5cf { /* rolesettings intro roles */ z-index: 2; } -.profileCard__03b33 { /* rolesettings intro profile */ +#app-mount .profileCard__03b33 { /* rolesettings intro profile */ position: relative; z-index: 1; } -.profileCard__03b33::before, -.profileCard__03b33::after { +#app-mount .profileCard__03b33::before, +#app-mount .profileCard__03b33::after { content: ""; position: absolute; top: 0; @@ -2815,21 +2819,21 @@ button.button__4f306.enabled__470f0:hover svg { pointer-events: none; z-index: -1; } -.profileCard__03b33::before { +#app-mount .profileCard__03b33::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.profileCard__03b33::after { +#app-mount .profileCard__03b33::after { backdrop-filter: blur(var(--popoutblur)); } -.sidebar_bdf6b7 { /* rolesettings sidebar */ +#app-mount .sidebar_bdf6b7 { /* rolesettings sidebar */ background-color: rgba(var(--transparencycolor), .1); border: none; } -.container_d5f6d0 { /* rolesettings everyone role */ +#app-mount .container_d5f6d0 { /* rolesettings everyone role */ background-color: rgba(var(--transparencycolor), .2); } -.container_d5f6d0:hover { +#app-mount .container_d5f6d0:hover { background-color: rgba(var(--transparencycolor), .4); } img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addrolebutton */ @@ -2837,43 +2841,43 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr background: currentColor; object-position: -999999px -999999px; } -.settingCard-xZSDjS { /* rolesettings setting card */ +#app-mount .settingCard-xZSDjS { /* rolesettings setting card */ background-color: rgba(var(--transparencycolor), .2); } -.settingCard-xZSDjS.active-3EK-ed { /* rolesettings setting card active */ +#app-mount .settingCard-xZSDjS.active-3EK-ed { /* rolesettings setting card active */ background-color: rgba(var(--transparencycolor), .3); } -.cardContent-1-5hym { /* rolesettings setting card header */ +#app-mount .cardContent-1-5hym { /* rolesettings setting card header */ background-color: rgba(var(--transparencycolor), .2); } -.cardFolder-3H4uH4 { /* rolesettings setting card body */ +#app-mount .cardFolder-3H4uH4 { /* rolesettings setting card body */ background-color: transparent; } -.group__6ae8b { /* rolesettings permissions group */ +#app-mount .group__6ae8b { /* rolesettings permissions group */ border-color: rgb(var(--transparencycolor), .4); } -.item_f48d11 { /* rolesettings permissions item */ +#app-mount .item_f48d11 { /* rolesettings permissions item */ background: rgb(var(--transparencycolor), .2); } -.item_f48d11:hover { +#app-mount .item_f48d11:hover { background: rgb(var(--transparencycolor), .4); } -.passthrough__7cd54.selected__47401 { /* rolesettings permissions passthrough selected */ +#app-mount .passthrough__7cd54.selected__47401 { /* rolesettings permissions passthrough selected */ background: rgb(var(--accentcolor)); } -.icon__4c736 { /* rolesettings everyone role icon */ +#app-mount .icon__4c736 { /* rolesettings everyone role icon */ background-color: rgba(var(--transparencycolor), .4); } -.titleContainer_e558ff, /* rolesettings roles list header */ -.header__63c59 { /* rolesettings perms list header */ +#app-mount .titleContainer_e558ff, /* rolesettings roles list header */ +#app-mount .header__63c59 { /* rolesettings perms list header */ background-color: transparent; } -.titleElevated__6a163, -.stickyHeaderElevated__89bcf { +#app-mount .titleElevated__6a163, +#app-mount .stickyHeaderElevated__89bcf { box-shadow: none; } -.header__63c59::before, -.header__63c59::after { +#app-mount .header__63c59::before, +#app-mount .header__63c59::after { content: ""; position: absolute; top: 0; @@ -2883,31 +2887,31 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.header__63c59::before { +#app-mount .header__63c59::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } -.header__63c59::after { +#app-mount .header__63c59::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha))); backdrop-filter: blur(var(--backgroundblur)); } -.roleDot-2a4Pv7 { /* rolesettings role dot */ +#app-mount .roleDot-2a4Pv7 { /* rolesettings role dot */ border: none; } -.roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) { /* rolesettings role row */ +#app-mount .roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) { /* rolesettings role row */ background-color: rgba(var(--transparencycolor), .2); } -.roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) .circleButton-33AIyY { +#app-mount .roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) .circleButton-33AIyY { background-color: rgba(var(--transparencycolor), .2); } -.roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) .circleButton-33AIyY:hover { +#app-mount .roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) .circleButton-33AIyY:hover { background-color: rgb(var(--accentcolor)); } -.roleRow-3LoHQ6:before, -.roleRow-3LoHQ6:last-child:after { +#app-mount .roleRow-3LoHQ6:before, +#app-mount .roleRow-3LoHQ6:last-child:after { background-color: var(--background-modifier-accent); } -.memberRow__91c35:hover { /* rolesettings member row */ +#app-mount .memberRow__91c35:hover { /* rolesettings member row */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .colorPickerSwatch__87597.noColor_bf5131 { /* rolesettings colorswatch nocolor */ @@ -2919,16 +2923,16 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr #app-mount .colorPickerSwatch__87597.noColor_bf5131 polyline { stroke: var(--header-primary); } -.previewContainer_d2b616 { /* rolesettings preview */ +#app-mount .previewContainer_d2b616 { /* rolesettings preview */ border: none; } -.messageContainer__18275 { /* rolesettings preview message */ +#app-mount .messageContainer__18275 { /* rolesettings preview message */ background-color: rgba(var(--transparencycolor), .2); } -.theme-light .messageContainer__18275 { +#app-mount .theme-light .messageContainer__18275 { display: none; } -.addMemberRow_d14116.selectedRow__754b4 { /* rolesettings add member row */ +#app-mount .addMemberRow_d14116.selectedRow__754b4 { /* rolesettings add member row */ background-color: rgba(var(--transparencycolor), .2); } @@ -2973,12 +2977,12 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr #app-mount .expandForeground-1nZ4VR { /* auditlogs expandarrow */ stroke: var(--header-secondary); } -.themeOverrideLight__48338.icon__99140, /* auditlogs logicon */ -.themeOverrideDark_e29cce.icon__99140, +#app-mount .themeOverrideLight__48338.icon__99140, /* auditlogs logicon */ +#app-mount .themeOverrideDark_e29cce.icon__99140, #app-mount .icon__99140 { background: none !important; } -.icon__99140::before { +#app-mount .icon__99140::before { content: ""; position: absolute; top: 0; @@ -2987,73 +2991,73 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr bottom: 0; background: var(--header-primary); } -.icon__99140.applicationCommand__0aaef::before { +#app-mount .icon__99140.applicationCommand__0aaef::before { -webkit-mask: url(https://discord.com/assets/561a626f671b8fd8f0c2e85c97df9b04.svg); } -.icon__99140.autoModerationBlockMessage__473dc::before { +#app-mount .icon__99140.autoModerationBlockMessage__473dc::before { -webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg); } -.icon__99140.autoModerationRule__66a81::before { +#app-mount .icon__99140.autoModerationRule__66a81::before { -webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg); } -.icon__99140.targetAll__6358b::before { +#app-mount .icon__99140.targetAll__6358b::before { -webkit-mask: url(https://discord.com/assets/22fd0ab3562af24ea964465bb65531aa.svg); } -.icon__99140.targetBan__28b70::before { +#app-mount .icon__99140.targetBan__28b70::before { -webkit-mask: url(https://discord.com/assets/fd541825b6853aaae233ad9d83e05a18.svg); } -.icon__99140.targetChannel__62934::before { +#app-mount .icon__99140.targetChannel__62934::before { -webkit-mask: url(https://discord.com/assets/528ae525a9823affbcd2a35bd20573b0.svg); } -.icon__99140.targetEmoji__499cd::before { +#app-mount .icon__99140.targetEmoji__499cd::before { -webkit-mask: url(https://discord.com/assets/858ab2bdee17ca226df85e23263bcf3a.svg); } -.icon__99140.targetGuild__170a1::before { +#app-mount .icon__99140.targetGuild__170a1::before { -webkit-mask: url(https://discord.com/assets/448b698d906ab4d93b609282595a1c9d.svg); } -.icon__99140.targetGuildHome__8d852::before { +#app-mount .icon__99140.targetGuildHome__8d852::before { -webkit-mask: url(https://discord.com/assets/eeaa7c1199e8f4cdb46de98c9b924edf.svg); } -.icon__99140.targetGuildScheduledEvent_eefa31::before { +#app-mount .icon__99140.targetGuildScheduledEvent_eefa31::before { -webkit-mask: url(https://discord.com/assets/7093e58edcd5202a129a6e4fbf427c6d.svg); } -.icon__99140.targetIntegration_f4a496::before { +#app-mount .icon__99140.targetIntegration_f4a496::before { -webkit-mask: url(https://discord.com/assets/993b5f52b8bd8d1c1c34cac05015c331.svg); } -.icon__99140.targetInvite__46153::before { +#app-mount .icon__99140.targetInvite__46153::before { -webkit-mask: url(https://discord.com/assets/d0dc8a4c8ea55b119c5c2cccf69b031f.svg); } -.icon__99140.targetMember__27dad::before { +#app-mount .icon__99140.targetMember__27dad::before { -webkit-mask: url(https://discord.com/assets/e2c0846875f889524e3d60e7d25afa55.svg); } -.icon__99140.targetMemberRole__7fd6d::before { +#app-mount .icon__99140.targetMemberRole__7fd6d::before { -webkit-mask: url(https://discord.com/assets/00124e254d0d86c37f6d02ec0c5b1e02.svg); } -.icon__99140.targetMessage__0ca53::before { +#app-mount .icon__99140.targetMessage__0ca53::before { -webkit-mask: url(https://discord.com/assets/aa9f9c29b51e414f0476d4388031aaf4.svg); } -.icon__99140.targetPermission_a619b3::before { +#app-mount .icon__99140.targetPermission_a619b3::before { -webkit-mask: url(https://discord.com/assets/35de2007bfe0db9821881321d8b7c1fe.svg); } -.icon__99140.targetRole_f0db36::before { +#app-mount .icon__99140.targetRole_f0db36::before { -webkit-mask: url(https://discord.com/assets/9aa6e9df74888ec09885bb08341800be.svg); } -.icon__99140.targetStageInstance_f9d669::before { +#app-mount .icon__99140.targetStageInstance_f9d669::before { -webkit-mask: url(https://discord.com/assets/dfad85fc7c072498298077f68cf006ca.svg); } -.icon__99140.targetSticker__18d72::before { +#app-mount .icon__99140.targetSticker__18d72::before { -webkit-mask: url(https://discord.com/assets/da5f0aa4b5ccf0165b4220ba9929ea59.svg); } -.icon__99140.targetVanityUrl_d8b24a::before { +#app-mount .icon__99140.targetVanityUrl_d8b24a::before { -webkit-mask: url(https://discord.com/assets/bef4eebd4f9e00aabbfa7de1949c8565.svg); } -.icon__99140.targetWebhook__5177a::before { +#app-mount .icon__99140.targetWebhook__5177a::before { -webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg); } -.icon__99140.targetWidget_aaaf18::before { +#app-mount .icon__99140.targetWidget_aaaf18::before { -webkit-mask: url(https://discord.com/assets/03f717eddad9ac74a1900254625657cf.svg); } -.icon__99140.thread_a2b0da::before { +#app-mount .icon__99140.thread_a2b0da::before { -webkit-mask: url(https://discord.com/assets/c254ffdde9bc5c90c5ec5d9e11dbf382.svg); } @@ -3069,7 +3073,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr #app-mount .card-11DMwv { /* integrationsettings follows card */ border-color: rgba(var(--transparencycolor), .1) } -.iconWrapper-lS1uig { /* integrationsettings icon */ +#app-mount .iconWrapper-lS1uig { /* integrationsettings icon */ background-color: rgba(var(--transparencycolor), .4); } #app-mount .footerImage-4UrEF0 { @@ -3077,36 +3081,36 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr opacity: 0.6; } -.guildDetails-2p1NmK { /* communitysettings intro details */ +#app-mount .guildDetails-2p1NmK { /* communitysettings intro details */ background-color: rgba(var(--transparencycolor), .4); } -.featureCard-1RR4Tl { /* communitysettings intro featurecard */ +#app-mount .featureCard-1RR4Tl { /* communitysettings intro featurecard */ background-color: rgba(var(--transparencycolor), .3); } -.featureIcon-3p1TC_ { /* communitysettings intro featureicon */ +#app-mount .featureIcon-3p1TC_ { /* communitysettings intro featureicon */ background-color: rgba(var(--transparencycolor), .3); } -.checklistContainer-mFJZEJ { /* communitysettings intro checklist */ +#app-mount .checklistContainer-mFJZEJ { /* communitysettings intro checklist */ background-color: rgba(var(--transparencycolor), .3); } -.checklistHeader-1KWcEY { /* communitysettings intro checklist header */ +#app-mount .checklistHeader-1KWcEY { /* communitysettings intro checklist header */ background-color: rgba(var(--transparencycolor), .3); } -.upsellContainer-L9xv7w { /* communitysettings general upsellcontainer */ +#app-mount .upsellContainer-L9xv7w { /* communitysettings general upsellcontainer */ background-color: rgba(var(--transparencycolor), .2); } -.upsellFooter-ZYsio_ { /* communitysettings general upsellfooter */ +#app-mount .upsellFooter-ZYsio_ { /* communitysettings general upsellfooter */ background-color: rgba(var(--transparencycolor), .2); } -.developerPortalCtaWrapper-2XNafh { /* communitysettings analytics info */ +#app-mount .developerPortalCtaWrapper-2XNafh { /* communitysettings analytics info */ background-color: rgba(var(--transparencycolor), .3); } -.analyticsCard_a976ba { /* communitysettings analytics card */ +#app-mount .analyticsCard_a976ba { /* communitysettings analytics card */ background-color: rgba(var(--transparencycolor), .3); } -.backgroundAccent-2YeFtZ { /* communitysettings analytics error */ +#app-mount .backgroundAccent-2YeFtZ { /* communitysettings analytics error */ background-color: rgba(var(--transparencycolor), .2); } @@ -3116,27 +3120,27 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr #app-mount .iconMask-30Tvqs { /* communitysettings discovery icon */ background-color: rgba(var(--transparencycolor), .2); } -.perkArt-1SGWbA { /* communitysettings discovery perk */ +#app-mount .perkArt-1SGWbA { /* communitysettings discovery perk */ background-color: rgba(var(--transparencycolor), .4); } -.container-2w0lh0 { /* communitysettings discovery checklist */ +#app-mount .container-2w0lh0 { /* communitysettings discovery checklist */ background-color: rgba(var(--transparencycolor), .3); } -.header-2Y0-A- { /* communitysettings discovery checklist header */ +#app-mount .header-2Y0-A- { /* communitysettings discovery checklist header */ background-color: rgba(var(--transparencycolor), .3); } -.exampleContainer-2O-nVK, /* communitysettings rules example */ -.exampleContainer-25sB-A { /* communitysettings welcome example */ +#app-mount .exampleContainer-2O-nVK, /* communitysettings rules example */ +#app-mount .exampleContainer-25sB-A { /* communitysettings welcome example */ background: transparent; position: relative; } -.exampleContainer-2O-nVK > *, -.exampleContainer-25sB-A > * { +#app-mount .exampleContainer-2O-nVK > *, +#app-mount .exampleContainer-25sB-A > * { z-index: 1; } -.exampleContainer-2O-nVK::after, -.exampleContainer-25sB-A::after { +#app-mount .exampleContainer-2O-nVK::after, +#app-mount .exampleContainer-25sB-A::after { content: ""; position: absolute; top: 0; @@ -3153,14 +3157,14 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr position: relative; border-radius: 5px; } -.exampleModal-1lRfuE > *, -.exampleModal-2X2Vf8 > * { +#app-mount .exampleModal-1lRfuE > *, +#app-mount .exampleModal-2X2Vf8 > * { z-index: 1; } -.exampleModal-1lRfuE::before, -.exampleModal-2X2Vf8::before, -.exampleModal-1lRfuE::after, -.exampleModal-2X2Vf8::after { +#app-mount .exampleModal-1lRfuE::before, +#app-mount .exampleModal-2X2Vf8::before, +#app-mount .exampleModal-1lRfuE::after, +#app-mount .exampleModal-2X2Vf8::after { content: ""; position: absolute; top: 0; @@ -3172,87 +3176,87 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr border-radius: 5px; pointer-events: none; } -.exampleModal-1lRfuE::before, -.exampleModal-2X2Vf8::before { +#app-mount .exampleModal-1lRfuE::before, +#app-mount .exampleModal-2X2Vf8::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.exampleModal-1lRfuE::after, -.exampleModal-2X2Vf8::after { +#app-mount .exampleModal-1lRfuE::after, +#app-mount .exampleModal-2X2Vf8::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } -.guildSidebar-pjuGkm { /* communitysettings rules example sidebar */ +#app-mount .guildSidebar-pjuGkm { /* communitysettings rules example sidebar */ background-color: rgba(var(--transparencycolor), .4); margin-right: 0 !important; } -.content-pHpkq8 { /* communitysettings rules example inner */ +#app-mount .content-pHpkq8 { /* communitysettings rules example inner */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .footer__2f589 { /* communitysettings rules example footer */ background: transparent; } -.exampleTextSingleLine-3bwqy5 { /* communitysettings rules example line */ +#app-mount .exampleTextSingleLine-3bwqy5 { /* communitysettings rules example line */ background-color: rgba(var(--textbrightest), .3); } -.enableContainer-1J91Aq { /* communitysettings rules enablecontainer */ +#app-mount .enableContainer-1J91Aq { /* communitysettings rules enablecontainer */ background-color: rgba(var(--transparencycolor), .3); } -.icon-1_mnkD { /* communitysettings rules category icon */ +#app-mount .icon-1_mnkD { /* communitysettings rules category icon */ background-color: rgba(var(--transparencycolor), .2); } -.settingsFormItem-25zW3t { /* communitysettings rules form */ +#app-mount .settingsFormItem-25zW3t { /* communitysettings rules form */ background-color: rgba(var(--transparencycolor), .2); } -.getStartedWrapper-2mNX-j { /* communitysettings rules getstarted */ +#app-mount .getStartedWrapper-2mNX-j { /* communitysettings rules getstarted */ background-color: rgba(var(--transparencycolor), .2); } -.exampleRule-3gJ39X { /* communitysettings rules example rule */ +#app-mount .exampleRule-3gJ39X { /* communitysettings rules example rule */ background-color: rgba(var(--transparencycolor), .4); } -.rulesTextAreaInput-asSkdy { /* communitysettings rules edit rule */ +#app-mount .rulesTextAreaInput-asSkdy { /* communitysettings rules edit rule */ border-color: rgba(var(--transparencycolor), .3); } -.rulesTextAreaInput-asSkdy:hover:not(:focus) { +#app-mount .rulesTextAreaInput-asSkdy:hover:not(:focus) { border-color: rgb(var(--transparencycolor)); } -.editCircle-2uL_D3 { /* communitysettings rules editcirle */ +#app-mount .editCircle-2uL_D3 { /* communitysettings rules editcirle */ background-color: rgba(var(--transparencycolor), .4); } -.editButton-2SLR4j { /* communitysettings rules editbutton */ +#app-mount .editButton-2SLR4j { /* communitysettings rules editbutton */ background-color: rgba(var(--transparencycolor), .4); } -.editButton-2SLR4j:hover { +#app-mount .editButton-2SLR4j:hover { background-color: rgba(var(--transparencycolor), .6); } -.formFieldWrapper-2LV3S6, -.settingsFormFieldWrapper-U99c9i { /* communitysettings rules form field */ +#app-mount .formFieldWrapper-2LV3S6, +#app-mount .settingsFormFieldWrapper-U99c9i { /* communitysettings rules form field */ background-color: rgba(var(--transparencycolor), .2); border-color: rgba(var(--transparencycolor), .2); } -.editCircle-ityklj { /* communitysettings welcome editcirle */ +#app-mount .editCircle-ityklj { /* communitysettings welcome editcirle */ background-color: rgba(var(--transparencycolor), .4); } -.optionContainer-1FtykV { /* communitysettings welcome exampleoption */ +#app-mount .optionContainer-1FtykV { /* communitysettings welcome exampleoption */ background-color: rgba(var(--transparencycolor), .3); } -.enableContainer-6E-puu { /* communitysettings welcome previewheader */ +#app-mount .enableContainer-6E-puu { /* communitysettings welcome previewheader */ background-color: rgba(var(--transparencycolor), .4); } -.previewContainer-1SS3uO { /* communitysettings welcome previewcontainer */ +#app-mount .previewContainer-1SS3uO { /* communitysettings welcome previewcontainer */ background-color: rgba(var(--transparencycolor), .2); } -.welcomeChannel-1rFrIO { /* communitysettings welcome welcomechannel */ +#app-mount .welcomeChannel-1rFrIO { /* communitysettings welcome welcomechannel */ background-color: rgba(var(--transparencycolor), .4); } -.channelIcon-1eKmlw { /* communitysettings welcome channelicon s */ +#app-mount .channelIcon-1eKmlw { /* communitysettings welcome channelicon s */ background-color: rgba(var(--transparencycolor), .4); } -.descriptionBox-1EKQKL { /* templatesettings descriptionbox */ +#app-mount .descriptionBox-1EKQKL { /* templatesettings descriptionbox */ background-color: rgba(var(--transparencycolor), .3); } @@ -3308,10 +3312,10 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr border-radius: 3px; overflow: hidden; } -.overflowRolesPopout__88ab9::before, -.overflowRolesPopoutArrow_f3db31::before, -.overflowRolesPopout__88ab9::after, -.overflowRolesPopoutArrow_f3db31::after { +#app-mount .overflowRolesPopout__88ab9::before, +#app-mount .overflowRolesPopoutArrow_f3db31::before, +#app-mount .overflowRolesPopout__88ab9::after, +#app-mount .overflowRolesPopoutArrow_f3db31::after { content: ""; position: absolute; top: 0; @@ -3323,20 +3327,20 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.overflowRolesPopout__88ab9::before, -.overflowRolesPopoutArrow_f3db31::before { +#app-mount .overflowRolesPopout__88ab9::before, +#app-mount .overflowRolesPopoutArrow_f3db31::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.overflowRolesPopout__88ab9::after, -.overflowRolesPopoutArrow_f3db31::after { +#app-mount .overflowRolesPopout__88ab9::after, +#app-mount .overflowRolesPopoutArrow_f3db31::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1)); backdrop-filter: blur(var(--popoutblur)); } -.overflowRolesPopoutHeaderIcon__07f88 path { +#app-mount .overflowRolesPopoutHeaderIcon__07f88 path { fill: var(--header-secondary); } -.overflowRolesPopoutHeaderText_dabff2 { +#app-mount .overflowRolesPopoutHeaderText_dabff2 { color: var(--header-secondary); } @@ -3362,43 +3366,43 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr /* ~~~~ 13. MODALS ~~~~ */ -.layer_ad604d:nth-child(1), -.withLayer__1fe9d:nth-child(1) { +#app-mount .layer_ad604d:nth-child(1), +#app-mount .withLayer__1fe9d:nth-child(1) { z-index: 1002; } -.layer_ad604d:nth-child(2), -.withLayer__1fe9d:nth-child(2) { +#app-mount .layer_ad604d:nth-child(2), +#app-mount .withLayer__1fe9d:nth-child(2) { z-index: 1003; } -.layer_ad604d:nth-child(3), -.withLayer__1fe9d:nth-child(3) { +#app-mount .layer_ad604d:nth-child(3), +#app-mount .withLayer__1fe9d:nth-child(3) { z-index: 1004; } -.layer_ad604d:nth-child(4), -.withLayer__1fe9d:nth-child(4) { +#app-mount .layer_ad604d:nth-child(4), +#app-mount .withLayer__1fe9d:nth-child(4) { z-index: 1005; } -.layer_ad604d:nth-child(5), -.withLayer__1fe9d:nth-child(5) { +#app-mount .layer_ad604d:nth-child(5), +#app-mount .withLayer__1fe9d:nth-child(5) { z-index: 1006; } -.layer_ad604d:nth-child(6), -.withLayer__1fe9d:nth-child(6) { +#app-mount .layer_ad604d:nth-child(6), +#app-mount .withLayer__1fe9d:nth-child(6) { z-index: 1007; } -.layer_ad604d:nth-child(7), -.withLayer__1fe9d:nth-child(7) { +#app-mount .layer_ad604d:nth-child(7), +#app-mount .withLayer__1fe9d:nth-child(7) { z-index: 1008; } -.layer_ad604d:nth-child(8), -.withLayer__1fe9d:nth-child(8) { +#app-mount .layer_ad604d:nth-child(8), +#app-mount .withLayer__1fe9d:nth-child(8) { z-index: 1009; } -.layer_ad604d:nth-child(9), -.withLayer__1fe9d:nth-child(9) { +#app-mount .layer_ad604d:nth-child(9), +#app-mount .withLayer__1fe9d:nth-child(9) { z-index: 1010; } -.layer_ec16dd { +#app-mount .layer_ec16dd { z-index: 1011; } @@ -3412,14 +3416,14 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr #app-mount .rootWithShadow__073a7 { box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); } -.root_a28985 > *, -.modal__060da > * { +#app-mount .root_a28985 > *, +#app-mount .modal__060da > * { z-index: 1; } -.root_a28985::before, -.modal__060da::before, -.root_a28985::after, -.modal__060da::after { +#app-mount .root_a28985::before, +#app-mount .modal__060da::before, +#app-mount .root_a28985::after, +#app-mount .modal__060da::after { content: ""; position: absolute; top: 0; @@ -3432,26 +3436,26 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.root_a28985::before, -.modal__060da::before { +#app-mount .root_a28985::before, +#app-mount .modal__060da::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.root_a28985::after, -.modal__060da::after { +#app-mount .root_a28985::after, +#app-mount .modal__060da::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } -.root_a28985 .modal__060da::before, -.modal_d2e7a7::before, -.root_a28985 .modal__060da::after, -.modal_d2e7a7::after { +#app-mount .root_a28985 .modal__060da::before, +#app-mount .modal_d2e7a7::before, +#app-mount .root_a28985 .modal__060da::after, +#app-mount .modal_d2e7a7::after { display: none; } #app-mount .zoomedCarouselModalRoot__1e2da { background: transparent !important; } -.header-1zd7se > .wrapper-1HSdhi:first-child { +#app-mount .header-1zd7se > .wrapper-1HSdhi:first-child { flex: 1 0 auto; } #app-mount .separator-2lLxgC { @@ -3476,7 +3480,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr z-index: 2; } -.tabBarContainer-sCZC4w { /* modal tabbarcontainer */ +#app-mount .tabBarContainer-sCZC4w { /* modal tabbarcontainer */ border-top-color: rgba(var(--transparencycolor), .3); } #app-mount .modal-6GHvdM .tabBarContainer-sCZC4w { @@ -3538,8 +3542,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr position: relative; overflow: hidden; } -.root-8LYsGj::before, -.root-8LYsGj::after { +#app-mount .root-8LYsGj::before, +#app-mount .root-8LYsGj::after { content: ""; position: absolute; top: 0; @@ -3551,21 +3555,21 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.root-8LYsGj::before { +#app-mount .root-8LYsGj::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.root-8LYsGj::after { +#app-mount .root-8LYsGj::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .root-8LYsGj .topSection-13QKHs { /* modal topsection */ background-color: rgba(var(--transparencycolor), .2); } -.root-8LYsGj *:not(foreignObject) > .banner__6d414 { /* modal banner */ +#app-mount .root-8LYsGj *:not(foreignObject) > .banner__6d414 { /* modal banner */ -webkit-mask: url('data:image/svg+xml; utf8, ') bottom left no-repeat; } -.root-8LYsGj .avatar-3QF_VA { /* modal avatar */ +#app-mount .root-8LYsGj .avatar-3QF_VA { /* modal avatar */ background-color: transparent; border-color: transparent; box-sizing: content-box; @@ -3573,49 +3577,49 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr #app-mount .body-1Ukv50 { /* modal body */ background-color: transparent; } -.listRow__60937:hover { +#app-mount .listRow__60937:hover { background-color: rgba(var(--transparencycolor), .2); } -.emptyIcon__655a1 { /* body emptypic */ +#app-mount .emptyIcon__655a1 { /* body emptypic */ opacity: .5; } -.profileColors__2e2f0 .mask__1979f circle { +#app-mount .profileColors__2e2f0 .mask__1979f circle { fill: transparent; } /* ---- 13.2. GUILDADD/CREATION ----- */ -.container-x8Y1ix, /* create modal item */ -.guildRow-3fJnG6 { /* hub modal item */ +#app-mount .container-x8Y1ix, /* create modal item */ +#app-mount .guildRow-3fJnG6 { /* hub modal item */ background-color: rgb(var(--transparencycolor), .2); border: none; } -.container-x8Y1ix:hover, -.guildRow-3fJnG6:hover { +#app-mount .container-x8Y1ix:hover, +#app-mount .guildRow-3fJnG6:hover { background-color: rgb(var(--transparencycolor), .4); } -.text-PdAsFQ, /* create modal text */ -.guildName-3RzJ_H { /* hub modal text */ +#app-mount .text-PdAsFQ, /* create modal text */ +#app-mount .guildName-3RzJ_H { /* hub modal text */ color: var(--header-secondary); } -.container-x8Y1ix:hover .text-PdAsFQ, -.guildRow-3fJnG6:hover .guildName-3RzJ_H { +#app-mount .container-x8Y1ix:hover .text-PdAsFQ, +#app-mount .guildRow-3fJnG6:hover .guildName-3RzJ_H { color: var(--header-primary); } -.arrow-2yY1Tm, /* create modal arrow */ -.guildName-3RzJ_H ~ img { /* hub modal arrow */ +#app-mount .arrow-2yY1Tm, /* create modal arrow */ +#app-mount .guildName-3RzJ_H ~ img { /* hub modal arrow */ object-position: -999999px -999999px; -webkit-mask: url(https://discord.com/assets/69a0ea5dbf79a129c81a0cb171b60b7a.svg) center/cover no-repeat; background: var(--header-secondary); } -.container-x8Y1ix:hover .arrow-2yY1Tm, -.guildRow-3fJnG6:hover .guildName-3RzJ_H ~ img { +#app-mount .container-x8Y1ix:hover .arrow-2yY1Tm, +#app-mount .guildRow-3fJnG6:hover .guildName-3RzJ_H ~ img { background: var(--header-primary); } -.input-m1-Y7Q { /* modal invite input */ +#app-mount .input-m1-Y7Q { /* modal invite input */ background: transparent; } -.inputInner-1Z3Tui { /* modal invite input inner */ +#app-mount .inputInner-1Z3Tui { /* modal invite input inner */ border: 1px solid var(--deprecated-text-input-border); } @@ -3627,8 +3631,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr position: relative; overflow: hidden; } -.regionSelectModal-12e-57::before, -.regionSelectModal-12e-57::after { +#app-mount .regionSelectModal-12e-57::before, +#app-mount .regionSelectModal-12e-57::after { content: ""; position: absolute; top: 0; @@ -3640,11 +3644,11 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.regionSelectModal-12e-57::before { +#app-mount .regionSelectModal-12e-57::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.regionSelectModal-12e-57::after { +#app-mount .regionSelectModal-12e-57::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } @@ -3692,8 +3696,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr position: relative; border-radius: 10px; } -.uploadModal_eae2a0::before, -.uploadModal_eae2a0::after { +#app-mount .uploadModal_eae2a0::before, +#app-mount .uploadModal_eae2a0::after { content: ""; position: absolute; top: 0; @@ -3706,30 +3710,30 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.uploadModal_eae2a0::before { +#app-mount .uploadModal_eae2a0::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.uploadModal_eae2a0::after { +#app-mount .uploadModal_eae2a0::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } -.uploadModalIn_c0ca4b .uploadDropModal__73a36 { +#app-mount .uploadModalIn_c0ca4b .uploadDropModal__73a36 { width: unset; } -.uploadModalIn_c0ca4b .uploadDropModal__73a36 .inner__7afe9 .title__73a49, -.uploadModalIn_c0ca4b .uploadDropModal__73a36 .inner__7afe9 .instructions__9e259 { +#app-mount .uploadModalIn_c0ca4b .uploadDropModal__73a36 .inner__7afe9 .title__73a49, +#app-mount .uploadModalIn_c0ca4b .uploadDropModal__73a36 .inner__7afe9 .instructions__9e259 { text-shadow: 1px 1px var(--textshadow); } -.uploadModal_eae2a0 .inner-zqa7da { /* modal channeltextarea */ +#app-mount .uploadModal_eae2a0 .inner-zqa7da { /* modal channeltextarea */ background-color: rgba(var(--transparencycolor), .3); } -.uploadModal_eae2a0 .footer_ceda43 { /* modal footer */ +#app-mount .uploadModal_eae2a0 .footer_ceda43 { /* modal footer */ background-color: rgba(var(--transparencycolor), .2); box-shadow: none; } -.uploadModal_eae2a0 .inner__7afe9 .file_f309f6 .icon__25b13.image__00ac0 { +#app-mount .uploadModal_eae2a0 .inner__7afe9 .file_f309f6 .icon__25b13.image__00ac0 { box-shadow: 0 2px 8px rgba(var(--transparencycolor), .4); } @@ -3741,8 +3745,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr position: relative; overflow: hidden; } -.keyboardShortcutsModal__74c71::before, -.keyboardShortcutsModal__74c71::after { +#app-mount .keyboardShortcutsModal__74c71::before, +#app-mount .keyboardShortcutsModal__74c71::after { content: ""; position: absolute; top: 0; @@ -3754,11 +3758,11 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.keyboardShortcutsModal__74c71::before { +#app-mount .keyboardShortcutsModal__74c71::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.keyboardShortcutsModal__74c71::after { +#app-mount .keyboardShortcutsModal__74c71::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } @@ -3816,8 +3820,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr overflow: hidden; flex: 1 1 auto; } -.quickswitcher_a3d29a::before, -.quickswitcher_a3d29a::after { +#app-mount .quickswitcher_a3d29a::before, +#app-mount .quickswitcher_a3d29a::after { content: ""; position: absolute; top: 0; @@ -3829,19 +3833,19 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.quickswitcher_a3d29a::before { +#app-mount .quickswitcher_a3d29a::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.quickswitcher_a3d29a::after { +#app-mount .quickswitcher_a3d29a::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } -.root_a28985 .quickswitcher_a3d29a::before, -.root_a28985 .quickswitcher_a3d29a::after { +#app-mount .root_a28985 .quickswitcher_a3d29a::before, +#app-mount .root_a28985 .quickswitcher_a3d29a::after { display: none; } -.scroller__52ae7 { +#app-mount .scroller__52ae7 { background-color: transparent; } #app-mount .input__848cd { /* modal input */ @@ -3861,8 +3865,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr position: relative; overflow: hidden; } -.contentWrapper__85d37::before, -.contentWrapper__85d37::after { +#app-mount .contentWrapper__85d37::before, +#app-mount .contentWrapper__85d37::after { content: ""; position: absolute; top: 0; @@ -3874,11 +3878,11 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.contentWrapper__85d37::before { +#app-mount .contentWrapper__85d37::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.contentWrapper__85d37::after { +#app-mount .contentWrapper__85d37::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } @@ -3902,12 +3906,12 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr #app-mount .subText-1CcYgq { color: var(--header-secondary); } -.tag__69d9d { /* modal added user */ +#app-mount .tag__69d9d { /* modal added user */ background-color: rgb(var(--accentcolor)); color: #fff; text-shadow: 1px 1px var(--textshadow); } -.pill_c0440d { +#app-mount .pill_c0440d { background-color: rgba(var(--transparencycolor), .5); } @@ -3916,9 +3920,9 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr #app-mount .wrapper_eebc2d { /* login wrapper */ background: transparent; } -.wrapper_eebc2d::before, /* login winbuttonshadow */ -.wrapper_eebc2d .rightSplit__46a42, /* login background */ -.wrapper_eebc2d .canvas_c398ff { /* login movingshadow */ +#app-mount .wrapper_eebc2d::before, /* login winbuttonshadow */ +#app-mount .wrapper_eebc2d .rightSplit__46a42, /* login background */ +#app-mount .wrapper_eebc2d .canvas_c398ff { /* login movingshadow */ display: none; } #app-mount .authBox__7196a { /* login modal body */ @@ -3944,8 +3948,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr position: relative; overflow: hidden; } -.modal-DRZfgq::before, -.modal-DRZfgq::after { +#app-mount .modal-DRZfgq::before, +#app-mount .modal-DRZfgq::after { content: ""; position: absolute; top: 0; @@ -3957,11 +3961,11 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.modal-DRZfgq::before { +#app-mount .modal-DRZfgq::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.modal-DRZfgq::after { +#app-mount .modal-DRZfgq::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } @@ -3988,8 +3992,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr position: relative; overflow: hidden; } -.downloadApps__30ed7::before, -.downloadApps__30ed7::after { +#app-mount .downloadApps__30ed7::before, +#app-mount .downloadApps__30ed7::after { content: ""; position: absolute; top: 0; @@ -4001,30 +4005,30 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.downloadApps__30ed7::before { +#app-mount .downloadApps__30ed7::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.downloadApps__30ed7::after { +#app-mount .downloadApps__30ed7::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } -.downloadApps__30ed7 .header__01af9 { +#app-mount .downloadApps__30ed7 .header__01af9 { color: var(--text-normal); } -.downloadApps__30ed7 .footer__49ae9 { +#app-mount .downloadApps__30ed7 .footer__49ae9 { color: var(--text-muted); } -.downloadApps__30ed7 .platforms__86929 .platform__97f9e { +#app-mount .downloadApps__30ed7 .platforms__86929 .platform__97f9e { border-color: var(--header-secondary); } -.downloadApps__30ed7 .platforms__86929 .platform__97f9e p { +#app-mount .downloadApps__30ed7 .platforms__86929 .platform__97f9e p { color: var(--header-secondary); } -.downloadApps__30ed7 .platforms__86929 .platform__97f9e .downloadButton__87489 { +#app-mount .downloadApps__30ed7 .platforms__86929 .platform__97f9e .downloadButton__87489 { background-color: var(--header-secondary); } -.downloadApps__30ed7 .platforms__86929 .platform__97f9e.active__8f9aa .downloadButton__87489 { +#app-mount .downloadApps__30ed7 .platforms__86929 .platform__97f9e.active__8f9aa .downloadButton__87489 { text-shadow: 1px 1px var(--textshadow); } @@ -4033,10 +4037,10 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr #app-mount .perksModal-CLcR1c { /* modal wrapper */ background-color: transparent; } -.carouselContainer-2-vIZS { /* modal scrollercontainer */ +#app-mount .carouselContainer-2-vIZS { /* modal scrollercontainer */ -webkit-mask: linear-gradient(to right, rgba(0,0,0,0) 0px, rgba(0,0,0,1) 60px, rgba(0,0,0,1) calc(100vw - 60px), rgba(0,0,0,0) 100vw); } -.carouselGradientEdge-2W94ou { /* modal scrollergradient */ +#app-mount .carouselGradientEdge-2W94ou { /* modal scrollergradient */ display: none; } #app-mount .subscriberCount__53026 { /* modal subcount */ @@ -4055,8 +4059,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr box-shadow: 0 2px 10px rgba(var(--transparencycolor), .2); overflow: hidden; } -.subscribersPopout__1da1e::before, -.subscribersPopout__1da1e::after { +#app-mount .subscribersPopout__1da1e::before, +#app-mount .subscribersPopout__1da1e::after { content: ""; position: absolute; top: 0; @@ -4068,11 +4072,11 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.subscribersPopout__1da1e::before { +#app-mount .subscribersPopout__1da1e::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.subscribersPopout__1da1e::after { +#app-mount .subscribersPopout__1da1e::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.35)); backdrop-filter: blur(var(--popoutblur)); } @@ -4095,7 +4099,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr background-color: rgb(var(--accentcolor)); -webkit-mask: url(https://discord.com/assets/94ff6fdc535b6ecb7b1bc54f2dd56a10.svg); } -.guildIcon-3raYf3 { /* current boost stats guild icon */ +#app-mount .guildIcon-3raYf3 { /* current boost stats guild icon */ background-color: rgba(var(--transparencycolor), .2); } @@ -4134,13 +4138,13 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr #app-mount .barBackground-unEPDT { /* modal tierbar */ background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 3%, rgba(var(--transparencycolor), .3) 3%, rgba(var(--transparencycolor), .3) 30.2%, rgba(0,0,0,0) 30.2%, rgba(0,0,0,0) 36.2%, rgba(var(--transparencycolor), .3) 36.2%, rgba(var(--transparencycolor), .3) 63.5%, rgba(0,0,0,0) 63.5%, rgba(0,0,0,0) 69.5%, rgba(var(--transparencycolor), .3) 69.5%, rgba(var(--transparencycolor), .3) 96.7%, rgba(0,0,0,0) 96.7%, rgba(0,0,0,0) 100%); } -.barSecondary-VouwoY { +#app-mount .barSecondary-VouwoY { background-color: rgb(var(--accentcolor)); } -.wrapper-3nSjSv .heading-4znNKq { /* modal boostaddwrapper header */ +#app-mount .wrapper-3nSjSv .heading-4znNKq { /* modal boostaddwrapper header */ text-shadow: 1px 1px var(--textshadow); } -.tier-1EY-yj { /* modal boostaddwrapper tier */ +#app-mount .tier-1EY-yj { /* modal boostaddwrapper tier */ background-color: rgb(var(--transparencycolor), .3); } #app-mount .giftIcon-2kmx1K { /* modal gifticon */ @@ -4171,7 +4175,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr background: rgba(var(--transparencycolor), .2); } -.header-1F6gxU { /* prebuy popout header */ +#app-mount .header-1F6gxU { /* prebuy popout header */ background: rgba(var(--transparencycolor), .3); padding-bottom: 10px; margin-bottom: 10px; @@ -4179,13 +4183,13 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr #app-mount .iconWrapper__9caa9 { /* prebuy popout amount icon wrapper */ background: rgba(var(--transparencycolor), .3); } -.icon_ae3492:hover { /* prebuy popout amount icon */ +#app-mount .icon_ae3492:hover { /* prebuy popout amount icon */ background: rgb(var(--accentcolor)); } -.upsellFooter-6EgwMe { /* prebuy popout footer details */ +#app-mount .upsellFooter-6EgwMe { /* prebuy popout footer details */ background: rgba(var(--transparencycolor), .3); } -.perksList-1vtwXn { /* prebuy popout perkslist */ +#app-mount .perksList-1vtwXn { /* prebuy popout perkslist */ background: rgba(var(--transparencycolor), .3); } @@ -4220,35 +4224,35 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr /* ---- 13.13. GUILDWELCOMEMODAL ---- */ -.optionContainer__5d0b1 { /* modal option */ +#app-mount .optionContainer__5d0b1 { /* modal option */ background-color: rgba(var(--transparencycolor), .2); } -.optionContainer__5d0b1:hover { +#app-mount .optionContainer__5d0b1:hover { background-color: rgba(var(--transparencycolor), .4); } /* ---- 13.14. GUILDRULESMODAL ---- */ -.guildSidebar__8763f { /* modal sidebar */ +#app-mount .guildSidebar__8763f { /* modal sidebar */ background-color: rgba(var(--transparencycolor), .4); } -.modal_b38209 { /* modal inner */ +#app-mount .modal_b38209 { /* modal inner */ background-color: rgba(var(--transparencycolor), .2); } /* ---- 13.15. GUILDFEEDBACKMODAL ---- */ -.root_b4f834 { /* modal items */ +#app-mount .root_b4f834 { /* modal items */ background-color: transparent; border-radius: 0; } -.option_f70eea { /* modal item */ +#app-mount .option_f70eea { /* modal item */ background-color: rgb(var(--transparencycolor), .2); border: none; border-radius: 8px; margin-bottom: 8px; } -.option_f70eea:hover { +#app-mount .option_f70eea:hover { background-color: rgb(var(--transparencycolor), .4); } @@ -4258,14 +4262,14 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr background-color: rgba(var(--transparencycolor), .4); box-shadow: 0 2px 5px rgba(var(--transparencycolor), .2), 0 0 0 1px rgba(var(--transparencycolor), .6); } -.card-1SdQ2- { +#app-mount .card-1SdQ2- { background-color: rgba(var(--transparencycolor), .2); border-color: rgba(var(--transparencycolor), .4); } #app-mount .item-2OyinQ { border-color: rgba(var(--transparencycolor), .4); } -.selectorButton_c6ae93:not(.selectorButtonSelected_fbe8fc) { +#app-mount .selectorButton_c6ae93:not(.selectorButtonSelected_fbe8fc) { background-color: rgba(var(--transparencycolor), .2); } #app-mount .userListOverflow-2GkVmP { @@ -4274,13 +4278,13 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr /* ---- 13.17. PHONEVERIFICATIONMODAL ---- */ -.phoneField__65729 { +#app-mount .phoneField__65729 { background-color: rgba(var(--transparencycolor), .2); } -.phoneField__65729 .inputField__3008c { +#app-mount .phoneField__65729 .inputField__3008c { background-color: transparent; } -.phoneFieldPopout-3O-1C3 { +#app-mount .phoneFieldPopout-3O-1C3 { position: absolute !important; } @@ -4308,19 +4312,10 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr border: 1px dashed var(--background-floating); } -/* ---- 13.19. DISCOVERYENTRYMODAL ---- */ +/* ---- 13.19. PODIUMSTARTMODAL ---- */ -.checkboxWrapper-2fDzaA.row-31nALW { - background-color: rgba(var(--transparencycolor),.2); -} -.checkboxWrapper-2fDzaA.row-31nALW:hover:not(.checked__24ad6) { - background-color: rgba(var(--transparencycolor),.4); -} -.checkboxWrapper-2fDzaA.row-31nALW.checked__24ad6 { - background-color: rgb(var(--accentcolor)); -} -.checkboxWrapper-2fDzaA.row-31nALW.checked__24ad6 .colorStandard-21JIj7 { - color: var(--header-primary); +#app-mount .iconContainer__466ce { + background-color: rgba(var(--transparencycolor), .5); } /* ---- 13.20. NITROFEATUREMODAL ---- */ @@ -4341,8 +4336,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr position: relative; overflow: hidden; } -.directoryModal-YJsOMv::before, -.directoryModal-YJsOMv::after { +#app-mount .directoryModal-YJsOMv::before, +#app-mount .directoryModal-YJsOMv::after { content: ""; position: absolute; top: 0; @@ -4354,52 +4349,52 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.directoryModal-YJsOMv::before { +#app-mount .directoryModal-YJsOMv::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.directoryModal-YJsOMv::after { +#app-mount .directoryModal-YJsOMv::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } /* ---- 13.22. ACTIVITYSHAREMODAL ---- */ -.shelfTopBackground-R55ED9 { +#app-mount .shelfTopBackground-R55ED9 { z-index: 2; } -.scrollTierBackgroundUpsell-2oh_9T { +#app-mount .scrollTierBackgroundUpsell-2oh_9T { background: rgba(var(--accentcolor), .1); } /* ~~~~ 14. POPOUTS ~~~~ */ -.layer-2aCOJ3:nth-child(1) { +#app-mount .layer-2aCOJ3:nth-child(1) { z-index: 1002; } -.layer-2aCOJ3:nth-child(2) { +#app-mount .layer-2aCOJ3:nth-child(2) { z-index: 1003; } -.layer-2aCOJ3:nth-child(3) { +#app-mount .layer-2aCOJ3:nth-child(3) { z-index: 1004; } -.layer-2aCOJ3:nth-child(4) { +#app-mount .layer-2aCOJ3:nth-child(4) { z-index: 1005; } -.layer-2aCOJ3:nth-child(5) { +#app-mount .layer-2aCOJ3:nth-child(5) { z-index: 1006; } -.layer-2aCOJ3:nth-child(6) { +#app-mount .layer-2aCOJ3:nth-child(6) { z-index: 1007; } -.layer-2aCOJ3:nth-child(7) { +#app-mount .layer-2aCOJ3:nth-child(7) { z-index: 1008; } -.layer-2aCOJ3:nth-child(8) { +#app-mount .layer-2aCOJ3:nth-child(8) { z-index: 1009; } -.layer-2aCOJ3:nth-child(9) { +#app-mount .layer-2aCOJ3:nth-child(9) { z-index: 1010; } @@ -4413,12 +4408,12 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr color: var(--header-primary); position: relative; } -.loadingPopout-1feYe_::before, -.container__8261a::before, -.themedPopout-1TrfdI::before, -.loadingPopout-1feYe_::after, -.container__8261a::after, -.themedPopout-1TrfdI::after { +#app-mount .loadingPopout-1feYe_::before, +#app-mount .container__8261a::before, +#app-mount .themedPopout-1TrfdI::before, +#app-mount .loadingPopout-1feYe_::after, +#app-mount .container__8261a::after, +#app-mount .themedPopout-1TrfdI::after { content: ""; position: absolute; top: 0; @@ -4431,21 +4426,21 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.loadingPopout-1feYe_::before, -.container__8261a::before, -.themedPopout-1TrfdI::before { +#app-mount .loadingPopout-1feYe_::before, +#app-mount .container__8261a::before, +#app-mount .themedPopout-1TrfdI::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.loadingPopout-1feYe_::after, -.container__8261a::after, -.themedPopout-1TrfdI::after { +#app-mount .loadingPopout-1feYe_::after, +#app-mount .container__8261a::after, +#app-mount .themedPopout-1TrfdI::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } -.selected-22ukbQ, /* popout combobox selected */ -.selected-22ukbQ:hover { +#app-mount .selected-22ukbQ, /* popout combobox selected */ +#app-mount .selected-22ukbQ:hover { background-color: rgb(var(--accentcolor)); color: #fff; text-shadow: 1px 1px var(--textshadow); @@ -4456,15 +4451,15 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr /* ---- 14.1. CONTEXTMENU ---- */ -.menu_dc52c6, /* contextmenu fixed */ -.submenu_acf564 { /* contextmenu submenu */ +#app-mount .menu_dc52c6, /* contextmenu fixed */ +#app-mount .submenu_acf564 { /* contextmenu submenu */ background: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); } -.menu_dc52c6::before, -.submenu_acf564::before, -.menu_dc52c6::after, -.submenu_acf564::after { +#app-mount .menu_dc52c6::before, +#app-mount .submenu_acf564::before, +#app-mount .menu_dc52c6::after, +#app-mount .submenu_acf564::after { content: ""; position: absolute; top: 0; @@ -4477,52 +4472,52 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.menu_dc52c6::before, -.submenu_acf564::before { +#app-mount .menu_dc52c6::before, +#app-mount .submenu_acf564::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.menu_dc52c6::after, -.submenu_acf564::after { +#app-mount .menu_dc52c6::after, +#app-mount .submenu_acf564::after { background: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.3)); backdrop-filter: blur(var(--popoutblur)); } -.submenu_acf564 { +#app-mount .submenu_acf564 { position: relative; } -.container-3AL15u { /* contextmenu searchbar */ +#app-mount .container-3AL15u { /* contextmenu searchbar */ background-color: rgba(var(--transparencycolor), .2); } -.item__183e8.colorDefault__0b482.focused__27621, -.item__183e8.colorDefault__0b482:hover:not(.hideInteraction__2790e) { +#app-mount .item__183e8.colorDefault__0b482.focused__27621, +#app-mount .item__183e8.colorDefault__0b482:hover:not(.hideInteraction__2790e) { background-color: rgba(var(--accentcolor), .2) !important; } -.item__183e8.colorDanger_eec36d.focused__27621, -.item__183e8.colorDanger_eec36d:hover:not(.hideInteraction__2790e) { +#app-mount .item__183e8.colorDanger_eec36d.focused__27621, +#app-mount .item__183e8.colorDanger_eec36d:hover:not(.hideInteraction__2790e) { background-color: rgba(var(--dangercolor), .2) !important; } -.item__183e8.colorSuccess__6b952.focused__27621, -.item__183e8.colorSuccess__6b952:hover:not(.hideInteraction__2790e) { +#app-mount .item__183e8.colorSuccess__6b952.focused__27621, +#app-mount .item__183e8.colorSuccess__6b952:hover:not(.hideInteraction__2790e) { background-color: rgba(var(--successcolor), .2) !important; } -.item__183e8.colorBrand__471df.focused__27621, -.item__183e8.colorBrand__471df:hover:not(.hideInteraction__2790e), -.item__183e8.colorDefault__0b482.focused__27621[id="user-settings-cog-Subscriptions"], -.item__183e8.colorDefault__0b482:hover:not(.hideInteraction__2790e)[id="user-settings-cog-Subscriptions"], -.item__183e8.colorDefault__0b482.focused__27621[id="user-settings-cog-Discord_Nitro"], -.item__183e8.colorDefault__0b482:hover:not(.hideInteraction__2790e)[id="user-settings-cog-Discord_Nitro"] { +#app-mount .item__183e8.colorBrand__471df.focused__27621, +#app-mount .item__183e8.colorBrand__471df:hover:not(.hideInteraction__2790e), +#app-mount .item__183e8.colorDefault__0b482.focused__27621[id="user-settings-cog-Subscriptions"], +#app-mount .item__183e8.colorDefault__0b482:hover:not(.hideInteraction__2790e)[id="user-settings-cog-Subscriptions"], +#app-mount .item__183e8.colorDefault__0b482.focused__27621[id="user-settings-cog-Discord_Nitro"], +#app-mount .item__183e8.colorDefault__0b482:hover:not(.hideInteraction__2790e)[id="user-settings-cog-Discord_Nitro"] { background-color: rgba(var(--accentcolor), .2) !important; } -.item__183e8.colorPremium__548bd.focused__27621, -.item__183e8.colorPremium__548bd:hover:not(.hideInteraction__2790e), -.item__183e8.colorDefault__0b482.focused__27621[id="user-settings-cog-Nitro_Server_Boost"], -.item__183e8.colorDefault__0b482:hover:not(.hideInteraction__2790e)[id="user-settings-cog-Nitro_Server_Boost"], -.item__183e8.colorDefault__0b482.focused__27621[id="guild-context-guild-settings--GUILD_PREMIUM"], -.item__183e8.colorDefault__0b482:hover:not(.hideInteraction__2790e)[id="guild-context-guild-settings--GUILD_PREMIUM"] { +#app-mount .item__183e8.colorPremium__548bd.focused__27621, +#app-mount .item__183e8.colorPremium__548bd:hover:not(.hideInteraction__2790e), +#app-mount .item__183e8.colorDefault__0b482.focused__27621[id="user-settings-cog-Nitro_Server_Boost"], +#app-mount .item__183e8.colorDefault__0b482:hover:not(.hideInteraction__2790e)[id="user-settings-cog-Nitro_Server_Boost"], +#app-mount .item__183e8.colorDefault__0b482.focused__27621[id="guild-context-guild-settings--GUILD_PREMIUM"], +#app-mount .item__183e8.colorDefault__0b482:hover:not(.hideInteraction__2790e)[id="guild-context-guild-settings--GUILD_PREMIUM"] { background-color: rgba(var(--accentcolor2), .2) !important; } -.item__183e8.colorPremiumGradient__45b85.focused__27621, -.item__183e8.colorPremiumGradient__45b85:hover:not(.hideInteraction__2790e) { +#app-mount .item__183e8.colorPremiumGradient__45b85.focused__27621, +#app-mount .item__183e8.colorPremiumGradient__45b85:hover:not(.hideInteraction__2790e) { background: linear-gradient(90deg, rgba(var(--accentcolor2), .2), rgba(var(--accentcolor), .2)) !important; } #app-mount .item__183e8 .checkbox__45366 { /* contextmenu checkbox */ @@ -4541,23 +4536,23 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr color: #fff; stroke: var(--textshadow); } -.button__3ecb4 { /* contextmenu quick reaction button */ +#app-mount .button__3ecb4 { /* contextmenu quick reaction button */ background-color: rgba(var(--transparencycolor), .3); } -.button__3ecb4:hover { +#app-mount .button__3ecb4:hover { background-color: rgb(var(--accentcolor)); } /* ---- 14.2. USERPOPOUT ---- */ -.userPopoutOuter_d739b2 { /* popout container */ +#app-mount .userPopoutOuter_d739b2 { /* popout container */ box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); } -.userProfileOuterUnthemed__48723 { /* popout container */ +#app-mount .userProfileOuterUnthemed__48723 { /* popout container */ background: transparent; } -.userProfileOuterUnthemed__48723::before, -.userProfileOuterUnthemed__48723::after { +#app-mount .userProfileOuterUnthemed__48723::before, +#app-mount .userProfileOuterUnthemed__48723::after { content: ""; position: absolute; top: 0; @@ -4570,18 +4565,18 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.userProfileOuterUnthemed__48723::before { +#app-mount .userProfileOuterUnthemed__48723::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.userProfileOuterUnthemed__48723::after { +#app-mount .userProfileOuterUnthemed__48723::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } -.accountProfilePopoutWrapper_af829a .overlayBackground__86b78 { +#app-mount .accountProfilePopoutWrapper_af829a .overlayBackground__86b78 { display: block !important; } -.profileColors__2e2f0 { /* popout profilecolors */ +#app-mount .profileColors__2e2f0 { /* popout profilecolors */ --profile-body-background-color: rgba(0,0,0,.4) !important; --profile-body-divider-color: var(--background-modifier-accent) !important; --profile-body-divider-opacity: 1 !important; @@ -4589,7 +4584,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr #app-mount .userProfileOuterThemed__6eb84 ::-webkit-scrollbar-thumb { background-color: var(--profile-gradient-secondary-color) !important; } -.userProfileInnerThemed_f7ead7::after { +#app-mount .userProfileInnerThemed_f7ead7::after { content: ""; position: absolute; display: block; @@ -4600,26 +4595,26 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr height: 60px; z-index: 1; } -.userProfileInnerThemed_f7ead7::before { +#app-mount .userProfileInnerThemed_f7ead7::before { z-index: 2; } -.userProfileInnerThemed_f7ead7 > * { +#app-mount .userProfileInnerThemed_f7ead7 > * { z-index: 3; } -.userProfileInnerThemedWithBanner_d5f991::after { +#app-mount .userProfileInnerThemedWithBanner_d5f991::after { height: 120px; } -.userProfileInner__8065b { /* popout inner */ +#app-mount .userProfileInner__8065b { /* popout inner */ border-radius: 4px; } -.userPopoutOuter_d739b2 .wrapper_edb6e0, /* popout avatar */ -.userPopoutOuter_d739b2 .avatarWrapper { /* popout status everywhere */ +#app-mount .userPopoutOuter_d739b2 .wrapper_edb6e0, /* popout avatar */ +#app-mount .userPopoutOuter_d739b2 .avatarWrapper { /* popout status everywhere */ background-color: transparent; border-color: transparent; box-sizing: content-box; } -.root_a99273 { /* body roles */ +#app-mount .root_a99273 { /* body roles */ max-height: 100px; overflow-x: hidden; overflow-y: scroll; @@ -4683,7 +4678,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr z-index: 1; } -.textarea_c5a7a3:focus { /* body note */ +#app-mount .textarea_c5a7a3:focus { /* body note */ background-color: rgba(var(--transparencycolor), .2); } @@ -4698,20 +4693,20 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr /* ---- 14.3. EMOJIPICKER ---- */ -.contentWrapper__321ed, /* picker expression wrapper */ -.emojiPicker_b65ce9, /* picker inner */ -.diversitySelectorOptions__846c5 { /* picker diversityselector */ +#app-mount .contentWrapper__321ed, /* picker expression wrapper */ +#app-mount .emojiPicker_b65ce9, /* picker inner */ +#app-mount .diversitySelectorOptions__846c5 { /* picker diversityselector */ background: transparent; box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3); border: none; overflow: hidden; } -.contentWrapper__321ed::before, -.emojiPicker_b65ce9::before, -.diversitySelectorOptions__846c5::before, -.contentWrapper__321ed::after, -.emojiPicker_b65ce9::after, -.diversitySelectorOptions__846c5::after { +#app-mount .contentWrapper__321ed::before, +#app-mount .emojiPicker_b65ce9::before, +#app-mount .diversitySelectorOptions__846c5::before, +#app-mount .contentWrapper__321ed::after, +#app-mount .emojiPicker_b65ce9::after, +#app-mount .diversitySelectorOptions__846c5::after { content: ""; position: absolute; top: 0; @@ -4723,82 +4718,82 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.contentWrapper__321ed::before, -.emojiPicker_b65ce9::before, -.diversitySelectorOptions__846c5::before { +#app-mount .contentWrapper__321ed::before, +#app-mount .emojiPicker_b65ce9::before, +#app-mount .diversitySelectorOptions__846c5::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.contentWrapper__321ed::after, -.emojiPicker_b65ce9::after, -.diversitySelectorOptions__846c5::after { +#app-mount .contentWrapper__321ed::after, +#app-mount .emojiPicker_b65ce9::after, +#app-mount .diversitySelectorOptions__846c5::after { background: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } -.diversitySelectorOptions__846c5::before, -.diversitySelectorOptions__846c5::after { +#app-mount .diversitySelectorOptions__846c5::before, +#app-mount .diversitySelectorOptions__846c5::after { border-radius: 5px; } -.emojiPickerInExpressionPicker-2nOwH8 .emojiPicker_b65ce9 { +#app-mount .emojiPickerInExpressionPicker-2nOwH8 .emojiPicker_b65ce9 { box-shadow: unset; } -.emojiPickerInExpressionPicker-2nOwH8 .emojiPicker_b65ce9::after, -.emojiPickerInExpressionPicker-2nOwH8 .emojiPicker_b65ce9::before { +#app-mount .emojiPickerInExpressionPicker-2nOwH8 .emojiPicker_b65ce9::after, +#app-mount .emojiPickerInExpressionPicker-2nOwH8 .emojiPicker_b65ce9::before { display: none; } -.diversityEmojiItem__6505f:hover { /* picker diversityemoji */ +#app-mount .diversityEmojiItem__6505f:hover { /* picker diversityemoji */ background-color: rgb(var(--accentcolor)); } -.navButtonActive__735cb { /* picker navbuttonactive */ +#app-mount .navButtonActive__735cb { /* picker navbuttonactive */ background-color: rgb(var(--accentcolor)); color: #fff; text-shadow: 1px 1px var(--textshadow); } -.wrapper__4f229 { /* picker sidebar */ +#app-mount .wrapper__4f229 { /* picker sidebar */ background-color: rgba(var(--transparencycolor), .2); } -.guildIcon__4d796 { /* picker guildicon */ +#app-mount .guildIcon__4d796 { /* picker guildicon */ background-color: rgba(var(--transparencycolor), .2); } -.categoryItemDefaultCategory__67fe7:first-child, -.categoryItemDefaultCategory__67fe7:first-child + .categoryItemDefaultCategory__67fe7, -.stickerCategoryRecent-1WVWrj { +#app-mount .categoryItemDefaultCategory__67fe7:first-child, +#app-mount .categoryItemDefaultCategory__67fe7:first-child + .categoryItemDefaultCategory__67fe7, +#app-mount .stickerCategoryRecent-1WVWrj { margin-bottom: 8px; } -.categoryItemDefaultCategory__67fe7:hover, /* picker categoryitem */ -.stickerCategory__4891e:hover, /* picker stickercategoryitem */ -.stickerCategoryShopWrapper-3EnJdQ:hover .stickerCategoryShop-d5zC3B { +#app-mount .categoryItemDefaultCategory__67fe7:hover, /* picker categoryitem */ +#app-mount .stickerCategory__4891e:hover, /* picker stickercategoryitem */ +#app-mount .stickerCategoryShopWrapper-3EnJdQ:hover .stickerCategoryShop-d5zC3B { background-color: rgba(var(--transparencycolor), .3); } -.categoryItemDefaultCategorySelected__8245a, /* picker categoryitem selected */ -.categoryItemDefaultCategorySelected__8245a:hover, -.stickerCategorySelected-2uaMAG, /* picker stickercategoryitem selected */ -.stickerCategorySelected-2uaMAG:hover { +#app-mount .categoryItemDefaultCategorySelected__8245a, /* picker categoryitem selected */ +#app-mount .categoryItemDefaultCategorySelected__8245a:hover, +#app-mount .stickerCategorySelected-2uaMAG, /* picker stickercategoryitem selected */ +#app-mount .stickerCategorySelected-2uaMAG:hover { background-color: rgb(var(--accentcolor)); } -.categoryItemDefaultCategorySelected__8245a svg, /* picker categoryitem selected */ -.categoryItemDefaultCategorySelected__8245a:hover svg, -.stickerCategorySelected-2uaMAG svg, /* picker stickercategoryitem selected */ -.stickerCategorySelected-2uaMAG:hover svg { +#app-mount .categoryItemDefaultCategorySelected__8245a svg, /* picker categoryitem selected */ +#app-mount .categoryItemDefaultCategorySelected__8245a:hover svg, +#app-mount .stickerCategorySelected-2uaMAG svg, /* picker stickercategoryitem selected */ +#app-mount .stickerCategorySelected-2uaMAG:hover svg { filter: drop-shadow(1px 1px var(--textshadow)); } -.unicodeShortcut__1dd6b, /* picker unicodeemojis shortcut */ -.stickerCategoryShopWrapper-3EnJdQ { /* picker unicodeemojis shortcut */ +#app-mount .unicodeShortcut__1dd6b, /* picker unicodeemojis shortcut */ +#app-mount .stickerCategoryShopWrapper-3EnJdQ { /* picker unicodeemojis shortcut */ background-color: transparent; border: none; overflow: hidden; z-index: 100; } -.unicodeShortcut__1dd6b::before, -.stickerCategoryShopWrapper-3EnJdQ::before, -.unicodeShortcut__1dd6b::after, -.stickerCategoryShopWrapper-3EnJdQ::after { +#app-mount .unicodeShortcut__1dd6b::before, +#app-mount .stickerCategoryShopWrapper-3EnJdQ::before, +#app-mount .unicodeShortcut__1dd6b::after, +#app-mount .stickerCategoryShopWrapper-3EnJdQ::after { content: ""; position: absolute; top: 0; @@ -4810,18 +4805,18 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.unicodeShortcut__1dd6b::before, -.stickerCategoryShopWrapper-3EnJdQ::before { +#app-mount .unicodeShortcut__1dd6b::before, +#app-mount .stickerCategoryShopWrapper-3EnJdQ::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.unicodeShortcut__1dd6b::after, -.stickerCategoryShopWrapper-3EnJdQ::after { +#app-mount .unicodeShortcut__1dd6b::after, +#app-mount .stickerCategoryShopWrapper-3EnJdQ::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.35)); backdrop-filter: blur(var(--popoutblur)); } -.inspector__993e1 { /* picker emojiinfowrapper */ +#app-mount .inspector__993e1 { /* picker emojiinfowrapper */ background-color: rgba(var(--transparencycolor), .2); } @@ -4834,41 +4829,41 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr background: rgba(var(--transparencycolor), .3); border-radius: 10px; } -.emojiItem_b15dee.emojiItemSelected__1a09a { /* picker emoji selected */ +#app-mount .emojiItem_b15dee.emojiItemSelected__1a09a { /* picker emoji selected */ background-color: rgb(var(--accentcolor)); } -.emojiItemDisabled__36cbf { /* picker emoji disabled */ +#app-mount .emojiItemDisabled__36cbf { /* picker emoji disabled */ filter: none; cursor: no-drop; } -.emojiItemDisabled__36cbf > * { +#app-mount .emojiItemDisabled__36cbf > * { filter: grayscale(1); } -.shape-2kfO2v { /* picker sticker loading */ +#app-mount .shape-2kfO2v { /* picker sticker loading */ background-color: rgba(var(--transparencycolor), .2); } -.feature-1nRVr5 { /* picker sticker feature */ +#app-mount .feature-1nRVr5 { /* picker sticker feature */ background: transparent; } -.stickerInspected__1c897 .stickerBackground-2XECKi { /* picker sticker focused */ +#app-mount .stickerInspected__1c897 .stickerBackground-2XECKi { /* picker sticker focused */ background-color: rgb(var(--accentcolor)); } -.viewAllBackground-3Bn1vh { /* picker sticker view all */ +#app-mount .viewAllBackground-3Bn1vh { /* picker sticker view all */ background-color: rgba(var(--transparencycolor), .2); } -.viewAll_a22f0d:hover .viewAllBackground-3Bn1vh, -.viewAllInspected__62664 .viewAllBackground-3Bn1vh { +#app-mount .viewAll_a22f0d:hover .viewAllBackground-3Bn1vh, +#app-mount .viewAllInspected__62664 .viewAllBackground-3Bn1vh { background-color: rgba(var(--transparencycolor), .4); } -.premiumPromo__2d678 { /* picker premium warning */ +#app-mount .premiumPromo__2d678 { /* picker premium warning */ background-color: transparent; opacity: 1; } -.premiumPromo__2d678::before, -.premiumPromo__2d678::after { +#app-mount .premiumPromo__2d678::before, +#app-mount .premiumPromo__2d678::after { content: ""; position: absolute; top: 0; @@ -4881,22 +4876,22 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.premiumPromo__2d678::before { +#app-mount .premiumPromo__2d678::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.premiumPromo__2d678::after { +#app-mount .premiumPromo__2d678::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.29)); backdrop-filter: blur(var(--popoutblur)); } -.premiumPromoClose__11b8f { +#app-mount .premiumPromoClose__11b8f { -webkit-mask: url(https://discord.com/assets/f815a774c2b98d3109293a4e2afb733c.svg) 50% 50% no-repeat; background: var(--interactive-normal); } -.premiumPromoClose__11b8f:hover { +#app-mount .premiumPromoClose__11b8f:hover { background: var(--interactive-hover); } -.premiumPromoClose__11b8f:active { +#app-mount .premiumPromoClose__11b8f:active { background: var(--interactive-active); } #app-mount .categoryItemDefaultCategorySelected__8245a .categoryIcon__7d3fc, @@ -4935,21 +4930,21 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr /* ---- 14.4. PINS/MENTIONS ---- */ -.messagesPopoutWrap_b3b384, /* popout wrapper */ -.container__20de0 { /* popout wrapper (inbox) */ +#app-mount .messagesPopoutWrap_b3b384, /* popout wrapper */ +#app-mount .container__20de0 { /* popout wrapper (inbox) */ background-color: transparent; box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3); border: none; overflow: hidden; } -.messagesPopoutWrap_b3b384 > *, -.container__20de0 > * { +#app-mount .messagesPopoutWrap_b3b384 > *, +#app-mount .container__20de0 > * { z-index: 1000; } -.messagesPopoutWrap_b3b384::before, -.container__20de0::before, -.messagesPopoutWrap_b3b384::after, -.container__20de0::after { +#app-mount .messagesPopoutWrap_b3b384::before, +#app-mount .container__20de0::before, +#app-mount .messagesPopoutWrap_b3b384::after, +#app-mount .container__20de0::after { content: ""; position: absolute; top: 0; @@ -4961,13 +4956,13 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.messagesPopoutWrap_b3b384::before, -.container__20de0::before { +#app-mount .messagesPopoutWrap_b3b384::before, +#app-mount .container__20de0::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.messagesPopoutWrap_b3b384::after, -.container__20de0::after { +#app-mount .messagesPopoutWrap_b3b384::after, +#app-mount .container__20de0::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } @@ -4975,28 +4970,28 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr background-color: transparent; } -.themedPopout-1TrfdI .header-2Kf7Yu { +#app-mount .themedPopout-1TrfdI .header-2Kf7Yu { box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .1); } -.header_f5cc88 { /* popout header */ +#app-mount .header_f5cc88 { /* popout header */ background-color: rgba(var(--transparencycolor), .2); box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .2); } -.themedPopout-1TrfdI .footer-1K57q_ { +#app-mount .themedPopout-1TrfdI .footer-1K57q_ { background-color: rgba(var(--transparencycolor), .1); } -.footer_a3029c { /* popout footer */ +#app-mount .footer_a3029c { /* popout footer */ background-color: rgba(var(--transparencycolor), .2); } -.messageGroupWrapper_f8c6e9 { +#app-mount .messageGroupWrapper_f8c6e9 { background-color: transparent; border: none; overflow: visible; padding: 11px 10px 10px 10px; } -.messageGroupWrapper_f8c6e9 + .messageGroupWrapper_f8c6e9::before { +#app-mount .messageGroupWrapper_f8c6e9 + .messageGroupWrapper_f8c6e9::before { content: ""; border-top: 1px solid var(--background-modifier-accent); position: absolute; @@ -5004,34 +4999,34 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr left: 0; width: 100%; } -.messageGroupWrapper_f8c6e9 .contentCozy-3XX413 { +#app-mount .messageGroupWrapper_f8c6e9 .contentCozy-3XX413 { overflow: hidden; } -.actionButtons__0ac05 { /* popout actionbuttonscontainer */ +#app-mount .actionButtons__0ac05 { /* popout actionbuttonscontainer */ top: 4px; right: 14px; } -.jumpButton_da1ebb, /* popout jumpbutton (mentions) */ -.jumpButton__0329d { /* popout jumpbutton (pins) */ +#app-mount .jumpButton_da1ebb, /* popout jumpbutton (mentions) */ +#app-mount .jumpButton__0329d { /* popout jumpbutton (pins) */ background-color: rgba(var(--transparencycolor), .4); } -.jumpButton_da1ebb:hover, -.jumpButton__0329d:hover { +#app-mount .jumpButton_da1ebb:hover, +#app-mount .jumpButton__0329d:hover { background-color: rgb(var(--accentcolor)); } -.jumpButton_da1ebb + .jumpButton_da1ebb, -.jumpButton__0329d + .jumpButton__0329d { +#app-mount .jumpButton_da1ebb + .jumpButton_da1ebb, +#app-mount .jumpButton__0329d + .jumpButton__0329d { margin-left: 2px; } -.messageGroupWrapper_f8c6e9:hover .actionButtons__0ac05 .closeButton-17RIVZ { +#app-mount .messageGroupWrapper_f8c6e9:hover .actionButtons__0ac05 .closeButton-17RIVZ { opacity: 1; } -.hasMoreButton-1MELpI { /* popout hasmorebutton */ +#app-mount .hasMoreButton-1MELpI { /* popout hasmorebutton */ background-color: rgba(var(--transparencycolor), .2); border: none; } -.image__0a0fc { /* popout emptyimage */ +#app-mount .image__0a0fc { /* popout emptyimage */ opacity: 0.6; } @@ -5039,17 +5034,17 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr #app-mount .header__28ebb .tabBar__2aa8e .tab_a8a066.active__7e7af { background-color: rgb(var(--accentcolor)); } -.secondary_c96c46, /* popout header button */ -.tertiary_bc0225, /* popout message button */ -.collapseButton-3V3Cqh { /* popout collapse button */ +#app-mount .secondary_c96c46, /* popout header button */ +#app-mount .tertiary_bc0225, /* popout message button */ +#app-mount .collapseButton-3V3Cqh { /* popout collapse button */ background-color: rgba(var(--transparencycolor), .2); } -.secondary_c96c46:hover, -.tertiary_bc0225:hover, -.collapseButton-3V3Cqh:hover { +#app-mount .secondary_c96c46:hover, +#app-mount .tertiary_bc0225:hover, +#app-mount .collapseButton-3V3Cqh:hover { background-color: rgba(var(--transparencycolor), .4); } -.collapseButton-3V3Cqh { +#app-mount .collapseButton-3V3Cqh { position: static; margin-left: 12px; border-radius: 32px; @@ -5063,33 +5058,33 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr padding: 8px; transform: unset !important; } -.collapseButton-3V3Cqh.collapsed-b6uSCG svg { +#app-mount .collapseButton-3V3Cqh.collapsed-b6uSCG svg { transform: rotate(-90deg); } -.channelHeader__5d30c { /* popout channelheader */ +#app-mount .channelHeader__5d30c { /* popout channelheader */ background-color: rgba(var(--transparencycolor), .4); padding-right: 16px; border-radius: 5px 5px 0 0; position: static; } -.channelHeader__5d30c:only-child { +#app-mount .channelHeader__5d30c:only-child { border-radius: 0; } -.messageContainer_aa7d14, /* popout messagecontainer */ -.messages_f7999e { /* popout messagecontainer (inbox) */ +#app-mount .messageContainer_aa7d14, /* popout messagecontainer */ +#app-mount .messages_f7999e { /* popout messagecontainer (inbox) */ background-color: rgba(var(--transparencycolor), .2); border-radius: 0; } -.messageContainer_aa7d14:last-child, -.messages_f7999e:last-child { +#app-mount .messageContainer_aa7d14:last-child, +#app-mount .messages_f7999e:last-child { border-radius: 0 0 5px 5px; } -.tutorial__7b875 { /* popout tutorial (inbox) */ +#app-mount .tutorial__7b875 { /* popout tutorial (inbox) */ background-color: rgba(var(--transparencycolor), .4); } -.tutorialIcon__5c63f { /* popout tutorial (inbox) */ +#app-mount .tutorialIcon__5c63f { /* popout tutorial (inbox) */ background-color: rgba(var(--transparencycolor), .4); } @@ -5102,8 +5097,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr overflow: hidden; position: relative; } -.container_d6dad3::before, -.container_d6dad3::after { +#app-mount .container_d6dad3::before, +#app-mount .container_d6dad3::after { content: ""; position: absolute; top: 0; @@ -5115,11 +5110,11 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.container_d6dad3::before { +#app-mount .container_d6dad3::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.container_d6dad3::after { +#app-mount .container_d6dad3::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } @@ -5276,8 +5271,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr border-radius: 3px; overflow: hidden; } -.customColorPicker__3cb6a::before, -.customColorPicker__3cb6a::after { +#app-mount .customColorPicker__3cb6a::before, +#app-mount .customColorPicker__3cb6a::after { content: ""; position: absolute; top: 0; @@ -5290,11 +5285,11 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.customColorPicker__3cb6a::before { +#app-mount .customColorPicker__3cb6a::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.customColorPicker__3cb6a::after { +#app-mount .customColorPicker__3cb6a::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.35)); backdrop-filter: blur(var(--popoutblur)); } @@ -5310,10 +5305,10 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr overflow: hidden; width: 300px; } -.container-2O1UgZ::before, -.container-2O1UgZ::after, -.container-1YVRxo::before, -.container-1YVRxo::after { +#app-mount .container-2O1UgZ::before, +#app-mount .container-2O1UgZ::after, +#app-mount .container-1YVRxo::before, +#app-mount .container-1YVRxo::after { content: ""; position: absolute; top: 0; @@ -5325,20 +5320,20 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.container-2O1UgZ::before, -.container-1YVRxo::before { +#app-mount .container-2O1UgZ::before, +#app-mount .container-1YVRxo::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.container-2O1UgZ::after, -.container-1YVRxo::after { +#app-mount .container-2O1UgZ::after, +#app-mount .container-1YVRxo::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1)); backdrop-filter: blur(var(--popoutblur)); } -.focused__2b1b2, -.item-1BCeuB:hover:not(.disabled__1c6ff), -.row-3UUG_l.selected-3LIQAc .rowInner-1mo-C8, -.row-3UUG_l:hover .rowInner-1mo-C8 { +#app-mount .focused__2b1b2, +#app-mount .item-1BCeuB:hover:not(.disabled__1c6ff), +#app-mount .row-3UUG_l.selected-3LIQAc .rowInner-1mo-C8, +#app-mount .row-3UUG_l:hover .rowInner-1mo-C8 { background: rgba(var(--transparencycolor), .4); } #app-mount .container-1YVRxo .header-PfVfAO { @@ -5350,9 +5345,9 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr #app-mount .container-1YVRxo .sectionTag-euh3ZW { background: transparent; } -.autocompleteShadow-1aXK3x, -.autocompleteArrowWrapper-32-lNV, -.autocompleteHeaderBackground-4jKxaW { +#app-mount .autocompleteShadow-1aXK3x, +#app-mount .autocompleteArrowWrapper-32-lNV, +#app-mount .autocompleteHeaderBackground-4jKxaW { display: none; } @@ -5367,8 +5362,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr overflow: hidden; position: relative; } -.everyonePopout-nEbJY3::before, -.everyonePopout-nEbJY3::after { +#app-mount .everyonePopout-nEbJY3::before, +#app-mount .everyonePopout-nEbJY3::after { content: ""; position: absolute; top: 0; @@ -5380,11 +5375,11 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.everyonePopout-nEbJY3::before { +#app-mount .everyonePopout-nEbJY3::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.everyonePopout-nEbJY3::after { +#app-mount .everyonePopout-nEbJY3::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1)); backdrop-filter: blur(var(--popoutblur)); } @@ -5420,13 +5415,13 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr #app-mount .separator-3gy7tq { box-shadow: 0 1px 0 0 rgba(var(--transparencycolor), .3), 0 1px 2px 0 rgba(var(--transparencycolor), .3); } -.channelContainer-3YAhb_ { +#app-mount .channelContainer-3YAhb_ { background-color: rgba(var(--transparencycolor), .3); } -.channel-k2TVLQ { +#app-mount .channel-k2TVLQ { background-color: rgba(var(--transparencycolor), .3); } -.channelContainer-3YAhb_ .channel-k2TVLQ { +#app-mount .channelContainer-3YAhb_ .channel-k2TVLQ { background-color: transparent; } @@ -5440,8 +5435,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr overflow: hidden; position: relative; } -.guildPopout-G6M0fK::before, -.guildPopout-G6M0fK::after { +#app-mount .guildPopout-G6M0fK::before, +#app-mount .guildPopout-G6M0fK::after { content: ""; position: absolute; top: 0; @@ -5453,11 +5448,11 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.guildPopout-G6M0fK::before { +#app-mount .guildPopout-G6M0fK::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.guildPopout-G6M0fK::after { +#app-mount .guildPopout-G6M0fK::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1)); backdrop-filter: blur(var(--popoutblur)); } @@ -5472,8 +5467,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr overflow: hidden; position: relative; } -.popoutContainer__7b9a3::before, -.popoutContainer__7b9a3::after { +#app-mount .popoutContainer__7b9a3::before, +#app-mount .popoutContainer__7b9a3::after { content: ""; position: absolute; top: 0; @@ -5485,24 +5480,24 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.popoutContainer__7b9a3::before { +#app-mount .popoutContainer__7b9a3::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.popoutContainer__7b9a3::after { +#app-mount .popoutContainer__7b9a3::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } -.emojiSection_a65b54 { /* popout emojisection */ +#app-mount .emojiSection_a65b54 { /* popout emojisection */ background-color: transparent; } -.guildSection_ebda04 { /* popout emojisection */ +#app-mount .guildSection_ebda04 { /* popout emojisection */ background-color: rgba(var(--transparencycolor), .2); } -.loading-1lSwpg { /* popout loading placeholder */ +#app-mount .loading-1lSwpg { /* popout loading placeholder */ background: rgba(var(--transparencycolor), .3); } @@ -5516,8 +5511,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr overflow: hidden; position: relative; } -.streamPreview-3qoMP4::before, -.streamPreview-3qoMP4::after { +#app-mount .streamPreview-3qoMP4::before, +#app-mount .streamPreview-3qoMP4::after { content: ""; position: absolute; top: 0; @@ -5529,11 +5524,11 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.streamPreview-3qoMP4::before { +#app-mount .streamPreview-3qoMP4::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.streamPreview-3qoMP4::after { +#app-mount .streamPreview-3qoMP4::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } @@ -5550,8 +5545,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr position: relative; overflow: visible !important; } -.container__56cd1::before, -.container__56cd1::after { +#app-mount .container__56cd1::before, +#app-mount .container__56cd1::after { content: ""; position: absolute; top: 0; @@ -5563,11 +5558,11 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.container__56cd1::before { +#app-mount .container__56cd1::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.container__56cd1::after { +#app-mount .container__56cd1::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } @@ -5582,8 +5577,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr overflow: hidden; position: relative; } -.popout__8e314::before, -.popout__8e314::after { +#app-mount .popout__8e314::before, +#app-mount .popout__8e314::after { content: ""; position: absolute; top: 0; @@ -5595,11 +5590,11 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.popout__8e314::before { +#app-mount .popout__8e314::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.popout__8e314::after { +#app-mount .popout__8e314::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } @@ -5615,8 +5610,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr position: relative; width: 260px; } -.container__0810b::before, -.container__0810b::after { +#app-mount .container__0810b::before, +#app-mount .container__0810b::after { content: ""; position: absolute; top: 0; @@ -5629,11 +5624,11 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.container__0810b::before { +#app-mount .container__0810b::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.container__0810b::after { +#app-mount .container__0810b::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } @@ -5729,10 +5724,10 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr color: var(--header-primary); position: relative; } -.quickSelectPopout_c0cf80::before, -.popoutList-10IFAa::before, -.quickSelectPopout_c0cf80::after, -.popoutList-10IFAa::after { +#app-mount .quickSelectPopout_c0cf80::before, +#app-mount .popoutList-10IFAa::before, +#app-mount .quickSelectPopout_c0cf80::after, +#app-mount .popoutList-10IFAa::after { content: ""; position: absolute; top: 0; @@ -5745,13 +5740,13 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.quickSelectPopout_c0cf80::before, -.popoutList-10IFAa::before { +#app-mount .quickSelectPopout_c0cf80::before, +#app-mount .popoutList-10IFAa::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.quickSelectPopout_c0cf80::after, -.popoutList-10IFAa::after { +#app-mount .quickSelectPopout_c0cf80::after, +#app-mount .popoutList-10IFAa::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } @@ -5784,8 +5779,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); position: relative; } -.contentWarningPopout__7d8c2::before, -.contentWarningPopout__7d8c2::after { +#app-mount .contentWarningPopout__7d8c2::before, +#app-mount .contentWarningPopout__7d8c2::after { content: ""; position: absolute; top: 0; @@ -5798,11 +5793,11 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.contentWarningPopout__7d8c2::before { +#app-mount .contentWarningPopout__7d8c2::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.contentWarningPopout__7d8c2::after { +#app-mount .contentWarningPopout__7d8c2::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } @@ -5822,8 +5817,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); position: relative; } -.popout__24e32::before, -.popout__24e32::after { +#app-mount .popout__24e32::before, +#app-mount .popout__24e32::after { content: ""; position: absolute; top: 0; @@ -5836,11 +5831,11 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.popout__24e32::before { +#app-mount .popout__24e32::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.popout__24e32::after { +#app-mount .popout__24e32::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } @@ -5854,8 +5849,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); position: relative; } -.rolePopout__73806::before, -.rolePopout__73806::after { +#app-mount .rolePopout__73806::before, +#app-mount .rolePopout__73806::after { content: ""; position: absolute; top: 0; @@ -5868,11 +5863,11 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.rolePopout__73806::before { +#app-mount .rolePopout__73806::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.rolePopout__73806::after { +#app-mount .rolePopout__73806::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } @@ -5886,8 +5881,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); position: relative; } -.container-3kfp0r::before, -.container-3kfp0r::after { +#app-mount .container-3kfp0r::before, +#app-mount .container-3kfp0r::after { content: ""; position: absolute; top: 0; @@ -5900,11 +5895,11 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.container-3kfp0r::before { +#app-mount .container-3kfp0r::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.container-3kfp0r::after { +#app-mount .container-3kfp0r::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } @@ -5918,8 +5913,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); position: relative; } -.container_c344de::before, -.container_c344de::after { +#app-mount .container_c344de::before, +#app-mount .container_c344de::after { content: ""; position: absolute; top: 0; @@ -5932,11 +5927,11 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.container_c344de::before { +#app-mount .container_c344de::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.container_c344de::after { +#app-mount .container_c344de::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } @@ -5950,8 +5945,8 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); position: relative; } -.picker__6dca7::before, -.picker__6dca7::after { +#app-mount .picker__6dca7::before, +#app-mount .picker__6dca7::after { content: ""; position: absolute; top: 0; @@ -5964,56 +5959,56 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.picker__6dca7::before { +#app-mount .picker__6dca7::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.picker__6dca7::after { +#app-mount .picker__6dca7::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } /* ---- 14.24. SERVERSURVEY ---- */ -.main__58b77 .prompt__671aa { +#app-mount .main__58b77 .prompt__671aa { background: rgba(var(--transparencycolor), .3); } -.main__58b77 .prompt__671aa .sizeMedium_c6fa98 { +#app-mount .main__58b77 .prompt__671aa .sizeMedium_c6fa98 { width: unset; } -.optionButtonWrapper__4072c:hover, -.optionButtonWrapper__4072c.selected__90dd8 { +#app-mount .optionButtonWrapper__4072c:hover, +#app-mount .optionButtonWrapper__4072c.selected__90dd8 { border-color: rgb(var(--accentcolor)); } /* ~~~~ 15. GENERAL ~~~~ */ -.highlight { +#app-mount .highlight { background: rgba(var(--accentcolor), .3); } -.clickable__17ccb:hover .layout_bb8e67 { +#app-mount .clickable__17ccb:hover .layout_bb8e67 { background-color: rgba(var(--transparencycolor), .2); } -.clickable__17ccb:active .layout_bb8e67 { +#app-mount .clickable__17ccb:active .layout_bb8e67 { background: rgb(var(--accentcolor)); } -.clickable__17ccb:active .layout_bb8e67, -.selected__9800b .layout_bb8e67, -.selected__9800b:hover .layout_bb8e67, -.selected__9800b:active .layout_bb8e67 { +#app-mount .clickable__17ccb:active .layout_bb8e67, +#app-mount .selected__9800b .layout_bb8e67, +#app-mount .selected__9800b:hover .layout_bb8e67, +#app-mount .selected__9800b:active .layout_bb8e67 { background-color: rgb(var(--accentcolor)); text-shadow: 1px 1px var(--textshadow); } -.clickable__17ccb .icon_fcc53a { +#app-mount .clickable__17ccb .icon_fcc53a { color: inherit; } -.clickable__17ccb:active .layout_bb8e67 svg:not(.svg-2azL_l), -.clickable__17ccb.selected__9800b .layout_bb8e67 svg:not(.svg-2azL_l) { +#app-mount .clickable__17ccb:active .layout_bb8e67 svg:not(.svg-2azL_l), +#app-mount .clickable__17ccb.selected__9800b .layout_bb8e67 svg:not(.svg-2azL_l) { filter: drop-shadow(1px 1px var(--textshadow)); } -.clickable__17ccb:active .premiumIcon-2IFPOX, -.clickable__17ccb.selected__9800b .premiumIcon-2IFPOX { +#app-mount .clickable__17ccb:active .premiumIcon-2IFPOX, +#app-mount .clickable__17ccb.selected__9800b .premiumIcon-2IFPOX { color: var(--header-primary) !important; } @@ -6039,7 +6034,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr /* ---- 15.1. TEXT ---- */ -.description-1u9Qui { +#app-mount .description-1u9Qui { color: var(--header-secondary); } @@ -6095,17 +6090,17 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr /* ---- 15.2. BUTTONS ---- */ -.btn__51085.btnPrimary_e2a8df, -.lookFilled__19298.hoverBrand__98583.hasHover__3ab8c:hover, -.lookFilled__19298.hoverBrandNew_be3663.hasHover__3ab8c:hover, -.lookFilled__19298.colorBrand_b2253e:not(.buttonColor_a6eb73):not([style*="background-color"]), -.lookFilled__19298.colorBrandNew_fd170a:not(.buttonColor_a6eb73):not([style*="background-color"]) { +#app-mount .btn__51085.btnPrimary_e2a8df, +#app-mount .lookFilled__19298.hoverBrand__98583.hasHover__3ab8c:hover, +#app-mount .lookFilled__19298.hoverBrandNew_be3663.hasHover__3ab8c:hover, +#app-mount .lookFilled__19298.colorBrand_b2253e:not(.buttonColor_a6eb73):not([style*="background-color"]), +#app-mount .lookFilled__19298.colorBrandNew_fd170a:not(.buttonColor_a6eb73):not([style*="background-color"]) { text-shadow: 1px 1px var(--textshadow); } -.lookFilled__19298.hoverBrand__98583.hasHover__3ab8c:hover svg, -.lookFilled__19298.hoverBrandNew_be3663.hasHover__3ab8c:hover svg, -.lookFilled__19298.colorBrand_b2253e:not(.buttonColor_a6eb73):not([style*="background-color"]) svg, -.lookFilled__19298.colorBrandNew_fd170a:not(.buttonColor_a6eb73):not([style*="background-color"]) svg { +#app-mount .lookFilled__19298.hoverBrand__98583.hasHover__3ab8c:hover svg, +#app-mount .lookFilled__19298.hoverBrandNew_be3663.hasHover__3ab8c:hover svg, +#app-mount .lookFilled__19298.colorBrand_b2253e:not(.buttonColor_a6eb73):not([style*="background-color"]) svg, +#app-mount .lookFilled__19298.colorBrandNew_fd170a:not(.buttonColor_a6eb73):not([style*="background-color"]) svg { filter: drop-shadow(1px 1px var(--textshadow)); } @@ -6240,17 +6235,17 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr /* ---- 15.3. INPUTS ---- */ -.input_d266e7 { /* valueinput bordered */ +#app-mount .input_d266e7 { /* valueinput bordered */ background-color: rgba(var(--transparencycolor), .1); border-color: rgba(var(--transparencycolor), .3); } -.input_d266e7:hover:not(:focus) { +#app-mount .input_d266e7:hover:not(:focus) { border-color: rgb(var(--transparencycolor)); } -.textInput-3g8y92 { /* textinput */ +#app-mount .textInput-3g8y92 { /* textinput */ background-color: rgba(var(--transparencycolor), .1); } -.textInput-3g8y92 .input_d266e7 { +#app-mount .textInput-3g8y92 .input_d266e7 { background: transparent; } @@ -6293,13 +6288,13 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr color: rgba(var(--textbrightest),.3); } -.container__871ba { /* checkboxswitch */ +#app-mount .container__871ba { /* checkboxswitch */ background-color: rgba(var(--transparencycolor), .3) !important; } -.container__871ba rect[fill] { +#app-mount .container__871ba rect[fill] { fill: var(--header-primary) !important; } -.container__871ba path[fill] { +#app-mount .container__871ba path[fill] { fill: rgb(var(--transparencycolor)) !important; } @@ -6351,7 +6346,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr #app-mount .bar_e58961 { /* slider backgroundbar */ background-color: rgba(var(--transparencycolor), .3); } -.grabber_d2868c { /* slider grabber */ +#app-mount .grabber_d2868c { /* slider grabber */ background-color: var(--header-primary); border-color: var(--header-primary); box-shadow: 0 3px 1px 0 rgba(var(--transparencycolor), .05), 0 2px 2px 0 rgba(var(--transparencycolor), .1), 0 3px 3px 0 rgba(var(--transparencycolor), .05); @@ -6409,91 +6404,91 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr color: rgb(var(--dangercolor)) !important; } -.select__55f87 [class*="css-"][class*="-container"] { /* select container */ +#app-mount .select__55f87 [class*="css-"][class*="-container"] { /* select container */ background-color: transparent; } -.lookFilled__3dba3.select__0eb48, -.select__55f87 [class*="css-"][class*="-control"] { +#app-mount .lookFilled__3dba3.select__0eb48, +#app-mount .select__55f87 [class*="css-"][class*="-control"] { background-color: rgba(var(--transparencycolor), .1); border-color: rgba(var(--transparencycolor), .3); color: var(--text-normal); } -.lookFilled__3dba3.select__0eb48:hover { +#app-mount .lookFilled__3dba3.select__0eb48:hover { border-color: rgb(var(--transparencycolor)); } -.lookFilled__3dba3.select__0eb48:hover.open_cd27aa, -.lookFilled__3dba3.open_cd27aa { +#app-mount .lookFilled__3dba3.select__0eb48:hover.open_cd27aa, +#app-mount .lookFilled__3dba3.open_cd27aa { border-color: rgb(var(--transparencycolor)) rgb(var(--transparencycolor)) rgba(var(--transparencycolor), .3); } -.lookFilled__3dba3.select__0eb48 .searchInput-3pIoTy { +#app-mount .lookFilled__3dba3.select__0eb48 .searchInput-3pIoTy { background: transparent; } -.select__55f87 [class*="css-"][class*="-control"]:hover, -.select__55f87 [class*="css-"][class*="-control"]:not(:last-child) { +#app-mount .select__55f87 [class*="css-"][class*="-control"]:hover, +#app-mount .select__55f87 [class*="css-"][class*="-control"]:not(:last-child) { border-color: var(--deprecated-text-input-border-hover); } -.select__55f87.languageSelector-1hjSyO [class*="css-"][class*="-control"] { +#app-mount .select__55f87.languageSelector-1hjSyO [class*="css-"][class*="-control"] { background-color: rgba(var(--transparencycolor), .3); } -.select__55f87 [class*="css-"][class*="-singleValue"], -.select__55f87 [class*="css-"][class*="-placeholder"], -.select__55f87 [class*="css-"][class*="-indicatorContainer"] { +#app-mount .select__55f87 [class*="css-"][class*="-singleValue"], +#app-mount .select__55f87 [class*="css-"][class*="-placeholder"], +#app-mount .select__55f87 [class*="css-"][class*="-indicatorContainer"] { color: var(--text-normal); } -.option_be8b2e, +#app-mount .option_be8b2e, #app-mount .optionNormal-12VR9V, -.css-1gfjib6-option, -.css-1yz4bi9-option, -.css-ru8b0x-option, -.css-1yz4bi9-option { +#app-mount .css-1gfjib6-option, +#app-mount .css-1yz4bi9-option, +#app-mount .css-ru8b0x-option, +#app-mount .css-1yz4bi9-option { background-color: rgba(var(--transparencycolor), .1); color: var(--interactive-normal); } -.option_be8b2e:hover, +#app-mount .option_be8b2e:hover, #app-mount .optionNormal-12VR9V:hover, -.css-pkcurw-option, -.css-rzbxvl-option, -.css-1qxn4c5-option, -.css-rzbxvl-option { +#app-mount .css-pkcurw-option, +#app-mount .css-rzbxvl-option, +#app-mount .css-1qxn4c5-option, +#app-mount .css-rzbxvl-option { background-color: rgba(var(--transparencycolor), .3); color: var(--interactive-hover); } -.option_be8b2e[aria-selected=true]:not(.option_be8b2e.multi__8d15f), +#app-mount .option_be8b2e[aria-selected=true]:not(.option_be8b2e.multi__8d15f), #app-mount .optionActive-KkAdqq, -.css-1gxgi19-option, -.css-1ba14n5-option, -.css-6qzljd-option, -.css-1ba14n5-option { +#app-mount .css-1gxgi19-option, +#app-mount .css-1ba14n5-option, +#app-mount .css-6qzljd-option, +#app-mount .css-1ba14n5-option { background-color: rgba(var(--transparencycolor), .5); color: var(--interactive-active); } -.role-3ulsK-:hover { +#app-mount .role-3ulsK-:hover { background-color: rgba(var(--transparencycolor), .2); } -.popout_a6e77f::-webkit-scrollbar { +#app-mount .popout_a6e77f::-webkit-scrollbar { display: none; } -.popout_a6e77f, -.container-3LUQwT, -.select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"] { +#app-mount .popout_a6e77f, +#app-mount .container-3LUQwT, +#app-mount .select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"] { background-color: transparent; border: 1px solid rgba(var(--transparencycolor), .3); box-shadow: 0px 1px 5px 0px rgba(var(--transparencycolor), .3); overflow: hidden; } -.popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e { +#app-mount .popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e { position: relative; } -.popout_a6e77f::before, -.popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::before, -.popout_a6e77f.scrollerBase_dc3aa9 .content-2a4AW9::before, -.container-3LUQwT::before, -.select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before, -.popout_a6e77f::after, -.popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::after, -.popout_a6e77f.scrollerBase_dc3aa9 .content-2a4AW9::after, -.container-3LUQwT::after, -.select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::after { +#app-mount .popout_a6e77f::before, +#app-mount .popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::before, +#app-mount .popout_a6e77f.scrollerBase_dc3aa9 .content-2a4AW9::before, +#app-mount .container-3LUQwT::before, +#app-mount .select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before, +#app-mount .popout_a6e77f::after, +#app-mount .popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::after, +#app-mount .popout_a6e77f.scrollerBase_dc3aa9 .content-2a4AW9::after, +#app-mount .container-3LUQwT::after, +#app-mount .select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::after { content: ""; position: absolute; top: 0; @@ -6505,31 +6500,31 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr pointer-events: none; z-index: -1; } -.popout_a6e77f::before, -.popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::before, -.popout_a6e77f.scrollerBase_dc3aa9 .content-2a4AW9::before, -.container-3LUQwT::before, -.select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before { +#app-mount .popout_a6e77f::before, +#app-mount .popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::before, +#app-mount .popout_a6e77f.scrollerBase_dc3aa9 .content-2a4AW9::before, +#app-mount .container-3LUQwT::before, +#app-mount .select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.popout_a6e77f::after, -.popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::after, -.popout_a6e77f.scrollerBase_dc3aa9 .content-2a4AW9::after, -.container-3LUQwT::after, -.select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::after { +#app-mount .popout_a6e77f::after, +#app-mount .popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::after, +#app-mount .popout_a6e77f.scrollerBase_dc3aa9 .content-2a4AW9::after, +#app-mount .container-3LUQwT::after, +#app-mount .select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } -.popout_a6e77f.scrollerBase_dc3aa9::before, -.popout_a6e77f.scrollerBase_dc3aa9::after { +#app-mount .popout_a6e77f.scrollerBase_dc3aa9::before, +#app-mount .popout_a6e77f.scrollerBase_dc3aa9::after { display: none; } /* ---- 15.4. SEARCHBARS ---- */ -.container_e4c233, /* searchbar inner */ -.container__7712a { +#app-mount .container_e4c233, /* searchbar inner */ +#app-mount .container__7712a { background-color: rgba(var(--transparencycolor), .3); } #app-mount .searchBox_a63854 .searchBoxInput__73c9c::placeholder { @@ -6548,27 +6543,27 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr /* ---- 15.5. TAGS ---- */ -.botTagRegular_c89c9a:not([style]) { /* bottag regular */ +#app-mount .botTagRegular_c89c9a:not([style]) { /* bottag regular */ text-shadow: 1px 1px var(--textshadow); } -.botTagRegular_c89c9a:not([style]) svg { +#app-mount .botTagRegular_c89c9a:not([style]) svg { filter: drop-shadow(1px 1px var(--textshadow)); } -.base__92a12[style*="var(--bdfdb-blurple)"], /* numberbadge */ -.base__92a12[style*="background-color: rgb(88, 101, 242)"], -.base__92a12[style*="background-color: rgb(114, 137, 218)"] { +#app-mount .base__92a12[style*="var(--bdfdb-blurple)"], /* numberbadge */ +#app-mount .base__92a12[style*="background-color: rgb(88, 101, 242)"], +#app-mount .base__92a12[style*="background-color: rgb(114, 137, 218)"] { text-shadow: 1px 1px var(--textshadow); } -.iconBadge-2wi9r4 { /* iconbadge */ +#app-mount .iconBadge-2wi9r4 { /* iconbadge */ background-color: rgba(var(--transparencycolor), .3); } /* ---- 15.6. ICONS ---- */ -.emptySearchImage-1qOMLW, /* empty search */ -.image__98a59 { /* no peoples/webhooks/etc. */ +#app-mount .emptySearchImage-1qOMLW, /* empty search */ +#app-mount .image__98a59 { /* no peoples/webhooks/etc. */ opacity: 0.6; } @@ -6618,16 +6613,16 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr border: none; background-color: rgb(var(--accentcolor)) !important; } -.none__51a8f::-webkit-scrollbar-corner, -.none__51a8f::-webkit-scrollbar-thumb, -.none__51a8f::-webkit-scrollbar-track, -.none__51a8f::-webkit-scrollbar { +#app-mount .none__51a8f::-webkit-scrollbar-corner, +#app-mount .none__51a8f::-webkit-scrollbar-thumb, +#app-mount .none__51a8f::-webkit-scrollbar-track, +#app-mount .none__51a8f::-webkit-scrollbar { display: none; } /* ---- 15.8. NOTIFICATIONBAR ---- */ -.base__3e6af .notice__5fd4c powercord-announcement { +#app-mount .base__3e6af .notice__5fd4c powercord-announcement { border-radius: 0; } #app-mount .notice-2FJMB4 { @@ -6636,18 +6631,18 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr #app-mount .notice__99c03 { background-color: rgba(var(--transparencycolor), .6); } -.noticeBrand-3nQBC_ { +#app-mount .noticeBrand-3nQBC_ { text-shadow: 1px 1px var(--textshadow); } -.noticeBrand-3nQBC_ .button-1MICoQ { +#app-mount .noticeBrand-3nQBC_ .button-1MICoQ { box-shadow: 1px 1px var(--textshadow); text-shadow: 1px 1px var(--textshadow); } /* ---- 15.9. TOOLTIPS ---- */ -.headerText-1e7ZU0, -.bodyText-3yi6Dj { +#app-mount .headerText-1e7ZU0, +#app-mount .bodyText-3yi6Dj { color: #fff; } #app-mount .tooltip-16UpTB, @@ -6690,10 +6685,10 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr #app-mount .tooltipBlack__90eaa .tooltipPointer_a79354 { border-top-color: rgb(var(--accentcolor)); } -.emptyUser_dba665 { +#app-mount .emptyUser_dba665 { background: rgba(var(--transparencycolor), .5); } -.moreUsers_cd5dfc { +#app-mount .moreUsers_cd5dfc { background: rgba(var(--transparencycolor), .5); } @@ -6770,12 +6765,12 @@ html .bd-toast.toast-warn.icon::before { background-color: rgba(var(--transparencycolor), .4); } -.bd-switch-body { /* bd switch */ +#app-mount .bd-switch-body { /* bd switch */ --switch-color: rgb(var(--transparencycolor)); background-color: rgba(var(--transparencycolor), .3); } -.bd-select .bd-select-options { /* bd select popout */ +#app-mount .bd-select .bd-select-options { /* bd select popout */ background-color: transparent; border: none; border-radius: 4px; @@ -6784,8 +6779,8 @@ html .bd-toast.toast-warn.icon::before { padding: 6px 8px; margin-left: -9px; } -.bd-select .bd-select-options::before, -.bd-select .bd-select-options::after { +#app-mount .bd-select .bd-select-options::before, +#app-mount .bd-select .bd-select-options::after { content: ""; position: absolute; top: 0; @@ -6798,15 +6793,15 @@ html .bd-toast.toast-warn.icon::before { pointer-events: none; z-index: -1; } -.bd-select .bd-select-options::before { +#app-mount .bd-select .bd-select-options::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } -.bd-select .bd-select-options::after { +#app-mount .bd-select .bd-select-options::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.3)); backdrop-filter: blur(var(--popoutblur)); } -.bd-select .bd-select-option { /* bd select popout option */ +#app-mount .bd-select .bd-select-option { /* bd select popout option */ display: flex; align-items: center; min-height: 32px; @@ -6820,25 +6815,25 @@ html .bd-toast.toast-warn.icon::before { margin-bottom: 2px; padding: 0 8px; } -.bd-select .bd-select-option:hover { +#app-mount .bd-select .bd-select-option:hover { background-color: rgba(var(--transparencycolor), .2); color: var(--interactive-hover); } -.bd-select .bd-select-option.selected { +#app-mount .bd-select .bd-select-option.selected { background-color: rgba(var(--transparencycolor), .3); color: var(--interactive-active); } -.bd-pfbtn { /* addonlist folder button */ +#app-mount .bd-pfbtn { /* addonlist folder button */ text-shadow: 1px 1px var(--textshadow); } -.bd-server-tag { /* addonlist public list tag */ +#app-mount .bd-server-tag { /* addonlist public list tag */ text-shadow: 1px 1px var(--textshadow); } -.bd-error-modal-content { +#app-mount .bd-error-modal-content { padding: 0 10px 16px 10px; } #app-mount .bd-addon-error { @@ -6850,18 +6845,18 @@ html .bd-toast.toast-warn.icon::before { background-color: rgba(var(--transparencycolor), 0.3); } -.bd-addon-views .bd-view-button:hover { +#app-mount .bd-addon-views .bd-view-button:hover { background-color: rgba(var(--transparencycolor), .3); } -.bd-button { +#app-mount .bd-button { filter: drop-shadow(1px 1px var(--textshadow)); } -.bd-button.bd-button-danger { +#app-mount .bd-button.bd-button-danger { filter: unset; } -.floating-window.resizable { /* customcss editor detached */ +#app-mount .floating-window.resizable { /* customcss editor detached */ background: rgb(var(--transparencycolor)); } html .monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight { @@ -7004,10 +6999,10 @@ html .colorDefault_XdNdIp .bg_8df5St::after { /* ---- 18.4. LINENUMBERS ---- */ -.hljs ol li { +#app-mount .hljs ol li { border-left-color: var(--background-modifier-accent); } -.hljs ol li::before { +#app-mount .hljs ol li::before { color: rgb(var(--textdarker)); } @@ -7100,20 +7095,20 @@ html #permissions-modal-wrapper .perm-name { /* ---- 18.7. BETTERFORMATINGREDUX ---- */ -.innerDisabled-2mc-iF ~ .bf-toolbar { +#app-mount .innerDisabled-2mc-iF ~ .bf-toolbar { display: none; } -.bf-arrow { +#app-mount .bf-arrow { -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat; background: var(--interactive-active) !important; } -.bf-toolbar { +#app-mount .bf-toolbar { background: transparent; overflow: hidden; transform: none; top: -50px; } -.bf-toolbar::after { +#app-mount .bf-toolbar::after { content: ""; display: block; position: absolute; @@ -7128,37 +7123,37 @@ html #permissions-modal-wrapper .perm-name { transition: all 200ms ease; z-index: 200; } -.bf-toolbar.bf-visible::after, -.bf-toolbar.bf-hover:hover::after { +#app-mount .bf-toolbar.bf-visible::after, +#app-mount .bf-toolbar.bf-hover:hover::after { transform: translate(0, 0); transition: all 200ms cubic-bezier(0,0,0,1); } -.bf-toolbar::before { +#app-mount .bf-toolbar::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); z-index: 100; } -.theme-brand .bf-toolbar::after { +#app-mount .theme-brand .bf-toolbar::after { background: rgb(var(--accentcolor)) linear-gradient(rgba(var(--transparencycolor), .2), rgba(var(--transparencycolor), .2)) !important; } -.theme-brand .bf-toolbar::before { +#app-mount .theme-brand .bf-toolbar::before { display: none; } -.bf-toolbar > * { +#app-mount .bf-toolbar > * { z-index: 300; } -.bf-toolbar .format { +#app-mount .bf-toolbar .format { color: var(--text-normal); } -.bf-toolbar .format:hover { +#app-mount .bf-toolbar .format:hover { background-color: rgb(var(--accentcolor)); color: #fff; } /* ---- 18.8 CHANNELHISTORY ---- */ -.channelHistoryButtons { +#app-mount .channelHistoryButtons { top: 4px; left: 310px; } @@ -7208,87 +7203,87 @@ html .typingindicator-folder { /* ---- 18.11 BADGESEVERYWHERE ---- */ -.inner-dA0J42:not(.colored-1armap) .badge-7CsdQq:not(.indicator-cY1-b4) { +#app-mount .inner-dA0J42:not(.colored-1armap) .badge-7CsdQq:not(.indicator-cY1-b4) { background: #fff; } -.badgesChat-f_cbR8 .inner-dA0J42:not(.colored-1armap) .badge-7CsdQq:not(.indicator-cY1-b4), -.badgesList-Aw_p52 .inner-dA0J42:not(.colored-1armap) .badge-7CsdQq:not(.indicator-cY1-b4), -.badgesSettings-ychoGn .inner-dA0J42:not(.colored-1armap) .badge-7CsdQq:not(.indicator-cY1-b4) { +#app-mount .badgesChat-f_cbR8 .inner-dA0J42:not(.colored-1armap) .badge-7CsdQq:not(.indicator-cY1-b4), +#app-mount .badgesList-Aw_p52 .inner-dA0J42:not(.colored-1armap) .badge-7CsdQq:not(.indicator-cY1-b4), +#app-mount .badgesSettings-ychoGn .inner-dA0J42:not(.colored-1armap) .badge-7CsdQq:not(.indicator-cY1-b4) { background: var(--header-secondary); } -.inner-dA0J42:not(.colored-1armap) .profileBadgeStaff-3BXdTO { +#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgeStaff-3BXdTO { -webkit-mask: url(https://discord.com/assets/7cfd90c8062139e4804a1fa59f564731.svg) center/contain no-repeat; } -.inner-dA0J42:not(.colored-1armap) .profileBadgePartner-j6Lwhr { +#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgePartner-j6Lwhr { -webkit-mask: url(https://discord.com/assets/a0e288a458c48dfcf548dadc277e42e6.svg) center/contain no-repeat; } -.inner-dA0J42:not(.colored-1armap) .profileBadgeHypesquad-12E2P6 { +#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgeHypesquad-12E2P6 { -webkit-mask: url(https://discord.com/assets/3a050fcc884255231b99b7033c776070.svg) center/contain no-repeat; } -.inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse1-3rBtjf { +#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse1-3rBtjf { -webkit-mask: url(https://discord.com/assets/1115767aed344e96a27a12e97718c171.svg) center/contain no-repeat; } -.inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse2-2oU04B { +#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse2-2oU04B { -webkit-mask: url(https://discord.com/assets/d3478c6bd5cee0fc600e55935ddc81aa.svg) center/contain no-repeat; } -.inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse3-1DoJkv { +#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse3-1DoJkv { -webkit-mask: url(https://discord.com/assets/2a085ed9c86f3613935a6a8667ba8b89.svg) center/contain no-repeat; } -.inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse1Winner-3wCl80 { +#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse1Winner-3wCl80 { -webkit-mask: url(https://discord.com/assets/75f75c3142b8d44ea7052c2bcb9a9043.svg) center/contain no-repeat; } -.inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse2Winner-AS5bXe { +#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse2Winner-AS5bXe { -webkit-mask: url(https://discord.com/assets/d4a8fe68fc5f40c8a778f858881a7b84.svg) center/contain no-repeat; } -.inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse3Winner-2CwwQi { +#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse3Winner-2CwwQi { -webkit-mask: url(https://discord.com/assets/5dc48a7859a00e7d95ad8382156aab84.svg) center/contain no-repeat; } -.inner-dA0J42:not(.colored-1armap) .profileBadgeEarlySupporter-2ng_jL { +#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgeEarlySupporter-2ng_jL { -webkit-mask: url(https://discord.com/assets/ce15562552e3d70c56d5408cfeed2ffd.svg) center/contain no-repeat; } -.inner-dA0J42:not(.colored-1armap) .profileBadgePremium-1KDZYC { +#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgePremium-1KDZYC { -webkit-mask: url(https://discord.com/assets/379d2b3171722ef8be494231234da5d1.svg) center/contain no-repeat; } -.inner-dA0J42:not(.colored-1armap) .profileBadgeVerifiedDeveloper-195KfD { +#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgeVerifiedDeveloper-195KfD { -webkit-mask: url(https://discord.com/assets/785d81fdbedd133e213da693aba98774.svg) center/contain no-repeat; } -.inner-dA0J42:not(.colored-1armap) .profileBadgeBugHunterLevel1-dbEzVz { +#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgeBugHunterLevel1-dbEzVz { -webkit-mask: url(https://discord.com/assets/df26f079738a4dcd07cbce6eb3c957f1.svg) center/contain no-repeat; } -.inner-dA0J42:not(.colored-1armap) .profileBadgeBugHunterLevel2-3TUciC { +#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgeBugHunterLevel2-3TUciC { -webkit-mask: url(https://discord.com/assets/16def052b03d75dac0ed9234c5d6a880.svg) center/contain no-repeat; } -.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl1-3oI9tx { +#app-mount .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl1-3oI9tx { -webkit-mask: url(https://discord.com/assets/24e49184598820f274e62293349a2e43.svg) center/contain no-repeat; } -.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl2-r6nJHT { +#app-mount .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl2-r6nJHT { -webkit-mask: url(https://discord.com/assets/cc73fba5c2e9b70752bbd1db35a1b9c3.svg) center/contain no-repeat; } -.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl3-38s3Dj { +#app-mount .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl3-38s3Dj { -webkit-mask: url(https://discord.com/assets/a4c3939a9b03274246df9b144fcd86cf.svg) center/contain no-repeat; } -.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl4-2NXrsI { +#app-mount .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl4-2NXrsI { -webkit-mask: url(https://discord.com/assets/d01bee8a9b41bd9dda26a43221b2e7e8.svg) center/contain no-repeat; } -.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl5-3XIa2K { +#app-mount .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl5-3XIa2K { -webkit-mask: url(https://discord.com/assets/a99def5f819c077e5e5061cab741b7e6.svg) center/contain no-repeat; } -.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl6-3e3sxW { +#app-mount .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl6-3e3sxW { -webkit-mask: url(https://discord.com/assets/2cfb317f3db3963d8ded9a97ee967bac.svg) center/contain no-repeat; } -.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl7-1dVhQT { +#app-mount .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl7-1dVhQT { -webkit-mask: url(https://discord.com/assets/278736f579d810b11ddf308cb598b19e.svg) center/contain no-repeat; } -.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl8-1kXdFr { +#app-mount .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl8-1kXdFr { -webkit-mask: url(https://discord.com/assets/38e40f25802a0fdf480d9b855a37a2f3.svg) center/contain no-repeat; } -.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl9-1d6zav { +#app-mount .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl9-1d6zav { -webkit-mask: url(https://discord.com/assets/cfbc2d8ceacfacf07850f986c8165195.svg) center/contain no-repeat; } /* ---- 18.12 CHANNELDMS ---- */ -.ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header { +#app-mount .ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header { background-color: rgba(var(--transparencycolor), var(--memberlisttransparency)); } diff --git a/Themes/BlurpleRecolor/BlurpleRecolor.css b/Themes/BlurpleRecolor/BlurpleRecolor.css index d87a8e9121..7b7a933f2f 100644 --- a/Themes/BlurpleRecolor/BlurpleRecolor.css +++ b/Themes/BlurpleRecolor/BlurpleRecolor.css @@ -272,61 +272,61 @@ /* ~~~~ 1. GUILDLIST ~~~~ */ -.wrapper_d281dd.selected_f5ec8e .childWrapper__01b9c, /* home/acronym */ -.wrapper_d281dd:hover .childWrapper__01b9c { +#app-mount .wrapper_d281dd.selected_f5ec8e .childWrapper__01b9c, /* home/acronym */ +#app-mount .wrapper_d281dd:hover .childWrapper__01b9c { background-color: rgb(var(--accentcolor)); } -.wrapper_d281dd rect[fill] { +#app-mount .wrapper_d281dd rect[fill] { fill: var(--background-primary); } -.wrapper_d281dd rect[fill="#6370f4"] { +#app-mount .wrapper_d281dd rect[fill="#6370f4"] { fill: rgb(var(--accentcolor)); } -.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 1"], -.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 1"] { +#app-mount .folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 1"], +#app-mount .folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 1"] { background-color: rgba(var(--accentcolor), 1) !important; } -.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.9"], -.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.9"] { +#app-mount .folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.9"], +#app-mount .folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.9"] { background-color: rgba(var(--accentcolor), 0.9) !important; } -.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.8"], -.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.8"] { +#app-mount .folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.8"], +#app-mount .folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.8"] { background-color: rgba(var(--accentcolor), 0.8) !important; } -.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.7"], -.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.7"] { +#app-mount .folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.7"], +#app-mount .folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.7"] { background-color: rgba(var(--accentcolor), 0.7) !important; } -.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.6"], -.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.6"] { +#app-mount .folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.6"], +#app-mount .folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.6"] { background-color: rgba(var(--accentcolor), 0.6) !important; } -.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.5"], -.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.5"] { +#app-mount .folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.5"], +#app-mount .folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.5"] { background-color: rgba(var(--accentcolor), 0.5) !important; } -.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.4"], -.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.4"] { +#app-mount .folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.4"], +#app-mount .folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.4"] { background-color: rgba(var(--accentcolor), 0.4) !important; } -.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.3"], -.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.3"] { +#app-mount .folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.3"], +#app-mount .folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.3"] { background-color: rgba(var(--accentcolor), 0.3) !important; } -.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.2"], -.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.2"] { +#app-mount .folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.2"], +#app-mount .folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.2"] { background-color: rgba(var(--accentcolor), 0.2) !important; } -.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.1"], -.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.1"] { +#app-mount .folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.1"], +#app-mount .folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.1"] { background-color: rgba(var(--accentcolor), 0.1) !important; } -.folderIconWrapper__72239 svg[style^="color: rgb(88, 101, 242)"], -.folderIconWrapper__72239 svg[style*=" color: rgb(88, 101, 242)"], -.folderIconWrapper__72239 svg[style^="color: rgb(87, 100, 242)"], -.folderIconWrapper__72239 svg[style*=" color: rgb(87, 100, 242)"] { +#app-mount .folderIconWrapper__72239 svg[style^="color: rgb(88, 101, 242)"], +#app-mount .folderIconWrapper__72239 svg[style*=" color: rgb(88, 101, 242)"], +#app-mount .folderIconWrapper__72239 svg[style^="color: rgb(87, 100, 242)"], +#app-mount .folderIconWrapper__72239 svg[style*=" color: rgb(87, 100, 242)"] { color: rgb(var(--accentcolor)) !important; } @@ -337,127 +337,127 @@ /* ---- 3.1. MESSAGES ---- */ -.newMessagesBar__8b6d7 { /* new messagesbar */ +#app-mount .newMessagesBar__8b6d7 { /* new messagesbar */ background-color: rgb(var(--accentcolor)); } -.hasMore_b03f46 { /* hasmore messagesbar */ +#app-mount .hasMore_b03f46 { /* hasmore messagesbar */ color: rgb(var(--accentcolor)); } -.backgroundFlash_e5b9ad[style*="(148, 156, 247"] { +#app-mount .backgroundFlash_e5b9ad[style*="(148, 156, 247"] { background-color: var(--message-background-flash) !important; } -.backgroundFlash_e5b9ad[style*="background-color: rgb(148, 156, 247)"], -.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 1"] { +#app-mount .backgroundFlash_e5b9ad[style*="background-color: rgb(148, 156, 247)"], +#app-mount .backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 1"] { --message-background-flash: rgba(var(--accentcolor), 1); } -.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.9"] { +#app-mount .backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.9"] { --message-background-flash: rgba(var(--accentcolor), 0.9); } -.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.8"] { +#app-mount .backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.8"] { --message-background-flash: rgba(var(--accentcolor), 0.8); } -.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.7"] { +#app-mount .backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.7"] { --message-background-flash: rgba(var(--accentcolor), 0.7); } -.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.6"] { +#app-mount .backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.6"] { --message-background-flash: rgba(var(--accentcolor), 0.6); } -.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.5"] { +#app-mount .backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.5"] { --message-background-flash: rgba(var(--accentcolor), 0.5); } -.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.4"] { +#app-mount .backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.4"] { --message-background-flash: rgba(var(--accentcolor), 0.4); } -.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.3"] { +#app-mount .backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.3"] { --message-background-flash: rgba(var(--accentcolor), 0.3); } -.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.2"] { +#app-mount .backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.2"] { --message-background-flash: rgba(var(--accentcolor), 0.2); } -.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.1"] { +#app-mount .backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.1"] { --message-background-flash: rgba(var(--accentcolor), 0.1); } -.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0)"] { +#app-mount .backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0)"] { --message-background-flash: rgba(var(--accentcolor), 0.05); } -.embedFull__8dc21[style*="border-color: hsl(216, "], -.embedFull__8dc21[style*="border-color: hsl(227, "], -.embedFull__8dc21[style*="border-color: hsl(235, "], -.embedFull__8dc21[style*="border-color: hsl(237, "], -.embedFull__8dc21[style*="border-color: hsla(216, "], -.embedFull__8dc21[style*="border-color: hsla(227, "], -.embedFull__8dc21[style*="border-color: hsla(235, "], -.embedFull__8dc21[style*="border-color: hsla(237, "] { +#app-mount .embedFull__8dc21[style*="border-color: hsl(216, "], +#app-mount .embedFull__8dc21[style*="border-color: hsl(227, "], +#app-mount .embedFull__8dc21[style*="border-color: hsl(235, "], +#app-mount .embedFull__8dc21[style*="border-color: hsl(237, "], +#app-mount .embedFull__8dc21[style*="border-color: hsla(216, "], +#app-mount .embedFull__8dc21[style*="border-color: hsla(227, "], +#app-mount .embedFull__8dc21[style*="border-color: hsla(235, "], +#app-mount .embedFull__8dc21[style*="border-color: hsla(237, "] { border-color: rgb(var(--accentcolor)) !important; } -.ephemeral_c26b64, /* localbot container */ -.replying_d7b6ad { /* replying container */ +#app-mount .ephemeral_c26b64, /* localbot container */ +#app-mount .replying_d7b6ad { /* replying container */ background-color: rgba(var(--accentcolor), 0.05); } -.ephemeral_c26b64::before, /* localbot before */ -.replying_d7b6ad::before { /* replying before */ +#app-mount .ephemeral_c26b64::before, /* localbot before */ +#app-mount .replying_d7b6ad::before { /* replying before */ background-color: rgb(var(--accentcolor)); } -.message__80c10.ephemeral_c26b64.selected_fd9051, -.mouse-mode.full-motion .ephemeral_c26b64:hover, -.mouse-mode .ephemeral_c26b64:hover, -.message__80c10.replying_d7b6ad.selected_fd9051, -.mouse-mode.full-motion .replying_d7b6ad:hover, -.mouse-mode .replying_d7b6ad:hover { +#app-mount .message__80c10.ephemeral_c26b64.selected_fd9051, +#app-mount .mouse-mode.full-motion .ephemeral_c26b64:hover, +#app-mount .mouse-mode .ephemeral_c26b64:hover, +#app-mount .message__80c10.replying_d7b6ad.selected_fd9051, +#app-mount .mouse-mode.full-motion .replying_d7b6ad:hover, +#app-mount .mouse-mode .replying_d7b6ad:hover { background-color: rgba(var(--accentcolor), 0.1); } -.ephemeralMessage__6a8ba a { /* localbot operations */ +#app-mount .ephemeralMessage__6a8ba a { /* localbot operations */ color: rgb(var(--accentcolor)); } -.operations__07224 > a { /* message operations */ +#app-mount .operations__07224 > a { /* message operations */ color: rgb(var(--accentcolor)); } -.footerIcon__61cc7 path[fill*="hsl(197, "] { /* automod operations */ +#app-mount .footerIcon__61cc7 path[fill*="hsl(197, "] { /* automod operations */ fill: var(--text-link); } -.icon_bc432e { /* systemmessage guild sub easter egg icon */ +#app-mount .icon_bc432e { /* systemmessage guild sub easter egg icon */ color: rgb(var(--accentcolor2)); } -.message__1a4b9 strong, /* mention in header */ +#app-mount .message__1a4b9 strong, /* mention in header */ #app-mount .wrapper__2d9b1 { /* mention */ background-color: rgba(var(--accentcolor),.3); color: var(--brand-experiment-200); } -.message__1a4b9 strong:hover, +#app-mount .message__1a4b9 strong:hover, #app-mount .interactive:hover { background-color: rgb(var(--accentcolor)); color: #fff; } -.reactionMe__98f57 .reactionCount_b49901, /* reaction count me */ -.reactionMe__98f57:hover .reactionCount_b49901 { +#app-mount .reactionMe__98f57 .reactionCount_b49901, /* reaction count me */ +#app-mount .reactionMe__98f57:hover .reactionCount_b49901 { color: rgb(var(--accentcolor)); } -.reaction_fef95b.reactionMe__98f57 { /* reaction wrapper me */ +#app-mount .reaction_fef95b.reactionMe__98f57 { /* reaction wrapper me */ background-color: rgba(var(--accentcolor), .3); } -.reaction_fef95b:hover, /* reaction add react */ -.addReactButton__59750:hover, /* reaction add new react */ -.buttonInner__2771e:hover { +#app-mount .reaction_fef95b:hover, /* reaction add react */ +#app-mount .addReactButton__59750:hover, /* reaction add new react */ +#app-mount .buttonInner__2771e:hover { border-color: rgba(var(--accentcolor), .5); } /* attachment upload bar */ -.progressBar__47525[style*="background-color: hsl(227, "], -.progressBar__47525[style*="background-color: hsl(235, "] { +#app-mount .progressBar__47525[style*="background-color: hsl(227, "], +#app-mount .progressBar__47525[style*="background-color: hsl(235, "] { background-color: rgb(var(--accentcolor)) !important; } /* ---- 3.2. TEXTAREA ---- */ -.channelTextAreaInnerFocused__8561c { +#app-mount .channelTextAreaInnerFocused__8561c { border-color: rgb(var(--accentcolor)); } @@ -465,17 +465,17 @@ border-color: rgb(var(--accentcolor)) !important; } /* textarea follow channel icon */ -.image__04423[src="/assets/60ea1d16163c13845ccf31e70fd6528b.svg"] { +#app-mount .image__04423[src="/assets/60ea1d16163c13845ccf31e70fd6528b.svg"] { object-position: -999999px -999999px; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/chatnotice_followchannel_bg.svg) center/contain no-repeat; width: 47px; height: 60px; margin-bottom: -8px; } -.image__04423[src="/assets/60ea1d16163c13845ccf31e70fd6528b.svg"] + * { +#app-mount .image__04423[src="/assets/60ea1d16163c13845ccf31e70fd6528b.svg"] + * { overflow: visible; } -.image__04423[src="/assets/60ea1d16163c13845ccf31e70fd6528b.svg"] + *::after { +#app-mount .image__04423[src="/assets/60ea1d16163c13845ccf31e70fd6528b.svg"] + *::after { content: ""; position: absolute; bottom: 8px; @@ -487,17 +487,17 @@ -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/chatnotice_followchannel_accent.svg) center/contain no-repeat; } /* textarea verify email icon */ -.image__04423[src="/assets/0e33fc3f60b69ba9b0247df60d589439.svg"] { +#app-mount .image__04423[src="/assets/0e33fc3f60b69ba9b0247df60d589439.svg"] { object-position: -999999px -999999px; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/chatnotice_verifyemail_bg.svg) center/contain no-repeat; width: 65px; height: 60px; margin-bottom: -16px; } -.image__04423[src="/assets/0e33fc3f60b69ba9b0247df60d589439.svg"] + * { +#app-mount .image__04423[src="/assets/0e33fc3f60b69ba9b0247df60d589439.svg"] + * { overflow: visible; } -.image__04423[src="/assets/0e33fc3f60b69ba9b0247df60d589439.svg"] + *::after { +#app-mount .image__04423[src="/assets/0e33fc3f60b69ba9b0247df60d589439.svg"] + *::after { content: ""; position: absolute; bottom: 0px; @@ -509,17 +509,17 @@ -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/chatnotice_verifyemail_accent.svg) center/contain no-repeat; } /* textarea verify phone icon */ -.image__04423[src="/assets/45372ebbfad1c491747d6f5b7117fd88.svg"] { +#app-mount .image__04423[src="/assets/45372ebbfad1c491747d6f5b7117fd88.svg"] { object-position: -999999px -999999px; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/chatnotice_verifyemail_bg.svg) center/contain no-repeat; width: 65px; height: 60px; margin-bottom: -16px; } -.image__04423[src="/assets/45372ebbfad1c491747d6f5b7117fd88.svg"] + * { +#app-mount .image__04423[src="/assets/45372ebbfad1c491747d6f5b7117fd88.svg"] + * { overflow: visible; } -.image__04423[src="/assets/45372ebbfad1c491747d6f5b7117fd88.svg"] + *::after { +#app-mount .image__04423[src="/assets/45372ebbfad1c491747d6f5b7117fd88.svg"] + *::after { content: ""; position: absolute; bottom: 0px; @@ -532,25 +532,25 @@ } /* textarea wave hand icon */ -.animation__19784 path[stroke="rgb(123,162,255)"], -.animation__19784 path[stroke="rgb(123, 162, 255)"], -.animation__918eb path[stroke="rgb(123,162,255)"], -.animation__918eb path[stroke="rgb(123, 162, 255)"] { +#app-mount .animation__19784 path[stroke="rgb(123,162,255)"], +#app-mount .animation__19784 path[stroke="rgb(123, 162, 255)"], +#app-mount .animation__918eb path[stroke="rgb(123,162,255)"], +#app-mount .animation__918eb path[stroke="rgb(123, 162, 255)"] { stroke: rgb(var(--accentcolor)) !important; } -.mentionButton_a470c4 { /* textarea reply mention */ +#app-mount .mentionButton_a470c4 { /* textarea reply mention */ --text-link: rgb(var(--accentcolor)); } -.premium__296ca path[fill] { +#app-mount .premium__296ca path[fill] { fill: var(--text-normal); } -.comboNameplate_b63756[style^="color: hsl(227, "], -.comboNameplate_b63756[style^="color: hsl(235, "], -.comboNameplate_b63756[style*=" color: hsl(227, "], -.comboNameplate_b63756[style*=" color: hsl(235, "] { +#app-mount .comboNameplate_b63756[style^="color: hsl(227, "], +#app-mount .comboNameplate_b63756[style^="color: hsl(235, "], +#app-mount .comboNameplate_b63756[style*=" color: hsl(227, "], +#app-mount .comboNameplate_b63756[style*=" color: hsl(235, "] { color: rgb(var(--accentcolor)) !important; } @@ -564,21 +564,21 @@ border-color: rgb(var(--accentcolor)); background-color: rgb(var(--accentcolor)); } -.result_e1fc74[style*="background-color"] { /* gifpicker result loading */ +#app-mount .result_e1fc74[style*="background-color"] { /* gifpicker result loading */ background-color: rgb(var(--accentcolor)) !important; } -.result_e1fc74[style*="background-color: hsl(228,"] { +#app-mount .result_e1fc74[style*="background-color: hsl(228,"] { background: var(--accentcolor-hover) !important; } -.result_e1fc74[style*="background-color: hsl(244,"] { +#app-mount .result_e1fc74[style*="background-color: hsl(244,"] { background: var(--accentcolor-active) !important; } -.theme-light .focused__036ed::after, /* gifpicker result hover */ -.theme-light .result_e1fc74:hover::after { +#app-mount .theme-light .focused__036ed::after, /* gifpicker result hover */ +#app-mount .theme-light .result_e1fc74:hover::after { box-shadow: inset 0 0 0 2px rgb(var(--accentcolor)), inset 0 0 0 3px #dcddde; } -.theme-dark .focused__036ed::after, /* gifpicker result hover */ -.theme-dark .result_e1fc74:hover::after { +#app-mount .theme-dark .focused__036ed::after, /* gifpicker result hover */ +#app-mount .theme-dark .result_e1fc74:hover::after { box-shadow: inset 0 0 0 2px rgb(var(--accentcolor)), inset 0 0 0 3px #2f3136; } #app-mount .categoryFadeBlurple_e73c11 { /* gifpicker categoryfade */ @@ -587,27 +587,27 @@ #app-mount .categoryFadeBlurple_e73c11:hover { background-color: rgba(var(--accentcolor), 0.95); } -.introductionAction__81937 { /* gifpicker introductionaction tooltip */ +#app-mount .introductionAction__81937 { /* gifpicker introductionaction tooltip */ color: rgb(var(--accentcolor)); } -.iconColorBlue__08dbe { /* stickerpicker icon blue */ +#app-mount .iconColorBlue__08dbe { /* stickerpicker icon blue */ color: rgb(var(--accentcolor)); } -.iconColorLightBlue__74e09 { /* stickerpicker icon lightblue */ +#app-mount .iconColorLightBlue__74e09 { /* stickerpicker icon lightblue */ color: rgb(var(--accentcolor)); filter: brightness(150%); } -.iconColorDarkBlue__0a65b { /* stickerpicker icon darkblue */ +#app-mount .iconColorDarkBlue__0a65b { /* stickerpicker icon darkblue */ color: rgb(var(--accentcolor)); filter: brightness(75%); } -.iconColorPink__1b50a { /* stickerpicker icon pink */ +#app-mount .iconColorPink__1b50a { /* stickerpicker icon pink */ color: rgb(var(--accentcolor2)); } /* ---- 3.4. MEMBERLIST ---- */ -.premiumIcon_ab5d78 { +#app-mount .premiumIcon_ab5d78 { color: rgb(var(--accentcolor2)); } @@ -617,10 +617,10 @@ #app-mount .activeButton__7a550:hover { background-color: rgb(var(--accentcolor)); } -.noResultsImage__08760.alt__77d89 { +#app-mount .noResultsImage__08760.alt__77d89 { display: flex; } -.noResultsImage__08760.alt__77d89::before { +#app-mount .noResultsImage__08760.alt__77d89::before { content: ""; position: absolute; width: 160px; @@ -632,33 +632,33 @@ /* ---- 3.6. CALL ---- */ -.sparkleBlurple__556df { +#app-mount .sparkleBlurple__556df { background-image: url(https://discord.com/assets/c7539bb38577495f5021c8ea455c7145.png); } -.popBlurple__2642d { +#app-mount .popBlurple__2642d { background-image: url(https://discord.com/assets/237a2f9325a83d230fb30b2cd63bbfe6.png); } -.lightBlurple__1956c { +#app-mount .lightBlurple__1956c { background-image: url(https://discord.com/assets/1c20f6ecd2d83c1844a3fd6da306d239.png); } -.crossBlurple_b0f0f9 { +#app-mount .crossBlurple_b0f0f9 { background-image: url(https://discord.com/assets/c13a0b03a798023c27155fad5f0c7a61.png); } -.background__3b30f[style*="background-color: rgb(92, 100, 244)"], -.background__3b30f[style*="background-color: hsl(235, "], -.background__3b30f[style*="background-color: hsl(227, "] { +#app-mount .background__3b30f[style*="background-color: rgb(92, 100, 244)"], +#app-mount .background__3b30f[style*="background-color: hsl(235, "], +#app-mount .background__3b30f[style*="background-color: hsl(227, "] { background-color: rgb(var(--accentcolor)) !important; } -.border_d9a17b.voiceChannelEffect__6a6f7 { +#app-mount .border_d9a17b.voiceChannelEffect__6a6f7 { box-shadow: inset 0 0 0 2px rgb(var(--accentcolor)), inset 0 0 0 3px rgb(var(--accentcolor)); } /* ~~~~ 4. PEOPLES ~~~~ */ -.container__9305d { /* stagelive cover */ +#app-mount .container__9305d { /* stagelive cover */ background: rgb(255, 255, 255) linear-gradient(rgba(var(--accentcolor),.8) 75%, rgb(var(--accentcolor)) 75%, rgb(var(--accentcolor))); } -.container__9305d .illustration__9d719 { +#app-mount .container__9305d .illustration__9d719 { opacity: .8; filter: grayscale(100%); } @@ -670,25 +670,25 @@ background-color: rgb(var(--accentcolor)); } -.activeTransferGuildCardBorder__2eb21 { +#app-mount .activeTransferGuildCardBorder__2eb21 { background: rgb(255, 255, 255) linear-gradient(135deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } -.theme-light .animationContainer__92094 { +#app-mount .theme-light .animationContainer__92094 { color: rgb(var(--accentcolor)); } -.theme-light .shine__0dd36 { +#app-mount .theme-light .shine__0dd36 { color: rgba(var(--accentcolor), 0.2); } -.grandfatheredMessage_b731ea { +#app-mount .grandfatheredMessage_b731ea { background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } -.iconBackgroundTier1__715d9 { /* tierlist tier1 bg */ +#app-mount .iconBackgroundTier1__715d9 { /* tierlist tier1 bg */ background: rgb(255, 255, 255) linear-gradient(45deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } -.iconBackgroundTier2_c37b9c { /* tierlist tier2 bg */ +#app-mount .iconBackgroundTier2_c37b9c { /* tierlist tier2 bg */ background: #ffcd4b linear-gradient(45deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } @@ -704,7 +704,7 @@ background-color: rgb(var(--accentcolor)); } -.overlappingBorder__5f3f7 { /* store preview image */ +#app-mount .overlappingBorder__5f3f7 { /* store preview image */ border-color: rgb(var(--accentcolor)); } @@ -714,7 +714,7 @@ #app-mount .premiumHeaderPrice_a3d92b { /* store price */ background-color: rgb(var(--accentcolor)); } -.premiumCircle_bce940 { /* store premiumcircle */ +#app-mount .premiumCircle_bce940 { /* store premiumcircle */ background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } #app-mount .staffIcon__75ed2 { /* store stafficon */ @@ -723,50 +723,50 @@ #app-mount .nitroIcon__90a15 { /* store nitroicon */ background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } -.confirmPremiumIcon_ac48e0, /* store confirmpremiumicon */ -.gameIcon__90c32[style*="/assets/f6cbcdc9366fb8d31e03bdc6c9c50246.svg"] { +#app-mount .confirmPremiumIcon_ac48e0, /* store confirmpremiumicon */ +#app-mount .gameIcon__90c32[style*="/assets/f6cbcdc9366fb8d31e03bdc6c9c50246.svg"] { background-color: rgb(255, 255, 255) !important; background-image: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/nitrobadge_details.svg), linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)) !important; } -.pageWrapper__3bbe1 { /* store pagewrapper */ +#app-mount .pageWrapper__3bbe1 { /* store pagewrapper */ background: #fff linear-gradient(114deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.6)); } -.tier0__2e127 { +#app-mount .tier0__2e127 { background: rgb(100, 100, 100) linear-gradient(195deg, rgba(var(--accentcolor), 0.9), rgba(var(--accentcolor), 0.5)); } -.tier2__1364f { +#app-mount .tier2__1364f { background: rgb(255, 255, 255) linear-gradient(195deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), 0.5)); } #app-mount .tier2__1364f .lookInverted_ee4261.colorBrand_b2253e { color: rgb(var(--accentcolor2)); } -.mostPopularPill__8c0b3, -.mostPopularPill__0aaba { +#app-mount .mostPopularPill__8c0b3, +#app-mount .mostPopularPill__0aaba { background: rgb(255, 255, 255) linear-gradient(135deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), 0.5)); } -.tier2ColumnOuter__0b5e2 { +#app-mount .tier2ColumnOuter__0b5e2 { border-color: rgb(var(--accentcolor2)); } /* ~~~~ 6. LIBRARY ~~~~ */ -.foreground__26bd6 { /* installationpath fill */ +#app-mount .foreground__26bd6 { /* installationpath fill */ stroke: rgb(var(--accentcolor)); } /* ~~~~ 7. DISCOVERY ~~~~ */ -.searchBox_a63854:focus, /* searchbox focus */ -.searchBox_a63854:focus-within, -.searchPage__9ceaf .search_e47903 .searchBox__88a98:focus, -.searchPage__9ceaf .search_e47903 .searchBox__88a98:focus-within { +#app-mount .searchBox_a63854:focus, /* searchbox focus */ +#app-mount .searchBox_a63854:focus-within, +#app-mount .searchPage__9ceaf .search_e47903 .searchBox__88a98:focus, +#app-mount .searchPage__9ceaf .search_e47903 .searchBox__88a98:focus-within { border-color: rgb(var(--accentcolor)); } -.search_e47903 .searchBox__88a98:focus, -.search_e47903 .searchBox__88a98:focus-within { +#app-mount .search_e47903 .searchBox__88a98:focus, +#app-mount .search_e47903 .searchBox__88a98:focus-within { box-shadow: 0 0 0 1px rgb(var(--accentcolor)), 0 0 0 2px rgba(var(--accentcolor), 0.6), 0 0 0 3px rgba(var(--accentcolor), 0.3); } @@ -775,11 +775,11 @@ background-color: rgb(var(--accentcolor)); } /* categorylist selected item */ -.categoryItem_b1be5c.selectedCategoryItem__0bf4c .itemInner__9e755 { +#app-mount .categoryItem_b1be5c.selectedCategoryItem__0bf4c .itemInner__9e755 { background-color: rgb(var(--accentcolor)); } -.categoryPill_c95cea.selected__24846 { /* categorylist search categorypill */ +#app-mount .categoryPill_c95cea.selected__24846 { /* categorylist search categorypill */ background-color: rgb(var(--accentcolor)); } @@ -787,25 +787,25 @@ /* ~~~~ 8. USERSETTINGS ~~~~ */ -.item__48dda .premiumLabel_f2cd55 svg[fill] { +#app-mount .item__48dda .premiumLabel_f2cd55 svg[fill] { fill: rgb(var(--accentcolor2)); } -.dot__99c90 { /* settingsitems dot */ +#app-mount .dot__99c90 { /* settingsitems dot */ background-color: rgb(var(--accentcolor)); } -.cardBrand_c25152 { /* settingsitems card */ +#app-mount .cardBrand_c25152 { /* settingsitems card */ background-color: rgb(var(--accentcolor)); } -.cardBrand_c25152 { +#app-mount .cardBrand_c25152 { border-color: rgb(var(--accentcolor)); } -.background_b61fcc .lookLink__93965.colorLink_b651e5 { +#app-mount .background_b61fcc .lookLink__93965.colorLink_b651e5 { color: rgb(var(--accentcolor)); } -.contentCircle_bc797d { /* accountsettings avatar upload */ +#app-mount .contentCircle_bc797d { /* accountsettings avatar upload */ background-color: rgb(var(--accentcolor)); } #app-mount .questionMark__8d22a { /* accountsettings questionmark */ @@ -815,7 +815,7 @@ background: var(--accentcolor-hover); } -.premiumFeatureBorder__9bbb3 { /* profilesettings premium border */ +#app-mount .premiumFeatureBorder__9bbb3 { /* profilesettings premium border */ border-color: rgb(var(--accentcolor)); } @@ -830,12 +830,12 @@ color: rgb(var(--accentcolor)); } -.marketingLogoImage__4820c { /* boostsettings boost header */ +#app-mount .marketingLogoImage__4820c { /* boostsettings boost header */ position: relative; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostheader_bg.svg) center/cover no-repeat; } -.marketingLogoImage__4820c::before, -.marketingLogoImage__4820c::after { +#app-mount .marketingLogoImage__4820c::before, +#app-mount .marketingLogoImage__4820c::after { content: ""; position: absolute; top: 0; @@ -844,21 +844,21 @@ left: 0; pointer-events: none; } -.marketingLogoImage__4820c::before { +#app-mount .marketingLogoImage__4820c::before { background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostheader_accent.svg) center/cover no-repeat; } -.marketingLogoImage__4820c::after { +#app-mount .marketingLogoImage__4820c::after { background: rgb(var(--accentcolor2)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostheader_accent2.svg) center/cover no-repeat; } -.tierUnlocked__01133 { /* boostsettings tierunlocked */ +#app-mount .tierUnlocked__01133 { /* boostsettings tierunlocked */ background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), 0.5)); } -.tierIcon__2ac8f:not(.tierIconLocked_c2f292) { /* boostsettings tiericon */ +#app-mount .tierIcon__2ac8f:not(.tierIconLocked_c2f292) { /* boostsettings tiericon */ color: rgb(var(--accentcolor2)); } -.iconWrapper_e69235 { /* boostsettings uploadicon */ +#app-mount .iconWrapper_e69235 { /* boostsettings uploadicon */ background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), 0.5)); } #app-mount .tierAccomplished__77998, @@ -877,19 +877,19 @@ #app-mount .foreground__44f58 { /* boostsettings icon foreground */ color: rgb(var(--accentcolor2)); } -.emojiIcon__5cf57 { /* boostsettings perkicon emoji */ +#app-mount .emojiIcon__5cf57 { /* boostsettings perkicon emoji */ color: rgb(var(--accentcolor)); filter: brightness(75%); } -.uploadSizeIcon__0af61 { /* boostsettings perkicon upload */ +#app-mount .uploadSizeIcon__0af61 { /* boostsettings perkicon upload */ color: rgb(var(--accentcolor)); filter: brightness(150%); } -.profileBadgeIcon__1ef75 { /* boostsettings perkicon badge */ +#app-mount .profileBadgeIcon__1ef75 { /* boostsettings perkicon badge */ position: relative; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_boostbadge_bg.svg) center/contain no-repeat; } -.profileBadgeIcon__1ef75::after { +#app-mount .profileBadgeIcon__1ef75::after { content: ""; position: absolute; top: 0; @@ -900,30 +900,30 @@ background: rgb(var(--accentcolor2)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_boostbadge_accent2.svg) center/contain no-repeat; } -.guildBoostingIcon__86479 { /* boostsettings guild boost icon */ +#app-mount .guildBoostingIcon__86479 { /* boostsettings guild boost icon */ color: rgb(var(--accentcolor2)); } -.gemWithLabel_a554ca { /* boostsettings progress label */ +#app-mount .gemWithLabel_a554ca { /* boostsettings progress label */ color: rgb(var(--accentcolor2)); } -.gemIndicatorProgressCircle__671cc { /* boostsettings progress circle */ +#app-mount .gemIndicatorProgressCircle__671cc { /* boostsettings progress circle */ color: rgb(var(--accentcolor2)); } -.guildSubscriberCountIcon__6d3f4 { /* boostsettings sub count */ +#app-mount .guildSubscriberCountIcon__6d3f4 { /* boostsettings sub count */ color: rgb(var(--accentcolor2)); } -.guildSubscriptionSlotIcon__17a0a { /* boostsettings slot icon */ +#app-mount .guildSubscriptionSlotIcon__17a0a { /* boostsettings slot icon */ color: rgb(var(--accentcolor2)); } -.backgroundOptionRing__1f209 { /* text and voice selection ring */ +#app-mount .backgroundOptionRing__1f209 { /* text and voice selection ring */ border-color: rgb(var(--accentcolor)); } -.icon_f28e38 { /* hypesettings perk icon */ +#app-mount .icon_f28e38 { /* hypesettings perk icon */ position: relative; } -.icon_f28e38::after { +#app-mount .icon_f28e38::after { content: ""; position: absolute; top: 0; @@ -934,45 +934,45 @@ background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/empty.svg) center/cover no-repeat; } -.perkNewsletter_c626ee { +#app-mount .perkNewsletter_c626ee { background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk1_bg.svg) center/cover no-repeat; } -.perkNewsletter_c626ee::after { +#app-mount .perkNewsletter_c626ee::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk1_accent.svg) center/cover no-repeat; } -.perkBadge__06d81 { +#app-mount .perkBadge__06d81 { background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk2_bg.svg) center/cover no-repeat; } -.perkBadge__06d81::after { +#app-mount .perkBadge__06d81::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk2_accent.svg) center/cover no-repeat; } -.perkChallenges__31d66 { +#app-mount .perkChallenges__31d66 { background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk3_bg.svg) center/cover no-repeat; } -.perkChallenges__31d66::after { +#app-mount .perkChallenges__31d66::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk3_accent.svg) center/cover no-repeat; } -.wrapper__4beb8 { /* overlaysettings positionsettings wrapper */ +#app-mount .wrapper__4beb8 { /* overlaysettings positionsettings wrapper */ border-color: rgb(var(--accentcolor)); } -.option_a0c054:hover { /* overlaysettings positionoption */ +#app-mount .option_a0c054:hover { /* overlaysettings positionoption */ background-color: rgb(var(--accentcolor)); } -.selected_ea51d6.option_a0c054 { +#app-mount .selected_ea51d6.option_a0c054 { background-color: rgb(var(--accentcolor)); border-color: rgb(var(--accentcolor)); } /* streamermodesettings headerimage */ -.noticeIcon__3ffa8[src="/assets/8bc13200408a99819215.svg"] { +#app-mount .noticeIcon__3ffa8[src="/assets/8bc13200408a99819215.svg"] { object-position: -999999px -999999px; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_streamermode_bg.svg) center/contain no-repeat; } -.noticeIcon__3ffa8[src="/assets/8bc13200408a99819215.svg"] + * { +#app-mount .noticeIcon__3ffa8[src="/assets/8bc13200408a99819215.svg"] + * { position: relative; } -.noticeIcon__3ffa8[src="/assets/8bc13200408a99819215.svg"] + *::before, -.noticeIcon__3ffa8[src="/assets/8bc13200408a99819215.svg"] + *::after { +#app-mount .noticeIcon__3ffa8[src="/assets/8bc13200408a99819215.svg"] + *::before, +#app-mount .noticeIcon__3ffa8[src="/assets/8bc13200408a99819215.svg"] + *::after { content: ""; position: absolute; top: 0; @@ -981,45 +981,45 @@ height: 110px; pointer-events: none; } -.noticeIcon__3ffa8[src="/assets/8bc13200408a99819215.svg"] + *::before { +#app-mount .noticeIcon__3ffa8[src="/assets/8bc13200408a99819215.svg"] + *::before { background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_streamermode_accent.svg) center/contain no-repeat; } -.noticeIcon__3ffa8[src="/assets/8bc13200408a99819215.svg"] + *::after { +#app-mount .noticeIcon__3ffa8[src="/assets/8bc13200408a99819215.svg"] + *::after { background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_streamermode_details.svg) center/contain no-repeat; } /* ~~~~ 9. GUILDSETTINGS ~~~~ */ -.avatarUploaderInnerSquare__72e9d { /* mainsettings uploadbanner */ +#app-mount .avatarUploaderInnerSquare__72e9d { /* mainsettings uploadbanner */ background-image: linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor2))); } -.unlockedIcon__9ab97 { /* mainsettings uploadbanner enabled */ +#app-mount .unlockedIcon__9ab97 { /* mainsettings uploadbanner enabled */ color: rgb(var(--accentcolor2)); } -.banner__98955 { /* rolesettings intro banner */ +#app-mount .banner__98955 { /* rolesettings intro banner */ border-radius: 5px; } -.bannerClubs__9368e { +#app-mount .bannerClubs__9368e { background: rgb(var(--accentcolor)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_clubs_details.svg) center/cover no-repeat; } -.bannerClubs__9368e .avatarName__6d8c7 { +#app-mount .bannerClubs__9368e .avatarName__6d8c7 { display: flex; font-size: 0; } -.bannerClubs__9368e .avatarName__6d8c7::before { +#app-mount .bannerClubs__9368e .avatarName__6d8c7::before { content: "Susie#0000"; font-size: 16px; } -.bannerGaming__893b2 { +#app-mount .bannerGaming__893b2 { background: rgb(var(--accentcolor)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_gaming_details.svg) center/cover no-repeat; } -.bannerHobbies__4fe8d { +#app-mount .bannerHobbies__4fe8d { background: rgb(var(--accentcolor)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_hobbies_details.svg) center/cover no-repeat; } -.infoItem__190eb[src="/assets/14ec46803da2a8bdcb2c.svg"] { /* widgetsettings widget placeholder image */ +#app-mount .infoItem__190eb[src="/assets/14ec46803da2a8bdcb2c.svg"] { /* widgetsettings widget placeholder image */ object-position: -999999px -999999px; border-radius: 5px; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_widget_details.svg) center/contain no-repeat, linear-gradient(rgb(var(--accentcolor)) 20%, rgba(0,0,0,.3) 20%, rgba(0,0,0,.3)); @@ -1038,10 +1038,10 @@ } -.placeholderImage__45cc2 { /* discoverysettings insight */ +#app-mount .placeholderImage__45cc2 { /* discoverysettings insight */ background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_insight_bg.svg) center/cover no-repeat; } -.placeholderImage__45cc2::after { +#app-mount .placeholderImage__45cc2::after { content: ""; position: absolute; top: 0; @@ -1053,28 +1053,28 @@ -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_insight_accent.svg) center/cover no-repeat; } -.defaultIcon_cf867f { /* discoverysettings default guildicon */ +#app-mount .defaultIcon_cf867f { /* discoverysettings default guildicon */ background-color: rgb(var(--accentcolor)); } -.headerIcon_eec0c0[src="/assets/860c39d4003b98a5ee9d.svg"] {/* discoverysettings requirements icon */ +#app-mount .headerIcon_eec0c0[src="/assets/860c39d4003b98a5ee9d.svg"] {/* discoverysettings requirements icon */ object-position: -999999999px -999999999px; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_requirements_bg.svg) center/cover no-repeat; } -.headerIcon_eec0c0[src="/assets/860c39d4003b98a5ee9d.svg"] + * { +#app-mount .headerIcon_eec0c0[src="/assets/860c39d4003b98a5ee9d.svg"] + * { position: relative; height: 60px; } -.headerIcon_eec0c0[src="/assets/860c39d4003b98a5ee9d.svg"] + * { +#app-mount .headerIcon_eec0c0[src="/assets/860c39d4003b98a5ee9d.svg"] + * { position: relative; height: 60px; } -.headerIcon_eec0c0[src="/assets/860c39d4003b98a5ee9d.svg"] + h2 { +#app-mount .headerIcon_eec0c0[src="/assets/860c39d4003b98a5ee9d.svg"] + h2 { display: flex; align-items: center; white-space: pre-wrap; } -.headerIcon_eec0c0[src="/assets/860c39d4003b98a5ee9d.svg"] + *::after { +#app-mount .headerIcon_eec0c0[src="/assets/860c39d4003b98a5ee9d.svg"] + *::after { content: ""; position: absolute; left: -56px; @@ -1086,17 +1086,17 @@ -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_requirements_accent.svg) center/cover no-repeat; } -.featureIcon__48a2c [fill*="hsl(235, "] { /* communitysettings intro featureicon */ +#app-mount .featureIcon__48a2c [fill*="hsl(235, "] { /* communitysettings intro featureicon */ fill: rgb(var(--accentcolor)); } -.educationUpsellRoot_a01074 .wumpus__659e8, /* communitysettings rules wumpus */ -.exampleWumpus__9db42 .wumpus__051ea { /* communitysettings welcome wumpus */ +#app-mount .educationUpsellRoot_a01074 .wumpus__659e8, /* communitysettings rules wumpus */ +#app-mount .exampleWumpus__9db42 .wumpus__051ea { /* communitysettings welcome wumpus */ object-position: -999999px -999999px; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_wumpus_bg.svg) center/cover no-repeat; } -.educationUpsellRoot_a01074:has(.wumpus__659e8)::after, -.exampleWumpus__9db42::after { +#app-mount .educationUpsellRoot_a01074:has(.wumpus__659e8)::after, +#app-mount .exampleWumpus__9db42::after { content: ""; position: absolute; width: 82px; @@ -1111,87 +1111,87 @@ /* ---- 10.1. USERMODAL ---- */ -.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/5e74e9b61934fc1f67c65515d1f7e60d.png"] { +#app-mount .profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/5e74e9b61934fc1f67c65515d1f7e60d.png"] { object-position: -999999px -999999px; background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/staffbadge_colors.svg) center/cover no-repeat; } -.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/3f9748e53446a137a052f3454e2de41e.png"] { +#app-mount .profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/3f9748e53446a137a052f3454e2de41e.png"] { object-position: -999999px -999999px; background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/partnerbadge_colors.svg) center/cover no-repeat; } -.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/6df5892e0f35b051f8b61eace34f4967.png"] { +#app-mount .profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/6df5892e0f35b051f8b61eace34f4967.png"] { object-position: -999999px -999999px; background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/developerbadge_colors.svg) center/cover no-repeat; } -.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/51040c70d4f20a921ad6674ff86fc95c.png"] { +#app-mount .profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/51040c70d4f20a921ad6674ff86fc95c.png"] { object-position: -999999px -999999px; background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl1_details.svg) center/cover no-repeat; -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl1_colors.svg) center/cover no-repeat; } -.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/0e4080d1d333bc7ad29ef6528b6f2fb7.png"] { +#app-mount .profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/0e4080d1d333bc7ad29ef6528b6f2fb7.png"] { object-position: -999999px -999999px; background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl2_details.svg) center/cover no-repeat; -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl2_colors.svg) center/cover no-repeat; } -.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/72bed924410c304dbe3d00a6e593ff59.png"] { +#app-mount .profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/72bed924410c304dbe3d00a6e593ff59.png"] { object-position: -999999px -999999px; background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl3_details.svg) center/cover no-repeat; -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl3_colors.svg) center/cover no-repeat; } -.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/df199d2050d3ed4ebf84d64ae83989f8.png"] { +#app-mount .profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/df199d2050d3ed4ebf84d64ae83989f8.png"] { object-position: -999999px -999999px; background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl4_details.svg) center/cover no-repeat; -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl4_colors.svg) center/cover no-repeat; } -.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/996b3e870e8a22ce519b3a50e6bdd52f.png"] { +#app-mount .profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/996b3e870e8a22ce519b3a50e6bdd52f.png"] { object-position: -999999px -999999px; background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl5_details.svg) center/cover no-repeat; -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl5_colors.svg) center/cover no-repeat; } -.iconImage_e0a480[src="/assets/aeb0884e649be1418151.svg"], -.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/991c9f39ee33d7537d9f408c3e53141e.png"] { +#app-mount .iconImage_e0a480[src="/assets/aeb0884e649be1418151.svg"], +#app-mount .profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/991c9f39ee33d7537d9f408c3e53141e.png"] { object-position: -999999px -999999px; background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl6_details.svg) center/cover no-repeat; -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl6_colors.svg) center/cover no-repeat; } -.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/cb3ae83c15e970e8f3d410bc62cb8b99.png"] { +#app-mount .profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/cb3ae83c15e970e8f3d410bc62cb8b99.png"] { object-position: -999999px -999999px; background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl7_details.svg) center/cover no-repeat; -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl7_colors.svg) center/cover no-repeat; } -.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/7142225d31238f6387d9f09efaa02759.png"] { +#app-mount .profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/7142225d31238f6387d9f09efaa02759.png"] { object-position: -999999px -999999px; background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl8_details.svg) center/cover no-repeat; -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl8_colors.svg) center/cover no-repeat; } -.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/ec92202290b48d0879b7413d2dde3bab.png"] { +#app-mount .profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/ec92202290b48d0879b7413d2dde3bab.png"] { object-position: -999999px -999999px; background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl9_details.svg) center/cover no-repeat; -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl9_colors.svg) center/cover no-repeat; } -.guildAvatarWithoutIcon__606ec { /* modal shared servers no icon */ +#app-mount .guildAvatarWithoutIcon__606ec { /* modal shared servers no icon */ background-color: rgb(var(--accentcolor)); } /* ---- 10.2. GUILDADD/CREATION ---- */ /* create guild create own icon */ -.icon__6a8ca[src="/assets/4d526e1c61d719fd39a0.svg"] { +#app-mount .icon__6a8ca[src="/assets/4d526e1c61d719fd39a0.svg"] { object-position: -999999px -999999px; background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildcreate_createown_accent.svg) center/contain no-repeat; } -.icon__6a8ca[src="/assets/4d526e1c61d719fd39a0.svg"] + * { +#app-mount .icon__6a8ca[src="/assets/4d526e1c61d719fd39a0.svg"] + * { position: relative; display: flex; align-items: center; overflow: visible; } -.icon__6a8ca[src="/assets/4d526e1c61d719fd39a0.svg"] + *::after { +#app-mount .icon__6a8ca[src="/assets/4d526e1c61d719fd39a0.svg"] + *::after { content: ""; position: absolute; left: -56px; @@ -1201,213 +1201,213 @@ background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildcreate_createown_bg.svg) center/contain no-repeat; } -.uploadIcon__6efce [fill="#5865f2" i], -.uploadIcon__6efce [fill="#7289da" i] { /* create guild upload icon */ +#app-mount .uploadIcon__6efce [fill="#5865f2" i], +#app-mount .uploadIcon__6efce [fill="#7289da" i] { /* create guild upload icon */ fill: rgb(var(--accentcolor)); } /* ---- 10.3. REGIONSELECTMODAL ---- */ -.regionSelectFlag_a0e812 { /* modal regionselect flag */ +#app-mount .regionSelectFlag_a0e812 { /* modal regionselect flag */ background-color: rgb(var(--accentcolor)); } -.check_a4721d { +#app-mount .check_a4721d { -webkit-mask: url(https://discord.com/assets/336a8bdedb983df7fdbf.svg); background: rgb(var(--accentcolor)); } /* ---- 10.4. UPLOADMODAL ---- */ /* modal background */ -.uploadModalIn_c0ca4b .uploadDropModal__73a36 .bgScale_f3a2be { +#app-mount .uploadModalIn_c0ca4b .uploadDropModal__73a36 .bgScale_f3a2be { background-color: rgb(var(--accentcolor)); } -.uploadModalIn_c0ca4b .uploadDropModal__73a36 .inner__7afe9 .icon__25b13.two_df01fc { +#app-mount .uploadModalIn_c0ca4b .uploadDropModal__73a36 .inner__7afe9 .icon__25b13.two_df01fc { filter: drop-shadow(0 0 48px rgba(var(--accentcolor),.5)); } -.uploadModalIn_c0ca4b .uploadDropModal__73a36.error_d2567f .inner__7afe9 .icon__25b13.two_df01fc { +#app-mount .uploadModalIn_c0ca4b .uploadDropModal__73a36.error_d2567f .inner__7afe9 .icon__25b13.two_df01fc { filter: drop-shadow(0 0 48px rgba(216,60,63,.5)); } -.attachment_f3cf2c { +#app-mount .attachment_f3cf2c { position: relative; } -.attachment_f3cf2c .icon__30aa7, -.uploadContainer__5a7da .icon_c2f643, -.audioMetadata_e546a8::before, -.uploadModal_eae2a0 .icon__25b13:not(img), -.icon__25b13:not(img) { +#app-mount .attachment_f3cf2c .icon__30aa7, +#app-mount .uploadContainer__5a7da .icon_c2f643, +#app-mount .audioMetadata_e546a8::before, +#app-mount .uploadModal_eae2a0 .icon__25b13:not(img), +#app-mount .icon__25b13:not(img) { object-position: -999999px -999999px; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_bg.svg) center/contain no-repeat !important; } -.uploadContainer__5a7da .icon_c2f643 { +#app-mount .uploadContainer__5a7da .icon_c2f643 { background-size: 72px 96px !important; } -.uploadModal_eae2a0 .icon__25b13:not(img), -.icon__25b13:not(img) { +#app-mount .uploadModal_eae2a0 .icon__25b13:not(img), +#app-mount .icon__25b13:not(img) { background-size: 72px 96px !important; } -.attachment_f3cf2c .icon__30aa7 + *::before, -.attachment_f3cf2c .icon__30aa7 + *::after, -.uploadContainer__5a7da .icon_c2f643::before, -.uploadContainer__5a7da .icon_c2f643::after, -.audioMetadata_e546a8 > *:first-child::before, -.audioMetadata_e546a8 > *:first-child::after, -.uploadModal_eae2a0 .icon__25b13:not(img)::before, -.uploadModal_eae2a0 .icon__25b13:not(img)::after, -.icon__25b13:not(img)::before, -.icon__25b13:not(img)::after { +#app-mount .attachment_f3cf2c .icon__30aa7 + *::before, +#app-mount .attachment_f3cf2c .icon__30aa7 + *::after, +#app-mount .uploadContainer__5a7da .icon_c2f643::before, +#app-mount .uploadContainer__5a7da .icon_c2f643::after, +#app-mount .audioMetadata_e546a8 > *:first-child::before, +#app-mount .audioMetadata_e546a8 > *:first-child::after, +#app-mount .uploadModal_eae2a0 .icon__25b13:not(img)::before, +#app-mount .uploadModal_eae2a0 .icon__25b13:not(img)::after, +#app-mount .icon__25b13:not(img)::before, +#app-mount .icon__25b13:not(img)::after { content: ""; position: absolute; pointer-events: none; background: rgb(var(--accentcolor)); } -.audioMetadata_e546a8::before { +#app-mount .audioMetadata_e546a8::before { flex: 0 0 auto !important; background-position: top center !important; } -.attachment_f3cf2c .icon__30aa7 + *::before, -.attachment_f3cf2c .icon__30aa7 + *::after { +#app-mount .attachment_f3cf2c .icon__30aa7 + *::before, +#app-mount .attachment_f3cf2c .icon__30aa7 + *::after { top: 10px; left: 10px; width: 30px; height: 40px; } -.attachment_f3cf2c.newMosaicStyle__235c9 .icon__30aa7 + *::before, -.attachment_f3cf2c.newMosaicStyle__235c9 .icon__30aa7 + *::after { +#app-mount .attachment_f3cf2c.newMosaicStyle__235c9 .icon__30aa7 + *::before, +#app-mount .attachment_f3cf2c.newMosaicStyle__235c9 .icon__30aa7 + *::after { top: 16px; left: 16px; } -.wrapperAudio__555ce .audioMetadata_e546a8 > *:first-child::before, -.wrapperAudio__555ce .audioMetadata_e546a8 > *:first-child::after { +#app-mount .wrapperAudio__555ce .audioMetadata_e546a8 > *:first-child::before, +#app-mount .wrapperAudio__555ce .audioMetadata_e546a8 > *:first-child::after { top: 10px; left: 10px; width: 24px; height: 32px; } -.wrapperAudio__555ce.newMosaicStyle_fb18b9 .audioMetadata_e546a8 > *:first-child::before, -.wrapperAudio__555ce.newMosaicStyle_fb18b9 .audioMetadata_e546a8 > *:first-child::after { +#app-mount .wrapperAudio__555ce.newMosaicStyle_fb18b9 .audioMetadata_e546a8 > *:first-child::before, +#app-mount .wrapperAudio__555ce.newMosaicStyle_fb18b9 .audioMetadata_e546a8 > *:first-child::after { top: 16px; left: 16px; } -.uploadContainer__5a7da .icon_c2f643::before, -.uploadContainer__5a7da .icon_c2f643::after { +#app-mount .uploadContainer__5a7da .icon_c2f643::before, +#app-mount .uploadContainer__5a7da .icon_c2f643::after { width: 108px; height: 144px; margin-left: 46px; -webkit-mask-size: 72px 96px !important; } -.uploadModal_eae2a0 .icon__25b13:not(img)::before, -.uploadModal_eae2a0 .icon__25b13:not(img)::after, -.icon__25b13:not(img)::before, -.icon__25b13:not(img)::after { +#app-mount .uploadModal_eae2a0 .icon__25b13:not(img)::before, +#app-mount .uploadModal_eae2a0 .icon__25b13:not(img)::after, +#app-mount .icon__25b13:not(img)::before, +#app-mount .icon__25b13:not(img)::after { top: 0; left: 0; width: 100px; height: 130px; -webkit-mask-size: 72px 96px !important; } -.uploadModalIn_c0ca4b .error_d2567f .icon__25b13:not(img)::before, -.uploadModalIn_c0ca4b .error_d2567f .icon__25b13:not(img)::after { +#app-mount .uploadModalIn_c0ca4b .error_d2567f .icon__25b13:not(img)::before, +#app-mount .uploadModalIn_c0ca4b .error_d2567f .icon__25b13:not(img)::after { background: #d83c3f; } -.attachment_f3cf2c .icon__30aa7 + *::before, -.uploadContainer__5a7da .icon_c2f643::before, -.audioMetadata_e546a8 > *:first-child::before, -.uploadModal_eae2a0 .icon__25b13:not(img)::before, -.icon__25b13:not(img)::before { +#app-mount .attachment_f3cf2c .icon__30aa7 + *::before, +#app-mount .uploadContainer__5a7da .icon_c2f643::before, +#app-mount .audioMetadata_e546a8 > *:first-child::before, +#app-mount .uploadModal_eae2a0 .icon__25b13:not(img)::before, +#app-mount .icon__25b13:not(img)::before { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_details.svg) center/contain no-repeat; } -.attachment_f3cf2c .icon__30aa7 + *::after, -.uploadContainer__5a7da .icon_c2f643.unknown_f537da::after, -.uploadModal_eae2a0 .icon__25b13.unknown__050f0::after, -.uploadModal_eae2a0 .icon__25b13:not(img)::after, -.icon__25b13:not(img)::after { +#app-mount .attachment_f3cf2c .icon__30aa7 + *::after, +#app-mount .uploadContainer__5a7da .icon_c2f643.unknown_f537da::after, +#app-mount .uploadModal_eae2a0 .icon__25b13.unknown__050f0::after, +#app-mount .uploadModal_eae2a0 .icon__25b13:not(img)::after, +#app-mount .icon__25b13:not(img)::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/empty.svg) center/contain no-repeat; } -.attachment_f3cf2c .icon__30aa7[title="acrobat"] + *::after, -.uploadContainer__5a7da .icon_c2f643.acrobat_fec748::after, -.uploadModal_eae2a0 .icon__25b13.acrobat__3923e::after, -.icon__25b13.acrobat__3923e::after { +#app-mount .attachment_f3cf2c .icon__30aa7[title="acrobat"] + *::after, +#app-mount .uploadContainer__5a7da .icon_c2f643.acrobat_fec748::after, +#app-mount .uploadModal_eae2a0 .icon__25b13.acrobat__3923e::after, +#app-mount .icon__25b13.acrobat__3923e::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_acrobat_accent.svg) center/contain no-repeat; } -.attachment_f3cf2c .icon__30aa7[title="ae"] + *::after, -.uploadContainer__5a7da .icon_c2f643.ae__6000b::after, -.uploadModal_eae2a0 .icon__25b13.ae__1760d::after, -.icon__25b13.ae__1760d::after { +#app-mount .attachment_f3cf2c .icon__30aa7[title="ae"] + *::after, +#app-mount .uploadContainer__5a7da .icon_c2f643.ae__6000b::after, +#app-mount .uploadModal_eae2a0 .icon__25b13.ae__1760d::after, +#app-mount .icon__25b13.ae__1760d::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_ae_accent.svg) center/contain no-repeat; } -.attachment_f3cf2c .icon__30aa7[title="ai"] + *::after, -.uploadContainer__5a7da .icon_c2f643.ai_ccaee8::after, -.uploadModal_eae2a0 .icon__25b13.ai_e6b437::after, -.icon__25b13.ai_e6b437::after { +#app-mount .attachment_f3cf2c .icon__30aa7[title="ai"] + *::after, +#app-mount .uploadContainer__5a7da .icon_c2f643.ai_ccaee8::after, +#app-mount .uploadModal_eae2a0 .icon__25b13.ai_e6b437::after, +#app-mount .icon__25b13.ai_e6b437::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_ai_accent.svg) center/contain no-repeat; } -.attachment_f3cf2c .icon__30aa7[title="archive"] + *::after, -.uploadContainer__5a7da .icon_c2f643.archive__2249d::after, -.uploadModal_eae2a0 .icon__25b13.archive__97ef8::after, -.icon__25b13.archive__97ef8::after { +#app-mount .attachment_f3cf2c .icon__30aa7[title="archive"] + *::after, +#app-mount .uploadContainer__5a7da .icon_c2f643.archive__2249d::after, +#app-mount .uploadModal_eae2a0 .icon__25b13.archive__97ef8::after, +#app-mount .icon__25b13.archive__97ef8::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_archive_accent.svg) center/contain no-repeat; } -.attachment_f3cf2c .icon__30aa7[title="audio"] + *::after, -.uploadContainer__5a7da .icon_c2f643.audio__4fc0c::after, -.audioMetadata_e546a8 > *:first-child::after, -.uploadModal_eae2a0 .icon__25b13.audio__60947::after, -.icon__25b13.audio__60947::after { +#app-mount .attachment_f3cf2c .icon__30aa7[title="audio"] + *::after, +#app-mount .uploadContainer__5a7da .icon_c2f643.audio__4fc0c::after, +#app-mount .audioMetadata_e546a8 > *:first-child::after, +#app-mount .uploadModal_eae2a0 .icon__25b13.audio__60947::after, +#app-mount .icon__25b13.audio__60947::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_audio_accent.svg) center/contain no-repeat; } -.attachment_f3cf2c .icon__30aa7[title="code"] + *::after, -.uploadContainer__5a7da .icon_c2f643.code_d3dfc7::after, -.uploadModal_eae2a0 .icon__25b13.code_c12073::after, -.icon__25b13.code_c12073::after { +#app-mount .attachment_f3cf2c .icon__30aa7[title="code"] + *::after, +#app-mount .uploadContainer__5a7da .icon_c2f643.code_d3dfc7::after, +#app-mount .uploadModal_eae2a0 .icon__25b13.code_c12073::after, +#app-mount .icon__25b13.code_c12073::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_code_accent.svg) center/contain no-repeat; } -.attachment_f3cf2c .icon__30aa7[title="document"] + *::after, -.uploadContainer__5a7da .icon_c2f643.document__49623::after, -.uploadModal_eae2a0 .icon__25b13.document_ed6edd::after, -.icon__25b13.document_ed6edd::after { +#app-mount .attachment_f3cf2c .icon__30aa7[title="document"] + *::after, +#app-mount .uploadContainer__5a7da .icon_c2f643.document__49623::after, +#app-mount .uploadModal_eae2a0 .icon__25b13.document_ed6edd::after, +#app-mount .icon__25b13.document_ed6edd::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_document_accent.svg) center/contain no-repeat; } -.attachment_f3cf2c .icon__30aa7[title="image"] + *::after, -.uploadModal_eae2a0 .icon__25b13.image__00ac0::after, -.icon__25b13.image__00ac0::after { +#app-mount .attachment_f3cf2c .icon__30aa7[title="image"] + *::after, +#app-mount .uploadModal_eae2a0 .icon__25b13.image__00ac0::after, +#app-mount .icon__25b13.image__00ac0::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_image_accent.svg) center/contain no-repeat; } -.attachment_f3cf2c .icon__30aa7[title="photoshop"] + *::after, -.attachment_f3cf2c .icon__30aa7[title="ps"] + *::after, -.uploadContainer__5a7da .icon_c2f643.photoshop__23769::after, -.uploadContainer__5a7da .icon_c2f643.ps_c2543e::after, -.uploadModal_eae2a0 .icon__25b13.photoshop_bb4b7d::after, -.uploadModal_eae2a0 .icon__25b13.ps__5148e::after, -.icon__25b13.photoshop_bb4b7d::after, -.icon__25b13.ps__5148e::after { +#app-mount .attachment_f3cf2c .icon__30aa7[title="photoshop"] + *::after, +#app-mount .attachment_f3cf2c .icon__30aa7[title="ps"] + *::after, +#app-mount .uploadContainer__5a7da .icon_c2f643.photoshop__23769::after, +#app-mount .uploadContainer__5a7da .icon_c2f643.ps_c2543e::after, +#app-mount .uploadModal_eae2a0 .icon__25b13.photoshop_bb4b7d::after, +#app-mount .uploadModal_eae2a0 .icon__25b13.ps__5148e::after, +#app-mount .icon__25b13.photoshop_bb4b7d::after, +#app-mount .icon__25b13.ps__5148e::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_photoshop_accent.svg) center/contain no-repeat; } -.attachment_f3cf2c .icon__30aa7[title="sketch"] + *::after, -.uploadContainer__5a7da .icon_c2f643.sketch__56bd2::after, -.uploadModal_eae2a0 .icon__25b13.sketch_ad9b56::after, -.icon__25b13.sketch_ad9b56::after { +#app-mount .attachment_f3cf2c .icon__30aa7[title="sketch"] + *::after, +#app-mount .uploadContainer__5a7da .icon_c2f643.sketch__56bd2::after, +#app-mount .uploadModal_eae2a0 .icon__25b13.sketch_ad9b56::after, +#app-mount .icon__25b13.sketch_ad9b56::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_sketch_accent.svg) center/contain no-repeat; } -.attachment_f3cf2c .icon__30aa7[title="spreadsheet"] + *::after, -.uploadContainer__5a7da .icon_c2f643.spreadsheet__644f5::after, -.uploadModal_eae2a0 .icon__25b13.spreadsheet_d250da::after, -.icon__25b13.spreadsheet_d250da::after { +#app-mount .attachment_f3cf2c .icon__30aa7[title="spreadsheet"] + *::after, +#app-mount .uploadContainer__5a7da .icon_c2f643.spreadsheet__644f5::after, +#app-mount .uploadModal_eae2a0 .icon__25b13.spreadsheet_d250da::after, +#app-mount .icon__25b13.spreadsheet_d250da::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_spreadsheet_accent.svg) center/contain no-repeat; } -.attachment_f3cf2c .icon__30aa7[title="video"] + *::after, -.uploadContainer__5a7da .icon_c2f643.video_a02156::after, -.uploadModal_eae2a0 .icon__25b13.video__2df8a::after, -.icon__25b13.video__2df8a::after { +#app-mount .attachment_f3cf2c .icon__30aa7[title="video"] + *::after, +#app-mount .uploadContainer__5a7da .icon_c2f643.video_a02156::after, +#app-mount .uploadModal_eae2a0 .icon__25b13.video__2df8a::after, +#app-mount .icon__25b13.video__2df8a::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_video_accent.svg) center/contain no-repeat; } -.attachment_f3cf2c .icon__30aa7[title="webcode"] + *::after, -.uploadContainer__5a7da .icon_c2f643.webcode_d3a040::after, -.uploadModal_eae2a0 .icon__25b13.webcode__46b50::after, -.icon__25b13.webcode__46b50::after { +#app-mount .attachment_f3cf2c .icon__30aa7[title="webcode"] + *::after, +#app-mount .uploadContainer__5a7da .icon_c2f643.webcode_d3a040::after, +#app-mount .uploadModal_eae2a0 .icon__25b13.webcode__46b50::after, +#app-mount .icon__25b13.webcode__46b50::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_webcode_accent.svg) center/contain no-repeat; } -.filenameLinkWrapper__56a0d, +#app-mount .filenameLinkWrapper__56a0d, a.fileNameLink__995d3, a.metadataName__2ae3a, a.metadataDownload__6b32d { @@ -1416,20 +1416,20 @@ a.metadataDownload__6b32d { /* ---- 10.5. KEYBOARDSHORTCUTSMODAL ---- */ -.ddrArrows__352f9 .arrow__42cbf, /* modal arrows */ -.ddrArrows__352f9 .arrow__42cbf::after { +#app-mount .ddrArrows__352f9 .arrow__42cbf, /* modal arrows */ +#app-mount .ddrArrows__352f9 .arrow__42cbf::after { height: 50px; width: 50px; } -.ddrArrows__352f9 .arrow__42cbf.active__6598a { +#app-mount .ddrArrows__352f9 .arrow__42cbf.active__6598a { filter: brightness(130%); } -.ddrArrows__352f9 .arrow__42cbf { +#app-mount .ddrArrows__352f9 .arrow__42cbf { position: relative; animation: none !important; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/keybinds_arrows_bg.svg) center/contain no-repeat !important; } -.ddrArrows__352f9 .arrow__42cbf::after { +#app-mount .ddrArrows__352f9 .arrow__42cbf::after { content: ""; position: absolute; top: 0; @@ -1438,33 +1438,33 @@ a.metadataDownload__6b32d { background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/keybinds_arrows_accent.svg) center/contain no-repeat; } -.ddrArrows__352f9 .arrow__42cbf.down__005e9 { +#app-mount .ddrArrows__352f9 .arrow__42cbf.down__005e9 { transform: rotate(270deg); } -.ddrArrows__352f9 .arrow__42cbf.up__2d324 { +#app-mount .ddrArrows__352f9 .arrow__42cbf.up__2d324 { transform: rotate(90deg); } -.ddrArrows__352f9 .arrow__42cbf.right__676d8 { +#app-mount .ddrArrows__352f9 .arrow__42cbf.right__676d8 { transform: rotate(180deg); } /* ---- 10.6. LOGINSCREEN ---- */ -.authBox__7196a a { /* authobox links */ +#app-mount .authBox__7196a a { /* authobox links */ color: rgb(var(--accentcolor)); } -.authBox__7196a img[src="/assets/0f4d1ff76624bb45a3fee4189279ee92.svg"] { +#app-mount .authBox__7196a img[src="/assets/0f4d1ff76624bb45a3fee4189279ee92.svg"] { object-position: -999999px -999999px; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/login_authbox_bg.svg) center/cover no-repeat; } -.authBox__7196a img[src="/assets/0f4d1ff76624bb45a3fee4189279ee92.svg"] + * { +#app-mount .authBox__7196a img[src="/assets/0f4d1ff76624bb45a3fee4189279ee92.svg"] + * { position: relative; display: flex; justify-content: center; } -.authBox__7196a img[src="/assets/0f4d1ff76624bb45a3fee4189279ee92.svg"] + *::before { +#app-mount .authBox__7196a img[src="/assets/0f4d1ff76624bb45a3fee4189279ee92.svg"] + *::before { content: ""; position: absolute; top: -107px; @@ -1475,48 +1475,48 @@ a.metadataDownload__6b32d { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/login_authbox_accent.svg) center/cover no-repeat; } -.startOverButton_b3ba6f { /* authobox startover */ +#app-mount .startOverButton_b3ba6f { /* authobox startover */ color: rgb(var(--accentcolor)); } /* ---- 10.7. DOWNLOADAPPMODAL ---- */ -.downloadApps__30ed7 .footer__49ae9 a { +#app-mount .downloadApps__30ed7 .footer__49ae9 a { color: rgb(var(--accentcolor)); } -.downloadApps__30ed7 .platforms__86929 .platform__97f9e.active__8f9aa { +#app-mount .downloadApps__30ed7 .platforms__86929 .platform__97f9e.active__8f9aa { border-color: rgb(var(--accentcolor)); } -.downloadApps__30ed7 .platforms__86929 .platform__97f9e.active__8f9aa p { +#app-mount .downloadApps__30ed7 .platforms__86929 .platform__97f9e.active__8f9aa p { color: rgb(var(--accentcolor)); } -.downloadApps__30ed7 .platforms__86929 .platform__97f9e.active__8f9aa .downloadButton__87489 { +#app-mount .downloadApps__30ed7 .platforms__86929 .platform__97f9e.active__8f9aa .downloadButton__87489 { background-color: rgb(var(--accentcolor)); } #app-mount .downloadApps__30ed7 .platforms__86929 .icon__1309b.active__8f9aa { background: rgb(var(--accentcolor)); -webkit-mask-size: cover; } -.downloadApps__30ed7 .platforms__86929 .icon__1309b.active__8f9aa.apple__3e4d0 { +#app-mount .downloadApps__30ed7 .platforms__86929 .icon__1309b.active__8f9aa.apple__3e4d0 { -webkit-mask: url(https://ptb.discord.com/assets/dcb57f386a6bf90a27c9.svg); } -.downloadApps__30ed7 .platforms__86929 .icon__1309b.active__8f9aa.windows_ecdadf { +#app-mount .downloadApps__30ed7 .platforms__86929 .icon__1309b.active__8f9aa.windows_ecdadf { -webkit-mask: url(https://ptb.discord.com/assets/ecc4859664616ed5ad9a.svg); } -.downloadApps__30ed7 .platforms__86929 .icon__1309b.active__8f9aa.linux__79060 { +#app-mount .downloadApps__30ed7 .platforms__86929 .icon__1309b.active__8f9aa.linux__79060 { -webkit-mask: url(https://ptb.discord.com/assets/a2c736476ce092c94a5b.svg); } -.downloadApps__30ed7 .platforms__86929 .icon__1309b.active__8f9aa.ios_faff1f { +#app-mount .downloadApps__30ed7 .platforms__86929 .icon__1309b.active__8f9aa.ios_faff1f { -webkit-mask: url(https://ptb.discord.com/assets/838d4bac7b80d28fd676.svg); } -.downloadApps__30ed7 .platforms__86929 .icon__1309b.active__8f9aa.android__420be { +#app-mount .downloadApps__30ed7 .platforms__86929 .icon__1309b.active__8f9aa.android__420be { -webkit-mask: url(https://ptb.discord.com/assets/c6385e608fcdaec54ef4.svg); } -.browserItem__0ec4b:hover { +#app-mount .browserItem__0ec4b:hover { border-color: rgb(var(--accentcolor)); } -.browserItem__0ec4b:hover .btn__12c9a { +#app-mount .browserItem__0ec4b:hover .btn__12c9a { background-color: rgb(var(--accentcolor)); border-color: rgb(var(--accentcolor)); } @@ -1534,11 +1534,11 @@ a.metadataDownload__6b32d { color: rgb(var(--accentcolor)); filter: brightness(150%); } -.wrapper_a24459 { /* modal boostaddwrapper */ +#app-mount .wrapper_a24459 { /* modal boostaddwrapper */ background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor2), 0.5)); } -.wrapper_a24459::before, /* modal boostangel */ -.wrapper_a24459::after { +#app-mount .wrapper_a24459::before, /* modal boostangel */ +#app-mount .wrapper_a24459::after { content: ""; position: absolute; top: -44px; @@ -1547,24 +1547,24 @@ a.metadataDownload__6b32d { height: 88px; pointer-events: none; } -.wrapper_a24459::before { +#app-mount .wrapper_a24459::before { background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostangel_bg.svg) center/cover no-repeat; } -.wrapper_a24459::after { +#app-mount .wrapper_a24459::after { background: rgb(var(--accentcolor2)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostangel_accent2.svg) center/cover no-repeat; } #app-mount .wrapper_a24459 .lookInverted_ee4261.colorBrand_b2253e { color: rgb(var(--accentcolor)) !important; } -.perkIconGuild_d76388 { /* prebuy popout perkicon guild */ +#app-mount .perkIconGuild_d76388 { /* prebuy popout perkicon guild */ color: rgb(var(--accentcolor2)); } -.perkIconChatPerks__57cad { /* prebuy popout perkicon chat */ +#app-mount .perkIconChatPerks__57cad { /* prebuy popout perkicon chat */ color: rgb(var(--accentcolor)); filter: brightness(120%); } -.perkIconStream__2724a { /* prebuy popout perkicon stream */ +#app-mount .perkIconStream__2724a { /* prebuy popout perkicon stream */ color: rgb(var(--accentcolor)); filter: brightness(150%); } @@ -1575,7 +1575,7 @@ a.metadataDownload__6b32d { position: relative; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/addboost_header_bg.svg) center/contain no-repeat; } -.confirmImage_b2a2da::after { +#app-mount .confirmImage_b2a2da::after { content: ""; position: absolute; top: 0; @@ -1590,7 +1590,7 @@ a.metadataDownload__6b32d { position: relative; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/transferboost_header_bg.svg) center/contain no-repeat; } -.transferConfirmImage__7046e::after { +#app-mount .transferConfirmImage__7046e::after { content: ""; position: absolute; top: 0; @@ -1604,13 +1604,13 @@ a.metadataDownload__6b32d { /* ---- 10.10. STREAMSETTINGSMODAL ---- */ -.badgeUpgrade__7e259 { /* modal badgeupgrade */ +#app-mount .badgeUpgrade__7e259 { /* modal badgeupgrade */ color: rgb(var(--accentcolor)); } /* ---- 10.11. DISPATCHERRORMODAL ---- */ -.theme-light .closeLink_fc928e { /* modal closelink */ +#app-mount .theme-light .closeLink_fc928e { /* modal closelink */ color: rgb(var(--accentcolor)); } @@ -1622,7 +1622,7 @@ a.metadataDownload__6b32d { #app-mount .improved_fd72d9::after { background-color: rgb(var(--accentcolor)); } -.premiumBanner_d2ce99 { +#app-mount .premiumBanner_d2ce99 { background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } @@ -1632,7 +1632,7 @@ a.metadataDownload__6b32d { position: relative; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/screenshare_header_bg.svg) center/contain no-repeat; } -.art_d9e8a6::after { +#app-mount .art_d9e8a6::after { content: ""; position: absolute; top: 0; @@ -1660,31 +1660,31 @@ a.metadataDownload__6b32d { box-sizing: border-box; } -.tile__46960:hover .sourceThumbnail__21c87 { +#app-mount .tile__46960:hover .sourceThumbnail__21c87 { box-shadow: inset 0 0 0 2px rgb(var(--accentcolor)); } -.sourceThumbnail__21c87.selected__26467 { +#app-mount .sourceThumbnail__21c87.selected__26467 { box-shadow: inset 0 0 0 2px rgb(var(--accentcolor)); } -.selectorButton_c6ae93:not(.selectorButtonPremiumRequired_ce72d6):hover { +#app-mount .selectorButton_c6ae93:not(.selectorButtonPremiumRequired_ce72d6):hover { background-color: rgb(var(--accentcolor)); } -.selectorButtonSelected_fbe8fc { +#app-mount .selectorButtonSelected_fbe8fc { background-color: rgb(var(--accentcolor)); } /* ---- 10.14. PHONEVERIFICATIONMODAL ---- */ -.phoneVerificationModal__68f4b path[fill="rgb(118,134,177)"] { +#app-mount .phoneVerificationModal__68f4b path[fill="rgb(118,134,177)"] { fill: rgb(var(--accentcolor)); } /* ---- 10.15. CUSTOMSTATUSMODAL ---- */ -.art_b2132c { +#app-mount .art_b2132c { background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/customstatus_header_bg.svg) center/contain no-repeat; } -.art_b2132c::after { +#app-mount .art_b2132c::after { content: ""; position: absolute; top: 0; @@ -1698,155 +1698,155 @@ a.metadataDownload__6b32d { /* ---- 10.16. NICKNAMEMODAL ---- */ -.reset__51b37.lookLink__93965.colorLink_b651e5 { +#app-mount .reset__51b37.lookLink__93965.colorLink_b651e5 { color: rgb(var(--accentcolor)); } /* ~~~~ 11. POPOUTS ~~~~ */ -.selectedBrand__37ae4 { /* popout combobox selected brand */ +#app-mount .selectedBrand__37ae4 { /* popout combobox selected brand */ background-color: rgb(var(--accentcolor)); } -.selectedBrand__37ae4.focused__2b1b2, -.selectedBrand__37ae4:hover:not(.disabled__1c6ff) { +#app-mount .selectedBrand__37ae4.focused__2b1b2, +#app-mount .selectedBrand__37ae4:hover:not(.disabled__1c6ff) { background: var(--accentcolor-hover); } /* ---- 11.1. CONTEXTMENU ---- */ -.colorBrand__471df:not(.focused__27621):not(:active) { /* contextmenu brand */ +#app-mount .colorBrand__471df:not(.focused__27621):not(:active) { /* contextmenu brand */ color: rgb(var(--accentcolor)); } -.menu__5cf7f .menuItemFocused__1490f, -.colorBrand__471df.focused__27621, -.colorBrand__471df:active:not(.hideInteraction__2790e), -.colorDefault__0b482.focused__27621, -.colorDefault__0b482:active:not(.hideInteraction__2790e) { +#app-mount .menu__5cf7f .menuItemFocused__1490f, +#app-mount .colorBrand__471df.focused__27621, +#app-mount .colorBrand__471df:active:not(.hideInteraction__2790e), +#app-mount .colorDefault__0b482.focused__27621, +#app-mount .colorDefault__0b482:active:not(.hideInteraction__2790e) { background-color: rgb(var(--accentcolor)); } -.colorBrand__471df:not(.focused__27621):not(:active) .radioSelection__5ed39, -.colorDefault__0b482:not(.focused__27621):not(:active) .radioSelection__5ed39 { +#app-mount .colorBrand__471df:not(.focused__27621):not(:active) .radioSelection__5ed39, +#app-mount .colorDefault__0b482:not(.focused__27621):not(:active) .radioSelection__5ed39 { color: rgb(var(--accentcolor)); } -.colorBrand__471df:not(.focused__27621):not(:active) .checkbox__45366, -.colorDefault__0b482:not(.focused__27621):not(:active) .checkbox__45366 { +#app-mount .colorBrand__471df:not(.focused__27621):not(:active) .checkbox__45366, +#app-mount .colorDefault__0b482:not(.focused__27621):not(:active) .checkbox__45366 { color: rgb(var(--accentcolor)); } -.colorBrand__471df.focused__27621 .check__8d1bd, -.colorDefault__0b482.focused__27621 .check__8d1bd { +#app-mount .colorBrand__471df.focused__27621 .check__8d1bd, +#app-mount .colorDefault__0b482.focused__27621 .check__8d1bd { color: rgb(var(--accentcolor)); } -.colorPremium__548bd:not(.focused__27621):not(:active) { /* contextmenu premium */ +#app-mount .colorPremium__548bd:not(.focused__27621):not(:active) { /* contextmenu premium */ color: rgb(var(--accentcolor2)); } -.colorPremium__548bd.focused__27621, -.colorPremium__548bd:active:not(.hideInteraction__2790e) { +#app-mount .colorPremium__548bd.focused__27621, +#app-mount .colorPremium__548bd:active:not(.hideInteraction__2790e) { background-color: rgb(var(--accentcolor2)); } -.colorPremium__548bd:not(.focused__27621):not(:active) .radioSelection__5ed39 { +#app-mount .colorPremium__548bd:not(.focused__27621):not(:active) .radioSelection__5ed39 { color: rgb(var(--accentcolor2)); } -.colorPremium__548bd:not(.focused__27621):not(:active) .checkbox__45366 { +#app-mount .colorPremium__548bd:not(.focused__27621):not(:active) .checkbox__45366 { color: rgb(var(--accentcolor2)); } -.colorPremium__548bd.focused__27621 .check__8d1bd { +#app-mount .colorPremium__548bd.focused__27621 .check__8d1bd { color: rgb(var(--accentcolor2)); } -.colorPremiumGradient__45b85:not(.focused__27621):not(:active) { +#app-mount .colorPremiumGradient__45b85:not(.focused__27621):not(:active) { background-image: linear-gradient(90deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor))); color: transparent; -webkit-background-clip: text; } -.colorPremiumGradient__45b85.focused__27621, -.colorPremiumGradient__45b85:active:not(.hideInteraction__2790e) { +#app-mount .colorPremiumGradient__45b85.focused__27621, +#app-mount .colorPremiumGradient__45b85:active:not(.hideInteraction__2790e) { background: linear-gradient(90deg, rgb(var(--accentcolor2)), rgb(var(--accentcolor))); } -.colorPremiumGradient__45b85:not(.focused__27621):not(:active) .radioSelection__5ed39 { +#app-mount .colorPremiumGradient__45b85:not(.focused__27621):not(:active) .radioSelection__5ed39 { color: rgb(var(--accentcolor)); } -.colorPremiumGradient__45b85not(.focused__27621):not(:active) .checkbox__45366 { +#app-mount .colorPremiumGradient__45b85not(.focused__27621):not(:active) .checkbox__45366 { color: rgb(var(--accentcolor)); } -.colorPremiumGradient__45b85.focused__27621 .check__8d1bd { +#app-mount .colorPremiumGradient__45b85.focused__27621 .check__8d1bd { color: rgb(var(--accentcolor)); } -.colorDanger_eec36d:not(.focused__27621):not(:active) { /* contextmenu danger */ +#app-mount .colorDanger_eec36d:not(.focused__27621):not(:active) { /* contextmenu danger */ color: var(--status-danger); } -.colorDanger_eec36d.focused__27621, -.colorDanger_eec36d:active:not(.hideInteraction__2790e) { +#app-mount .colorDanger_eec36d.focused__27621, +#app-mount .colorDanger_eec36d:active:not(.hideInteraction__2790e) { background-color: var(--status-danger); } -.colorDanger_eec36d:not(.focused__27621):not(:active) .radioSelection__5ed39 { +#app-mount .colorDanger_eec36d:not(.focused__27621):not(:active) .radioSelection__5ed39 { color: var(--status-danger); } -.colorDanger_eec36d:not(.focused__27621):not(:active) .checkbox__45366 { +#app-mount .colorDanger_eec36d:not(.focused__27621):not(:active) .checkbox__45366 { color: var(--status-danger); } -.colorDanger_eec36d.focused__27621 .check__8d1bd { +#app-mount .colorDanger_eec36d.focused__27621 .check__8d1bd { color: var(--status-danger); } -.colorSuccess__6b952:not(.focused__27621):not(:active) { /* contextmenu danger */ +#app-mount .colorSuccess__6b952:not(.focused__27621):not(:active) { /* contextmenu danger */ color: var(--status-success); } -.colorSuccess__6b952.focused__27621, -.colorSuccess__6b952:active:not(.hideInteraction__2790e) { +#app-mount .colorSuccess__6b952.focused__27621, +#app-mount .colorSuccess__6b952:active:not(.hideInteraction__2790e) { background-color: var(--status-success); } -.colorSuccess__6b952:not(.focused__27621):not(:active) .radioSelection__5ed39 { +#app-mount .colorSuccess__6b952:not(.focused__27621):not(:active) .radioSelection__5ed39 { color: var(--status-success); } -.colorSuccess__6b952:not(.focused__27621):not(:active) .checkbox__45366 { +#app-mount .colorSuccess__6b952:not(.focused__27621):not(:active) .checkbox__45366 { color: var(--status-success); } -.colorSuccess__6b952.focused__27621 .check__8d1bd { +#app-mount .colorSuccess__6b952.focused__27621 .check__8d1bd { color: var(--status-success); } -.colorDefault__0b482[id="account-status-picker--online"].focused__27621, -.colorDefault__0b482[id="account-status-picker--online"]:active:not(.hideInteraction__2790e) { +#app-mount .colorDefault__0b482[id="account-status-picker--online"].focused__27621, +#app-mount .colorDefault__0b482[id="account-status-picker--online"]:active:not(.hideInteraction__2790e) { background-color: rgb(59,165,92); } -.colorDefault__0b482[id="account-status-picker--idle"].focused__27621, -.colorDefault__0b482[id="account-status-picker--idle"]:active:not(.hideInteraction__2790e) { +#app-mount .colorDefault__0b482[id="account-status-picker--idle"].focused__27621, +#app-mount .colorDefault__0b482[id="account-status-picker--idle"]:active:not(.hideInteraction__2790e) { background-color: rgb(250,166,26); } -.colorDefault__0b482[id="account-status-picker--dnd"].focused__27621, -.colorDefault__0b482[id="account-status-picker--dnd"]:active:not(.hideInteraction__2790e) { +#app-mount .colorDefault__0b482[id="account-status-picker--dnd"].focused__27621, +#app-mount .colorDefault__0b482[id="account-status-picker--dnd"]:active:not(.hideInteraction__2790e) { background-color: rgb(237,66,69); } -.colorDefault__0b482[id="account-status-picker--invisible"].focused__27621, -.colorDefault__0b482[id="account-status-picker--invisible"]:active:not(.hideInteraction__2790e) { +#app-mount .colorDefault__0b482[id="account-status-picker--invisible"].focused__27621, +#app-mount .colorDefault__0b482[id="account-status-picker--invisible"]:active:not(.hideInteraction__2790e) { background-color: rgb(116,127,141); } -.colorDefault__0b482.focused__27621 .status__1c26d, -.colorDefault__0b482:active .status__1c26d { +#app-mount .colorDefault__0b482.focused__27621 .status__1c26d, +#app-mount .colorDefault__0b482:active .status__1c26d { background-color: #fff !important; } #status-picker-custom-status .statusItem__3440f { grid-template-rows: minmax(24px, auto) 1fr; } -.icon_f09dde { /* contextmenu icon */ +#app-mount .icon_f09dde { /* contextmenu icon */ color: currentColor !important; } -.activeIcon_e452f7 path[fill*="hsl(234, "], -.activeIcon_e452f7 path[fill*="hsl(235, "] { +#app-mount .activeIcon_e452f7 path[fill*="hsl(234, "], +#app-mount .activeIcon_e452f7 path[fill*="hsl(235, "] { fill: rgb(var(--accentcolor)); } /* ---- 11.2. USERPOPOUT ---- */ -.banner__6d414[style*="background-color: rgb(92, 100, 244)"], -.banner__6d414[style*="background-color: hsl(227, "], -.banner__6d414[style*="background-color: hsl(235, "], -.banner__6d414[style*="background-color: hsl(237, "] { +#app-mount .banner__6d414[style*="background-color: rgb(92, 100, 244)"], +#app-mount .banner__6d414[style*="background-color: hsl(227, "], +#app-mount .banner__6d414[style*="background-color: hsl(235, "], +#app-mount .banner__6d414[style*="background-color: hsl(237, "] { background-color: rgb(var(--accentcolor)) !important; } @@ -1868,13 +1868,13 @@ a.metadataDownload__6b32d { background: rgb(var(--accentcolor)); color: #fff; } -.trophyIconContainer_e593e7 [fill="#3498DB"] { +#app-mount .trophyIconContainer_e593e7 [fill="#3498DB"] { fill: rgb(var(--accentcolor)); } /* ---- 12.1. TEXT ---- */ -.colorBrand__471df { +#app-mount .colorBrand__471df { color: rgb(var(--accentcolor)); } @@ -1965,7 +1965,7 @@ a.metadataDownload__6b32d { border-color: rgb(var(--accentcolor)) !important; } -.guildBoostCtaBoostContent__06ba2 { +#app-mount .guildBoostCtaBoostContent__06ba2 { color: var(--guild-boosting-pink); } @@ -1974,119 +1974,119 @@ a.metadataDownload__6b32d { input.input_d266e7 { /* textinput */ border: 1px solid var(--deprecated-text-input-border); } -.input_d266e7:not(.error__18f19):not(.success_e04262):not(.focused_db7916):not(:focus):hover { +#app-mount .input_d266e7:not(.error__18f19):not(.success_e04262):not(.focused_db7916):not(:focus):hover { border-color: var(--deprecated-text-input-border-hover); } -.input_d266e7:not(.error__18f19):not(.success_e04262).focused_db7916, -.input_d266e7:not(.error__18f19):not(.success_e04262):focus { +#app-mount .input_d266e7:not(.error__18f19):not(.success_e04262).focused_db7916, +#app-mount .input_d266e7:not(.error__18f19):not(.success_e04262):focus { border-color: rgb(var(--accentcolor)); } -.focused_db7916 { +#app-mount .focused_db7916 { border-color: rgb(var(--accentcolor)); } #app-mount .prefixInput__38dcc:not(.error_cb5ca3).focused__88fb8 { border-color: rgb(var(--accentcolor)); } -.addFriendInputWrapper__4bf8e:focus-within { +#app-mount .addFriendInputWrapper__4bf8e:focus-within { border-color: rgb(var(--accentcolor)); } -.addFriendInputWrapper__4bf8e .input_d266e7 { +#app-mount .addFriendInputWrapper__4bf8e .input_d266e7 { background-color: transparent !important; border-color: transparent !important; } -.checkbox_c7f690.checked__24ad6[style*="background-color: hsl(227, "], -.checkbox_c7f690.checked__24ad6[style*="background-color: hsl(235, "] { +#app-mount .checkbox_c7f690.checked__24ad6[style*="background-color: hsl(227, "], +#app-mount .checkbox_c7f690.checked__24ad6[style*="background-color: hsl(235, "] { background-color: rgb(var(--accentcolor)) !important; } -.checkbox_c7f690.checked__24ad6[style*="border-color: hsl(227, "], -.checkbox_c7f690.checked__24ad6[style*="border-color: hsl(235, "] { +#app-mount .checkbox_c7f690.checked__24ad6[style*="border-color: hsl(227, "], +#app-mount .checkbox_c7f690.checked__24ad6[style*="border-color: hsl(235, "] { border-color: rgb(var(--accentcolor)) !important; } -.checkbox_c7f690 path[fill*="hsl(227, "], -.checkbox_c7f690 path[fill*="hsl(235, "] { +#app-mount .checkbox_c7f690 path[fill*="hsl(227, "], +#app-mount .checkbox_c7f690 path[fill*="hsl(235, "] { fill: rgb(var(--accentcolor)) !important; } -.container__871ba { /* switch unchecked */ +#app-mount .container__871ba { /* switch unchecked */ background-color: rgb(114, 118, 125) !important; transition: background-color .1s ease-out; } /* switch checked */ -.container__871ba[style*="background-color: var(--green-"], -.container__871ba[style*="background-color: rgb(35, "], -.container__871ba[style*="background-color: rgb(59, "], -.container__871ba[style*="background-color: rgb(88, "], -.container__871ba[style*="background-color: hsl(145, "], -.container__871ba[style*="background-color: hsl(139, "], -.container__871ba[style*="background-color: hsl(227, "], -.container__871ba[style*="background-color: hsl(235, "] { +#app-mount .container__871ba[style*="background-color: var(--green-"], +#app-mount .container__871ba[style*="background-color: rgb(35, "], +#app-mount .container__871ba[style*="background-color: rgb(59, "], +#app-mount .container__871ba[style*="background-color: rgb(88, "], +#app-mount .container__871ba[style*="background-color: hsl(145, "], +#app-mount .container__871ba[style*="background-color: hsl(139, "], +#app-mount .container__871ba[style*="background-color: hsl(227, "], +#app-mount .container__871ba[style*="background-color: hsl(235, "] { background-color: rgba(var(--accentcolor), 0.8) !important; } -.container__871ba[style*="background-color: var(--green-"]:hover, -.container__871ba[style*="background-color: rgb(35, "]:hover, -.container__871ba[style*="background-color: rgb(59, "]:hover, -.container__871ba[style*="background-color: rgb(88, "]:hover, -.container__871ba[style*="background-color: hsl(145, "]:hover, -.container__871ba[style*="background-color: hsl(139, "]:hover, -.container__871ba[style*="background-color: hsl(227, "]:hover, -.container__871ba[style*="background-color: hsl(235, "]:hover { +#app-mount .container__871ba[style*="background-color: var(--green-"]:hover, +#app-mount .container__871ba[style*="background-color: rgb(35, "]:hover, +#app-mount .container__871ba[style*="background-color: rgb(59, "]:hover, +#app-mount .container__871ba[style*="background-color: rgb(88, "]:hover, +#app-mount .container__871ba[style*="background-color: hsl(145, "]:hover, +#app-mount .container__871ba[style*="background-color: hsl(139, "]:hover, +#app-mount .container__871ba[style*="background-color: hsl(227, "]:hover, +#app-mount .container__871ba[style*="background-color: hsl(235, "]:hover { background: var(--accentcolor-hover) !important; } #app-mount .container__871ba:active { background: var(--accentcolor-active) !important; } -.container__871ba path[fill] { +#app-mount .container__871ba path[fill] { fill: rgb(114, 118, 125) !important; } -.container__871ba[style*="background-color: var(--green-"] path[fill], -.container__871ba[style*="background-color: rgb(35, "] path[fill], -.container__871ba[style*="background-color: rgb(59, "] path[fill], -.container__871ba[style*="background-color: rgb(88, "] path[fill], -.container__871ba[style*="background-color: hsl(145, "] path[fill], -.container__871ba[style*="background-color: hsl(139, "] path[fill], -.container__871ba[style*="background-color: hsl(227, "] path[fill], -.container__871ba[style*="background-color: hsl(235, "] path[fill], -.container__871ba:active path[fill] { +#app-mount .container__871ba[style*="background-color: var(--green-"] path[fill], +#app-mount .container__871ba[style*="background-color: rgb(35, "] path[fill], +#app-mount .container__871ba[style*="background-color: rgb(59, "] path[fill], +#app-mount .container__871ba[style*="background-color: rgb(88, "] path[fill], +#app-mount .container__871ba[style*="background-color: hsl(145, "] path[fill], +#app-mount .container__871ba[style*="background-color: hsl(139, "] path[fill], +#app-mount .container__871ba[style*="background-color: hsl(227, "] path[fill], +#app-mount .container__871ba[style*="background-color: hsl(235, "] path[fill], +#app-mount .container__871ba:active path[fill] { fill: rgb(var(--accentcolor)) !important; } -.barFill__30e17 { /* slider barfill */ +#app-mount .barFill__30e17 { /* slider barfill */ background: rgb(var(--accentcolor)); } -.mediaBarGrabber_c64ff9, /* progessbar grabber */ -.mediaBarProgress__29db2, /* progessbar barfill */ -.mediaBarProgress__29db2::after, -.mediaBarProgress__29db2::before { +#app-mount .mediaBarGrabber_c64ff9, /* progessbar grabber */ +#app-mount .mediaBarProgress__29db2, /* progessbar barfill */ +#app-mount .mediaBarProgress__29db2::after, +#app-mount .mediaBarProgress__29db2::before { background-color: rgb(var(--accentcolor)); } -.mediaBarInteraction__0633c:hover .mediaBarGrabber_c64ff9, -.mediaBarInteractionDragging__0a2ee .mediaBarGrabber_c64ff9 { +#app-mount .mediaBarInteraction__0633c:hover .mediaBarGrabber_c64ff9, +#app-mount .mediaBarInteractionDragging__0a2ee .mediaBarGrabber_c64ff9 { background-color: rgb(var(--accentcolor)); filter: brightness(120%); } -.theme-light .select__0eb48:focus, /* dropdown select nitro subscription */ -.theme-light .lookFilled__3dba3.select__0eb48:focus, -.theme-dark .select__0eb48:focus, -.theme-dark .lookFilled__3dba3.select__0eb48:focus { +#app-mount .theme-light .select__0eb48:focus, /* dropdown select nitro subscription */ +#app-mount .theme-light .lookFilled__3dba3.select__0eb48:focus, +#app-mount .theme-dark .select__0eb48:focus, +#app-mount .theme-dark .lookFilled__3dba3.select__0eb48:focus { border-color: rgb(var(--accentcolor)); } -.theme-light .lookFilled__3dba3.select__0eb48:hover.open_cd27aa, -.theme-light .lookFilled__3dba3.open_cd27aa, -.theme-dark .lookFilled__3dba3.select__0eb48:hover.open_cd27aa, -.theme-dark .lookFilled__3dba3.open_cd27aa { +#app-mount .theme-light .lookFilled__3dba3.select__0eb48:hover.open_cd27aa, +#app-mount .theme-light .lookFilled__3dba3.open_cd27aa, +#app-mount .theme-dark .lookFilled__3dba3.select__0eb48:hover.open_cd27aa, +#app-mount .theme-dark .lookFilled__3dba3.open_cd27aa { border-color: rgb(var(--accentcolor)) rgb(var(--accentcolor)) rgba(0, 0, 0, 0.3); } /* ---- 12.4. TAGS ---- */ -.botTagRegular_c89c9a { /* bottag regular */ +#app-mount .botTagRegular_c89c9a { /* bottag regular */ background-color: rgb(var(--accentcolor)); } -.botTagInvert_c85692 { /* bottag inverted */ +#app-mount .botTagInvert_c85692 { /* bottag inverted */ color: rgb(var(--accentcolor)); } -.botTagOP_e48ddb { /* bottag op */ +#app-mount .botTagOP_e48ddb { /* bottag op */ background: white linear-gradient(rgba(var(--accentcolor), .5), rgba(var(--accentcolor), .5)); color: rgb(var(--accentcolor)); } @@ -2095,26 +2095,26 @@ input.input_d266e7 { /* textinput */ background: rgb(255, 255, 255) linear-gradient(45deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } -.verified__8167d { /* verifiedbadge */ +#app-mount .verified__8167d { /* verifiedbadge */ color: rgb(var(--accentcolor)); } -.partnered__77913 { /* partneredbadge */ +#app-mount .partnered__77913 { /* partneredbadge */ color: rgb(var(--accentcolor)); } -.partnered__77913 .flowerStar_a9981e { +#app-mount .partnered__77913 .flowerStar_a9981e { filter: brightness(75%); } -.base__92a12[style*="background-color: rgb(88, 101, 242)"], -.base__92a12[style*="background-color: rgb(87, 100, 242)"], -.base__92a12[style*="background-color: hsl(227, "], -.base__92a12[style*="background-color: hsl(235, "] { +#app-mount .base__92a12[style*="background-color: rgb(88, 101, 242)"], +#app-mount .base__92a12[style*="background-color: rgb(87, 100, 242)"], +#app-mount .base__92a12[style*="background-color: hsl(227, "], +#app-mount .base__92a12[style*="background-color: hsl(235, "] { background-color: rgb(var(--accentcolor)) !important; } /* ---- 12.5. ICONS ---- */ -.avatar__0d465 { +#app-mount .avatar__0d465 { border-radius: 50%; } [style*="/assets/e4f93ded986b1edf0780.png"], @@ -2145,16 +2145,16 @@ input.input_d266e7 { /* textinput */ background: rgb(var(--accentcolor)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_hobbies_avatar.svg) center/contain no-repeat !important; } -.image__195cc[src="/assets/26421523fdfaf469e28e.svg"] { /* warnings locked channel message jump */ +#app-mount .image__195cc[src="/assets/26421523fdfaf469e28e.svg"] { /* warnings locked channel message jump */ object-position: -999999px -999999px; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/warning_lockedchannellink_bg.svg) center/cover no-repeat; } -.image__195cc[src="/assets/26421523fdfaf469e28e.svg"] + * { +#app-mount .image__195cc[src="/assets/26421523fdfaf469e28e.svg"] + * { position: relative; display: flex; justify-content: center; } -.image__195cc[src="/assets/26421523fdfaf469e28e.svg"] + *::before { +#app-mount .image__195cc[src="/assets/26421523fdfaf469e28e.svg"] + *::before { content: ""; position: absolute; top: -109px; @@ -2174,40 +2174,40 @@ input.input_d266e7 { /* textinput */ /* ---- 12.7. NOTIFICATIONBAR ---- */ -.colorPremiumTier1__43bcd { +#app-mount .colorPremiumTier1__43bcd { background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.7)); } -.colorPremiumTier1__43bcd .button__57d93:hover { +#app-mount .colorPremiumTier1__43bcd .button__57d93:hover { color: rgb(var(--accentcolor)); } -.colorPremiumTier2_b5437b { +#app-mount .colorPremiumTier2_b5437b { background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } -.colorPremiumTier2_b5437b .button__57d93:hover { +#app-mount .colorPremiumTier2_b5437b .button__57d93:hover { color: rgb(var(--accentcolor)); } -.colorBrand__1d940 { +#app-mount .colorBrand__1d940 { background-color: rgb(var(--accentcolor)); } -.colorBrand__1d940 .button__57d93:hover { +#app-mount .colorBrand__1d940 .button__57d93:hover { color: rgb(var(--accentcolor)); } -.notice__99c03 { /* preview notice */ +#app-mount .notice__99c03 { /* preview notice */ background: #000000 linear-gradient(90deg, rgba(var(--accentcolor), 0.5), rgba(var(--accentcolor), 0.5)); } -.button__671cf:hover { /* preview notice button */ +#app-mount .button__671cf:hover { /* preview notice button */ background: #000000 linear-gradient(90deg, rgba(var(--accentcolor), 0.7), rgba(var(--accentcolor), 0.7)); } -.notice__0425f { /* role notice */ +#app-mount .notice__0425f { /* role notice */ background: #000000 linear-gradient(90deg, rgba(var(--accentcolor), 0.5), rgba(var(--accentcolor), 0.5)); } -.button__587bd:hover { /* role notice button */ +#app-mount .button__587bd:hover { /* role notice button */ background: #000000 linear-gradient(90deg, rgba(var(--accentcolor), 0.7), rgba(var(--accentcolor), 0.7)); } -.notice_a687ab { /* rules notice */ +#app-mount .notice_a687ab { /* rules notice */ background: #000000 linear-gradient(90deg, rgba(var(--accentcolor), 0.5), rgba(var(--accentcolor), 0.5)); } -.button_d41223:hover { /* rules notice button */ +#app-mount .button_d41223:hover { /* rules notice button */ background: #000000 linear-gradient(90deg, rgba(var(--accentcolor), 0.7), rgba(var(--accentcolor), 0.7)); } @@ -2223,107 +2223,107 @@ input.input_d266e7 { /* textinput */ border-top-color: rgb(var(--accentcolor)); } -.contentPremium_d38e6e { +#app-mount .contentPremium_d38e6e { background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), .7)) } -.contentPremium_d38e6e .lookInverted_ee4261.colorBrand_b2253e { +#app-mount .contentPremium_d38e6e .lookInverted_ee4261.colorBrand_b2253e { color: rgb(var(--accentcolor2)) !important; } /* ---- 12.9. TOASTS ---- */ -.toast-brand { +#app-mount .toast-brand { background-color: rgb(var(--accentcolor)); } -.colorBrand_WfDfzD .bg_8df5St { +#app-mount .colorBrand_WfDfzD .bg_8df5St { background-color: rgb(var(--accentcolor)); } -.colorCustom_WKsPgT .bg_8df5St[style*="background-color: hsl(235, "], -.colorCustom_WKsPgT .bg_8df5St[style*="background-color: hsl(227, "] { +#app-mount .colorCustom_WKsPgT .bg_8df5St[style*="background-color: hsl(235, "], +#app-mount .colorCustom_WKsPgT .bg_8df5St[style*="background-color: hsl(227, "] { background-color: rgb(var(--accentcolor)) !important; } -.bar_95Sdw1.customBar_3RsUzs[style*="background-color: hsl(235, "], -.bar_95Sdw1.customBar_3RsUzs[style*="background-color: hsl(227, "] { +#app-mount .bar_95Sdw1.customBar_3RsUzs[style*="background-color: hsl(235, "], +#app-mount .bar_95Sdw1.customBar_3RsUzs[style*="background-color: hsl(227, "] { background-color: rgb(var(--accentcolor)) !important; } /* ~~~~ 13. BDSUPPORT ~~~~ */ -.bd-server-card.bd-server-card-pinned::after { +#app-mount .bd-server-card.bd-server-card-pinned::after { background: var(--bd-blue); } -.bd-modal-wrapper .footer button { +#app-mount .bd-modal-wrapper .footer button { background: var(--bd-blue); } -.bd-modal-wrapper .footer button:hover { +#app-mount .bd-modal-wrapper .footer button:hover { background: var(--accentcolor-hover); } -.bd-modal-wrapper .footer button:active { +#app-mount .bd-modal-wrapper .footer button:active { background: var(--accentcolor-active); } -.bd-modal-wrapper .error-link { +#app-mount .bd-modal-wrapper .error-link { color: var(--bd-blue); } -.bd-pfbtn { +#app-mount .bd-pfbtn { background: var(--bd-blue); } -.bd-pfbtn:hover { +#app-mount .bd-pfbtn:hover { background: var(--accentcolor-hover); } -.bd-pfbtn:active { +#app-mount .bd-pfbtn:active { background: var(--accentcolor-active); } -.bd-button, -.bd-addon-modal-footer .bd-button { +#app-mount .bd-button, +#app-mount .bd-addon-modal-footer .bd-button { background: var(--bd-blue); } -.bd-button:hover, -.bd-addon-modal-footer .bd-button:hover { +#app-mount .bd-button:hover, +#app-mount .bd-addon-modal-footer .bd-button:hover { background: var(--accentcolor-hover); } -.bd-button:active, -.bd-addon-modal-footer .bd-button:active { +#app-mount .bd-button:active, +#app-mount .bd-addon-modal-footer .bd-button:active { background: var(--accentcolor-active); } -.bd-description-wrap .banner { +#app-mount .bd-description-wrap .banner { background: var(--background-primary); border-color: var(--background-secondary); color: var(--header-secondary); font-size: 14px; line-height: 18px; } -.banner.banner-danger { +#app-mount .banner.banner-danger { background: var(--background-secondary); border-color: var(--status-danger); } -.banner-danger .bd-icon { +#app-mount .banner-danger .bd-icon { fill: var(--status-danger); } -.bd-addon-views .bd-view-button.selected { +#app-mount .bd-addon-views .bd-view-button.selected { background: var(--bd-blue); } -.bd-server-tag { +#app-mount .bd-server-tag { background: var(--bd-blue); } -.bd-switch input:checked + .bd-switch-body { +#app-mount .bd-switch input:checked + .bd-switch-body { --switch-color: rgba(var(--accentcolor), 0.8); background-color: rgba(var(--accentcolor), 0.8) !important; } -.bd-switch input:active + .bd-switch-body { +#app-mount .bd-switch input:active + .bd-switch-body { --switch-color: rgba(var(--accentcolor)); } -.bd-switch input:checked:hover + .bd-switch-body { +#app-mount .bd-switch input:checked:hover + .bd-switch-body { background: var(--accentcolor-hover) !important; } -.bd-switch input:checked:active + .bd-switch-body { +#app-mount .bd-switch input:checked:active + .bd-switch-body { --switch-color: rgb(var(--accentcolor)); background: var(--accentcolor-active) !important; } @@ -2517,8 +2517,8 @@ html .monaco-editor [style*="border-left-color: rgb(9, 71, 113)"] { border-left-color: rgb(var(--accentcolor)) !important; } -.embedFull__8dc21[style*="border-color: rgb(62, 130, 229)"], -.embedFull__8dc21[style*="border-color: rgb(62, 130, 226)"] { +#app-mount .embedFull__8dc21[style*="border-color: rgb(62, 130, 229)"], +#app-mount .embedFull__8dc21[style*="border-color: rgb(62, 130, 226)"] { border-color: rgb(var(--accentcolor)) !important; } @@ -2548,7 +2548,7 @@ html .powercord-updater .debug-info b { /* ---- 15.2. READALLNOTIFICATIONSBUTTON ---- */ -.wrapper_d281dd:active .childWrapper__01b9c.button_Jt-tIg { +#app-mount .wrapper_d281dd:active .childWrapper__01b9c.button_Jt-tIg { background: var(--accentcolor-hover); } @@ -2577,6 +2577,6 @@ html .powercord-updater .debug-info b { /* ---- 15.4. CHANNELTABS ---- */ -.channelTabs-unreadBadge:not(.channelTabs-noUnread) { +#app-mount .channelTabs-unreadBadge:not(.channelTabs-noUnread) { background-color: rgb(var(--accentcolor)) !important; } diff --git a/Themes/DiscordRecolor/DiscordRecolor.css b/Themes/DiscordRecolor/DiscordRecolor.css index 7b78eeeed1..14fbf6b72a 100644 --- a/Themes/DiscordRecolor/DiscordRecolor.css +++ b/Themes/DiscordRecolor/DiscordRecolor.css @@ -327,7 +327,7 @@ svg [fill="#4F545C"] { fill: var(--interactive-muted) !important; } -.highlight { +#app-mount .highlight { background: rgba(var(--mentioncolor, --warningcolor),.3); } @@ -432,7 +432,7 @@ html .iconBadge-2wi9r4 { /* ---- 1.1. TEXT ---- */ -.description-1u9Qui { +#app-mount .description-1u9Qui { color: var(--header-secondary); } @@ -620,10 +620,10 @@ html .iconBadge-2wi9r4 { /* ---- 1.3. INPUTS ---- */ -.container__871ba { +#app-mount .container__871ba { background-color: var(--text-muted) !important; } -.container__871ba path[fill] { +#app-mount .container__871ba path[fill] { fill: var(--text-muted) !important; } @@ -663,14 +663,14 @@ html .iconBadge-2wi9r4 { background: var(--radio-bar-accent-color) linear-gradient(to right, rgba(255, 255, 255, .2), rgba(255, 255, 255, .2)); } -.lookFilled__3dba3.select__0eb48 { +#app-mount .lookFilled__3dba3.select__0eb48 { background-color: var(--deprecated-text-input-bg); border-color: var(--deprecated-text-input-border); } -.searchInput-3pIoTy { +#app-mount .searchInput-3pIoTy { background-color: transparent; } -.lookFilled__3dba3.select__0eb48:hover { +#app-mount .lookFilled__3dba3.select__0eb48:hover { border-color: var(--deprecated-text-input-border-hover); } @@ -757,57 +757,57 @@ html .iconBadge-2wi9r4 { background: var(--background-accent); } -.select__55f87 [class*="css-"][class*="-control"] { +#app-mount .select__55f87 [class*="css-"][class*="-control"] { background-color: var(--deprecated-text-input-bg); border-color: var(--deprecated-text-input-border); color: var(--text-normal); } -.select__55f87 [class*="css-"][class*="-control"]:hover, -.select__55f87 [class*="css-"][class*="-control"]:not(:last-child) { +#app-mount .select__55f87 [class*="css-"][class*="-control"]:hover, +#app-mount .select__55f87 [class*="css-"][class*="-control"]:not(:last-child) { border-color: var(--deprecated-text-input-border-hover); } -.select__55f87.languageSelector-1hjSyO [class*="css-"][class*="-control"] { +#app-mount .select__55f87.languageSelector-1hjSyO [class*="css-"][class*="-control"] { background-color: var(--background-tertiary); border: none; } -.select__55f87 [class*="css-"][class*="-singleValue"], -.select__55f87 [class*="css-"][class*="-placeholder"], -.select__55f87 [class*="css-"][class*="-indicatorContainer"] { +#app-mount .select__55f87 [class*="css-"][class*="-singleValue"], +#app-mount .select__55f87 [class*="css-"][class*="-placeholder"], +#app-mount .select__55f87 [class*="css-"][class*="-indicatorContainer"] { color: var(--text-normal); } #app-mount .optionNormal-12VR9V, -.css-1gfjib6-option, -.css-1yz4bi9-option, -.css-ru8b0x-option, -.css-1yz4bi9-option { +#app-mount .css-1gfjib6-option, +#app-mount .css-1yz4bi9-option, +#app-mount .css-ru8b0x-option, +#app-mount .css-1yz4bi9-option { background-color: rgba(var(--transparencycolor), .1); color: var(--interactive-normal); } #app-mount .optionNormal-12VR9V:hover, -.css-pkcurw-option, -.css-rzbxvl-option, -.css-1qxn4c5-option, -.css-rzbxvl-option { +#app-mount .css-pkcurw-option, +#app-mount .css-rzbxvl-option, +#app-mount .css-1qxn4c5-option, +#app-mount .css-rzbxvl-option { background-color: var(--background-secondary); color: var(--interactive-hover); } #app-mount .optionActive-KkAdqq, -.css-1gxgi19-option, -.css-1ba14n5-option, -.css-6qzljd-option, -.css-1ba14n5-option { +#app-mount .css-1gxgi19-option, +#app-mount .css-1ba14n5-option, +#app-mount .css-6qzljd-option, +#app-mount .css-1ba14n5-option { background-color: var(--background-primary); color: var(--interactive-active); } -.select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"] { +#app-mount .select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"] { background-color: var(--background-tertiary); border-color: var(--background-tertiary); box-shadow: var(--elevation-high); overflow: hidden; } -.side_b4b3f6 .themed_b957e8.selected__5711d.item__48dda:hover:not(.disabled__85bca), -.topPill__0cdf1 .themed_b957e8.selected__5711d.item__48dda:hover:not(.disabled__85bca) { +#app-mount .side_b4b3f6 .themed_b957e8.selected__5711d.item__48dda:hover:not(.disabled__85bca), +#app-mount .topPill__0cdf1 .themed_b957e8.selected__5711d.item__48dda:hover:not(.disabled__85bca) { background-color: var(--background-modifier-selected); } @@ -892,7 +892,7 @@ html .iconBadge-2wi9r4 { opacity: .5; } -.fullArt-KDeDyg { +#app-mount .fullArt-KDeDyg { opacity: .5; } #app-mount .art-1bAcVF { @@ -905,27 +905,27 @@ html .iconBadge-2wi9r4 { opacity: .5; } -.fullArt-3CUkwC { +#app-mount .fullArt-3CUkwC { opacity: .5; } -.image__0a0fc { +#app-mount .image__0a0fc { opacity: .5; } -.image__0a0fc[style*='url("/assets/03c7541028afafafd1a9f6a81cb7f149.svg")'] { +#app-mount .image__0a0fc[style*='url("/assets/03c7541028afafafd1a9f6a81cb7f149.svg")'] { background-image: url(https://discord.com/assets/6793e022dc1b065b21f12d6df02f91bd.svg) !important; } -.image__0a0fc[style*='url("/assets/9b0d90147f7fab54f00dd193fe7f85cd.svg")'] { +#app-mount .image__0a0fc[style*='url("/assets/9b0d90147f7fab54f00dd193fe7f85cd.svg")'] { background-image: url(https://discord.com/assets/308e587f3a68412f137f7317206e92c2.svg) !important; } -.image__98a59 { +#app-mount .image__98a59 { opacity: .5; } -.image__98a59[style*='url("/assets/c84361b810ca7c10d6e8ddb6ea722ebe.svg")'] { +#app-mount .image__98a59[style*='url("/assets/c84361b810ca7c10d6e8ddb6ea722ebe.svg")'] { background-image: url(https://discord.com/assets/b669713872b43ca42333264abf9c858e.svg) !important; } -.image__98a59[style*='url("/assets/857c505aafbe092e4f6efecebcad0bc8.svg")'] { +#app-mount .image__98a59[style*='url("/assets/857c505aafbe092e4f6efecebcad0bc8.svg")'] { background-image: url(https://discord.com/assets/712a0fd4d14a1caadd31cb0745e91238.svg) !important; } @@ -943,10 +943,10 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { object-position: -999999px -999999px; } -.emptyStateImage-3SXmVX { +#app-mount .emptyStateImage-3SXmVX { opacity: .5; } -.emptyStateImage-3SXmVX[src='/assets/38defe07899a762bfc301ddddd206116.svg'] { +#app-mount .emptyStateImage-3SXmVX[src='/assets/38defe07899a762bfc301ddddd206116.svg'] { background-image: url(https://discord.com/assets/446a060321730a318ca1649b0cc40d44.svg); object-position: -999999px -999999px; } @@ -1004,29 +1004,29 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { /* ---- 3.1. GUILDHEADER ---- */ -.channelNotice-tO6Tus.invite-OjTXrW, -.channelNotice-tO6Tus.guildMFAWarning-3GEzs8, -.channelNotice-tO6Tus.maxMembersCount-3E4zND, -.channelNotice-3DDmsB, +#app-mount .channelNotice-tO6Tus.invite-OjTXrW, +#app-mount .channelNotice-tO6Tus.guildMFAWarning-3GEzs8, +#app-mount .channelNotice-tO6Tus.maxMembersCount-3E4zND, +#app-mount .channelNotice-3DDmsB, #app-mount .channelNotice-3hkOiI { background: transparent; } -.channelNotice-tO6Tus.invite-OjTXrW::before { +#app-mount .channelNotice-tO6Tus.invite-OjTXrW::before { opacity: 0.6; background: url(https://discord.com/assets/bf625d222187f542b9d7179109422e2c.svg) center 20px no-repeat; } -.channelNotice-tO6Tus.guildMFAWarning-3GEzs8::before { +#app-mount .channelNotice-tO6Tus.guildMFAWarning-3GEzs8::before { opacity: 0.6; background: url(https://discord.com/assets/916a384814e3bbd2a84e2a1b352a17c3.svg) center 20px no-repeat; } -.channelNotice-tO6Tus.quickswitcher-35bYg4::before { +#app-mount .channelNotice-tO6Tus.quickswitcher-35bYg4::before { opacity: 0.6; } -.channelNotice-tO6Tus.maxMembersCount-3E4zND::before { +#app-mount .channelNotice-tO6Tus.maxMembersCount-3E4zND::before { opacity: 0.6; background: url(https://discord.com/assets/01f60394adffda20dc7270a1e3c727df.svg) center 16px no-repeat; } -.channelNotice-3DDmsB::before { +#app-mount .channelNotice-3DDmsB::before { opacity: 0.6; background: url(https://discord.com/assets/1858873f28bdc62dfb3a1f4b67d459bf.svg) center top 20px/153px no-repeat; } @@ -1065,14 +1065,14 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { /* ---- 3.3. DMCHANNELS ---- */ -.selected_d94cf9, -.selected_d94cf9:focus-within, -.selected_d94cf9:hover, -.snowsgivingLink-1TZi3c:hover { +#app-mount .selected_d94cf9, +#app-mount .selected_d94cf9:focus-within, +#app-mount .selected_d94cf9:hover, +#app-mount .snowsgivingLink-1TZi3c:hover { background-color: var(--background-modifier-hover); color: var(--header-primary); } -.snowsgivingLink-1TZi3c { +#app-mount .snowsgivingLink-1TZi3c { border-radius: 4px; } @@ -1099,7 +1099,7 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { /* ~~~~ 4. CHAT ~~~~ */ -.mainTableContainer__5ffe0 { +#app-mount .mainTableContainer__5ffe0 { background: var(--background-secondary); } @@ -1128,10 +1128,10 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { /* ---- 4.2. MESSAGES ---- */ -.noChannel__7bbff { +#app-mount .noChannel__7bbff { background-color: var(--background-primary); } -.content__1a4fe::before { +#app-mount .content__1a4fe::before { display: none; } #app-mount .background_e80d5a, @@ -1239,11 +1239,11 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { color: var(--channels-default); } -.icon__8c32c[style*="/assets/5da4cdab01d4d89c593c48c62ae0d937.svg"] { +#app-mount .icon__8c32c[style*="/assets/5da4cdab01d4d89c593c48c62ae0d937.svg"] { -webkit-mask: url(https://discord.com/assets/5da4cdab01d4d89c593c48c62ae0d937.svg) center/cover no-repeat; background: var(--header-secondary) !important; } -.icon__8c32c[style*="/assets/d80d1fdc43a3c42134a31a39581160ac.svg"] { +#app-mount .icon__8c32c[style*="/assets/d80d1fdc43a3c42134a31a39581160ac.svg"] { -webkit-mask: url(https://discord.com/assets/d80d1fdc43a3c42134a31a39581160ac.svg) center/cover no-repeat; background: var(--header-secondary) !important; } @@ -1301,7 +1301,7 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { background-color: var(--background-primary); } -.lookMinimal-2OMO3G .arrow-2KJjTM { +#app-mount .lookMinimal-2OMO3G .arrow-2KJjTM { color: var(--header-secondary); } #app-mount .svgContentRight_df2494 { @@ -1442,62 +1442,62 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { /* ---- 4.6. CALL ---- */ -.wrapper_bd2abe { +#app-mount .wrapper_bd2abe { background-color: var(--background-primary); } -.root__3eef0 { +#app-mount .root__3eef0 { color: var(--header-primary); } -.gradientContainer__9a5a6 { +#app-mount .gradientContainer__9a5a6 { display: none; } -.divider_d3b968 { +#app-mount .divider_d3b968 { background: var(--background-modifier-accent); } -.playingText_f2f60c { +#app-mount .playingText_f2f60c { color: var(--header-secondary); } -.controlIcon__25700 { +#app-mount .controlIcon__25700 { color: var(--interactive-normal); } -.controlIcon__25700:hover { +#app-mount .controlIcon__25700:hover { color: var(--interactive-hover); } -.controlIcon__25700.active_ff29dc, -.controlIcon__25700:active { +#app-mount .controlIcon__25700.active_ff29dc, +#app-mount .controlIcon__25700:active { color: var(--interactive-active); } -.pictureInPictureVideo_f1081d .controlIcon__25700 { +#app-mount .pictureInPictureVideo_f1081d .controlIcon__25700 { color: #b9bbbe; } -.pictureInPictureVideo_f1081d .controlIcon__25700:hover { +#app-mount .pictureInPictureVideo_f1081d .controlIcon__25700:hover { color: #dcddde; } -.pictureInPictureVideo_f1081d .controlIcon__25700.active_ff29dc, -.pictureInPictureVideo_f1081d .controlIcon__25700:active { +#app-mount .pictureInPictureVideo_f1081d .controlIcon__25700.active_ff29dc, +#app-mount .pictureInPictureVideo_f1081d .controlIcon__25700:active { color: #fff; } -.colorable_c84c4c.primaryDark__6b700 { +#app-mount .colorable_c84c4c.primaryDark__6b700 { background-color: var(--background-secondary); } -.colorable_c84c4c.primaryDark__6b700, -.colorable_c84c4c.primaryDark__6b700 .centerIcon__6075a { +#app-mount .colorable_c84c4c.primaryDark__6b700, +#app-mount .colorable_c84c4c.primaryDark__6b700 .centerIcon__6075a { color: var(--header-primary); } -.colorable_c84c4c.primaryDark__6b700.active_ff29dc, -.colorable_c84c4c.primaryDark__6b700:hover { +#app-mount .colorable_c84c4c.primaryDark__6b700.active_ff29dc, +#app-mount .colorable_c84c4c.primaryDark__6b700:hover { background-color: var(--background-tertiary); } -.root__1f845 { +#app-mount .root__1f845 { color: var(--header-primary); } -.root__3eef0 { +#app-mount .root__3eef0 { color: var(--header-primary); } -.tile_a411a4 { +#app-mount .tile_a411a4 { background-color: var(--background-tertiary); } -.header_b40d88 { +#app-mount .header_b40d88 { color: var(--header-primary); } #app-mount .regionSelectName__7c81f { @@ -1636,24 +1636,24 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { /* ---- 5.2. FAMILY CENTER ---- */ -.contentPanel__2fdef::-webkit-scrollbar { +#app-mount .contentPanel__2fdef::-webkit-scrollbar { width: 16px; height: 16px; } -.contentPanel__2fdef::-webkit-scrollbar-thumb { +#app-mount .contentPanel__2fdef::-webkit-scrollbar-thumb { background-color: var(--scrollbar-auto-thumb); min-height: 40px; } -.contentPanel__2fdef::-webkit-scrollbar-track { +#app-mount .contentPanel__2fdef::-webkit-scrollbar-track { background-color: var(--scrollbar-auto-track); } -.contentPanel__2fdef::-webkit-scrollbar-thumb, -.contentPanel__2fdef::-webkit-scrollbar-track { +#app-mount .contentPanel__2fdef::-webkit-scrollbar-thumb, +#app-mount .contentPanel__2fdef::-webkit-scrollbar-track { border: 4px solid transparent; background-clip: padding-box; border-radius: 8px; } -.contentPanel__2fdef::-webkit-scrollbar-corner { +#app-mount .contentPanel__2fdef::-webkit-scrollbar-corner { background-color: transparent; } @@ -1997,7 +1997,7 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { background-color: var(--background-primary); color: var(--header-primary); } -.footerImage-3DpC_8 { +#app-mount .footerImage-3DpC_8 { opacity: .5; } @@ -2058,10 +2058,10 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { opacity: .5; } -.contentRegion__0bec1 div[role="tabpanel"] { +#app-mount .contentRegion__0bec1 div[role="tabpanel"] { width: 100%; } -.toolsContainer_f5d55d { +#app-mount .toolsContainer_f5d55d { margin-right: 37px; } #app-mount .closeButton__34341 { @@ -2142,17 +2142,17 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { object-position: -999999px -999999px; } -.colorSwatch-3g4qA8 { +#app-mount .colorSwatch-3g4qA8 { display: flex; justify-content: center; align-items: center; } -.colorSwatch-3g4qA8 > [role="radio"] { +#app-mount .colorSwatch-3g4qA8 > [role="radio"] { display: flex; flex-direction: column; align-items: center; } -.colorSwatch-3g4qA8 > .dropperIconButton-2shYII { +#app-mount .colorSwatch-3g4qA8 > .dropperIconButton-2shYII { width: 69px; margin: auto; } @@ -2233,23 +2233,23 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { opacity: .75; } -.container__6d33c { +#app-mount .container__6d33c { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/voice_level_bar.svg); } -.notches__065e9 { +#app-mount .notches__065e9 { background: transparent !important; } #app-mount .progress__2cc1d { background-color: var(--text-muted); } -.icon-1fWS75[src="/assets/ebfb23f0cdb11b1871ed8beb3f9ec0ee.svg"], -.icon-1fWS75[src="/assets/c28317e203e00b2d7390d5ece2399228.svg"] { +#app-mount .icon-1fWS75[src="/assets/ebfb23f0cdb11b1871ed8beb3f9ec0ee.svg"], +#app-mount .icon-1fWS75[src="/assets/c28317e203e00b2d7390d5ece2399228.svg"] { -webkit-mask: url(https://discord.com/assets/c28317e203e00b2d7390d5ece2399228.svg) center/contain no-repeat; background-color: var(--header-primary); object-position: -999999px -999999px; } -.icon-1fWS75[src="/assets/8c49c7d4a59675bb6ceaee1bb80b5803.png"], -.icon-1fWS75[src="/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png"] { +#app-mount .icon-1fWS75[src="/assets/8c49c7d4a59675bb6ceaee1bb80b5803.png"], +#app-mount .icon-1fWS75[src="/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png"] { -webkit-mask: url(https://discord.com/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png) center/contain no-repeat; background-color: var(--header-primary); object-position: -999999px -999999px; @@ -2263,15 +2263,15 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { box-shadow: inset 0 -1px 0 rgba(var(--textdarker),.3); } -.disabled_ab18dc { +#app-mount .disabled_ab18dc { color: var(--interactive-muted); } -.option_a0c054 { +#app-mount .option_a0c054 { background-color: var(--interactive-muted); } -.overlayWarningIcon-B1Xv81 { +#app-mount .overlayWarningIcon-B1Xv81 { background: url(https://discord.com/assets/afc17a02f2ea7406b0ee518c28414f7c.svg) no-repeat; } #app-mount .game__19f4b { @@ -2363,25 +2363,25 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { background: var(--interactive-active); } -.bd-social-link[title="BD" i] .bd-social-logo, -.bd-social-link[title="BetterDiscord" i] .bd-social-logo, -.bd-social-link[title="BBD" i] .bd-social-logo, -.bd-social-link[title="BandagedBD" i] .bd-social-logo { +#app-mount .bd-social-link[title="BD" i] .bd-social-logo, +#app-mount .bd-social-link[title="BetterDiscord" i] .bd-social-logo, +#app-mount .bd-social-link[title="BBD" i] .bd-social-logo, +#app-mount .bd-social-link[title="BandagedBD" i] .bd-social-logo { background: var(--interactive-normal); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/settingsicons/betterdiscord.svg) center/contain no-repeat; opacity: 1; transition: background .15s ease; } -.bd-social-link[title="BD" i]:hover .bd-social-logo, -.bd-social-link[title="BetterDiscord" i]:hover .bd-social-logo, -.bd-social-link[title="BBD" i]:hover .bd-social-logo, -.bd-social-link[title="BandagedBD" i]:hover .bd-social-logo { +#app-mount .bd-social-link[title="BD" i]:hover .bd-social-logo, +#app-mount .bd-social-link[title="BetterDiscord" i]:hover .bd-social-logo, +#app-mount .bd-social-link[title="BBD" i]:hover .bd-social-logo, +#app-mount .bd-social-link[title="BandagedBD" i]:hover .bd-social-logo { background: var(--interactive-active); } -.bd-social-link[title="BD" i] .bd-social-logo > *, -.bd-social-link[title="BetterDiscord" i] .bd-social-logo > *, -.bd-social-link[title="BBD" i] .bd-social-logo > *, -.bd-social-link[title="BandagedBD" i] .bd-social-logo > * { +#app-mount .bd-social-link[title="BD" i] .bd-social-logo > *, +#app-mount .bd-social-link[title="BetterDiscord" i] .bd-social-logo > *, +#app-mount .bd-social-link[title="BBD" i] .bd-social-logo > *, +#app-mount .bd-social-link[title="BandagedBD" i] .bd-social-logo > * { display: none; } @@ -2405,7 +2405,7 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { border-color: rgba(var(--textdarker),.3); } -.addRoleIcon-3YjErH { +#app-mount .addRoleIcon-3YjErH { -webkit-mask: url(https://discord.com/assets/cef02719c12d8aaf38894c16dca7fbe6.svg); background: var(--header-secondary); object-position: -999999px -999999px; @@ -2414,7 +2414,7 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { -webkit-mask: url(https://discord.com/assets/a8564dac0d728add0025be388f5ad7a2.svg) center/contain no-repeat; background: var(--background-tertiary); } -.theme-light .messageContainer__18275 { +#app-mount .theme-light .messageContainer__18275 { display: none; } @@ -2475,12 +2475,12 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { #app-mount .selected-38kUfI .auditLogMembersIconFg-2dfgB- { fill: #fff; } -.themeOverrideLight__48338.icon__99140, -.themeOverrideDark_e29cce.icon__99140, +#app-mount .themeOverrideLight__48338.icon__99140, +#app-mount .themeOverrideDark_e29cce.icon__99140, #app-mount .icon__99140 { background: none !important; } -.icon__99140::before { +#app-mount .icon__99140::before { content: ""; position: absolute; top: 0; @@ -2489,73 +2489,73 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { bottom: 0; background: var(--header-primary); } -.icon__99140.applicationCommand__0aaef::before { +#app-mount .icon__99140.applicationCommand__0aaef::before { -webkit-mask: url(https://discord.com/assets/561a626f671b8fd8f0c2e85c97df9b04.svg); } -.icon__99140.autoModerationBlockMessage__473dc::before { +#app-mount .icon__99140.autoModerationBlockMessage__473dc::before { -webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg); } -.icon__99140.autoModerationRule__66a81::before { +#app-mount .icon__99140.autoModerationRule__66a81::before { -webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg); } -.icon__99140.targetAll__6358b::before { +#app-mount .icon__99140.targetAll__6358b::before { -webkit-mask: url(https://discord.com/assets/22fd0ab3562af24ea964465bb65531aa.svg); } -.icon__99140.targetBan__28b70::before { +#app-mount .icon__99140.targetBan__28b70::before { -webkit-mask: url(https://discord.com/assets/fd541825b6853aaae233ad9d83e05a18.svg); } -.icon__99140.targetChannel__62934::before { +#app-mount .icon__99140.targetChannel__62934::before { -webkit-mask: url(https://discord.com/assets/528ae525a9823affbcd2a35bd20573b0.svg); } -.icon__99140.targetEmoji__499cd::before { +#app-mount .icon__99140.targetEmoji__499cd::before { -webkit-mask: url(https://discord.com/assets/858ab2bdee17ca226df85e23263bcf3a.svg); } -.icon__99140.targetGuild__170a1::before { +#app-mount .icon__99140.targetGuild__170a1::before { -webkit-mask: url(https://discord.com/assets/448b698d906ab4d93b609282595a1c9d.svg); } -.icon__99140.targetGuildHome__8d852::before { +#app-mount .icon__99140.targetGuildHome__8d852::before { -webkit-mask: url(https://discord.com/assets/eeaa7c1199e8f4cdb46de98c9b924edf.svg); } -.icon__99140.targetGuildScheduledEvent_eefa31::before { +#app-mount .icon__99140.targetGuildScheduledEvent_eefa31::before { -webkit-mask: url(https://discord.com/assets/7093e58edcd5202a129a6e4fbf427c6d.svg); } -.icon__99140.targetIntegration_f4a496::before { +#app-mount .icon__99140.targetIntegration_f4a496::before { -webkit-mask: url(https://discord.com/assets/993b5f52b8bd8d1c1c34cac05015c331.svg); } -.icon__99140.targetInvite__46153::before { +#app-mount .icon__99140.targetInvite__46153::before { -webkit-mask: url(https://discord.com/assets/d0dc8a4c8ea55b119c5c2cccf69b031f.svg); } -.icon__99140.targetMember__27dad::before { +#app-mount .icon__99140.targetMember__27dad::before { -webkit-mask: url(https://discord.com/assets/e2c0846875f889524e3d60e7d25afa55.svg); } -.icon__99140.targetMemberRole__7fd6d::before { +#app-mount .icon__99140.targetMemberRole__7fd6d::before { -webkit-mask: url(https://discord.com/assets/00124e254d0d86c37f6d02ec0c5b1e02.svg); } -.icon__99140.targetMessage__0ca53::before { +#app-mount .icon__99140.targetMessage__0ca53::before { -webkit-mask: url(https://discord.com/assets/aa9f9c29b51e414f0476d4388031aaf4.svg); } -.icon__99140.targetPermission_a619b3::before { +#app-mount .icon__99140.targetPermission_a619b3::before { -webkit-mask: url(https://discord.com/assets/35de2007bfe0db9821881321d8b7c1fe.svg); } -.icon__99140.targetRole_f0db36::before { +#app-mount .icon__99140.targetRole_f0db36::before { -webkit-mask: url(https://discord.com/assets/9aa6e9df74888ec09885bb08341800be.svg); } -.icon__99140.targetStageInstance_f9d669::before { +#app-mount .icon__99140.targetStageInstance_f9d669::before { -webkit-mask: url(https://discord.com/assets/dfad85fc7c072498298077f68cf006ca.svg); } -.icon__99140.targetSticker__18d72::before { +#app-mount .icon__99140.targetSticker__18d72::before { -webkit-mask: url(https://discord.com/assets/da5f0aa4b5ccf0165b4220ba9929ea59.svg); } -.icon__99140.targetVanityUrl_d8b24a::before { +#app-mount .icon__99140.targetVanityUrl_d8b24a::before { -webkit-mask: url(https://discord.com/assets/bef4eebd4f9e00aabbfa7de1949c8565.svg); } -.icon__99140.targetWebhook__5177a::before { +#app-mount .icon__99140.targetWebhook__5177a::before { -webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg); } -.icon__99140.targetWidget_aaaf18::before { +#app-mount .icon__99140.targetWidget_aaaf18::before { -webkit-mask: url(https://discord.com/assets/03f717eddad9ac74a1900254625657cf.svg); } -.icon__99140.thread_a2b0da::before { +#app-mount .icon__99140.thread_a2b0da::before { -webkit-mask: url(https://discord.com/assets/c254ffdde9bc5c90c5ec5d9e11dbf382.svg); } @@ -2577,8 +2577,8 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { #app-mount .card-3_CqkU { box-shadow: var(--elevation-high); } -.splashImage-352DQ1[src="/assets/7b6ed225050df29a07cb5db712d35a73.svg"], -.splashImage-352DQ1[src="/assets/d03d90cb6f12a7ea06274b278dfa4160.svg"] { +#app-mount .splashImage-352DQ1[src="/assets/7b6ed225050df29a07cb5db712d35a73.svg"], +#app-mount .splashImage-352DQ1[src="/assets/d03d90cb6f12a7ea06274b278dfa4160.svg"] { background: url(https://discord.com/assets/d03d90cb6f12a7ea06274b278dfa4160.svg) center/cover no-repeat; opacity: .75; object-position: -999999px -999999px; @@ -2588,8 +2588,8 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { opacity: .5; } -.exampleContainerLight-2cIJFB, -.exampleContainerDark-yyX7sl { +#app-mount .exampleContainerLight-2cIJFB, +#app-mount .exampleContainerDark-yyX7sl { background-image: url(https://discord.com/assets/579d8c1aa51bd06391c5ac19c654cb5e.png); } @@ -2635,22 +2635,22 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { box-shadow: 0 4px 8px rgba(0,0,0,.24); } -.exampleContainer-2O-nVK, -.exampleContainer-25sB-A { +#app-mount .exampleContainer-2O-nVK, +#app-mount .exampleContainer-25sB-A { background: transparent; position: relative; } -.exampleContainer-2O-nVK > *, -.exampleContainer-25sB-A > * { +#app-mount .exampleContainer-2O-nVK > *, +#app-mount .exampleContainer-25sB-A > * { z-index: 1; } -.exampleContainer-2O-nVK .exampleModal-1lRfuE, -.exampleContainer-25sB-A .exampleModal-2X2Vf8 { +#app-mount .exampleContainer-2O-nVK .exampleModal-1lRfuE, +#app-mount .exampleContainer-25sB-A .exampleModal-2X2Vf8 { position: relative; box-shadow: 2 0 0 1px rgba(var(--backgroundtertiary),.3), 0 2px 10px 0 rgba(0,0,0,.2); } -.exampleContainer-2O-nVK::after, -.exampleContainer-25sB-A::after { +#app-mount .exampleContainer-2O-nVK::after, +#app-mount .exampleContainer-25sB-A::after { content: ""; position: absolute; top: 0; @@ -2750,7 +2750,7 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { box-shadow: inset 0 1px 0 rgba(var(--backgroundsecondary),.6); } -.header-1zd7se > .wrapper-1HSdhi:first-child { +#app-mount .header-1zd7se > .wrapper-1HSdhi:first-child { flex: 1 0 auto; } @@ -2812,30 +2812,30 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { /* ---- 11.1. USERMODAL ---- */ -.emptyIcon__655a1 { +#app-mount .emptyIcon__655a1 { opacity: .5; } /* ---- 11.2. GUILDADD/CREATION ---- */ -.container-x8Y1ix { +#app-mount .container-x8Y1ix { background-color: var(--background-secondary); border: none; } -.container-x8Y1ix:hover { +#app-mount .container-x8Y1ix:hover { background-color: var(--background-secondary-alt); border: none; } -.arrow-2yY1Tm { +#app-mount .arrow-2yY1Tm { -webkit-mask: url(https://discord.com/assets/69a0ea5dbf79a129c81a0cb171b60b7a.svg) center/cover no-repeat; background: var(--text-normal); object-position: -999999px -999999px; } -.input-m1-Y7Q { +#app-mount .input-m1-Y7Q { background: transparent; } -.inputInner-1Z3Tui { +#app-mount .inputInner-1Z3Tui { border: 1px solid var(--deprecated-text-input-border); } @@ -2977,7 +2977,7 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { background-color: var(--background-secondary); box-shadow: inset 0 1px 0 rgba(var(--backgroundsecondary),.6); } -.footerSeparator__010c9, +#app-mount .footerSeparator__010c9, #app-mount .content-3nJg0c::before { display: none; } @@ -3010,20 +3010,20 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { /* ---- 11.8. LOGINSCREEN ---- */ -.theme-dark.authBox__7196a, -.theme-light.authBox__7196a { +#app-mount .theme-dark.authBox__7196a, +#app-mount .theme-light.authBox__7196a { background: var(--background-mobile-primary); color: var(--text-muted); } -.theme-dark.authBox__7196a::before, -.theme-light.authBox__7196a::before { +#app-mount .theme-dark.authBox__7196a::before, +#app-mount .theme-light.authBox__7196a::before { background-image: url(https://discord.com/assets/4f004ac9be168ac6ee18fc442a52ab53.svg); } -.theme-dark.navRow-dG-XX8, -.theme-light.navRow-dG-XX8 { +#app-mount .theme-dark.navRow-dG-XX8, +#app-mount .theme-light.navRow-dG-XX8 { background: var(--background-secondary); } -.subText_b19200 strong { +#app-mount .subText_b19200 strong { color: rgba(var(--textbright),.9); } #app-mount .authBoxWithMobileBanner-cYSkMm { @@ -3051,31 +3051,31 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { /* ---- 11.10. DOWNLOADAPPMODAL ---- */ -.downloadApps__30ed7 { +#app-mount .downloadApps__30ed7 { background-color: var(--background-primary); box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.3), 0 2px 10px 0 rgba(0,0,0,.2); } -.downloadApps__30ed7 .inner_bd2021 { +#app-mount .downloadApps__30ed7 .inner_bd2021 { height: 100%; width: 100%; overflow: hidden; } -.downloadApps__30ed7 .header__01af9 { +#app-mount .downloadApps__30ed7 .header__01af9 { color: var(--text-normal); } -.downloadApps__30ed7 .footer__49ae9 { +#app-mount .downloadApps__30ed7 .footer__49ae9 { color: var(--text-muted); } -.downloadApps__30ed7 .header__01af9 { +#app-mount .downloadApps__30ed7 .header__01af9 { color: var(--text-normal); } -.downloadApps__30ed7 .platforms__86929 .platform__97f9e { +#app-mount .downloadApps__30ed7 .platforms__86929 .platform__97f9e { border-color: var(--header-secondary); } -.downloadApps__30ed7 .platforms__86929 .platform__97f9e p { +#app-mount .downloadApps__30ed7 .platforms__86929 .platform__97f9e p { color: var(--header-secondary); } -.downloadApps__30ed7 .platforms__86929 .platform__97f9e .downloadButton__87489 { +#app-mount .downloadApps__30ed7 .platforms__86929 .platform__97f9e .downloadButton__87489 { background-color: var(--header-secondary); } @@ -3499,7 +3499,7 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2); } -.profileColors__2e2f0 .mask__1979f circle { +#app-mount .profileColors__2e2f0 .mask__1979f circle { fill: transparent; } #app-mount .userProfileOuterThemed__6eb84 ::-webkit-scrollbar-thumb { @@ -3514,16 +3514,16 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { border-color: transparent var(--background-tertiary) transparent transparent; } -.role__631a3[style*="border-color: rgba(185, 187, 190, .6)"], -.role-2mCo-N[style*="border-color: rgba(185, 187, 190, .6)"] { +#app-mount .role__631a3[style*="border-color: rgba(185, 187, 190, .6)"], +#app-mount .role-2mCo-N[style*="border-color: rgba(185, 187, 190, .6)"] { border-color: rgba(var(--textbrighter), .6) !important; } -.role__631a3 .roleCircle-1EgnFN[style*="background-color: rgb(185, 187, 190)"], -.role-2mCo-N .roleCircle-1ER2zO[style*="background-color: rgb(185, 187, 190)"] { +#app-mount .role__631a3 .roleCircle-1EgnFN[style*="background-color: rgb(185, 187, 190)"], +#app-mount .role-2mCo-N .roleCircle-1ER2zO[style*="background-color: rgb(185, 187, 190)"] { background-color: rgb(var(--textbrighter)) !important; } -.role__631a3 .roleCircle-1EgnFN[style*="background-color: rgb(185, 187, 190)"] path[fill], -.role-2mCo-N .roleCircle-1ER2zO[style*="background-color: rgb(185, 187, 190)"] path[fill] { +#app-mount .role__631a3 .roleCircle-1EgnFN[style*="background-color: rgb(185, 187, 190)"] path[fill], +#app-mount .role-2mCo-N .roleCircle-1ER2zO[style*="background-color: rgb(185, 187, 190)"] path[fill] { fill: rgb(var(--textdarkest)) !important; } @@ -3532,8 +3532,8 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { #app-mount .wrapper_d951b6 { color: var(--text-muted); } -.categoryItemDefaultCategory__67fe7:first-child, -.categoryItemDefaultCategory__67fe7:first-child + .categoryItemDefaultCategory__67fe7 { +#app-mount .categoryItemDefaultCategory__67fe7:first-child, +#app-mount .categoryItemDefaultCategory__67fe7:first-child + .categoryItemDefaultCategory__67fe7 { margin-bottom: 8px; } #app-mount .sadImage_e4e5ab { @@ -3544,14 +3544,14 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { background: var(--background-tertiary); border-radius: 10px; } -.premiumPromoClose__11b8f { +#app-mount .premiumPromoClose__11b8f { -webkit-mask: url(https://discord.com/assets/f815a774c2b98d3109293a4e2afb733c.svg) 50% 50% no-repeat; background: var(--interactive-normal); } -.premiumPromoClose__11b8f:hover { +#app-mount .premiumPromoClose__11b8f:hover { background: var(--interactive-hover); } -.premiumPromoClose__11b8f:active { +#app-mount .premiumPromoClose__11b8f:active { background: var(--interactive-active); } #app-mount .categoryItemDefaultCategorySelected__8245a .categoryIcon__7d3fc, @@ -3608,7 +3608,7 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { color: var(--header-primary); } -.option_b5597b:hover { +#app-mount .option_b5597b:hover { background-color: var(--background-primary); } @@ -3974,11 +3974,11 @@ html .bd-settings-group.collapsible .bd-settings-title::after { background-color: currentColor; } -.bd-tab-item.selected:hover { +#app-mount .bd-tab-item.selected:hover { background-color: var(--background-modifier-selected); } -.bd-error-modal-content { +#app-mount .bd-error-modal-content { padding: 0 10px 16px 10px; } diff --git a/Themes/ServerColumns/ServerColumns.css b/Themes/ServerColumns/ServerColumns.css index 04ac9cbeac..1dc6bfbbe6 100644 --- a/Themes/ServerColumns/ServerColumns.css +++ b/Themes/ServerColumns/ServerColumns.css @@ -7,14 +7,14 @@ --aligndms: 1; } -.titleBar__01af6.typeMacOS__496b0, -.titleBar__01af6.typeMacOS__496b0 .macButtons__7b1bc, -.wrapper_a7e7a8, -.wrapper_a7e7a8 .unreadMentionsIndicatorTop_ada847, -.wrapper_a7e7a8 .unreadMentionsIndicatorBottom_fdb943 { +#app-mount .titleBar__01af6.typeMacOS__496b0, +#app-mount .titleBar__01af6.typeMacOS__496b0 .macButtons__7b1bc, +#app-mount .wrapper_a7e7a8, +#app-mount .wrapper_a7e7a8 .unreadMentionsIndicatorTop_ada847, +#app-mount .wrapper_a7e7a8 .unreadMentionsIndicatorBottom_fdb943 { width: calc(1px * (var(--guildsize) * var(--columns) + 20 * (var(--guildsize)/50) + 14 * (var(--guildsize)/50) * (var(--columns) - 1))) !important; } -.titleBar__01af6.typeMacOS__496b0 .macButtons__7b1bc { +#app-mount .titleBar__01af6.typeMacOS__496b0 .macButtons__7b1bc { padding-right: calc(1px * ((var(--guildsize) + 12 * var(--guildsize)/50) * var(--columns) - 50)) !important; } body.folderContentIsOpen_zz6FgW .titleBar__01af6.typeMacOS__496b0, @@ -24,169 +24,169 @@ body.folderContentIsOpen_zz6FgW .titleBar__01af6.typeMacOS__496b0 .macButtons__7 body.folderContentIsOpen_zz6FgW .titleBar__01af6.typeMacOS__496b0 .macButtons__7b1bc { padding-right: calc(1px * ((var(--guildsize) + 12 * var(--guildsize)/50) * var(--columns) * 2 - 40)) !important; } -.titleBar__01af6.typeMacOS__496b0.typeMacOSWithFrame_db4a7d .macButtons__7b1bc { +#app-mount .titleBar__01af6.typeMacOS__496b0.typeMacOSWithFrame_db4a7d .macButtons__7b1bc { margin-top: 0 !important; margin-right: 0 !important; } -.wrapper_a7e7a8 { +#app-mount .wrapper_a7e7a8 { padding: 0 !important; } -.wrapper_a7e7a8.hidden__7c832, -.wrapper_a7e7a8[style*="width: 0px"] { +#app-mount .wrapper_a7e7a8.hidden__7c832, +#app-mount .wrapper_a7e7a8[style*="width: 0px"] { width: 0 !important; } -.wrapper_a7e7a8 .scroller__3d071 { +#app-mount .wrapper_a7e7a8 .scroller__3d071 { padding: 0 0 calc(10px * var(--guildsize)/50) calc(10px * var(--guildsize)/50) !important; } -.wrapper_a7e7a8 .scroller__3d071.none__51a8f::-webkit-scrollbar { +#app-mount .wrapper_a7e7a8 .scroller__3d071.none__51a8f::-webkit-scrollbar { width: 0 !important; } -.wrapper_a7e7a8 .scroller__3d071, -.wrapper_a7e7a8 .scroller__3d071 > [role="tree"], -.wrapper_a7e7a8 .listItem_fa7b36 + div[aria-label]:not([class]) { +#app-mount .wrapper_a7e7a8 .scroller__3d071, +#app-mount .wrapper_a7e7a8 .scroller__3d071 > [role="tree"], +#app-mount .wrapper_a7e7a8 .listItem_fa7b36 + div[aria-label]:not([class]) { margin: 0 !important; display: flex !important; flex-flow: row wrap !important; align-content: flex-start !important; } -.wrapper_a7e7a8 .listItem_fa7b36 { +#app-mount .wrapper_a7e7a8 .listItem_fa7b36 { margin: calc(1px * var(--guildgap)) calc(1px * (12 * var(--guildsize)/50)) calc(1px * var(--guildgap)) 0 !important; } -.wrapper_a7e7a8 #server-search { +#app-mount .wrapper_a7e7a8 #server-search { margin: calc(1px * var(--guildgap)) calc(1px * (((var(--guildsize) + 12 * var(--guildsize)/50) * (var(--columns) - 1))/2)) !important; } -.wrapper_a7e7a8 #server-search .pill-3YxEhL { +#app-mount .wrapper_a7e7a8 #server-search .pill-3YxEhL { display: none; } -.wrapper_a7e7a8 .listItem_fa7b36:first-child .listItemWrapper__1f93b, /* home */ -.wrapper_a7e7a8 .listItem_fa7b36 .pill__66ac8 ~ div:not([className]) { /* fav */ +#app-mount .wrapper_a7e7a8 .listItem_fa7b36:first-child .listItemWrapper__1f93b, /* home */ +#app-mount .wrapper_a7e7a8 .listItem_fa7b36 .pill__66ac8 ~ div:not([className]) { /* fav */ margin: 0 calc(1px * (((var(--guildsize) + 12 * var(--guildsize)/50) * (var(--columns) - 1))/2)) calc(1px * var(--guildgap)) calc(1px * ((((var(--guildsize) + 12 * var(--guildsize)/50) * (var(--columns) - 1))/2))) !important; } -.wrapper_a7e7a8 .listItem_fa7b36:first-child .pill__357e7 ~ .listItemWrapper__1f93b { +#app-mount .wrapper_a7e7a8 .listItem_fa7b36:first-child .pill__357e7 ~ .listItemWrapper__1f93b { margin: 0 calc(1px * ((((var(--guildsize) + 12 * var(--guildsize)/50) * (var(--columns) - 1))/2) * (1 - var(--aligndms)))) 0 calc(1px * (((0 * var(--aligndms)) + ((((var(--guildsize) + 12 * var(--guildsize)/50) * (var(--columns) - 1))/2) * (1 - var(--aligndms)))))) !important; } -.wrapper_a7e7a8 .blobContainer__5ee50, -.wrapper_a7e7a8 .guildsError__0aa84 { +#app-mount .wrapper_a7e7a8 .blobContainer__5ee50, +#app-mount .wrapper_a7e7a8 .guildsError__0aa84 { margin: 0 !important; } -.wrapper_a7e7a8 .listItem_fa7b36 { +#app-mount .wrapper_a7e7a8 .listItem_fa7b36 { width: auto !important; } -.wrapper_a7e7a8 .tutorialContainer__90eac { +#app-mount .wrapper_a7e7a8 .tutorialContainer__90eac { width: 100%; } -.wrapper_a7e7a8 .placeholderMask__6e4f0, -.wrapper_a7e7a8 .svg_ad7356, -.wrapper_a7e7a8 .wrapper__3af0b { +#app-mount .wrapper_a7e7a8 .placeholderMask__6e4f0, +#app-mount .wrapper_a7e7a8 .svg_ad7356, +#app-mount .wrapper_a7e7a8 .wrapper__3af0b { height: calc(1px * var(--guildsize)) !important; width: calc(1px * var(--guildsize)) !important; } -.wrapper_a7e7a8 .scroller__3d071 > div[style*="height"]:not([class]) { +#app-mount .wrapper_a7e7a8 .scroller__3d071 > div[style*="height"]:not([class]) { height: calc(1px * var(--guildsize) * (58/50)) !important; } -.wrapper_a7e7a8 .upperBadge_c7cfb3 .base__92a12 { +#app-mount .wrapper_a7e7a8 .upperBadge_c7cfb3 .base__92a12 { transform: translate(calc(1.5px * ((50 - var(--guildsize))/10)), calc(-1.5px * ((50 - var(--guildsize))/10))) scale(calc(var(--guildsize)/50)) !important; } -.wrapper_a7e7a8 .upperLeftBadge_e35IpL .base__92a12 { +#app-mount .wrapper_a7e7a8 .upperLeftBadge_e35IpL .base__92a12 { transform: translate(calc(-1.5px * ((50 - var(--guildsize))/10)), calc(-1.5px * ((50 - var(--guildsize))/10))) scale(calc(var(--guildsize)/50)) !important; } -.wrapper_a7e7a8 .lowerBadge__669e7 .base__92a12 { +#app-mount .wrapper_a7e7a8 .lowerBadge__669e7 .base__92a12 { transform: translate(calc(1.5px * ((50 - var(--guildsize))/10)), calc(1.5px * ((50 - var(--guildsize))/10))) scale(calc(var(--guildsize)/50)) !important; } -.wrapper_a7e7a8 .lowerLeftBadge_zr4T_9 .base__92a12 { +#app-mount .wrapper_a7e7a8 .lowerLeftBadge_zr4T_9 .base__92a12 { transform: translate(calc(-1.5px * ((50 - var(--guildsize))/10)), calc(1.5px * ((50 - var(--guildsize))/10))) scale(calc(var(--guildsize)/50)) !important; } -.wrapper_a7e7a8 .wrapper__3670f { +#app-mount .wrapper_a7e7a8 .wrapper__3670f { top: calc(-5px * var(--guildsize)/50) !important; height: calc(1px * (var(--guildsize) + 10 * var(--guildsize)/50)) !important; transform: scale(calc(var(--guildsize)/50)) !important; transform-origin: 0 50% !important; } -.wrapper_a7e7a8 .pill_d1140c, /* home */ -.wrapper_a7e7a8 .pill__66ac8 { /* fav */ +#app-mount .wrapper_a7e7a8 .pill_d1140c, /* home */ +#app-mount .wrapper_a7e7a8 .pill__66ac8 { /* fav */ left: calc(1px * ((((var(--guildsize) + 10 * var(--guildsize)/50) * (var(--columns) - 1))/2) - 9)) !important; } -.wrapper_a7e7a8 .pill__357e7 { /* dm */ +#app-mount .wrapper_a7e7a8 .pill__357e7 { /* dm */ left: calc(1px * ((var(--aligndms) + ((((var(--guildsize) + 10 * var(--guildsize)/50) * (var(--columns) - 1))/2) * (1 - var(--aligndms)))) - 8)) !important; } -.wrapper_a7e7a8 .pill__6b31b, /* guild */ -.wrapper_a7e7a8 .pill__13f64 { /* button */ +#app-mount .wrapper_a7e7a8 .pill__6b31b, /* guild */ +#app-mount .wrapper_a7e7a8 .pill__13f64 { /* button */ left: calc(-10px * var(--guildsize)/50) !important; } -.wrapper_a7e7a8 .guildSeparator_dcb3cc { +#app-mount .wrapper_a7e7a8 .guildSeparator_dcb3cc { width: calc(1px * ((var(--guildsize) + 12 * var(--guildsize)/50) * var(--columns) - (12 * var(--guildsize)/50))) !important; margin: calc(1px * (var(--guildsize)/10)) 0 !important; display: block !important; } -.wrapper_a7e7a8 [role=tree] ~ .listItem_fa7b36 .listItemWrapper__1f93b, -.wrapper_a7e7a8 [role=tree] ~ * .listItem_fa7b36 .listItemWrapper__1f93b, -.wrapper_a7e7a8 .listItem_fa7b36 + div[aria-label]:not([class]) ~ .listItem_fa7b36 .listItemWrapper__1f93b, -.wrapper_a7e7a8 .listItem_fa7b36 + div[aria-label]:not([class]) ~ * .listItem_fa7b36 .listItemWrapper__1f93b { +#app-mount .wrapper_a7e7a8 [role=tree] ~ .listItem_fa7b36 .listItemWrapper__1f93b, +#app-mount .wrapper_a7e7a8 [role=tree] ~ * .listItem_fa7b36 .listItemWrapper__1f93b, +#app-mount .wrapper_a7e7a8 .listItem_fa7b36 + div[aria-label]:not([class]) ~ .listItem_fa7b36 .listItemWrapper__1f93b, +#app-mount .wrapper_a7e7a8 .listItem_fa7b36 + div[aria-label]:not([class]) ~ * .listItem_fa7b36 .listItemWrapper__1f93b { margin: 0 !important; } -.wrapper_a7e7a8 .guildsError__0aa84 { +#app-mount .wrapper_a7e7a8 .guildsError__0aa84 { height: calc(1px * var(--guildsize)) !important; width: calc(1px * var(--guildsize)) !important; font-size: calc(1px * (var(--guildsize)/4 + 7.5)) !important; line-height: calc(1px * (var(--guildsize)/4 + 6.5)) !important; } -.wrapper_a7e7a8 #sort-button, -.wrapper_a7e7a8 #sort-button > div, -.wrapper_a7e7a8 .frame_oXWS21, -.wrapper_a7e7a8 .frame_oXWS21 .button_Jt-tIg { +#app-mount .wrapper_a7e7a8 #sort-button, +#app-mount .wrapper_a7e7a8 #sort-button > div, +#app-mount .wrapper_a7e7a8 .frame_oXWS21, +#app-mount .wrapper_a7e7a8 .frame_oXWS21 .button_Jt-tIg { height: calc(1px * ((var(--guildsize)/5) + 10)) !important; } -.wrapper_a7e7a8 .friendsOnline_2JkivW, -.wrapper_a7e7a8 .label_2wRs_g { +#app-mount .wrapper_a7e7a8 .friendsOnline_2JkivW, +#app-mount .wrapper_a7e7a8 .label_2wRs_g { display: flex !important; justify-content: center !important; width: calc(1px * (var(--guildsize) * var(--columns) + 20 * (var(--guildsize)/50) + 14 * (var(--guildsize)/50) * (var(--columns) - 1) - (20 * var(--guildsize)/50) calc(10px * var(--guildsize)/50))) !important; margin: 0 !important; font-size: calc(1px * ((var(--guildsize)/8) + 3)) !important; } -.wrapper_a7e7a8 #sort-button, -.wrapper_a7e7a8 .frame_oXWS21 { +#app-mount .wrapper_a7e7a8 #sort-button, +#app-mount .wrapper_a7e7a8 .frame_oXWS21 { width: calc(1px * ((var(--guildsize)*4/5) + 12 * var(--guildsize)/50)) !important; } -.wrapper_a7e7a8 #sort-button, -.wrapper_a7e7a8 .frame_oXWS21 { +#app-mount .wrapper_a7e7a8 #sort-button, +#app-mount .wrapper_a7e7a8 .frame_oXWS21 { text-align: center !important; margin: calc(1px * var(--guildgap)) calc(1px * (((var(--guildsize) + 12 * var(--guildsize)/50) * (var(--columns) - 1) - ((var(--guildsize)*4/5) + 12 * var(--guildsize)/50) + var(--guildsize))/2)) calc(1px * var(--guildgap)) calc(1px * (((var(--guildsize) + 12 * var(--guildsize)/50) * (var(--columns) - 1) - ((var(--guildsize)*4/5) + 12 * var(--guildsize)/50) + var(--guildsize))/2)) !important; } -.wrapper_a7e7a8 #sort-button > div, -.wrapper_a7e7a8 .frame_oXWS21 .innerFrame_8Hg64E, -.wrapper_a7e7a8 .frame_oXWS21 .button_Jt-tIg { +#app-mount .wrapper_a7e7a8 #sort-button > div, +#app-mount .wrapper_a7e7a8 .frame_oXWS21 .innerFrame_8Hg64E, +#app-mount .wrapper_a7e7a8 .frame_oXWS21 .button_Jt-tIg { white-space: pre !important; font-size: calc(1px * ((var(--guildsize)/8) + 5)) !important; line-height: calc(1px * ((var(--guildsize)/5) + 10)) !important; } -.wrapper_a7e7a8 #sort-button > div, -.wrapper_a7e7a8 .frame_oXWS21 .innerFrame_8Hg64E, -.wrapper_a7e7a8 .frame_oXWS21 .button_Jt-tIg { +#app-mount .wrapper_a7e7a8 #sort-button > div, +#app-mount .wrapper_a7e7a8 .frame_oXWS21 .innerFrame_8Hg64E, +#app-mount .wrapper_a7e7a8 .frame_oXWS21 .button_Jt-tIg { width: 100% !important; } -.wrapper_a7e7a8 .wrapper_ed1dea { +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea { border-bottom: calc(1px * var(--guildgap)) solid transparent !important; margin: calc(1px * var(--guildgap)) calc(1px * (12 * var(--guildsize)/50)) auto 0 !important; width: calc(1px * var(--guildsize)) !important; } -.wrapper_a7e7a8 .wrapper_ed1dea > .listItem_fa7b36 { +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea > .listItem_fa7b36 { margin: 0 !important; } -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"] { +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"] { overflow: visible !important; margin-left: -1px !important; margin-bottom: 0 !important; padding-left: 1px !important; } -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"] .listItem_fa7b36 { +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"] .listItem_fa7b36 { margin: 6px 0 !important; } -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"] .listItem_fa7b36:last-child { +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"] .listItem_fa7b36:last-child { margin-bottom: 0 !important; } -.wrapper_a7e7a8 .expandedFolderBackground__1bec6 { +#app-mount .wrapper_a7e7a8 .expandedFolderBackground__1bec6 { width: calc(1px * var(--guildsize)) !important; top: 0 !important; bottom: 0 !important; @@ -196,27 +196,27 @@ body.folderContentIsOpen_zz6FgW .titleBar__01af6.typeMacOS__496b0 .macButtons__7 /* SERVERFOLDERS */ -.wrapper_a7e7a8.content_Pph8t6 .scroller__3d071 { +#app-mount .wrapper_a7e7a8.content_Pph8t6 .scroller__3d071 { padding-left: 0 !important; } -.wrapper_a7e7a8.content_Pph8t6 .wrapper_ed1dea { +#app-mount .wrapper_a7e7a8.content_Pph8t6 .wrapper_ed1dea { width: calc(1px * (var(--guildsize) * var(--columns) + 20 * (var(--guildsize)/50) + 14 * (var(--guildsize)/50) * (var(--columns) - 1))) !important; } -.wrapper_a7e7a8.content_Pph8t6 .wrapper_ed1dea > .listItem_fa7b36 { +#app-mount .wrapper_a7e7a8.content_Pph8t6 .wrapper_ed1dea > .listItem_fa7b36 { margin: calc(1px * var(--guildgap)) calc(5px * var(--guildsize)/50) calc(1px * var(--guildgap)) 0 !important; } -.wrapper_a7e7a8.content_Pph8t6 .wrapper_ed1dea .expandedFolderBackground__1bec6 { +#app-mount .wrapper_a7e7a8.content_Pph8t6 .wrapper_ed1dea .expandedFolderBackground__1bec6 { right: 0 !important; width: calc(100% - calc(5px * var(--guildsize)/50)) !important; } -.wrapper_a7e7a8.content_Pph8t6 .wrapper_ed1dea [role="group"] { +#app-mount .wrapper_a7e7a8.content_Pph8t6 .wrapper_ed1dea [role="group"] { margin: 0 !important; padding: 0 calc(13px * var(--guildsize)/50) 0 calc(10px * var(--guildsize)/50) !important; display: flex !important; flex-flow: row wrap !important; justify-content: space-between !important; } -.wrapper_a7e7a8.content_Pph8t6 .wrapper_ed1dea .expandedFolderBackground__1bec6 ~ [role="group"] { +#app-mount .wrapper_a7e7a8.content_Pph8t6 .wrapper_ed1dea .expandedFolderBackground__1bec6 ~ [role="group"] { padding-bottom: calc(8px * var(--guildsize)/50) !important; } @@ -228,105 +228,105 @@ html .typingindicator-folder { bottom: unset !important; } -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 56px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 112px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 168px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 224px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 280px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 336px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 392px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 448px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 504px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 560px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 616px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 672px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 728px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 784px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 840px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 896px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 952px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1008px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1064px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1120px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1176px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1232px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1288px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1344px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1400px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1456px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1512px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1568px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1624px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1680px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1736px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1792px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1848px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1904px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1960px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2016px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2072px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2128px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2184px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2240px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2296px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2352px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2408px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2464px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2520px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2576px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2632px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2688px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2744px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2800px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2856px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2912px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2968px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3024px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3080px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3136px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3192px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3248px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3304px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3360px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3416px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3472px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3528px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3584px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3640px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3696px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3752px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3808px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3864px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3920px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3976px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4032px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4088px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4144px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4200px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4256px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4312px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4368px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4424px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4480px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4536px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4592px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4648px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4704px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4760px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4816px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4872px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4928px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4984px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 5040px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 5096px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 5152px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 5208px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 5264px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 5320px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 5376px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 5432px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 5488px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 5544px;"], -.wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 5600px;"] { +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 56px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 112px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 168px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 224px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 280px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 336px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 392px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 448px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 504px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 560px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 616px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 672px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 728px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 784px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 840px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 896px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 952px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1008px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1064px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1120px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1176px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1232px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1288px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1344px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1400px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1456px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1512px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1568px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1624px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1680px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1736px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1792px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1848px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1904px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 1960px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2016px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2072px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2128px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2184px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2240px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2296px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2352px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2408px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2464px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2520px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2576px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2632px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2688px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2744px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2800px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2856px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2912px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 2968px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3024px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3080px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3136px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3192px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3248px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3304px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3360px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3416px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3472px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3528px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3584px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3640px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3696px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3752px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3808px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3864px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3920px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 3976px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4032px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4088px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4144px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4200px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4256px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4312px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4368px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4424px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4480px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4536px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4592px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4648px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4704px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4760px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4816px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4872px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4928px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 4984px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 5040px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 5096px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 5152px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 5208px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 5264px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 5320px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 5376px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 5432px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 5488px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 5544px;"], +#app-mount .wrapper_a7e7a8 .wrapper_ed1dea [role="group"][style="height: 5600px;"] { height: unset !important; }