2021-01-18 11:13:18 +01:00
@ import url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / SettingsIcons . css ) ;
2019-03-21 10:34:13 +01:00
@ import url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / BlurpleRecolor / BlurpleRecolor . css ) ;
2019-02-12 12:52:32 +01:00
2018-10-11 10:21:26 +02:00
: root {
2023-11-18 15:51:16 +01:00
--transparencycolor : 0 , 0 , 0 ;
2021-05-03 16:23:08 +02:00
--transparencyalpha : 0 . 15 ;
--messagetransparency : 0 . 5 ;
--guildchanneltransparency : 0 . 15 ;
2021-05-29 11:57:30 +02:00
--chatinputtransparency : 0 . 0 ;
2021-05-03 16:23:08 +02:00
--memberlisttransparency : 0 . 0 ;
2023-11-18 15:51:16 +01:00
--accentcolor : 190 , 78 , 180 ;
2021-05-06 12:41:18 +02:00
2023-11-18 15:51:16 +01:00
--settingsicons : 1 ;
--font : "gg sans" , "Noto Sans" ;
--textshadow : transparent ;
2021-05-11 11:28:22 +02:00
2023-11-18 15:51:16 +01:00
--textbrightest : 255 , 255 , 255 ;
--textbrighter : 222 , 222 , 222 ;
--textbright : 200 , 200 , 200 ;
--textdark : 160 , 160 , 160 ;
--textdarker : 125 , 125 , 125 ;
--textdarkest : 90 , 90 , 90 ;
2021-05-06 12:41:18 +02:00
2023-11-18 15:51:16 +01:00
--background : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / BasicBackground / _res / background . jpg ) ;
2021-05-03 16:23:08 +02:00
--backgroundposition : center ;
2023-11-18 15:51:16 +01:00
--backgroundsize : cover ;
2023-11-19 03:43:36 +01:00
--backgroundblur : 0 ;
2019-09-19 12:56:54 +02:00
2023-11-18 15:51:16 +01:00
--popout : var ( --background ) ;
--popoutposition : var ( --backgroundposition ) ;
--popoutsize : var ( --backgroundsize ) ;
--popoutblur : var ( --backgroundblur ) ;
2019-12-18 09:36:29 +01:00
2023-11-18 15:51:16 +01:00
--backdrop : rgba ( 0 , 0 , 0 , 0 . 85 ) ;
--backdropposition : center ;
--backdropsize : cover ;
2023-11-19 03:43:36 +01:00
--backdropblur : 0 ;
2023-11-08 13:39:17 +01:00
2023-11-08 13:45:41 +01:00
--transparencycolor_v : var ( --transparencycolor_s , var ( --transparencycolor ) ) ;
--transparencyalpha_v : var ( --transparencyalpha_s , var ( --transparencyalpha ) ) ;
--messagetransparency_v : var ( --messagetransparency_s , var ( --messagetransparency ) ) ;
2023-11-18 15:51:16 +01:00
--guildchanneltransparency_v : var ( --guildchanneltransparency_s , var ( --guildchanneltransparency ) ) ;
2023-11-08 13:45:41 +01:00
--chatinputtransparency_v : var ( --chatinputtransparency_s , var ( --chatinputtransparency ) ) ;
--memberlisttransparency_v : var ( --memberlisttransparency_s , var ( --memberlisttransparency ) ) ;
2023-11-18 15:51:16 +01:00
--accentcolor_v : var ( --accentcolor_s , var ( --accentcolor ) ) ;
2023-11-08 13:39:17 +01:00
2023-11-18 15:51:16 +01:00
--font_v : var ( --font_s , var ( --font ) ) ;
--textshadow_v : var ( --textshadow_s , var ( --textshadow ) ) ;
--settingsicons_v : var ( --settingsicons_s , var ( --settingsicons ) ) ;
2023-11-08 13:39:17 +01:00
2023-11-18 15:51:16 +01:00
--background_v : var ( --background_s , var ( --background ) ) ;
2023-11-08 13:45:41 +01:00
--backgroundposition_v : var ( --backgroundposition_s , var ( --backgroundposition ) ) ;
2023-11-18 15:51:16 +01:00
--backgroundsize_v : var ( --backgroundsize_s , var ( --backgroundsize ) ) ;
2023-11-18 15:52:00 +01:00
--backgroundblur_v : calc ( 1px * var ( --backgroundblur_s , var ( --backgroundblur ) ) ) ;
2023-11-08 13:39:17 +01:00
2023-11-18 15:51:16 +01:00
--popout_v : var ( --popout_s , var ( --popout ) ) ;
--popoutposition_v : var ( --popoutposition_s , var ( --popoutposition ) ) ;
--popoutsize_v : var ( --popoutsize_s , var ( --popoutsize ) ) ;
2023-11-18 15:52:00 +01:00
--popoutblur_v : calc ( 1px * var ( --popoutblur_s , var ( --popoutblur ) ) ) ;
2023-11-08 13:39:17 +01:00
2023-11-18 15:51:16 +01:00
--backdrop_v : var ( --backdrop_s , var ( --backdrop ) ) ;
2023-11-08 13:45:41 +01:00
--backdropposition_v : var ( --backdropposition_s , var ( --backdropposition ) ) ;
2023-11-18 15:51:16 +01:00
--backdropsize_v : var ( --backdropsize_s , var ( --backdropsize ) ) ;
2023-11-18 15:52:00 +01:00
--backdropblur_v : calc ( 1px * var ( --backdropblur_s , var ( --backdropblur ) ) ) ;
2023-11-08 13:39:17 +01:00
2023-11-18 15:51:16 +01:00
--textbrightest_v : var ( --textbrightest_s , var ( --textbrightest ) ) ;
--textbrighter_v : var ( --textbrighter_s , var ( --textbrighter ) ) ;
--textbright_v : var ( --textbright_s , var ( --textbright ) ) ;
--textdark_v : var ( --textdark_s , var ( --textdark ) ) ;
--textdarker_v : var ( --textdarker_s , var ( --textdarker ) ) ;
--textdarkest_v : var ( --textdarkest_s , var ( --textdarkest ) ) ;
2023-11-13 12:43:45 +01:00
2023-11-13 12:41:16 +01:00
2023-11-18 15:51:16 +01:00
--usechatbubbles : calc ( var ( --messagetransparency_v ) / ( var ( --messagetransparency_v ) + 0 . 00000000000000000000001 ) ) ;
2023-11-13 12:43:45 +01:00
2023-11-18 15:51:16 +01:00
--accentcolor2 : var ( --accentcolor_v ) ;
--mentioncolor : var ( --accentcolor_v ) ;
--linkcolor : var ( --accentcolor_v ) ;
2023-11-13 12:41:16 +01:00
2023-11-18 15:51:16 +01:00
--successcolor : 59 , 165 , 92 ;
--warningcolor : 250 , 166 , 26 ;
--dangercolor : 237 , 66 , 69 ;
2019-09-19 12:56:54 +02:00
}
2023-11-13 12:43:45 +01:00
2024-06-19 06:08:52 +02:00
. theme-light : not ( . userProfileOuterThemed_c69a7b ) ,
. theme-dark : not ( . userProfileOuterThemed_c69a7b ) ,
. theme-amoled : not ( . userProfileOuterThemed_c69a7b ) {
2021-05-11 11:28:22 +02:00
--text-positive : rgb ( var ( --successcolor ) ) ;
--text-warning : rgb ( var ( --warningcolor ) ) ;
--text-danger : rgb ( var ( --dangercolor ) ) ;
--info-positive-background : rgba ( var ( --successcolor ) , . 1 ) ;
--info-positive-foreground : rgb ( var ( --successcolor ) ) ;
--info-positive-text : # fff ;
--info-warning-background : rgba ( var ( --warningcolor ) , . 1 ) ;
--info-warning-foreground : rgb ( var ( --warningcolor ) ) ;
--info-warning-text : # fff ;
--info-danger-background : rgba ( var ( --dangercolor ) , . 1 ) ;
--info-danger-foreground : rgb ( var ( --dangercolor ) ) ;
--info-danger-text : # fff ;
2022-04-11 11:22:41 +02:00
--status-positive : rgb ( var ( --successcolor ) ) ;
2021-05-11 11:28:22 +02:00
--status-positive-background : rgb ( var ( --successcolor ) ) ;
--status-positive-text : # fff ;
2022-04-11 11:22:41 +02:00
--status-warning : rgb ( var ( --warningcolor ) ) ;
2021-05-11 11:28:22 +02:00
--status-warning-background : rgb ( var ( --warningcolor ) ) ;
--status-warning-text : # fff ;
2022-04-11 11:22:41 +02:00
--status-danger : rgb ( var ( --dangercolor ) ) ;
2021-05-11 11:28:22 +02:00
--status-danger-background : rgb ( var ( --dangercolor ) ) ;
--status-danger-text : # fff ;
2023-11-08 13:39:17 +01:00
--header-primary : rgb ( var ( --textbrightest_v ) ) ;
--header-secondary : rgb ( var ( --textbright_v ) ) ;
--text-normal : rgb ( var ( --textbrighter_v ) ) ;
--text-muted : rgb ( var ( --textdarker_v ) ) ;
--channels-default : rgb ( var ( --textdark_v ) ) ;
--channel-icon : rgb ( var ( --textdark_v ) ) ;
--interactive-normal : rgb ( var ( --textbright_v ) ) ;
--interactive-hover : rgb ( var ( --textbrighter_v ) ) ;
--interactive-active : rgb ( var ( --textbrightest_v ) ) ;
--interactive-muted : rgb ( var ( --textdarkest_v ) ) ;
--logo-primary : rgb ( var ( --textbrightest_v ) ) ;
2024-02-12 17:33:25 +01:00
--focus-primary : rgb ( var ( --focuscolor , var ( --accentcolor_v ) ) ) ! important ;
2023-11-08 13:39:17 +01:00
--modal-background : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
--modal-footer-background : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2023-09-23 15:30:52 +02:00
--home-background : transparent ;
2023-11-08 13:39:17 +01:00
--background-accent : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
--background-primary : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
--background-secondary : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
--background-secondary-alt : rgba ( var ( --transparencycolor_v ) , . 35 ) ;
--background-tertiary : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
--background-floating : rgba ( var ( --transparencycolor_v ) , . 5 ) ;
--background-mobile-primary : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
--background-mobile-secondary : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2024-04-06 19:15:12 +02:00
--background-modifier-accent : rgba ( var ( --textbrightest_v ) , . 15 ) ;
--background-modifier-accent-2 : rgba ( var ( --textbrightest_v ) , . 15 ) ;
--background-modifier-active : rgba ( var ( --textbrightest_v ) , . 15 ) ;
--background-modifier-hover : rgba ( var ( --textbrightest_v ) , . 1 ) ;
--background-modifier-selected : rgba ( var ( --textbrightest_v ) , . 2 ) ;
2024-05-09 11:26:16 +02:00
--card-gradient-bg : var ( --background-tertiary ) ;
--card-primary-bg : var ( --background-primary ) ;
--card-secondary-bg : var ( --background-secondary ) ;
--card-gradient-pressed-bg : var ( --background-floating ) ;
--card-primary-pressed-bg : var ( --background-secondary ) ;
--card-secondary-pressed-bg : var ( --background-tertiary ) ;
2024-04-06 19:15:12 +02:00
--bg-backdrop : rgba ( var ( --transparencycolor_v ) , . 7 ) ;
--bg-backdrop-no-opacity : rgb ( var ( --transparencycolor_v ) ) ;
--bg-base-primary : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
--bg-base-secondary : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
--bg-base-tertiary : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
--bg-mod-faint : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
--bg-mod-strong : rgba ( var ( --transparencycolor_v ) , . 54 ) ;
--bg-mod-subtle : rgba ( var ( --transparencycolor_v ) , . 48 ) ;
--background-message-automod : rgba ( var ( --dangercolor ) , . 05 ) ;
--background-message-automod-hover : rgba ( var ( --dangercolor ) , . 1 ) ;
2023-11-08 13:39:17 +01:00
--channeltextarea-background : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
--input-background : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
--elevation-low : 0 1px 5px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
--elevation-high : 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
--font-primary : var ( --font_v ) ! important ;
--font-display : var ( --font_v ) ! important ;
2024-04-06 19:41:06 +02:00
--deprecated-text-input-bg : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
--deprecated-text-input-border : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
--deprecated-text-input-border-hover : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 21:23:08 +02:00
}
2021-09-28 12:28:25 +02:00
html {
color : var ( --header-primary ) ;
}
2019-09-19 12:56:54 +02:00
/* ~~~~ 0. TABLE OF CONTENTS ~~~~ */
/ *
1 . TRANSPARENCY
2 . BACKGROUND
3 . TITLEBAR
4 . GUILDLIST
5 . CHANNELLIST
1 . GUILDHEADER
2 . CHANNELS
3 . DMCHANNELS
4 . ACCOUNT / VOICE / GOLIVE
6 . CHAT
1 . CHANNELHEADER
2 . MESSAGES
1 . MESSAGE
2 . EMBEDS
3 . NITROGIFT
4 . INVITE
3 . TEXTAREA
4 . AUTOCOMPLETEMENU
5 . MEMBERLIST
6 . SEARCHPAGE
2022-03-30 13:44:48 +02:00
7 . CHAT SIDEBAR
2021-07-24 22:12:11 +02:00
8 . CALL
9 . UNAVAILABLESCREEN
2020-03-26 00:42:57 +01:00
7 . PEOPLES
8 . STORE / NITRO
9 . LIBRARY
2021-09-28 12:28:25 +02:00
10 . DISCOVERY / UNIHUB
2020-03-26 00:42:57 +01:00
11 . USERSETTINGS
12 . GUILDSETTINGS
13 . MODALS
2019-09-19 12:56:54 +02:00
1 . USERMODAL
2 . GUILDADD / CREATION
2023-10-27 15:29:50 +02:00
3 . UPLOADMODAL
4 . KEYBOARDSHORTCUTSMODAL
5 . QUICKSWITCHER
6 . INVITEMODAL / GROUPCREATE
7 . LOGINSCREEN
8 . DOWNLOADAPPMODAL
9 . GUILDBOOSTMODAL
10 . REACTIONSMODAL
11 . GUILDWELCOMEMODAL
12 . GUILDRULESMODAL
13 . GUILDFEEDBACKMODAL
14 . SCREENSHAREMODAL
15 . PHONEVERIFICATIONMODAL
16 . NOTIFICATIONSMODAL
17 . PODIUMSTARTMODAL
2024-05-09 11:41:45 +02:00
18 . POLLMODAL
2020-03-26 00:42:57 +01:00
14 . POPOUTS
2019-09-19 12:56:54 +02:00
1 . CONTEXTMENU
2 . USERPOPOUT
3 . EMOJIPICKER
4 . PINS / MENTIONS
5 . SEARCHPOPOUT
2019-09-26 10:28:46 +02:00
6 . COLORPICKER
2019-10-14 15:57:38 +02:00
7 . ADDROLE
2020-01-30 10:22:32 +01:00
8 . EVERYONEMENTION
2020-03-25 20:19:24 +01:00
9 . CHANNELFOLLOW
10 . CHANNELFOLLOWINFO
2020-09-12 17:50:02 +02:00
11 . EMOJIINFO
2020-10-06 20:16:58 +02:00
12 . STREAMPREVIEW
2021-03-19 23:23:44 +01:00
13 . STREAMINFO
14 . PUBLICGUILDANNOUNCEMENT
2021-05-06 21:30:35 +02:00
15 . RTCSTATUSPOPOUT
16 . PHONE- / EMAILVALIDATION
2021-05-07 17:07:56 +02:00
17 . QUICKSELECTPOPOUT
2021-05-15 12:30:19 +02:00
18 . WARNINGPOPOUT
2021-11-09 17:21:22 +01:00
19 . ACTIVETHREADLISTPOPOUT
2022-09-09 14:27:08 +02:00
20 . ROLEMEMBERSPOPOUT
2022-11-03 14:51:36 +01:00
21 . FORUMFILTERPOPOUT
2023-03-12 09:41:10 +01:00
22 . ACTIVITYSHAREPOPOUT
2023-04-14 17:43:45 +02:00
23 . SOUNDBOARD
2023-04-19 13:10:29 +02:00
24 . SERVERSURVEY
2020-03-26 00:42:57 +01:00
15 . GENERAL
2019-09-19 12:56:54 +02:00
1 . TEXT
2 . BUTTONS
3 . INPUTS
4 . SEARCHBARS
5 . TAGS
2023-10-29 12:11:49 +01:00
6 . IMAGES
2019-09-19 12:56:54 +02:00
7 . SCROLLBARS
8 . NOTIFICATIONBAR
9 . TOOLTIPS
2020-03-26 00:42:57 +01:00
16 . BDSUPPORT
2021-02-03 13:00:57 +01:00
17 . POWERCORDSUPPORT
18 . PLUGINSUPPORT
2021-02-03 13:11:47 +01:00
1 . BDFDB
2 . DATEVIEWER
2021-05-13 21:18:23 +02:00
3 . MEMBERCOUNT
4 . LINENUMBERS
5 . PERMISSIONVIEWER
6 . DIRECTDOWNLOAD
7 . BETTERFORMATINGREDUX
8 . CHANNELHISTORY
9 . CHANNELTABS
10 . TYPINGINDICATOR
2023-10-27 15:31:51 +02:00
11 . CHANNELDMS
2021-02-03 13:00:57 +01:00
19 . UPDATENOTICE
20 . WATERMARK
2019-09-19 12:56:54 +02:00
* /
/* ~~~~ 1. TRANSPARENCY ~~~~ */
2023-11-18 17:40:58 +01:00
body , /* body */
2024-06-19 06:08:52 +02:00
# app-mount . app_bd26cc , /* app container */
# app-mount . app_a01fb1 , /* app inner */
# app-mount . loading_cea94f , /* app i18n loading */
# app-mount . wrapper_b06619 , /* app errorscreen */
# app-mount . bg_d4b6c5 , /* app background */
# app-mount . layer_d4b6c5 , /* layer container */
# app-mount . container_cbd271 , /* layer container */
# app-mount . container_ee69e0 , /* channels inner */
# app-mount . privateChannels_f0963d , /* dmchannels */
# app-mount . directoryContainer_da3f59 , /* server app directory */
# app-mount . panels_a4d4d9 > * , /* account/voice inner */
# app-mount . chat_a7d72e , /* chat container */
# app-mount . chatContent_a7d72e , /* chat channel */
# app-mount . container_a6d69a , /* chat forums */
# app-mount . container_f1fd9c , /* chat search */
# app-mount . container_c2efea , /* chat search inner */
# app-mount . container_d1c246 , /* chat thread sidebar */
# app-mount . wrapper_ba0ffb , /* chat messages loading */
# app-mount . noChannel_e1ef5f , /* nochannel */
# app-mount . members_cbd271 , /* members */
# app-mount . members_cbd271 > div , /* members content */
# app-mount . content_b47fac , /* unavailable */
# app-mount . container_c2739c , /* peoples */
# app-mount . container_bf550a , /* peoples activity list */
# app-mount . applicationStore_cecc86 , /* nitro */
# app-mount . shop_e77fa3 , /* shop */
# app-mount . containerSidenav_d576e9 , /* family control */
# app-mount . pageWrapper_a3a4ce , /* guilddiscovery */
# app-mount . pageContainer_a9a262 , /* unihub */
# app-mount . scrollerBase_eed6a8 , /* scroller */
# app-mount . standardSidebarView_c25c6d , /* settings */
# app-mount . contentRegion_c25c6d { /* settings content */
2019-09-19 12:56:54 +02:00
background : transparent ;
}
2024-06-19 06:08:52 +02:00
# app-mount . scroller_bf550a { /* peoples activity scroller */
2021-05-13 20:58:14 +02:00
border : none ;
}
2024-06-19 06:08:52 +02:00
# app-mount . sidebarRegion_c25c6d , /* settings sidebar */
2023-11-18 17:05:50 +01:00
# app-mount . sidebar__0OpfR { /* sidebarlist sidebar */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( 0 . 2 * ( var ( --transparencyalpha_v ) / ( var ( --transparencyalpha_v ) + 0 . 00000000000000000000001 ) ) ) ) ;
2020-08-04 12:17:56 +02:00
}
2019-09-24 11:47:20 +02:00
2023-11-18 17:05:50 +01:00
# app-mount { /* app-mount */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , var ( --transparencyalpha_v ) ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . wrapper_fea3ef { /* guilds container */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --guildchanneltransparency_v ) * 2 ) ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . sidebar_a4d4d9 { /* channels container */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , var ( --guildchanneltransparency_v ) ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . panels_a4d4d9 { /* account/voice container */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --guildchanneltransparency_v ) / 1 . 5 ) ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . container_e44302 . themed_e44302 { /* channelheader container */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , var ( --guildchanneltransparency_v ) ) ;
2019-09-24 11:47:20 +02:00
}
2023-11-18 17:05:50 +01:00
# app-mount . chatHeaderBar__3e137 { /* channelheader sub header */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , var ( --guildchanneltransparency_v ) ) ;
2022-03-30 13:44:48 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . membersWrap_cbd271 { /* members container */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , var ( --memberlisttransparency_v ) ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . nowPlayingColumn_c2739c { /* peoples now playing */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , var ( --memberlisttransparency_v ) ) ;
2020-01-24 18:50:34 +01:00
}
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . image_b06619 { /* app errorscreen image */
2023-10-26 15:45:11 +02:00
background-image : url ( https : / / discord . com / assets / 72eaa596042042be6259 . svg ) ;
2019-09-19 20:17:19 +02:00
opacity : 0 . 6 ;
}
2019-09-19 12:56:54 +02:00
2023-11-18 17:05:50 +01:00
/* ~~~~ 2. BACKGROUND ~~~~ */
2019-09-19 12:56:54 +02:00
2021-06-26 16:48:42 +02:00
body :: before ,
body :: after {
2018-10-24 21:35:17 +02:00
content : "" ;
2021-04-21 17:42:07 +02:00
position : fixed ;
2018-10-24 21:35:17 +02:00
top : 0 ;
left : 0 ;
right : 0 ;
bottom : 0 ;
2021-06-26 17:05:43 +02:00
pointer-events : none ;
2021-06-26 16:48:42 +02:00
z-index : -1 ;
}
body :: before {
2023-11-08 13:39:17 +01:00
background : var ( --background_v ) var ( --backgroundposition_v ) / var ( --backgroundsize_v ) ;
2021-06-26 16:48:42 +02:00
}
body :: after {
2023-11-08 13:39:17 +01:00
backdrop-filter : blur ( var ( --backgroundblur_v ) ) ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
. layer_d4b6c5 {
2021-09-11 19:35:49 +02:00
z-index : 1000 ;
}
2024-06-19 06:08:52 +02:00
. container_e40c16 :: before ,
. layer_d4b6c5 ~ . layer_d4b6c5 :: before ,
. root_f906dd :: before ,
. container_e40c16 :: after ,
. layer_d4b6c5 ~ . layer_d4b6c5 :: after ,
. root_f906dd :: after {
2021-07-01 22:49:45 +02:00
content : "" ;
position : absolute ;
top : 0 ;
left : 0 ;
right : 0 ;
bottom : 0 ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. container_e40c16 :: before ,
. layer_d4b6c5 ~ . layer_d4b6c5 :: before ,
. root_f906dd :: before {
2023-11-08 13:39:17 +01:00
background : var ( --background_v ) var ( --backgroundposition_v ) / var ( --backgroundsize_v ) ;
2021-07-01 22:49:45 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. container_e40c16 :: after ,
. layer_d4b6c5 ~ . layer_d4b6c5 :: after ,
. root_f906dd :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , var ( --transparencyalpha_v ) ) ;
backdrop-filter : blur ( var ( --backgroundblur_v ) ) ;
2021-07-01 22:49:45 +02:00
}
2024-06-19 06:08:52 +02:00
. uploadArea_f82cc7 ,
2024-03-28 18:23:28 +01:00
. backdrop__7b2e0 ,
. backdrop__1a911 {
2021-06-26 21:00:04 +02:00
background : transparent ! important ;
opacity : 1 ! important ;
animation : none ! important ;
2024-04-14 09:14:44 +02:00
backdrop-filter : unset ! important ;
2021-06-26 21:00:04 +02:00
}
2024-06-19 06:08:52 +02:00
. uploadArea_f82cc7 :: before ,
2024-03-28 18:23:28 +01:00
. backdrop__7b2e0 :: before ,
. backdrop__1a911 :: before ,
2024-06-19 06:08:52 +02:00
. uploadArea_f82cc7 :: after ,
2024-03-28 18:23:28 +01:00
. backdrop__7b2e0 :: after ,
. backdrop__1a911 :: after {
2021-04-21 17:42:07 +02:00
content : "" ;
position : absolute ;
top : 0 ;
left : 0 ;
right : 0 ;
bottom : 0 ;
pointer-events : none ;
2021-06-26 21:00:04 +02:00
z-index : -2 ;
2021-04-22 10:08:38 +02:00
}
2024-06-19 06:08:52 +02:00
. uploadArea_f82cc7 :: before ,
2024-03-28 18:23:28 +01:00
. backdrop__7b2e0 :: before ,
. backdrop__1a911 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --backdrop_v ) var ( --backdropposition_v ) / var ( --backdropsize_v ) ;
2021-06-26 17:05:43 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. uploadArea_f82cc7 :: after ,
2024-03-28 18:23:28 +01:00
. backdrop__7b2e0 :: after ,
. backdrop__1a911 :: after {
2023-11-08 13:39:17 +01:00
backdrop-filter : blur ( var ( --backdropblur_v ) ) ;
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
. withLayer__29ace {
2019-09-19 12:56:54 +02:00
z-index : -1 ;
2019-07-29 22:06:38 +02:00
}
2019-09-19 12:56:54 +02:00
2023-11-18 17:05:50 +01:00
/* ~~~~ 3. TITLEBAR ~~~~ */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
. titleBar_a934d8 {
2020-08-26 16:14:26 +02:00
z-index : 5001 ;
2019-07-24 09:04:50 +02:00
}
2024-06-19 06:08:52 +02:00
. titleBar_a934d8 :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
pointer-events : none ;
position : absolute ;
z-index : -1 ;
top : 0 ;
left : 0 ;
width : 100 % ;
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( 0 . 1 + var ( --guildchanneltransparency_v ) * 2 ) ) ;
2019-07-24 09:04:50 +02:00
}
2024-06-19 06:08:52 +02:00
. titleBar_a934d8 : not ( . typeMacOS_a934d8 ) :: after {
2019-09-19 12:56:54 +02:00
height : 22px ;
2019-07-25 10:23:06 +02:00
}
2024-06-19 06:08:52 +02:00
. titleBar_a934d8 . typeMacOS_a934d8 :: after {
2020-08-26 16:14:26 +02:00
height : 28px ;
width : calc ( 100 % - 4px ) ;
margin : 2px ;
border-radius : 5px ;
2019-07-25 10:23:06 +02:00
}
2024-06-19 06:08:52 +02:00
. titleBar_a934d8 . typeMacOS_a934d8 ,
. titleBar_a934d8 . typeMacOS_a934d8 . macButtons_a934d8 {
2019-09-19 12:56:54 +02:00
width : 72px ;
}
2024-06-19 06:08:52 +02:00
. titleBar_a934d8 . typeMacOS_a934d8 . typeMacOSWithFrame_a934d8 . macButtons_a934d8 {
2019-09-19 12:56:54 +02:00
margin-top : 0 ;
margin-right : 0 ;
2019-05-22 10:31:02 +02:00
}
2024-06-19 06:08:52 +02:00
. platform-osx . wrapper_fea3ef {
2020-08-26 16:14:26 +02:00
margin-top : 0 ;
padding-top : 32px ;
}
2024-06-19 06:08:52 +02:00
. platform-osx . standardSidebarView_c25c6d :: before {
2020-08-26 16:14:26 +02:00
left : 72px ;
}
2024-06-19 06:08:52 +02:00
. winButtonMinMax_a934d8 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-05-01 21:46:13 +02:00
}
2019-02-04 12:15:46 +01:00
2019-09-19 12:56:54 +02:00
2023-11-18 17:05:50 +01:00
/* ~~~~ 4. GUILDLIST ~~~~ */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
# app-mount . childWrapper_a6ce15 { /* homebutton/acronym innerwrap */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-05-06 17:50:44 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
font-weight : 500 ;
2018-12-14 00:14:32 +01:00
}
2024-03-28 18:23:28 +01:00
# app-mount . wrapper__8436d : hover . childWrapper_a6ce15 ,
# app-mount . wrapper__8436d . selected_ae80f7 . childWrapper_a6ce15 {
2023-07-14 09:56:01 +02:00
background-color : var ( --brand-experiment ) ;
2023-11-08 13:39:17 +01:00
text-shadow : 1px 1px var ( --textshadow_v ) ;
2019-12-18 10:55:02 +01:00
}
2024-03-28 18:23:28 +01:00
# app-mount . wrapper__8436d rect [ fill ] {
2023-11-08 13:39:17 +01:00
fill : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-12-09 22:14:47 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . noIcon_f11207 { /* acronym minicontainer */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . circleIconButton_db6521 { /* guildadd/discovery innerwrap */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . circleIconButton_db6521 . selected_db6521 {
2023-03-01 14:51:13 +01:00
background-color : var ( --green-360 ) ;
2023-02-15 18:35:37 +01:00
}
2018-10-11 10:21:26 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . guildIconUnavailable_bc7085 , /* guilderror miniicon */
2024-03-28 18:23:28 +01:00
# app-mount . guildsError__32e67 { /* guilderror innerwrap */
2021-05-11 11:28:22 +02:00
background-color : rgba ( var ( --dangercolor ) ) , . 3 ) ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . dragInner_f734d8 { /* dragplaceholder */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
. wrapper_bc7085 { /* folder outerwrap */
2019-09-19 12:56:54 +02:00
margin-bottom : 8px ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . folder_bc7085 { /* folder iconwrap */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-03-25 14:13:02 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . folder_bc7085 . hover_bc7085 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. expandedFolderBackground_bc7085 { /* folder background */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
border-radius : 15px 15px 24px 24px ;
top : 0 ;
bottom : 0 ;
2020-12-22 18:09:12 +01:00
margin-bottom : 8px ;
2019-09-19 12:56:54 +02:00
transition : border-radius 3s ease , background-color 1s ease ;
}
2024-06-19 06:08:52 +02:00
. expandedFolderBackground_bc7085 . hover_bc7085 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2019-05-01 21:21:11 +02:00
}
2024-06-19 06:08:52 +02:00
. wrapper_fea3ef : not ( . content_Pph8t6 ) . wrapper_bc7085 [ role = "group" ] { /* folder guildwrap */
2020-12-22 18:09:12 +01:00
margin-bottom : -8px ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. wrapper_fea3ef : not ( . content_Pph8t6 ) . wrapper_bc7085 [ role = "group" ] . listItem_c96c45 : last-child {
2019-09-19 12:56:54 +02:00
margin-bottom : 0 ;
2018-12-26 20:56:57 +01:00
}
2024-06-19 06:08:52 +02:00
. bar_c10249 { /* guild/channelbar inner */
2023-11-08 13:39:17 +01:00
box-shadow : 0 2px 6px rgba ( var ( --transparencycolor_v ) , . 24 ) ;
2019-09-11 21:19:43 +02:00
}
2024-06-19 06:08:52 +02:00
. bar_c10249 : not ( . mention_c10249 ) {
2020-11-24 10:38:02 +01:00
background-color : transparent ;
2019-09-19 12:56:54 +02:00
overflow : hidden ;
2019-09-11 21:19:43 +02:00
}
2024-06-19 06:08:52 +02:00
. bar_c10249 : not ( . mention_c10249 ) :: before ,
. bar_c10249 : not ( . mention_c10249 ) :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
2020-11-02 23:51:53 +01:00
pointer-events : none ;
z-index : -1 ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
. bar_c10249 : not ( . mention_c10249 ) :: before {
2023-11-08 13:39:17 +01:00
background : var ( --background_v ) var ( --backgroundposition_v ) / var ( --backgroundsize_v ) ;
2021-06-26 17:05:43 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. bar_c10249 : not ( . mention_c10249 ) :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 1 ) ) ;
backdrop-filter : blur ( var ( --backgroundblur_v ) ) ;
2020-11-24 10:38:02 +01:00
}
2024-06-19 06:08:52 +02:00
. sidebar_a4d4d9 . bar_c10249 : not ( . mention_c10249 ) :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + var ( --guildchanneltransparency_v ) * 0 . 85 + 0 . 1 ) ) ;
2020-11-24 10:38:02 +01:00
}
2024-06-19 06:08:52 +02:00
. wrapper_fea3ef . bar_c10249 : not ( . mention_c10249 ) :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + var ( --guildchanneltransparency_v ) * 1 . 9 + 0 . 1 ) ) ;
2020-11-24 10:38:02 +01:00
}
2018-10-11 10:21:26 +02:00
2019-09-19 12:56:54 +02:00
2023-11-18 17:05:50 +01:00
/* ~~~~ 5. CHANNELLIST ~~~~ */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . sidebar_a4d4d9 { /* channels container */
2019-09-19 12:56:54 +02:00
border-radius : 0 ;
2018-10-11 10:21:26 +02:00
}
2023-11-18 17:05:50 +01:00
/* ---- 5.1. GUILDHEADER ---- */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
. container_fd6364 . animatedContainer_fd6364 { /* banner wrap */
2023-10-27 11:49:32 +02:00
background : none ;
box-shadow : none ;
}
2024-06-19 06:08:52 +02:00
. bannerImage_fd6364 { /* banner image */
2019-09-19 12:56:54 +02:00
-webkit-mask : linear-gradient ( rgba ( 0 , 0 , 0 , 0 . 9 ) 70 % , rgba ( 0 , 0 , 0 , 0 ) 100 % ) ;
}
2024-06-19 06:08:52 +02:00
. bannerImage_fd6364 :: before {
2019-09-19 12:56:54 +02:00
display : none ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
. header_fd6364 , /* header inner */
. searchBar_f0963d { /* header searchbar */
2023-11-08 13:39:17 +01:00
box-shadow : 0 1px 0 rgba ( var ( --transparencycolor_v ) , . 2 ) , 0 1 . 5px 0 rgba ( var ( --transparencycolor_v ) , . 05 ) , 0 2px 0 rgba ( var ( --transparencycolor_v ) , . 05 ) ;
2023-10-27 11:49:32 +02:00
}
2024-06-19 06:08:52 +02:00
. searchBar_f0963d . searchBarComponent_f0963d { /* header searchbarinner */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
. clickable_fd6364 : not ( . hasBanner_fd6364 ) . header_fd6364 : hover ,
. selected_fd6364 : not ( . hasBanner_fd6364 ) . header_fd6364 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2018-10-11 10:21:26 +02:00
}
2023-11-18 17:05:50 +01:00
/* ---- 5.2. CHANNELS ---- */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
. wrapper_d8bfb3 : hover . link_d8bfb3 { /* channel content */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
. wrapper_d8bfb3 : hover . link_d8bfb3 [ style * = "color: var(--text-muted)" ] {
2022-09-22 14:41:50 +02:00
color : var ( --header-secondary ) ! important ;
}
2024-06-19 06:08:52 +02:00
. modeSelected_d8bfb3 . link_d8bfb3 ,
. modeSelected_d8bfb3 : hover . link_d8bfb3 {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
text-shadow : 1px 1px var ( --textshadow_v ) ;
2021-05-06 12:41:55 +02:00
}
2024-06-19 06:08:52 +02:00
. modeSelected_d8bfb3 . link_d8bfb3 [ style * = "color: var(--text-muted)" ] ,
. modeSelected_d8bfb3 : hover . link_d8bfb3 [ style * = "color: var(--text-muted)" ] {
2022-09-22 14:41:50 +02:00
color : var ( --header-secondary ) ! important ;
}
2024-06-19 06:08:52 +02:00
. modeSelected_d8bfb3 . link_d8bfb3 svg ,
. modeSelected_d8bfb3 : hover . link_d8bfb3 svg {
2023-11-08 13:39:17 +01:00
filter : drop-shadow ( 1px 1px var ( --textshadow_v ) ) ;
2021-05-06 12:41:55 +02:00
}
2018-10-11 10:21:26 +02:00
2024-06-19 06:08:52 +02:00
. icon_d8bfb3 { /* channel icon */
2021-05-06 12:47:10 +02:00
color : var ( --channels-default ) ;
}
2024-06-19 06:08:52 +02:00
. modeMuted_d8bfb3 . icon_d8bfb3 {
2021-05-06 12:47:10 +02:00
color : var ( --interactive-muted ) ;
}
2024-06-19 06:08:52 +02:00
. modeMuted_d8bfb3 : hover . icon_d8bfb3 ,
. wrapper_d8bfb3 : hover . icon_d8bfb3 {
2021-05-06 12:47:10 +02:00
color : var ( --interactive-hover ) ;
}
2024-06-19 06:08:52 +02:00
. modeConnected_d8bfb3 . icon_d8bfb3 ,
. modeConnected_d8bfb3 : hover . icon_d8bfb3 ,
. modeSelected_d8bfb3 . icon_d8bfb3 ,
. modeSelected_d8bfb3 : hover . icon_d8bfb3 ,
. modeUnreadImportant_d8bfb3 . icon_d8bfb3 ,
. modeUnreadImportant_d8bfb3 : hover . icon_d8bfb3 ,
. modeUnreadImportant_d8bfb3 . icon_d8bfb3 ,
. modeUnreadImportant_d8bfb3 : hover . icon_d8bfb3 ,
. notInteractive_d8bfb3 . modeConnected_d8bfb3 . icon_d8bfb3 ,
. notInteractive_d8bfb3 . modeSelected_d8bfb3 . icon_d8bfb3 {
2021-05-06 12:47:10 +02:00
color : var ( --interactive-active ) ;
}
2024-06-19 06:08:52 +02:00
. modeConnected_d8bfb3 . subtitle_d8bfb3 , /* channel subtitle */
. modeConnected_d8bfb3 : hover . subtitle_d8bfb3 ,
. modeSelected_d8bfb3 . subtitle_d8bfb3 ,
. modeSelected_d8bfb3 : hover . subtitle_d8bfb3 ,
. modeUnreadImportant_d8bfb3 . subtitle_d8bfb3 ,
. modeUnreadImportant_d8bfb3 : hover . subtitle_d8bfb3 ,
. modeUnreadImportant_d8bfb3 . subtitle_d8bfb3 ,
. modeUnreadImportant_d8bfb3 : hover . subtitle_d8bfb3 ,
. notInteractive_d8bfb3 . modeConnected_d8bfb3 . subtitle_d8bfb3 ,
. notInteractive_d8bfb3 . modeSelected_d8bfb3 . subtitle_d8bfb3 {
2023-10-27 11:49:32 +02:00
color : var ( --interactive-normal ) ;
}
2024-06-19 06:08:52 +02:00
. spine_e1e976 { /* channel thread spine */
2023-10-27 11:49:32 +02:00
color : var ( --channels-default ) ;
}
2024-06-19 06:08:52 +02:00
. wrapper_a5bc92 { /* voicechat limit */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 15 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. wrapper_a5bc92 . users_a5bc92 {
2019-09-19 12:56:54 +02:00
background-color : transparent ;
}
2024-06-19 06:08:52 +02:00
. wrapper_a5bc92 . total_a5bc92 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. wrapper_a5bc92 . total_a5bc92 :: after {
2023-11-08 13:39:17 +01:00
border-right-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
. listDefault_cdc675 . clickable_cdc675 : hover . content_cdc675 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . streamPreview_adbea6 {
2022-07-28 17:25:07 +02:00
position : relative ;
background-color : transparent ;
color : var ( --header-secondary ) ;
overflow : hidden ;
}
2024-06-19 06:08:52 +02:00
. streamPreview_adbea6 :: before ,
. streamPreview_adbea6 :: after {
2022-07-28 17:25:07 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 5px ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. streamPreview_adbea6 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2022-07-28 17:25:07 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. streamPreview_adbea6 :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2022-07-28 17:25:07 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . previewContainer_adbea6 {
2022-07-28 17:25:07 +02:00
background-color : transparent ;
}
2024-06-19 06:08:52 +02:00
# app-mount . watchButton_adbea6 {
2022-07-28 17:25:07 +02:00
border-color : var ( --header-secondary ) ;
color : var ( --header-secondary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . watchButton_adbea6 : not ( [ disabled ] ) : hover {
2022-07-28 17:25:07 +02:00
border-color : var ( --header-primary ) ;
color : var ( --header-primary ) ;
}
2023-11-18 17:05:50 +01:00
/* ---- 5.3. DMCHANNELS ---- */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
. interactive_f5eb4b : focus-within , /* dmchannel/page inner */
. interactive_f5eb4b : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
. selected_f5eb4b ,
. selected_f5eb4b : focus-within ,
. selected_f5eb4b : hover {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2022-03-31 22:32:15 +02:00
color : var ( --header-primary ) ;
2023-11-08 13:39:17 +01:00
text-shadow : 1px 1px var ( --textshadow_v ) ;
2019-12-18 10:24:01 +01:00
}
2024-06-19 06:08:52 +02:00
. selected_f5eb4b svg : not ( . svg_c51b4e ) {
2023-11-08 13:39:17 +01:00
filter : drop-shadow ( 1px 1px var ( --textshadow_v ) ) ;
2022-12-09 14:00:16 +01:00
}
2019-12-19 10:26:15 +01:00
2024-06-19 06:08:52 +02:00
. empty_c47fa9 { /* loadingplaceholders */
2023-11-08 13:39:17 +01:00
fill : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2019-09-19 14:29:45 +02:00
}
2019-09-19 12:56:54 +02:00
2023-11-18 17:05:50 +01:00
/* ---- 5.4. ACCOUNT/VOICE/GOLIVE ---- */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
. panels_a4d4d9 > * , /* account/voice inner */
. panels_a4d4d9 . wrapper_adcaac > * { /* account/voice inner */
2023-03-14 20:29:00 +01:00
background : none ;
2019-09-19 12:56:54 +02:00
border : none ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
. panels_a4d4d9 > * : not ( : empty ) ~ * : not ( : empty ) {
2023-11-08 13:39:17 +01:00
border-top : 1px solid rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-03-08 21:11:30 +01:00
}
2024-06-19 06:08:52 +02:00
button . button_f67531 . enabled_f67531 { /* account/voice panel button */
2019-09-19 12:56:54 +02:00
opacity : 0 . 7 ;
}
2024-06-19 06:08:52 +02:00
button . button_f67531 . enabled_f67531 : hover {
2019-09-19 12:56:54 +02:00
opacity : 1 ;
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2019-02-24 10:41:42 +01:00
}
2024-06-19 06:08:52 +02:00
. withTagAsButton_b2ca13 : hover ,
. withTagless_b2ca13 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2022-04-08 11:41:55 +02:00
}
2024-06-19 06:08:52 +02:00
button . button_f67531 . enabled_f67531 : hover svg {
2023-11-08 13:39:17 +01:00
filter : drop-shadow ( 1px 1px var ( --textshadow_v ) ) ;
2020-06-01 10:52:07 +02:00
}
2024-06-19 06:08:52 +02:00
. button_adcaac . buttonColor_adcaac {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-06-23 23:31:46 +02:00
}
2024-06-19 06:08:52 +02:00
. button_adcaac . buttonColor_adcaac . disabledButtonWrapper_dd4f85 {
2024-04-06 09:22:57 +02:00
background-color : rgba ( var ( --transparencycolor_v ) , . 15 ) ;
}
2024-06-19 06:08:52 +02:00
. button_adcaac . buttonColor_adcaac : not ( . disabledButtonWrapper_dd4f85 ) : hover {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2020-06-23 23:31:46 +02:00
}
2024-06-19 06:08:52 +02:00
. button_adcaac . buttonColor_adcaac . buttonActive_adcaac ,
. button_adcaac . buttonColor_adcaac . buttonActive_adcaac : hover {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
text-shadow : 1px 1px var ( --textshadow_v ) ;
2020-06-23 23:31:46 +02:00
}
2024-06-19 06:08:52 +02:00
. button_adcaac . buttonColor_adcaac . buttonActive_adcaac svg ,
. button_adcaac . buttonColor_adcaac . buttonActive_adcaac : hover svg {
2023-11-08 13:39:17 +01:00
filter : drop-shadow ( 1px 1px var ( --textshadow_v ) ) ;
2020-06-23 23:31:46 +02:00
}
2018-10-11 10:21:26 +02:00
2023-11-18 17:05:50 +01:00
/* ~~~~ 6. CHAT ~~~~ */
2019-02-12 12:24:29 +01:00
2024-06-19 06:08:52 +02:00
. chat_a7d72e . threadSidebarOpen_a7d72e { /* chat threadsidebar open */
2023-10-27 11:49:32 +02:00
border-radius : 0 ;
}
2024-06-19 06:08:52 +02:00
. editor_bcfa1e { /* chat editor */
2023-10-11 13:06:10 +02:00
border : none ;
}
2024-03-28 18:23:28 +01:00
# app-mount . background_c54132 . container_c68a2c ,
# app-mount . background_c54132 . container__29699 ,
# app-mount . background_c54132 . container__60371 ,
# app-mount . background_c54132 . icon_ac2d0d ,
# app-mount . background_c54132 . containerCard__95c7a ,
# app-mount . background_c54132 . containerCard__95c7a : hover ,
# app-mount . background_c54132 . interactiveCard_d92364 ,
# app-mount . background_c54132 . emptyStateContainer__08276 ,
# app-mount . background_c54132 . card_d4f6c7 ,
2024-06-19 06:08:52 +02:00
# app-mount . container_a6d69a . mainCard_a6d69a ,
# app-mount . container_a6d69a . sidebarCard_e85cee ,
# app-mount . container_f1fd9c . channelRow_f04d06 {
2022-11-22 01:59:05 +01:00
background-color : var ( --background-secondary ) ;
2022-10-11 14:02:10 +02:00
}
@ media ( max-width : 1300px ) {
2024-03-28 18:23:28 +01:00
. container__29699 ,
. container__60371 {
2022-10-11 14:02:10 +02:00
background : none ! important ;
}
}
2024-03-28 18:23:28 +01:00
# app-mount . background_c54132 . containerCard__95c7a {
2022-10-11 14:02:10 +02:00
border-color : var ( --background-secondary ) ;
}
2024-03-28 18:23:28 +01:00
# app-mount . background_c54132 . container__55cc1 : hover ,
2024-06-19 06:08:52 +02:00
# app-mount . container_a6d69a . pill_c993da ,
# app-mount . container_f1fd9c . channelRow_f04d06 : hover {
2022-10-11 14:02:10 +02:00
background : var ( --background-tertiary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . scrollerContainer_c6b11b ,
# app-mount . emptyPage_c6b11b {
2024-06-16 16:37:35 +02:00
background : var ( --bg-overlay-chat , var ( --background-primary ) ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . scrollerContainer_c6b11b . prompt_c6b11b {
2024-06-16 16:37:35 +02:00
background : var ( --background-secondary ) ;
}
2024-06-19 06:08:52 +02:00
. contentPreview_a57509 { /* forum list item */
2023-11-08 13:39:17 +01:00
border-color : rgb ( var ( --transparencycolor_v ) ) ;
2022-12-14 10:51:20 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . textContentFooter_a57509 { /* forum list item footer */
2023-11-08 13:39:17 +01:00
background : linear-gradient ( 0deg , rgba ( var ( --transparencycolor_v ) , . 5 ) , rgba ( var ( --transparencycolor_v ) , . 1 ) ) ;
2022-12-14 10:51:20 +01:00
}
2024-06-19 06:08:52 +02:00
. container_b385c8 {
2022-09-07 11:49:24 +02:00
border-color : var ( --background-floating ) ;
}
2024-06-19 06:08:52 +02:00
. divider_af45f8 { /* forum fat divider */
2022-09-07 11:49:24 +02:00
background : var ( --background-floating ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . container_a57509 . isOpen_a57509 { /* forum selected post */
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
text-shadow : 1px 1px var ( --textshadow_v ) ;
2022-09-22 14:41:50 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . container_a57509 . isOpen_a57509 . defaultColor__77578 ,
# app-mount . container_a57509 . isOpen_a57509 [ style * = "color: var(--header-secondary)" ] {
2022-09-22 14:41:50 +02:00
color : var ( --header-primary ) ! important ;
}
2024-06-19 06:08:52 +02:00
# app-mount . container_a57509 . isOpen_a57509 . author__185be a ,
# app-mount . container_a57509 . isOpen_a57509 [ style * = "color: var(--text-muted)" ] {
2022-09-22 14:41:50 +02:00
color : var ( --header-secondary ) ! important ;
}
2022-09-07 11:49:24 +02:00
2023-11-18 17:05:50 +01:00
/* ---- 6.1. CHANNELHEADER ---- */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
. container_e44302 . themed_e44302 { /* header themedcontainer */
2023-11-08 13:39:17 +01:00
box-shadow : 0 1px 0 rgba ( var ( --transparencycolor_v ) , . 2 ) , 0 1 . 5px 0 rgba ( var ( --transparencycolor_v ) , . 05 ) , 0 2px 0 rgba ( var ( --transparencycolor_v ) , . 05 ) ;
2023-10-27 11:49:32 +02:00
}
2024-06-19 06:08:52 +02:00
. input_f8b740 : focus { /* header dmchannelinput */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
. input_f8b740 : focus ,
. outer_f8b740 : hover . input_f8b740 {
2023-11-08 13:39:17 +01:00
box-shadow : inset 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
. children_e44302 :: after { /* header topicgradient */
2023-10-27 11:49:32 +02:00
display : none ;
}
2024-03-28 18:23:28 +01:00
. akaBadge__27cd4 { /* header aka */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2023-10-27 11:49:32 +02:00
}
2024-06-19 06:08:52 +02:00
. searchBar_a46bef { /* header searchbar */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-05-06 12:10:06 +02:00
}
2021-05-06 12:41:18 +02:00
# app-mount . public-DraftEditorPlaceholder-root {
2023-11-08 13:39:17 +01:00
color : rgb ( var ( --textdarker_v ) ) ;
2021-05-06 12:41:18 +02:00
}
# app-mount . public-DraftEditorPlaceholder-hasFocus {
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . searchFilter_b0fa94 ,
# app-mount . searchAnswer_b0fa94 {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
text-shadow : 1px 1px var ( --textshadow_v ) ;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
2023-11-18 17:05:50 +01:00
/* ---- 6.2. MESSAGES ---- */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
. clickableAction_e3f878 : hover . action_e3f878 , /* guidancechannel options */
. row_b53f4f : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2023-10-27 11:49:32 +02:00
}
2024-06-19 06:08:52 +02:00
. emptyChannelIcon_c2668b { /* welcomemessage empty channelicon */
2023-11-02 21:41:36 +01:00
position : relative ;
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2023-11-02 21:41:36 +01:00
overflow : hidden ;
2023-10-27 11:49:32 +02:00
}
2024-06-19 06:08:52 +02:00
. emptyChannelIcon_c2668b :: before {
2023-10-29 13:07:45 +01:00
content : "" ;
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
background : var ( --header-primary ) ;
-webkit-mask : url ( https : / / discord . com / assets / 1b60cdb56c8c081495ac . svg ) center no-repeat ;
}
2023-10-27 11:49:32 +02:00
2024-06-19 06:08:52 +02:00
. button_ccfa44 : hover { /* welcomemessage edit channel */
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2021-05-06 17:50:44 +02:00
color : var ( --interactive-active ) ;
2023-11-08 13:39:17 +01:00
text-shadow : 1px 1px var ( --textshadow_v ) ;
2021-02-25 12:53:14 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . role_deddac { /* welcomemessage role */
2021-02-25 12:53:14 +01:00
background : transparent ;
2023-11-08 13:39:17 +01:00
border-color : rgba ( var ( --textbrighter_v ) , . 6 ) ;
2021-02-25 12:53:14 +01:00
border-radius : 5px ;
height : 22px ;
padding : 0 5px ;
position : relative ;
}
2024-06-19 06:08:52 +02:00
# app-mount . role_deddac [ style * = "border-color: rgba(185, 187, 190, .6)" ] {
2023-11-08 13:39:17 +01:00
border-color : rgba ( var ( --textbrighter_v ) , . 6 ) ! important ;
2021-02-25 12:53:14 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . role_deddac . roleColor_deddac { /* welcomemessage rolecircle */
2021-02-25 12:53:14 +01:00
position : absolute ;
2021-05-06 17:50:44 +02:00
background-color : var ( --text-normal ) ;
2021-02-25 12:53:14 +01:00
border-radius : 3px ;
opacity : 0 . 5 ;
height : 100 % ;
width : 100 % ;
margin : 0 ;
left : 0 ;
top : 0 ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . role_deddac : hover . roleColor_deddac {
2021-02-25 12:53:14 +01:00
opacity : 0 . 8 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . role_deddac . roleColor_deddac [ style * = "background-color: rgb(185, 187, 190)" ] {
2021-05-06 17:50:44 +02:00
background-color : var ( --text-normal ) ! important ;
2021-02-25 12:53:14 +01:00
}
2024-06-19 06:08:52 +02:00
. divider_fc5f50 . hasContent_fc5f50 { /* divider hascontent */
2021-07-13 02:02:26 +02:00
border-width : calc ( 1px * ( 1 - var ( --usechatbubbles ) ) ) ;
}
2024-06-19 06:08:52 +02:00
. divider_fc5f50 . hasContent_fc5f50 :: before {
2021-07-13 02:02:26 +02:00
content : "" ;
position : absolute ;
top : -0 . 6rem ;
bottom : -0 . 6rem ;
right : -0 . 2rem ;
left : 0 ;
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --transparencycolor_v ) , calc ( var ( --messagetransparency_v ) * 0 . 5 ) ) ;
2021-07-13 02:02:26 +02:00
border-radius : 5px ;
pointer-events : none ;
z-index : -1 ;
2020-01-30 10:22:32 +01:00
}
2024-06-19 06:08:52 +02:00
. content_fc5f50 { /* divider content */
2021-07-13 02:02:26 +02:00
position : absolute ;
background-color : transparent ;
padding : 2px 8px ;
width : unset ;
}
2024-06-19 06:08:52 +02:00
. content_fc5f50 :: before ,
. content_fc5f50 :: after {
2021-07-13 02:02:26 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
pointer-events : none ;
opacity : calc ( 1 - var ( --usechatbubbles ) ) ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. content_fc5f50 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --background_v ) var ( --backgroundposition_v ) / var ( --backgroundsize_v ) ;
2021-07-13 02:02:26 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. content_fc5f50 :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , var ( --transparencyalpha_v ) ) ;
backdrop-filter : blur ( var ( --backgroundblur_v ) ) ;
2021-07-13 02:02:26 +02:00
}
2024-06-19 06:08:52 +02:00
. unreadPill_fc5f50 { /* divider unreadpill */
2023-10-27 11:49:32 +02:00
border-radius : calc ( 4px * var ( --usechatbubbles ) ) 4px 4px calc ( 4px * var ( --usechatbubbles ) ) ;
padding-left : calc ( 4px * var ( --usechatbubbles ) + 1px * ( 1 - var ( --usechatbubbles ) ) ) ;
}
2024-06-19 06:08:52 +02:00
. unreadPillCap_fc5f50 { /* divider unreadpillcap */
2021-07-13 02:02:26 +02:00
opacity : calc ( 1 - var ( --usechatbubbles ) ) ;
2020-01-30 10:22:32 +01:00
}
2024-03-28 18:23:28 +01:00
. hasMore__8db19 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-09-23 12:01:10 +02:00
}
2024-06-19 06:08:52 +02:00
. jumpToPresentBar_cf58b5 { /* bar jumptopresent */
2023-11-02 21:35:46 +01:00
bottom : -8px ;
2020-11-24 10:38:02 +01:00
background-color : transparent ;
2023-11-02 21:35:46 +01:00
border-bottom : 1px solid var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
overflow : hidden ;
opacity : 1 ;
2018-11-02 21:01:04 +01:00
}
2024-06-19 06:08:52 +02:00
. jumpToPresentBar_cf58b5 :: before ,
. jumpToPresentBar_cf58b5 :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
2020-11-02 23:51:53 +01:00
pointer-events : none ;
z-index : -1 ;
2018-11-10 14:02:26 +01:00
}
2024-06-19 06:08:52 +02:00
. jumpToPresentBar_cf58b5 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --background_v ) var ( --backgroundposition_v ) / var ( --backgroundsize_v ) ;
2021-06-26 17:05:43 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. jumpToPresentBar_cf58b5 :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 2 ) ) ;
backdrop-filter : blur ( var ( --backgroundblur_v ) ) ;
2020-11-24 10:38:02 +01:00
}
2024-06-19 06:08:52 +02:00
. messagesWrapper_e2e187 : has ( . jumpToPresentBar_cf58b5 ) ~ . form_a7d72e . channelTextArea_a7d72e ,
. messagesWrapper_e2e187 : has ( . jumpToPresentBar_cf58b5 ) ~ . form_a7d72e . scrollableContainer_d0696b {
2023-11-02 21:33:41 +01:00
border-top-right-radius : 0 ;
border-top-left-radius : 0 ;
}
2018-11-02 21:01:04 +01:00
2023-11-18 17:05:50 +01:00
/* ==== 6.2.1. MESSAGE ==== */
2018-10-11 10:21:26 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . message_ddcc45 { /* message confirm modal */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-02-28 14:40:26 +01:00
box-shadow : none ;
}
2024-06-19 06:08:52 +02:00
. message_d5deea , /* message container */
. messagesWrapper_e2e187 . wrapper_ec86aa , /* message upload placeholder */
. card_d4f6c7 . wrapper_ec86aa , /* message home */
. wrapper_b211c6 , /* message loading */
. message_ddb5b4 , /* message mention popout */
. message_c06487 , /* message inbox popout */
. message_ddcc45 . wrapper_ec86aa , /* message settings preview */
. messageGroupCozy_ac90a2 , /* message pin popout */
. message_ddc613 . wrapper_ec86aa { /* message searchpage */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , var ( --messagetransparency_v ) ) ! important ;
2023-10-27 11:49:32 +02:00
contain : unset ;
}
2024-06-19 06:08:52 +02:00
. message_ddc613 . wrapper_ec86aa { /* message searchpage */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --messagetransparency_v ) * 0 . 8 ) ) ! important ;
2021-01-09 16:59:29 +01:00
}
2024-06-19 06:08:52 +02:00
. message_d5deea . selected_d5deea ,
. mouse-mode . message_d5deea : hover ,
. mouse-mode . full-motion . message_d5deea : hover ,
. mouse-mode . wrapper_b211c6 : hover ,
. mouse-mode . full-motion . wrapper_b211c6 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --messagetransparency_v ) * 1 . 2 * var ( --usechatbubbles ) + 0 . 3 * ( 1 - var ( --usechatbubbles ) ) ) ) ! important ;
2020-02-04 14:56:27 +01:00
}
2024-06-19 06:08:52 +02:00
. messageListItem_d5deea > . message_d5deea . groupStart_d5deea {
2023-11-08 12:10:30 +01:00
border-top-right-radius : 5px ;
border-top-left-radius : 5px ;
}
2024-06-19 06:08:52 +02:00
. messageListItem_d5deea : has ( + . messageListItem_d5deea > . message_d5deea . groupStart_d5deea ) > . message_d5deea ,
. messageListItem_d5deea : has ( + : not ( . messageListItem_d5deea ) ) > . message_d5deea {
2023-11-08 12:10:30 +01:00
border-bottom-right-radius : 5px ;
border-bottom-left-radius : 5px ;
}
2024-06-19 06:08:52 +02:00
. messageListItem_d5deea > . message_d5deea . groupStart_d5deea : before {
2023-11-08 12:10:30 +01:00
top : 2px ;
border-top-left-radius : 5px ;
}
2024-06-19 06:08:52 +02:00
. messageListItem_d5deea : has ( + . messageListItem_d5deea > . message_d5deea . groupStart_d5deea ) > . message_d5deea : before ,
. messageListItem_d5deea : has ( + : not ( . messageListItem_d5deea ) ) > . message_d5deea : before {
2023-11-08 12:10:30 +01:00
bottom : 2px ;
border-bottom-left-radius : 5px ;
}
2024-06-19 06:08:52 +02:00
. backgroundFlash_d5deea . message_d5deea { /* message jump flash */
2021-05-14 13:04:07 +02:00
position : relative ;
}
2024-06-19 06:08:52 +02:00
. backgroundFlash_d5deea . message_d5deea :: before {
2021-05-14 13:04:07 +02:00
content : "" ;
position : absolute ;
2021-05-18 12:01:04 +02:00
background : var ( --message-background-flash , transparent ) ;
2021-05-14 13:04:07 +02:00
top : 0 ;
right : 0 ;
bottom : 0 ;
2021-05-18 12:02:43 +02:00
left : 0 ;
2021-05-14 13:04:07 +02:00
z-index : 1 ;
2021-05-17 17:05:44 +02:00
pointer-events : none ;
2021-05-14 13:04:07 +02:00
}
2024-06-19 06:08:52 +02:00
. backgroundFlash_d5deea . cozyMessage_d5deea :: before {
2021-05-18 12:02:43 +02:00
left : calc ( -80px * var ( --usechatbubbles ) ) ;
}
2024-06-19 06:08:52 +02:00
. message_d5deea . ephemeral_d5deea , /* message localbot */
. message_d5deea . replying_d5deea , /* message replying */
. message_d5deea . highlighted_fc800f { /* message highlighted */
2023-11-08 13:39:17 +01:00
background-image : linear-gradient ( rgba ( var ( --accentcolor_v ) , calc ( 0 . 2 * ( 1 - var ( --usechatbubbles ) ) ) ) , rgba ( var ( --accentcolor_v ) , calc ( 0 . 2 * ( 1 - var ( --usechatbubbles ) ) ) ) ) ;
2023-10-27 11:49:32 +02:00
}
2024-06-19 06:08:52 +02:00
. message_d5deea . mentioned_d5deea { /* message mentioned */
2023-11-08 13:39:17 +01:00
background-image : linear-gradient ( rgba ( var ( --mentioncolor ) , calc ( 0 . 2 * ( 1 - var ( --usechatbubbles ) ) ) ) , rgba ( var ( --accentcolor_v ) , calc ( 0 . 2 * ( 1 - var ( --usechatbubbles ) ) ) ) ) ;
2020-01-30 10:22:32 +01:00
}
2024-06-19 06:08:52 +02:00
. message_d5deea . automodMessage_d5deea { /* message automodMessage */
2023-11-08 12:10:30 +01:00
background-image : linear-gradient ( rgba ( var ( --dangercolor ) , calc ( 0 . 2 * ( 1 - var ( --usechatbubbles ) ) ) ) , rgba ( var ( --dangercolor ) , calc ( 0 . 2 * ( 1 - var ( --usechatbubbles ) ) ) ) ) ;
}
2024-06-19 06:08:52 +02:00
. message_d5deea . mentioned_d5deea : before ,
. message_d5deea . ephemeral_d5deea : before ,
. message_d5deea . automodMessage_d5deea : before ,
. message_d5deea . replying_d5deea : before ,
. message_d5deea . highlighted_fc800f : before {
2023-11-08 12:10:30 +01:00
}
2024-06-19 06:08:52 +02:00
. message_d5deea . ephemeral_d5deea :: before ,
. message_d5deea . replying_d5deea :: before ,
. message_d5deea . highlighted_fc800f :: before {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2020-01-30 10:22:32 +01:00
}
2024-06-19 06:08:52 +02:00
. message_d5deea . mentioned_d5deea :: before {
2021-06-30 11:56:30 +02:00
background-color : rgb ( var ( --mentioncolor ) ) ;
}
2024-06-19 06:08:52 +02:00
. message_d5deea . automodMessage_d5deea :: before {
2023-11-08 12:10:30 +01:00
background-color : rgb ( var ( --dangercolor ) ) ;
}
2024-06-19 06:08:52 +02:00
. message_d5deea . mentioned_d5deea . contents_ec86aa . messageContent_ec86aa {
2020-01-30 10:22:32 +01:00
border-radius : 3px ;
2021-06-30 11:56:30 +02:00
background-color : rgba ( var ( --mentioncolor ) , calc ( 0 . 3 * var ( --usechatbubbles ) ) ) ;
2020-01-30 10:22:32 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . avatar_ec86aa , /* message container avatar */
# app-mount . avatar_b211c6 { /* message loading avatar */
2020-05-06 08:33:11 +02:00
position : absolute ;
2020-10-27 15:46:46 +01:00
top : 2px ;
2021-05-03 16:23:08 +02:00
left : calc ( -70px * var ( --usechatbubbles ) + 16px ) ;
2020-02-28 18:22:36 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . messageItemBody__8fd54 . hasReply_ec86aa . avatar_ec86aa ,
# app-mount . repliedMessage_ec86aa ~ * . avatar_ec86aa {
2020-10-27 15:46:46 +01:00
top : 24px ;
}
2024-06-19 06:08:52 +02:00
# app-mount . avatarDecoration_ec86aa { /* message avatar decoration */
2022-12-09 14:17:12 +01:00
position : absolute ;
top : 2px ;
left : calc ( -70px * var ( --usechatbubbles ) + 16px - ( 6 . 6666666px * var ( --decoration-to-avatar-ratio ) / 2 ) ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . messageItemBody__8fd54 . hasReply_ec86aa . avatarDecoration_ec86aa ,
# app-mount . repliedMessage_ec86aa ~ * . avatarDecoration_ec86aa {
2022-12-21 17:12:39 +01:00
top : 24px ;
}
2021-02-06 18:21:44 +01:00
2024-06-19 06:08:52 +02:00
# app-mount . replyBadge_ec86aa { /* message reply badge */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 5 ) ;
2020-11-17 18:40:02 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . spine_c15230 {
2021-02-06 18:21:44 +01:00
width : 0px ;
top : 20px ;
2021-05-03 16:23:08 +02:00
right : calc ( 1px * ( -32 * var ( --usechatbubbles ) + -25 * ( 1 - var ( --usechatbubbles ) ) ) ) ;
2021-02-06 18:21:44 +01:00
left : unset ;
border : none ;
}
2024-06-19 06:08:52 +02:00
# app-mount . compact_ec86aa . spine_c15230 {
2021-02-06 18:21:44 +01:00
right : 0 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . repliedMessage_ec86aa :: before , /* message reply spine */
# app-mount . repliedMessage_ec86aa :: after ,
# app-mount . spine_c15230 :: before , /* message command spine */
# app-mount . spine_c15230 :: after {
2021-07-28 16:58:08 +02:00
--avatar-size : 38px ;
2021-01-15 18:59:45 +01:00
--gutter : 16px ;
--spine-width : 2px ;
content : "" ;
display : block ;
position : absolute ;
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
top : 50 % ;
2020-11-17 18:40:02 +01:00
right : unset ;
2021-01-15 18:59:45 +01:00
bottom : 0 ;
2021-07-28 16:58:08 +02:00
left : calc ( -1 * var ( --avatar-size ) - ( 6px * var ( --usechatbubbles ) ) ) ;
2021-01-15 18:59:45 +01:00
width : calc ( var ( --avatar-size ) - 4px ) ;
2021-07-28 16:58:08 +02:00
margin : calc ( -1 * var ( --spine-width ) / 2 ) var ( --reply-spacing ) calc ( . 125rem - 4px ) calc ( -1 * var ( --spine-width ) / 2 ) ;
2021-01-15 18:59:45 +01:00
border-right : 0 solid var ( --background-accent ) ;
2021-02-06 19:54:38 +01:00
border-left : var ( --spine-width ) solid var ( --background-accent ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . repliedMessage_ec86aa :: before ,
# app-mount . repliedMessage_ec86aa :: after {
2021-01-15 18:59:45 +01:00
border-top : var ( --spine-width ) solid var ( --background-accent ) ;
2021-02-06 19:54:38 +01:00
border-bottom : 0 solid var ( --background-accent ) ;
2021-01-15 18:59:45 +01:00
border-top-left-radius : 6px ;
}
2024-06-19 06:08:52 +02:00
# app-mount . spine_c15230 :: before ,
# app-mount . spine_c15230 :: after {
2021-02-06 19:54:38 +01:00
border-top : 0 solid var ( --background-accent ) ;
border-bottom : var ( --spine-width ) solid var ( --background-accent ) ;
border-bottom-left-radius : 6px ;
}
2024-06-19 06:08:52 +02:00
# app-mount . compact_ec86aa . repliedMessage_ec86aa :: before ,
# app-mount . compact_ec86aa . repliedMessage_ec86aa :: after ,
# app-mount . compact_ec86aa . spine_c15230 :: before ,
# app-mount . compact_ec86aa . spine_c15230 :: after {
2021-01-15 18:59:45 +01:00
--avatar-size : 20px ;
2021-07-28 16:58:08 +02:00
left : calc ( -1 * var ( --avatar-size ) ) ;
2021-01-15 18:59:45 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . repliedMessage_ec86aa :: before ,
# app-mount . spine_c15230 :: before {
2023-11-08 13:39:17 +01:00
border-color : rgba ( var ( --textbrighter_v ) , calc ( 0 . 3 * ( 1 - var ( --usechatbubbles ) ) ) ) ;
2021-01-15 18:59:45 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . repliedMessage_ec86aa :: after ,
# app-mount . spine_c15230 :: after {
2023-11-08 13:39:17 +01:00
border-color : rgba ( var ( --transparencycolor_v ) , calc ( 0 . 5 * var ( --usechatbubbles ) ) ) ;
2021-01-15 18:59:45 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . compact_ec86aa . repliedMessage_ec86aa :: before ,
# app-mount . compact_ec86aa . spine_c15230 :: before {
2023-11-08 13:39:17 +01:00
border-color : rgba ( var ( --textbrighter_v ) , . 3 ) ;
2021-01-15 18:59:45 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . compact_ec86aa . repliedMessage_ec86aa :: after ,
# app-mount . compact_ec86aa . spine_c15230 :: after {
2021-08-17 19:25:53 +02:00
border-color : transparent ;
2020-10-27 15:46:46 +01:00
}
2021-02-06 18:21:44 +01:00
2024-06-19 06:08:52 +02:00
# app-mount . cozy_ec86aa . hasThread_ec86aa :: before , /* message thread spine */
# app-mount . cozy_ec86aa . hasThread_ec86aa :: after ,
# app-mount . compact_ec86aa . hasThread_ec86aa :: after {
2021-07-28 16:58:08 +02:00
--avatar-size : 38px ;
--gutter : 16px ;
--spine-width : 2px ;
content : "" ;
display : block ;
position : absolute ;
top : 2rem ;
bottom : 29px ;
left : calc ( var ( --avatar-size ) * ( 1 - var ( --usechatbubbles ) ) - var ( --avatar-size ) * var ( --usechatbubbles ) ) ;
width : calc ( var ( --avatar-size ) - 10px + ( 4px * var ( --usechatbubbles ) ) ) ;
margin : calc ( -1 * var ( --spine-width ) / 2 ) var ( --reply-spacing ) calc ( . 125rem - 4px ) calc ( -1 * var ( --spine-width ) / 2 ) ;
border-top : 0 solid var ( --background-accent ) ;
border-right : 0 solid var ( --background-accent ) ;
border-bottom : var ( --spine-width ) solid var ( --background-accent ) ;
border-left : var ( --spine-width ) solid var ( --background-accent ) ;
border-bottom-left-radius : 8px ;
}
2024-06-19 06:08:52 +02:00
# app-mount . cozy_ec86aa . hasThread_ec86aa :: before {
2023-11-08 13:39:17 +01:00
border-color : rgba ( var ( --textbrighter_v ) , calc ( 0 . 3 * ( 1 - var ( --usechatbubbles ) ) ) ) ;
2021-07-28 16:58:08 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . cozy_ec86aa . hasThread_ec86aa :: after {
2023-11-08 13:39:17 +01:00
border-color : rgba ( var ( --transparencycolor_v ) , calc ( 0 . 5 * var ( --usechatbubbles ) ) ) ;
2021-08-17 19:25:53 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . message_d5deea . mentioned_d5deea . hasThread_ec86aa :: before {
2021-08-17 19:25:53 +02:00
background-color : transparent ;
2021-07-28 16:58:08 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . compact_ec86aa . hasThread_ec86aa :: after {
2021-07-28 16:58:08 +02:00
left : calc ( var ( --avatar-size ) + 11px ) ;
width : calc ( var ( --avatar-size ) - 13px ) ;
2023-11-08 13:39:17 +01:00
border-color : rgba ( var ( --textbrighter_v ) , . 3 ) ;
2021-07-28 16:58:08 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . compact_ec86aa . hasThread_ec86aa . contents_ec86aa :: before {
2023-11-08 13:39:17 +01:00
border-color : rgba ( var ( --textbrighter_v ) , . 3 ) ;
2021-07-28 16:58:08 +02:00
}
2024-06-19 06:08:52 +02:00
. spine_c15230 {
2023-11-08 13:39:17 +01:00
border-color : rgba ( var ( --textbrighter_v ) , . 3 ) ;
2021-07-28 16:58:08 +02:00
}
2024-06-19 06:08:52 +02:00
. hasThread_ec86aa . spine_c15230 {
2021-07-28 16:58:08 +02:00
display : none ;
}
2024-06-19 06:08:52 +02:00
. cozy_ec86aa . header_ec86aa :: after , /* message container header */
. cozy_b211c6 . header_b211c6 :: after { /* message loading header */
2020-02-28 18:22:36 +01:00
content : "" ;
position : absolute ;
top : 12px ;
left : -32px ;
border : 10px solid transparent ;
2023-11-08 13:39:17 +01:00
border-right : 12px solid rgba ( var ( --transparencycolor_v ) , var ( --messagetransparency_v ) ) ;
2020-02-28 18:22:36 +01:00
}
2024-06-19 06:08:52 +02:00
. messageGroupWrapper_ac90a2 . messageGroupCozy_ac90a2 . header_ec86aa :: after {
2020-02-28 18:22:36 +01:00
top : 2px ;
}
2024-06-19 06:08:52 +02:00
. message_ddc613 . wrapper_ec86aa . header_ec86aa :: after {
2023-11-08 13:39:17 +01:00
border-right-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --messagetransparency_v ) * 0 . 8 ) ) ;
2021-01-09 16:59:29 +01:00
}
2024-06-19 06:08:52 +02:00
. cozy_ec86aa . timestamp_ec86aa . alt_ec86aa {
2021-05-03 16:23:08 +02:00
left : calc ( -78px * var ( --usechatbubbles ) ) ;
2020-02-29 19:24:14 +01:00
}
2024-06-19 06:08:52 +02:00
. cozy_ec86aa . iconContainer_e62b38 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , var ( --messagetransparency_v ) ) ;
2020-01-30 16:26:17 +01:00
border-radius : 50 % ;
2021-05-03 16:23:08 +02:00
left : calc ( 1px * ( -58 * var ( --usechatbubbles ) + -48 * ( 1 - var ( --usechatbubbles ) ) ) ) ;
2021-07-24 20:56:27 +02:00
height : 25px ! important ;
width : 25px ! important ;
2021-02-06 18:04:11 +01:00
margin : unset ;
margin-right : 1rem ;
2020-02-28 14:40:26 +01:00
padding : 0 ;
2020-01-30 16:26:17 +01:00
}
2024-06-19 06:08:52 +02:00
. cozy_ec86aa . blockedSystemMessage_c09d0f . iconContainer_e62b38 {
2020-04-11 18:28:22 +02:00
background-color : transparent ;
}
2024-06-19 06:08:52 +02:00
. cozy_ec86aa . iconContainer_e62b38 :: after {
2020-01-30 16:26:17 +01:00
content : "" ;
position : absolute ;
2020-02-28 14:40:26 +01:00
top : 2px ;
2020-02-07 14:05:06 +01:00
left : 26px ;
2020-01-30 16:26:17 +01:00
border : 10px solid transparent ;
2023-11-08 13:39:17 +01:00
border-right : 12px solid rgba ( var ( --transparencycolor_v ) , var ( --messagetransparency_v ) ) ;
2020-01-30 16:26:17 +01:00
}
2024-06-19 06:08:52 +02:00
. cozy_ec86aa . blockedSystemMessage_c09d0f . iconContainer_e62b38 :: after {
2020-04-11 18:28:22 +02:00
display : none ;
}
2024-06-19 06:08:52 +02:00
. selected_d5deea . message_d5deea . cozy_ec86aa . header_ec86aa :: after ,
. mouse-mode . message_d5deea . cozy_ec86aa : hover . header_ec86aa :: after ,
. mouse-mode . full-motion . message_d5deea . cozy_ec86aa : hover . header_ec86aa :: after ,
. mouse-mode . wrapper_b211c6 . cozy_b211c6 : hover . header_b211c6 :: after ,
. mouse-mode . full-motion . wrapper_b211c6 . cozy_b211c6 : hover . header_b211c6 :: after ,
. selected_d5deea . message_d5deea . cozy_ec86aa . iconContainer_e62b38 :: after ,
. mouse-mode . message_d5deea . cozy_ec86aa : hover . iconContainer_e62b38 :: after ,
. mouse-mode . full-motion . message_d5deea . cozy_ec86aa : hover . iconContainer_e62b38 :: after {
2023-11-08 13:39:17 +01:00
border-right-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --messagetransparency_v ) * 1 . 2 ) ) ;
2020-01-30 10:22:32 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . mentioned_d5deea . cozy_ec86aa . header_ec86aa :: after {
2023-11-08 13:39:17 +01:00
border-right-color : rgba ( var ( --mentioncolor ) , calc ( var ( --messagetransparency_v ) * 100000000000000000000000000000 ) ) ;
2021-08-11 12:09:14 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . ephemeral_d5deea . cozy_ec86aa . header_ec86aa :: after ,
# app-mount . replying_d5deea . cozy_ec86aa . header_ec86aa :: after ,
# app-mount . highlighted_fc800f . cozy_ec86aa . header_ec86aa :: after {
2023-11-08 13:39:17 +01:00
border-right-color : rgba ( var ( --accentcolor_v ) , calc ( var ( --messagetransparency_v ) * 100000000000000000000000000000 ) ) ;
2020-01-30 10:22:32 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . automodMessage_d5deea . cozy_ec86aa . header_ec86aa :: after {
2023-11-08 13:39:17 +01:00
border-right-color : rgba ( var ( --dangercolor ) , calc ( var ( --messagetransparency_v ) * 100000000000000000000000000000 ) ) ;
2023-11-08 12:10:30 +01:00
}
2024-06-19 06:08:52 +02:00
. message_ddb5b4 ,
. message_c06487 ,
. zalgo_ec86aa . messageContent_ec86aa ,
. zalgo_ec86aa . cozy_ec86aa . header_ec86aa ,
. wrapper_b211c6 ,
. cozy_b211c6 . header_b211c6 {
2020-02-06 16:11:15 +01:00
overflow : visible ;
2020-01-30 10:22:32 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . cozyMessage_d5deea , /* message container cozy */
# app-mount . messagesWrapper_e2e187 . cozy_ec86aa , /* message upload placeholder cozy */
# app-mount . card_d4f6c7 . cozy_ec86aa , /* message home cozy */
# app-mount . cozy_b211c6 { /* message loading cozy */
2021-05-03 16:23:08 +02:00
margin-left : calc ( 80px * var ( --usechatbubbles ) ) ;
padding-left : calc ( 1px * ( 10 * var ( --usechatbubbles ) + 72 * ( 1 - var ( --usechatbubbles ) ) ) ) ;
2020-02-06 16:11:15 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . wrapper_ec86aa [ data-list-item-id * = "Uploader" ] {
2021-06-11 21:31:51 +02:00
margin-top : 1rem ;
}
2024-06-19 06:08:52 +02:00
# app-mount . compact_b211c6 { /* message loading compact */
2020-08-15 08:49:36 +02:00
margin-top : . 0625rem ;
}
2024-06-19 06:08:52 +02:00
# app-mount . cozy_ec86aa . header_ec86aa ,
# app-mount . cozy_ec86aa . messageContent_ec86aa ,
# app-mount . cozy_b211c6 . header_b211c6 {
2020-02-29 19:24:14 +01:00
margin-left : 0 ;
padding-left : 0 ;
}
2024-06-19 06:08:52 +02:00
. messageContainer_ddb5b4 . wrapper_ec86aa ,
. messages_c06487 . wrapper_ec86aa ,
. message_ddcc45 . wrapper_ec86aa ,
. messageGroupWrapper_ac90a2 . messageGroupCozy_ac90a2 ,
. message_ddc613 . wrapper_ec86aa {
2020-01-30 13:58:17 +01:00
border-radius : 5px ;
2021-05-03 16:23:08 +02:00
margin-left : calc ( 60px * var ( --usechatbubbles ) ) ;
padding-left : calc ( 1px * ( 10 * var ( --usechatbubbles ) + 72 * ( 1 - var ( --usechatbubbles ) ) ) ) ;
2020-01-30 13:58:17 +01:00
}
2024-06-19 06:08:52 +02:00
. messages_c06487 . wrapper_ec86aa {
2020-05-08 11:01:32 +02:00
border-radius : 0 ;
}
2020-01-30 13:58:17 +01:00
2024-03-28 18:23:28 +01:00
. interactiveCard_d92364 . selected__142a3 , . interactiveCard_d92364 : active , /* message home message */
. interactiveCard_d92364 : hover {
2022-07-09 23:34:51 +02:00
border-color : var ( --background-secondary ) ;
}
2024-03-28 18:23:28 +01:00
. feedItemHeader_ec3bdb {
2022-07-09 23:34:51 +02:00
border-color : var ( --background-primary ) ;
}
2024-03-28 18:23:28 +01:00
. interactiveCard_d92364 . selected__142a3 , . interactiveCard_d92364 : active . feedItemHeader_ec3bdb ,
. interactiveCard_d92364 : hover . feedItemHeader_ec3bdb {
2022-07-09 23:34:51 +02:00
border-color : var ( --background-secondary ) ;
}
2024-06-19 06:08:52 +02:00
. wrapper_cdfd51 { /* message loading wrapper */
2023-10-27 16:21:59 +02:00
background : transparent ;
}
2024-06-19 06:08:52 +02:00
. avatar_b211c6 { /* message loading avatar */
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2023-10-27 11:49:32 +02:00
opacity : 1 ! important ;
}
2024-06-19 06:08:52 +02:00
. attachment_b211c6 , /* message loading attachment */
. blob_b211c6 { /* message loading blob */
2023-11-08 13:39:17 +01:00
background : rgb ( var ( --accentcolor_v ) ) ;
2023-10-27 11:49:32 +02:00
}
2024-06-19 06:08:52 +02:00
. expanded_c09d0f { /* message expanded blocked */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-01-30 13:58:17 +01:00
border-radius : 5px 5px 0 5px ;
2020-01-30 14:04:05 +01:00
margin-bottom : . 5625rem ;
2020-01-30 13:58:17 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . reaction_ec6b19 { /* message reaction */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-05-12 12:59:29 +02:00
border : none ;
}
2024-06-19 06:08:52 +02:00
# app-mount . reaction_ec6b19 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2023-10-27 15:48:43 +02:00
border : none ;
2021-05-12 12:59:29 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . reaction_ec6b19 . reactionMe_ec6b19 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --accentcolor_v ) , . 8 ) ;
2023-10-27 15:48:43 +02:00
border : none ;
2021-05-12 12:59:29 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . reaction_ec6b19 . reactionMe_ec6b19 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2023-10-27 15:48:43 +02:00
border : none ;
2021-05-12 12:59:29 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . reaction_ec6b19 . reactionMe_ec6b19 . reactionCount_ec6b19 {
2021-05-12 12:59:29 +02:00
color : # FFF ;
2023-11-08 13:39:17 +01:00
text-shadow : 1px 1px var ( --textshadow_v ) ;
2021-05-12 12:59:29 +02:00
}
2020-01-30 13:58:17 +01:00
2024-06-19 06:08:52 +02:00
. wrapper_ef319f { /* message buttons */
2020-01-30 10:22:32 +01:00
position : relative ;
2021-06-26 17:05:43 +02:00
background : transparent ;
2020-01-30 10:22:32 +01:00
}
2024-06-19 06:08:52 +02:00
. wrapper_ef319f :: before ,
. wrapper_ef319f :: after {
2020-01-30 10:22:32 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
2020-04-01 09:24:49 +02:00
border-radius : 4px ;
2020-01-30 10:22:32 +01:00
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. wrapper_ef319f :: before {
2023-11-08 13:39:17 +01:00
background : var ( --backgound ) var ( --backgoundposition ) / var ( --backgroundsize_v ) ;
2021-06-26 17:05:43 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. wrapper_ef319f :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --backgroundblur_v ) ) ;
2021-06-26 17:05:43 +02:00
}
2024-06-19 06:08:52 +02:00
. button_ef319f : hover ,
. button_ef319f . selected_ef319f {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2020-02-04 13:50:31 +01:00
}
2024-06-19 06:08:52 +02:00
. bumpBox_ca33de { /* messageelement publish box */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2023-10-27 11:49:32 +02:00
}
2024-06-19 06:08:52 +02:00
. markup_d6076c code { /* messageelement code */
2023-10-27 11:49:32 +02:00
background-color : transparent ;
border-color : transparent ;
}
2024-06-19 06:08:52 +02:00
. markup_d6076c pre { /* messageelement pre */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
border-color : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
2023-10-27 11:49:32 +02:00
}
2024-06-19 06:08:52 +02:00
. markup_d6076c . inline , /* messageelement inline */
. after_inlineCode_cdb578 ,
. before_inlineCode_cdb578 ,
. inlineCode_cdb578 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2023-10-27 11:49:32 +02:00
}
2024-06-19 06:08:52 +02:00
. textContainer_ad9cbd { /* messageelement plain file text */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
border-color : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
2023-10-27 11:49:32 +02:00
}
2024-06-19 06:08:52 +02:00
. footer_ad9cbd { /* messageelement plain file footer */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
border-color : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
2023-10-27 11:49:32 +02:00
}
2024-06-19 06:08:52 +02:00
. languageSelector_ad9cbd { /* messageelement plain file popout */
2021-03-20 12:38:54 +01:00
background-color : transparent ;
2023-11-08 13:39:17 +01:00
border : 1px solid rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-03-20 12:38:54 +01:00
border-radius : 5px ;
2023-11-08 13:39:17 +01:00
box-shadow : 0px 1px 5px 0px rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-03-20 12:38:54 +01:00
overflow : hidden ;
}
2024-06-19 06:08:52 +02:00
. languageSelector_ad9cbd :: before ,
. languageSelector_ad9cbd :: after {
2021-03-20 12:38:54 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
2021-06-26 17:05:43 +02:00
border-radius : 5px ;
2021-03-20 12:38:54 +01:00
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. languageSelector_ad9cbd :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 17:05:43 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. languageSelector_ad9cbd :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2021-03-20 12:38:54 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . spoilerContent_a3d0f7 { /* messageelement spoiler */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-02-04 13:50:31 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . spoilerContent_a3d0f7 . hidden_a3d0f7 { /* messageelement hiddenspoiler */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 6 ) ;
2020-02-04 13:50:31 +01:00
}
2024-06-19 06:08:52 +02:00
. icon_e62b38 [ style * = "/assets/7ed159b6acb6da5d9593.svg" ] { /* systemmessage pinicon */
2023-10-29 13:07:45 +01:00
-webkit-mask : url ( https : / / discord . com / assets / 7ed159b6acb6da5d9593 . svg ) center / cover no-repeat ;
2021-05-06 17:50:44 +02:00
background : var ( --channels-default ) ! important ;
2020-02-04 13:50:31 +01:00
}
2024-06-19 06:08:52 +02:00
. icon_e62b38 [ style * = "/assets/a1d461025204711133ec.svg" ] { /* systemmessage missedcall */
2023-10-29 13:07:45 +01:00
-webkit-mask : url ( https : / / discord . com / assets / a1d461025204711133ec . svg ) center / cover no-repeat ;
2021-05-06 17:50:44 +02:00
background : var ( --channels-default ) ! important ;
2020-02-04 13:50:31 +01:00
}
2024-06-19 06:08:52 +02:00
. icon_e62b38 [ style * = "/assets/7378a83d74ce97d83380.svg" ] { /* systemmessage joingroupicon */
2023-10-29 13:07:45 +01:00
-webkit-mask : url ( https : / / discord . com / assets / 7378a83d74ce97d83380 . svg ) center / cover no-repeat ;
2023-11-08 13:39:17 +01:00
background : rgb ( var ( --accentcolor_v ) ) ! important ;
2020-02-04 13:50:31 +01:00
}
2024-06-19 06:08:52 +02:00
. icon_e62b38 [ style * = "/assets/9f3b9c1b6e5f77294951.svg" ] { /* systemmessage recievecallicon */
2023-10-29 13:07:45 +01:00
-webkit-mask : url ( https : / / discord . com / assets / 9f3b9c1b6e5f77294951 . svg ) center / cover no-repeat ;
2023-11-08 13:39:17 +01:00
background : rgb ( var ( --accentcolor_v ) ) ! important ;
2020-02-04 13:50:31 +01:00
}
2023-11-18 17:25:14 +01:00
/* ==== 6.2.2. EMBEDS ==== */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . embedFull_ad0b71 { /* embed wrapper */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
border-left-color : rgb ( var ( --textdarkest_v ) ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . attachment_a4623d { /* attachment container */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
border-color : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
2020-03-26 00:42:57 +01:00
margin-left : 18px ;
}
2024-06-19 06:08:52 +02:00
# app-mount . message_d5deea . attachment_a4623d {
2020-03-26 00:42:57 +01:00
margin-left : 0 ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . twitchSectionPlayButton_cd82a7 {
2020-12-26 18:33:33 +01:00
object-position : -999999px -999999px ;
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --transparencycolor_v ) , . 4 ) url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M12.3333 10.002V22.002L22.3333 16.002L12.3333 10.002Z" fill="rgb(185,187,190)"/></svg>' ) ;
2020-12-30 16:32:16 +01:00
border-radius : 50 % ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . twitchSectionPlayButton_cd82a7 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 8 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . wrapper_f316dd { /* attachment videowrapper */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-27 09:16:56 +02:00
}
2023-11-18 17:25:14 +01:00
/* ==== 6.2.3. NITROGIFT ==== */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . tile_ab47a1 { /* gift container */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
box-shadow : 0 0 0 rgba ( var ( --transparencycolor_v ) , . 15 ) ;
2021-05-06 12:41:18 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . tile_ab47a1 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . title_ab47a1 { /* gift title */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2021-05-06 12:41:18 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . description_ab47a1 { /* gift description */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . tagline_ab47a1 { /* gift tagline */
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
/* ==== 6.2.4. INVITE ==== */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . wrapper_b9fe76 { /* invite container */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
border-color : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . guildIconImage_b9fe76 { /* invite icon */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-05-06 09:40:58 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . guildIconExpired_b9fe76 { /* erroricon expiredguild */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / baa5b6db50bb89d55668 . svg ) ;
opacity : 0 . 7 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . guildName_b9fe76 { /* invite name */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . guildDetail_b9fe76 { /* invite details */
2021-05-06 17:50:44 +02:00
color : var ( --channels-default ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . invite_cdcad9 { /* invite group invite */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
border-color : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
2020-11-23 18:23:44 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . artworkSpotifySessionEnded_cdcad9 {
2023-10-29 13:07:45 +01:00
background-image : url ( https : / / discord . com / assets / a7d6af4279f16c27ae9b . svg ) ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . header_cdcad9 {
2023-11-08 13:39:17 +01:00
color : rgb ( var ( --textdarker_v ) ) ;
2020-11-23 18:23:44 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . name_cdcad9 ,
# app-mount . partyStatus_cdcad9 {
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2020-11-23 18:23:44 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . moreUsers_cdcad9 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2020-11-23 18:23:44 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . partyMemberEmpty_cdcad9 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-05-06 12:41:18 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . helpIcon_cdcad9 {
2021-05-06 17:50:44 +02:00
background-color : var ( --header-primary ) ;
2020-11-23 18:23:44 +01:00
}
2020-02-04 14:11:57 +01:00
2023-11-18 17:25:14 +01:00
/* ---- 6.3. TEXTAREA ---- */
2020-02-04 14:11:57 +01:00
2024-06-19 06:08:52 +02:00
. form_a7d72e {
2020-08-03 20:16:10 +02:00
padding-top : 0 ;
margin-top : 0 ;
2020-02-04 14:11:57 +01:00
}
2024-06-19 06:08:52 +02:00
. form_a7d72e { /* textarea form */
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --transparencycolor_v ) , var ( --chatinputtransparency_v ) ) ;
2021-05-29 11:57:30 +02:00
margin-top : 0 ;
padding-top : 8px ;
2023-11-08 13:39:17 +01:00
border-top-right-radius : calc ( 8px * ( 1 - ( var ( --memberlisttransparency_v ) / ( var ( --memberlisttransparency_v ) + 0 . 00000000000000000000001 ) ) ) ) ;
border-top-left-radius : calc ( 8px * ( 1 - ( var ( --guildchanneltransparency_v ) / ( var ( --guildchanneltransparency_v ) + 0 . 00000000000000000000001 ) ) ) ) ;
2021-05-29 11:57:30 +02:00
}
2024-06-19 06:08:52 +02:00
. threadSidebarOpen_a7d72e . form_a7d72e {
2021-07-24 22:12:11 +02:00
border-top-right-radius : 8px ;
}
2024-06-19 06:08:52 +02:00
. form_a7d72e :: before {
2020-08-03 20:16:10 +02:00
display : none ;
2020-02-04 13:14:34 +01:00
}
2024-06-19 06:08:52 +02:00
. channelTextArea_a7d72e { /* textarea channeltextarea */
2020-01-30 08:58:21 +01:00
background-color : transparent ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. container_d29eee . banner_d29eee , /* textarea say hi, etc. */
. attachedBars_d0696b { /* textarea reply */
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-10-27 15:46:46 +01:00
border : none ;
2021-05-06 12:41:18 +02:00
border-bottom : 1px solid var ( --background-modifier-accent ) ;
2020-10-27 15:46:46 +01:00
}
2024-06-19 06:08:52 +02:00
. container_d29eee + . form_a7d72e {
2024-04-06 20:01:19 +02:00
padding-top : 0 ;
}
2024-06-19 06:08:52 +02:00
. container_d29eee + . form_a7d72e . attachedBars_d0696b {
2024-04-06 20:01:19 +02:00
padding-top : 1px ;
}
2024-06-19 06:08:52 +02:00
. container_d29eee + . form_a7d72e . attachedBars_d0696b ,
. container_d29eee + . form_a7d72e . scrollableContainer_d0696b {
2024-04-06 20:01:19 +02:00
border-top-left-radius : 0 ;
border-top-right-radius : 0 ;
}
2024-06-19 06:08:52 +02:00
. replyBar_b11c5e ,
. threadSuggestionBar_b11c5e {
2023-10-27 17:06:27 +02:00
background : transparent ;
}
2020-10-27 15:46:46 +01:00
2024-06-19 06:08:52 +02:00
. scrollableContainer_d0696b { /* textarea container */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2023-10-27 11:49:32 +02:00
}
2024-06-19 06:08:52 +02:00
. sprite_af14ca { /* textarea emojibutton */
2023-10-27 11:49:32 +02:00
transform : none ! important ;
}
2024-06-19 06:08:52 +02:00
. wrapper_faf5ab { /* textarea placeholder */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-05-06 17:50:44 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. toolbar_de3e42 { /* textarea formattoolbar */
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2020-01-15 10:56:58 +01:00
}
2024-06-19 06:08:52 +02:00
. toolbar_de3e42 :: before {
2023-11-08 13:39:17 +01:00
border-top-color : rgb ( var ( --accentcolor_v ) ) ;
2020-01-15 10:56:58 +01:00
}
2024-06-19 06:08:52 +02:00
. divider_de3e42 { /* textarea formattoolbar divider */
2023-10-27 11:49:32 +02:00
border-left-color : hsla ( 0 , 0 % , 100 % , . 1 ) ;
}
2023-11-18 17:25:14 +01:00
. active__05fbc , /* textarea buttonactive */
. hover_d0ebf2 : hover { /* textarea buttonhover */
2023-10-27 11:49:32 +02:00
background-color : hsla ( 0 , 0 % , 100 % , . 2 ) ;
}
2024-06-19 06:08:52 +02:00
. icon_de3e42 { /* textarea buttonicon */
2021-05-06 12:41:18 +02:00
color : # fff ;
opacity : . 7 ;
2020-01-15 10:56:58 +01:00
}
2024-06-19 06:08:52 +02:00
. active__05fbc . icon_de3e42 ,
. hover_d0ebf2 : hover . icon_de3e42 {
2021-05-06 12:41:18 +02:00
color : # fff ;
opacity : 1 ;
2020-01-15 10:56:58 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . optionPill_d4df8b { /* textarea command query pill */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 5 ) ;
2020-12-17 20:26:16 +01:00
border-radius : 5px ;
}
2024-06-19 06:08:52 +02:00
# app-mount . optionPillKey_d4df8b { /* textarea command query pill key */
2023-10-26 15:45:11 +02:00
background-color : transparent ;
}
2020-12-17 20:26:16 +01:00
2023-11-18 17:25:14 +01:00
/* ---- 6.4. AUTOCOMPLETEMENU ---- */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . autocomplete_f23da8 { /* autocomplete container */
2020-11-12 19:09:40 +01:00
background-color : transparent ;
2019-09-19 12:56:54 +02:00
overflow : hidden ;
}
2024-06-19 06:08:52 +02:00
# app-mount . autocomplete_f23da8 :: before ,
# app-mount . autocomplete_f23da8 :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
2021-06-26 17:05:43 +02:00
border-radius : 5px ;
2019-09-19 12:56:54 +02:00
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . autocomplete_f23da8 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 17:05:43 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
# app-mount . autocomplete_f23da8 :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-12 19:09:27 +01:00
}
2024-06-19 06:08:52 +02:00
. theme-brand . autocomplete_f23da8 {
2023-11-08 13:39:17 +01:00
background : rgb ( var ( --accentcolor_v ) ) linear-gradient ( rgba ( var ( --transparencycolor_v ) , . 2 ) , rgba ( var ( --transparencycolor_v ) , . 2 ) ) ! important ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. theme-brand . autocomplete_f23da8 :: before ,
. theme-brand . autocomplete_f23da8 :: after {
2019-09-19 12:56:54 +02:00
display : none ;
}
2024-06-19 06:08:52 +02:00
# app-mount . bar_f60904 { /* autocomplete command info */
2020-12-17 20:17:07 +01:00
background-color : transparent ;
}
2024-06-19 06:08:52 +02:00
# app-mount . container_bcd8cb :: after {
2023-11-08 13:39:17 +01:00
box-shadow : inset 0 -7px 12px -7px rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . header_bcd8cb { /* autocomplete header */
2023-11-08 13:39:17 +01:00
box-shadow : 0 1px 0 0 rgba ( var ( --transparencycolor_v ) , . 2 ) , 0 1px 2px 0 rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2023-10-27 16:21:59 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . option_bea3ee { /* autocomplete option */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 5 ) ;
2023-11-08 12:11:58 +01:00
}
2024-06-19 06:08:52 +02:00
. clickable_f23da8 [ aria-selected = true ] > . base_f23da8 , /* autocomplete rowselected */
. clickable_f23da8 [ aria-disabled = false ] > . base_f23da8 : hover {
2024-04-19 05:08:36 +02:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + . 15 ) ) ;
2020-12-17 20:12:57 +01:00
}
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . wrapper_efd8e6 { /* autocomplete categories */
2020-12-17 20:12:57 +01:00
background-color : transparent ;
}
2024-06-19 06:08:52 +02:00
# app-mount . selected_c9d951 , /* autocomplete category selected */
# app-mount . selected_c9d951 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2020-12-17 20:12:57 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . selected_c9d951 svg {
2023-11-08 13:39:17 +01:00
filter : drop-shadow ( 1px 1px var ( --textshadow_v ) ) ;
2021-05-06 13:23:51 +02:00
}
2020-12-17 20:12:57 +01:00
2024-06-19 06:08:52 +02:00
# app-mount . searchSuggestion_bad108 : hover { /* gifpicker suggestions */
2023-11-08 13:39:17 +01:00
text-shadow : 1px 1px var ( --textshadow_v ) ;
2020-05-06 08:28:56 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . placeholder_bad108 { /* gifpicker result placeholder */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-05-06 08:28:56 +02:00
}
2023-11-18 17:25:14 +01:00
/* ---- 6.5. MEMBERLIST ---- */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
. member_cbd271 { /* member */
2023-10-27 11:49:32 +02:00
background : transparent ;
}
2024-06-19 06:08:52 +02:00
. avatar_c51b4e :: before { /* emptyavatar */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2023-10-27 11:49:32 +02:00
}
2024-06-19 06:08:52 +02:00
. memberGroupsPlaceholder_cbd271 , /* loadingplaceholders */
. placeholderAvatar_fb03e5 ,
. placeholderUsername_a43b87 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
/* ---- 6.6. SEARCHPAGE ---- */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
. searchResultsWrap_c2b47d { /* searchpage container */
2023-10-27 11:49:32 +02:00
background-color : transparent ;
}
2024-06-19 06:08:52 +02:00
. searchHeader_b7c924 , /* searchpage header */
. searchHeader_b7c924 ~ . container_de9d09 { /* searchpage pagination (BSP) */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --guildchanneltransparency_v ) * 0 . 8 ) ) ;
2023-10-27 11:49:32 +02:00
border-radius : 0 0 0 8px ;
}
2024-06-19 06:08:52 +02:00
. searchResult_ddc613 { /* searchpage searchresult */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2023-10-27 11:49:32 +02:00
}
2024-06-19 06:08:52 +02:00
. button_ddc613 { /* searchpage jumpbutton */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2020-05-23 16:09:35 +02:00
}
2024-06-19 06:08:52 +02:00
. button_ddc613 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
text-shadow : 1px 1px var ( --textshadow_v ) ;
2020-05-23 16:09:35 +02:00
}
2024-06-19 06:08:52 +02:00
. pageButton_b48941 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2020-05-23 16:09:35 +02:00
}
2024-06-19 06:08:52 +02:00
. activeButton_b48941 {
2023-11-08 13:39:17 +01:00
text-shadow : 1px 1px var ( --textshadow_v ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
/* ---- 6.7. CHAT SIDEBAR ---- */
2021-07-24 22:12:11 +02:00
2024-06-19 06:08:52 +02:00
. container_d1c246 { /* chat sidebar */
2022-03-30 13:44:48 +02:00
border-radius : 0 ;
}
2024-06-19 06:08:52 +02:00
. container_d1c246 . floating_d1c246 :: before ,
. container_d1c246 . floating_d1c246 :: after {
2022-03-30 13:44:48 +02:00
content : "" ;
2021-07-24 22:12:11 +02:00
position : absolute ;
2022-03-30 13:44:48 +02:00
top : 0 ;
2021-07-24 22:12:11 +02:00
bottom : 0 ;
2022-03-30 13:44:48 +02:00
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
2021-07-24 22:12:11 +02:00
}
2024-06-19 06:08:52 +02:00
. container_d1c246 . floating_d1c246 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --background_v ) var ( --backgroundposition_v ) / var ( --backgroundsize_v ) ;
2022-03-30 13:44:48 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. container_d1c246 . floating_d1c246 :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , var ( --transparencyalpha_v ) ) ;
backdrop-filter : blur ( var ( --backgroundblur_v ) ) ;
2022-03-30 13:44:48 +02:00
}
2024-06-19 06:08:52 +02:00
. chatTarget_d1c246 . notFloating_d1c246 ~ . container_d1c246 {
2022-03-30 13:44:48 +02:00
overflow : visible ;
2021-07-24 22:12:11 +02:00
}
2024-06-19 06:08:52 +02:00
. chatTarget_d1c246 . notFloating_d1c246 ~ . container_d1c246 . container_e44302 . themed_e44302 :: before {
2022-03-30 13:44:48 +02:00
content : "" ;
position : absolute ;
display : block ;
top : 0 ;
bottom : 0 ;
left : -8px ;
width : 8px ;
background : inherit ;
box-shadow : inherit ;
pointer-events : none ;
}
2024-06-19 06:08:52 +02:00
. chatTarget_d1c246 . notFloating_d1c246 ~ . container_d1c246 . container_e44302 . themed_e44302 :: after {
2022-03-30 13:44:48 +02:00
content : "" ;
position : absolute ;
display : block ;
top : 10px ;
bottom : 10px ;
left : -3 . 5px ;
width : 1px ;
background : var ( --background-modifier-accent ) ;
pointer-events : none ;
2021-07-24 22:12:11 +02:00
}
2023-11-18 17:25:14 +01:00
/* ---- 6.8. CALL ---- */
2019-09-20 18:51:34 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . wrapper_cbf230 {
2021-10-01 16:44:00 +02:00
z-index : 1002 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . root_cbf230 { /* popout inner */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2019-09-20 18:51:34 +02:00
border : none ;
}
2024-06-19 06:08:52 +02:00
. root_cbf230 :: before ,
. root_cbf230 :: after {
2019-09-20 18:51:34 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. root_cbf230 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 17:05:43 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. root_cbf230 :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-16 11:11:06 +01:00
}
2019-09-20 18:51:34 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . wrapper_d880dc { /* call voice wrapper */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --guildchanneltransparency_v ) * 0 . 8 ) ) ;
2019-09-20 18:51:34 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . callContainer_d880dc { /* call voice wrapper inner */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( ( 1 - ( var ( --guildchanneltransparency_v ) * 0 . 8 ) ) * 0 . 8 ) ) ;
2023-03-14 20:29:00 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . root_dd069c { /* call root */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2020-03-28 15:08:45 +01:00
}
2024-06-19 06:08:52 +02:00
. videoWrapper_ba4b17 { /* call video wrapper */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2023-10-27 11:49:32 +02:00
}
2024-06-19 06:08:52 +02:00
. video_c8484a { /* call video */
2023-10-27 11:49:32 +02:00
background-color : transparent ;
}
2024-06-19 06:08:52 +02:00
. tile_dc5fc4 , /* call user video voicechannel */
. tile_ba4b17 { /* call user video dm */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2023-10-27 11:49:32 +02:00
}
2024-06-19 06:08:52 +02:00
. gradientContainer_dd069c { /* call gradientcontainer */
2023-10-27 11:49:32 +02:00
display : none ;
}
2024-06-19 06:08:52 +02:00
. participantsButton_b83b18 { /* call participantsbutton */
2021-05-06 12:41:18 +02:00
background-color : rgba ( 0 , 0 , 0 , . 3 ) ;
2020-06-23 23:24:55 +02:00
}
2024-06-19 06:08:52 +02:00
. participantsButton_b83b18 : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( 0 , 0 , 0 , . 6 ) ;
2020-06-23 23:24:55 +02:00
}
2024-06-19 06:08:52 +02:00
. centerButton_ef18ee ,
. colorable_ef18ee . primaryDark_ef18ee {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 5 ) ;
2020-04-04 16:57:05 +02:00
}
2024-06-19 06:08:52 +02:00
. centerButton_ef18ee : hover ,
. colorable_ef18ee . primaryDark_ef18ee : hover {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2020-04-04 16:57:05 +02:00
}
2024-06-19 06:08:52 +02:00
. button_e5cc00 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2020-08-03 17:55:00 +02:00
}
2024-06-19 06:08:52 +02:00
. button_e5cc00 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 6 ) ;
2020-08-03 17:55:00 +02:00
}
2024-06-19 06:08:52 +02:00
. controlButton_b6e2f9 . colorable_ef18ee . red_ef18ee {
2021-05-11 11:28:22 +02:00
background-color : rgba ( var ( --dangercolor ) ) , . 5 ) ;
2020-04-04 16:57:05 +02:00
}
2024-06-19 06:08:52 +02:00
. controlButton_b6e2f9 . colorable_ef18ee . red_ef18ee : hover {
2021-05-11 11:28:22 +02:00
background-color : rgb ( var ( --dangercolor ) ) ;
2020-04-04 16:57:05 +02:00
}
2024-06-19 06:08:52 +02:00
. regionSelectPopout_ccb5ca {
2019-09-20 18:51:34 +02:00
width : 170px ;
}
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
. container_ed4410 { /* call podium wrapper */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --guildchanneltransparency_v ) * 0 . 8 ) ) ;
2023-10-27 11:49:32 +02:00
}
2024-06-19 06:08:52 +02:00
. callContainer_ed4410 { /* call podium inner */
2023-10-27 11:49:32 +02:00
background-color : transparent ;
}
2024-06-19 06:08:52 +02:00
. scroller_bb12d2 { /* call podium scroller */
2023-10-27 11:49:32 +02:00
background-color : transparent ;
}
2024-06-19 06:08:52 +02:00
. rowContainer_f3a5b1 { /* call podium row */
2023-10-27 11:49:32 +02:00
background-color : transparent ;
}
2024-06-19 06:08:52 +02:00
. participants_a07d72 { /* call podium participants */
2023-10-27 11:49:32 +02:00
background-color : transparent ;
}
2024-06-19 06:08:52 +02:00
. tileContainer_e1522e : hover { /* call podium participant */
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2023-10-27 11:49:32 +02:00
}
2024-06-19 06:08:52 +02:00
. container_f7ece4 { /* call podium requests */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --guildchanneltransparency_v ) * 0 . 3 ) ) ;
2023-10-27 11:49:32 +02:00
}
2024-06-19 06:08:52 +02:00
. headerContainer_f7ece4 { /* call podium requests header */
2023-11-08 13:39:17 +01:00
box-shadow : 0 1px 0 rgba ( var ( --transparencycolor_v ) , . 2 ) , 0 1 . 5px 0 rgba ( var ( --transparencycolor_v ) , . 05 ) , 0 2px 0 rgba ( var ( --transparencycolor_v ) , . 05 ) ;
2021-05-07 11:45:50 +02:00
}
2023-11-18 17:25:14 +01:00
/* ---- 6.9. UNAVAILABLESCREEN ---- */
2020-02-18 12:19:39 +01:00
2024-06-19 06:08:52 +02:00
. category_b68b01 , /* loadingplaceholders */
. channelIcon_b68b01 ,
. channelName_b68b01 {
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2023-10-27 11:49:32 +02:00
}
2024-06-19 06:08:52 +02:00
. splashImage_b47fac { /* screen image */
2020-02-18 12:20:33 +01:00
opacity : 0 . 7 ;
2020-02-18 12:19:39 +01:00
}
2023-11-18 17:25:14 +01:00
/* ~~~~ 7. PEOPLES ~~~~ */
2020-03-26 00:42:57 +01:00
2024-06-19 06:08:52 +02:00
. addFriendInputWrapper_de812f { /* peoples add friend */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
border-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-03-26 00:42:57 +01:00
}
2024-06-19 06:08:52 +02:00
. addFriendInputWrapper_de812f : hover : not ( : focus-within ) {
2023-11-08 13:39:17 +01:00
border-color : rgb ( var ( --transparencycolor_v ) ) ;
2020-03-26 00:42:57 +01:00
}
2024-06-19 06:08:52 +02:00
. container_aef5fd { /* peoples explore option */
2022-09-16 12:18:05 +02:00
border : none ;
}
2024-06-19 06:08:52 +02:00
. container_aef5fd : hover {
2022-09-16 12:18:05 +02:00
background-color : var ( --background-floating ) ;
}
2024-06-19 06:08:52 +02:00
. peopleListItem_d51464 . actionButton_e01b91 { /* peoples actionbutton */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
2020-03-26 00:42:57 +01:00
}
2024-06-19 06:08:52 +02:00
. peopleListItem_d51464 . actionButton_e01b91 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2020-03-26 00:42:57 +01:00
}
2024-06-19 06:08:52 +02:00
. peopleListItem_d51464 . actionButton_e01b91 : hover svg {
2023-11-08 13:39:17 +01:00
filter : drop-shadow ( 1px 1px var ( --textshadow_v ) ) ;
2020-03-26 00:42:57 +01:00
}
2024-06-19 06:08:52 +02:00
. peopleListItem_d51464 . active_d51464 ,
. peopleListItem_d51464 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-03-26 00:42:57 +01:00
}
2024-06-19 06:08:52 +02:00
. peopleListItem_d51464 . active_d51464 . actionButton_e01b91 ,
. peopleListItem_d51464 : hover . actionButton_e01b91 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-03-26 00:42:57 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . outer_c0f6a6 , /* playing card */
# app-mount . wrapper_cd82a7 { /* playing card */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2023-01-06 17:44:42 +01:00
border : unset ;
2020-03-26 00:42:57 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . outer_c0f6a6 . active_c0f6a6 ,
# app-mount . outer_c0f6a6 . interactive_c0f6a6 : hover ,
# app-mount . outer_c0f6a6 . active_c0f6a6 ,
# app-mount . outer_c0f6a6 . interactive_c0f6a6 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2020-03-26 00:42:57 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . inset_c0f6a6 { /* playing card inner */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-03-26 00:42:57 +01:00
}
2024-06-19 06:08:52 +02:00
. emptyCard_f02fcf { /* playing empty card */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-03-26 00:42:57 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . partyMemberOverflow_b448f2 {
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --transparencycolor_v ) , . 5 ) ;
2020-10-17 17:30:58 +02:00
}
2024-03-28 18:23:28 +01:00
# app-mount . partyMemberBackground_b2e343 ,
2024-06-19 06:08:52 +02:00
# app-mount . partyMemberUnknown_b448f2 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 5 ) ;
2020-10-17 17:30:58 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . partyMemberUnknownIcon_b448f2 {
2021-05-06 17:50:44 +02:00
color : var ( --channels-default ) ;
2020-10-17 17:30:58 +02:00
}
2023-11-18 17:25:14 +01:00
# app-mount . popout_c6d10c { /* playing popout */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 8px 16px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-03-26 00:42:57 +01:00
overflow : hidden ;
}
2023-10-27 11:49:32 +02:00
. popout_c6d10c :: before ,
. popout_c6d10c :: after {
2020-03-26 00:42:57 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2023-10-27 11:49:32 +02:00
. popout_c6d10c :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 17:05:43 +02:00
background-attachment : fixed ;
}
2023-10-27 11:49:32 +02:00
. popout_c6d10c :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 3 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-16 11:11:06 +01:00
}
2024-06-19 06:08:52 +02:00
. memberListItem_bc9592 : not ( . popoutDisabled_bc9592 ) : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-03-26 00:42:57 +01:00
}
2023-11-18 17:25:14 +01:00
/* ~~~~ 7. STORE/NITRO ~~~~ */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . loading_e0eaac { /* loading */
2023-10-29 21:11:30 +01:00
background : transparent ;
}
2024-06-19 06:08:52 +02:00
. marketingHeader_cecc86 { /* marketingheader */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2023-10-27 11:49:32 +02:00
}
2024-06-19 06:08:52 +02:00
. detailsBlock_a206c7 { /* billing details */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-03-26 00:42:57 +01:00
}
2024-03-28 18:23:28 +01:00
# app-mount . categoryHeader__15de0 , /* categoryheader */
# app-mount . premiumApplicationsHeader__1f431 {
2021-05-06 13:23:51 +02:00
border-color : var ( --background-modifier-accent ) ;
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
# app-mount . tier1Banner__85188 { /* tier1banner container */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-05-06 13:23:51 +02:00
color : # fff ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. smallCarousel_b0360e {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
border-radius : 5px ;
}
2024-06-19 06:08:52 +02:00
# app-mount . item_b60f40 { /* gamepreview previewitem */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. arrow_b60f40 { /* gamepreview prev/nextarrow (big) */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . themedPagination_af6b5a . arrow_af6b5a { /* gamepreview prev/nextarrow (small) */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . themedPagination_af6b5a . dot_af6b5a { /* gamepreview itemdot (small) */
2021-05-06 17:50:44 +02:00
background-color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . root_aef182 { /* gameinfo sectioncontainer */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . header_aef182 { /* gameinfo sectionheader */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . section_aef182 { /* gameinfo subsection */
2021-05-06 13:23:51 +02:00
border-bottom-color : var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . playerOverflow_a94968 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . description_a94968 { /* gameinfo subsectiondescription */
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . description_a94968 strong ,
# app-mount . username_a94968 { /* gameinfo subsectionusername */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . smallHeader_dd7605 { /* gameinfo subsectionheader */
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . text_dd7605 { /* gameinfo subsectiontext */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . iconCircle_dd7605 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . circle_dd7605 {
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . blurb_e2ea95 { /* section description */
2021-05-06 17:50:44 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . description_e2ea95 { /* section subdescription */
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . requirements_f566d4 { /* requirements */
2021-05-06 17:50:44 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . requirementKey_f566d4 { /* requirements key */
2023-11-08 13:39:17 +01:00
color : rgb ( var ( --textdarker_v ) ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . content_ecfdf4 { /* requirements rating */
2023-11-08 13:39:17 +01:00
color : rgb ( var ( --textdarker_v ) ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
# app-mount . bodySection_ae0d90 { /* sidebar section */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2021-05-06 13:23:51 +02:00
border-top-color : var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
# app-mount . actionText__1ae94 { /* sidebar header */
2021-05-06 17:50:44 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . purchaseUnitOperatingSystem_ba3425 { /* sidebar OSicon */
2023-11-08 13:39:17 +01:00
color : rgb ( var ( --textdarkest_v ) ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
# app-mount . price_f6c36e , /* sidebar price */
2024-06-19 06:08:52 +02:00
# app-mount . listingPrice_b8c2de {
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
# app-mount . title_a81dd3 { /* sidebar subtitle */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
# app-mount . skuNormal__1aa9d { /* sidebar pricerow */
2021-05-06 13:23:51 +02:00
border-bottom-color : var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
# app-mount . name__71fd4 { /* sidebar pricename */
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2021-05-06 13:23:51 +02:00
}
2023-10-25 16:24:34 +02:00
# app-mount . sku_e2d34f : hover . name__71fd4 {
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
# app-mount . price_afc9b2 { /* sidebar priceamount */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
# app-mount . label__8394d { /* sidebar label */
2023-11-08 13:39:17 +01:00
color : rgb ( var ( --textdarker_v ) ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
# app-mount . info__087e0 { /* sidebar labelinfo */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . content_b118d9 { /* invitecard container */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . name_b118d9 { /* invitecard guildname */
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . memberInfo_b118d9 { /* invitecard memberinfo */
2023-11-08 13:39:17 +01:00
color : rgb ( var ( --textdarker_v ) ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. premiumSubscriptionAccountCredit_ca73a1 { /* abonnements abocard */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2021-04-27 16:22:49 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . row_b4ece4 { /* features row */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . featureIcon_b4ece4 { /* features featureicon */
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
/* ~~~~ 9. LIBRARY ~~~~ */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
. header_f1629a { /* library table header */
2020-11-24 10:38:02 +01:00
background-color : transparent ;
2021-05-06 17:50:44 +02:00
border-bottom-color : var ( --background-modifier-accent ) ;
2020-03-26 00:42:57 +01:00
position : relative ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. header_f1629a :: before ,
. header_f1629a :: after {
2020-03-26 00:42:57 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. header_f1629a :: before {
2023-11-08 13:39:17 +01:00
background : var ( --background_v ) var ( --backgroundposition_v ) / var ( --backgroundsize_v ) ;
2021-06-26 17:05:43 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. header_f1629a :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
backdrop-filter : blur ( var ( --backgroundblur_v ) ) ;
2020-11-24 10:38:02 +01:00
}
2021-05-06 17:50:44 +02:00
2024-03-28 18:23:28 +01:00
# app-mount . headerCellSorted__19516 {
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2020-01-24 18:50:34 +01:00
}
2021-05-06 17:50:44 +02:00
2024-06-19 06:08:52 +02:00
. rowWrapperActive_f1629a {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-01-24 18:50:34 +01:00
}
2024-06-19 06:08:52 +02:00
. rowWrapper_f1629a + . rowWrapper_f1629a . row_f1629a {
2021-05-06 17:50:44 +02:00
border-top-color : var ( --background-modifier-accent ) ;
2020-01-24 18:50:34 +01:00
}
2021-05-06 17:50:44 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . rate_bf664b {
2021-05-06 17:50:44 +02:00
color : var ( --text-muted ) ;
2020-01-24 18:50:34 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . background_cd2edd { /* library usagebar */
2023-11-08 13:39:17 +01:00
stroke : rgb ( var ( --transparencycolor_v ) , . 5 ) ;
2020-01-30 08:58:21 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . usageInfo_cd2edd { /* gamelibrary usageinfo */
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2020-02-19 14:54:06 +01:00
}
2021-05-06 17:50:44 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . installationPath_d037ef { /* library game row path */
2021-05-06 17:50:44 +02:00
box-shadow : 0 1px 0 0 var ( --background-accent ) ;
2020-02-19 14:54:06 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . rowTitle_d037ef { /* library game row title */
2021-05-06 17:50:44 +02:00
color : var ( --text-normal ) ;
2020-01-30 08:58:21 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . rowBody_d037ef { /* library game row body */
2021-05-06 17:50:44 +02:00
color : var ( --text-muted ) ;
2020-02-19 14:54:06 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . defaultLocationCheckbox_d037ef { /* library location checkbox */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2020-02-19 14:54:06 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . defaultIndicator_d037ef { /* library location indicator */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 5 ) ;
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2020-02-19 14:54:06 +01:00
}
2021-05-06 17:50:44 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . applicationName_c100ff { /* library application name */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2020-02-19 14:54:06 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . applicationSubText_c100ff { /* library application subtext */
2021-05-06 17:50:44 +02:00
color : var ( --text-muted ) ;
2020-02-19 14:54:06 +01:00
}
2021-05-06 17:50:44 +02:00
2019-09-19 12:56:54 +02:00
2021-09-28 12:28:25 +02:00
/* ~~~~ 10. DISCOVERY/UNIHUB ~~~~ */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . pageWrapper_a3a4ce , /* guilddiscovery container */
# app-mount . pageContainer_a9a262 { /* unihub container */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . pageWrapper_a3a4ce . searchBox_f69601 , /* guilddiscovery searchbox */
# app-mount . pageContainer_a9a262 . searchBox_d33b18 { /* unihub searchbox */
2021-09-28 12:28:25 +02:00
background-color : # fff ;
}
2024-06-19 06:08:52 +02:00
# app-mount . card_eb1ca6 , /* guilddiscovery card */
# app-mount . card_f18d6c { /* unihub card */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . iconMask_eb1ca6 , /* guilddiscovery iconmask */
# app-mount . iconMask_f18d6c { /* unihub iconmask */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-04-14 09:15:29 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . card_eb1ca6 : hover ,
# app-mount . iconMask_eb1ca6 : hover ,
# app-mount . card_f18d6c : hover ,
# app-mount . iconMask_f18d6c : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2020-04-14 09:15:29 +02:00
}
2023-11-18 17:25:14 +01:00
# app-mount . cardPlaceholder__6e28f { /* guildcard placeholder */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . loading_eb1ca6 { /* guildcard loading */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 5 ) ;
2019-11-09 17:26:03 +01:00
}
2024-06-19 06:08:52 +02:00
. footerImage_a3a4ce {
2023-10-29 12:11:49 +01:00
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
. actionButtonsContainer_a45ae3 { /* guildcard action button */
2022-04-23 19:35:58 +02:00
position : relative ;
background : transparent ;
}
2024-06-19 06:08:52 +02:00
. actionButtonsContainer_a45ae3 :: before ,
. actionButtonsContainer_a45ae3 :: after {
2022-04-23 19:35:58 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 4px ;
pointer-events : none ;
}
2024-06-19 06:08:52 +02:00
. actionButtonsContainer_a45ae3 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --background_v ) var ( --backgroundposition_v ) / var ( --backgroundsize_v ) ;
2022-04-23 19:35:58 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. actionButtonsContainer_a45ae3 :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --backgroundblur_v ) ) ;
2022-04-23 19:35:58 +02:00
}
2024-06-19 06:08:52 +02:00
. spinner_eb1ca6 { /* guildcard loading spinner */
2022-04-23 19:35:58 +02:00
background : transparent ;
transform : none ;
top : calc ( 50 % - 24px ) ;
left : calc ( 50 % - 24px ) ;
}
2024-06-19 06:08:52 +02:00
. spinner_eb1ca6 :: before ,
. spinner_eb1ca6 :: after {
2022-04-23 19:35:58 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 8px ;
pointer-events : none ;
}
2024-06-19 06:08:52 +02:00
. spinner_eb1ca6 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --background_v ) var ( --backgroundposition_v ) / var ( --backgroundsize_v ) ;
2022-04-23 19:35:58 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. spinner_eb1ca6 :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 4 ) ) ;
backdrop-filter : blur ( var ( --backgroundblur_v ) ) ;
2022-04-23 19:35:58 +02:00
}
2020-06-10 18:52:45 +02:00
2023-10-25 16:24:34 +02:00
# app-mount . addEntryCard_d9422a { /* add entry card */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2021-09-28 12:28:25 +02:00
border-color : var ( --interactive-normal ) ;
}
2023-10-25 16:24:34 +02:00
# app-mount . addEntryCard_d9422a : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2021-09-28 12:28:25 +02:00
border-color : var ( --interactive-active ) ;
}
2024-06-19 06:08:52 +02:00
. emptyContainer_e37a20 { /* search no results */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2020-06-10 18:52:45 +02:00
}
2024-06-19 06:08:52 +02:00
. placeholder_e825f6 { /* search placeholder */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2021-03-19 23:23:44 +01:00
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ~~~~ 11. USERSETTINGS ~~~~ */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . side_a0 . themed_a0 . item_a0 : active : not ( . disabled_a0 ) , /* sideitems */
# app-mount . topPill_a0 . themed_a0 . item_a0 : active : not ( . disabled_a0 ) , /* tabitems */
# app-mount . side_a0 . themed_a0 . item_a0 : hover : not ( . disabled_a0 ) , /* sideitems */
# app-mount . topPill_a0 . themed_a0 . item_a0 : hover : not ( . disabled_a0 ) { /* tabitems */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . side_a0 . themed_a0 . selected_a0 . item_a0 ,
# app-mount . topPill_a0 . themed_a0 . selected_a0 . item_a0 ,
# app-mount . side_a0 . themed_a0 . selected_a0 . item_a0 : active ,
# app-mount . topPill_a0 . themed_a0 . selected_a0 . item_a0 : active ,
# app-mount . side_a0 . themed_a0 . selected_a0 . item_a0 : hover ,
# app-mount . topPill_a0 . themed_a0 . selected_a0 . item_a0 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2021-05-06 17:50:44 +02:00
color : # fff ;
2023-11-08 13:39:17 +01:00
text-shadow : 1px 1px var ( --textshadow_v ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. sidebar_c25c6d : has ( . socialLinks_c44e94 ) . side_a0 . item_a0 :: after {
2023-11-18 15:56:20 +01:00
filter : drop-shadow ( 1px 1px var ( --textshadow_v ) ) ;
}
2019-09-19 12:56:54 +02:00
2023-10-26 16:35:35 +02:00
. 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 {
2021-05-06 17:50:44 +02:00
background : var ( --interactive-normal ) ;
2021-02-12 21:35:48 +01:00
-webkit-mask : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / settingsicons / betterdiscord . svg ) center / contain no-repeat ;
2021-03-23 14:55:26 +01:00
opacity : 1 ;
2021-02-06 18:36:26 +01:00
transition : background . 15s ease ;
}
2023-10-26 16:35:35 +02:00
. 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 {
2021-05-06 17:50:44 +02:00
background : var ( --interactive-active ) ;
2021-02-06 18:36:26 +01:00
}
2023-10-26 16:35:35 +02:00
. 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 > * {
2021-02-06 18:36:26 +01:00
display : none ;
}
2024-06-19 06:08:52 +02:00
# app-mount . streamerModeEnabledImage_c50c8b {
2023-10-29 13:07:45 +01:00
background-image : url ( https : / / discord . com / assets / c133c9df9ee4552c188a . svg ) ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
. contentRegion_c25c6d div [ role = "tabpanel" ] { /* tabpanel */
2021-05-19 20:45:19 +02:00
width : 100 % ;
}
2024-06-19 06:08:52 +02:00
. toolsContainer_c25c6d { /* closebutton wrapper */
2021-05-19 20:45:19 +02:00
margin-right : 37px ;
}
2024-06-19 06:08:52 +02:00
# app-mount . closeButton_df5532 { /* closebutton button */
2021-05-06 17:50:44 +02:00
border-color : var ( --channels-default ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . closeButton_df5532 path [ fill ] {
2021-05-06 17:50:44 +02:00
fill : var ( --channels-default ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . closeButton_df5532 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --accentcolor_v ) , . 2 ) ;
2021-05-06 17:50:44 +02:00
border-color : var ( --header-secondary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . closeButton_df5532 : hover path [ fill ] {
2021-05-06 17:50:44 +02:00
fill : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . closeButton_df5532 : active {
2021-05-06 17:50:44 +02:00
border-color : var ( --text-normal ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . closeButton_df5532 : active path [ fill ] {
2021-05-06 17:50:44 +02:00
fill : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . keybind_df5532 { /* closebutton keybind */
2021-05-06 17:50:44 +02:00
color : var ( --channels-default ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . closeButtonBold_df5532 { /* closebutton button bold */
2021-05-06 17:50:44 +02:00
border-color : var ( --header-secondary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . closeButtonBold_df5532 path [ fill ] {
2021-05-06 17:50:44 +02:00
fill : var ( --header-secondary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . closeButtonBold_df5532 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --accentcolor_v ) , . 4 ) ;
2021-05-06 17:50:44 +02:00
border-color : var ( --text-normal ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . closeButtonBold_df5532 : hover path [ fill ] {
2021-05-06 17:50:44 +02:00
fill : var ( --text-normal ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . closeButtonBold_df5532 : active {
2021-05-06 17:50:44 +02:00
border-color : var ( --header-primary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . closeButtonBold_df5532 : active path [ fill ] {
2021-05-06 17:50:44 +02:00
fill : var ( --header-primary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . keybind_df5532 { /* closebutton keybind bold */
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-20 07:50:36 +02:00
. cardPrimary_cb7a0e { /* settingsitems card */
2023-11-08 13:39:17 +01:00
border-color : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. accountProfileCard_b69b77 { /* accountsettings container */
2021-06-26 16:25:56 +02:00
background : transparent ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-06-26 16:25:56 +02:00
}
2024-06-19 06:08:52 +02:00
. accountProfileCard_b69b77 :: before ,
. accountProfileCard_b69b77 :: after {
2021-06-26 16:25:56 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
2021-06-26 17:05:43 +02:00
border-radius : 5px ;
2021-06-26 16:25:56 +02:00
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. accountProfileCard_b69b77 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 16:25:56 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. accountProfileCard_b69b77 :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2021-06-26 16:25:56 +02:00
}
2024-06-19 06:08:52 +02:00
. accountProfileCard_b69b77 . avatar_b69b77 { /* accountsettings container avatar */
2021-06-26 16:25:56 +02:00
background-color : transparent ;
2021-07-01 22:49:45 +02:00
border-color : transparent ;
2021-06-26 16:25:56 +02:00
}
2024-03-28 18:23:28 +01:00
. questionMark__6bfbc svg { /* accountsettings questionmark */
2023-11-08 13:39:17 +01:00
filter : drop-shadow ( 1px 1px var ( --textshadow_v ) ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . background_b69b77 { /* accountsettings container */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-10-16 09:26:23 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . fieldList_b69b77 { /* accountsettings settings */
2021-06-26 16:25:56 +02:00
background-color : transparent ;
2020-10-16 09:26:23 +02:00
}
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
. connectContainer_e2a436 { /* connections container */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2020-05-12 11:23:04 +02:00
}
2024-06-19 06:08:52 +02:00
. accountButtonInner_e2a436 { /* connections connectioninner */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. accountButtonInner_e2a436 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. connection_e2a436 { /* connections connection */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-10-14 22:06:22 +02:00
}
2024-06-19 06:08:52 +02:00
. connectionHeader_e2a436 { /* connections connection header */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
. guildHeader__30707 { /* boostsettings suggestioncard */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 5 ) ;
2020-03-26 00:42:57 +01:00
}
2023-11-18 17:25:14 +01:00
. guildSubscriptionSlot_b76fc6 { /* boostsettings suggestioncard */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-03-26 00:42:57 +01:00
}
2023-11-18 17:25:14 +01:00
. cardWrapper_bc8d2a { /* boostsettings suggestioncard */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-03-26 00:42:57 +01:00
}
2023-10-27 12:50:20 +02:00
. cardWrapper_bc8d2a : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2020-03-26 00:42:57 +01:00
}
2023-11-18 17:25:14 +01:00
. cardWrapper_bc8d2a . card__11580 , /* boostsettings suggestioncard inner */
2023-10-27 12:50:20 +02:00
. cardWrapper_bc8d2a . card__11580 : hover {
2020-03-26 00:42:57 +01:00
background-color : transparent ;
}
2023-11-18 17:25:14 +01:00
# app-mount . gemIndicatorContainer_b03ca0 { /* boostsettings suggestioncard circle */
2020-03-26 00:42:57 +01:00
background-color : transparent ;
}
2024-06-19 06:08:52 +02:00
# app-mount . summaryInfo_a28a08 { /* boostsettings past transactions summary */
2021-05-06 18:17:02 +02:00
color : var ( --header-primary ) ;
2020-03-26 15:59:43 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . payment_a28a08 { /* boostsettings past transactions payment */
2020-03-26 15:59:43 +01:00
background-color : transparent ;
2021-05-06 18:17:02 +02:00
color : var ( --header-secondary ) ;
2020-03-26 15:59:43 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . hoverablePayment_a28a08 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-03-26 15:59:43 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . paymentHeader_a28a08 { /* boostsettings past transactions header */
2021-05-06 18:17:02 +02:00
color : var ( --header-primary ) ;
border-color : var ( --background-modifier-accent ) ;
2020-03-26 15:59:43 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . expandedInfo_a28a08 { /* boostsettings past transactions expandedinfo */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-03-26 15:59:43 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . paymentText_a28a08 { /* boostsettings past transactions paymenttext */
2021-05-06 18:17:02 +02:00
color : var ( --header-secondary ) ;
2020-03-26 15:59:43 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . giftIcon_a28a08 { /* boostsettings past transactions gifticon */
2021-05-06 18:17:02 +02:00
color : var ( --header-primary ) ;
2020-03-26 01:16:30 +01:00
}
2023-10-29 12:11:49 +01:00
# app-mount . guildHeaderBackground__04920 {
background-image : url ( https : / / discord . com / assets / 467602d632b5f9c1ce4b . svg ) ;
opacity : . 75 ;
}
# app-mount . emptyGuilds-1cEt2M {
background-image : url ( https : / / discord . com / assets / 33de08d0b379a019874a . svg ) ;
opacity : . 75 ;
}
2021-05-06 18:17:02 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . paymentPane_f66684 { /* boostsettings past transactions */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-05-06 18:17:02 +02:00
color : var ( --header-primary ) ;
2020-03-26 01:16:30 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . paginator_f66684 { /* boostsettings past transactions paginator */
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-05-06 18:17:02 +02:00
color : var ( --text-muted ) ;
2020-03-26 01:16:30 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . bottomDivider_f66684 { /* boostsettings past transactions divider */
2023-11-08 13:39:17 +01:00
border-bottom-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-03-26 01:16:30 +01:00
}
2023-11-18 17:25:14 +01:00
# app-mount . tab_b317f5 { /* boostsettings past transactions tab */
2021-05-06 18:17:02 +02:00
color : var ( --text-muted ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . externalRowHeader_f66684 { /* boostsettings past transactions extenal row */
2021-05-06 18:17:02 +02:00
color : var ( --header-secondary ) ;
2020-03-26 01:16:30 +01:00
}
2020-03-26 00:42:57 +01:00
2024-06-19 06:08:52 +02:00
# app-mount . emptyStateImage_e8af36 { /* giftinventory no gifts */
2023-10-27 12:50:20 +02:00
background : url ( https : / / discord . com / assets / b3dd9b1e282fff30af5b . svg ) ;
2021-04-27 16:22:49 +02:00
opacity : 0 . 6 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . codeRedemptionRedirect_cb70f4 { /* payment coderedem */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
border-color : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
2021-05-06 18:17:02 +02:00
color : var ( --header-primary ) ;
2021-04-27 16:22:49 +02:00
}
2024-06-19 06:08:52 +02:00
. membershipDialogHouse1_dc8e43 { /* hypesquad membershipdialogs */
2021-05-06 12:41:18 +02:00
background-color : rgba ( 156 , 132 , 239 , . 8 ) ;
2020-05-12 11:23:04 +02:00
}
2024-06-19 06:08:52 +02:00
. membershipDialogHouse2_dc8e43 {
2021-05-06 12:41:18 +02:00
background-color : rgba ( 244 , 123 , 103 , . 8 ) ;
2020-05-12 11:23:04 +02:00
}
2024-06-19 06:08:52 +02:00
. membershipDialogHouse3_dc8e43 {
2021-05-06 12:41:18 +02:00
background-color : rgba ( 69 , 221 , 192 , . 8 ) ;
2020-05-12 11:23:04 +02:00
}
2024-06-19 06:08:52 +02:00
. videoWrapper_b8e00f {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2021-03-19 23:23:44 +01:00
}
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
. container_e5cdf3 { /* voicesettings voicebarcontainer */
2021-02-12 21:35:48 +01:00
-webkit-mask : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / common / voice_level_bar . svg ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. notches_e5cdf3 {
2020-10-17 19:28:14 +02:00
background : transparent ! important ;
}
2024-06-19 06:08:52 +02:00
# app-mount . progress_e5cdf3 { /* voicesettings voicebar */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. icon_aae945 [ src = "/assets/6762ed8abdaef6a7f6fc.png" ] ,
. icon_aae945 [ src = "/assets/5af9f85713084d6867a6.png" ] {
2023-10-27 12:50:20 +02:00
-webkit-mask : url ( https : / / discord . com / assets / 6762ed8abdaef6a7f6fc . png ) center / contain no-repeat ;
2021-05-06 17:50:44 +02:00
background-color : var ( --header-primary ) ;
object-position : -999999px -999999px ;
}
2024-06-19 06:08:52 +02:00
. icon_aae945 [ src = "/assets/ea67b1321e3d4154e476.png" ] ,
. icon_aae945 [ src = "/assets/12c09c71eb271a47bcab.png" ] {
2023-10-27 12:50:20 +02:00
-webkit-mask : url ( https : / / discord . com / assets / ea67b1321e3d4154e476 . png ) center / contain no-repeat ;
2021-05-06 17:50:44 +02:00
background-color : var ( --header-primary ) ;
object-position : -999999px -999999px ;
}
2024-06-19 06:08:52 +02:00
. cameraWrapper_ff1ac9 { /* voicesettings video */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
border-color : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. backgroundOptionInner_ad7d79 { /* voicesettings background option */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2023-10-27 12:50:20 +02:00
}
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
. option_d2da9c { /* overlay option */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. option_d2da9c : hover ,
. option_d2da9c . selected_d2da9c {
2023-11-08 13:39:17 +01:00
box-shadow : 0 2px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. disabled_d2da9c {
2023-11-08 13:39:17 +01:00
color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . row_f916fc { /* hotkeys row */
2021-05-06 17:50:44 +02:00
box-shadow : inset 0 -1px 0 var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . card_ffe375 :: before { /* settingscard backdrop */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
border-color : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . button_a467ac { /* settingscard removebutton */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 6 ) , 0 1px 5px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . button_a467ac : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 7 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . game_fd966d { /* games card */
2021-05-06 17:50:44 +02:00
box-shadow : 0 1px 0 0 var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . gameNameInput_fd966d : focus ,
# app-mount . gameNameInput_fd966d : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
border-color : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . gameName_fd966d { /* games gamename */
2021-05-06 18:17:02 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . lastPlayed_fd966d , /* games lastplayed */
2024-03-28 18:23:28 +01:00
# app-mount . overlayStatusText__668e1 { /* games overlaystatustext */
2021-05-06 18:17:02 +02:00
color : var ( --text-muted ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . toggleIconOn_fd966d . fill_fd966d { /* games overlaystatusicon */
2021-05-06 18:17:02 +02:00
fill : var ( --text-muted ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . nowPlayingAdd_fd966d { /* games descriptionhint */
2021-05-06 18:17:02 +02:00
color : var ( --header-secondary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . nowPlaying_fd966d . gameName_fd966d {
2021-05-06 18:17:02 +02:00
color : # fff ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . nowPlaying_fd966d . lastPlayed_fd966d ,
# app-mount . nowPlaying_fd966d . overlayStatusText__668e1 {
2021-05-06 18:17:02 +02:00
color : # b4e1cd ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . nowPlaying_fd966d . toggleIconOff_fd966d . fill_fd966d ,
# app-mount . nowPlaying_fd966d . toggleIconOn_fd966d . fill_fd966d {
2021-05-06 18:17:02 +02:00
fill : # b4e1cd ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . notDetected_fd966d { /* games nogame */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . notDetected_fd966d . lastPlayed_fd966d {
2021-05-06 18:17:02 +02:00
color : var ( --header-secondary ) ;
}
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . addGamePopout_fd966d { /* games add game popout */
2021-05-06 21:30:35 +02:00
background-color : transparent ;
}
2024-06-19 06:08:52 +02:00
. addGamePopout_fd966d :: before ,
. addGamePopout_fd966d :: after {
2021-05-06 21:30:35 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. addGamePopout_fd966d :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 17:05:43 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. addGamePopout_fd966d :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 15 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2021-05-06 21:30:35 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . addGamePopout_fd966d . cancelButton_fd966d {
2021-05-06 21:30:35 +02:00
color : var ( --header-primary ) ;
}
2024-06-19 06:08:52 +02:00
. preview_a614a7 { /* appearance preview */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
border-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-01-30 14:28:12 +01:00
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ~~~~ 12. GUILDSETTINGS ~~~~ */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
. container_b6cd66 { /* settings confirmnotice */
2020-08-03 17:13:08 +02:00
position : relative ;
2023-11-08 13:39:17 +01:00
backdrop-filter : blur ( var ( --backgroundblur_v ) ) ;
2020-08-03 17:13:08 +02:00
}
2024-06-19 06:08:52 +02:00
. container_b6cd66 [ style * = "background-color: rgba(248, 249, 249" ] ,
. container_b6cd66 [ style * = "background-color: rgba(32, 34, 37" ] {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 7 ) ! important ;
2020-08-03 17:13:08 +02:00
}
2024-06-19 06:08:52 +02:00
. container_b6cd66 [ style * = "background-color: rgba(248, 249, 249" ] . message_b6cd66 ,
. container_b6cd66 [ style * = "background-color: rgba(32, 34, 37" ] . message_b6cd66 {
2022-02-06 17:58:39 +01:00
color : var ( --header-primary ) ! important ;
}
2024-06-19 06:08:52 +02:00
. container_b6cd66 [ style * = "background-color: rgba(248, 249, 249" ] . resetButton_b6cd66 span [ style ] ,
. container_b6cd66 [ style * = "background-color: rgba(32, 34, 37" ] . resetButton_b6cd66 span [ style ] {
2022-02-06 17:58:39 +01:00
color : var ( --header-primary ) ! important ;
}
2024-06-19 06:08:52 +02:00
. container_b6cd66 :: before {
2020-08-03 17:13:08 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
2023-11-08 13:39:17 +01:00
background : var ( --background_v ) var ( --backgroundposition_v ) / var ( --backgroundsize_v ) ;
2020-08-03 17:13:08 +02:00
background-attachment : fixed ;
2020-11-02 23:51:53 +01:00
pointer-events : none ;
z-index : -1 ;
2020-08-03 17:13:08 +02:00
}
2024-06-19 06:08:52 +02:00
. roles_a210a0 { /* rolesettings intro roles */
2021-05-18 12:18:20 +02:00
z-index : 2 ;
}
2024-06-19 06:08:52 +02:00
. profileCard_a210a0 { /* rolesettings intro profile */
2021-05-18 12:18:20 +02:00
position : relative ;
z-index : 1 ;
}
2024-06-19 06:08:52 +02:00
. profileCard_a210a0 :: before ,
. profileCard_a210a0 :: after {
2021-05-18 12:18:20 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. profileCard_a210a0 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 17:05:43 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. profileCard_a210a0 :: after {
2023-11-08 13:39:17 +01:00
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2021-06-26 17:05:43 +02:00
}
2024-06-19 06:08:52 +02:00
. sidebar_e87574 { /* rolesettings sidebar */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
2021-04-13 16:16:02 +02:00
border : none ;
}
2024-06-19 06:08:52 +02:00
. container_cc7b67 { /* rolesettings everyone role */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2021-04-13 16:16:02 +02:00
}
2024-06-19 06:08:52 +02:00
. container_cc7b67 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2021-04-13 16:16:02 +02:00
}
2024-06-19 06:08:52 +02:00
. settingCard_dd864e { /* rolesettings setting card */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2021-04-13 16:16:02 +02:00
}
2024-06-19 06:08:52 +02:00
. settingCard_dd864e . active_dd864e { /* rolesettings setting card active */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-04-13 16:16:02 +02:00
}
2024-06-19 06:08:52 +02:00
. cardFolder_dd864e { /* rolesettings setting card body */
2021-04-13 16:16:02 +02:00
background-color : transparent ;
}
2024-06-19 06:08:52 +02:00
. group_e3c4bb { /* rolesettings permissions group */
2023-11-08 13:39:17 +01:00
border-color : rgb ( var ( --transparencycolor_v ) , . 4 ) ;
2021-03-20 13:18:38 +01:00
}
2024-06-19 06:08:52 +02:00
. item_e3c4bb { /* rolesettings permissions item */
2023-11-08 13:39:17 +01:00
background : rgb ( var ( --transparencycolor_v ) , . 2 ) ;
2021-03-20 13:18:38 +01:00
}
2024-06-19 06:08:52 +02:00
. item_e3c4bb : hover {
2023-11-08 13:39:17 +01:00
background : rgb ( var ( --transparencycolor_v ) , . 4 ) ;
2021-03-31 11:30:11 +02:00
}
2024-06-19 06:08:52 +02:00
. passthrough_e3c4bb . selected_e3c4bb { /* rolesettings permissions passthrough selected */
2023-11-08 13:39:17 +01:00
background : rgb ( var ( --accentcolor_v ) ) ;
2021-03-20 13:18:38 +01:00
}
2024-06-19 06:08:52 +02:00
. icon_cc7b67 { /* rolesettings everyone role icon */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2021-03-20 13:18:38 +01:00
}
2024-06-19 06:08:52 +02:00
. titleContainer_e87574 , /* rolesettings roles list header */
. header_bd05f1 { /* rolesettings perms list header */
2021-03-20 13:18:38 +01:00
background-color : transparent ;
}
2024-06-19 06:08:52 +02:00
. titleElevated_e87574 ,
. stickyHeaderElevated_bd05f1 {
2021-03-20 13:18:38 +01:00
box-shadow : none ;
}
2024-06-19 06:08:52 +02:00
. header_bd05f1 :: before ,
. header_bd05f1 :: after {
2021-03-20 13:18:38 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. header_bd05f1 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --background_v ) var ( --backgroundposition_v ) / var ( --backgroundsize_v ) ;
2021-03-20 13:18:38 +01:00
background-attachment : fixed ;
2021-06-26 17:05:43 +02:00
}
2024-06-19 06:08:52 +02:00
. header_bd05f1 :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) ) ) ;
backdrop-filter : blur ( var ( --backgroundblur_v ) ) ;
2021-03-20 13:18:38 +01:00
}
2024-06-19 06:08:52 +02:00
. roleRow_a930f1 : hover : not ( . roleRowDisableHover_a930f1 ) { /* rolesettings role row */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2021-03-20 13:18:38 +01:00
}
2024-06-19 06:08:52 +02:00
. roleRow_a930f1 : hover : not ( . roleRowDisableHover_a930f1 ) . circleButton_a930f1 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2021-03-20 13:18:38 +01:00
}
2024-06-19 06:08:52 +02:00
. roleRow_a930f1 : hover : not ( . roleRowDisableHover_a930f1 ) . circleButton_a930f1 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2021-03-20 13:18:38 +01:00
}
2024-06-19 06:08:52 +02:00
. roleRow_a930f1 : before ,
. roleRow_a930f1 : last-child : after {
2021-05-06 17:50:44 +02:00
background-color : var ( --background-modifier-accent ) ;
2021-03-20 13:18:38 +01:00
}
2024-06-19 06:08:52 +02:00
. memberRow_fe3229 : hover { /* rolesettings member row */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2021-03-31 11:30:11 +02:00
}
2024-03-28 18:23:28 +01:00
# app-mount . colorPickerSwatch__343b4 . noColor_e34214 { /* rolesettings colorswatch nocolor */
2023-11-08 13:39:17 +01:00
border-color : rgba ( var ( --textbrightest_v ) , . 3 ) ;
2021-03-20 13:18:38 +01:00
}
2024-03-28 18:23:28 +01:00
# app-mount . colorPickerSwatch__343b4 . noColor_e34214 . colorPickerDropperFg__0d1bc {
2021-05-06 18:17:02 +02:00
fill : var ( --header-primary ) ;
2021-03-20 13:18:38 +01:00
}
2024-03-28 18:23:28 +01:00
# app-mount . colorPickerSwatch__343b4 . noColor_e34214 polyline {
2021-05-06 18:17:02 +02:00
stroke : var ( --header-primary ) ;
2021-03-20 13:18:38 +01:00
}
2024-06-19 06:08:52 +02:00
. previewContainer_da1bd9 { /* rolesettings preview */
2021-03-31 11:30:11 +02:00
border : none ;
}
2024-06-19 06:08:52 +02:00
# app-mount . dragged_f778a8 { /* rolesettings dragged */
2023-10-29 12:11:49 +01:00
-webkit-mask : url ( https : / / discord . com / assets / 038a865e09c25dc13e30 . svg ) center / contain no-repeat ;
background : var ( --background-tertiary ) ;
}
2024-06-19 06:08:52 +02:00
. messageContainer_da1bd9 { /* rolesettings preview message */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2021-03-31 11:30:11 +02:00
}
2024-06-19 06:08:52 +02:00
. theme-light . messageContainer_da1bd9 {
2021-03-31 11:30:11 +02:00
display : none ;
}
2024-06-19 06:08:52 +02:00
. addMemberRow_a0cc0d . selectedRow_a0cc0d { /* rolesettings add member row */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2021-03-31 11:30:11 +02:00
}
2021-03-20 13:18:38 +01:00
2024-06-19 06:08:52 +02:00
# app-mount . emojiRow_dc1809 : hover . emojiAliasPlaceholderContent_dc1809 , /* emojisettings alias */
# app-mount . emojiRow_dc1809 : focus-within . emojiAliasPlaceholderContent_dc1809 {
2023-09-30 10:04:56 +02:00
visibility : hidden ! important ;
color : transparent ! important ;
}
2024-06-19 06:08:52 +02:00
# app-mount . emojiAliasInput_dc1809 . emojiInput_dc1809 { /* emojisettings nameinput */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
2024-03-25 17:47:24 +01:00
margin-top : -1px ;
margin-left : -8px ;
2020-03-25 22:40:02 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . auditLog_eebd33 { /* auditlogs logitem */
2023-11-08 13:39:17 +01:00
border-color : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
2021-05-06 18:17:02 +02:00
color : var ( --text-muted ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . headerClickable_eebd33 , /* auditlogs loginner */
# app-mount . headerDefault_eebd33 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2021-05-06 18:17:02 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . headerExpanded_eebd33 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-05-06 18:17:02 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . divider_eebd33 { /* auditlogs loginnerdivider */
2021-05-06 17:50:44 +02:00
background-color : var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . changeDetails_eebd33 { /* auditlogs logdetails */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . userHook_eebd33 { /* auditlogs userhook */
2021-05-06 18:17:02 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . auditLog_eebd33 strong { /* auditlogs targets */
2021-05-06 18:17:02 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . timestamp_eebd33 { /* auditlogs timestamp */
2021-05-06 18:17:02 +02:00
color : var ( --text-muted ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . expandForeground_eebd33 { /* auditlogs expandarrow */
2021-05-06 18:17:02 +02:00
stroke : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. themeOverrideLight_eebd33 . icon_eebd33 , /* auditlogs logicon */
. themeOverrideDark_eebd33 . icon_eebd33 ,
# app-mount . icon_eebd33 {
2019-09-19 12:56:54 +02:00
background : none ! important ;
}
2024-06-19 06:08:52 +02:00
. icon_eebd33 :: before {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
left : 0 ;
right : 0 ;
bottom : 0 ;
2021-05-06 18:17:02 +02:00
background : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. icon_eebd33 . applicationCommand_eebd33 :: before {
2023-10-27 14:27:41 +02:00
-webkit-mask : url ( https : / / discord . com / assets / 295610bf2d3ec357b4bb . svg ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. icon_eebd33 . autoModerationBlockMessage_eebd33 :: before {
2023-10-27 14:27:41 +02:00
-webkit-mask : url ( https : / / discord . com / assets / 2cb2c7601c0b9a2a1ccd . svg ) ;
2022-06-29 16:37:39 +02:00
}
2024-06-19 06:08:52 +02:00
. icon_eebd33 . autoModerationRule_eebd33 :: before {
2023-10-27 14:27:41 +02:00
-webkit-mask : url ( https : / / discord . com / assets / 2cb2c7601c0b9a2a1ccd . svg ) ;
2022-06-17 21:25:00 +02:00
}
2024-06-19 06:08:52 +02:00
. icon_eebd33 . targetAll_eebd33 :: before {
2023-10-27 14:27:41 +02:00
-webkit-mask : url ( https : / / discord . com / assets / cda90da758440b5e2cbc . svg ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. icon_eebd33 . targetBan_eebd33 :: before {
2023-10-27 14:27:41 +02:00
-webkit-mask : url ( https : / / discord . com / assets / 559f43e29d80d719b397 . svg ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. icon_eebd33 . targetChannel_eebd33 :: before {
2023-10-27 14:27:41 +02:00
-webkit-mask : url ( https : / / discord . com / assets / fd8bb90a4678f63f6a50 . svg ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. icon_eebd33 . targetEmoji_eebd33 :: before {
2023-10-27 14:27:41 +02:00
-webkit-mask : url ( https : / / discord . com / assets / b734b6798a8b89611ee7 . svg ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. icon_eebd33 . targetGuild_eebd33 :: before {
2023-10-27 14:27:41 +02:00
-webkit-mask : url ( https : / / discord . com / assets / 30039d24e09f9ae53597 . svg ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. icon_eebd33 . targetGuildHome_eebd33 :: before {
2023-10-27 14:27:41 +02:00
-webkit-mask : url ( https : / / discord . com / assets / bde25f93c922e02f8459 . svg ) ;
2022-06-17 21:25:00 +02:00
}
2024-06-19 06:08:52 +02:00
. icon_eebd33 . targetGuildScheduledEvent_eebd33 :: before {
2023-10-27 14:27:41 +02:00
-webkit-mask : url ( https : / / discord . com / assets / 119b4083c9d4fce05f2d . svg ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. icon_eebd33 . targetIntegration_eebd33 :: before {
2023-10-27 14:27:41 +02:00
-webkit-mask : url ( https : / / discord . com / assets / a82903ac1478ed97b6d4 . svg ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. icon_eebd33 . targetInvite_eebd33 :: before {
2023-10-27 14:27:41 +02:00
-webkit-mask : url ( https : / / discord . com / assets / 5cc5c2e0ad18a7c383d8 . svg ) ;
2021-07-29 20:46:18 +02:00
}
2024-06-19 06:08:52 +02:00
. icon_eebd33 . targetMember_eebd33 :: before {
2023-10-27 14:27:41 +02:00
-webkit-mask : url ( https : / / discord . com / assets / c53abf7172caf6e94497 . svg ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. icon_eebd33 . targetMemberRole_eebd33 :: before {
2023-10-27 14:27:41 +02:00
-webkit-mask : url ( https : / / discord . com / assets / 63a73b3d5daccfd7a8fc . svg ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. icon_eebd33 . targetMessage_eebd33 :: before {
2023-10-27 14:27:41 +02:00
-webkit-mask : url ( https : / / discord . com / assets / f88edd51273b2e14999a . svg ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. icon_eebd33 . targetPermission_eebd33 :: before {
2023-10-27 14:27:41 +02:00
-webkit-mask : url ( https : / / discord . com / assets / 93b984f7ed0c42796562 . svg ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. icon_eebd33 . targetRole_eebd33 :: before {
2023-10-27 14:27:41 +02:00
-webkit-mask : url ( https : / / discord . com / assets / 842d46ac28c4cc831849 . svg ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. icon_eebd33 . targetStageInstance_eebd33 :: before {
2023-10-27 14:27:41 +02:00
-webkit-mask : url ( https : / / discord . com / assets / f39f5d92d79071dcd992 . svg ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. icon_eebd33 . targetSticker_eebd33 :: before {
2023-10-27 14:27:41 +02:00
-webkit-mask : url ( https : / / discord . com / assets / 0020113abbe97807c0be . svg ) ;
2020-05-30 18:14:25 +02:00
}
2024-06-19 06:08:52 +02:00
. icon_eebd33 . targetVanityUrl_eebd33 :: before {
2023-10-27 14:27:41 +02:00
-webkit-mask : url ( https : / / discord . com / assets / 9ecac67adfc57255096c . svg ) ;
2021-07-29 20:46:18 +02:00
}
2024-06-19 06:08:52 +02:00
. icon_eebd33 . targetWebhook_eebd33 :: before {
2023-10-27 14:27:41 +02:00
-webkit-mask : url ( https : / / discord . com / assets / 2cb2c7601c0b9a2a1ccd . svg ) ;
2021-07-29 20:46:18 +02:00
}
2024-06-19 06:08:52 +02:00
. icon_eebd33 . targetWidget_eebd33 :: before {
2023-10-27 14:27:41 +02:00
-webkit-mask : url ( https : / / discord . com / assets / fb3b404502ba18187ace . svg ) ;
2022-01-21 22:49:05 +01:00
}
2024-06-19 06:08:52 +02:00
. icon_eebd33 . thread_eebd33 :: before {
2023-10-27 14:27:41 +02:00
-webkit-mask : url ( https : / / discord . com / assets / 6960c3e51b7f0dcefcc0 . svg ) ;
2021-07-29 20:46:18 +02:00
}
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . card_ea2a21 { /* integrationsettings card */
2023-11-08 13:39:17 +01:00
border-color : rgba ( var ( --transparencycolor_v ) , . 1 )
2020-08-26 16:14:26 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . card_adb740 { /* integrationsettings webhook card */
2023-11-08 13:39:17 +01:00
border-color : rgba ( var ( --transparencycolor_v ) , . 1 )
2020-08-14 14:48:12 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . card_f925ba { /* integrationsettings apps card */
2023-11-08 13:39:17 +01:00
border-color : rgba ( var ( --transparencycolor_v ) , . 1 )
2021-04-01 09:33:27 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . card_c26824 { /* integrationsettings follows card */
2023-11-08 13:39:17 +01:00
border-color : rgba ( var ( --transparencycolor_v ) , . 1 )
2020-07-26 17:04:43 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . iconWrapper_d5408a { /* integrationsettings icon */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2020-08-03 17:13:08 +02:00
}
2024-06-19 06:08:52 +02:00
. guildDetails_b1a8d5 { /* communitysettings intro details */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2020-08-03 17:13:08 +02:00
}
2024-06-19 06:08:52 +02:00
. featureCard_b1a8d5 { /* communitysettings intro featurecard */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-08-03 17:13:08 +02:00
}
2024-06-19 06:08:52 +02:00
. featureIcon_b1a8d5 { /* communitysettings intro featureicon */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-09-26 19:23:30 +02:00
}
2020-08-03 17:13:08 +02:00
2024-06-19 06:08:52 +02:00
. upsellContainer_d0de76 { /* communitysettings general upsellcontainer */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-08-03 17:13:08 +02:00
}
2024-06-19 06:08:52 +02:00
. upsellFooter_d0de76 { /* communitysettings general upsellfooter */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-08-03 17:13:08 +02:00
}
2024-06-19 06:08:52 +02:00
. developerPortalCtaWrapper_cfaf72 { /* communitysettings analytics info */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-08-03 17:13:08 +02:00
}
2024-06-19 06:08:52 +02:00
. analyticsCard_d4b8cc { /* communitysettings analytics card */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-08-03 17:13:08 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . card_b3f648 { /* communitysettings discovery card */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-08-03 17:13:08 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . iconMask_b3f648 { /* communitysettings discovery icon */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-08-03 17:13:08 +02:00
}
2024-06-19 06:08:52 +02:00
. splashImage_b3f648 [ src = "/assets/467602d632b5f9c1ce4b.svg" ] ,
. splashImage_b3f648 [ src = "/assets/d4d9f2bff23beec65b1f.svg" ] {
2023-10-29 12:11:49 +01:00
background : url ( https : / / discord . com / assets / 467602d632b5f9c1ce4b . svg ) center / cover no-repeat ;
opacity : . 75 ;
object-position : -999999px -999999px ;
}
2024-06-19 06:08:52 +02:00
. container_bd2368 { /* communitysettings discovery checklist */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-08-03 17:13:08 +02:00
}
2024-06-19 06:08:52 +02:00
. header_bd2368 { /* communitysettings discovery checklist header */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-08-03 17:13:08 +02:00
}
2024-06-19 06:08:52 +02:00
. descriptionBox_c38f8d { /* templatesettings descriptionbox */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-04-01 23:00:31 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . tierHeaderLocked_da77bd { /* boostsettings tierheaderlocked */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2021-05-06 20:04:14 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . tierHeaderUnlocked_da77bd { /* boostsettings tierheaderunlocked */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 5 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . tierCloseClose_da77bd { /* boostsettings tiercloseclose */
2021-06-15 12:35:58 +02:00
color : var ( --header-primary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . tierBody_da77bd { /* boostsettings tierbody */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-05-06 20:04:14 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . tierInProgress_a4fd01 { /* boostsettings tiermilestone */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . background_a4fd01 { /* boostsettings tierbar (settings) */
2023-11-08 13:39:17 +01:00
color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
# app-mount . member__55269 { /* membersettings membercard */
2021-05-06 17:50:44 +02:00
box-shadow : 0 1px 0 0 var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
# app-mount . member__55269 . name__7635a { /* membersettings membercardname */
2021-05-06 20:04:14 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
# app-mount . member__55269 . tag__1a537 { /* membersettings membercardtag */
2021-05-06 20:04:14 +02:00
color : var ( --text-muted ) ;
}
2023-11-18 17:25:14 +01:00
# app-mount . member__55269 . roleWrapper__0f174 { /* membersettings rolewrapper */
2023-11-08 13:39:17 +01:00
color : rgba ( var ( --textbrightest_v ) , . 8 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . actionButton_e4010c { /* membersettings addrolebutton */
2021-05-06 20:04:14 +02:00
border-color : var ( --header-secondary ) ;
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
# app-mount . member__55269 . overflowIconFg__2b31c { /* membersettings 3-dot icon */
2021-05-06 20:04:14 +02:00
fill : var ( --header-primary ) ;
}
2023-11-18 17:25:14 +01:00
# app-mount . member__55269 . ownerHelpIcon__021a4 { /* membersettings help icon */
2021-05-06 20:04:14 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . overflowRolesPopout_e4010c , /* membersettings roleoverflow popout */
# app-mount . overflowRolesPopoutArrow_e4010c {
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 2 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-03-26 00:42:57 +01:00
border : none ;
border-radius : 3px ;
overflow : hidden ;
}
2024-06-19 06:08:52 +02:00
. overflowRolesPopout_e4010c :: before ,
. overflowRolesPopoutArrow_e4010c :: before ,
. overflowRolesPopout_e4010c :: after ,
. overflowRolesPopoutArrow_e4010c :: after {
2020-03-26 00:42:57 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. overflowRolesPopout_e4010c :: before ,
. overflowRolesPopoutArrow_e4010c :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 17:05:43 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. overflowRolesPopout_e4010c :: after ,
. overflowRolesPopoutArrow_e4010c :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 1 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-16 11:11:06 +01:00
}
2024-06-19 06:08:52 +02:00
. overflowRolesPopoutHeaderIcon_e4010c path {
2021-05-06 20:04:14 +02:00
fill : var ( --header-secondary ) ;
2020-03-26 00:42:57 +01:00
}
2024-06-19 06:08:52 +02:00
. overflowRolesPopoutHeaderText_e4010c {
2021-05-06 20:04:14 +02:00
color : var ( --header-secondary ) ;
2020-03-26 00:42:57 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . to_b24f45 { /* membersettings transfer to */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
box-shadow : 0 0 0 4px rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2023-10-29 12:11:49 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . fromToWrapper_b24f45 {
2023-10-29 12:11:49 +01:00
background : transparent ;
}
2024-06-19 06:08:52 +02:00
# app-mount . fromToWrapper_b24f45 :: before {
2023-10-29 12:11:49 +01:00
content : "" ;
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
-webkit-mask : url ( https : / / discord . com / assets / a2e6c7df5d20d1aeaacb . svg ) 50 % 0 no-repeat ;
background : var ( --header-primary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . inviteSettingsInviteRow_edb39d { /* invitesettings invitecard */
2021-05-06 17:50:44 +02:00
box-shadow : 0 1px 0 0 var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . bannedUser_c90ddb { /* bansettings bancard */
2023-10-27 13:35:13 +02:00
background-color : transparent ;
2021-05-06 17:50:44 +02:00
box-shadow : 0 1px 0 0 var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . bannedUser_c90ddb : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
/* ~~~~ 13. MODALS ~~~~ */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
. layer_c9e2da : nth-child ( 1 ) ,
2024-03-28 18:23:28 +01:00
. withLayer__29ace : nth-child ( 1 ) {
2020-10-17 15:08:02 +02:00
z-index : 1002 ;
}
2024-06-19 06:08:52 +02:00
. layer_c9e2da : nth-child ( 2 ) ,
2024-03-28 18:23:28 +01:00
. withLayer__29ace : nth-child ( 2 ) {
2020-10-17 15:08:02 +02:00
z-index : 1003 ;
}
2024-06-19 06:08:52 +02:00
. layer_c9e2da : nth-child ( 3 ) ,
2024-03-28 18:23:28 +01:00
. withLayer__29ace : nth-child ( 3 ) {
2020-10-17 15:08:02 +02:00
z-index : 1004 ;
}
2024-06-19 06:08:52 +02:00
. layer_c9e2da : nth-child ( 4 ) ,
2024-03-28 18:23:28 +01:00
. withLayer__29ace : nth-child ( 4 ) {
2020-10-17 15:08:02 +02:00
z-index : 1005 ;
}
2024-06-19 06:08:52 +02:00
. layer_c9e2da : nth-child ( 5 ) ,
2024-03-28 18:23:28 +01:00
. withLayer__29ace : nth-child ( 5 ) {
2020-10-17 15:08:02 +02:00
z-index : 1006 ;
}
2024-06-19 06:08:52 +02:00
. layer_c9e2da : nth-child ( 6 ) ,
2024-03-28 18:23:28 +01:00
. withLayer__29ace : nth-child ( 6 ) {
2020-10-17 15:08:02 +02:00
z-index : 1007 ;
}
2024-06-19 06:08:52 +02:00
. layer_c9e2da : nth-child ( 7 ) ,
2024-03-28 18:23:28 +01:00
. withLayer__29ace : nth-child ( 7 ) {
2020-10-17 15:08:02 +02:00
z-index : 1008 ;
}
2024-06-19 06:08:52 +02:00
. layer_c9e2da : nth-child ( 8 ) ,
2024-03-28 18:23:28 +01:00
. withLayer__29ace : nth-child ( 8 ) {
2020-10-17 15:08:02 +02:00
z-index : 1009 ;
}
2024-06-19 06:08:52 +02:00
. layer_c9e2da : nth-child ( 9 ) ,
2024-03-28 18:23:28 +01:00
. withLayer__29ace : nth-child ( 9 ) {
2020-10-17 15:08:02 +02:00
z-index : 1010 ;
}
2024-06-19 06:08:52 +02:00
. layer_cd0de5 {
2023-03-02 22:50:52 +01:00
z-index : 1011 ;
}
2020-10-17 15:08:02 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . root_f9a4c9 : not ( . noBackground_ad95dc ) , /* modal container (foldersettings) */
# app-mount . modal_ec75c1 , /* modal container */
2024-02-28 17:28:15 +01:00
# app-mount . bd-modal-root { /* modal bd modal */
2020-11-10 22:34:34 +01:00
background-color : transparent ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
position : relative ;
2019-10-27 08:10:44 +01:00
border-radius : 5px ;
2023-10-27 14:40:51 +02:00
transform : unset ! important ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . rootWithShadow_f9a4c9 : not ( . noShadow_ad95dc ) {
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2023-03-01 14:41:14 +01:00
}
2024-06-19 06:08:52 +02:00
. root_f9a4c9 > * ,
. modal_ec75c1 > * {
2020-08-03 17:31:03 +02:00
z-index : 1 ;
}
2024-06-19 06:08:52 +02:00
. root_f9a4c9 :: before ,
. modal_ec75c1 :: before ,
2024-02-28 17:28:15 +01:00
. bd-modal-root :: before ,
2024-06-19 06:08:52 +02:00
. root_f9a4c9 :: after ,
. modal_ec75c1 :: after ,
2024-02-28 17:28:15 +01:00
. bd-modal-root :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
2019-10-27 08:10:44 +01:00
border-radius : 5px ;
2019-09-19 12:56:54 +02:00
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. root_f9a4c9 :: before ,
. modal_ec75c1 :: before ,
2024-02-28 17:28:15 +01:00
. bd-modal-root :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 17:05:43 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. root_f9a4c9 :: after ,
. modal_ec75c1 :: after ,
2024-02-28 17:28:15 +01:00
. bd-modal-root :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 2 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-10 22:34:34 +01:00
}
2024-06-19 06:08:52 +02:00
. root_f9a4c9 . modal_ec75c1 :: before ,
. root_f9a4c9 . noBackground_ad95dc :: before ,
. root_f9a4c9 . carouselModal_d2b9a1 :: before ,
. modal_aee8c6 :: before ,
. root_f9a4c9 . modal_ec75c1 :: after ,
. root_f9a4c9 . noBackground_ad95dc :: after ,
. root_f9a4c9 . carouselModal_d2b9a1 :: after ,
. modal_aee8c6 :: after {
2020-02-12 09:59:29 +01:00
display : none ;
}
2024-06-19 06:08:52 +02:00
# app-mount . zoomedCarouselModalRoot_b586d2 {
2022-07-24 13:48:55 +02:00
background : transparent ! important ;
}
2024-06-19 06:08:52 +02:00
# app-mount . modalTextContainer_ad9cbd { /* modal text file */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 5 ) ;
2021-04-14 17:08:52 +02:00
border : none ;
}
2024-06-19 06:08:52 +02:00
# app-mount . footer_f9a4c9 ,
2024-03-28 18:23:28 +01:00
# app-mount . footer_c33701 { /* modal footer */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2021-03-03 14:02:58 +01:00
z-index : 0 ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . footerSeparator_f9a4c9 {
2023-03-01 14:38:41 +01:00
box-shadow : none ;
}
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
. tabBarContainer_b9fccc { /* modal tabbarcontainer */
2023-11-08 13:39:17 +01:00
border-top-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . modal_6GHvdM . tabBarContainer_b9fccc {
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
box-shadow : 0 2px 3px 0 rgba ( var ( --transparencycolor_v ) , . 1 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . content_a934ca + . videoContainer_a934ca {
2023-11-16 12:26:25 +01:00
box-sizing : border-box ;
height : 100 % ;
}
2024-06-19 06:08:52 +02:00
# app-mount . testimonialContainer_d3081b path [ fill = "#2B2D31" ] {
2023-11-16 12:26:25 +01:00
fill : var ( --background-secondary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . testimonialContainer_d3081b . quotes_d3081b {
2023-11-16 12:26:25 +01:00
color : var ( --header-secondary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . separator_bcb954 {
2023-11-08 13:39:17 +01:00
box-shadow : 0 1px 0 0 rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 1px 2px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-05-07 17:07:56 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . divider_bcb954 {
2021-05-07 17:07:56 +02:00
border-color : var ( --background-modifier-accent ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . message_fcc792 {
2021-05-07 17:07:56 +02:00
color : var ( --header-secondary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . secondaryButton_fcc792 {
2021-05-07 17:07:56 +02:00
color : var ( --header-primary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . imageUpgrade_fcc792 {
2023-10-27 14:40:51 +02:00
background-image : url ( https : / / discord . com / assets / 7e81dd54960672eabe78 . svg ) ;
2021-05-07 17:07:56 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . imageCancel_fcc792 {
2023-10-27 14:40:51 +02:00
background : url ( https : / / discord . com / assets / d12b5c285831f85c5eee . svg ) ;
2021-05-07 17:07:56 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . imageUnclaimed_fcc792 {
2023-10-27 14:40:51 +02:00
background-image : url ( https : / / discord . com / assets / 41675689ca055858e137 . svg ) ;
2021-05-07 17:07:56 +02:00
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . imageUnverified_fcc792 {
2023-10-27 14:40:51 +02:00
background-image : url ( https : / / discord . com / assets / f0cba42b6a6d3b2de4fd . svg ) ;
2021-05-07 17:07:56 +02:00
opacity : . 5 ;
}
2024-03-28 18:23:28 +01:00
# app-mount . divider__65336 {
2021-05-07 17:07:56 +02:00
border-color : var ( --background-modifier-accent ) ;
}
2024-03-28 18:23:28 +01:00
# app-mount . backButtonColor__4cae5 {
2021-05-07 17:07:56 +02:00
color : var ( --header-primary ) ;
}
2024-03-28 18:23:28 +01:00
# app-mount . checkboxLabel_a11995 {
2021-05-07 17:07:56 +02:00
color : var ( --header-secondary ) ;
}
2023-11-18 17:25:14 +01:00
/* ---- 13.1. USERMODAL ----- */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
. listRow_e4be58 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. emptyIcon_e4be58 { /* body emptypic */
2021-06-08 22:43:17 +02:00
opacity : . 5 ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. profileColors_ac6ab4 . mask_c51b4e circle {
2022-10-25 14:05:34 +02:00
fill : transparent ;
}
2019-09-19 12:56:54 +02:00
2023-11-18 17:25:14 +01:00
/* ---- 13.2. GUILDADD/CREATION ----- */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
. container_a47d49 , /* create modal item */
. guildRow_f1b3cc { /* hub modal item */
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --transparencycolor_v ) , . 2 ) ;
2020-09-28 19:11:52 +02:00
border : none ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. container_a47d49 : hover ,
. guildRow_f1b3cc : hover {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --transparencycolor_v ) , . 4 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. text_a47d49 , /* create modal text */
. guildName_f1b3cc { /* hub modal text */
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. container_a47d49 : hover . text_a47d49 ,
. guildRow_f1b3cc : hover . guildName_f1b3cc {
2021-05-06 21:30:35 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. arrow_a47d49 , /* create modal arrow */
. guildName_f1b3cc ~ img { /* hub modal arrow */
2020-12-26 18:33:33 +01:00
object-position : -999999px -999999px ;
2023-10-27 15:04:29 +02:00
-webkit-mask : url ( https : / / discord . com / assets / ebd4163d89c2d849ec54 . svg ) center / cover no-repeat ;
2021-05-06 21:30:35 +02:00
background : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. container_a47d49 : hover . arrow_a47d49 ,
. guildRow_f1b3cc : hover . guildName_f1b3cc ~ img {
2021-05-06 21:30:35 +02:00
background : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. input_e8a9c7 { /* modal invite input */
2020-09-28 19:11:52 +02:00
background : transparent ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. inputInner_e8a9c7 { /* modal invite input inner */
2021-05-06 21:30:35 +02:00
border : 1px solid var ( --deprecated-text-input-border ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
/* ---- 13.3. UPLOADMODAL ---- */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . uploadModal_f82cc7 { /* modal container */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-11-24 09:27:42 +01:00
position : relative ;
border-radius : 10px ;
}
2024-06-19 06:08:52 +02:00
. uploadModal_f82cc7 :: before ,
. uploadModal_f82cc7 :: after {
2019-11-24 09:27:42 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 10px ;
2021-06-26 17:05:43 +02:00
pointer-events : none ;
2019-11-24 09:27:42 +01:00
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. uploadModal_f82cc7 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 17:05:43 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. uploadModal_f82cc7 :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 2 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-16 11:11:06 +01:00
}
2019-11-24 09:27:42 +01:00
2024-06-19 06:08:52 +02:00
. uploadModalIn_f82cc7 . uploadDropModal_f82cc7 {
2020-05-11 21:09:59 +02:00
width : unset ;
}
2024-06-19 06:08:52 +02:00
. uploadModalIn_f82cc7 . uploadDropModal_f82cc7 . inner_f82cc7 . title_f82cc7 ,
. uploadModalIn_f82cc7 . uploadDropModal_f82cc7 . inner_f82cc7 . instructions_f82cc7 {
2023-11-08 13:39:17 +01:00
text-shadow : 1px 1px var ( --textshadow_v ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. uploadModal_f82cc7 . inner_f82cc7 { /* modal channeltextarea */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. uploadModal_f82cc7 . footer_f82cc7 { /* modal footer */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2021-03-20 11:04:08 +01:00
box-shadow : none ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. uploadModal_f82cc7 . inner_f82cc7 . file_f82cc7 . icon_f82cc7 . image_f82cc7 {
2023-11-08 13:39:17 +01:00
box-shadow : 0 2px 8px rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 13.4. KEYBOARDSHORTCUTSMODAL ---- */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . keyboardShortcutsModal_ad95dc { /* modal container */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
position : relative ;
overflow : hidden ;
}
2024-06-19 06:08:52 +02:00
. keyboardShortcutsModal_ad95dc :: before ,
. keyboardShortcutsModal_ad95dc :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. keyboardShortcutsModal_ad95dc :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 17:07:15 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. keyboardShortcutsModal_ad95dc :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 2 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-16 11:11:06 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . modalTitle_ad95dc { /* modal title */
2021-05-06 21:30:35 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . modalSubtitle_ad95dc { /* modal subtitle */
2021-05-06 17:50:44 +02:00
border-color : var ( --background-modifier-accent ) ;
2021-05-06 21:30:35 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . keyboardShortcutList_ad95dc . keybindGroup_ad95dc . keybindDescription_c0b6a8 {
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . combo_c90023 {
2021-05-06 21:30:35 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . combo_c90023 . key_c90023 {
2021-05-06 21:30:35 +02:00
background-color : var ( --text-muted ) ;
border : 1px solid rgba ( 0 , 0 , 0 , . 4 ) ;
box-shadow : inset 0 -4px 0 rgba ( 0 , 0 , 0 , . 4 ) ;
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . combo_c90023 . key_c90023 : active {
2021-05-06 21:30:35 +02:00
box-shadow : inset 0 -2px 0 rgba ( 0 , 0 , 0 , . 6 ) ;
border : 1px solid rgb ( 0 , 0 , 0 ) ;
color : var ( --header-secondary ) ;
}
2019-09-19 12:56:54 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 13.5. QUICKSWITCHER ---- */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . quickswitcher_f4e139 { /* modal container */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
position : relative ;
overflow : hidden ;
2022-03-24 17:49:33 +01:00
flex : 1 1 auto ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. quickswitcher_f4e139 :: before ,
. quickswitcher_f4e139 :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. quickswitcher_f4e139 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 17:07:15 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. quickswitcher_f4e139 :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 2 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-16 11:11:06 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . emptyState_f4e139 {
2023-10-29 10:23:06 +01:00
background : transparent ;
}
2024-06-19 06:08:52 +02:00
# app-mount . emptyState_f4e139 :: before {
2023-10-29 10:23:06 +01:00
content : "" ;
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
background : url ( https : / / discord . com / assets / c586aac99de98cfb010d . svg ) center / 100px no-repeat ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
. root_f9a4c9 . quickswitcher_f4e139 :: before ,
. root_f9a4c9 . quickswitcher_f4e139 :: after {
2022-03-24 17:49:33 +01:00
display : none ;
}
2024-06-19 06:08:52 +02:00
. scroller_f4e139 {
2020-07-05 23:08:45 +02:00
background-color : transparent ;
}
2024-06-19 06:08:52 +02:00
# app-mount . input_f4e139 { /* modal input */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
box-shadow : 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . result_f14193 [ aria-selected = true ] { /* modal resultselected */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 13.6. INVITEMODAL/GROUPCREATE ---- */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . contentWrapper_ed5743 { /* modal guildinvitemodal */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-12-12 10:26:20 +01:00
position : relative ;
overflow : hidden ;
}
2024-06-19 06:08:52 +02:00
. contentWrapper_ed5743 :: before ,
. contentWrapper_ed5743 :: after {
2019-12-12 10:26:20 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. contentWrapper_ed5743 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 17:07:15 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. contentWrapper_ed5743 :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 2 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-16 11:11:06 +01:00
}
2019-12-12 10:26:20 +01:00
2024-06-19 06:08:52 +02:00
# app-mount . friendSelected_ebf869 , /* modal groupdmrow */
# app-mount . inviteRow_cedfaf : hover { /* modal guildrow */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . friend_ebf869 , /* modal groupdmrow */
# app-mount . inviteRowName_cedfaf { /* modal username */
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . friendSelected_ebf869 ,
# app-mount . inviteRow_cedfaf : hover . inviteRowName_cedfaf {
2021-05-06 21:30:35 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
# app-mount . checkBoxLabel__873a9 ,
2024-06-19 06:08:52 +02:00
# app-mount . footerText_cedfaf ,
# app-mount . subtitle_e6af9c ,
# app-mount . subText_cedfaf {
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. tag_effbe2 { /* modal added user */
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2021-05-06 21:30:35 +02:00
color : # fff ;
2023-11-08 13:39:17 +01:00
text-shadow : 1px 1px var ( --textshadow_v ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. pill_dc6abe {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 5 ) ;
2019-12-12 10:26:20 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . notFriends_e6af9c . errorStateIcon_e6af9c {
2023-10-27 15:27:58 +02:00
background-image : url ( https : / / discord . com / assets / 07aa1f325ebe8b8af5cb . svg ) ;
opacity : 0 . 6 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . noFriends_e6af9c . errorStateIcon_e6af9c {
2023-10-27 15:27:58 +02:00
background-image : url ( https : / / discord . com / assets / adfe130868d2bcf467b5 . svg ) ;
opacity : 0 . 6 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . partyFull_e6af9c . errorStateIcon_e6af9c {
2023-10-27 15:27:58 +02:00
background-image : url ( https : / / discord . com / assets / 53d74eda11a4185c1acd . svg ) ;
opacity : 0 . 6 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . noResults_e6af9c . errorStateIcon_e6af9c {
2023-10-27 15:27:58 +02:00
background-image : url ( https : / / discord . com / assets / c8718df1382ba878f1fc . svg ) ;
opacity : 0 . 6 ;
}
2019-09-19 12:56:54 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 13.7. LOGINSCREEN ---- */
2019-09-20 13:29:31 +02:00
2023-10-25 16:24:34 +02:00
# app-mount . wrapper_eebc2d { /* login wrapper */
2019-09-20 13:29:31 +02:00
background : transparent ;
}
2023-11-18 17:40:58 +01:00
. wrapper_eebc2d :: before , /* login winbuttonshadow */
2024-06-19 06:08:52 +02:00
. wrapper_eebc2d . rightSplit_a50b20 , /* login background */
. wrapper_eebc2d . canvas_a950cf { /* login movingshadow */
2019-09-20 13:29:31 +02:00
display : none ;
}
2024-06-19 06:08:52 +02:00
# app-mount . authBox_dc6abe { /* login modal body */
2021-12-09 22:14:47 +01:00
background-color : transparent ;
box-shadow : none ;
2021-05-06 21:30:35 +02:00
color : var ( --text-muted ) ;
2019-09-20 13:29:31 +02:00
position : relative ;
overflow : hidden ;
}
2024-06-19 06:08:52 +02:00
# app-mount . authBox_dc6abe . authBoxExpanded_dc6abe { /* login modal body expanded */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 5 ) ;
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-12-09 22:14:47 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . navRow_be9398 { /* modal modal footer */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-10-12 19:03:12 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 13.8. DOWNLOADAPPMODAL ---- */
2020-02-19 14:54:06 +01:00
2024-06-19 06:08:52 +02:00
# app-mount . downloadApps_f82819 { /* modal container */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-02-19 14:54:06 +01:00
position : relative ;
overflow : hidden ;
}
2024-06-19 06:08:52 +02:00
. downloadApps_f82819 :: before ,
. downloadApps_f82819 :: after {
2020-02-19 14:54:06 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. downloadApps_f82819 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 17:46:21 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. downloadApps_f82819 :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 2 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-16 11:11:06 +01:00
}
2024-06-19 06:08:52 +02:00
. downloadApps_f82819 . header_f82819 {
2021-05-06 21:30:35 +02:00
color : var ( --text-normal ) ;
}
2024-06-19 06:08:52 +02:00
. downloadApps_f82819 . footer_f82819 {
2021-05-06 21:30:35 +02:00
color : var ( --text-muted ) ;
2020-02-19 14:54:06 +01:00
}
2024-06-19 06:08:52 +02:00
. downloadApps_f82819 . platforms_f82819 . platform_f82819 {
2021-05-06 21:30:35 +02:00
border-color : var ( --header-secondary ) ;
2020-02-19 14:54:06 +01:00
}
2024-06-19 06:08:52 +02:00
. downloadApps_f82819 . platforms_f82819 . platform_f82819 p {
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
2020-02-19 14:54:06 +01:00
}
2024-06-19 06:08:52 +02:00
. downloadApps_f82819 . platforms_f82819 . platform_f82819 . downloadButton_f82819 {
2021-05-06 21:30:35 +02:00
background-color : var ( --header-secondary ) ;
2020-02-19 14:54:06 +01:00
}
2024-06-19 06:08:52 +02:00
. downloadApps_f82819 . platforms_f82819 . platform_f82819 . active_f82819 . downloadButton_f82819 {
2023-11-08 13:39:17 +01:00
text-shadow : 1px 1px var ( --textshadow_v ) ;
2021-05-06 17:50:44 +02:00
}
2020-02-19 14:54:06 +01:00
2023-11-18 17:40:58 +01:00
/* ---- 13.9. GUILDBOOSTMODAL ---- */
2020-02-23 13:10:23 +01:00
2024-06-19 06:08:52 +02:00
# app-mount . subscriberCount_da77bd { /* modal subcount */
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
2020-02-23 13:10:23 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . subscriberCount_da77bd strong {
2021-05-06 21:30:35 +02:00
color : var ( --text-normal ) ;
2020-02-23 13:10:23 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . moreSubscribers_da77bd { /* modal suboverflow */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-05-06 21:30:35 +02:00
color : var ( --header-primary )
2020-02-23 13:10:23 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . subscribersPopout_da77bd { /* subpopout container */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 2px 10px rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-02-23 13:10:23 +01:00
overflow : hidden ;
}
2024-06-19 06:08:52 +02:00
. subscribersPopout_da77bd :: before ,
. subscribersPopout_da77bd :: after {
2020-02-23 13:10:23 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. subscribersPopout_da77bd :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 17:46:21 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. subscribersPopout_da77bd :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 35 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-16 11:11:06 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . subscribersPopoutUser_da77bd { /* subpopout users */
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
2020-02-23 13:10:23 +01:00
}
2024-03-28 18:23:28 +01:00
# app-mount . iconWrapper__0d13e { /* prebuy popout amount icon wrapper */
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-03-26 00:42:57 +01:00
}
2024-03-28 18:23:28 +01:00
. icon_bb7288 : hover { /* prebuy popout amount icon */
2023-11-08 13:39:17 +01:00
background : rgb ( var ( --accentcolor_v ) ) ;
2020-03-26 00:42:57 +01:00
}
2023-11-18 17:40:58 +01:00
/* ---- 13.10. REACTIONSMODAL ---- */
2020-03-27 19:03:51 +01:00
2024-06-19 06:08:52 +02:00
# app-mount . scroller_f2bfbb { /* modal sidebar */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2020-03-27 19:03:51 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . reactors_f2bfbb { /* modal list */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-03-27 19:03:51 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . reactionDefault_f2bfbb : hover { /* modal reaction */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-03-27 19:03:51 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . reactionSelected_f2bfbb {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2020-03-27 19:03:51 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . remove_f2bfbb { /* modal remove */
2021-05-06 21:30:35 +02:00
color : var ( --interactive-normal ) ;
2020-03-27 19:03:51 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . remove_f2bfbb : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2021-05-06 21:30:35 +02:00
color : var ( --interactive-hover ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . discriminator_f2bfbb { /* modal discriminator */
2021-05-06 21:30:35 +02:00
color : var ( --text-muted ) ;
2020-03-27 19:03:51 +01:00
}
2023-11-18 17:40:58 +01:00
/* ---- 13.11. GUILDWELCOMEMODAL ---- */
2020-05-17 16:50:46 +02:00
2024-06-19 06:08:52 +02:00
. optionContainer_e3f8c2 { /* modal option */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-05-17 16:50:46 +02:00
}
2024-06-19 06:08:52 +02:00
. optionContainer_e3f8c2 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2020-05-17 16:50:46 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 13.12. GUILDRULESMODAL ---- */
2020-12-22 21:58:36 +01:00
2024-06-19 06:08:52 +02:00
. guildSidebar_a74b6f { /* modal sidebar */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2020-12-22 21:58:36 +01:00
}
2024-06-19 06:08:52 +02:00
. footer_a74b6f { /* modal footer */
2023-10-27 13:12:34 +02:00
background : transparent ;
}
2024-06-19 06:08:52 +02:00
. modal_a74b6f { /* modal inner */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-12-22 21:58:36 +01:00
}
2023-11-18 17:40:58 +01:00
/* ---- 13.13. GUILDFEEDBACKMODAL ---- */
2021-01-03 16:00:42 +01:00
2024-06-19 06:08:52 +02:00
. root_ee4ca6 { /* modal items */
2021-01-03 16:00:42 +01:00
background-color : transparent ;
border-radius : 0 ;
}
2024-06-19 06:08:52 +02:00
. option_ee4ca6 { /* modal item */
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --transparencycolor_v ) , . 2 ) ;
2021-01-03 16:00:42 +01:00
border : none ;
border-radius : 8px ;
margin-bottom : 8px ;
}
2024-06-19 06:08:52 +02:00
. option_ee4ca6 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --transparencycolor_v ) , . 4 ) ;
2021-01-03 16:00:42 +01:00
}
2023-11-18 17:40:58 +01:00
/* ---- 13.14. SCREENSHAREMODAL ---- */
2020-06-27 23:39:45 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . sourceThumbnail_d7ec26 { /* modal preview tiles */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
box-shadow : 0 2px 5px rgba ( var ( --transparencycolor_v ) , . 2 ) , 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 6 ) ;
2020-06-27 23:39:45 +02:00
}
2024-06-19 06:08:52 +02:00
. card_f30ffe {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
border-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2020-10-18 23:17:42 +02:00
}
2023-10-27 15:27:58 +02:00
# app-mount . item__126a6 {
2023-11-08 13:39:17 +01:00
border-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2020-10-18 23:17:42 +02:00
}
2024-06-19 06:08:52 +02:00
. selectorButton_a78967 : not ( . selectorButtonSelected_a78967 ) {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-10-18 23:17:42 +02:00
}
2020-06-27 23:39:45 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 13.15. PHONEVERIFICATIONMODAL ---- */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
. phoneField_d4eb58 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2021-03-19 23:23:44 +01:00
}
2024-06-19 06:08:52 +02:00
. phoneField_d4eb58 . inputField_d4eb58 {
2021-03-19 23:23:44 +01:00
background-color : transparent ;
}
2024-06-19 06:08:52 +02:00
. phoneFieldPopout_ff761b {
2021-03-19 23:23:44 +01:00
position : absolute ! important ;
}
2019-09-19 12:56:54 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 13.16. NOTIFICATIONSMODAL ---- */
2021-05-06 20:04:14 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . channelName_cacc4c {
2021-05-06 20:04:14 +02:00
color : var ( --header-primary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . guildName_cacc4c ,
# app-mount . override_cacc4c ,
# app-mount . overrideHighlight_cacc4c {
2021-05-06 20:04:14 +02:00
color : var ( --header-secondary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . override_cacc4c : hover {
2021-05-06 20:04:14 +02:00
background-color : rgba ( var ( --backgroundtertiary ) , . 1 ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . overrideHighlight_cacc4c ,
# app-mount . overrideHighlight_cacc4c : hover {
2021-05-06 20:04:14 +02:00
background-color : rgba ( var ( --backgroundtertiary ) , . 3 ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . checkboxContainer_cacc4c :: before {
2021-05-06 20:04:14 +02:00
background-color : rgba ( var ( --backgroundtertiary ) , . 6 ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . overridePlaceholder_cacc4c {
2021-05-06 20:04:14 +02:00
border : 1px dashed var ( --background-floating ) ;
}
2023-11-18 17:40:58 +01:00
/* ---- 13.17. PODIUMSTARTMODAL ---- */
2021-05-12 12:59:29 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . iconContainer_df0aed {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 5 ) ;
2021-05-12 12:59:29 +02:00
}
2024-05-09 11:41:45 +02:00
/* ---- 13.18. POLLMODAL ---- */
2024-06-19 06:08:52 +02:00
. voteDefault_cbdbf0 : hover {
2024-05-09 11:41:45 +02:00
background : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
}
2024-06-19 06:08:52 +02:00
. voteSelected_cbdbf0 {
2024-05-09 11:41:45 +02:00
background : rgb ( var ( --accentcolor_v ) ) ;
}
2024-06-19 06:08:52 +02:00
. voteSelected_cbdbf0 [ style * = "color: var(--text-secondary)" ] {
2024-05-09 11:41:45 +02:00
color : rgb ( var ( --textbrightest_v ) ) ! important ;
}
2020-08-05 20:40:49 +02:00
2023-11-18 17:40:58 +01:00
/* ~~~~ 14. POPOUTS ~~~~ */
2021-03-19 23:23:44 +01:00
2024-06-19 06:08:52 +02:00
. layer_cd0de5 : nth-child ( 1 ) {
2023-10-27 15:48:43 +02:00
z-index : 1012 ;
2020-08-05 20:40:49 +02:00
}
2024-06-19 06:08:52 +02:00
. layer_cd0de5 : nth-child ( 2 ) {
2023-10-27 15:48:43 +02:00
z-index : 1013 ;
2020-08-05 20:40:49 +02:00
}
2024-06-19 06:08:52 +02:00
. layer_cd0de5 : nth-child ( 3 ) {
2023-10-27 15:48:43 +02:00
z-index : 1014 ;
2020-08-05 20:40:49 +02:00
}
2024-06-19 06:08:52 +02:00
. layer_cd0de5 : nth-child ( 4 ) {
2023-10-27 15:48:43 +02:00
z-index : 1015 ;
2020-08-05 20:40:49 +02:00
}
2024-06-19 06:08:52 +02:00
. layer_cd0de5 : nth-child ( 5 ) {
2023-10-27 15:48:43 +02:00
z-index : 1016 ;
2020-08-05 20:40:49 +02:00
}
2024-06-19 06:08:52 +02:00
. layer_cd0de5 : nth-child ( 6 ) {
2023-10-27 15:48:43 +02:00
z-index : 1017 ;
2020-08-05 20:40:49 +02:00
}
2024-06-19 06:08:52 +02:00
. layer_cd0de5 : nth-child ( 7 ) {
2023-10-27 15:48:43 +02:00
z-index : 1018 ;
2020-08-05 20:40:49 +02:00
}
2024-06-19 06:08:52 +02:00
. layer_cd0de5 : nth-child ( 8 ) {
2023-10-27 15:48:43 +02:00
z-index : 1019 ;
2020-08-05 20:40:49 +02:00
}
2024-06-19 06:08:52 +02:00
. layer_cd0de5 : nth-child ( 9 ) {
2023-10-27 15:48:43 +02:00
z-index : 1020 ;
2020-08-05 20:40:49 +02:00
}
2024-06-19 06:08:52 +02:00
. layer_cd0de5 ~ . layer_c9e2da ,
. layer_cd0de5 ~ . backdrop__1a911 . withLayer__29ace {
2024-03-01 14:50:01 +01:00
z-index : 1021 ;
}
2020-08-05 20:40:49 +02:00
2024-06-19 06:08:52 +02:00
. translate_f88ae3 {
2023-10-27 15:04:29 +02:00
transform : unset ! important ;
}
2024-06-19 06:08:52 +02:00
# app-mount . loadingPopout_a8c724 , /* loading popout */
# app-mount . container_e664f3 , /* browser popout */
2023-10-27 15:48:43 +02:00
# app-mount . themedPopout_1TrfdI { /* themed popout */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2019-09-20 23:04:33 +02:00
border : none ;
2019-09-20 22:41:45 +02:00
border-radius : 5px ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-05-06 21:30:35 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
position : relative ;
}
2024-06-19 06:08:52 +02:00
. loadingPopout_a8c724 :: before ,
. container_e664f3 :: before ,
2023-10-27 15:48:43 +02:00
. themedPopout_1TrfdI :: before ,
2024-06-19 06:08:52 +02:00
. loadingPopout_a8c724 :: after ,
. container_e664f3 :: after ,
2023-10-27 15:48:43 +02:00
. themedPopout_1TrfdI :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
2019-09-20 22:41:45 +02:00
border-radius : 5px ;
2021-06-26 17:46:21 +02:00
pointer-events : none ;
2019-09-19 12:56:54 +02:00
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. loadingPopout_a8c724 :: before ,
. container_e664f3 :: before ,
2023-10-27 15:48:43 +02:00
. themedPopout_1TrfdI :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 17:46:21 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. loadingPopout_a8c724 :: after ,
. container_e664f3 :: after ,
2023-10-27 15:48:43 +02:00
. themedPopout_1TrfdI :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-16 11:11:06 +01:00
}
2024-03-28 18:23:28 +01:00
# app-mount . divider__65336 { /* popout divider */
2021-05-06 17:50:44 +02:00
border-color : var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 14.1. CONTEXTMENU ---- */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
. menu_d90b3d , /* contextmenu fixed */
. submenu_d90b3d { /* contextmenu submenu */
2020-11-16 11:11:06 +01:00
background : transparent ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. menu_d90b3d :: before ,
. submenu_d90b3d :: before ,
. menu_d90b3d :: after ,
. submenu_d90b3d :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 4px ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. menu_d90b3d :: before ,
. submenu_d90b3d :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 17:46:21 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. menu_d90b3d :: after ,
. submenu_d90b3d :: after {
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 3 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-16 11:11:06 +01:00
}
2024-06-19 06:08:52 +02:00
. submenu_d90b3d {
2020-05-22 14:56:00 +02:00
position : relative ;
}
2024-06-19 06:08:52 +02:00
. item_d90b3d . colorDefault_d90b3d . focused_d90b3d ,
. item_d90b3d . colorDefault_d90b3d : hover : not ( . hideInteraction_d90b3d ) {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --accentcolor_v ) , . 2 ) ! important ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. item_d90b3d . colorDanger_d90b3d . focused_d90b3d ,
. item_d90b3d . colorDanger_d90b3d : hover : not ( . hideInteraction_d90b3d ) {
2021-05-21 17:52:59 +02:00
background-color : rgba ( var ( --dangercolor ) , . 2 ) ! important ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. item_d90b3d . colorSuccess_d90b3d . focused_d90b3d ,
. item_d90b3d . colorSuccess_d90b3d : hover : not ( . hideInteraction_d90b3d ) {
2022-12-17 12:44:06 +01:00
background-color : rgba ( var ( --successcolor ) , . 2 ) ! important ;
}
2024-06-19 06:08:52 +02:00
. item_d90b3d . colorBrand_d90b3d . focused_d90b3d ,
. item_d90b3d . colorBrand_d90b3d : hover : not ( . hideInteraction_d90b3d ) {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --accentcolor_v ) , . 2 ) ! important ;
2021-07-03 17:14:51 +02:00
}
2024-06-19 06:08:52 +02:00
. item_d90b3d . colorPremium_d90b3d . focused_d90b3d ,
. item_d90b3d . colorPremium_d90b3d : hover : not ( . hideInteraction_d90b3d ) {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --accentcolor2_v ) , . 2 ) ! important ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. item_d90b3d . colorPremiumGradient_d90b3d . focused_d90b3d ,
. item_d90b3d . colorPremiumGradient_d90b3d : hover : not ( . hideInteraction_d90b3d ) {
2023-11-08 13:39:17 +01:00
background : linear-gradient ( 90deg , rgba ( var ( --accentcolor2_v ) , . 2 ) , rgba ( var ( --accentcolor_v ) , . 2 ) ) ! important ;
2022-12-17 12:44:06 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . item_d90b3d . checkbox_d90b3d { /* contextmenu checkbox */
2023-11-08 13:39:17 +01:00
color : rgb ( var ( --accentcolor_v ) ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . item_d90b3d . colorDanger_d90b3d . checkbox_d90b3d {
2021-05-11 11:28:22 +02:00
color : rgb ( var ( --dangercolor ) ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . item_d90b3d . colorSuccess_d90b3d . checkbox_d90b3d {
2022-12-17 12:44:06 +01:00
color : rgb ( var ( --successcolor ) ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . item_d90b3d . colorPremium_d90b3d . checkbox_d90b3d {
2023-11-08 13:39:17 +01:00
color : rgb ( var ( --accentcolor2_v ) ) ;
2022-12-17 12:44:06 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . item_d90b3d . check_d90b3d { /* contextmenu checkmark */
2021-05-06 21:30:35 +02:00
color : # fff ;
2023-11-08 13:39:17 +01:00
stroke : var ( --textshadow_v ) ;
2020-05-14 16:30:50 +02:00
}
2024-06-19 06:08:52 +02:00
. button_a24e84 { /* contextmenu quick reaction button */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-03-22 11:38:27 +01:00
}
2024-06-19 06:08:52 +02:00
. button_a24e84 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2020-03-22 11:38:27 +01:00
}
2019-09-19 12:56:54 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 14.2. USERPOPOUT ---- */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
. userPopoutOuter_c69a7b { /* popout container */
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. userProfileOuterUnthemed_c69a7b { /* popout container */
2022-08-31 11:45:34 +02:00
background : transparent ;
}
2024-06-19 06:08:52 +02:00
. userProfileOuterUnthemed_c69a7b :: before ,
. userProfileOuterUnthemed_c69a7b :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
2021-06-26 17:46:21 +02:00
border-radius : 5px ;
2019-09-19 12:56:54 +02:00
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. userProfileOuterUnthemed_c69a7b :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-05-25 09:08:21 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. userProfileOuterUnthemed_c69a7b :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. accountProfilePopoutWrapper_b2ca13 . overlayBackground_c69a7b {
2023-01-06 17:44:42 +01:00
display : block ! important ;
}
2024-03-28 18:23:28 +01:00
. profileColors_ac6ab4 { /* popout profilecolors */
2023-07-14 09:56:01 +02:00
--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 ;
2022-08-31 10:48:49 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . userProfileOuterThemed_c69a7b :: -webkit-scrollbar-thumb {
2023-04-09 11:28:42 +02:00
background-color : var ( --profile-gradient-secondary-color ) ! important ;
2021-06-25 19:23:01 +02:00
}
2024-04-14 09:14:44 +02:00
. userProfileInnerThemed__126d9 :: after {
2022-09-02 10:58:59 +02:00
content : "" ;
position : absolute ;
display : block ;
background : var ( --profile-gradient-primary-color ) ;
top : 4px ;
right : 4px ;
left : 4px ;
height : 60px ;
z-index : 1 ;
}
2024-04-14 09:14:44 +02:00
. userProfileInnerThemed__126d9 :: before {
2022-09-02 10:58:59 +02:00
z-index : 2 ;
}
2024-04-14 09:14:44 +02:00
. userProfileInnerThemed__126d9 > * {
2022-09-02 10:58:59 +02:00
z-index : 3 ;
}
2024-06-19 06:08:52 +02:00
. userProfileInnerThemedWithBanner_c69a7b :: after {
2023-04-09 11:28:42 +02:00
height : 120px ;
2022-08-31 11:47:57 +02:00
}
2024-06-19 06:08:52 +02:00
. userProfileInner_c69a7b { /* popout inner */
2023-04-09 11:28:42 +02:00
border-radius : 4px ;
2022-10-25 17:03:53 +02:00
}
2024-06-19 06:08:52 +02:00
. userPopoutOuter_c69a7b . wrapper_c51b4e , /* popout avatar */
. userPopoutOuter_c69a7b . avatarWrapper { /* popout status everywhere */
2021-06-26 16:25:56 +02:00
background-color : transparent ;
2021-07-01 22:49:45 +02:00
border-color : transparent ;
2021-08-05 14:06:44 +02:00
box-sizing : content-box ;
2021-06-05 21:04:43 +02:00
}
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
. root_e4010c { /* body roles */
2019-09-19 12:56:54 +02:00
max-height : 100px ;
overflow-x : hidden ;
overflow-y : scroll ;
}
2024-06-19 06:08:52 +02:00
# app-mount . root_e4010c :: -webkit-scrollbar {
2019-09-19 12:56:54 +02:00
width : 4px ;
}
2024-06-19 06:08:52 +02:00
# app-mount . role_f9575e { /* body role */
2023-11-08 13:39:17 +01:00
border-color : rgba ( var ( --textbrighter_v ) , . 6 ) ;
2019-09-22 22:29:09 +02:00
border-radius : 5px ;
padding : 0 5px ;
position : relative ;
}
2024-06-19 06:08:52 +02:00
# app-mount . role_f9575e [ style * = "border-color: rgba(185, 187, 190, .6)" ] {
2023-11-08 13:39:17 +01:00
border-color : rgba ( var ( --textbrighter_v ) , . 6 ) ! important ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . rolePillBorder_fa2f72 : not ( . actionButton_e4010c ) {
2022-11-01 18:07:53 +01:00
border-width : 0 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . role_f9575e . roleName_e4010c { /* body rolename */
2019-09-22 22:29:09 +02:00
position : relative ;
2023-11-08 13:39:17 +01:00
color : rgb ( var ( --textbrightest_v ) ) ;
2019-09-22 22:29:09 +02:00
height : 20px ;
line-height : 20px ;
2022-07-08 16:22:05 +02:00
margin : 0 ;
font-weight : normal ;
2019-09-22 22:29:09 +02:00
z-index : 1000 ;
pointer-events : none ;
}
2024-06-19 06:08:52 +02:00
# app-mount . role_f9575e . roleRemoveButton_e4010c {
2022-07-08 16:22:05 +02:00
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . role_f9575e . roleCircle_a26d7b { /* body rolecircle */
2019-09-22 22:29:09 +02:00
position : absolute ;
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --textbrighter_v ) ) ;
2019-09-22 22:29:09 +02:00
border-radius : 3px ;
opacity : 0 . 3 ;
height : 100 % ;
width : 100 % ;
2021-08-21 20:39:18 +02:00
margin : 0 ;
2019-09-22 22:29:09 +02:00
left : 0 ;
top : 0 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . role_f9575e . roleCircle_a26d7b [ style * = "background-color: rgb(185, 187, 190)" ] {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --textbrighter_v ) ) ! important ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . role_f9575e . roleCircle_a26d7b : not ( : only-child ) : hover {
2019-09-22 22:29:09 +02:00
opacity : 1 ;
z-index : 2000 ;
2020-06-04 17:00:55 +02:00
cursor : pointer ;
2019-09-22 22:29:09 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . role_f9575e . roleRemoveIcon_e4010c {
2022-07-08 16:22:05 +02:00
z-index : 2001 ;
pointer-events : none ;
}
2024-06-19 06:08:52 +02:00
# app-mount . role_f9575e . roleIcon_e4010c {
2021-09-24 17:53:51 +02:00
z-index : 1 ;
}
2019-09-22 22:29:09 +02:00
2024-06-19 06:08:52 +02:00
. textarea_dde0a8 : focus { /* body note */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
# app-mount . wumpusTooltip_db70b7 {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2021-05-21 11:41:34 +02:00
color : # fff ;
2023-11-08 13:39:17 +01:00
text-shadow : 1px 1px var ( --textshadow_v ) ;
2021-05-21 11:41:34 +02:00
}
2024-03-28 18:23:28 +01:00
# app-mount . wumpusTooltip_db70b7 :: after {
2023-11-08 13:39:17 +01:00
border-color : transparent rgb ( var ( --accentcolor_v ) ) transparent transparent ;
2021-05-21 11:41:34 +02:00
}
2020-04-14 09:15:29 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 14.3. EMOJIPICKER ---- */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
. contentWrapper_af5dbb , /* picker expression wrapper */
. container_bdea70 , /* picker expandable */
. emojiPicker_c6ee36 , /* picker inner */
. diversitySelectorOptions_cce80d { /* picker diversityselector */
2020-11-16 11:11:06 +01:00
background : transparent ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-04-25 09:53:26 +02:00
border : none ;
overflow : hidden ;
}
2024-06-19 06:08:52 +02:00
. contentWrapper_af5dbb . emojiPicker_c6ee36 ,
. container_bdea70 . emojiPicker_c6ee36 {
2024-04-06 09:42:14 +02:00
box-shadow : none ;
}
2024-06-19 06:08:52 +02:00
. contentWrapper_af5dbb :: before ,
. container_bdea70 :: before ,
. emojiPicker_c6ee36 :: before ,
. diversitySelectorOptions_cce80d :: before ,
. upsellWrapper_b8772d :: before ,
. contentWrapper_af5dbb :: after ,
. container_bdea70 :: after ,
. emojiPicker_c6ee36 :: after ,
. diversitySelectorOptions_cce80d :: after ,
. upsellWrapper_b8772d :: after {
2020-04-25 09:53:26 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
2024-04-06 09:42:14 +02:00
border-radius : var ( --custom-emoji-picker-border-radius ) ;
2020-04-25 09:53:26 +02:00
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. contentWrapper_af5dbb :: before ,
. container_bdea70 :: before ,
. emojiPicker_c6ee36 :: before ,
. diversitySelectorOptions_cce80d :: before ,
. upsellWrapper_b8772d :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 17:46:21 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. contentWrapper_af5dbb :: after ,
. container_bdea70 :: after ,
. emojiPicker_c6ee36 :: after ,
. diversitySelectorOptions_cce80d :: after ,
. upsellWrapper_b8772d :: after {
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-16 11:11:06 +01:00
}
2024-06-19 06:08:52 +02:00
. diversitySelectorOptions_cce80d :: before ,
. diversitySelectorOptions_cce80d :: after {
2020-04-25 09:53:26 +02:00
border-radius : 5px ;
}
2024-06-19 06:08:52 +02:00
. contentWrapper_af5dbb . emojiPicker_c6ee36 :: before ,
. container_bdea70 . emojiPicker_c6ee36 :: before ,
. contentWrapper_af5dbb . emojiPicker_c6ee36 :: after ,
. container_bdea70 . emojiPicker_c6ee36 :: after {
2024-04-06 09:32:24 +02:00
display : none ;
}
2020-04-25 09:53:26 +02:00
2024-06-19 06:08:52 +02:00
. diversityEmojiItem_cce80d : hover { /* picker diversityemoji */
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2020-04-25 09:53:26 +02:00
}
2024-06-19 06:08:52 +02:00
. navButtonActive_af5dbb { /* picker navbuttonactive */
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2021-05-06 21:30:35 +02:00
color : # fff ;
2023-11-08 13:39:17 +01:00
text-shadow : 1px 1px var ( --textshadow_v ) ;
2020-04-25 09:53:26 +02:00
}
2024-06-19 06:08:52 +02:00
. emojiPickerHeader_bdea70 { /* picker header */
2024-04-06 09:42:14 +02:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
}
2024-06-19 06:08:52 +02:00
. wrapper_ba23fe { /* picker sidebar */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-04-25 09:53:26 +02:00
}
2024-06-19 06:08:52 +02:00
. slotsContainer_bdea70 { /* picker slots */
2024-04-06 09:42:14 +02:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
}
2020-04-25 09:53:26 +02:00
2024-06-19 06:08:52 +02:00
. guildIcon_bfabc4 { /* picker guildicon */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-04-25 09:53:26 +02:00
}
2024-06-19 06:08:52 +02:00
. categoryItemDefaultCategory_dfa278 : first-child ,
. categoryItemDefaultCategory_dfa278 : first-child + . categoryItemDefaultCategory_dfa278 {
2020-10-20 21:57:17 +02:00
margin-bottom : 8px ;
}
2024-06-19 06:08:52 +02:00
. categoryItemDefaultCategory_dfa278 : hover , /* picker categoryitem */
. stickerCategory_a7a485 : hover { /* picker stickercategoryitem */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-04-25 09:53:26 +02:00
}
2024-06-19 06:08:52 +02:00
. categoryItemDefaultCategorySelected_dfa278 , /* picker categoryitem selected */
. categoryItemDefaultCategorySelected_dfa278 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2020-04-25 09:53:26 +02:00
}
2024-06-19 06:08:52 +02:00
. categoryItemDefaultCategorySelected_dfa278 svg , /* picker categoryitem selected */
. categoryItemDefaultCategorySelected_dfa278 : hover svg {
2023-11-08 13:39:17 +01:00
filter : drop-shadow ( 1px 1px var ( --textshadow_v ) ) ;
2020-06-01 10:52:07 +02:00
}
2020-04-25 09:53:26 +02:00
2024-06-19 06:08:52 +02:00
. unicodeShortcut_dfa278 { /* picker unicodeemojis shortcut */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2020-04-25 09:53:26 +02:00
border : none ;
overflow : hidden ;
z-index : 100 ;
}
2024-06-19 06:08:52 +02:00
. unicodeShortcut_dfa278 :: before ,
. unicodeShortcut_dfa278 :: after {
2020-04-25 09:53:26 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. unicodeShortcut_dfa278 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 17:46:21 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. unicodeShortcut_dfa278 :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 35 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-16 11:11:06 +01:00
}
2020-04-25 09:53:26 +02:00
2024-06-19 06:08:52 +02:00
. inspector_c3120f { /* picker emojiinfowrapper */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-04-25 09:53:26 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . wrapper_e06857 { /* picker categoryheader */
2020-04-25 09:53:26 +02:00
background : transparent ;
position : static ;
}
2024-06-19 06:08:52 +02:00
# app-mount . imageLoading_b000dd { /* picker emoji loading */
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-10-27 15:15:57 +01:00
border-radius : 10px ;
}
2024-06-19 06:08:52 +02:00
. emojiItem_fbfedd . emojiItemSelected_fbfedd { /* picker emoji selected */
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2020-04-25 09:53:26 +02:00
}
2024-03-28 18:23:28 +01:00
. emojiItemDisabled__843ea { /* picker emoji disabled */
2020-04-27 14:06:04 +02:00
filter : none ;
cursor : no-drop ;
}
2024-03-28 18:23:28 +01:00
. emojiItemDisabled__843ea > * {
2020-06-17 15:53:34 +02:00
filter : grayscale ( 1 ) ;
2020-04-25 09:53:26 +02:00
}
2024-06-19 06:08:52 +02:00
. premiumPromo_ca9b56 { /* picker premium warning */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2020-04-27 14:06:04 +02:00
opacity : 1 ;
}
2024-06-19 06:08:52 +02:00
. premiumPromo_ca9b56 :: before ,
. premiumPromo_ca9b56 :: after {
2020-04-27 14:06:04 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
2021-06-26 17:46:21 +02:00
opacity : 0 . 9 ;
2020-04-27 14:06:04 +02:00
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. premiumPromo_ca9b56 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 17:46:21 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. premiumPromo_ca9b56 :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 29 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-16 11:11:06 +01:00
}
2024-06-19 06:08:52 +02:00
. premiumPromoClose_ca9b56 {
2023-10-29 13:07:45 +01:00
-webkit-mask : url ( https : / / discord . com / assets / 411dfecce0d7da63ea2b . svg ) 50 % 50 % no-repeat ;
2021-05-06 21:30:35 +02:00
background : var ( --interactive-normal ) ;
2020-10-18 20:42:49 +02:00
}
2024-06-19 06:08:52 +02:00
. premiumPromoClose_ca9b56 : hover {
2021-05-06 21:30:35 +02:00
background : var ( --interactive-hover ) ;
}
2024-06-19 06:08:52 +02:00
. premiumPromoClose_ca9b56 : active {
2021-05-06 21:30:35 +02:00
background : var ( --interactive-active ) ;
2020-10-18 20:42:49 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . categoryItemDefaultCategorySelected_dfa278 . categoryIcon_dfa278 ,
# app-mount . categoryItemDefaultCategorySelected_dfa278 : hover . categoryIcon_dfa278 {
2021-05-06 21:30:35 +02:00
color : var ( --interactive-active ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . focused_bad108 , /* gifpicker result */
# app-mount . result_bad108 : hover {
2023-11-08 13:39:17 +01:00
box-shadow : 0 11px 22px 1px rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-10-18 20:42:49 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . placeholder_bad108 {
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --textdarkest_v ) , . 6 ) ;
2021-05-06 21:30:35 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . endContainer_bad108 :: after {
2023-10-29 13:07:45 +01:00
background-image : url ( https : / / discord . com / assets / 6836d88af9197cbd4cbb . svg ) ;
2021-05-06 21:30:35 +02:00
opacity : 0 . 6 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . endText_bad108 {
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . emptyHintCard_bad108 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
2020-10-18 20:42:49 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . backButton_b56bbc { /* gifpicker backbutton */
2021-05-06 21:30:35 +02:00
color : var ( --interactive-normal ) ;
2020-10-18 20:42:49 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . backButton_b56bbc : hover {
2021-05-06 21:30:35 +02:00
color : var ( --interactive-hover ) ;
2020-10-18 20:42:49 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . backButton_b56bbc : active {
2021-05-06 21:30:35 +02:00
color : var ( --interactive-active ) ;
2020-10-18 20:42:49 +02:00
}
2020-04-25 09:53:26 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 14.4. PINS/MENTIONS ---- */
2020-03-26 15:59:43 +01:00
2024-06-19 06:08:52 +02:00
. messagesPopoutWrap_ac90a2 , /* popout wrapper */
. container_f1c3d9 { /* popout wrapper (inbox) */
2021-02-03 13:00:57 +01:00
background-color : transparent ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-01-30 13:58:17 +01:00
border : none ;
overflow : hidden ;
}
2024-06-19 06:08:52 +02:00
. messagesPopoutWrap_ac90a2 > * ,
. container_f1c3d9 > * {
2020-01-30 13:58:17 +01:00
z-index : 1000 ;
}
2024-06-19 06:08:52 +02:00
. messagesPopoutWrap_ac90a2 :: before ,
. container_f1c3d9 :: before ,
. messagesPopoutWrap_ac90a2 :: after ,
. container_f1c3d9 :: after {
2020-01-30 13:58:17 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. messagesPopoutWrap_ac90a2 :: before ,
. container_f1c3d9 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 17:46:21 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. messagesPopoutWrap_ac90a2 :: after ,
. container_f1c3d9 :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-16 11:11:06 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . messagesPopout_ac90a2 { /* popout innerwrap */
2019-09-19 12:56:54 +02:00
background-color : transparent ;
}
2020-05-08 10:46:50 +02:00
2024-06-19 06:08:52 +02:00
. header_ac90a2 { /* popout header */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
box-shadow : 0 2px 3px 0 rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2020-05-08 10:46:50 +02:00
2024-06-19 06:08:52 +02:00
. footer_ac90a2 { /* popout footer */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2020-05-08 10:46:50 +02:00
2024-06-19 06:08:52 +02:00
. messageGroupWrapper_ac90a2 {
2019-09-19 12:56:54 +02:00
background-color : transparent ;
border : none ;
overflow : visible ;
padding : 11px 10px 10px 10px ;
}
2024-06-19 06:08:52 +02:00
. messageGroupWrapper_ac90a2 + . messageGroupWrapper_ac90a2 :: before {
2019-09-19 12:56:54 +02:00
content : "" ;
2021-05-06 17:50:44 +02:00
border-top : 1px solid var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
position : absolute ;
top : -3px ;
left : 0 ;
width : 100 % ;
}
2024-06-19 06:08:52 +02:00
. actionButtons_ac90a2 { /* popout actionbuttonscontainer */
2019-09-19 12:56:54 +02:00
top : 4px ;
right : 14px ;
}
2024-06-19 06:08:52 +02:00
. jumpButton_ac3dc2 , /* popout jumpbutton (mentions) */
. jumpButton_ac90a2 { /* popout jumpbutton (pins) */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. jumpButton_ac3dc2 : hover ,
. jumpButton_ac90a2 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2020-06-26 15:20:13 +02:00
}
2024-06-19 06:08:52 +02:00
. jumpButton_ac3dc2 + . jumpButton_ac3dc2 ,
. jumpButton_ac90a2 + . jumpButton_ac90a2 {
2019-09-19 12:56:54 +02:00
margin-left : 2px ;
}
2024-06-19 06:08:52 +02:00
. image_ac90a2 { /* popout emptyimage */
2019-09-19 12:56:54 +02:00
opacity : 0 . 6 ;
}
2024-06-19 06:08:52 +02:00
. image_ac90a2 [ style * = 'url("/assets/9e2f412156e2ac1f14e9.svg")' ] {
2023-10-27 15:48:43 +02:00
background-image : url ( https : / / discord . com / assets / 64df6f04b850029d2e78 . svg ) ! important ;
}
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . header_f0cd33 . tabBar_f0cd33 . tab_f0cd33 . active_f0cd33 { /* popout active tab */
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2020-04-18 16:19:27 +02:00
}
2024-03-28 18:23:28 +01:00
. secondary__45d4f , /* popout header button */
. tertiary_ad6d80 , /* popout message button */
2024-06-19 06:08:52 +02:00
. collapseButton_d09ffd { /* popout collapse button */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-04-18 16:19:27 +02:00
}
2024-03-28 18:23:28 +01:00
. secondary__45d4f : hover ,
. tertiary_ad6d80 : hover ,
2024-06-19 06:08:52 +02:00
. collapseButton_d09ffd : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2020-04-18 16:19:27 +02:00
}
2024-06-19 06:08:52 +02:00
. collapseButton_d09ffd {
2020-05-08 11:16:33 +02:00
position : static ;
margin-left : 12px ;
border-radius : 32px ;
box-sizing : border-box ;
cursor : pointer ;
flex-shrink : 0 ;
height : 32px ;
min-height : 32px ;
width : 32px ;
min-width : 32px ;
padding : 8px ;
transform : unset ! important ;
}
2024-06-19 06:08:52 +02:00
. collapseButton_d09ffd . collapsed_d09ffd svg {
2020-05-08 11:16:33 +02:00
transform : rotate ( -90deg ) ;
}
2024-06-19 06:08:52 +02:00
. channelHeader_f3978e { /* popout channelheader */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2020-04-18 16:19:27 +02:00
padding-right : 16px ;
border-radius : 5px 5px 0 0 ;
2020-04-19 19:35:33 +02:00
position : static ;
2020-04-18 16:19:27 +02:00
}
2024-06-19 06:08:52 +02:00
. channelHeader_f3978e : only-child {
2020-05-08 11:16:33 +02:00
border-radius : 0 ;
}
2024-06-19 06:08:52 +02:00
. messageContainer_ddb5b4 , /* popout messagecontainer */
. messages_c06487 { /* popout messagecontainer (inbox) */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-04-18 16:19:27 +02:00
border-radius : 0 ;
}
2024-06-19 06:08:52 +02:00
. messageContainer_ddb5b4 : last-child ,
. messages_c06487 : last-child {
2020-04-18 16:19:27 +02:00
border-radius : 0 0 5px 5px ;
}
2024-06-19 06:08:52 +02:00
. tutorial_f1c3d9 { /* popout tutorial (inbox) */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2020-08-11 17:19:24 +02:00
}
2024-06-19 06:08:52 +02:00
. tutorialIcon_f1c3d9 { /* popout tutorial (inbox) */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2020-05-08 11:19:25 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 14.5. SEARCHPOPOUT ---- */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . container_eedf95 { /* popout wrapper */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
border : none ;
overflow : hidden ;
position : relative ;
}
2024-06-19 06:08:52 +02:00
. container_eedf95 :: before ,
. container_eedf95 :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. container_eedf95 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 17:46:21 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. container_eedf95 :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-16 11:11:06 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . queryContainer_eedf95 {
2021-05-06 17:50:44 +02:00
border-bottom-color : var ( --background-modifier-accent ) ;
2021-05-07 12:32:48 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . queryContainer_eedf95 strong {
2021-05-07 12:32:48 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . focused_eedf95 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . resultsGroup_b0286e :: before {
2021-05-06 17:50:44 +02:00
border-top-color : var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . resultsGroup_b0286e . header_b0286e ,
# app-mount . resultsGroup_b0286e . plusIcon_b0286e ,
# app-mount . resultsGroup_b0286e . searchClearHistory_b0286e ,
# app-mount . resultsGroup_b0286e . searchLearnMore_b0286e a {
2021-05-07 12:32:48 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . resultsGroup_b0286e . header_b0286e ,
# app-mount . resultsGroup_b0286e . plusIcon_b0286e {
2021-11-18 15:35:56 +01:00
color : var ( --text-normal ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . option_b0286e :: after {
2019-09-19 12:56:54 +02:00
display : none ;
}
2024-06-19 06:08:52 +02:00
# app-mount . option_b0286e : hover ,
# app-mount . option_b0286e [ aria-selected = true ] {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . option_b0286e : hover :: before ,
# app-mount . option_b0286e [ aria-selected = true ] :: before {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2019-09-19 12:56:54 +02:00
border-radius : 3px ;
width : 34px ;
}
2024-06-19 06:08:52 +02:00
# app-mount . option_b0286e : hover . plusIcon_b0286e ,
# app-mount . option_b0286e [ aria-selected = true ] . plusIcon_b0286e {
2021-11-18 15:35:56 +01:00
color : white ;
opacity : 1 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . option_b0286e . answer_b0286e ,
# app-mount . option_b0286e . nonText_b0286e ,
# app-mount . option_b0286e strong {
2021-05-07 12:32:48 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . option_b0286e . filter_b0286e {
2021-05-07 12:32:48 +02:00
color : var ( --text-muted ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . option_b0286e . user_b0286e . displayedNick_b0286e {
2021-05-07 12:32:48 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . option_b0286e . user_b0286e . displayUsername_b0286e {
2021-05-07 12:32:48 +02:00
color : var ( --interactive-muted ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . searchOption_b0286e . filter_b0286e {
2021-05-07 12:32:48 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . searchOption_b0286e . answer_b0286e {
2021-05-07 12:32:48 +02:00
color : var ( --text-muted ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . searchResultChannelCategory_b0286e ,
# app-mount . searchResultChannelIcon_b0286e {
2021-05-07 12:32:48 +02:00
color : var ( --text-muted ) ;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
# app-mount . calendarPicker__47c85 . react-datepicker {
2019-09-19 12:56:54 +02:00
background : transparent ;
}
2024-03-28 18:23:28 +01:00
# app-mount . calendarPicker__47c85 . react-datepicker__day : not ( . react-datepicker__day--outside-month ) {
2023-11-08 13:39:17 +01:00
border-color : rgba ( var ( --transparencycolor_v ) , . 5 ) ;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
# app-mount . calendarPicker__47c85 . react-datepicker__day--outside-month {
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --transparencycolor_v ) , . 5 ) ;
2021-05-07 12:32:48 +02:00
border-color : transparent ;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
# app-mount . calendarPicker__47c85 . react-datepicker__header ,
# app-mount . calendarPicker__47c85 . react-datepicker__month-container ,
# app-mount . calendarPicker__47c85 . react-datepicker__day--disabled : not ( . react-datepicker__day--outside-month ) {
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
# app-mount . calendarPicker__47c85 . react-datepicker__header {
2019-09-19 12:56:54 +02:00
padding-bottom : 5px ;
}
2024-03-28 18:23:28 +01:00
# app-mount . calendarPicker__47c85 . react-datepicker__navigation {
2019-09-19 12:56:54 +02:00
background : transparent ;
2023-11-08 13:39:17 +01:00
border-color : rgba ( var ( --textbrightest_v ) , . 5 ) ;
2019-09-19 12:56:54 +02:00
top : 30px ;
}
2024-03-28 18:23:28 +01:00
# app-mount . calendarPicker__47c85 . react-datepicker__navigation :: before {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
2023-10-27 16:21:59 +02:00
-webkit-mask : url ( https : / / discord . com / assets / f03e2d8e19438cceaad7 . svg ) center / 6px 12px no-repeat ;
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --textbrightest_v ) ) ;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
# app-mount . calendarPicker__47c85 . react-datepicker__navigation--previous {
2019-09-19 12:56:54 +02:00
left : 30px ;
}
2024-03-28 18:23:28 +01:00
# app-mount . calendarPicker__47c85 . react-datepicker__navigation--next {
2019-09-19 12:56:54 +02:00
right : 30px ;
}
2024-03-28 18:23:28 +01:00
# app-mount . calendarPicker__47c85 . react-datepicker__current-month {
2019-09-19 12:56:54 +02:00
border-color : transparent ;
padding : 10px 0 ;
}
2024-03-28 18:23:28 +01:00
# app-mount . calendarPicker__47c85 . react-datepicker__current-month ,
# app-mount . calendarPicker__47c85 . react-datepicker__day-name ,
# app-mount . calendarPicker__47c85 . react-datepicker__day : not ( . react-datepicker__day--disabled ) : hover ,
# app-mount . calendarPicker__47c85 . react-datepicker__day : not ( . react-datepicker__day--disabled ) : not ( . react-datepicker__day--outside-month ) ,
2024-06-19 06:08:52 +02:00
# app-mount . calendarPicker__47c85 . datePickerHint_b0286e . hint_b0286e ,
# app-mount . calendarPicker__47c85 . datePickerHint_b0286e . hintValue_b0286e {
2021-05-07 12:32:48 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
# app-mount . calendarPicker__47c85 . react-datepicker__day--disabled : not ( . react-datepicker__day--outside-month ) {
2021-05-07 12:32:48 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
# app-mount . calendarPicker__47c85 . react-datepicker__day--outside-month {
2021-05-07 12:32:48 +02:00
color : var ( --text-muted ) ;
2022-04-11 11:22:41 +02:00
cursor : no-drop ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . datePicker_b0286e . datePickerHint_b0286e {
2019-09-19 12:56:54 +02:00
margin : 0 ;
padding : 20px ;
display : flex ;
justify-content : center ;
2021-11-18 15:35:56 +01:00
border-top-color : var ( --background-modifier-accent ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . datePicker_b0286e . datePickerHint_b0286e . hint_b0286e {
2021-11-18 15:35:56 +01:00
color : var ( --text-normal ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . datePicker_b0286e . datePickerHint_b0286e . hintValue_b0286e {
2021-11-18 15:35:56 +01:00
color : var ( --header-primary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . datePicker_b0286e . datePickerHint_b0286e . hintValue_b0286e : hover {
2023-11-08 13:39:17 +01:00
text-shadow : 1px 1px var ( --textshadow_v ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 14.6. COLORPICKER ---- */
2019-09-26 10:28:46 +02:00
2024-03-28 18:23:28 +01:00
# app-mount . customColorPicker_bbc020 { /* popout wrapper */
2021-02-03 13:00:57 +01:00
background-color : transparent ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-26 10:28:46 +02:00
border : none ;
border-radius : 3px ;
overflow : hidden ;
}
2024-03-28 18:23:28 +01:00
. customColorPicker_bbc020 :: before ,
. customColorPicker_bbc020 :: after {
2019-09-26 10:28:46 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
2021-06-26 17:46:21 +02:00
border-radius : 5px ;
2019-09-26 10:28:46 +02:00
pointer-events : none ;
z-index : -1 ;
}
2024-03-28 18:23:28 +01:00
. customColorPicker_bbc020 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 17:46:21 +02:00
background-attachment : fixed ;
}
2024-03-28 18:23:28 +01:00
. customColorPicker_bbc020 :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 35 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-16 11:11:06 +01:00
}
2019-09-26 10:28:46 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 14.7. ADDROLE ---- */
2019-10-14 15:57:38 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . container_ac201b , /* popout userpopout */
# app-mount . container_bcd8cb { /* popout channelsettings */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-10-14 15:57:38 +02:00
border : none ;
border-radius : 3px ;
overflow : hidden ;
2022-01-14 19:06:28 +01:00
width : 300px ;
2019-10-14 15:57:38 +02:00
}
2024-06-19 06:08:52 +02:00
. container_ac201b :: before ,
. container_ac201b :: after ,
. container_bcd8cb :: before ,
. container_bcd8cb :: after {
2019-10-14 15:57:38 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. container_ac201b :: before ,
. container_bcd8cb :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 17:46:21 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. container_ac201b :: after ,
. container_bcd8cb :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 1 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-16 11:11:06 +01:00
}
2024-06-19 06:08:52 +02:00
. focused_eef3ef ,
. item_eef3ef : focus : not ( . disabled_eef3ef ) ,
. item_eef3ef : hover : not ( . disabled_eef3ef ) ,
. row_bcd8cb . selected_bcd8cb . rowInner_bcd8cb ,
. row_bcd8cb : focus . rowInner_bcd8cb ,
. row_bcd8cb : hover . rowInner_bcd8cb {
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2019-10-14 15:57:38 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . container_bcd8cb . header_bcd8cb {
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2022-01-14 19:06:28 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . container_bcd8cb . input_bcd8cb {
2022-01-14 19:06:28 +01:00
color : var ( --header-primary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . container_bcd8cb . sectionTag_bcd8cb {
2022-01-14 19:06:28 +01:00
background : transparent ;
}
2024-06-19 06:08:52 +02:00
. autocompleteShadow_bcd8cb ,
. autocompleteArrowWrapper_bcd8cb ,
. autocompleteHeaderBackground_bcd8cb {
2022-01-14 19:06:28 +01:00
display : none ;
}
2019-09-26 10:28:46 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 14.8. EVERYONEMENTION ---- */
2020-01-30 10:22:32 +01:00
2024-06-19 06:08:52 +02:00
. contentWarningPopout_fa823b . animation_fa823b {
2023-10-27 16:21:59 +02:00
opacity : 0 . 6 ;
2020-01-30 10:22:32 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . footer_fa823b {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2021-05-07 17:07:56 +02:00
color : var ( --text-muted ) ;
2020-01-30 10:22:32 +01:00
}
2023-11-18 17:40:58 +01:00
/* ---- 14.9. CHANNELFOLLOW ---- */
2020-03-25 20:19:24 +01:00
2024-06-19 06:08:52 +02:00
# app-mount . header_a3e381 {
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-03-25 20:19:24 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . separator_f9a4c9 {
2023-11-08 13:39:17 +01:00
box-shadow : 0 1px 0 0 rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 1px 2px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-03-25 20:19:24 +01:00
}
2024-06-19 06:08:52 +02:00
. channelContainer_a3e381 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-03-25 20:19:24 +01:00
}
2024-06-19 06:08:52 +02:00
. channel_a3e381 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-03-25 20:19:24 +01:00
}
2024-06-19 06:08:52 +02:00
. channelContainer_a3e381 . channel_a3e381 {
2020-03-25 20:19:24 +01:00
background-color : transparent ;
}
2023-11-18 17:40:58 +01:00
/* ---- 14.10. CHANNELFOLLOWINFO ---- */
2020-03-25 20:19:24 +01:00
2024-06-19 06:08:52 +02:00
# app-mount . guildPopout_cf5d0a { /* popout wrapper */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-03-25 20:19:24 +01:00
border : none ;
border-radius : 3px ;
overflow : hidden ;
position : relative ;
}
2024-06-19 06:08:52 +02:00
. guildPopout_cf5d0a :: before ,
. guildPopout_cf5d0a :: after {
2020-03-25 20:19:24 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. guildPopout_cf5d0a :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 17:46:21 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. guildPopout_cf5d0a :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 1 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-16 11:11:06 +01:00
}
2020-03-25 20:19:24 +01:00
2023-11-18 17:40:58 +01:00
/* ---- 14.11. EMOJIINFO ---- */
2020-09-12 17:50:02 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . popoutContainer_cf58b5 , /* popout wrapper */
# app-mount . reactionTooltip_fba897 { /* popout wrapper */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-09-12 17:50:02 +02:00
border : none ;
border-radius : 3px ;
overflow : hidden ;
position : relative ;
}
2024-06-19 06:08:52 +02:00
. popoutContainer_cf58b5 :: before ,
. reactionTooltip_fba897 :: before ,
. popoutContainer_cf58b5 :: after ,
. reactionTooltip_fba897 :: after {
2020-09-12 17:50:02 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. popoutContainer_cf58b5 :: before ,
. reactionTooltip_fba897 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 17:46:21 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. popoutContainer_cf58b5 :: after ,
. reactionTooltip_fba897 :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 2 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-16 11:11:06 +01:00
}
2020-09-12 17:50:02 +02:00
2024-06-19 06:08:52 +02:00
. emojiSection_e58351 { /* popout emojisection */
2020-09-12 17:50:02 +02:00
background-color : transparent ;
}
2024-06-19 06:08:52 +02:00
. guildSection_e58351 { /* popout emojisection */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-10-05 21:26:49 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 14.12. STREAMPREVIEW ---- */
2020-10-06 20:16:58 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . streamPreview_adbea6 { /* popout wrapper */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-10-06 20:16:58 +02:00
border : none ;
border-radius : 3px ;
overflow : hidden ;
position : relative ;
}
2024-06-19 06:08:52 +02:00
. streamPreview_adbea6 :: before ,
. streamPreview_adbea6 :: after {
2020-10-06 20:16:58 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. streamPreview_adbea6 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 18:01:41 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. streamPreview_adbea6 :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 2 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-16 11:11:06 +01:00
}
2020-10-06 20:16:58 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . previewContainer_adbea6 { /* popout preview */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-10-06 20:16:58 +02:00
}
2021-03-19 23:23:44 +01:00
2023-11-18 17:40:58 +01:00
/* ---- 14.13. STREAMINFO ---- */
2021-03-19 23:23:44 +01:00
2023-10-25 16:24:34 +02:00
# app-mount . container__56cd1 { /* modal container */
2021-03-19 23:23:44 +01:00
background-color : transparent ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-03-19 23:23:44 +01:00
position : relative ;
overflow : visible ! important ;
}
2023-10-27 11:49:32 +02:00
. container__56cd1 :: before ,
. container__56cd1 :: after {
2021-03-19 23:23:44 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2023-10-27 11:49:32 +02:00
. container__56cd1 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 18:01:41 +02:00
background-attachment : fixed ;
}
2023-10-27 11:49:32 +02:00
. container__56cd1 :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 2 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2021-03-19 23:23:44 +01:00
}
2020-10-06 20:16:58 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 14.14. PUBLICGUILDANNOUNCEMENT ---- */
2020-10-15 21:56:54 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . popout_b705bc { /* popout wrapper */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-10-15 21:56:54 +02:00
border : none ;
border-radius : 3px ;
overflow : hidden ;
position : relative ;
}
2024-06-19 06:08:52 +02:00
. popout_b705bc :: before ,
. popout_b705bc :: after {
2020-10-15 21:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. popout_b705bc :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 18:01:41 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. popout_b705bc :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 2 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-16 11:11:06 +01:00
}
2020-10-15 21:56:54 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 14.15. RTCSTATUSPOPOUT ---- */
2021-05-06 21:30:35 +02:00
2024-03-28 18:23:28 +01:00
# app-mount . container__13b2a { /* RTCpopout */
2021-05-07 17:07:56 +02:00
background-color : transparent ;
border : none ;
border-radius : 5px ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-05-07 17:07:56 +02:00
color : var ( --header-primary ) ;
position : relative ;
2023-10-27 17:01:09 +02:00
width : 290px ;
2021-05-06 21:30:35 +02:00
}
2024-03-28 18:23:28 +01:00
. container__13b2a :: before ,
. container__13b2a :: after {
2021-05-07 17:07:56 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 5px ;
2021-06-26 18:01:41 +02:00
pointer-events : none ;
2021-05-07 17:07:56 +02:00
z-index : -1 ;
}
2024-03-28 18:23:28 +01:00
. container__13b2a :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 18:01:41 +02:00
background-attachment : fixed ;
}
2024-03-28 18:23:28 +01:00
. container__13b2a :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
# app-mount . container__13b2a canvas {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --transparencycolor_v ) ) ;
2021-05-06 21:30:35 +02:00
padding : 5px ;
border-radius : 5px ;
}
2024-03-28 18:23:28 +01:00
# app-mount . container__13b2a section {
2021-05-06 21:30:35 +02:00
background-color : transparent ;
}
2024-03-28 18:23:28 +01:00
# app-mount . container__13b2a section p {
2021-05-06 21:30:35 +02:00
color : var ( --header-primary ) ;
}
2024-03-28 18:23:28 +01:00
# app-mount . container__13b2a section strong {
2021-05-06 21:30:35 +02:00
color : var ( --header-primary ) ;
}
2024-03-28 18:23:28 +01:00
# app-mount . debugButton__83d1b {
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . krispLogo_adcaac {
2023-10-27 17:01:09 +02:00
-webkit-mask : url ( https : / / discord . com / assets / ea67b1321e3d4154e476 . svg ) center / contain no-repeat ;
2021-05-06 21:30:35 +02:00
background-color : var ( --header-primary ) ;
}
2023-11-18 17:40:58 +01:00
/* ---- 14.16. PHONE-/EMAILVALIDATION ---- */
2021-05-06 21:30:35 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . input_f89ba0 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2021-05-06 21:30:35 +02:00
color : var ( --header-primary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . phoneFieldPopout_ff761b . countryName_ff761b {
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . phoneFieldPopout_ff761b . countryCode_ff761b {
2021-05-06 21:30:35 +02:00
color : var ( --header-primary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . activityInviteEducationArrow_d7ebeb {
2023-10-27 17:01:09 +02:00
-webkit-mask : url ( https : / / discord . com / assets / 6f222b93b4b971e68613 . svg ) center / contain no-repeat ;
2021-05-06 21:30:35 +02:00
background : var ( --header-primary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . emailVerificationModal_b1571a . title_b1571a {
2021-05-06 21:30:35 +02:00
color : var ( --header-primary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . emailVerificationModal_b1571a . body_b1571a {
2021-05-06 21:30:35 +02:00
color : var ( --text-muted ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . verification_ce1f6e . title_ce1f6e {
2021-05-06 21:30:35 +02:00
color : var ( --header-primary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . verification_ce1f6e . body_ce1f6e ,
# app-mount . verification_ce1f6e . footer_ce1f6e {
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
}
2024-03-28 18:23:28 +01:00
# app-mount . verificationBlock__2ee71 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
border : 1px solid rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-05-06 21:30:35 +02:00
}
2024-03-28 18:23:28 +01:00
# app-mount . verificationBlock__2ee71 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
border-color : rgb ( var ( --transparencycolor_v ) ) ;
2021-05-06 21:30:35 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . verification_ce1f6e . image_ce1f6e {
2023-10-27 17:01:09 +02:00
background-image : url ( https : / / discord . com / assets / 8f8162ee689b2d85996c . svg ) ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . verificationBlock__2ee71 . image_ce1f6e . email__44f2f {
2023-10-27 17:01:09 +02:00
background-image : url ( https : / / discord . com / assets / 9e9722bd5c8ec20fd746 . svg ) ;
2021-05-06 21:30:35 +02:00
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . verificationBlock__2ee71 . image_ce1f6e . phone__0b460 {
2023-10-27 17:01:09 +02:00
background-image : url ( https : / / discord . com / assets / e9802d8cbd4efea22c7f . svg ) ;
2021-05-06 21:30:35 +02:00
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . verificationBlock__2ee71 . body_ce1f6e {
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
}
2020-03-25 20:19:24 +01:00
2023-11-18 17:40:58 +01:00
/* ---- 14.17. QUICKSELECTPOPOUT ---- */
2021-05-07 17:07:56 +02:00
2024-03-28 18:23:28 +01:00
# app-mount . quickSelectPopout__56a98 , /* quickselect */
2024-06-19 06:08:52 +02:00
# app-mount . popoutList_da8701 { /* listpopout */
2021-05-07 17:07:56 +02:00
background-color : transparent ;
border : none ;
border-radius : 5px ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-05-07 17:07:56 +02:00
color : var ( --header-primary ) ;
position : relative ;
}
2024-03-28 18:23:28 +01:00
. quickSelectPopout__56a98 :: before ,
2024-06-19 06:08:52 +02:00
. popoutList_da8701 :: before ,
2024-03-28 18:23:28 +01:00
. quickSelectPopout__56a98 :: after ,
2024-06-19 06:08:52 +02:00
. popoutList_da8701 :: after {
2021-05-07 17:07:56 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 5px ;
2021-06-26 18:01:41 +02:00
pointer-events : none ;
2021-05-07 17:07:56 +02:00
z-index : -1 ;
}
2024-03-28 18:23:28 +01:00
. quickSelectPopout__56a98 :: before ,
2024-06-19 06:08:52 +02:00
. popoutList_da8701 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 18:01:41 +02:00
background-attachment : fixed ;
}
2024-03-28 18:23:28 +01:00
. quickSelectPopout__56a98 :: after ,
2024-06-19 06:08:52 +02:00
. popoutList_da8701 :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
# app-mount . selectableItem__5e076 {
2021-05-07 17:07:56 +02:00
color : var ( --header-primary ) ;
}
2024-03-28 18:23:28 +01:00
# app-mount . selectableItem__5e076 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
# app-mount . quickSelectPopoutOption_b852b1 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
# app-mount . quickSelectPopoutOption_b852b1 . selected__683fe {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2021-05-07 17:07:56 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . popoutListEmpty_da8701 {
2021-05-07 17:07:56 +02:00
color : var ( --header-primary ) ;
}
2024-03-28 18:23:28 +01:00
# app-mount . quickSelectArrow__5988b {
2023-10-27 17:01:09 +02:00
-webkit-mask : url ( https : / / discord . com / assets / c4643b70509c385fcc83 . svg ) 50 % no-repeat ;
2021-05-07 17:07:56 +02:00
background : var ( --interactive-normal ) ;
}
2023-11-18 17:40:58 +01:00
/* ---- 14.18. WARNINGPOPOUT ---- */
2021-05-15 12:30:19 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . contentWarningPopout_fa823b { /* popout */
2021-05-15 12:30:19 +02:00
background-color : transparent ;
border : none ;
border-radius : 5px ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-05-15 12:30:19 +02:00
position : relative ;
}
2024-06-19 06:08:52 +02:00
. contentWarningPopout_fa823b :: before ,
. contentWarningPopout_fa823b :: after {
2021-05-15 12:30:19 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 5px ;
2021-06-26 18:01:41 +02:00
pointer-events : none ;
2021-05-15 12:30:19 +02:00
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. contentWarningPopout_fa823b :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 18:01:41 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. contentWarningPopout_fa823b :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2021-05-15 12:30:19 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . body_fa823b {
2021-05-15 12:30:19 +02:00
color : var ( --header-secondary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . header_fa823b {
2021-05-15 12:30:19 +02:00
color : var ( --header-primary ) ;
}
2023-11-18 17:40:58 +01:00
/* ---- 14.19. ACTIVETHREADLISTPOPOUT ---- */
2021-11-09 17:21:22 +01:00
2024-06-19 06:08:52 +02:00
# app-mount . popout_c5b389 { /* popout */
2021-11-09 17:21:22 +01:00
background-color : transparent ;
border : none ;
border-radius : 5px ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-11-09 17:21:22 +01:00
position : relative ;
}
2024-06-19 06:08:52 +02:00
. popout_c5b389 :: before ,
. popout_c5b389 :: after {
2021-11-09 17:21:22 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 5px ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. popout_c5b389 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-11-09 17:21:22 +01:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. popout_c5b389 :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2021-11-09 17:21:22 +01:00
}
2023-11-18 17:40:58 +01:00
/* ---- 14.20. ROLEMEMBERSPOPOUT ---- */
2022-09-09 14:27:08 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . rolePopout_d6076c { /* popout */
2022-09-09 14:27:08 +02:00
background-color : transparent ;
border : none ;
border-radius : 5px ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2022-09-09 14:27:08 +02:00
position : relative ;
}
2024-06-19 06:08:52 +02:00
. rolePopout_d6076c :: before ,
. rolePopout_d6076c :: after {
2022-09-09 14:27:08 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 5px ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. rolePopout_d6076c :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2022-09-09 14:27:08 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. rolePopout_d6076c :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2022-09-09 14:27:08 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 14.21. FORUMFILTERPOPOUT ---- */
2022-11-03 14:51:36 +01:00
2024-06-19 06:08:52 +02:00
# app-mount . container_ae4f46 { /* popout */
2022-11-03 14:51:36 +01:00
background-color : transparent ;
border : none ;
border-radius : 5px ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2022-11-03 14:51:36 +01:00
position : relative ;
}
2024-06-19 06:08:52 +02:00
. container_ae4f46 :: before ,
. container_ae4f46 :: after {
2022-11-03 14:51:36 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 5px ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. container_ae4f46 :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2022-11-03 14:51:36 +01:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. container_ae4f46 :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2022-11-03 14:51:36 +01:00
}
2023-11-18 17:40:58 +01:00
/* ---- 14.22. ACTIVITYSHAREPOPOUT ---- */
2023-03-12 09:41:10 +01:00
2024-06-19 06:08:52 +02:00
# app-mount . container_b572de { /* popout */
2023-03-12 09:41:10 +01:00
background-color : transparent ;
border : none ;
border-radius : 5px ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2023-03-12 09:41:10 +01:00
position : relative ;
}
2024-06-19 06:08:52 +02:00
. container_b572de :: before ,
. container_b572de :: after {
2023-03-12 09:41:10 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 5px ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. container_b572de :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2023-03-12 09:41:10 +01:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. container_b572de :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2023-03-12 09:41:10 +01:00
}
2023-11-18 17:40:58 +01:00
/* ---- 14.23. SOUNDBOARD ---- */
2023-04-14 17:43:45 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . picker_cd703d { /* popout */
2023-04-14 17:43:45 +02:00
background-color : transparent ;
border : none ;
border-radius : 5px ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2023-04-14 17:43:45 +02:00
position : relative ;
}
2024-06-19 06:08:52 +02:00
. picker_cd703d :: before ,
. picker_cd703d :: after {
2023-04-14 17:43:45 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 5px ;
pointer-events : none ;
z-index : -1 ;
}
2024-06-19 06:08:52 +02:00
. picker_cd703d :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2023-04-14 17:43:45 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. picker_cd703d :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2023-04-14 17:43:45 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 14.24. SERVERSURVEY ---- */
2023-04-19 13:10:29 +02:00
2024-06-19 06:08:52 +02:00
. main_d8215a . prompt_cd377c {
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2023-04-19 13:10:29 +02:00
}
2024-06-19 06:08:52 +02:00
. main_d8215a . prompt_cd377c . sizeMedium_dd4f85 {
2023-04-19 13:10:29 +02:00
width : unset ;
}
2024-06-19 06:08:52 +02:00
. optionButtonWrapper_bd5e1f : hover ,
. optionButtonWrapper_bd5e1f . selected_bd5e1f {
2023-11-08 13:39:17 +01:00
border-color : rgb ( var ( --accentcolor_v ) ) ;
2023-04-19 13:10:29 +02:00
}
2023-11-18 17:40:58 +01:00
/* ~~~~ 15. GENERAL ~~~~ */
2019-09-19 12:56:54 +02:00
2023-10-27 11:49:32 +02:00
. highlight {
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --accentcolor_v ) , . 3 ) ;
2022-09-09 14:31:18 +02:00
}
2024-06-19 06:08:52 +02:00
. clickable_e9f61e : hover . layout_e9f61e {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2022-09-09 14:31:18 +02:00
}
2024-06-19 06:08:52 +02:00
. clickable_e9f61e : active . layout_e9f61e {
2023-11-08 13:39:17 +01:00
background : rgb ( var ( --accentcolor_v ) ) ;
2022-09-09 14:31:18 +02:00
}
2024-06-19 06:08:52 +02:00
. clickable_e9f61e : active . layout_e9f61e ,
. selected_e9f61e . layout_e9f61e ,
. selected_e9f61e : hover . layout_e9f61e ,
. selected_e9f61e : active . layout_e9f61e {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
text-shadow : 1px 1px var ( --textshadow_v ) ;
2022-09-09 14:31:18 +02:00
}
2024-06-19 06:08:52 +02:00
. clickable_e9f61e . icon_ec85ca {
2022-09-09 14:31:18 +02:00
color : inherit ;
}
2024-06-19 06:08:52 +02:00
. clickable_e9f61e : active . layout_e9f61e svg ,
. clickable_e9f61e . selected_e9f61e . layout_e9f61e svg {
2023-11-08 13:39:17 +01:00
filter : drop-shadow ( 1px 1px var ( --textshadow_v ) ) ;
2022-09-09 14:31:18 +02:00
}
2024-06-19 06:08:52 +02:00
. clickable_e9f61e : active . premiumIcon_a31c43 ,
. clickable_e9f61e . selected_e9f61e . premiumIcon_a31c43 {
2022-09-09 14:31:18 +02:00
color : var ( --header-primary ) ! important ;
2020-11-17 20:40:39 +01:00
}
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . elevationLow_ff8688 , # app-mount . elevationLow_be38de , . lightElevationLow_b62459 {
2023-11-08 13:39:17 +01:00
box-shadow : 0 1px 5px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . elevationHigh_ff8688 , # app-mount . elevationHigh__08882 , . lightElevationHigh_c9beeb {
2023-11-08 13:39:17 +01:00
box-shadow : 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . elevationBorderLow_ff8688 , # app-mount . elevationBorderLow_d10573 , . lightElevationBorderLow__1e5e8 {
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 1px 5px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . elevationBorderHigh_ff8688 , # app-mount . elevationBorderHigh__30406 , . lightElevationBorderHigh__68386 , . darkElevationBorderHigh__4ef1e {
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
# app-mount . breadcrumbWrapper__75797 { /* breadcrumbs wrapper */
2023-11-08 13:39:17 +01:00
color : rgba ( var ( --textbrightest_v ) , . 3 ) ;
2021-05-06 21:30:35 +02:00
}
2024-03-28 18:23:28 +01:00
# app-mount . activeBreadcrumb__56acd { /* breadcrumbs active */
2023-11-08 13:39:17 +01:00
color : rgba ( var ( --textbrightest_v ) , . 6 ) ;
2021-05-06 21:30:35 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 15.1. TEXT ---- */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
# app-mount h1 . title_d1da5f ,
# app-mount h2 . title_d1da5f {
2021-05-07 17:07:56 +02:00
color : var ( --header-primary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount h3 . title_d1da5f {
2021-05-07 17:07:56 +02:00
color : var ( --text-normal ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount h4 . title_d1da5f ,
# app-mount h5 . title_d1da5f ,
# app-mount h6 . title_d1da5f {
2021-05-07 17:07:56 +02:00
color : var ( --header-secondary ) ;
}
2024-03-28 18:23:28 +01:00
# app-mount . text__0e310 ,
# app-mount . title__496be {
2021-05-06 21:30:35 +02:00
color : var ( --text-muted ) ;
}
2021-05-07 17:07:56 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . title_d1da5f {
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
2021-05-06 18:17:02 +02:00
}
2021-05-07 17:07:56 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . markdown_d7f12d {
2021-05-07 17:07:56 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . markdown_d7f12d th {
2021-05-07 17:07:56 +02:00
background-color : var ( --background-tertiary ) ;
border-color : var ( --interactive-muted ) ;
color : var ( --header-primary ) ;
2020-01-30 14:18:43 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . markdown_d7f12d td {
2021-05-07 17:07:56 +02:00
border-color : var ( --interactive-muted ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . markdown_d7f12d tr {
2021-05-07 17:07:56 +02:00
border-color : var ( --interactive-muted ) ;
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . markdown_d7f12d tr : nth-child ( 2n ) {
2021-05-07 17:07:56 +02:00
background-color : var ( --background-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . markdown_d7f12d . blockquote_d7f12d {
2021-05-07 17:07:56 +02:00
border-left-color : var ( --interactive-muted ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . markdown_d7f12d code {
2021-05-07 17:07:56 +02:00
background-color : var ( --background-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . markdown_d7f12d . codeInline_d7f12d {
2021-05-07 17:07:56 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 15.2. BUTTONS ---- */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
. btn__51085 . btnPrimary__96a11 ,
2024-06-19 06:08:52 +02:00
. lookFilled_dd4f85 . hoverBrand__252e8 . hasHover_dfa15e : hover ,
. lookFilled_dd4f85 . hoverBrandNew__5984d . hasHover_dfa15e : hover ,
. lookFilled_dd4f85 . colorBrand_dd4f85 : not ( . buttonColor_adcaac ) : not ( [ style * = "background-color" ] ) ,
. lookFilled_dd4f85 . colorBrandNew__8872c : not ( . buttonColor_adcaac ) : not ( [ style * = "background-color" ] ) {
2023-11-08 13:39:17 +01:00
text-shadow : 1px 1px var ( --textshadow_v ) ;
2019-12-18 10:55:02 +01:00
}
2024-06-19 06:08:52 +02:00
. lookFilled_dd4f85 . hoverBrand__252e8 . hasHover_dfa15e : hover svg ,
. lookFilled_dd4f85 . hoverBrandNew__5984d . hasHover_dfa15e : hover svg ,
. lookFilled_dd4f85 . colorBrand_dd4f85 : not ( . buttonColor_adcaac ) : not ( [ style * = "background-color" ] ) svg ,
. lookFilled_dd4f85 . colorBrandNew__8872c : not ( . buttonColor_adcaac ) : not ( [ style * = "background-color" ] ) svg {
2023-11-08 13:39:17 +01:00
filter : drop-shadow ( 1px 1px var ( --textshadow_v ) ) ;
2020-06-01 10:48:24 +02:00
}
2020-02-19 14:54:06 +01:00
2024-06-19 06:08:52 +02:00
# app-mount . lookInverted_a299dc . colorPrimary_dd4f85 . spinnerItem_dd4f85 {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --textdarkest_v ) ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . lookOutlined_dd4f85 . colorPrimary_dd4f85 . spinnerItem_dd4f85 ,
# app-mount . lookLink_dd4f85 . colorPrimary_dd4f85 . spinnerItem_dd4f85 {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --textdarkest_v ) ) ;
2019-09-19 12:56:54 +02:00
}
2021-05-07 17:07:56 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . lookFilled_dd4f85 . colorPrimary_dd4f85 : hover ,
# app-mount . lookFilled_dd4f85 . hoverPrimary_c2c623 . hasHover_dfa15e : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . lookFilled_dd4f85 . colorPrimary_dd4f85 : active ,
# app-mount . lookFilled_dd4f85 . hoverPrimary_c2c623 . hasHover_dfa15e : active {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 6 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . lookFilled_dd4f85 . colorPrimary_dd4f85 ,
# app-mount . lookFilled_dd4f85 . colorPrimary_dd4f85 : disabled {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2021-05-07 17:07:56 +02:00
color : # FFF ;
2019-09-19 12:56:54 +02:00
}
2021-05-07 17:07:56 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . lookInverted_a299dc . colorPrimary_dd4f85 : hover ,
2024-03-28 18:23:28 +01:00
# app-mount . lookInverted_a299dc . hoverPrimary_c2c623 . hasHover_dfa15e : hover {
2021-05-07 17:07:56 +02:00
background-image : linear-gradient ( 0deg , rgba ( 0 , 0 , 0 , . 1 ) , rgba ( 0 , 0 , 0 , . 1 ) ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . lookInverted_a299dc . colorPrimary_dd4f85 : active ,
2024-03-28 18:23:28 +01:00
# app-mount . lookInverted_a299dc . hoverPrimary_c2c623 . hasHover_dfa15e : active {
2021-05-07 17:07:56 +02:00
background-image : linear-gradient ( 0deg , rgba ( 0 , 0 , 0 , . 2 ) , rgba ( 0 , 0 , 0 , . 2 ) ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . lookInverted_a299dc . colorPrimary_dd4f85 ,
# app-mount . lookInverted_a299dc . colorPrimary_dd4f85 : disabled {
2021-05-07 17:07:56 +02:00
background-color : # FFF ;
2023-11-08 13:39:17 +01:00
color : rgba ( var ( --textdarkest_v ) ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . lookOutlined_dd4f85 . colorPrimary_dd4f85 : hover ,
# app-mount . lookOutlined_dd4f85 . hoverPrimary_c2c623 . hasHover_dfa15e : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --textdarkest_v ) , . 05 ) ;
border-color : rgba ( var ( --textdarkest_v ) , . 6 ) ;
2021-05-07 17:07:56 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . lookOutlined_dd4f85 . colorPrimary_dd4f85 : active ,
# app-mount . lookOutlined_dd4f85 . hoverPrimary_c2c623 . hasHover_dfa15e : active {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --textdarkest_v ) , . 1 ) ;
border-color : rgb ( var ( --textdarkest_v ) ) ;
2021-05-07 17:07:56 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . lookOutlined_dd4f85 . colorPrimary_dd4f85 ,
# app-mount . lookOutlined_dd4f85 . colorPrimary_dd4f85 : disabled {
2023-11-08 13:39:17 +01:00
border-color : rgba ( var ( --textdarkest_v ) , . 1 ) ;
color : rgb ( var ( --textdarkest_v ) ) ;
2019-09-19 12:56:54 +02:00
}
2021-05-07 17:07:56 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . lookLink_dd4f85 . colorPrimary_dd4f85 {
2023-11-08 13:39:17 +01:00
color : rgb ( var ( --textdarkest_v ) ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . lookLink_dd4f85 . colorPrimary_dd4f85 : hover . contents_dd4f85 ,
# app-mount . lookLink_dd4f85 . hoverPrimary_c2c623 . hasHover_dfa15e : hover . contents_dd4f85 {
2023-11-08 13:39:17 +01:00
--button--underline-color : rgb ( var ( --textdarkest_v ) ) ;
color : rgb ( var ( --textdarkest_v ) ) ;
2019-09-19 12:56:54 +02:00
}
2021-05-07 17:07:56 +02:00
2024-03-28 18:23:28 +01:00
# app-mount . borderPrimary__386cf {
2023-11-08 13:39:17 +01:00
border-color : rgb ( var ( --textdarkest_v ) ) ! important ;
2021-11-03 16:18:23 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . lookInverted_a299dc . colorTransparent_dd4f85 . spinnerItem_dd4f85 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --textbrightest_v ) , . 1 ) ;
2021-05-07 17:07:56 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . lookFilled_dd4f85 . colorTransparent_dd4f85 . spinnerItem_dd4f85 ,
# app-mount . lookOutlined_dd4f85 . colorTransparent_dd4f85 . spinnerItem_dd4f85 ,
# app-mount . lookLink_dd4f85 . colorTransparent_dd4f85 . spinnerItem_dd4f85 {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --textbrightest_v ) ) ;
2021-05-07 17:07:56 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . lookFilled_dd4f85 . colorTransparent_dd4f85 : hover ,
# app-mount . lookFilled_dd4f85 . hoverTransparent__31061 . hasHover_dfa15e : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --textbrightest_v ) , . 05 ) ;
2021-05-07 17:07:56 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . lookFilled_dd4f85 . colorTransparent_dd4f85 : active ,
# app-mount . lookFilled_dd4f85 . hoverTransparent__31061 . hasHover_dfa15e : active {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --textbrightest_v ) , . 01 ) ;
2021-05-07 17:07:56 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . lookFilled_dd4f85 . colorTransparent_dd4f85 ,
# app-mount . lookFilled_dd4f85 . colorTransparent_dd4f85 : disabled {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --textbrightest_v ) , . 1 ) ;
color : rgb ( var ( --textbrightest_v ) ) ;
2021-05-07 17:07:56 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . lookInverted_a299dc . colorTransparent_dd4f85 : hover ,
2024-03-28 18:23:28 +01:00
# app-mount . lookInverted_a299dc . hoverTransparent__31061 . hasHover_dfa15e : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --textbrightest_v ) , . 05 ) ;
2021-05-07 17:07:56 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . lookInverted_a299dc . colorTransparent_dd4f85 : active ,
2024-03-28 18:23:28 +01:00
# app-mount . lookInverted_a299dc . hoverTransparent__31061 . hasHover_dfa15e : active {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --textbrightest_v ) , . 1 ) ;
2021-05-07 17:07:56 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . lookInverted_a299dc . colorTransparent_dd4f85 ,
# app-mount . lookInverted_a299dc . colorTransparent_dd4f85 : disabled {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --textbrightest_v ) ) ;
color : rgba ( var ( --textbrightest_v ) , . 1 ) ;
2021-05-07 17:07:56 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . lookOutlined_dd4f85 . hoverTransparent__31061 . hasHover_dfa15e : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --textbrighter_v ) , . 1 ) ;
border-color : rgb ( var ( --textbrightest_v ) ) ;
2021-05-07 17:07:56 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . lookOutlined_dd4f85 . hoverTransparent__31061 . hasHover_dfa15e : active {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --textbrightest_v ) , . 1 ) ;
border-color : rgb ( var ( --textbrightest_v ) ) ;
2021-05-07 17:07:56 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . lookOutlined_dd4f85 . colorTransparent_dd4f85 ,
# app-mount . lookOutlined_dd4f85 . colorTransparent_dd4f85 : disabled {
2021-05-07 17:07:56 +02:00
background-color : transparent ;
2023-11-08 13:39:17 +01:00
color : rgb ( var ( --textbright_v ) ) ;
2021-05-07 17:07:56 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . lookLink_dd4f85 . colorTransparent_dd4f85 {
2023-11-08 13:39:17 +01:00
color : rgb ( var ( --textbright_v ) ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . lookLink_dd4f85 . colorTransparent_dd4f85 : hover . contents_dd4f85 ,
# app-mount . lookLink_dd4f85 . hoverTransparent__31061 . hasHover_dfa15e : hover . contents_dd4f85 {
2023-11-08 13:39:17 +01:00
--button--underline-color : rgb ( var ( --textbright_v ) ) ;
color : rgb ( var ( --textbright_v ) ) ;
2021-11-03 16:18:23 +01:00
}
2024-03-28 18:23:28 +01:00
# app-mount . borderTransparent_c5801e {
2023-11-08 13:39:17 +01:00
border-color : rgb ( var ( --textbrightest_v ) ) ! important ;
2019-04-05 11:10:52 +02:00
}
2019-09-19 12:56:54 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 15.3. INPUTS ---- */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
input . input_f8bc55 { /* valueinput bordered */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
2019-02-13 22:55:07 +01:00
}
2024-06-19 06:08:52 +02:00
input . input_f8bc55 : hover : not ( : focus ) {
2023-11-08 13:39:17 +01:00
border-color : rgb ( var ( --transparencycolor_v ) ) ;
2018-10-11 10:21:26 +02:00
}
2021-05-07 17:07:56 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . prefixInput_c29b00 {
2021-05-07 17:07:56 +02:00
background-color : rgba ( 0 , 0 , 0 , . 1 ) ;
border-color : rgba ( 0 , 0 , 0 , . 3 ) ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . prefixInput_c29b00 : hover {
2021-05-07 17:07:56 +02:00
border-color : rgba ( 0 , 0 , 0 , . 6 ) ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . prefixInputInput_c29b00 {
2021-05-07 17:07:56 +02:00
color : var ( --header-primary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . prefixInputInput_c29b00 :: -webkit-input-placeholder ,
# app-mount . prefixInputInput_c29b00 :: -moz-placeholder ,
# app-mount . prefixInputInput_c29b00 : -ms-input-placeholder ,
# app-mount . prefixInputInput_c29b00 :: placeholder {
2021-05-07 17:07:56 +02:00
color : var ( --text-muted ) ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . prefixInputPrefix_c29b00 {
2021-05-07 17:07:56 +02:00
color : var ( --text-muted ) ;
2018-10-11 10:21:26 +02:00
}
2021-05-07 17:07:56 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . maxLength_a2b402 {
2021-05-07 17:07:56 +02:00
color : var ( --text-muted ) ;
2018-10-11 10:21:26 +02:00
}
2021-05-07 17:07:56 +02:00
2024-03-28 18:23:28 +01:00
# app-mount . copyInput_f549fd {
2021-05-07 17:07:56 +02:00
background-color : var ( --deprecated-text-input-bg ) ;
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
# app-mount . copyInputDefault_e19ebf {
2021-05-07 17:07:56 +02:00
border-color : var ( --deprecated-text-input-border ) ;
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
# app-mount . hiddenMessage_e7355b ,
# app-mount . inputDefault__591c7 {
2021-05-07 17:07:56 +02:00
color : var ( --header-primary ) ;
2018-12-14 00:14:32 +01:00
}
2024-03-28 18:23:28 +01:00
# app-mount . hiddenMessage_e7355b :: placeholder ,
# app-mount . inputDefault__591c7 :: placeholder {
2023-11-08 13:39:17 +01:00
color : rgba ( var ( --textbrightest_v ) , . 3 ) ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
. container_cebd1c { /* checkboxswitch */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ! important ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. container_cebd1c rect [ fill ] {
2021-05-07 17:07:56 +02:00
fill : var ( --header-primary ) ! important ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. container_cebd1c path [ fill ] {
2023-11-08 13:39:17 +01:00
fill : rgb ( var ( --transparencycolor_v ) ) ! important ;
2020-10-14 22:14:52 +02:00
}
2018-10-11 10:21:26 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . item_eb92a8 { /* radiogroup container */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . item_eb92a8 : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2020-11-21 19:36:03 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . item_eb92a8 [ aria-checked = true ] . radioBar_eb92a8 {
2023-11-08 13:39:17 +01:00
background : rgb ( var ( --accentcolor_v ) ) ;
2020-11-22 15:40:43 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . item_eb92a8 [ aria-checked = true ] . radioBar_eb92a8 . radioIconForeground_eb92a8 {
2021-05-07 17:07:56 +02:00
color : var ( --header-primary ) ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . item_eb92a8 . radioBar_eb92a8 [ style * = "--radio-bar-accent-color" ] {
2020-11-22 15:40:43 +01:00
background : var ( --radio-bar-accent-color ) ;
border : unset ;
2021-05-07 17:07:56 +02:00
color : var ( --header-primary ) ;
2020-11-22 15:40:43 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . item_eb92a8 [ aria-checked = false ] : hover . radioBar_eb92a8 [ style * = "--radio-bar-accent-color" ] {
2021-05-06 12:41:18 +02:00
background : var ( --radio-bar-accent-color ) linear-gradient ( to right , rgba ( 255 , 255 , 255 , . 2 ) , rgba ( 255 , 255 , 255 , . 2 ) ) ;
2020-11-22 15:40:43 +01:00
}
2018-10-11 10:21:26 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . checkboxContainer_cacc4c :: before { /* checkbox container */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --textdarker_v ) , . 3 ) ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . checkboxMute_cacc4c :: before {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2023-01-24 12:19:18 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . checkbox_f6cde8 { /* checkbox inner */
2023-11-08 13:39:17 +01:00
border-color : rgb ( var ( --textdark_v ) ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . checkbox_f6cde8 . checked_f6cde8 { /* checkbox checked */
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --textbrightest_v ) ) ;
border-color : rgb ( var ( --textbrightest_v ) ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . checkbox_f6cde8 . checked_f6cde8 . round_f6cde8 { /* checkbox roundchecked */
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ! important ;
border-color : rgb ( var ( --accentcolor_v ) ) ! important ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . checkbox_f6cde8 . checked_f6cde8 . round_f6cde8 svg {
2023-11-08 13:39:17 +01:00
filter : drop-shadow ( 1px 1px var ( --textshadow_v ) ) ;
2020-06-01 10:48:24 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . checkbox_f6cde8 . checked_f6cde8 . round_f6cde8 path [ fill ] {
2021-06-10 21:39:33 +02:00
fill : # fff ;
2018-11-02 21:01:04 +01:00
}
2018-10-11 10:21:26 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . bar_c7a159 { /* slider backgroundbar */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
. grabber_c7a159 { /* slider grabber */
2021-05-07 17:07:56 +02:00
background-color : var ( --header-primary ) ;
border-color : var ( --header-primary ) ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 3px 1px 0 rgba ( var ( --transparencycolor_v ) , . 05 ) , 0 2px 2px 0 rgba ( var ( --transparencycolor_v ) , . 1 ) , 0 3px 3px 0 rgba ( var ( --transparencycolor_v ) , . 05 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . markValue_c7a159 { /* slider markvalue */
2021-06-10 21:39:33 +02:00
color : var ( --text-muted ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . defaultValue_c7a159 . markValue_c7a159 {
2019-09-19 12:56:54 +02:00
color : # 43b581 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . markDash_c7a159 {
2019-09-19 12:56:54 +02:00
background : transparent ;
2023-11-08 13:39:17 +01:00
color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . defaultValue_c7a159 . markDash_c7a159 {
2019-09-19 12:56:54 +02:00
color : # 43b581 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . markDash_c7a159 :: before ,
# app-mount . markDash_c7a159 :: after {
2018-10-11 10:21:26 +02:00
content : "" ;
position : absolute ;
2019-09-19 12:56:54 +02:00
background : currentColor ;
height : 8px ;
width : 2px ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . markDash_c7a159 :: before {
2019-09-19 12:56:54 +02:00
top : 14px ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . markDash_c7a159 :: after {
2019-09-19 12:56:54 +02:00
top : 30px ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . bubble_f7877e { /* slider bubble */
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2021-05-07 17:07:56 +02:00
color : # fff ;
2023-11-08 13:39:17 +01:00
text-shadow : 1px 1px var ( --textshadow_v ) ;
2019-03-18 10:22:26 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . bubble_f7877e :: before {
2023-11-08 13:39:17 +01:00
border-top-color : rgb ( var ( --accentcolor_v ) ) ;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . container_c67e31 { /* hotkeyinput container */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
border-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . editIcon_ebcd80 { /* hotkeyinput editicon */
2023-10-27 17:01:09 +02:00
-webkit-mask : url ( https : / / discord . com / assets / c87be216431a35927431 . svg ) center / cover no-repeat ;
2021-05-07 17:07:56 +02:00
background : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
# app-mount . container_e61cfb . button__0982c {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ! important ;
2021-06-26 17:20:52 +02:00
color : var ( --header-primary ) ! important ;
}
2024-06-19 06:08:52 +02:00
# app-mount . container_e61cfb . recording_ebcd80 . button__0982c {
2021-06-26 17:20:52 +02:00
background-color : rgba ( var ( --dangercolor ) , . 1 ) ! important ;
color : rgb ( var ( --dangercolor ) ) ! important ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. select_fb76b2 [ class * = "css-" ] [ class * = "-container" ] { /* select container */
2019-09-19 12:56:54 +02:00
background-color : transparent ;
}
2024-06-19 06:08:52 +02:00
. lookFilled_f6639d . select_f6639d ,
. select_fb76b2 [ class * = "css-" ] [ class * = "-control" ] {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
border-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2023-04-19 13:12:27 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. lookFilled_f6639d . select_f6639d : hover {
2023-11-08 13:39:17 +01:00
border-color : rgb ( var ( --transparencycolor_v ) ) ;
2021-11-18 15:50:59 +01:00
}
2024-06-19 06:08:52 +02:00
. lookFilled_f6639d . select_f6639d : hover . open_f6639d ,
. lookFilled_f6639d . open_f6639d {
2023-11-08 13:39:17 +01:00
border-color : rgb ( var ( --transparencycolor_v ) ) rgb ( var ( --transparencycolor_v ) ) rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. lookFilled_f6639d . select_f6639d . searchInput_f6639d {
2021-03-20 11:04:08 +01:00
background : transparent ;
}
2024-06-19 06:08:52 +02:00
. select_fb76b2 [ class * = "css-" ] [ class * = "-control" ] : hover ,
. select_fb76b2 [ class * = "css-" ] [ class * = "-control" ] : not ( : last-child ) {
2021-05-07 17:07:56 +02:00
border-color : var ( --deprecated-text-input-border-hover ) ;
}
2024-06-19 06:08:52 +02:00
. select_fb76b2 . languageSelector_f69601 [ class * = "css-" ] [ class * = "-control" ] {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-05-07 17:07:56 +02:00
}
2024-06-19 06:08:52 +02:00
. select_fb76b2 [ class * = "css-" ] [ class * = "-singleValue" ] ,
. select_fb76b2 [ class * = "css-" ] [ class * = "-placeholder" ] ,
. select_fb76b2 [ class * = "css-" ] [ class * = "-indicatorContainer" ] {
2021-05-07 17:07:56 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. option_f6639d ,
2023-10-27 11:49:32 +02:00
. css-1gfjib6-option ,
. css-1yz4bi9-option ,
. css-ru8b0x-option ,
. css-1yz4bi9-option {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
2021-05-07 17:07:56 +02:00
color : var ( --interactive-normal ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. option_f6639d : hover ,
2023-10-27 11:49:32 +02:00
. css-pkcurw-option ,
. css-rzbxvl-option ,
. css-1qxn4c5-option ,
. css-rzbxvl-option {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-05-07 17:07:56 +02:00
color : var ( --interactive-hover ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. option_f6639d : focus ,
. option_f6639d . focused_f6639d ,
. option_f6639d . focused_f6639d : hover ,
. option_f6639d [ aria-selected = true ] : not ( . option_f6639d . multi_f6639d ) ,
2023-10-27 11:49:32 +02:00
. css-1gxgi19-option ,
. css-1ba14n5-option ,
. css-6qzljd-option ,
. css-1ba14n5-option {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 5 ) ;
2021-05-07 17:07:56 +02:00
color : var ( --interactive-active ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. popout_f6639d :: -webkit-scrollbar {
2021-03-20 11:04:08 +01:00
display : none ;
}
2024-06-19 06:08:52 +02:00
. popout_f6639d ,
. select_fb76b2 > [ class * = "css-" ] [ class * = "-container" ] > [ class * = "css-" ] [ class * = "-menu" ] {
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2023-11-08 13:39:17 +01:00
border : 1px solid rgba ( var ( --transparencycolor_v ) , . 3 ) ;
box-shadow : 0px 1px 5px 0px rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
overflow : hidden ;
}
2024-06-19 06:08:52 +02:00
. popout_f6639d . scrollerBase_eed6a8 > . option_f6639d {
2022-04-06 19:45:54 +02:00
position : relative ;
}
2024-06-19 06:08:52 +02:00
. popout_f6639d :: before ,
. popout_f6639d . scrollerBase_eed6a8 > . option_f6639d :: before ,
. popout_f6639d . scrollerBase_eed6a8 . content_eed6a8 :: before ,
. select_fb76b2 > [ class * = "css-" ] [ class * = "-container" ] > [ class * = "css-" ] [ class * = "-menu" ] :: before ,
. popout_f6639d :: after ,
. popout_f6639d . scrollerBase_eed6a8 > . option_f6639d :: after ,
. popout_f6639d . scrollerBase_eed6a8 . content_eed6a8 :: after ,
. select_fb76b2 > [ class * = "css-" ] [ class * = "-container" ] > [ class * = "css-" ] [ class * = "-menu" ] :: after {
2018-10-11 10:21:26 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
2019-09-19 12:56:54 +02:00
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
. popout_f6639d :: before ,
. popout_f6639d . scrollerBase_eed6a8 > . option_f6639d :: before ,
. popout_f6639d . scrollerBase_eed6a8 . content_eed6a8 :: before ,
. select_fb76b2 > [ class * = "css-" ] [ class * = "-container" ] > [ class * = "css-" ] [ class * = "-menu" ] :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 18:01:41 +02:00
background-attachment : fixed ;
}
2024-06-19 06:08:52 +02:00
. popout_f6639d :: after ,
. popout_f6639d . scrollerBase_eed6a8 > . option_f6639d :: after ,
. popout_f6639d . scrollerBase_eed6a8 . content_eed6a8 :: after ,
. select_fb76b2 > [ class * = "css-" ] [ class * = "-container" ] > [ class * = "css-" ] [ class * = "-menu" ] :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 2 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-16 11:11:06 +01:00
}
2024-06-19 06:08:52 +02:00
. popout_f6639d . scrollerBase_eed6a8 :: before ,
. popout_f6639d . scrollerBase_eed6a8 :: after {
2021-11-18 15:50:59 +01:00
display : none ;
}
2018-10-11 10:21:26 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 15.4. SEARCHBARS ---- */
2018-10-11 10:21:26 +02:00
2024-06-19 06:08:52 +02:00
. container_effbe2 , /* searchbar inner */
2024-03-28 18:23:28 +01:00
. container__33507 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
# app-mount . searchBox__56feb . searchBoxInput__56498 :: placeholder {
2021-05-07 17:07:56 +02:00
color : var ( --text-muted ) ;
}
2024-03-28 18:23:28 +01:00
# app-mount . searchIcon_d1a3c1 {
2021-05-07 17:07:56 +02:00
color : var ( --text-muted ) ;
}
2024-03-28 18:23:28 +01:00
# app-mount . filterLabel__82eb8 {
2021-05-07 17:07:56 +02:00
color : var ( --header-secondary ) ;
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
# app-mount . searchBox__56feb {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
box-shadow : 0 2px 5px 0 rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 15.5. TAGS ---- */
2019-09-19 12:56:54 +02:00
2023-11-18 17:40:58 +01:00
. botTagRegular_c89c9a : not ( [ style ] ) { /* bottag regular */
2023-11-08 13:39:17 +01:00
text-shadow : 1px 1px var ( --textshadow_v ) ;
2019-12-18 10:24:01 +01:00
}
2023-10-27 11:49:32 +02:00
. botTagRegular_c89c9a : not ( [ style ] ) svg {
2023-11-08 13:39:17 +01:00
filter : drop-shadow ( 1px 1px var ( --textshadow_v ) ) ;
2020-06-01 10:52:07 +02:00
}
2018-10-11 10:21:26 +02:00
2024-03-28 18:23:28 +01:00
. base__5ed84 [ style * = "var(--bdfdb-blurple)" ] , /* numberbadge */
. base__5ed84 [ style * = "background-color: rgb(88, 101, 242)" ] ,
. base__5ed84 [ style * = "background-color: rgb(114, 137, 218)" ] {
2023-11-08 13:39:17 +01:00
text-shadow : 1px 1px var ( --textshadow_v ) ;
2021-05-13 21:18:23 +02:00
}
2024-03-28 18:23:28 +01:00
. iconBadge__0c126 { /* iconbadge */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2018-10-11 10:21:26 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 15.6. IMAGES ---- */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . image_b9693a {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / 5420f8fd9d89897c6448 . svg ) ;
opacity : . 75 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . invalidPoop_ff31dd {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / baa5b6db50bb89d55668 . svg ) ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . sadImage_e78f9e {
2023-10-29 13:07:45 +01:00
background-image : url ( https : / / discord . com / assets / 746284e4cfc7cd6c5e15 . svg ) ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . cancelImage_b1a31b {
2023-10-29 12:11:49 +01:00
background : url ( https : / / discord . com / assets / d12b5c285831f85c5eee . svg ) ;
opacity : . 75 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . emptyWumpus_f1629a {
2023-10-29 12:11:49 +01:00
background : url ( https : / / discord . com / assets / b3dd9b1e282fff30af5b . svg ) ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . authenticationRequiredImage_a6213d {
2023-10-29 12:33:09 +01:00
background-image : url ( https : / / discord . com / assets / ac36a2fad758d64ffbfb . svg ) ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . authenticationSuccessImage_a6213d {
2023-10-29 12:33:09 +01:00
background-image : url ( https : / / discord . com / assets / 22a55a08151860da8500 . svg ) ;
opacity : . 5 ;
}
# app-mount . authenticationFailImage-3DXXvB {
background-image : url ( https : / / discord . com / assets / 5fc4852a2acb3abf0a64 . svg ) ;
opacity : . 5 ;
}
# app-mount . conflictUploadArt_c68c28 {
background-image : url ( https : / / discord . com / assets / 27f92332674f9dacc1e9 . svg ) ;
opacity : . 5 ;
}
# app-mount . conflictDownloadArt__87c31 {
background-image : url ( https : / / discord . com / assets / f6bc645aead00959a690 . svg ) ;
opacity : . 5 ;
}
# app-mount . errorArt__7d1bf {
background-image : url ( https : / / discord . com / assets / c00cfaed1382bf7f33d4 . svg ) ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . searchIndexBackground_e1f40e {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / 1876c6a6db747137a124 . svg ) ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . resultsBlockedImage_a9e225 {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / 83720a1a3ec0963a1f71 . svg ) ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . noResultsImage_c2b47d {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / 45cd76fed34c8e398cc8 . svg ) ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . noResultsImage_c2b47d . alt_c2b47d {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / 99d35a435f00582ddf41 . svg ) ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . errorImage_c2b47d {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / 8eeb59bba0a61cbffc41 . svg ) ;
opacity : . 5 ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . emptyStateImage_e8af36 {
2023-10-29 11:26:25 +01:00
background : url ( https : / / discord . com / assets / b3dd9b1e282fff30af5b . svg ) ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . wrapper_b06619 { /* crash screen background */
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / 14223d22c9628be36fc0 . svg ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . image_b06619 { /* crash screen center image */
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / 72eaa596042042be6259 . svg ) ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . gameIcon_f394e5 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --textbrightest_v ) , . 1 ) ;
2021-09-27 16:21:46 +02:00
color : var ( --header-primary ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . noResults_faef29 {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / c586aac99de98cfb010d . svg ) ;
opacity : . 5 ;
2018-10-11 10:21:26 +02:00
}
2023-10-29 11:26:25 +01:00
2024-06-19 06:08:52 +02:00
# app-mount . art_ebefe4 {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / 1a8d1cce8efe66c22c6d . svg ) ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . art_f2f3e8 {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / 29306de8953471954035 . svg ) ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . imageUnverified_f19fa9 {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / f0cba42b6a6d3b2de4fd . svg ) ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . imageUpgrade_fcc792 {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / 7e81dd54960672eabe78 . svg ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . imageCancel_fcc792 {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / d12b5c285831f85c5eee . svg ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . imageUnclaimed_fcc792 {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / 41675689ca055858e137 . svg ) ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . imageUnverified_fcc792 {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / f0cba42b6a6d3b2de4fd . svg ) ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . emptyPreviewImage_ed81cc {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / 3a354aac283f909d403d . svg ) ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
. fullArt_ae7ad3 ,
. fullArt_adc7d0 {
2023-10-29 11:26:25 +01:00
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
. image_ac90a2 {
2023-10-29 11:26:25 +01:00
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
. image_ac90a2 [ style * = 'url("/assets/9e2f412156e2ac1f14e9.svg")' ] {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / 64df6f04b850029d2e78 . svg ) ! important ;
}
2024-03-28 18:23:28 +01:00
. image__08515 {
2023-10-29 11:26:25 +01:00
opacity : . 5 ;
}
2024-03-28 18:23:28 +01:00
. image__08515 [ style * = 'url("/assets/d6dfb89ab06b62044dbb.svg")' ] {
2023-11-24 11:33:58 +01:00
background-image : url ( https : / / discord . com / assets / 8eeb59bba0a61cbffc41 . svg ) ! important ;
}
2024-03-28 18:23:28 +01:00
. image__08515 [ style * = 'url("/assets/75081bdaad2d359c1469.svg")' ] {
2023-11-24 11:33:58 +01:00
background-image : url ( https : / / discord . com / assets / 45cd76fed34c8e398cc8 . svg ) ! important ;
}
2024-03-28 18:23:28 +01:00
. image__08515 [ style * = 'url("/assets/0629e34902ae58f8e4ca.svg")' ] {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / 24aa06be5457e66bdd64 . svg ) ! important ;
}
2024-03-28 18:23:28 +01:00
. image__08515 [ style * = 'url("/assets/5741692705ba077f4190.svg")' ] {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / bca918618b884a382ab5 . svg ) ! important ;
}
2024-03-28 18:23:28 +01:00
. image__08515 [ style * = 'url("/assets/a72746e7108167af95c8.svg")' ] {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / 01864c39871ce619d855 . svg ) ! important ;
}
2024-03-28 18:23:28 +01:00
. image__08515 [ style * = 'url("/assets/ee4637f8627629dd0da5.svg")' ] {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / 532f1d4582d881960783 . svg ) ! important ;
}
2024-03-28 18:23:28 +01:00
. image__08515 [ style * = 'url("/assets/c8be48745cf680093019.svg")' ] {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / 295da3fc92e2adb1b852 . svg ) ! important ;
}
2024-03-28 18:23:28 +01:00
. image__08515 [ style * = 'url("/assets/5e3480eff150b1cb323e.svg")' ] {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / cf8f9096a9322f2ae0d7 . svg ) ! important ;
}
2024-06-19 06:08:52 +02:00
. emptyStateImage_b363b0 {
2023-10-29 11:26:25 +01:00
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
. emptyStateImage_b363b0 [ src = '/assets/39e3f389716400ced39a.svg' ] {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / 1bb2be01aece015602f7 . svg ) ;
object-position : -999999px -999999px ;
}
2024-03-28 18:23:28 +01:00
. image__08515 [ style * = 'url("/assets/c65431f185feb7b00749.svg")' ] {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / cdc3f4f6fbf3a0f0766f . svg ) ! important ;
}
2024-03-28 18:23:28 +01:00
. image__08515 [ style * = 'url("/assets/a1b0a14d2f22c155a2b3.svg")' ] {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / c7c4065874955761be3b . svg ) ! important ;
}
img [ src = '/assets/73984240bd99493de947.svg' ] {
background-image : url ( https : / / discord . com / assets / c1875fc8a42a61903ba1 . svg ) ;
opacity : . 5 ;
object-position : -999999px -999999px ;
}
img [ src = '/assets/387a7c504c96b992872d.svg' ] {
background-image : url ( https : / / discord . com / assets / 1964f50ca0220e98dc32 . svg ) ;
opacity : . 5 ;
object-position : -999999px -999999px ;
}
2024-06-19 06:08:52 +02:00
# app-mount . footerImage_fab929 {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / a4bee30fe0b5a0f5b3c7 . svg ) ;
opacity : . 5 ;
}
2024-03-28 18:23:28 +01:00
# app-mount . imageError__3af5f {
2023-10-29 11:26:25 +01:00
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . emptyImage_e37a20 {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / 1766a563ac224f0a403d . svg ) ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . missingEntitlementImage_d64cba {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / b3dd9b1e282fff30af5b . svg ) ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . image_a6ea01 {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / a7d6af4279f16c27ae9b . svg ) ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . image_f5cdb8 {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / 9e9722bd5c8ec20fd746 . svg ) ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . image_fea561 {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / c8718df1382ba878f1fc . svg ) ;
opacity : . 5 ;
}
2024-06-19 06:08:52 +02:00
# app-mount . image_bbfa4c {
2023-10-29 11:26:25 +01:00
background-image : url ( https : / / discord . com / assets / 1766a563ac224f0a403d . svg ) ;
opacity : . 5 ;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 15.7. SCROLLBARS ---- */
2019-09-19 12:56:54 +02:00
:: -webkit-scrollbar ,
# app-mount :: -webkit-scrollbar {
width : 8px ;
height : 8px ;
}
2020-08-15 07:53:48 +02:00
# app-mount . scroller-3vODG7 :: -webkit-scrollbar {
2019-09-19 12:56:54 +02:00
width : 6px ;
height : 6px ;
}
2024-06-19 06:08:52 +02:00
# app-mount . scroller_b60f40 :: -webkit-scrollbar ,
# app-mount . scrollbar_c858ce :: -webkit-scrollbar ,
2019-09-19 12:56:54 +02:00
# app-mount . scroller-2PSBSf :: -webkit-scrollbar {
width : 4px ;
height : 4px ;
}
2020-09-28 18:54:20 +02:00
:: -webkit-scrollbar ,
:: -webkit-scrollbar-track ,
:: -webkit-scrollbar-track-piece ,
2019-09-19 12:56:54 +02:00
# app-mount :: -webkit-scrollbar ,
# app-mount :: -webkit-scrollbar-track ,
# app-mount :: -webkit-scrollbar-track-piece {
2020-09-28 18:54:20 +02:00
border-color : transparent ! important ;
background : transparent ! important ;
2019-09-19 12:56:54 +02:00
}
:: -webkit-scrollbar-thumb ,
# app-mount :: -webkit-scrollbar-thumb {
border-radius : 10px ;
border : none ;
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ! important ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
. none_eed6a8 :: -webkit-scrollbar-corner ,
. none_eed6a8 :: -webkit-scrollbar-thumb ,
. none_eed6a8 :: -webkit-scrollbar-track ,
. none_eed6a8 :: -webkit-scrollbar ,
. none_c49869 :: -webkit-scrollbar-corner ,
. none_c49869 :: -webkit-scrollbar-thumb ,
. none_c49869 :: -webkit-scrollbar-track ,
. none_c49869 :: -webkit-scrollbar {
2019-09-19 12:56:54 +02:00
display : none ;
2018-12-28 10:57:05 +01:00
}
2019-09-19 12:56:54 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 15.8. NOTIFICATIONBAR ---- */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
. base_a4d4d9 . notice__5fd4c powercord-announcement {
2021-02-19 12:30:32 +01:00
border-radius : 0 ;
}
2019-09-19 12:56:54 +02:00
# app-mount . notice-2FJMB4 {
2023-11-08 13:39:17 +01:00
box-shadow : 0 1px 5px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . notice_dd5a33 {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 6 ) ;
2020-04-14 09:15:29 +02:00
}
2018-10-11 10:21:26 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 15.9. TOOLTIPS ---- */
2019-09-19 12:56:54 +02:00
2024-06-19 06:08:52 +02:00
# app-mount . guildNameText_a6ae3c {
2021-05-06 17:50:44 +02:00
color : # fff ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . muteText_a6ae3c {
2021-05-07 11:45:50 +02:00
color : # bbb ;
2021-02-13 22:10:28 +01:00
}
2024-06-19 06:08:52 +02:00
# app-mount . tooltipPrimary_b6c360 ,
# app-mount . tooltipGrey_b6c360 ,
# app-mount . tooltipBlack_b6c360 {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2021-05-06 19:36:45 +02:00
color : # fff ;
2023-11-08 13:39:17 +01:00
text-shadow : 1px 1px var ( --textshadow_v ) ;
2019-09-19 12:56:54 +02:00
}
2024-06-19 06:08:52 +02:00
# app-mount . tooltipPrimary_b6c360 . note_e4Jh6_ ,
# app-mount . tooltipGrey_b6c360 . note_e4Jh6_ ,
# app-mount . tooltipBlack_b6c360 . note_e4Jh6_ {
2021-05-22 19:38:29 +02:00
color : # bbb ;
}
2024-06-19 06:08:52 +02:00
# app-mount . tooltipPrimary_b6c360 a ,
# app-mount . tooltipGrey_b6c360 a ,
# app-mount . tooltipBlack_b6c360 a {
2023-04-09 20:12:55 +02:00
filter : brightness ( 50 % ) ;
}
2024-06-19 06:08:52 +02:00
# app-mount . tooltipPrimary_b6c360 . tooltipPointer_b6c360 ,
# app-mount . tooltipGrey_b6c360 . tooltipPointer_b6c360 ,
# app-mount . tooltipBlack_b6c360 . tooltipPointer_b6c360 {
2023-11-08 13:39:17 +01:00
border-top-color : rgb ( var ( --accentcolor_v ) ) ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
. emptyUser_c47562 {
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --transparencycolor_v ) , . 5 ) ;
2020-03-25 22:40:02 +01:00
}
2024-06-19 06:08:52 +02:00
. moreUsers_c47562 {
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --transparencycolor_v ) , . 5 ) ;
2020-03-25 22:40:02 +01:00
}
2018-10-11 10:21:26 +02:00
2019-09-19 12:56:54 +02:00
2023-11-18 17:40:58 +01:00
/* ~~~~ 16. BDSUPPORT ~~~~ */
2021-02-03 13:00:57 +01:00
2020-12-12 21:27:56 +01:00
html . bd-toast {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-05-06 17:50:44 +02:00
color : # fff ;
2023-11-08 13:39:17 +01:00
text-shadow : 1px 1px var ( --textshadow_v ) ;
2018-10-11 10:21:26 +02:00
}
2020-12-12 21:27:56 +01:00
html . bd-toast . icon {
2019-09-19 12:56:54 +02:00
background-image : none ! important ;
2018-10-11 10:21:26 +02:00
}
2020-12-12 21:27:56 +01:00
html . bd-toast . icon :: before {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
2021-05-06 17:50:44 +02:00
background : # fff ! important ;
2020-12-29 18:23:35 +01:00
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg"><path fill="black" d=""/></svg>' ) center / cover no-repeat ;
2018-10-11 10:21:26 +02:00
}
2020-12-12 21:27:56 +01:00
html . bd-toast . toast-danger . icon :: before ,
html . bd-toast . toast-error . icon :: before {
2020-12-29 18:23:35 +01:00
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="black" d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/></svg>' ) 6px 50 % / 20px 20px no-repeat ;
2018-10-11 10:21:26 +02:00
}
2020-12-12 21:27:56 +01:00
html . bd-toast . toast-info . icon :: before {
2020-12-29 18:23:35 +01:00
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="black" d="M 12 2 C 6.48 2 2 6.48 2 12 s 4.48 10 10 10 10-4.48 10-10 S 17.52 2 12 2 z m 1 15 h -2 v -6 h 2 v 6 z m 0-8 h -2 V 7 h 2 v 2 z"/></svg>' ) 6px 50 % / 20px 20px no-repeat ;
2018-10-11 10:21:26 +02:00
}
2020-12-12 21:27:56 +01:00
html . bd-toast . toast-success . icon :: before {
2021-01-09 17:05:43 +01:00
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="black" d="M 12 2 C 6.48 2 2 6.48 2 12 s 4.48 10 10 10 10-4.48 10-10 S 17.52 2 12 2 z m -2 15 l -5-5 1.41-1.41 L 10 14.17 l 7.59-7.59 L 19 8 l -9 9 z"/></svg>' ) 6px 50 % / 20px 20px no-repeat ;
2018-10-11 10:21:26 +02:00
}
2020-12-12 21:27:56 +01:00
html . bd-toast . toast-warning . icon :: before ,
html . bd-toast . toast-warn . icon :: before {
2020-12-29 18:23:35 +01:00
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="black" d="M 1 21 h 22 L 12 2 1 21 z m 12-3 h -2 v -2 h 2 v 2 z m 0-4 h -2 v -4 h 2 v 4 z"/></svg>' ) 6px 50 % / 20px 20px no-repeat ;
2019-09-19 12:56:54 +02:00
}
2020-10-28 12:24:12 +01:00
# app-mount . fav {
2021-05-06 17:50:44 +02:00
background : var ( --interactive-active ) ;
2020-10-28 12:24:12 +01:00
width : 16px ;
height : 16px ;
padding : 0 ;
2021-02-12 21:35:48 +01:00
-webkit-mask : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / common / fav_star_empty . svg ) center / contain no-repeat ;
2020-10-28 12:24:12 +01:00
}
# app-mount . fav : hover ,
# app-mount . fav . active {
background : # faa61a ;
}
# app-mount . fav . active {
2021-02-12 21:35:48 +01:00
-webkit-mask : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / common / fav_star . svg ) center / contain no-repeat ;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
2021-04-21 19:39:15 +02:00
# app-mount . bd-tab-item : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-04-21 19:39:15 +02:00
}
# app-mount . bd-tab-item . selected {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2021-05-06 17:50:44 +02:00
color : # fff ;
2023-11-08 13:39:17 +01:00
text-shadow : 1px 1px var ( --textshadow_v ) ;
2021-04-21 19:39:15 +02:00
}
2023-11-18 17:40:58 +01:00
# app-mount . bd-server-card { /* pubslayer guildcard */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-01-18 11:13:18 +01:00
}
2023-11-18 17:40:58 +01:00
# app-mount . bd-server-icon { /* pubslayer guildicon */
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2021-01-18 11:13:18 +01:00
border-color : transparent ;
}
# app-mount . bd-server-card : hover ,
# app-mount . bd-server-icon : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
2021-01-18 11:13:18 +01:00
}
2018-10-11 10:21:26 +02:00
2023-11-18 17:40:58 +01:00
. bd-switch-body { /* bd switch */
2023-11-08 13:39:17 +01:00
--switch-color : rgb ( var ( --transparencycolor_v ) ) ;
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2018-10-11 10:21:26 +02:00
}
2023-11-18 17:40:58 +01:00
. bd-slider-label { /* bd slider label */
2023-11-18 16:12:01 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
color : var ( --header-primary ) ;
text-shadow : 1px 1px var ( --textshadow_v ) ;
}
2023-11-18 17:40:58 +01:00
. bd-slider-input { /* bd slider input */
2023-11-18 16:12:01 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
}
. bd-slider-input [ type = "range" ] :: -webkit-slider-thumb {
background-color : var ( --header-primary ) ;
border-color : var ( --header-primary ) ;
box-shadow : 0 3px 1px 0 rgba ( var ( --transparencycolor_v ) , . 05 ) , 0 2px 2px 0 rgba ( var ( --transparencycolor_v ) , . 1 ) , 0 3px 3px 0 rgba ( var ( --transparencycolor_v ) , . 05 ) ;
}
. bd-select {
background-color : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
border-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
color : var ( --text-normal ) ;
border : 1px solid transparent ;
padding : 8px 8px 8px 12px ;
cursor : pointer ;
box-sizing : border-box ;
display : grid ;
grid-template-columns : 1fr auto ;
align-items : center ;
border-radius : 4px ;
}
2023-11-18 17:40:58 +01:00
. bd-select . bd-select-options { /* bd select popout */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2020-03-26 10:01:40 +01:00
border : none ;
border-radius : 4px ;
2023-11-08 13:39:17 +01:00
box-shadow : rgba ( var ( --transparencycolor_v ) , . 3 ) 0px 2px 5px 0px ;
2020-10-09 21:09:35 +02:00
box-sizing : border-box ;
padding : 6px 8px ;
2020-03-26 10:01:40 +01:00
}
2023-10-26 16:35:35 +02:00
. bd-select . bd-select-options :: before ,
. bd-select . bd-select-options :: after {
2020-03-26 10:01:40 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 4px ;
pointer-events : none ;
z-index : -1 ;
}
2023-10-26 16:35:35 +02:00
. bd-select . bd-select-options :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 18:01:41 +02:00
background-attachment : fixed ;
}
2023-10-26 16:35:35 +02:00
. bd-select . bd-select-options :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 3 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-16 11:11:06 +01:00
}
2023-11-18 17:40:58 +01:00
. bd-select . bd-select-option { /* bd select popout option */
2020-10-09 21:09:35 +02:00
display : flex ;
align-items : center ;
min-height : 32px ;
border-radius : 2px ;
box-sizing : border-box ;
2020-03-26 10:01:40 +01:00
color : var ( --interactive-normal ) ;
2020-10-09 21:09:35 +02:00
font-size : 14px ;
font-weight : 500 ;
line-height : 18px ;
margin-top : 2px ;
margin-bottom : 2px ;
padding : 0 8px ;
2020-03-26 10:01:40 +01:00
}
2023-10-26 16:35:35 +02:00
. bd-select . bd-select-option : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2020-03-26 10:01:40 +01:00
color : var ( --interactive-hover ) ;
}
2023-10-26 16:35:35 +02:00
. bd-select . bd-select-option . selected {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2020-03-26 10:01:40 +01:00
color : var ( --interactive-active ) ;
}
2023-11-18 17:40:58 +01:00
. bd-pfbtn { /* addonlist folder button */
2023-11-08 13:39:17 +01:00
text-shadow : 1px 1px var ( --textshadow_v ) ;
2021-01-18 10:56:16 +01:00
}
2023-11-18 17:40:58 +01:00
. bd-server-tag { /* addonlist public list tag */
2023-11-08 13:39:17 +01:00
text-shadow : 1px 1px var ( --textshadow_v ) ;
2018-10-11 10:21:26 +02:00
}
2020-03-26 09:41:43 +01:00
2022-08-03 09:52:56 +02:00
2023-10-26 16:35:35 +02:00
. bd-error-modal-content {
2022-08-03 09:52:56 +02:00
padding : 0 10px 16px 10px ;
}
# app-mount . bd-addon-error {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , 0 . 2 ) ;
border-color : rgba ( var ( --transparencycolor_v ) , 0 . 2 ) ;
2022-08-03 09:52:56 +02:00
}
# app-mount . bd-addon-error . expanded ,
# app-mount . bd-addon-error : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , 0 . 3 ) ;
2022-08-03 09:52:56 +02:00
}
2024-02-28 17:26:13 +01:00
. bd-addon-views . bd-view-button : not ( . selected ) : hover ,
. bd-addon-controls . bd-button : hover ,
. bd-controls-basic . bd-button : hover {
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2023-10-27 13:35:13 +02:00
}
2024-02-28 17:26:13 +01:00
. bd-addon-views . bd-view-button : not ( . selected ) : active ,
. bd-addon-controls . bd-button : active ,
. bd-controls-basic . bd-button : active {
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --accentcolor_v ) , . 7 ) ;
2019-02-12 13:21:44 +01:00
}
2023-11-18 16:00:13 +01:00
. bd-addon-views . bd-view-button . selected svg {
filter : drop-shadow ( 1px 1px var ( --textshadow_v ) ) ;
}
2020-03-26 09:41:43 +01:00
2023-10-26 16:35:35 +02:00
. bd-button {
2023-11-18 15:58:04 +01:00
text-shadow : 1px 1px var ( --textshadow_v ) ;
2023-11-18 16:00:13 +01:00
}
. bd-button svg {
2023-11-08 13:39:17 +01:00
filter : drop-shadow ( 1px 1px var ( --textshadow_v ) ) ;
2020-03-26 09:41:43 +01:00
}
2023-11-18 16:00:13 +01:00
. bd-button . bd-button-danger svg {
2021-05-06 17:50:44 +02:00
filter : unset ;
2020-03-26 09:41:43 +01:00
}
2018-10-11 10:21:26 +02:00
2023-11-18 17:40:58 +01:00
. floating-window . resizable { /* customcss editor detached */
2023-11-08 13:39:17 +01:00
background : rgb ( var ( --transparencycolor_v ) ) ;
2018-10-11 10:21:26 +02:00
}
2020-11-17 20:40:39 +01:00
html . monaco-editor . reference-zone-widget . ref-tree . referenceMatch . highlight {
2023-11-08 13:39:17 +01:00
background : rgb ( var ( --accentcolor_v ) ) ;
2020-11-17 20:40:39 +01:00
}
2018-10-11 10:21:26 +02:00
2021-02-03 13:00:57 +01:00
/* ~~~~ 17. POWERCORDSUPPORT ~~~~ */
html . powercord-toast {
background-color : transparent ;
border : none ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2021-02-03 13:00:57 +01:00
overflow : hidden ;
}
2021-06-26 18:01:41 +02:00
html . powercord-toast :: before ,
html . powercord-toast :: after {
2021-02-03 13:00:57 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
2021-06-26 18:01:41 +02:00
border-radius : 5px ;
2021-02-03 13:00:57 +01:00
pointer-events : none ;
z-index : -1 ;
}
2021-06-26 18:01:41 +02:00
html . powercord-toast :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 18:01:41 +02:00
background-attachment : fixed ;
}
2021-02-03 13:00:57 +01:00
html . powercord-toast :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2021-02-03 13:00:57 +01:00
}
html . powercord-toast . header {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
box-shadow : 0 2px 3px 0 rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2021-02-03 13:00:57 +01:00
}
html . powercord-toast . contents . inner {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2021-02-03 13:00:57 +01:00
border : none ;
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2021-02-03 13:00:57 +01:00
}
2019-09-19 12:56:54 +02:00
2021-02-03 13:00:57 +01:00
/* ~~~~ 18. PLUGINSUPPORT ~~~~ */
2019-09-19 12:56:54 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 18.1. BDFDB ---- */
2021-02-03 13:11:47 +01:00
2023-10-26 14:22:30 +02:00
html . colorDefault_XdNdIp . bg_8df5St {
2021-06-26 18:01:41 +02:00
background : transparent ;
opacity : 1 ;
}
2023-10-26 14:22:30 +02:00
html . colorDefault_XdNdIp . bg_8df5St :: before ,
html . colorDefault_XdNdIp . bg_8df5St :: after {
2021-06-26 18:01:41 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
pointer-events : none ;
z-index : -1 ;
}
2023-10-26 14:22:30 +02:00
html . colorDefault_XdNdIp . bg_8df5St :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-02-03 13:11:47 +01:00
background-attachment : fixed ;
2021-06-26 18:01:41 +02:00
}
2023-10-26 14:22:30 +02:00
html . colorDefault_XdNdIp . bg_8df5St :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2021-02-03 13:11:47 +01:00
}
2023-11-18 17:40:58 +01:00
/* ---- 18.2. DATEVIEWER ---- */
2019-09-19 12:56:54 +02:00
# app-mount # dv-mount {
background : transparent ;
2021-03-03 14:07:50 +01:00
z-index : 1 ;
}
2021-06-26 17:05:43 +02:00
# app-mount # dv-mount :: before ,
# app-mount # dv-mount :: after {
2021-03-03 14:07:50 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
pointer-events : none ;
z-index : -1 ;
}
# app-mount # dv-mount :: before {
2023-11-08 13:39:17 +01:00
background : var ( --background_v ) var ( --backgroundposition_v ) / var ( --backgroundsize_v ) ;
2021-03-03 14:07:50 +01:00
background-attachment : fixed ;
2021-06-26 17:05:43 +02:00
}
# app-mount # dv-mount :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + var ( --memberlisttransparency_v ) * 0 . 85 ) ) ;
backdrop-filter : blur ( var ( --backgroundblur_v ) ) ;
2019-02-16 20:47:37 +01:00
}
2019-09-19 12:56:54 +02:00
# app-mount # dv-main {
2023-11-08 13:39:17 +01:00
border-top-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-02-16 20:47:37 +01:00
}
2019-09-19 12:56:54 +02:00
# app-mount # dv-main . dv-date {
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
opacity : 1 ;
2019-02-16 20:47:37 +01:00
}
2019-09-19 12:56:54 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 18.3. MEMBERCOUNT ---- */
2019-09-19 12:56:54 +02:00
# app-mount # MemberCount {
background-color : transparent ;
width : calc ( 100 % - 8px ) ;
margin : 0 ;
line-height : 0 ;
height : 30px ;
2018-10-11 10:21:26 +02:00
}
2021-06-26 17:05:43 +02:00
# MemberCount :: before ,
# MemberCount :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
pointer-events : none ;
z-index : -1 ;
2018-10-11 10:21:26 +02:00
}
2020-10-19 10:38:04 +02:00
# MemberCount :: before {
2023-11-08 13:39:17 +01:00
background : var ( --background_v ) var ( --backgroundposition_v ) / var ( --backgroundsize_v ) ;
2019-09-19 12:56:54 +02:00
background-attachment : fixed ;
2021-06-26 17:05:43 +02:00
}
# MemberCount :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + var ( --memberlisttransparency_v ) * 0 . 85 ) ) ;
backdrop-filter : blur ( var ( --backgroundblur_v ) ) ;
2018-10-11 10:21:26 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 18.4. LINENUMBERS ---- */
2018-10-11 10:21:26 +02:00
2023-10-27 11:49:32 +02:00
. hljs ol li {
2021-05-06 17:50:44 +02:00
border-left-color : var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
. hljs ol li :: before {
2023-11-08 13:39:17 +01:00
color : rgb ( var ( --textdarker_v ) ) ;
2019-04-26 13:35:11 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 18.5. PERMISSIONVIEWER ---- */
2019-09-19 12:56:54 +02:00
2023-11-18 17:40:58 +01:00
html # permissions-modal-wrapper { /* modal wrapper */
2023-07-14 09:56:01 +02:00
z-index : 1001 ;
2021-09-27 15:57:46 +02:00
}
2023-11-18 17:40:58 +01:00
html # permissions-modal-wrapper # permissions-modal { /* modal container */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2019-09-19 12:56:54 +02:00
border : none ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor_v ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
position : relative ;
overflow : hidden ;
2019-09-11 21:42:38 +02:00
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper # permissions-modal :: before ,
html # permissions-modal-wrapper # permissions-modal :: after {
2019-01-21 20:08:22 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
2019-09-19 12:56:54 +02:00
width : unset ;
height : unset ;
2019-01-21 20:08:22 +01:00
pointer-events : none ;
2019-09-19 12:56:54 +02:00
z-index : -1 ;
2019-01-21 20:08:22 +01:00
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper # permissions-modal :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2021-06-26 18:01:41 +02:00
background-attachment : fixed ;
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper # permissions-modal :: after {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , calc ( var ( --transparencyalpha_v ) + 0 . 2 ) ) ;
backdrop-filter : blur ( var ( --popoutblur_v ) ) ;
2020-11-16 11:11:06 +01:00
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper . header {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
box-shadow : 0 2px 3px 0 rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper . modal-body {
2019-09-19 12:56:54 +02:00
background-color : transparent ;
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper . scroller-title {
2023-11-08 13:39:17 +01:00
border-bottom : 1px solid rgba ( var ( --transparencycolor_v ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper . role-side {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
2019-09-19 12:56:54 +02:00
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper . role-item {
2021-05-06 17:50:44 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper . role-item : hover {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 1 ) ;
2019-09-19 12:56:54 +02:00
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper . role-item . selected {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper . perm-side {
2019-09-19 12:56:54 +02:00
background-color : transparent ;
2018-10-11 10:21:26 +02:00
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper . perm-item {
2021-05-06 17:50:44 +02:00
box-shadow : inset 0 -1px 0 var ( --background-modifier-accent ) ;
2018-10-11 10:21:26 +02:00
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper . perm-name {
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2018-10-24 21:31:46 +02:00
}
2018-10-11 10:21:26 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 18.6. DIRECTDOWNLOAD ---- */
2018-10-11 10:21:26 +02:00
2019-09-19 12:56:54 +02:00
# files_directDownload . file {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 4 ) ;
border-color : rgba ( var ( --accentcolor_v ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
border-radius : 6px 6px 0 0 ;
2019-05-07 15:38:24 +02:00
}
2019-09-19 12:56:54 +02:00
# files_directDownload . file svg {
2021-05-06 17:50:44 +02:00
fill : var ( --interactive-active ) ;
2019-09-19 12:56:54 +02:00
opacity : 0 . 5 ;
}
# files_directDownload . file svg : hover {
opacity : 1 ;
}
# files_directDownload . file span {
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
# files_directDownload . file . progress-bar {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2018-10-11 10:21:26 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 18.7. BETTERFORMATINGREDUX ---- */
2019-09-19 12:56:54 +02:00
2023-10-27 11:49:32 +02:00
. innerDisabled-2mc-iF ~ . bf-toolbar {
2019-09-19 12:56:54 +02:00
display : none ;
}
2023-10-27 11:49:32 +02:00
. bf-arrow {
2020-12-29 18:23:35 +01:00
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="black" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/></svg>' ) center / contain no-repeat ;
2021-05-06 17:50:44 +02:00
background : var ( --interactive-active ) ! important ;
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
. bf-toolbar {
2019-09-19 12:56:54 +02:00
background : transparent ;
overflow : hidden ;
transform : none ;
top : -50px ;
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
. bf-toolbar :: after {
2018-10-11 10:21:26 +02:00
content : "" ;
display : block ;
2019-09-19 12:56:54 +02:00
position : absolute ;
2018-10-11 10:21:26 +02:00
width : 100 % ;
height : calc ( 100 % - 15px ) ;
pointer-events : none ;
left : 0px ;
top : 5px ;
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , . 5 ) ;
2018-10-11 10:21:26 +02:00
border-radius : 3px ;
2019-09-19 12:56:54 +02:00
transform : translate ( 0 , 55px ) ;
2018-10-11 10:21:26 +02:00
transition : all 200ms ease ;
2019-09-19 12:56:54 +02:00
z-index : 200 ;
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
. bf-toolbar . bf-visible :: after ,
. bf-toolbar . bf-hover : hover :: after {
2019-09-19 12:56:54 +02:00
transform : translate ( 0 , 0 ) ;
2018-10-11 10:21:26 +02:00
transition : all 200ms cubic-bezier ( 0 , 0 , 0 , 1 ) ;
}
2023-10-27 11:49:32 +02:00
. bf-toolbar :: before {
2023-11-08 13:39:17 +01:00
background : var ( --popout_v ) var ( --popoutposition_v ) / var ( --popoutsize_v ) ;
2019-09-19 12:56:54 +02:00
background-attachment : fixed ;
2023-11-08 13:39:17 +01:00
filter : blur ( var ( --popoutblur_v ) ) ;
2019-09-19 12:56:54 +02:00
z-index : 100 ;
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
. theme-brand . bf-toolbar :: after {
2023-11-08 13:39:17 +01:00
background : rgb ( var ( --accentcolor_v ) ) linear-gradient ( rgba ( var ( --transparencycolor_v ) , . 2 ) , rgba ( var ( --transparencycolor_v ) , . 2 ) ) ! important ;
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
. theme-brand . bf-toolbar :: before {
2019-09-19 12:56:54 +02:00
display : none ;
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
. bf-toolbar > * {
2019-09-19 12:56:54 +02:00
z-index : 300 ;
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
. bf-toolbar . format {
2021-05-06 17:50:44 +02:00
color : var ( --text-normal ) ;
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
. bf-toolbar . format : hover {
2023-11-08 13:39:17 +01:00
background-color : rgb ( var ( --accentcolor_v ) ) ;
2021-05-06 17:50:44 +02:00
color : # fff ;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 18.8 CHANNELHISTORY ---- */
2020-04-13 21:01:22 +02:00
2023-10-27 11:49:32 +02:00
. channelHistoryButtons {
2020-04-13 21:01:22 +02:00
top : 4px ;
left : 310px ;
}
2020-05-11 21:22:33 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 18.9 CHANNELTABS ---- */
2020-08-11 17:49:37 +02:00
2022-05-07 17:44:11 +02:00
html # channelTabs-container {
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --transparencycolor_v ) , calc ( var ( --guildchanneltransparency_v ) * 2 ) ) ;
2021-08-09 18:16:51 +02:00
}
2022-05-07 17:44:11 +02:00
html # channelTabs-settingsMenu ,
html . channelTabs-tabNav > div ,
2020-09-28 17:09:42 +02:00
html . channelTabs-tab ,
html . channelTabs-fav {
cursor : pointer ;
}
html . channelTabs-tab : not ( . channelTabs-selected ) : hover ,
html . channelTabs-fav : hover {
2023-11-08 13:39:17 +01:00
background : rgba ( var ( --transparencycolor_v ) , 0 . 2 ) ;
2020-08-11 17:49:37 +02:00
}
2022-05-07 17:44:11 +02:00
html # channelTabs-settingsMenu : hover ,
html . channelTabs-tabContainer . channelTabs-tabNav > div : hover ,
2020-11-02 20:31:56 +01:00
html . channelTabs-tab . channelTabs-selected ,
2022-05-07 17:44:11 +02:00
html . channelTabs-tabContainer . channelTabs-newTab : hover {
2023-11-08 13:39:17 +01:00
background : rgb ( var ( --accentcolor_v ) ) ;
2020-08-11 17:49:37 +02:00
}
2022-05-07 17:44:11 +02:00
html # channelTabs-settingsMenu : hover [ fill ] : not ( [ fill = "none" ] ) ,
html . channelTabs-tabContainer . channelTabs-tabNav > div : hover [ fill ] : not ( [ fill = "none" ] ) ,
html . channelTabs-tabContainer . channelTabs-newTab : hover [ fill ] : not ( [ fill = "none" ] ) {
fill : var ( --header-primary ) ;
2020-08-11 17:49:37 +02:00
}
2022-05-07 17:44:11 +02:00
html . channelTabs-tabContainer . channelTabs-tabNav > . channelTabs-tabNavClose : hover {
background : rgb ( var ( --dangercolor ) ) ;
2020-08-11 17:49:37 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 18.10 TYPINGINDICATOR ---- */
2021-04-08 18:13:57 +02:00
html . typingindicator-guild ,
html . typingindicator-dms ,
html . typingindicator-folder {
2023-11-08 13:39:17 +01:00
background : rgb ( var ( --transparencycolor_v ) , . 2 ) ;
border : 4px solid rgb ( var ( --transparencycolor_v ) , . 2 ) ;
2021-04-08 18:13:57 +02:00
box-shadow : unset ;
right : 8px ;
bottom : -5px ;
padding : 2px 0 ;
}
2023-11-18 17:40:58 +01:00
/* ---- 18.11 CHANNELDMS ---- */
2022-03-24 17:49:33 +01:00
2023-10-27 11:49:32 +02:00
. ChannelDms-channelmembers-wrap . ChannelDms-channelmembers-header {
2023-11-08 13:39:17 +01:00
background-color : rgba ( var ( --transparencycolor_v ) , var ( --memberlisttransparency_v ) ) ;
2022-03-24 17:49:33 +01:00
}
2019-09-19 12:56:54 +02:00
2021-02-03 13:00:57 +01:00
/* ~~~~ 19. UPDATENOTICE ~~~~ */
2018-10-11 10:21:26 +02:00
2024-06-19 06:08:52 +02:00
html : only-child > head + body div . app_bd26cc > div . app_a01fb1 :: before {
2021-04-23 13:20:23 +02:00
content : "Your Version of BasicBackground by DevilBro is outdated. Please download the newest Version: https://mwittrien.github.io/downloader/?theme=BasicBackground" ! important ;
2019-09-19 12:56:54 +02:00
display : var ( --version1_0_5 , block ) ! important ;
background-color : # 4a90e2 ! important ;
2023-11-08 13:39:17 +01:00
box-shadow : 0 1px 5px 0 rgba ( var ( --transparencycolor_v ) , . 3 ) ! important ;
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ! important ;
2019-09-19 12:56:54 +02:00
flex-grow : 0 ! important ;
flex-shrink : 0 ! important ;
font-size : 14px ! important ;
font-weight : 500 ! important ;
height : 36px ! important ;
line-height : 36px ! important ;
opacity : 1 ! important ;
padding-left : 4px ! important ;
padding-right : 28px ! important ;
position : relative ! important ;
text-align : center ! important ;
visibility : unset ! important ;
2019-09-19 16:11:43 +02:00
white-space : pre ! important ;
2019-09-19 12:56:54 +02:00
top : 0 ! important ;
left : 0 ! important ;
bottom : unset ! important ;
right : unset ! important ;
max-width : unset ! important ;
min-width : unset ! important ;
max-height : unset ! important ;
min-height : unset ! important ;
transform : unset ! important ;
animation : unset ! important ;
z-index : 101 ! important ;
2019-09-19 16:11:43 +02:00
pointer-events : none ! important ;
2018-10-11 10:21:26 +02:00
}
2023-11-18 17:40:58 +01:00
/* ~~~~ 20. WATERMARK ~~~~ */
2018-10-11 10:21:26 +02:00
2024-06-19 06:08:52 +02:00
html : only-child > head + body div . typeWindows_a934d8 . titleBar_a934d8 > div . wordmark_a934d8 {
2018-10-11 10:21:26 +02:00
display : block ! important ;
position : absolute ! important ;
2019-05-14 10:13:02 +02:00
max-width : unset ! important ;
min-width : unset ! important ;
2018-10-11 10:21:26 +02:00
width : 55px ! important ;
2019-05-14 10:13:02 +02:00
max-height : unset ! important ;
min-height : unset ! important ;
2018-10-11 10:21:26 +02:00
height : 16px ! important ;
margin : 0 ! important ;
2019-09-19 12:56:54 +02:00
padding : 3px 9px 3px ! important ;
2018-10-11 10:21:26 +02:00
top : 0 ! important ;
left : 0 ! important ;
bottom : unset ! important ;
right : unset ! important ;
2021-05-14 21:24:36 +02:00
opacity : 1 ! important ;
2018-10-11 10:21:26 +02:00
visibility : visible ! important ;
2019-05-14 10:13:02 +02:00
transform : unset ! important ;
animation : unset ! important ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
html : only-child > head + body div . typeWindows_a934d8 . titleBar_a934d8 > div . wordmark_a934d8 [ style * = "display: none" ] {
2023-05-08 09:13:26 +02:00
display : none ! important ;
}
2024-06-19 06:08:52 +02:00
html : only-child > head + body div . typeWindows_a934d8 . titleBar_a934d8 > div . wordmark_a934d8 > * {
2021-05-14 21:24:36 +02:00
display : none ! important ;
}
2024-06-19 06:08:52 +02:00
html : only-child > head + body div . typeWindows_a934d8 . titleBar_a934d8 > div . wordmark_a934d8 :: before {
2021-05-14 21:24:36 +02:00
content : "" ! important ;
2021-07-05 16:41:47 +02:00
background : rgb ( 125 , 125 , 125 ) ! important ;
2021-05-14 21:30:12 +02:00
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg width="55" height="19" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M3.57642276,0.141304348 L0,0.141304348 L0,4.22826087 L2.38069106,6.40217391 L2.38069106,2.43478261 L3.66260163,2.43478261 C4.47052846,2.43478261 4.86910569,2.83695652 4.86910569,3.4673913 L4.86910569,6.5 C4.86910569,7.13043478 4.49207317,7.55434783 3.66260163,7.55434783 L0,7.55434783 L0,9.85869565 L3.57642276,9.85869565 C5.49390244,9.86956522 7.29288618,8.90217391 7.29288618,6.66304348 L7.29288618,3.39130435 C7.29288618,1.13043478 5.49390244,0.141304348 3.57642276,0.141304348 Z M22.3310976,6.67391304 L22.3310976,3.32608696 C22.3310976,2.11956522 24.4640244,1.83695652 25.1103659,3.05434783 L27.0817073,2.23913043 C26.3168699,0.510869565 24.8949187,0 23.7207317,0 C21.803252,0 19.9073171,1.13043478 19.9073171,3.32608696 L19.9073171,6.67391304 C19.9073171,8.88043478 21.803252,10 23.6776423,10 C24.8841463,10 26.3276423,9.39130435 27.1247967,7.81521739 L25.0134146,6.82608696 C24.4963415,8.17391304 22.3310976,7.84782609 22.3310976,6.67391304 Z M15.8030488,3.7826087 C15.0597561,3.61956522 14.5642276,3.34782609 14.5319106,2.88043478 C14.575,1.75 16.2878049,1.7173913 17.2896341,2.79347826 L18.8731707,1.55434783 C17.8821138,0.326086957 16.7617886,0 15.598374,0 C13.8424797,0 12.1404472,1 12.1404472,2.91304348 C12.1404472,4.77173913 13.5408537,5.76086957 15.0813008,6 C15.8676829,6.10869565 16.7402439,6.42391304 16.7186992,6.97826087 C16.654065,8.02173913 14.5426829,7.9673913 13.5839431,6.7826087 L12.0650407,8.23913043 C12.9591463,9.40217391 14.1764228,10 15.3182927,10 C17.074187,10 19.0239837,8.9673913 19.0993902,7.08695652 C19.2071138,4.69565217 17.5050813,4.09782609 15.8030488,3.7826087 Z M8.59634146,9.85869565 L11.0093496,9.85869565 L11.0093496,0.141304348 L8.59634146,0.141304348 L8.59634146,9.85869565 Z M49.2835366,0.141304348 L45.7071138,0.141304348 L45.7071138,4.22826087 L48.0878049,6.40217391 L48.0878049,2.43478261 L49.3589431,2.43478261 C50.1668699,2.43478261 50.5654472,2.83695652 50.5654472,3.4673913 L50.5654472,6.5 C50.5654472,7.13043478 50.1884146,7.55434783 49.3589431,7.55434783 L45.6963415,7.55434783 L45.6963415,9.85869565 L49.2727642,9.85869565 C51.1902439,9.86956522 52.9892276,8.90217391 52.9892276,6.66304348 L52.9892276,3.39130435 C53,1.13043478 51.2010163,0.141304348 49.2835366,0.141304348 Z M31.7353659,0 C29.753252,0 27.7819106,1.09782609 27.7819106,3.33695652 L27.7819106,6.66304348 C27.7819106,8.89130435 29.7640244,10 31.7569106,10 C33.7390244,10 35.7103659,8.89130435 35.7103659,6.66304348 L35.7103659,3.33695652 C35.7103659,1.10869565 33.7174797,0 31.7353659,0 Z M33.2865854,6.66304348 C33.2865854,7.35869565 32.5109756,7.7173913 31.7461382,7.7173913 C30.9705285,7.7173913 30.1949187,7.36956522 30.1949187,6.66304348 L30.1949187,3.33695652 C30.1949187,2.61956522 30.9489837,2.23913043 31.7030488,2.23913043 C32.4894309,2.23913043 33.2865854,2.58695652 33.2865854,3.33695652 L33.2865854,6.66304348 Z M44.3605691,3.33695652 C44.3067073,1.05434783 42.7770325,0.141304348 40.8056911,0.141304348 L36.9815041,0.141304348 L36.9815041,9.86956522 L39.4268293,9.86956522 L39.4268293,6.77173913 L39.8577236,6.77173913 L42.0768293,9.85869565 L45.0930894,9.85869565 L42.4861789,6.52173913 C43.6495935,6.15217391 44.3605691,5.14130435 44.3605691,3.33695652 Z M40.8487805,4.65217391 L39.4268293,4.65217391 L39.4268293,2.43478261 L40.8487805,2.43478261 C42.3784553,2.43478261 42.3784553,4.65217391 40.8487805,4.65217391 Z" transform="translate(1 3)"></path></svg>' ) center / contain no-repeat ! important ;
2021-05-14 21:24:36 +02:00
width : 55px ! important ;
2021-05-14 21:30:12 +02:00
height : 19px ! important ;
2018-10-11 10:21:26 +02:00
display : inline ! important ;
position : absolute ! important ;
top : unset ! important ;
left : unset ! important ;
bottom : unset ! important ;
right : unset ! important ;
opacity : 1 ! important ;
padding : 0 ! important ;
margin : 0 ! important ;
visibility : visible ! important ;
2019-05-14 10:13:02 +02:00
transform : unset ! important ;
animation : unset ! important ;
2018-10-11 10:21:26 +02:00
}
2024-06-19 06:08:52 +02:00
html : only-child > head + body div . typeWindows_a934d8 . titleBar_a934d8 > div . wordmark_a934d8 :: after {
2021-05-14 21:24:36 +02:00
content : "" ! important ;
2021-07-05 16:41:47 +02:00
background : rgb ( 125 , 125 , 125 ) ! important ;
2021-05-14 21:30:12 +02:00
-webkit-mask : url ( ' data : image / svg + xml ; utf8 , < svg width = "242" height = "19" version = "1.1" xmlns = "http://www.w3.org/2000/svg" > < path stroke = "none" fill = "black" fill-rule = "evenodd" transform = "scale(0.6, 0.6) translate(5,4)" d = " M58 . 488 0 . 690 C 54 . 786 0 . 948 , 52 . 503 3 . 334 , 52 . 961 6 . 466 C 53 . 321 8 . 926 , 55 . 135 10 . 509 , 58 . 186 11 . 025 C 60 . 205 11 . 366 , 61 . 177 12 . 097 , 60 . 818 13 . 004 C 60 . 260 14 . 412 , 57 . 255 14 . 154 , 55 . 679 12 . 564 L 55 . 440 12 . 323 55 . 340 12 . 411 C 55 . 125 12 . 602 , 52 . 767 14 . 824 , 52 . 768 14 . 836 C 52 . 768 14 . 843 , 52 . 842 14 . 938 , 52 . 932 15 . 047 C 55 . 188 17 . 761 , 58 . 434 18 . 568 , 61 . 663 17 . 218 C 63 . 879 16 . 291 , 65 . 049 14 . 673 , 65 . 056 12 . 523 C 65 . 066 9 . 499 , 63 . 520 7 . 999 , 59 . 581 7 . 209 C 57 . 730 6 . 838 , 56 . 956 6 . 245 , 57 . 139 5 . 336 C 57 . 409 3 . 990 , 59 . 424 3 . 729 , 61 . 092 4 . 823 C 61 . 328 4 . 978 , 61 . 513 5 . 126 , 61 . 754 5 . 350 L 61 . 902 5 . 489 63 . 269 4 . 436 C 64 . 021 3 . 857 , 64 . 640 3 . 372 , 64 . 645 3 . 357 C 64 . 668 3 . 286 , 63 . 905 2 . 499 , 63 . 488 2 . 164 C 62 . 141 1 . 082 , 60 . 367 0 . 559 , 58 . 488 0 . 690 M79 . 453 0 . 691 C 76 . 162 0 . 865 , 73 . 785 2 . 780 , 73 . 354 5 . 604 C 73 . 306 5 . 919 , 73 . 281 11 . 980 , 73 . 325 12 . 570 C 73 . 506 14 . 979 , 75 . 020 16 . 759 , 77 . 535 17 . 519 C 80 . 709 18 . 479 , 83 . 881 17 . 374 , 85 . 557 14 . 725 C 85 . 782 14 . 369 , 85 . 916 14 . 116 , 85 . 893 14 . 093 C 85 . 872 14 . 073 , 82 . 327 12 . 430 , 82 . 254 12 . 406 C 82 . 224 12 . 397 , 82 . 198 12 . 429 , 82 . 144 12 . 544 C 81 . 882 13 . 103 , 81 . 353 13 . 555 , 80 . 730 13 . 752 C 79 . 382 14 . 177 , 77 . 866 13 . 572 , 77 . 593 12 . 501 C 77 . 539 12 . 288 , 77 . 540 6 . 228 , 77 . 595 6 . 015 C 78 . 042 4 . 261 , 81 . 252 4 . 104 , 82 . 289 5 . 785 C 82 . 338 5 . 865 , 82 . 385 5 . 930 , 82 . 393 5 . 930 C 82 . 409 5 . 930 , 85 . 820 4 . 554 , 85 . 837 4 . 541 C 85 . 856 4 . 526 , 85 . 497 3 . 838 , 85 . 340 3 . 588 C 84 . 071 1 . 573 , 82 . 003 0 . 555 , 79 . 453 0 . 691 M122 . 233 0 . 698 C 118 . 928 0 . 954 , 116 . 621 2 . 860 , 116 . 252 5 . 640 C 116 . 198 6 . 046 , 116 . 207 12 . 646 , 116 . 263 13 . 000 C 116 . 678 15 . 665 , 118 . 768 17 . 446 , 121 . 919 17 . 818 C 124 . 720 18 . 149 , 127 . 505 16 . 687 , 128 . 743 14 . 235 L 128 . 815 14 . 092 128 . 669 14 . 026 C 128 . 589 13 . 989 , 127 . 762 13 . 608 , 126 . 832 13 . 177 C 125 . 902 12 . 747 , 125 . 135 12 . 395 , 125 . 129 12 . 395 C 125 . 122 12 . 395 , 125 . 079 12 . 471 , 125 . 032 12 . 564 C 124 . 149 14 . 321 , 121 . 136 14 . 341 , 120 . 519 12 . 593 L 120 . 453 12 . 407 120 . 447 9 . 350 C 120 . 442 6 . 713 , 120 . 445 6 . 267 , 120 . 476 6 . 106 C 120 . 814 4 . 288 , 124 . 035 4 . 054 , 125 . 172 5 . 764 C 125 . 233 5 . 855 , 125 . 288 5 . 930 , 125 . 294 5 . 930 C 125 . 318 5 . 930 , 128 . 710 4 . 554 , 128 . 727 4 . 537 C 128 . 750 4 . 515 , 128 . 506 4 . 030 , 128 . 302 3 . 691 C 127 . 042 1 . 592 , 124 . 822 0 . 498 , 122 . 233 0 . 698 M150 . 163 0 . 690 C 146 . 674 0 . 881 , 144 . 259 2 . 928 , 144 . 024 5 . 893 C 143 . 992 6 . 292 , 143 . 992 12 . 111 , 144 . 024 12 . 535 C 144 . 229 15 . 291 , 146 . 239 17 . 273 , 149 . 317 17 . 756 C 152 . 815 18 . 304 , 156 . 021 16 . 678 , 156 . 902 13 . 907 C 157 . 157 13 . 104 , 157 . 167 12 . 980 , 157 . 179 10 . 250 L 157 . 190 7 . 907 153 . 816 7 . 907 L 150 . 442 7 . 907 150 . 442 9 . 686 L 150 . 442 11 . 465 151 . 770 11 . 465 L 153 . 098 11 . 465 153 . 088 11 . 948 C 153 . 069 12 . 840 , 152 . 771 13 . 335 , 152 . 028 13 . 707 C 150 . 559 14 . 443 , 148 . 672 13 . 843 , 148 . 297 12 . 522 L 148 . 244 12 . 337 148 . 244 9 . 221 L 148 . 244 6 . 105 148 . 296 5 . 922 C 148 . 641 4 . 708 , 150 . 215 4 . 096 , 151 . 595 4 . 640 C 152 . 111 4 . 844 , 152 . 607 5 . 305 , 152 . 816 5 . 777 C 152 . 852 5 . 859 , 152 . 875 5 . 885 , 152 . 903 5 . 877 C 152 . 970 5 . 857 , 156 . 383 4 . 277 , 156 . 404 4 . 256 C 156 . 456 4 . 205 , 156 . 028 3 . 438 , 155 . 709 3 . 012 C 154 . 517 1 . 418 , 152 . 475 0 . 563 , 150 . 163 0 . 690 M180 . 081 0 . 700 C 176 . 707 0 . 925 , 174 . 383 2 . 695 , 173 . 857 5 . 442 C 173 . 796 5 . 758 , 173 . 758 12 . 153 , 173 . 814 12 . 721 C 174 . 112 15 . 773 , 176 . 906 17 . 847 , 180 . 721 17 . 847 C 184 . 496 17 . 847 , 187 . 238 15 . 831 , 187 . 594 12 . 794 C 187 . 645 12 . 357 , 187 . 645 6 . 177 , 187 . 593 5 . 740 C 187 . 221 2 . 553 , 184 . 063 0 . 434 , 180 . 081 0 . 700 M390 . 026 0 . 701 C 386 . 623 0 . 917 , 384 . 214 2 . 823 , 383 . 799 5 . 628 C 383 . 750 5 . 958 , 383 . 722 11 . 716 , 383 . 765 12 . 444 C 383 . 954 15 . 593 , 386 . 593 17 . 735 , 390 . 430 17 . 853 C 394 . 202 17 . 969 , 397 . 090 15 . 976 , 397 . 551 12 . 938 C 397 . 616 12 . 508 , 397 . 615 6 . 017 , 397 . 550 5 . 593 C 397 . 065 2 . 452 , 393 . 986 0 . 450 , 390 . 026 0 . 701 M249 . 326 4 . 333 C 249 . 326 7 . 601 , 249 . 328 7 . 786 , 249 . 366 7 . 797 C 249 . 389 7 . 803 , 250 . 338 8 . 626 , 251 . 477 9 . 625 C 252 . 615 10 . 624 , 253 . 554 11 . 442 , 253 . 564 11 . 442 C 253 . 574 11 . 442 , 253 . 581 9 . 871 , 253 . 581 7 . 952 L 253 . 581 4 . 462 254 . 948 4 . 471 C 256 . 262 4 . 479 , 256 . 321 4 . 481 , 256 . 495 4 . 530 C 257 . 918 4 . 924 , 257 . 953 6 . 870 , 256 . 547 7 . 343 L 256 . 360 7 . 405 255 . 366 7 . 414 L 254 . 372 7 . 422 254 . 372 8 . 954 L 254 . 372 10 . 486 255 . 413 10 . 494 C 256 . 589 10 . 503 , 256 . 592 10 .
2021-05-14 21:24:36 +02:00
width : 242px ! important ;
2021-05-14 21:30:12 +02:00
height : 19px ! important ;
2018-10-11 10:21:26 +02:00
display : inline ! important ;
position : absolute ! important ;
2020-02-11 12:15:31 +01:00
top : unset ! important ;
2021-05-14 21:24:36 +02:00
left : 64px ! important ;
2020-02-11 12:15:31 +01:00
bottom : unset ! important ;
right : unset ! important ;
2023-03-05 22:26:45 +01:00
opacity : 0 . 1 ! important ;
2018-12-05 12:47:57 +01:00
padding : 0 ! important ;
margin : 0 ! important ;
visibility : visible ! important ;
2019-05-14 10:13:02 +02:00
transform : unset ! important ;
animation : unset ! important ;
2023-03-20 13:44:17 +01:00
transition : opacity . 15s ease ! important ;
2023-03-05 22:26:45 +01:00
}
2024-06-19 06:08:52 +02:00
html : only-child > head + body div . typeWindows_a934d8 . titleBar_a934d8 : hover > div . wordmark_a934d8 :: after {
2023-03-05 22:26:45 +01:00
opacity : 1 ! important ;
2019-10-11 14:12:53 +02:00
}
2021-05-18 15:00:58 +02:00
2024-06-19 06:08:52 +02:00
html : only-child > head + body div . app_bd26cc > div . app_a01fb1 > div . layers_d4b6c5 . layers_a01fb1 > div . layer_d4b6c5 . baseLayer_d4b6c5 + div . layer_d4b6c5 > div . standardSidebarView_c25c6d :: after {
2021-05-18 15:00:58 +02:00
content : url ( ' data : image / svg + xml ; utf8 , < svg width = "400" height = "18" version = "1.1" xmlns = "http://www.w3.org/2000/svg" > < path stroke = "none" fill = "rgb(255, 255, 255)" fill-rule = "evenodd" d = " M58 . 488 0 . 690 C 54 . 786 0 . 948 , 52 . 503 3 . 334 , 52 . 961 6 . 466 C 53 . 321 8 . 926 , 55 . 135 10 . 509 , 58 . 186 11 . 025 C 60 . 205 11 . 366 , 61 . 177 12 . 097 , 60 . 818 13 . 004 C 60 . 260 14 . 412 , 57 . 255 14 . 154 , 55 . 679 12 . 564 L 55 . 440 12 . 323 55 . 340 12 . 411 C 55 . 125 12 . 602 , 52 . 767 14 . 824 , 52 . 768 14 . 836 C 52 . 768 14 . 843 , 52 . 842 14 . 938 , 52 . 932 15 . 047 C 55 . 188 17 . 761 , 58 . 434 18 . 568 , 61 . 663 17 . 218 C 63 . 879 16 . 291 , 65 . 049 14 . 673 , 65 . 056 12 . 523 C 65 . 066 9 . 499 , 63 . 520 7 . 999 , 59 . 581 7 . 209 C 57 . 730 6 . 838 , 56 . 956 6 . 245 , 57 . 139 5 . 336 C 57 . 409 3 . 990 , 59 . 424 3 . 729 , 61 . 092 4 . 823 C 61 . 328 4 . 978 , 61 . 513 5 . 126 , 61 . 754 5 . 350 L 61 . 902 5 . 489 63 . 269 4 . 436 C 64 . 021 3 . 857 , 64 . 640 3 . 372 , 64 . 645 3 . 357 C 64 . 668 3 . 286 , 63 . 905 2 . 499 , 63 . 488 2 . 164 C 62 . 141 1 . 082 , 60 . 367 0 . 559 , 58 . 488 0 . 690 M79 . 453 0 . 691 C 76 . 162 0 . 865 , 73 . 785 2 . 780 , 73 . 354 5 . 604 C 73 . 306 5 . 919 , 73 . 281 11 . 980 , 73 . 325 12 . 570 C 73 . 506 14 . 979 , 75 . 020 16 . 759 , 77 . 535 17 . 519 C 80 . 709 18 . 479 , 83 . 881 17 . 374 , 85 . 557 14 . 725 C 85 . 782 14 . 369 , 85 . 916 14 . 116 , 85 . 893 14 . 093 C 85 . 872 14 . 073 , 82 . 327 12 . 430 , 82 . 254 12 . 406 C 82 . 224 12 . 397 , 82 . 198 12 . 429 , 82 . 144 12 . 544 C 81 . 882 13 . 103 , 81 . 353 13 . 555 , 80 . 730 13 . 752 C 79 . 382 14 . 177 , 77 . 866 13 . 572 , 77 . 593 12 . 501 C 77 . 539 12 . 288 , 77 . 540 6 . 228 , 77 . 595 6 . 015 C 78 . 042 4 . 261 , 81 . 252 4 . 104 , 82 . 289 5 . 785 C 82 . 338 5 . 865 , 82 . 385 5 . 930 , 82 . 393 5 . 930 C 82 . 409 5 . 930 , 85 . 820 4 . 554 , 85 . 837 4 . 541 C 85 . 856 4 . 526 , 85 . 497 3 . 838 , 85 . 340 3 . 588 C 84 . 071 1 . 573 , 82 . 003 0 . 555 , 79 . 453 0 . 691 M122 . 233 0 . 698 C 118 . 928 0 . 954 , 116 . 621 2 . 860 , 116 . 252 5 . 640 C 116 . 198 6 . 046 , 116 . 207 12 . 646 , 116 . 263 13 . 000 C 116 . 678 15 . 665 , 118 . 768 17 . 446 , 121 . 919 17 . 818 C 124 . 720 18 . 149 , 127 . 505 16 . 687 , 128 . 743 14 . 235 L 128 . 815 14 . 092 128 . 669 14 . 026 C 128 . 589 13 . 989 , 127 . 762 13 . 608 , 126 . 832 13 . 177 C 125 . 902 12 . 747 , 125 . 135 12 . 395 , 125 . 129 12 . 395 C 125 . 122 12 . 395 , 125 . 079 12 . 471 , 125 . 032 12 . 564 C 124 . 149 14 . 321 , 121 . 136 14 . 341 , 120 . 519 12 . 593 L 120 . 453 12 . 407 120 . 447 9 . 350 C 120 . 442 6 . 713 , 120 . 445 6 . 267 , 120 . 476 6 . 106 C 120 . 814 4 . 288 , 124 . 035 4 . 054 , 125 . 172 5 . 764 C 125 . 233 5 . 855 , 125 . 288 5 . 930 , 125 . 294 5 . 930 C 125 . 318 5 . 930 , 128 . 710 4 . 554 , 128 . 727 4 . 537 C 128 . 750 4 . 515 , 128 . 506 4 . 030 , 128 . 302 3 . 691 C 127 . 042 1 . 592 , 124 . 822 0 . 498 , 122 . 233 0 . 698 M150 . 163 0 . 690 C 146 . 674 0 . 881 , 144 . 259 2 . 928 , 144 . 024 5 . 893 C 143 . 992 6 . 292 , 143 . 992 12 . 111 , 144 . 024 12 . 535 C 144 . 229 15 . 291 , 146 . 239 17 . 273 , 149 . 317 17 . 756 C 152 . 815 18 . 304 , 156 . 021 16 . 678 , 156 . 902 13 . 907 C 157 . 157 13 . 104 , 157 . 167 12 . 980 , 157 . 179 10 . 250 L 157 . 190 7 . 907 153 . 816 7 . 907 L 150 . 442 7 . 907 150 . 442 9 . 686 L 150 . 442 11 . 465 151 . 770 11 . 465 L 153 . 098 11 . 465 153 . 088 11 . 948 C 153 . 069 12 . 840 , 152 . 771 13 . 335 , 152 . 028 13 . 707 C 150 . 559 14 . 443 , 148 . 672 13 . 843 , 148 . 297 12 . 522 L 148 . 244 12 . 337 148 . 244 9 . 221 L 148 . 244 6 . 105 148 . 296 5 . 922 C 148 . 641 4 . 708 , 150 . 215 4 . 096 , 151 . 595 4 . 640 C 152 . 111 4 . 844 , 152 . 607 5 . 305 , 152 . 816 5 . 777 C 152 . 852 5 . 859 , 152 . 875 5 . 885 , 152 . 903 5 . 877 C 152 . 970 5 . 857 , 156 . 383 4 . 277 , 156 . 404 4 . 256 C 156 . 456 4 . 205 , 156 . 028 3 . 438 , 155 . 709 3 . 012 C 154 . 517 1 . 418 , 152 . 475 0 . 563 , 150 . 163 0 . 690 M180 . 081 0 . 700 C 176 . 707 0 . 925 , 174 . 383 2 . 695 , 173 . 857 5 . 442 C 173 . 796 5 . 758 , 173 . 758 12 . 153 , 173 . 814 12 . 721 C 174 . 112 15 . 773 , 176 . 906 17 . 847 , 180 . 721 17 . 847 C 184 . 496 17 . 847 , 187 . 238 15 . 831 , 187 . 594 12 . 794 C 187 . 645 12 . 357 , 187 . 645 6 . 177 , 187 . 593 5 . 740 C 187 . 221 2 . 553 , 184 . 063 0 . 434 , 180 . 081 0 . 700 M390 . 026 0 . 701 C 386 . 623 0 . 917 , 384 . 214 2 . 823 , 383 . 799 5 . 628 C 383 . 750 5 . 958 , 383 . 722 11 . 716 , 383 . 765 12 . 444 C 383 . 954 15 . 593 , 386 . 593 17 . 735 , 390 . 430 17 . 853 C 394 . 202 17 . 969 , 397 . 090 15 . 976 , 397 . 551 12 . 938 C 397 . 616 12 . 508 , 397 . 615 6 . 017 , 397 . 550 5 . 593 C 397 . 065 2 . 452 , 393 . 986 0 . 450 , 390 . 026 0 . 701 M249 . 326 4 . 333 C 249 . 326 7 . 601 , 249 . 328 7 . 786 , 249 . 366 7 . 797 C 249 . 389 7 . 803 , 250 . 338 8 . 626 , 251 . 477 9 . 625 C 252 . 615 10 . 624 , 253 . 554 11 . 442 , 253 . 564 11 . 442 C 253 . 574 11 . 442 , 253 . 581 9 . 871 , 253 . 581 7 . 952 L 253 . 581 4 . 462 254 . 948 4 . 471 C 256 . 262 4 . 479 , 256 . 321 4 . 481 , 256 . 495 4 . 530 C 257 . 918 4 . 924 , 257 . 953 6 . 870 , 256 . 547 7 . 343 L 256 . 360 7 . 405 255 . 366 7 . 414 L 254 . 372 7 . 422 254 . 372 8 . 954 L 254 . 372 10 . 486 255 . 413 10 . 494 C 256 . 589 10 . 503 , 256 . 592 10 . 504 , 257 . 000 10 . 704 C 258 . 198 11 . 291
display : inline ! important ;
position : absolute ! important ;
left : unset ! important ;
bottom : 7px ! important ;
top : unset ! important ;
right : 15px ! important ;
opacity : 0 . 3 ! important ;
padding : 0 ! important ;
margin : 0 ! important ;
visibility : visible ! important ;
transform : unset ! important ;
animation : unset ! important ;
pointer-events : none ! important ;
z-index : -1 ! important ;
}
2024-06-19 06:08:52 +02:00
html : only-child > head + body div . app_bd26cc > div . app_a01fb1 > div . layers_d4b6c5 . layers_a01fb1 > div . layer_d4b6c5 . baseLayer_d4b6c5 + div . layer_d4b6c5 > div . standardSidebarView_c25c6d > div . sidebarRegion_c25c6d > div . sidebarRegionScroller_c25c6d . thin_eed6a8 . scrollerBase_eed6a8 . fade_eed6a8 > nav . sidebar_c25c6d > div . side_a0 > div . info_c5a741 {
2021-05-18 15:00:58 +02:00
position : relative ! important ;
}
2024-06-19 06:08:52 +02:00
html : only-child > head + body div . app_bd26cc > div . app_a01fb1 > div . layers_d4b6c5 . layers_a01fb1 > div . layer_d4b6c5 . baseLayer_d4b6c5 + div . layer_d4b6c5 > div . standardSidebarView_c25c6d > div . sidebarRegion_c25c6d > div . sidebarRegionScroller_c25c6d . thin_eed6a8 . scrollerBase_eed6a8 . fade_eed6a8 > nav . sidebar_c25c6d > div . side_a0 > div . info_c5a741 :: after {
2021-05-18 15:00:58 +02:00
content : "BasicBackground by" ! important ;
font-size : 12px ! important ;
color : var ( --text-muted ) ! important ;
cursor : pointer ! important ;
display : inline ! important ;
opacity : 1 ! important ;
padding : 0 ! important ;
margin : 0 ! important ;
cursor : text ! important ;
visibility : visible ! important ;
position : relative ! important ;
top : unset ! important ;
left : unset ! important ;
bottom : unset ! important ;
right : unset ! important ;
transform : unset ! important ;
animation : unset ! important ;
}
2024-06-19 06:08:52 +02:00
html : only-child > head + body div . app_bd26cc > div . app_a01fb1 > div . layers_d4b6c5 . layers_a01fb1 > div . layer_d4b6c5 . baseLayer_d4b6c5 + div . layer_d4b6c5 > div . standardSidebarView_c25c6d > div . sidebarRegion_c25c6d > div . sidebarRegionScroller_c25c6d . thin_eed6a8 . scrollerBase_eed6a8 . fade_eed6a8 > nav . sidebar_c25c6d > div . side_a0 > div . info_c5a741 :: before {
2021-05-18 15:00:58 +02:00
content : "DevilBro" ! important ;
font-size : 12px ! important ;
2023-03-02 14:57:52 +01:00
font-weight : 600 ! important ;
2023-11-08 13:39:17 +01:00
color : rgb ( var ( --accentcolor_v ) ) ! important ;
2021-05-18 15:00:58 +02:00
display : inline ! important ;
opacity : 1 ! important ;
padding : 0 ! important ;
margin : 0 ! important ;
cursor : pointer ! important ;
visibility : visible ! important ;
position : absolute ! important ;
top : unset ! important ;
2023-03-02 14:57:52 +01:00
left : 117px ! important ;
bottom : 8px ! important ;
2021-05-18 15:00:58 +02:00
right : unset ! important ;
transform : unset ! important ;
animation : unset ! important ;
2023-11-13 12:41:16 +01:00
}